ydb-embedded-ui 6.1.0 → 6.2.1

package/dist/utils/constants.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import type { Settings } from '@gravity-ui/react-data-table';
 export declare const AUTO_RELOAD_INTERVAL: number;
 export declare const DEFAULT_POLLING_INTERVAL: number;
 export declare const KILOBYTE = 1000;
@@ -66,19 +68,32 @@ export declare const DEFAULT_IS_TENANT_SUMMARY_COLLAPSED = "default-is-tenant-su
 export declare const DEFAULT_IS_TENANT_COMMON_INFO_COLLAPSED = "default-is-tenant-common-info-collapsed";
 export declare const DEFAULT_IS_QUERY_RESULT_COLLAPSED = "default-is-query-result-collapsed";
 export declare const DEFAULT_CLUSTER_TAB_KEY = "default-cluster-tab";
-export declare const DEFAULT_TABLE_SETTINGS: {
-    readonly displayIndices: false;
-    readonly stickyHead: "moving";
-    readonly syncHeadOnResize: true;
-    readonly dynamicRender: true;
-    readonly highlightRows: true;
-};
+export declare const DEFAULT_TABLE_SETTINGS: Settings;
 export declare const TENANT_OVERVIEW_TABLES_SETTINGS: {
     readonly stickyHead: "fixed";
     readonly dynamicRender: false;
-    readonly displayIndices: false;
-    readonly syncHeadOnResize: true;
-    readonly highlightRows: true;
+    readonly displayIndices?: boolean | undefined;
+    readonly stickyTop?: number | "auto" | undefined;
+    readonly syncHeadOnResize?: boolean | undefined;
+    readonly stickyFooter?: import("@gravity-ui/react-data-table").HeadPosition | undefined;
+    readonly stickyBottom?: number | "auto" | undefined;
+    readonly dynamicInnerRef?: import("react").Ref<ReactList> | undefined;
+    readonly dynamicRenderType?: "simple" | "uniform" | "variable" | undefined;
+    readonly dynamicItemSizeEstimator?: any;
+    readonly dynamicItemSizeGetter?: any;
+    readonly dynamicRenderMinSize?: number | undefined;
+    readonly dynamicRenderUseStaticSize?: boolean | undefined;
+    readonly dynamicRenderThreshold?: number | undefined;
+    readonly dynamicRenderScrollParentGetter?: any;
+    readonly dynamicRenderScrollParentViewportSizeGetter?: (() => number) | undefined;
+    readonly sortable?: boolean | undefined;
+    readonly externalSort?: boolean | undefined;
+    readonly disableSortReset?: boolean | undefined;
+    readonly defaultOrder?: import("@gravity-ui/react-data-table").OrderType | undefined;
+    readonly defaultResizeable?: boolean | undefined;
+    readonly highlightRows?: boolean | undefined;
+    readonly stripedRows?: boolean | undefined;
+    readonly headerMod?: "multiline" | "pre" | undefined;
 };
 export declare const QUERY_INITIAL_MODE_KEY = "query_initial_mode";
 export declare const LAST_USED_QUERY_ACTION_KEY = "last_used_query_action";

package/dist/utils/hooks/useTableResize.d.ts

@@ -1,7 +1,2 @@
-import type { Column as DataTableColumn } from '@gravity-ui/react-data-table';
-import type { Column as VirtualTableColumn } from '../../components/VirtualTable';
-export type Column<T> = VirtualTableColumn<T> & DataTableColumn<T>;
-export type TableColumnsWidthSetup = Record<string, number>;
-export type HandleTableColumnsResize = (newSetup: TableColumnsWidthSetup) => void;
-export declare const updateColumnsWidth: <T>(columns: Column<T>[], columnsWidthSetup: TableColumnsWidthSetup) => Column<T>[];
-export declare const useTableResize: (localStorageKey: string) => [TableColumnsWidthSetup, HandleTableColumnsResize];
+import type { ColumnWidthByName, HandleResize } from '@gravity-ui/react-data-table';
+export declare const useTableResize: (localStorageKey?: string) => [ColumnWidthByName, HandleResize];

