ydb-embedded-ui 8.24.1 → 8.26.0

package/dist/components/PaginatedTable/PaginatedTable.scss

@@ -79,50 +79,69 @@
         display: flex;
         flex-direction: row;
         align-items: center;
+        gap: var(--g-spacing-2);
 
         width: 100%;
         max-width: 100%;
         padding: var(--paginated-table-cell-vertical-padding)
             var(--paginated-table-cell-horizontal-padding);
 
+        font-weight: bold;
+        cursor: default;
         &_align {
             &_left {
                 justify-content: left;
+
+                text-align: left;
             }
             &_center {
                 justify-content: center;
+
+                text-align: center;
             }
             &_right {
                 justify-content: right;
+
+                text-align: right;
+
+                #{$block}__head-cell-content-container {
+                    flex-direction: row-reverse;
+                }
             }
         }
     }
 
-    &__head-cell {
-        gap: 8px;
-
-        font-weight: bold;
-        cursor: default;
-
-        &_sortable {
-            cursor: pointer;
+    &__head-cell_sortable {
+        cursor: pointer;
 
-            &#{$block}__head-cell_align_right {
-                flex-direction: row-reverse;
-            }
+        &#{$block}__head-cell_align_right {
+            flex-direction: row-reverse;
         }
     }
 
+    &__head-cell-note {
+        display: flex;
+    }
+
     // Separate head cell content class for correct text ellipsis overflow
     &__head-cell-content {
         overflow: hidden;
 
-        width: min-content;
-
         white-space: nowrap;
         text-overflow: ellipsis;
     }
 
+    &__head-cell-content-container {
+        display: inline-flex;
+        overflow: hidden;
+        gap: var(--g-spacing-1);
+
+        .g-help-mark__button {
+            display: inline-flex;
+            align-items: center;
+        }
+    }
+
     &__row-cell {
         display: table-cell;
         overflow-x: hidden;
@@ -181,6 +200,6 @@
     }
 
     &__row-skeleton::after {
-        animation: none !important;
+        display: none !important;
     }
 }

package/dist/components/PaginatedTable/TableChunk.d.ts

