@snack-uikit/table 0.36.9 → 0.36.10

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.36.10 (2025-06-19)
+
+
+### Bug Fixes
+
+* **FF-0000:** table state control ([4059c7b](https://github.com/cloud-ru-tech/snack-uikit/commit/4059c7bb77e37cf1bb761583db960f93e0e24abb))
+
+
+
+
+
 ## 0.36.9 (2025-06-16)
 
 

package/dist/cjs/components/Table/Table.js

@@ -224,13 +224,7 @@ function Table(_a) {
     globalFilterFn: enableFuzzySearch ? utils_2.fuzzyFilter : 'includesString',
     onGlobalFilterChange,
     getRowId,
-    onRowSelectionChange: updater => {
-      if (typeof updater === 'function') {
-        onRowSelectionChange(updater(rowSelection));
-      } else {
-        onRowSelectionChange(updater);
-      }
-    },
+    onRowSelectionChange,
     enableGrouping: true,
     enableRowSelection,
     enableMultiRowSelection: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow,

package/dist/cjs/components/Table/hooks/useFilters/useFilters.d.ts

@@ -2,12 +2,12 @@ import { TableProps } from '../../../types';
 type useFiltersProps<TData extends object, TFilters extends Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'columnFilters'>;
 export declare function useFilters<TData extends object, TFilters extends Record<string, unknown>>({ columnFilters, }: useFiltersProps<TData, TFilters>): {
     filter: TFilters | undefined;
-    setFilter: import("uncontrollable").Handler;
+    setFilter: import("@tanstack/react-table").OnChangeFn<TFilters | undefined>;
     patchedFilter: {
         value: TFilters | undefined;
-        onChange: import("uncontrollable").Handler;
+        onChange: (filter: TFilters) => void;
         visibleFilters: string[];
-        onVisibleFiltersChange: import("uncontrollable").Handler;
+        onVisibleFiltersChange: import("@tanstack/react-table").OnChangeFn<string[]>;
         className?: string;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -70,6 +70,6 @@ export declare function useFilters<TData extends object, TFilters extends Record
         onOpenChange: (isOpen: boolean) => void;
         initialOpen?: boolean;
     } | undefined;
-    setFilterVisibility: import("uncontrollable").Handler;
+    setFilterVisibility: import("@tanstack/react-table").OnChangeFn<string[]>;
 };
 export {};

package/dist/cjs/components/Table/hooks/useStateControl.d.ts

@@ -1,5 +1,6 @@
-export declare function useStateControl<TState>(control: {
+import { OnChangeFn } from '@tanstack/react-table';
+export declare function useStateControl<TState extends object | string | number | boolean | undefined>(control: {
     initialState?: TState;
     state?: TState;
     onChange?(state: TState): void;
-} | undefined, defaultState: TState): readonly [TState, import("uncontrollable").Handler];
+} | undefined, defaultState: TState): readonly [TState, OnChangeFn<TState>];

package/dist/cjs/components/Table/hooks/useStateControl.js

@@ -7,5 +7,13 @@ exports.useStateControl = useStateControl;
 const uncontrollable_1 = require("uncontrollable");
 function useStateControl(control, defaultState) {
   var _a, _b;
-  return (0, uncontrollable_1.useUncontrolledProp)(control === null || control === void 0 ? void 0 : control.state, (_b = (_a = control === null || control === void 0 ? void 0 : control.state) !== null && _a !== void 0 ? _a : control === null || control === void 0 ? void 0 : control.initialState) !== null && _b !== void 0 ? _b : defaultState, control === null || control === void 0 ? void 0 : control.onChange);
+  const [state, setState] = (0, uncontrollable_1.useUncontrolledProp)(control === null || control === void 0 ? void 0 : control.state, (_b = (_a = control === null || control === void 0 ? void 0 : control.state) !== null && _a !== void 0 ? _a : control === null || control === void 0 ? void 0 : control.initialState) !== null && _b !== void 0 ? _b : defaultState, control === null || control === void 0 ? void 0 : control.onChange);
+  const onChangeFunction = updater => {
+    if (typeof updater === 'function') {
+      setState(updater(state));
+    } else {
+      setState(updater);
+    }
+  };
+  return [state, onChangeFunction];
 }

package/dist/esm/components/Table/Table.js

@@ -138,14 +138,7 @@ export function Table(_a) {
         globalFilterFn: enableFuzzySearch ? fuzzyFilter : 'includesString',
         onGlobalFilterChange,
         getRowId,
-        onRowSelectionChange: updater => {
-            if (typeof updater === 'function') {
-                onRowSelectionChange(updater(rowSelection));
-            }
-            else {
-                onRowSelectionChange(updater);
-            }
-        },
+        onRowSelectionChange,
         enableGrouping: true,
         enableRowSelection,
         enableMultiRowSelection: rowSelectionProp === null || rowSelectionProp === void 0 ? void 0 : rowSelectionProp.multiRow,

package/dist/esm/components/Table/hooks/useFilters/useFilters.d.ts

@@ -2,12 +2,12 @@ import { TableProps } from '../../../types';
 type useFiltersProps<TData extends object, TFilters extends Record<string, unknown>> = Pick<TableProps<TData, TFilters>, 'columnFilters'>;
 export declare function useFilters<TData extends object, TFilters extends Record<string, unknown>>({ columnFilters, }: useFiltersProps<TData, TFilters>): {
     filter: TFilters | undefined;
-    setFilter: import("uncontrollable").Handler;
+    setFilter: import("@tanstack/react-table").OnChangeFn<TFilters | undefined>;
     patchedFilter: {
         value: TFilters | undefined;
-        onChange: import("uncontrollable").Handler;
+        onChange: (filter: TFilters) => void;
         visibleFilters: string[];
-        onVisibleFiltersChange: import("uncontrollable").Handler;
+        onVisibleFiltersChange: import("@tanstack/react-table").OnChangeFn<string[]>;
         className?: string;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -70,6 +70,6 @@ export declare function useFilters<TData extends object, TFilters extends Record
         onOpenChange: (isOpen: boolean) => void;
         initialOpen?: boolean;
     } | undefined;
-    setFilterVisibility: import("uncontrollable").Handler;
+    setFilterVisibility: import("@tanstack/react-table").OnChangeFn<string[]>;
 };
 export {};

package/dist/esm/components/Table/hooks/useStateControl.d.ts

@@ -1,5 +1,6 @@
-export declare function useStateControl<TState>(control: {
+import { OnChangeFn } from '@tanstack/react-table';
+export declare function useStateControl<TState extends object | string | number | boolean | undefined>(control: {
     initialState?: TState;
     state?: TState;
     onChange?(state: TState): void;
-} | undefined, defaultState: TState): readonly [TState, import("uncontrollable").Handler];
+} | undefined, defaultState: TState): readonly [TState, OnChangeFn<TState>];

package/dist/esm/components/Table/hooks/useStateControl.js

@@ -1,5 +1,14 @@
 import { useUncontrolledProp } from 'uncontrollable';
 export function useStateControl(control, defaultState) {
     var _a, _b;
-    return useUncontrolledProp(control === null || control === void 0 ? void 0 : control.state, (_b = (_a = control === null || control === void 0 ? void 0 : control.state) !== null && _a !== void 0 ? _a : control === null || control === void 0 ? void 0 : control.initialState) !== null && _b !== void 0 ? _b : defaultState, control === null || control === void 0 ? void 0 : control.onChange);
+    const [state, setState] = useUncontrolledProp(control === null || control === void 0 ? void 0 : control.state, (_b = (_a = control === null || control === void 0 ? void 0 : control.state) !== null && _a !== void 0 ? _a : control === null || control === void 0 ? void 0 : control.initialState) !== null && _b !== void 0 ? _b : defaultState, control === null || control === void 0 ? void 0 : control.onChange);
+    const onChangeFunction = updater => {
+        if (typeof updater === 'function') {
+            setState(updater(state));
+        }
+        else {
+            setState(updater);
+        }
+    };
+    return [state, onChangeFunction];
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.36.9",
+  "version": "0.36.10",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -66,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "4898ffc6db1c53aa9998f54b1e41741b80cb01cd"
+  "gitHead": "11b356cdf85866c119c6abef219fc7394828c55e"
 }

package/src/components/Table/Table.tsx

@@ -257,13 +257,7 @@ export function Table<TData extends object, TFilters extends FiltersState = Reco
     onGlobalFilterChange,
 
     getRowId,
-    onRowSelectionChange: updater => {
-      if (typeof updater === 'function') {
-        onRowSelectionChange(updater(rowSelection));
-      } else {
-        onRowSelectionChange(updater);
-      }
-    },
+    onRowSelectionChange,
     enableGrouping: true,
     enableRowSelection,
     enableMultiRowSelection: rowSelectionProp?.multiRow,

package/src/components/Table/hooks/useFilters/useFilters.ts

@@ -45,7 +45,7 @@ export function useFilters<TData extends object, TFilters extends Record<string,
       onOpenChange: setAreColumnFiltersOpen,
       ...columnFilters,
       value: filter,
-      onChange: setFilter,
+      onChange: setFilter as (filter: TFilters) => void,
       visibleFilters: filterVisibility,
       onVisibleFiltersChange: setFilterVisibility,
     };

package/src/components/Table/hooks/useStateControl.ts

@@ -1,12 +1,23 @@
+import { OnChangeFn } from '@tanstack/react-table';
 import { useUncontrolledProp } from 'uncontrollable';
 
-export function useStateControl<TState>(
+export function useStateControl<TState extends object | string | number | boolean | undefined>(
   control: { initialState?: TState; state?: TState; onChange?(state: TState): void } | undefined,
   defaultState: TState,
 ) {
-  return useUncontrolledProp<TState>(
+  const [state, setState] = useUncontrolledProp<TState>(
     control?.state,
     control?.state ?? control?.initialState ?? defaultState,
     control?.onChange,
   );
+
+  const onChangeFunction: OnChangeFn<TState> = updater => {
+    if (typeof updater === 'function') {
+      setState(updater(state));
+    } else {
+      setState(updater);
+    }
+  };
+
+  return [state, onChangeFunction] as const;
 }