[useTableState]: make params optional

epam · Nov 8, 2024 · 8c45722 · 8c45722
1 parent 4178705
commit 8c45722
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 6 deletions.
diff --git a/app/src/docs/_examples/statusIndicator/WithTable.example.tsx b/app/src/docs/_examples/statusIndicator/WithTable.example.tsx
@@ -55,7 +55,7 @@ const personColumns: DataColumnProps<Person, number>[] = [
 export default function WithTableExample() {
     const { api } = useUuiContext();
 
-    const { tableState, setTableState } = useTableState<Person, any>({});
+    const { tableState, setTableState } = useTableState<Person, any>();
 
     const dataSource = useLazyDataSource<Person, number, Person>(
         {

diff --git a/app/src/sandbox/tablePaged/DemoTablePaged.tsx b/app/src/sandbox/tablePaged/DemoTablePaged.tsx
@@ -15,7 +15,7 @@ export function DemoTablePaged() {
     const [isInfoPanelOpened, setIsInfoPanelOpened] = useState(false);
     const closeInfoPanel = useCallback(() => setIsInfoPanelOpened(false), []);
 
-    const { tableState, setTableState } = useTableState<Person>({});
+    const { tableState, setTableState } = useTableState<Person>();
 
     useEffect(() => {
         setTableState({ ...tableState, page: 1, pageSize: 100 });

diff --git a/app/src/sandbox/tasks/ProjectTasksDemo.tsx b/app/src/sandbox/tasks/ProjectTasksDemo.tsx
@@ -70,8 +70,7 @@ export function ProjectTasksDemo() {
         onValueChange({ ...value, items: { ...value.items, [task.id]: task } });
     };
 
-    // const { tableState, setTableState } = useTableState<any>({ columns });
-    const { tableState, setTableState } = useTableState({});
+    const { tableState, setTableState } = useTableState();
 
     const dataSource = useArrayDataSource<Task, number, DataQueryFilter<Task>>(
         {

diff --git a/extra/src/ideas/useList.tsx b/extra/src/ideas/useList.tsx
@@ -111,7 +111,7 @@ function ArrayPlainList() {
 
 // Tree, table state is supplied from useTableState
 function TreeTable() {
-    const tableState = useTableState({ columns });
+    const tableState = useTableState();
 
     const list = useList<MyItem, number>({
         api: testApi,

diff --git a/uui-core/src/hooks/useTableState/useTableState.ts b/uui-core/src/hooks/useTableState/useTableState.ts
@@ -194,7 +194,7 @@ export interface UseTableStateHookParams<TFilter = Record<string, any>, TViewSta
     extends UseTableStateHookBaseParams<TFilter, TViewState>, Partial<IEditable<DataTableState<TFilter, TViewState>>> {}
 
 export const useTableState = <TFilter = Record<string, any>, TViewState = any>
-(params: UseTableStateHookParams<TFilter, TViewState>): ITableState<TFilter, TViewState> => {
+(params?: UseTableStateHookParams<TFilter, TViewState>): ITableState<TFilter, TViewState> => {
     const context = useUuiContext();
 
     const externalValue = useRef(params.value);