package/dist/utils/hooks/useTableResize.js

@@ -1,29 +1,17 @@
 import React from 'react';
-import { DEFAULT_RESIZEABLE } from '../../components/VirtualTable';
+import { useTableResize as libUseTableResize } from '@gravity-ui/react-data-table';
 import { settingsManager } from '../../services/settings';
-export const updateColumnsWidth = (columns, columnsWidthSetup) => {
-    return columns.map((column) => {
-        var _a, _b;
-        const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
-        if (!resizeable) {
-            return column;
-        }
-        return Object.assign(Object.assign({}, column), { width: (_b = columnsWidthSetup[column.name]) !== null && _b !== void 0 ? _b : column.width });
-    });
-};
 export const useTableResize = (localStorageKey) => {
-    const [tableColumnsWidthSetup, setTableColumnsWidth] = React.useState(() => {
-        const setupFromLS = settingsManager.readUserSettingsValue(localStorageKey, {});
-        return setupFromLS;
-    });
-    const handleSetupChange = React.useCallback((newSetup) => {
-        setTableColumnsWidth((previousSetup) => {
-            // ResizeObserver callback may be triggered only for currently resized column
-            // or for the whole set of columns
-            const setup = Object.assign(Object.assign({}, previousSetup), newSetup);
-            settingsManager.setUserSettingsValue(localStorageKey, setup);
-            return setup;
-        });
+    const getSizes = React.useCallback(() => {
+        if (!localStorageKey) {
+            return {};
+        }
+        return settingsManager.readUserSettingsValue(localStorageKey, {});
+    }, [localStorageKey]);
+    const saveSizes = React.useCallback((value) => {
+        if (localStorageKey) {
+            settingsManager.setUserSettingsValue(localStorageKey, value);
+        }
     }, [localStorageKey]);
-    return [tableColumnsWidthSetup, handleSetupChange];
+    return libUseTableResize({ saveSizes, getSizes });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ydb-embedded-ui",
-  "version": "6.1.0",
+  "version": "6.2.1",
   "files": [
     "dist"
   ],
@@ -12,15 +12,15 @@
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
     "@gravity-ui/axios-wrapper": "^1.4.1",
-    "@gravity-ui/chartkit": "^5.3.0",
-    "@gravity-ui/components": "^3.4.1",
-    "@gravity-ui/date-utils": "^2.2.0",
-    "@gravity-ui/i18n": "^1.4.0",
+    "@gravity-ui/chartkit": "^5.5.0",
+    "@gravity-ui/components": "^3.6.0",
+    "@gravity-ui/date-utils": "^2.4.0",
+    "@gravity-ui/i18n": "^1.5.0",
     "@gravity-ui/icons": "^2.9.1",
-    "@gravity-ui/navigation": "^2.7.0",
-    "@gravity-ui/paranoid": "^1.4.1",
-    "@gravity-ui/react-data-table": "^2.0.1",
-    "@gravity-ui/uikit": "^6.10.2",
+    "@gravity-ui/navigation": "^2.10.0",
+    "@gravity-ui/paranoid": "^2.0.1",
+    "@gravity-ui/react-data-table": "^2.1.1",
+    "@gravity-ui/uikit": "^6.15.0",
     "@gravity-ui/websql-autocomplete": "^8.1.0",
     "@reduxjs/toolkit": "^2.2.3",
     "axios": "^1.6.8",
@@ -122,7 +122,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
-    "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/eslint-config": "^3.2.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",

package/dist/containers/Tenant/Diagnostics/TopShards/Filters/Filters.scss

@@ -1,8 +0,0 @@
-.top-shards {
-    &__filters {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: baseline;
-        gap: 16px;
-    }
-}