@@ -1,4 +1,4 @@
-import type { Column, FetchData, GetRowClassName, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
+import type { Column, FetchData, GetRowClassName, PaginatedTableData, RenderEmptyDataMessage, RenderErrorMessage, SortParams } from './types';
 interface TableChunkProps<T, F> {
     id: number;
     chunkSize: number;
@@ -13,7 +13,8 @@ interface TableChunkProps<T, F> {
     getRowClassName?: GetRowClassName<T>;
     renderErrorMessage?: RenderErrorMessage;
     renderEmptyDataMessage?: RenderEmptyDataMessage;
-    onDataFetched: (total: number, found: number) => void;
+    onDataFetched: (data?: PaginatedTableData<T>) => void;
+    keepCache?: boolean;
 }
-export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableChunk: <T, F>({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, keepCache, }: TableChunkProps<T, F>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PaginatedTable/TableChunk.js

@@ -9,7 +9,7 @@ import i18n from './i18n';
 import { typedMemo } from './utils';
 const DEBOUNCE_TIMEOUT = 200;
 // Memoisation prevents chunks rerenders that could cause perfomance issues on big tables
-export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, }) {
+export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calculatedCount, rowHeight, columns, fetchData, tableName, filters, sortParams, getRowClassName, renderErrorMessage, renderEmptyDataMessage, onDataFetched, isActive, keepCache, }) {
     var _a;
     const [isTimeoutActive, setIsTimeoutActive] = React.useState(true);
     const [autoRefreshInterval] = useAutoRefreshInterval();
@@ -26,6 +26,7 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
     tableDataApi.useFetchTableChunkQuery(queryParams, {
         skip: isTimeoutActive || !isActive,
         pollingInterval: autoRefreshInterval,
+        refetchOnMountOrArgChange: !keepCache,
     });
     const { currentData, error } = tableDataApi.endpoints.fetchTableChunk.useQueryState(queryParams);
     React.useEffect(() => {
@@ -41,8 +42,12 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
     }, [isActive, isTimeoutActive]);
     React.useEffect(() => {
         if (currentData && isActive) {
-            const { total = 0, found = 0 } = currentData;
-            onDataFetched(total, found);
+            onDataFetched({
+                ...currentData,
+                data: currentData.data,
+                found: currentData.found || 0,
+                total: currentData.total || 0,
+            });
         }
     }, [currentData, isActive, onDataFetched]);
     const dataLength = ((_a = currentData === null || currentData === void 0 ? void 0 : currentData.data) === null || _a === void 0 ? void 0 : _a.length) || calculatedCount;
@@ -57,14 +62,14 @@ export const TableChunk = typedMemo(function TableChunk({ id, chunkSize, calcula
                 return (_jsx(EmptyTableRow, { columns: columns, children: renderErrorMessage ? (renderErrorMessage(errorData)) : (_jsx(ResponseError, { error: errorData })) }));
             }
             else {
-                return getArray(dataLength).map((value) => (_jsx(LoadingTableRow, { columns: columns, height: rowHeight, index: value }, value)));
+                return getArray(dataLength).map((value) => (_jsx(LoadingTableRow, { columns: columns, height: rowHeight }, value)));
             }
         }
         // Data is loaded, but there are no entities in the chunk
         if (!((_a = currentData.data) === null || _a === void 0 ? void 0 : _a.length)) {
             return (_jsx(EmptyTableRow, { columns: columns, children: renderEmptyDataMessage ? renderEmptyDataMessage() : i18n('empty') }));
         }
-        return currentData.data.map((rowData, index) => (_jsx(TableRow, { index: index, row: rowData, columns: columns, height: rowHeight, getRowClassName: getRowClassName }, index)));
+        return currentData.data.map((rowData, index) => (_jsx(TableRow, { row: rowData, columns: columns, height: rowHeight, getRowClassName: getRowClassName }, index)));
     };
     return (_jsx("tbody", { id: id.toString(), style: {
             height: `${dataLength * rowHeight}px`,

package/dist/components/PaginatedTable/TableChunk.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AACrC,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAC,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpE,OAAO,IAAI,MAAM,QAAQ,CAAC;AAS1B,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAoB7B,yFAAyF;AACzF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,SAAS,UAAU,CAAO,EAC1D,EAAE,EACF,SAAS,EACT,eAAe,EACf,SAAS,EACT,OAAO,EACP,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,EACb,QAAQ,GACY;;IACpB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,mBAAmB,CAAC,GAAG,sBAAsB,EAAE,CAAC;IAEvD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG;QAChB,MAAM,EAAE,EAAE,GAAG,SAAS;QACtB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,SAAkC;QAC7C,OAAO;QACP,UAAU;QACV,UAAU;QACV,SAAS;KACZ,CAAC;IAEF,YAAY,CAAC,uBAAuB,CAAC,WAAW,EAAE;QAC9C,IAAI,EAAE,eAAe,IAAI,CAAC,QAAQ;QAClC,eAAe,EAAE,mBAAmB;KACvC,CAAC,CAAC;IAEH,MAAM,EAAC,WAAW,EAAE,KAAK,EAAC,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAE/F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,GAAG,CAAC,CAAC;QAEhB,IAAI,QAAQ,IAAI,eAAe,EAAE,CAAC;YAC9B,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,EAAE,gBAAgB,CAAC,CAAC;QACzB,CAAC;QAED,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,WAAW,IAAI,QAAQ,EAAE,CAAC;YAC1B,MAAM,EAAC,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAC,GAAG,WAAW,CAAC;YAC3C,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3C,MAAM,UAAU,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,0CAAE,MAAM,KAAI,eAAe,CAAC;IAEhE,MAAM,aAAa,GAAG,GAAG,EAAE;;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,IAAI,KAAK,EAAE,CAAC;gBACR,MAAM,SAAS,GAAG,KAAuB,CAAC;gBAC1C,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC1B,kBAAkB,CAAC,CAAC,CAAC,CAClB,kBAAkB,CAAC,SAAS,CAAC,CAChC,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,IAAC,KAAK,EAAE,SAAS,GAAI,CACtC,GACW,CACnB,CAAC;YACN,CAAC;iBAAM,CAAC;gBACJ,OAAO,QAAQ,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACvC,KAAC,eAAe,IAEZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,KAAK,IAHP,KAAK,CAIZ,CACL,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QAED,yDAAyD;QACzD,IAAI,CAAC,CAAA,MAAA,WAAW,CAAC,IAAI,0CAAE,MAAM,CAAA,EAAE,CAAC;YAC5B,OAAO,CACH,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,YAC1B,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,GACtD,CACnB,CAAC;QACN,CAAC;QAED,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,QAAQ,IAEL,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,OAAY,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,EACjB,eAAe,EAAE,eAAe,IAL3B,KAAK,CAMZ,CACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,gBACI,EAAE,EAAE,EAAE,CAAC,QAAQ,EAAE,EACjB,KAAK,EAAE;YACH,MAAM,EAAE,GAAG,UAAU,GAAG,SAAS,IAAI;YACrC,+EAA+E;YAC/E,6EAA6E;YAC7E,oCAAoC;YACpC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO;SAClD,YAEA,aAAa,EAAE,GACZ,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TableChunk.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableChunk.tsx"],"names":[],"mappings":"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"}

package/dist/components/PaginatedTable/TableHead.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
+import { HelpMark } from '@gravity-ui/uikit';
 import { ResizeHandler } from './ResizeHandler';
 import { ASCENDING, DEFAULT_RESIZEABLE, DEFAULT_SORT_ORDER, DEFAULT_TABLE_ROW_HEIGHT, DESCENDING, } from './constants';
 import { b } from './shared';
@@ -15,6 +16,11 @@ const ColumnSortIcon = ({ sortOrder, sortable, defaultSortOrder }) => {
         return null;
     }
 };
+const columnAlignToHelpMarkPlacement = {
+    left: 'right',
+    right: 'left',
+    center: 'right',
+};
 export const TableHeadCell = ({ column, resizeable, sortOrder, defaultSortOrder, onSort, rowHeight, onCellMount, onCellUnMount, onColumnsResize, }) => {
     var _a;
     const cellWrapperRef = React.useRef(null);
@@ -48,7 +54,7 @@ export const TableHeadCell = ({ column, resizeable, sortOrder, defaultSortOrder,
                     if (column.sortable) {
                         onSort === null || onSort === void 0 ? void 0 : onSort(column.name);
                     }
-                }, children: [_jsx("div", { className: b('head-cell-content'), children: content }), _jsx(ColumnSortIcon, { sortOrder: sortOrder, sortable: column.sortable, defaultSortOrder: defaultSortOrder })] }), resizeable ? (_jsx(ResizeHandler, { maxWidth: column.resizeMaxWidth, minWidth: column.resizeMinWidth, getCurrentColumnWidth: getCurrentColumnWidth, onResize: handleResize })) : null] }));
+                }, children: [_jsxs("div", { className: b('head-cell-content-container'), children: [_jsx("div", { className: b('head-cell-content'), children: content }), column.note && (_jsx(HelpMark, { placement: columnAlignToHelpMarkPlacement[column.align], className: b('head-cell-note'), children: column.note }))] }), _jsx(ColumnSortIcon, { sortOrder: sortOrder, sortable: column.sortable, defaultSortOrder: defaultSortOrder })] }), resizeable ? (_jsx(ResizeHandler, { maxWidth: column.resizeMaxWidth, minWidth: column.resizeMinWidth, getCurrentColumnWidth: getCurrentColumnWidth, onResize: handleResize })) : null] }));
 };
 export const TableHead = ({ columns, onSort, onColumnsResize, defaultSortOrder = DEFAULT_SORT_ORDER, rowHeight = DEFAULT_TABLE_ROW_HEIGHT, }) => {
     const [sortParams, setSortParams] = React.useState({});

package/dist/components/PaginatedTable/TableHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableHead.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableHead.tsx"],"names":[],"mappings":"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"}

package/dist/components/PaginatedTable/TableRow.d.ts

@@ -1,18 +1,16 @@
 import type { Column, GetRowClassName } from './types';
 interface LoadingTableRowProps<T> {
     columns: Column<T>[];
-    index: number;
     height: number;
 }
-export declare const LoadingTableRow: <T>({ index, columns, height }: LoadingTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingTableRow: <T>({ columns, height }: LoadingTableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 interface TableRowProps<T> {
     columns: Column<T>[];
-    index: number;
     row: T;
     height: number;
     getRowClassName?: GetRowClassName<T>;
 }
-export declare const TableRow: <T>({ row, index, columns, getRowClassName, height }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: <T>({ row, columns, getRowClassName, height }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 interface EmptyTableRowProps<T> {
     columns: Column<T>[];
     children?: React.ReactNode;

package/dist/components/PaginatedTable/TableRow.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Skeleton } from '@gravity-ui/uikit';
 import { DEFAULT_ALIGN, DEFAULT_RESIZEABLE } from './constants';
 import { b } from './shared';
+import { typedMemo } from './utils';
 const TableRowCell = ({ children, className, height, width, align = DEFAULT_ALIGN, resizeable, }) => {
     return (_jsx("td", { className: b('row-cell', { align: align }, className), style: {
             height: `${height}px`,
@@ -10,19 +11,19 @@ const TableRowCell = ({ children, className, height, width, align = DEFAULT_ALIG
             maxWidth: resizeable ? `${width}px` : undefined,
         }, children: children }));
 };
-export const LoadingTableRow = ({ index, columns, height }) => {
+export const LoadingTableRow = typedMemo(function ({ columns, height }) {
     return (_jsx("tr", { className: b('row', { loading: true }), children: columns.map((column) => {
             var _a;
             const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
-            return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: _jsx(Skeleton, { className: b('row-skeleton'), style: { width: '80%', height: '50%' } }) }, `${column.name}${index}`));
+            return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: _jsx(Skeleton, { className: b('row-skeleton'), style: { width: '80%', height: '50%' } }) }, column.name));
         }) }));
-};
-export const TableRow = ({ row, index, columns, getRowClassName, height }) => {
+});
+export const TableRow = ({ row, columns, getRowClassName, height }) => {
     const additionalClassName = getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(row);
     return (_jsx("tr", { className: b('row', additionalClassName), children: columns.map((column) => {
             var _a;
             const resizeable = (_a = column.resizeable) !== null && _a !== void 0 ? _a : DEFAULT_RESIZEABLE;
-            return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: column.render({ row, index }) }, `${column.name}${index}`));
+            return (_jsx(TableRowCell, { height: height, width: column.width, align: column.align, className: column.className, resizeable: resizeable, children: column.render({ row }) }, column.name));
         }) }));
 };
 export const EmptyTableRow = ({ columns, children }) => {

package/dist/components/PaginatedTable/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableRow.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/TableRow.tsx"],"names":[],"mappings":"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"}

package/dist/components/PaginatedTable/types.d.ts

@@ -20,13 +20,13 @@ export type OnSort = (params: SortParams) => void;
 export type HandleTableColumnsResize = (columnId: string, width: number) => void;
 export interface Column<T> {
     name: string;
+    note?: string;
     header?: React.ReactNode;
     className?: string;
     sortable?: boolean;
     resizeable?: boolean;
     render: (props: {
         row: T;
-        index: number;
     }) => React.ReactNode;
     width?: number;
     resizeMaxWidth?: number;

package/dist/components/PaginatedTable/useScrollBasedChunks.js

@@ -21,6 +21,13 @@ export const useScrollBasedChunks = ({ parentRef, tableRef, totalItems, rowHeigh
         const end = Math.min(Math.floor(visibleEnd / rowHeight / chunkSize) + overscanCount, Math.max(chunksCount - 1, 0));
         return { start, end };
     }, [parentRef, tableRef, rowHeight, chunkSize, overscanCount, chunksCount]);
+    React.useEffect(() => {
+        const newRange = calculateVisibleRange();
+        if (newRange) {
+            setStartChunk(newRange.start);
+            setEndChunk(newRange.end);
+        }
+    }, [chunksCount, calculateVisibleRange]);
     const handleScroll = React.useCallback(() => {
         const newRange = calculateVisibleRange();
         if (newRange) {

package/dist/components/PaginatedTable/useScrollBasedChunks.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollBasedChunks.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useScrollBasedChunks.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useScrollBasedChunks.js","sourceRoot":"","sources":["../../../src/components/PaginatedTable/useScrollBasedChunks.ts"],"names":[],"mappings":"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"}

package/dist/components/Search/Search.d.ts

@@ -7,6 +7,7 @@ interface SearchProps {
     className?: string;
     debounce?: number;
     placeholder?: string;
+    inputRef?: React.RefObject<HTMLInputElement>;
 }
-export declare const Search: ({ onChange, value, width, className, debounce, placeholder, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ onChange, value, width, className, debounce, placeholder, inputRef, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Search/Search.js

@@ -1,27 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { TextInput } from '@gravity-ui/uikit';
 import { cn } from '../../utils/cn';
+import { DebouncedInput } from '../DebouncedInput/DebouncedTextInput';
 import './Search.scss';
 const b = cn('ydb-search');
-export const Search = ({ onChange, value = '', width, className, debounce = 200, placeholder, }) => {
-    const [searchValue, setSearchValue] = React.useState(value);
-    const timer = React.useRef();
-    React.useEffect(() => {
-        setSearchValue((prevValue) => {
-            if (prevValue !== value) {
-                return value;
-            }
-            return prevValue;
-        });
-    }, [value]);
-    const onSearchValueChange = (newValue) => {
-        setSearchValue(newValue);
-        window.clearTimeout(timer.current);
-        timer.current = window.setTimeout(() => {
-            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-        }, debounce);
-    };
-    return (_jsx(TextInput, { hasClear: true, autoFocus: true, style: { width }, className: b(null, className), placeholder: placeholder, value: searchValue, onUpdate: onSearchValueChange }));
+export const Search = ({ onChange, value = '', width, className, debounce, placeholder, inputRef, }) => {
+    return (_jsx(DebouncedInput, { debounce: debounce, hasClear: true, autoFocus: true, controlRef: inputRef, style: { width }, className: b(null, className), placeholder: placeholder, value: value, onUpdate: onChange }));
 };
 //# sourceMappingURL=Search.js.map

package/dist/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAW3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,GAAG,EACd,WAAW,GACD,EAAE,EAAE;IACd,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,KAAK,CAAC,CAAC;IAEpE,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAErC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE;YACzB,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;gBACtB,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,OAAO,SAAS,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,cAAc,CAAC,QAAQ,CAAC,CAAC;QAEzB,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;QACzB,CAAC,EAAE,QAAQ,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IACN,QAAQ,QACR,SAAS,QACT,KAAK,EAAE,EAAC,KAAK,EAAC,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,mBAAmB,GAC/B,CACL,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAEpE,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC;AAY3B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACE,EAAE,EAAE;IACd,OAAO,CACH,KAAC,cAAc,IACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,SAAS,QACT,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,EAAC,KAAK,EAAC,EACd,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/StatusIcon/StatusIcon.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CircleExclamationFill, CircleInfoFill, TriangleExclamationFill } from '@gravity-ui/icons';
+import { CircleCheckFill, CircleExclamationFill, CircleInfoFill, CircleQuestionFill, TriangleExclamationFill, } from '@gravity-ui/icons';
 import { Icon } from '@gravity-ui/uikit';
 import { EFlag } from '../../types/api/enums';
 import { cn } from '../../utils/cn';
 import './StatusIcon.scss';
 const b = cn('ydb-status-icon');
 const icons = {
+    [EFlag.Grey]: CircleQuestionFill,
+    [EFlag.Green]: CircleCheckFill,
     [EFlag.Blue]: CircleInfoFill,
     [EFlag.Yellow]: CircleExclamationFill,
     [EFlag.Orange]: TriangleExclamationFill,

package/dist/components/StatusIcon/StatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,qBAAqB,EAAE,cAAc,EAAE,uBAAuB,EAAC,MAAM,mBAAmB,CAAC;AACjG,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc;IAC5B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,qBAAqB;IACrC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,uBAAuB;IACvC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,qBAAqB;CACrC,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACvB,MAAM,GAAG,KAAK,CAAC,IAAI,EACnB,IAAI,GAAG,GAAG,EACV,IAAI,GAAG,OAAO,EACd,SAAS,GACK;IACd,MAAM,SAAS,GAAG,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAC,CAAC;IAEtD,IAAI,IAAI,KAAK,OAAO,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QACtC,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC,EACjD,IAAI,EAAE,KAAK,CAAC,MAA4B,CAAC,GAC3C,CACL,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,GAAI,CAAC;AACvE,CAAC"}
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,uBAAuB,GAC1B,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC;AAEhC,MAAM,KAAK,GAAG;IACV,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,kBAAkB;IAChC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,eAAe;IAC9B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc;IAC5B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,qBAAqB;IACrC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,uBAAuB;IACvC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,qBAAqB;CACrC,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACvB,MAAM,GAAG,KAAK,CAAC,IAAI,EACnB,IAAI,GAAG,GAAG,EACV,IAAI,GAAG,OAAO,EACd,SAAS,GACK;IACd,MAAM,SAAS,GAAG,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,EAAE,IAAI,EAAC,CAAC;IAEtD,IAAI,IAAI,KAAK,OAAO,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QACtC,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC,EACjD,IAAI,EAAE,KAAK,CAAC,MAA4B,CAAC,GAC3C,CACL,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,GAAI,CAAC;AACvE,CAAC"}

package/dist/components/StatusIcon/StatusIcon.scss

@@ -21,6 +21,12 @@
     }
 
     &__status-icon {
+        &_state_grey {
+            color: var(--ydb-color-status-grey);
+        }
+        &_state_green {
+            color: var(--ydb-color-status-green);
+        }
         &_state_blue {
             color: var(--ydb-color-status-blue);
         }

package/dist/components/StatusIconNew/StatusIcon.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '@gravity-ui/uikit';
+import { EFlag } from '../../types/api/enums';
+interface StatusIconProps extends Omit<IconProps, 'data'> {
+    status?: EFlag;
+}
+export declare function StatusIcon({ status, ...props }: StatusIconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/StatusIconNew/StatusIcon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CircleCheck, CircleExclamation, CircleInfo, PlugConnection, TriangleExclamation, } from '@gravity-ui/icons';
+import { Icon } from '@gravity-ui/uikit';
+import { EFlag } from '../../types/api/enums';
+const EFlagToIcon = {
+    [EFlag.Blue]: CircleInfo,
+    [EFlag.Yellow]: CircleExclamation,
+    [EFlag.Orange]: TriangleExclamation,
+    [EFlag.Red]: CircleExclamation,
+    [EFlag.Green]: CircleCheck,
+    [EFlag.Grey]: PlugConnection,
+};
+export function StatusIcon({ status, ...props }) {
+    if (!status) {
+        return null;
+    }
+    return _jsx(Icon, { ...props, data: EFlagToIcon[status] });
+}
+//# sourceMappingURL=StatusIcon.js.map

package/dist/components/StatusIconNew/StatusIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../src/components/StatusIconNew/StatusIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,cAAc,EACd,mBAAmB,GACtB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,KAAK,EAAC,MAAM,uBAAuB,CAAC;AAE5C,MAAM,WAAW,GAA+E;IAC5F,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,UAAU;IACxB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,iBAAiB;IACjC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,mBAAmB;IACnC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,iBAAiB;IAC9B,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW;IAC1B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc;CAC/B,CAAC;AAMF,MAAM,UAAU,UAAU,CAAC,EAAC,MAAM,EAAE,GAAG,KAAK,EAAkB;IAC1D,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,GAAI,CAAC;AAC1D,CAAC"}

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js

@@ -41,6 +41,17 @@ export function YDBSyntaxHighlighter({ text, language, className, transparentBac
         }
         return null;
     };
-    return (_jsxs("div", { className: b(null, className), children: [renderCopyButton(), _jsx(ReactSyntaxHighlighter, { language: language, style: style, customStyle: { height: '100%' }, children: text }, highlighterKey)] }));
+    let paddingStyles = {};
+    if (withClipboardButton &&
+        typeof withClipboardButton === 'object' &&
+        withClipboardButton.alwaysVisible) {
+        if (withClipboardButton.withLabel) {
+            paddingStyles = { paddingRight: 80 };
+        }
+        else {
+            paddingStyles = { paddingRight: 40 };
+        }
+    }
+    return (_jsxs("div", { className: b(null, className), children: [renderCopyButton(), _jsx(ReactSyntaxHighlighter, { language: language, style: style, customStyle: { height: '100%', ...paddingStyles }, children: text }, highlighterKey)] }));
 }
 //# sourceMappingURL=YDBSyntaxHighlighter.js.map

package/dist/components/SyntaxHighlighter/YDBSyntaxHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAC,UAAU,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAE9E,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAC,CAAC,EAAC,MAAM,UAAU,CAAC;AAC3B,OAAO,EAAC,yBAAyB,EAAC,MAAM,UAAU,CAAC;AAEnD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,6BAA6B,CAAC;AAErC,KAAK,UAAU,gBAAgB,CAAC,IAAc;IAC1C,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QACjB,sBAAsB,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACxD,CAAC;SAAM,CAAC;QACJ,MAAM,EAAC,OAAO,EAAE,MAAM,EAAC,GAAG,MAAM,MAAM,CAClC,qDAAqD,IAAI,EAAE,CAC9D,CAAC;QACF,sBAAsB,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1D,CAAC;AACL,CAAC;AAkBD,MAAM,UAAU,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,mBAAmB,GACK;IACxB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,yBAAyB,CAAC,qBAAqB,CAAC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,KAAK,UAAU,wBAAwB;YACnC,MAAM,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YACjC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;QAChC,CAAC;QACD,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,IAAI,mBAAmB,EAAE,CAAC;YACtB,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACtE,KAAC,eAAe,IACZ,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;wBACjB,OAAO,EACH,OAAO,mBAAmB,KAAK,QAAQ;4BACvC,mBAAmB,CAAC,aAAa;qBACxC,CAAC,EACF,IAAI,EACA,CAAC,OAAO,mBAAmB,KAAK,QAAQ;wBACpC,mBAAmB,CAAC,QAAQ,CAAC;wBACjC,IAAI,YAGP,OAAO,mBAAmB,KAAK,QAAQ;wBACxC,mBAAmB,CAAC,SAAS,KAAK,KAAK;wBACnC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GACJ,GAChB,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,gBAAgB,EAAE,EAEnB,KAAC,sBAAsB,IAEnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,YAE5B,IAAI,IALA,cAAc,CAME,IACvB,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"YDBSyntaxHighlighter.js","sourceRoot":"","sources":["../../../src/components/SyntaxHighlighter/YDBSyntaxHighlighter.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tags/Tags.d.ts

@@ -1,11 +1,9 @@
 import React from 'react';
 import type { FlexProps } from '@gravity-ui/uikit';
-import type { TagType } from '../Tag';
 interface TagsProps {
     tags: React.ReactNode[];
-    tagsType?: TagType;
     className?: string;
     gap?: FlexProps['gap'];
 }
-export declare const Tags: ({ tags, tagsType, className, gap }: TagsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tags: ({ tags, className, gap }: TagsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tags/Tags.js

@@ -1,8 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Flex } from '@gravity-ui/uikit';
-import { Tag } from '../Tag';
-export const Tags = ({ tags, tagsType, className = '', gap = 1 }) => {
-    return (_jsx(Flex, { className: className, gap: gap, wrap: "wrap", alignItems: "center", children: tags &&
-            tags.map((tag, tagIndex) => _jsx(Tag, { text: tag, type: tagsType }, tagIndex)) }));
+import { Flex, Label } from '@gravity-ui/uikit';
+export const Tags = ({ tags, className = '', gap = 1 }) => {
+    return (_jsx(Flex, { className: className, gap: gap, wrap: "wrap", alignItems: "center", children: tags && tags.map((tag, tagIndex) => _jsx(Label, { children: tag }, tagIndex)) }));
 };
 //# sourceMappingURL=Tags.js.map

package/dist/components/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAS3B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAY,EAAE,EAAE;IACzE,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YAChE,IAAI;YACD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,GAAG,EAAiB,IAAI,EAAE,QAAQ,IAAxB,QAAQ,CAAwB,CAAC,GACnF,CACV,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAQ9C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,GAAG,CAAC,EAAY,EAAE,EAAE;IAC/D,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YAChE,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAC,KAAK,cAAiB,GAAG,IAAd,QAAQ,CAAe,CAAC,GACtE,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/components/VDisk/VDisk.js

@@ -9,6 +9,6 @@ import './VDisk.scss';
 const b = cn('ydb-vdisk-component');
 export const VDisk = ({ data = {}, compact, inactive, showPopup, onShowPopup, onHidePopup, progressBarClassName, delayClose, delayOpen, }) => {
     const vDiskPath = getVDiskLink(data);
-    return (_jsx(HoverPopup, { showPopup: showPopup, onShowPopup: onShowPopup, onHidePopup: onHidePopup, popupContent: _jsx(VDiskPopup, { data: data }), offset: [0, 5], delayClose: delayClose, delayOpen: delayOpen, children: _jsx("div", { className: b(), children: _jsx(InternalLink, { to: vDiskPath, className: b('content'), children: _jsx(DiskStateProgressBar, { diskAllocatedPercent: data.AllocatedPercent, severity: data.Severity, compact: compact, inactive: inactive, className: progressBarClassName }) }) }) }));
+    return (_jsx(HoverPopup, { showPopup: showPopup, onShowPopup: onShowPopup, onHidePopup: onHidePopup, renderPopupContent: () => _jsx(VDiskPopup, { data: data }), offset: [0, 5], delayClose: delayClose, delayOpen: delayOpen, children: _jsx("div", { className: b(), children: _jsx(InternalLink, { to: vDiskPath, className: b('content'), children: _jsx(DiskStateProgressBar, { diskAllocatedPercent: data.AllocatedPercent, severity: data.Severity, compact: compact, inactive: inactive, className: progressBarClassName }) }) }) }));
 };
 //# sourceMappingURL=VDisk.js.map

package/dist/components/VDisk/VDisk.js.map

@@ -1 +1 @@
-{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAcpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,GACA,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACxC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAChD,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,oBAAoB,GACjC,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"VDisk.js","sourceRoot":"","sources":["../../../src/components/VDisk/VDisk.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC;AAcpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,SAAS,GACA,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACH,KAAC,UAAU,IACP,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI,EACpD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YAChD,KAAC,oBAAoB,IACjB,oBAAoB,EAAE,IAAI,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,oBAAoB,GACjC,GACS,GACb,GACG,CAChB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/nodesColumns/columns.js

@@ -230,6 +230,7 @@ export function getMissingDisksColumn() {
         render: ({ row }) => row.Missing,
         align: DataTable.CENTER,
         defaultOrder: DataTable.DESCENDING,
+        width: 100,
     };
 }
 // Network diagnostics columns