ydb-embedded-ui 4.31.2 → 4.33.0

package/dist/utils/hooks/useTableResize.ts

@@ -0,0 +1,53 @@
+import {useCallback, useState} from 'react';
+import type {Column as DataTableColumn} from '@gravity-ui/react-data-table';
+import type {Column as VirtualTableColumn} from '../../components/VirtualTable';
+import {settingsManager} from '../../services/settings';
+
+export type Column<T> = VirtualTableColumn<T> & DataTableColumn<T>;
+
+export type TableColumnsWidthSetup = Record<string, number>;
+
+export type HandleTableColumnsResize = (newSetup: TableColumnsWidthSetup) => void;
+
+export const updateColumnsWidth = <T>(
+    columns: Column<T>[],
+    columnsWidthSetup: TableColumnsWidthSetup,
+) => {
+    return columns.map((column) => {
+        if (!column.resizeable) {
+            return column;
+        }
+        return {...column, width: columnsWidthSetup[column.name] ?? column.width};
+    });
+};
+
+export const useTableResize = (
+    localStorageKey: string,
+): [TableColumnsWidthSetup, HandleTableColumnsResize] => {
+    const [tableColumnsWidthSetup, setTableColumnsWidth] = useState<TableColumnsWidthSetup>(() => {
+        const setupFromLS = settingsManager.readUserSettingsValue(
+            localStorageKey,
+            {},
+        ) as TableColumnsWidthSetup;
+
+        return setupFromLS;
+    });
+
+    const handleSetupChange: HandleTableColumnsResize = useCallback(
+        (newSetup) => {
+            setTableColumnsWidth((previousSetup) => {
+                // ResizeObserver callback may be triggered only for currently resized column
+                // or for the whole set of columns
+                const setup = {
+                    ...previousSetup,
+                    ...newSetup,
+                };
+                settingsManager.setUserSettingsValue(localStorageKey, setup);
+                return setup;
+            });
+        },
+        [localStorageKey],
+    );
+
+    return [tableColumnsWidthSetup, handleSetupChange];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "4.31.2",
+  "version": "4.33.0",
   "files": [
     "dist"
   ],
@@ -56,6 +56,7 @@
     "build": "rm -rf build && DISABLE_ESLINT_PLUGIN=true react-app-rewired build",
     "//build:embedded": "echo 'PUBLIC_URL is a setting for create-react-app. Embedded version is built and hosted as is on ydb servers, with no way of knowing the final URL pattern. PUBLIC_URL=. keeps paths to all static relative, allowing servers to handle them as needed'",
     "build:embedded": "GENERATE_SOURCEMAP=false PUBLIC_URL=. REACT_APP_BACKEND=http://localhost:8765 npm run build",
+    "build:embedded:archive": "npm run build:embedded && mv build embedded-ui && zip -r embedded-ui.zip embedded-ui && rm -rf embedded-ui",
     "lint:styles": "stylelint 'src/**/*.scss'",
     "unimported": "npx unimported --no-cache",
     "package": "rm -rf dist && copyfiles -u 1 'src/**/*' dist",