@snack-uikit/table 0.37.5 → 0.37.6

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.37.6 (2025-09-11)
+
+
+### Dependencies
+
+* **FF-7214:** up eslint ssr plugin ([2fbc38b](https://github.com/cloud-ru-tech/snack-uikit/commit/2fbc38b0dc78d953f638c8ddd5b20620c826178d))
+
+
+
+
+
 ## 0.37.5 (2025-09-10)
 
 ### Only dependencies have been changed

package/README.md

@@ -109,6 +109,8 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
+| search | `string` | - |  |
+| filter | `FiltersState` | - |  |
 | pagination | `PaginationState \| PaginationParams` | - |  |
 | sorting | `SortingState` | - |  |
 ## Table

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

@@ -8,6 +8,7 @@ const core_1 = require("@dnd-kit/core");
 const modifiers_1 = require("@dnd-kit/modifiers");
 const sortable_1 = require("@dnd-kit/sortable");
 const react_1 = require("react");
+const utils_1 = require("@snack-uikit/utils");
 const prepareInitialState_1 = require("./utils/prepareInitialState");
 const draggingOptions = {
   activationConstraint: {
@@ -28,7 +29,7 @@ function useColumnOrderByDrag(_ref) {
     } else {
       updatedOrder = value;
     }
-    if (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) {
+    if ((savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) && (0, utils_1.isBrowser)()) {
       localStorage.setItem((0, prepareInitialState_1.getLocalStorageColumnOrderKey)(savedState.id), JSON.stringify(updatedOrder));
     }
     setColumnOrderState(updatedOrder);

package/dist/cjs/components/Table/hooks/useColumnOrderByDrag/utils/prepareInitialState.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getLocalStorageColumnOrderKey = void 0;
 exports.prepareInitialState = prepareInitialState;
-const utils_1 = require("../../../utils");
+const utils_1 = require("@snack-uikit/utils");
+const utils_2 = require("../../../utils");
 const getLocalStorageColumnOrderKey = id => `${id}_columnOrder`;
 exports.getLocalStorageColumnOrderKey = getLocalStorageColumnOrderKey;
 function prepareInitialState(tableColumns, savedState) {
-  const columnOrder = tableColumns.filter(column => column.pinned !== 'left' && column.pinned !== 'right').map(utils_1.getColumnIdentifier);
-  if (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) {
+  const columnOrder = tableColumns.filter(column => column.pinned !== 'left' && column.pinned !== 'right').map(utils_2.getColumnIdentifier);
+  if ((savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) && (0, utils_1.isBrowser)()) {
     const persistState = JSON.parse(localStorage.getItem((0, exports.getLocalStorageColumnOrderKey)(savedState.id)) || 'null');
-    const persistValue = (0, utils_1.isEveryArrayItemString)(persistState) ? persistState : null;
+    const persistValue = (0, utils_2.isEveryArrayItemString)(persistState) ? persistState : null;
     if (persistValue !== null) {
       return [...persistValue, ...columnOrder.filter(column => !(persistValue === null || persistValue === void 0 ? void 0 : persistValue.includes(column)))];
     }

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

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.useColumnSettings = useColumnSettings;
 const react_1 = require("react");
 const locale_1 = require("@snack-uikit/locale");
-const utils_1 = require("../../utils");
-const utils_2 = require("./utils");
+const utils_1 = require("@snack-uikit/utils");
+const utils_2 = require("../../utils");
+const utils_3 = require("./utils");
 function useColumnSettings(_ref) {
   let {
     columnDefinitions,
@@ -22,10 +23,10 @@ function useColumnSettings(_ref) {
     t
   } = (0, locale_1.useLocale)('Table');
   const localStorageKey = `${savedState === null || savedState === void 0 ? void 0 : savedState.id}_columnSettings`;
-  const configurableColumns = (0, react_1.useMemo)(() => columnDefinitions.filter(utils_2.isColumnVisibilityConfigurable), [columnDefinitions]);
-  const [enabledColumns, setEnabledColumns] = (0, react_1.useState)(() => (0, utils_2.getEnabledColumnsInitialState)(configurableColumns, savedState, localStorageKey));
+  const configurableColumns = (0, react_1.useMemo)(() => columnDefinitions.filter(utils_3.isColumnVisibilityConfigurable), [columnDefinitions]);
+  const [enabledColumns, setEnabledColumns] = (0, react_1.useState)(() => (0, utils_3.getEnabledColumnsInitialState)(configurableColumns, savedState, localStorageKey));
   const setEnabledColumnsOuter = (0, react_1.useCallback)(value => {
-    if (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) {
+    if ((savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) && (0, utils_1.isBrowser)()) {
       localStorage.setItem(localStorageKey, JSON.stringify(value));
     }
     setEnabledColumns(value);
@@ -36,21 +37,21 @@ function useColumnSettings(_ref) {
       return columnDefinitions;
     }
     return columnDefinitions.filter(colDef => {
-      if ((0, utils_2.isFilterableColumn)(colDef)) {
-        return enabledColumns.includes((0, utils_1.getColumnIdentifier)(colDef));
+      if ((0, utils_3.isFilterableColumn)(colDef)) {
+        return enabledColumns.includes((0, utils_2.getColumnIdentifier)(colDef));
       }
       return true;
     });
   }, [columnDefinitions, enabledColumns, areColumnsSettingsEnabled]);
   const enableSelection = Boolean(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.enable);
-  const enabledTableColumns = (0, react_1.useMemo)(() => (0, utils_1.getTableColumnsDefinitions)({
+  const enabledTableColumns = (0, react_1.useMemo)(() => (0, utils_2.getTableColumnsDefinitions)({
     columnDefinitions: enabledColumnsDefinitions,
     enableSelection,
     enableSelectPinned,
     expanding
   }), [enableSelectPinned, enableSelection, enabledColumnsDefinitions, expanding]);
   const areAllColumnsEnabled = enabledColumns.length === configurableColumns.length;
-  const getColumnsSettings = (0, react_1.useCallback)(columnOrder => (0, utils_2.prepareColumnsSettings)({
+  const getColumnsSettings = (0, react_1.useCallback)(columnOrder => (0, utils_3.prepareColumnsSettings)({
     pinnedGroups,
     columnOrder,
     areAllColumnsEnabled,

package/dist/cjs/components/Table/hooks/useColumnSettings/utils/getEnabledColumnsInitialState.js

@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getEnabledColumnsInitialState = getEnabledColumnsInitialState;
-const utils_1 = require("../../../utils");
+const utils_1 = require("@snack-uikit/utils");
+const utils_2 = require("../../../utils");
 const isColumnEnabledInitially_1 = require("./isColumnEnabledInitially");
 function getSettingsFromLocalStorage(localStorageKey) {
-  const localStorageState = JSON.parse(localStorage.getItem(localStorageKey) || 'null');
-  return (0, utils_1.isEveryArrayItemString)(localStorageState) ? localStorageState : null;
+  if ((0, utils_1.isBrowser)()) {
+    const localStorageState = JSON.parse(localStorage.getItem(localStorageKey) || 'null');
+    return (0, utils_2.isEveryArrayItemString)(localStorageState) ? localStorageState : null;
+  }
+  return null;
 }
 function getEnabledColumnsInitialState(configurableColumns, savedState, localStorageKey) {
   const localStorageSettings = getSettingsFromLocalStorage(localStorageKey);
   return configurableColumns.filter(colDef => {
-    const columnIdentifier = (0, utils_1.getColumnIdentifier)(colDef);
+    const columnIdentifier = (0, utils_2.getColumnIdentifier)(colDef);
     if (localStorageSettings && (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings)) {
       return Boolean(localStorageSettings.find(columnKey => columnKey === columnIdentifier));
     }
     return (0, isColumnEnabledInitially_1.isColumnEnabledInitially)(colDef);
-  }).map(utils_1.getColumnIdentifier);
+  }).map(utils_2.getColumnIdentifier);
 }

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getInitColumnSizeFromLocalStorage = getInitColumnSizeFromLocalStorage;
 exports.saveStateToLocalStorage = saveStateToLocalStorage;
+const utils_1 = require("@snack-uikit/utils");
 const RESIZED_KEY = 'RESIZED_COLUMN_KEY';
 function getInitColumnSizeFromLocalStorage(_ref) {
   let {
@@ -12,11 +13,13 @@ function getInitColumnSizeFromLocalStorage(_ref) {
     columnId
   } = _ref;
   var _a;
-  const savedStateFromStorage = JSON.parse(localStorage.getItem(id || '') || 'null');
-  if (!savedStateFromStorage) {
-    return;
+  if ((0, utils_1.isBrowser)()) {
+    const savedStateFromStorage = JSON.parse(localStorage.getItem(id || '') || 'null');
+    if (!savedStateFromStorage) {
+      return;
+    }
+    return (_a = savedStateFromStorage.resizeState) === null || _a === void 0 ? void 0 : _a[`${RESIZED_KEY}-${columnId}`];
   }
-  return (_a = savedStateFromStorage.resizeState) === null || _a === void 0 ? void 0 : _a[`${RESIZED_KEY}-${columnId}`];
 }
 function saveStateToLocalStorage(_ref2) {
   let {
@@ -24,10 +27,12 @@ function saveStateToLocalStorage(_ref2) {
     columnId,
     size
   } = _ref2;
-  const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
-  const newResizeState = (savedStateFromStorage === null || savedStateFromStorage === void 0 ? void 0 : savedStateFromStorage.resizeState) || {};
-  newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
-  localStorage.setItem(id, JSON.stringify(Object.assign(Object.assign({}, savedStateFromStorage || {}), {
-    resizeState: newResizeState
-  })));
+  if ((0, utils_1.isBrowser)()) {
+    const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
+    const newResizeState = (savedStateFromStorage === null || savedStateFromStorage === void 0 ? void 0 : savedStateFromStorage.resizeState) || {};
+    newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
+    localStorage.setItem(id, JSON.stringify(Object.assign(Object.assign({}, savedStateFromStorage || {}), {
+      resizeState: newResizeState
+    })));
+  }
 }

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

@@ -2,6 +2,7 @@ import { closestCenter, KeyboardSensor, MouseSensor, TouchSensor, useSensor, use
 import { restrictToHorizontalAxis } from '@dnd-kit/modifiers';
 import { arrayMove } from '@dnd-kit/sortable';
 import { useCallback, useMemo, useState } from 'react';
+import { isBrowser } from '@snack-uikit/utils';
 import { getLocalStorageColumnOrderKey, prepareInitialState } from './utils/prepareInitialState';
 const draggingOptions = {
     activationConstraint: {
@@ -18,7 +19,7 @@ export function useColumnOrderByDrag({ tableColumns, savedState, columnSettings,
         else {
             updatedOrder = value;
         }
-        if (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) {
+        if ((savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) && isBrowser()) {
             localStorage.setItem(getLocalStorageColumnOrderKey(savedState.id), JSON.stringify(updatedOrder));
         }
         setColumnOrderState(updatedOrder);

package/dist/esm/components/Table/hooks/useColumnOrderByDrag/utils/prepareInitialState.js

@@ -1,10 +1,11 @@
+import { isBrowser } from '@snack-uikit/utils';
 import { getColumnIdentifier, isEveryArrayItemString } from '../../../utils';
 export const getLocalStorageColumnOrderKey = (id) => `${id}_columnOrder`;
 export function prepareInitialState(tableColumns, savedState) {
     const columnOrder = tableColumns
         .filter(column => column.pinned !== 'left' && column.pinned !== 'right')
         .map(getColumnIdentifier);
-    if (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) {
+    if ((savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) && isBrowser()) {
         const persistState = JSON.parse(localStorage.getItem(getLocalStorageColumnOrderKey(savedState.id)) || 'null');
         const persistValue = isEveryArrayItemString(persistState) ? persistState : null;
         if (persistValue !== null) {

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

@@ -1,5 +1,6 @@
 import { useCallback, useMemo, useState } from 'react';
 import { useLocale } from '@snack-uikit/locale';
+import { isBrowser } from '@snack-uikit/utils';
 import { getColumnIdentifier, getTableColumnsDefinitions } from '../../utils';
 import { getEnabledColumnsInitialState, isColumnVisibilityConfigurable, isFilterableColumn, prepareColumnsSettings, } from './utils';
 export function useColumnSettings({ columnDefinitions, columnsSettings, pinnedGroups, savedState, rowSelection, enableSelectPinned, expanding, }) {
@@ -8,7 +9,7 @@ export function useColumnSettings({ columnDefinitions, columnsSettings, pinnedGr
     const configurableColumns = useMemo(() => columnDefinitions.filter(isColumnVisibilityConfigurable), [columnDefinitions]);
     const [enabledColumns, setEnabledColumns] = useState(() => getEnabledColumnsInitialState(configurableColumns, savedState, localStorageKey));
     const setEnabledColumnsOuter = useCallback((value) => {
-        if (savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) {
+        if ((savedState === null || savedState === void 0 ? void 0 : savedState.columnSettings) && isBrowser()) {
             localStorage.setItem(localStorageKey, JSON.stringify(value));
         }
         setEnabledColumns(value);

package/dist/esm/components/Table/hooks/useColumnSettings/utils/getEnabledColumnsInitialState.js

@@ -1,8 +1,12 @@
+import { isBrowser } from '@snack-uikit/utils';
 import { getColumnIdentifier, isEveryArrayItemString } from '../../../utils';
 import { isColumnEnabledInitially } from './isColumnEnabledInitially';
 function getSettingsFromLocalStorage(localStorageKey) {
-    const localStorageState = JSON.parse(localStorage.getItem(localStorageKey) || 'null');
-    return isEveryArrayItemString(localStorageState) ? localStorageState : null;
+    if (isBrowser()) {
+        const localStorageState = JSON.parse(localStorage.getItem(localStorageKey) || 'null');
+        return isEveryArrayItemString(localStorageState) ? localStorageState : null;
+    }
+    return null;
 }
 export function getEnabledColumnsInitialState(configurableColumns, savedState, localStorageKey) {
     const localStorageSettings = getSettingsFromLocalStorage(localStorageKey);

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

@@ -1,15 +1,20 @@
+import { isBrowser } from '@snack-uikit/utils';
 const RESIZED_KEY = 'RESIZED_COLUMN_KEY';
 export function getInitColumnSizeFromLocalStorage({ id, columnId, }) {
     var _a;
-    const savedStateFromStorage = JSON.parse(localStorage.getItem(id || '') || 'null');
-    if (!savedStateFromStorage) {
-        return;
+    if (isBrowser()) {
+        const savedStateFromStorage = JSON.parse(localStorage.getItem(id || '') || 'null');
+        if (!savedStateFromStorage) {
+            return;
+        }
+        return (_a = savedStateFromStorage.resizeState) === null || _a === void 0 ? void 0 : _a[`${RESIZED_KEY}-${columnId}`];
     }
-    return (_a = savedStateFromStorage.resizeState) === null || _a === void 0 ? void 0 : _a[`${RESIZED_KEY}-${columnId}`];
 }
 export function saveStateToLocalStorage({ id, columnId, size }) {
-    const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
-    const newResizeState = (savedStateFromStorage === null || savedStateFromStorage === void 0 ? void 0 : savedStateFromStorage.resizeState) || {};
-    newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
-    localStorage.setItem(id, JSON.stringify(Object.assign(Object.assign({}, (savedStateFromStorage || {})), { resizeState: newResizeState })));
+    if (isBrowser()) {
+        const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
+        const newResizeState = (savedStateFromStorage === null || savedStateFromStorage === void 0 ? void 0 : savedStateFromStorage.resizeState) || {};
+        newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
+        localStorage.setItem(id, JSON.stringify(Object.assign(Object.assign({}, (savedStateFromStorage || {})), { resizeState: newResizeState })));
+    }
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.37.5",
+  "version": "0.37.6",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -66,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "52e8255973ff9c525da7463937b674772dd0f710"
+  "gitHead": "2e88e675144c48f37ba65d9cdf8cc04da7ebda8e"
 }

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

@@ -13,6 +13,8 @@ import { restrictToHorizontalAxis } from '@dnd-kit/modifiers';
 import { arrayMove } from '@dnd-kit/sortable';
 import { Dispatch, SetStateAction, useCallback, useMemo, useState } from 'react';
 
+import { isBrowser } from '@snack-uikit/utils';
+
 import { ColumnDefinition } from '../../../../types';
 import { TableProps } from '../../../types';
 import { getLocalStorageColumnOrderKey, prepareInitialState } from './utils/prepareInitialState';
@@ -46,7 +48,7 @@ export function useColumnOrderByDrag<TData extends object>({
         updatedOrder = value;
       }
 
-      if (savedState?.columnSettings) {
+      if (savedState?.columnSettings && isBrowser()) {
         localStorage.setItem(getLocalStorageColumnOrderKey(savedState.id), JSON.stringify(updatedOrder));
       }
 

package/src/components/Table/hooks/useColumnOrderByDrag/utils/prepareInitialState.ts

@@ -1,3 +1,5 @@
+import { isBrowser } from '@snack-uikit/utils';
+
 import { ColumnDefinition } from '../../../../../types';
 import { TableProps } from '../../../../types';
 import { getColumnIdentifier, isEveryArrayItemString } from '../../../utils';
@@ -12,7 +14,7 @@ export function prepareInitialState<TData extends object>(
     .filter(column => column.pinned !== 'left' && column.pinned !== 'right')
     .map(getColumnIdentifier);
 
-  if (savedState?.columnSettings) {
+  if (savedState?.columnSettings && isBrowser()) {
     const persistState = JSON.parse(localStorage.getItem(getLocalStorageColumnOrderKey(savedState.id)) || 'null');
     const persistValue: string[] | null = isEveryArrayItemString(persistState) ? persistState : null;
 

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

@@ -1,6 +1,7 @@
 import { useCallback, useMemo, useState } from 'react';
 
 import { useLocale } from '@snack-uikit/locale';
+import { isBrowser } from '@snack-uikit/utils';
 
 import { TableProps } from '../../../types';
 import { getColumnIdentifier, getTableColumnsDefinitions, PinnedGroupsState } from '../../utils';
@@ -41,7 +42,7 @@ export function useColumnSettings<TData extends object, TFilters extends Record<
 
   const setEnabledColumnsOuter = useCallback(
     (value: string[]) => {
-      if (savedState?.columnSettings) {
+      if (savedState?.columnSettings && isBrowser()) {
         localStorage.setItem(localStorageKey, JSON.stringify(value));
       }
 

package/src/components/Table/hooks/useColumnSettings/utils/getEnabledColumnsInitialState.ts

@@ -1,11 +1,17 @@
+import { isBrowser } from '@snack-uikit/utils';
+
 import { ColumnDefinition } from '../../../../../types';
 import { TableProps } from '../../../../types';
 import { getColumnIdentifier, isEveryArrayItemString } from '../../../utils';
 import { isColumnEnabledInitially } from './isColumnEnabledInitially';
 
 function getSettingsFromLocalStorage(localStorageKey: string): string[] | null {
-  const localStorageState = JSON.parse(localStorage.getItem(localStorageKey) || 'null');
-  return isEveryArrayItemString(localStorageState) ? localStorageState : null;
+  if (isBrowser()) {
+    const localStorageState = JSON.parse(localStorage.getItem(localStorageKey) || 'null');
+    return isEveryArrayItemString(localStorageState) ? localStorageState : null;
+  }
+
+  return null;
 }
 
 export function getEnabledColumnsInitialState<TData extends object, TFilters extends Record<string, unknown>>(

package/src/components/Table/utils/columnSize.ts

@@ -1,3 +1,5 @@
+import { isBrowser } from '@snack-uikit/utils';
+
 const RESIZED_KEY = 'RESIZED_COLUMN_KEY';
 
 type SavedState = {
@@ -13,13 +15,15 @@ export function getInitColumnSizeFromLocalStorage({
   id,
   columnId,
 }: GetSavedStateFromLocalStorageProps): string | undefined {
-  const savedStateFromStorage: SavedState | null = JSON.parse(localStorage.getItem(id || '') || 'null');
+  if (isBrowser()) {
+    const savedStateFromStorage: SavedState | null = JSON.parse(localStorage.getItem(id || '') || 'null');
 
-  if (!savedStateFromStorage) {
-    return;
-  }
+    if (!savedStateFromStorage) {
+      return;
+    }
 
-  return savedStateFromStorage.resizeState?.[`${RESIZED_KEY}-${columnId}`];
+    return savedStateFromStorage.resizeState?.[`${RESIZED_KEY}-${columnId}`];
+  }
 }
 
 type SaveStateToLocalStorageProps = {
@@ -29,10 +33,12 @@ type SaveStateToLocalStorageProps = {
 };
 
 export function saveStateToLocalStorage({ id, columnId, size }: SaveStateToLocalStorageProps) {
-  const savedStateFromStorage: SavedState | null = JSON.parse(localStorage.getItem(id) || 'null');
+  if (isBrowser()) {
+    const savedStateFromStorage: SavedState | null = JSON.parse(localStorage.getItem(id) || 'null');
 
-  const newResizeState: Record<string, string> = savedStateFromStorage?.resizeState || {};
-  newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
+    const newResizeState: Record<string, string> = savedStateFromStorage?.resizeState || {};
+    newResizeState[`${RESIZED_KEY}-${columnId}`] = size;
 
-  localStorage.setItem(id, JSON.stringify({ ...(savedStateFromStorage || {}), resizeState: newResizeState }));
+    localStorage.setItem(id, JSON.stringify({ ...(savedStateFromStorage || {}), resizeState: newResizeState }));
+  }
 }