@snack-uikit/table 0.20.11-preview-1d8237d6.0 → 0.20.11

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.20.11 (2024-08-13)
+
+### Only dependencies have been changed
+* [@snack-uikit/chips@0.14.19](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/chips/CHANGELOG.md)
+* [@snack-uikit/list@0.15.2](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+* [@snack-uikit/toggles@0.10.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/toggles/CHANGELOG.md)
+* [@snack-uikit/toolbar@0.7.53](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/toolbar/CHANGELOG.md)
+
+
+
+
+
 ## 0.20.10 (2024-08-07)
 
 ### Only dependencies have been changed

package/README.md

@@ -147,7 +147,6 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
 | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | rowPinning | `Pick<RowPinningState, "top">` | {     top: [],   } | Определение какие строки должны быть закреплены в таблице |
-| savedState | `{ id: string; resize?: boolean; }` | - | Конфиг для сохранения состояния в localStorage |
 ## Table.getStatusColumnDef
 Вспомогательная функция для создания ячейки со статусом
 ### Props
@@ -207,7 +206,6 @@ const columnDefinitions: ColumnDefinition<TableData>[] = [
 | scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
 | scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | rowPinning | `Pick<RowPinningState, "top">` | - | Определение какие строки должны быть закреплены в таблице |
-| savedState | `{ id: string; resize?: boolean; }` | - | Конфиг для сохранения состояния в localStorage |
 | items | `TData[]` | - | Данные для отрисовки |
 | total | `number` | 10 | Общее кол-во строк |
 | limit | `number` | 10 | Кол-во строк на страницу |

package/dist/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from '../types';
 /** Компонент таблицы */
-export declare function Table<TData extends object>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize, pageCount, loading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, toolbarBefore, toolbarAfter, suppressPagination, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends object>({ data, rowPinning, columnDefinitions, keepPinnedRows, copyPinnedRows, enableSelectPinned, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize, pageCount, loading, outline, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar, toolbarBefore, toolbarAfter, suppressPagination, manualSorting, manualPagination, manualFiltering, autoResetPageIndex, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, ...rest }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var getStatusColumnDef: typeof import("../../helperComponents").getStatusColumnDef;
     var statusAppearances: Record<string, string>;

package/dist/components/Table/Table.js

@@ -25,12 +25,12 @@ import { fuzzyFilter } from '../../utils';
 import { useLoadingTable, useStateControl } from './hooks';
 import { usePageReset } from './hooks/usePageReset';
 import styles from './styles.module.css';
-import { getColumnStyleVars, getCurrentlyConfiguredHeaderWidth, getInitColumnSizeFromLocalStorage, saveStateToLocalStorage, } from './utils';
+import { getColumnStyleVars, getCurrentlyConfiguredHeaderWidth } from './utils';
 /** Компонент таблицы */
 export function Table(_a) {
     var { data, rowPinning = {
         top: [],
-    }, columnDefinitions, keepPinnedRows = false, copyPinnedRows = false, enableSelectPinned = false, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, outline = false, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, toolbarBefore, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch, savedState } = _a, rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "onDelete", "pageSize", "pageCount", "loading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "toolbarBefore", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch", "savedState"]);
+    }, columnDefinitions, keepPinnedRows = false, copyPinnedRows = false, enableSelectPinned = false, rowSelection: rowSelectionProp, search, sorting: sortingProp, columnFilters, pagination: paginationProp, className, onRowClick, onRefresh, onDelete, pageSize = DEFAULT_PAGE_SIZE, pageCount, loading = false, outline = false, moreActions, exportSettings, dataFiltered, dataError, noDataState, noResultsState, errorDataState, suppressToolbar = false, toolbarBefore, toolbarAfter, suppressPagination = false, manualSorting = false, manualPagination = false, manualFiltering = false, autoResetPageIndex = false, scrollRef, scrollContainerRef, getRowId, enableFuzzySearch } = _a, rest = __rest(_a, ["data", "rowPinning", "columnDefinitions", "keepPinnedRows", "copyPinnedRows", "enableSelectPinned", "rowSelection", "search", "sorting", "columnFilters", "pagination", "className", "onRowClick", "onRefresh", "onDelete", "pageSize", "pageCount", "loading", "outline", "moreActions", "exportSettings", "dataFiltered", "dataError", "noDataState", "noResultsState", "errorDataState", "suppressToolbar", "toolbarBefore", "toolbarAfter", "suppressPagination", "manualSorting", "manualPagination", "manualFiltering", "autoResetPageIndex", "scrollRef", "scrollContainerRef", "getRowId", "enableFuzzySearch"]);
     const { state: globalFilter, onStateChange: onGlobalFilterChange } = useStateControl(search, '');
     const { state: rowSelection, onStateChange: onRowSelectionChange } = useStateControl(rowSelectionProp, {});
     const defaultPaginationState = useMemo(() => ({
@@ -150,15 +150,8 @@ export function Table(_a) {
             }
             else {
                 const originalColumnDefSize = originalColDef === null || originalColDef === void 0 ? void 0 : originalColDef.size;
-                let initSize = originalColumnDefSize ? `${originalColumnDefSize}px` : '100%';
+                const initSize = originalColumnDefSize ? `${originalColumnDefSize}px` : '100%';
                 const prevSize = (_a = columnSizeVarsRef.current) === null || _a === void 0 ? void 0 : _a[sizeKey];
-                const withSaveResizeToStore = (originalColDef === null || originalColDef === void 0 ? void 0 : originalColDef.enableResizing) && (savedState === null || savedState === void 0 ? void 0 : savedState.resize);
-                if (withSaveResizeToStore) {
-                    const savedSize = getInitColumnSizeFromLocalStorage({ id: savedState.id, columnId: header.id });
-                    if (savedSize) {
-                        initSize = savedSize;
-                    }
-                }
                 let size = initSize;
                 if (header.column.getCanResize()) {
                     const currentSize = header.getSize();
@@ -170,9 +163,6 @@ export function Table(_a) {
                         size = `${realSize}px`;
                     }
                 }
-                if (withSaveResizeToStore) {
-                    saveStateToLocalStorage({ id: savedState.id, columnId: header.id, size });
-                }
                 colSizes[sizeKey] = size;
                 colSizes[flexKey] = size === '100%' ? 'unset' : '0';
             }

package/dist/components/Table/utils.d.ts

@@ -3,15 +3,3 @@ export declare function getColumnStyleVars(id: string): {
     sizeKey: string;
     flexKey: string;
 };
-type GetSavedStateFromLocalStorageProps = {
-    id: string;
-    columnId: string;
-};
-export declare function getInitColumnSizeFromLocalStorage({ id, columnId }: GetSavedStateFromLocalStorageProps): string | undefined;
-type SaveStateToLocalStorageProps = {
-    id: string;
-    columnId: string;
-    size: string;
-};
-export declare function saveStateToLocalStorage({ id, columnId, size }: SaveStateToLocalStorageProps): void;
-export {};

package/dist/components/Table/utils.js

@@ -14,17 +14,3 @@ export function getColumnStyleVars(id) {
         flexKey: `--table-column-${id}-flex`,
     };
 }
-const RESIZED_KEY = 'RESIZED_COLUMN_KEY';
-export function getInitColumnSizeFromLocalStorage({ id, columnId }) {
-    const savedStateFromStorage = JSON.parse(localStorage.getItem(id || '') || 'null');
-    if (savedStateFromStorage) {
-        const currentSize = savedStateFromStorage[`${RESIZED_KEY}-${columnId}`];
-        return currentSize;
-    }
-}
-export function saveStateToLocalStorage({ id, columnId, size }) {
-    const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
-    const newItem = savedStateFromStorage || {};
-    newItem[`${RESIZED_KEY}-${columnId}`] = size;
-    localStorage.setItem(id, JSON.stringify(newItem));
-}

package/dist/components/types.d.ts

@@ -121,11 +121,6 @@ export type TableProps<TData extends object> = WithSupportProps<{
     scrollContainerRef?: RefObject<HTMLElement>;
     /** Определение какие строки должны быть закреплены в таблице */
     rowPinning?: Pick<RowPinningState, 'top'>;
-    /** Конфиг для сохранения состояния в localStorage */
-    savedState?: {
-        id: string;
-        resize?: boolean;
-    };
 }>;
 export type ServerTableProps<TData extends object> = Omit<TableProps<TData>, 'pageSize' | 'pageCount' | 'pagination' | 'search' | 'data'> & {
     /** Данные для отрисовки */

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Table",
-  "version": "0.20.11-preview-1d8237d6.0",
+  "version": "0.20.11",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -33,16 +33,16 @@
   "scripts": {},
   "dependencies": {
     "@snack-uikit/button": "0.17.3",
-    "@snack-uikit/chips": "0.14.18",
+    "@snack-uikit/chips": "0.14.19",
     "@snack-uikit/icon-predefined": "0.5.1",
     "@snack-uikit/icons": "0.22.0",
     "@snack-uikit/info-block": "0.4.5",
-    "@snack-uikit/list": "0.15.1",
+    "@snack-uikit/list": "0.15.2",
     "@snack-uikit/pagination": "0.6.11",
     "@snack-uikit/scroll": "0.6.0",
     "@snack-uikit/skeleton": "0.3.4",
-    "@snack-uikit/toggles": "0.10.2",
-    "@snack-uikit/toolbar": "0.7.52",
+    "@snack-uikit/toggles": "0.10.3",
+    "@snack-uikit/toolbar": "0.7.53",
     "@snack-uikit/truncate-string": "0.4.20",
     "@snack-uikit/typography": "0.6.2",
     "@snack-uikit/utils": "3.3.0",
@@ -57,5 +57,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "b60ec0a02d34700cb646b61e0dc34860f6dd1280"
+  "gitHead": "85e564a411e0e9c0d841c5d589e32b0c2b351028"
 }

package/src/components/Table/Table.tsx

@@ -41,12 +41,7 @@ import { TableProps } from '../types';
 import { useLoadingTable, useStateControl } from './hooks';
 import { usePageReset } from './hooks/usePageReset';
 import styles from './styles.module.scss';
-import {
-  getColumnStyleVars,
-  getCurrentlyConfiguredHeaderWidth,
-  getInitColumnSizeFromLocalStorage,
-  saveStateToLocalStorage,
-} from './utils';
+import { getColumnStyleVars, getCurrentlyConfiguredHeaderWidth } from './utils';
 
 /** Компонент таблицы */
 export function Table<TData extends object>({
@@ -90,7 +85,6 @@ export function Table<TData extends object>({
   scrollContainerRef,
   getRowId,
   enableFuzzySearch,
-  savedState,
 
   ...rest
 }: TableProps<TData>) {
@@ -241,18 +235,9 @@ export function Table<TData extends object>({
         colSizes[flexKey] = '100%';
       } else {
         const originalColumnDefSize = originalColDef?.size;
-        let initSize = originalColumnDefSize ? `${originalColumnDefSize}px` : '100%';
+        const initSize = originalColumnDefSize ? `${originalColumnDefSize}px` : '100%';
         const prevSize = columnSizeVarsRef.current?.[sizeKey];
 
-        const withSaveResizeToStore = originalColDef?.enableResizing && savedState?.resize;
-  
-        if (withSaveResizeToStore) {
-          const savedSize = getInitColumnSizeFromLocalStorage({ id: savedState.id, columnId: header.id });
-          if (savedSize) {
-            initSize = savedSize;
-          }
-        }
-  
         let size = initSize;
 
         if (header.column.getCanResize()) {
@@ -269,11 +254,6 @@ export function Table<TData extends object>({
           }
         }
 
-        if (withSaveResizeToStore) {
-          saveStateToLocalStorage({ id: savedState.id, columnId: header.id, size });
-        }
-      
-
         colSizes[sizeKey] = size;
         colSizes[flexKey] = size === '100%' ? 'unset' : '0';
       }

package/src/components/Table/utils.ts

@@ -19,34 +19,3 @@ export function getColumnStyleVars(id: string) {
     flexKey: `--table-column-${id}-flex`,
   };
 }
-
-const RESIZED_KEY = 'RESIZED_COLUMN_KEY';
-
-type GetSavedStateFromLocalStorageProps = {
-  id: string;
-  columnId: string;
-};
-
-export function getInitColumnSizeFromLocalStorage({ id, columnId }: GetSavedStateFromLocalStorageProps) {
-  const savedStateFromStorage = JSON.parse(localStorage.getItem(id || '') || 'null');
-
-  if (savedStateFromStorage) {
-    const currentSize = savedStateFromStorage[`${RESIZED_KEY}-${columnId}`] as string | undefined;
-    return currentSize;
-  }
-}
-
-type SaveStateToLocalStorageProps = {
-  id: string;
-  columnId: string;
-  size: string;
-};
-
-export function saveStateToLocalStorage({ id, columnId, size }: SaveStateToLocalStorageProps) {
-  const savedStateFromStorage = JSON.parse(localStorage.getItem(id) || 'null');
-
-  const newItem: Record<string, string> = savedStateFromStorage || {};
-  newItem[`${RESIZED_KEY}-${columnId}`] = size;
-
-  localStorage.setItem(id, JSON.stringify(newItem));
-}

package/src/components/types.ts

@@ -152,12 +152,6 @@ export type TableProps<TData extends object> = WithSupportProps<{
   scrollContainerRef?: RefObject<HTMLElement>;
   /** Определение какие строки должны быть закреплены в таблице */
   rowPinning?: Pick<RowPinningState, 'top'>;
-
-  /** Конфиг для сохранения состояния в localStorage */
-  savedState?: {
-    id: string;
-    resize?: boolean;
-  };
 }>;
 
 export type ServerTableProps<TData extends object> = Omit<