@ytsaurus/ui 0.1.0 → 0.2.0

package/build/esm/ui/pages/navigation/content/Table/TableMeta/TableMeta.js

@@ -1,47 +1,22 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from 'react';
+import React, { useMemo } from 'react';
 import cn from 'bem-cn-lite';
-import ypath from '@ytsaurus/interface-helpers/lib/ypath';
 import { connect, useSelector } from 'react-redux';
-import { compression, erasureReplication, main, size } from '../../../../../components/MetaTable/presets';
-import { replicatedTableTracker } from '../../../../../components/MetaTable/presets/presets';
+import { replicatedTableTracker, tableSize, tableStorage, dynTableInfo } from '../../../../../components/MetaTable/presets/presets';
 import CollapsibleSection from '../../../../../components/CollapsibleSection/CollapsibleSection';
 import MetaTable from '../../../../../components/MetaTable/MetaTable';
-import Label from '../../../../../components/Label/Label';
 import { getTableType } from '../../../../../store/selectors/navigation/content/table';
 import { getIsDynamic } from '../../../../../store/selectors/navigation/content/table-ts';
 import { getAttributes } from '../../../../../store/selectors/navigation';
 import { getTabletErrorsCount } from '../../../../../store/selectors/navigation/tabs/tablet-errors';
-import hammer from '../../../../../common/hammer';
-import { Popover } from '@gravity-ui/uikit';
-import Icon from '../../../../../components/Icon/Icon';
 import { CypressNodeTypes } from '../../../../../utils/cypress-attributes';
-import Link from '../../../../../components/Link/Link';
-import { tabletActiveBundleLink } from '../../../../../utils/components/tablet-cells';
 import { getCluster, getUISizes } from '../../../../../store/selectors/global';
-import AutomaticModeSwitch from './AutomaticModeSwitch';
 import './TableMeta.css';
+import { main } from '../../../../../components/MetaTable/presets';
+import { getCommonFields } from './commonFields';
+import ypath from '../../../../../common/thor/ypath';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var block = cn('navigation-meta-table');
-function RowsCount(props) {
-  var count = props.count,
-    isDynamic = props.isDynamic;
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [isDynamic ? '≈ ' : '', hammer.format['Number'](count), !isDynamic ? null : /*#__PURE__*/_jsx(Popover, {
-      content: /*#__PURE__*/_jsx("span", {
-        children: "This value corresponds to the number of rows stored in the on-disk chunks. The actual value may be different: it may be either larger due to new rows residing only in memory or smaller due to unsynced deleted rows and multiple versions stored on disks. It is not possible to calculate the real value without reading all the rows."
-      }),
-      children: /*#__PURE__*/_jsx("span", {
-        className: block('question'),
-        children: /*#__PURE__*/_jsx(Icon, {
-          awesome: 'question-circle'
-        })
-      })
-    })]
-  });
-}
 function TableMeta(_ref) {
   var attributes = _ref.attributes,
     mediumList = _ref.mediumList,
@@ -49,88 +24,36 @@ function TableMeta(_ref) {
     tableType = _ref.tableType,
     collapsibleSize = _ref.collapsibleSize,
     onEditEnableReplicatedTableTracker = _ref.onEditEnableReplicatedTableTracker;
-  var _ypath$getValues = ypath.getValues(attributes, ['/chunk_row_count', '/chunk_count', '/data_weight', '/sorted', '/tablet_cell_bundle', '/optimize_for', '/tablet_state', '/in_memory_mode', '/type', '/replicated_table_options/enable_replicated_table_tracker']),
-    _ypath$getValues2 = _slicedToArray(_ypath$getValues, 10),
-    rowCount = _ypath$getValues2[0],
-    chunkCount = _ypath$getValues2[1],
-    dataWeight = _ypath$getValues2[2],
-    sorted = _ypath$getValues2[3],
-    tabletCellBundle = _ypath$getValues2[4],
-    optimizeFor = _ypath$getValues2[5],
-    tabletState = _ypath$getValues2[6],
-    inMemoryMode = _ypath$getValues2[7],
-    type = _ypath$getValues2[8],
-    enable_replicated_table_tracker = _ypath$getValues2[9];
+  var type = ypath.getValue(attributes, '/type');
   var tabletErrorCount = useSelector(getTabletErrorsCount);
   var cluster = useSelector(getCluster);
-  var tabletUrl = tabletActiveBundleLink(cluster, tabletCellBundle);
-  var isReplicatedTable = type === CypressNodeTypes.REPLICATED_TABLE;
+  var cf = useMemo(function () {
+    return getCommonFields({
+      cluster: cluster,
+      attributes: attributes,
+      isDynamic: isDynamic,
+      tableType: tableType,
+      tabletErrorCount: tabletErrorCount,
+      onEditEnableReplicatedTableTracker: onEditEnableReplicatedTableTracker
+    });
+  }, [cluster, attributes, isDynamic, onEditEnableReplicatedTableTracker, tableType, tabletErrorCount]);
+  var items = useMemo(function () {
+    switch (type) {
+      case CypressNodeTypes.REPLICATED_TABLE:
+      case CypressNodeTypes.REPLICATION_LOG_TABLE:
+        return [main(attributes), tableSize(attributes, isDynamic, mediumList), tableStorage(attributes, tableType), [cf.sorted].concat(_toConsumableArray(dynTableInfo(attributes, cluster, tabletErrorCount)), [cf.automaticModeSwitch])];
+      case CypressNodeTypes.CHAOS_REPLICATED_TABLE:
+        return [main(attributes), tableSize(attributes, isDynamic, mediumList), [cf.tableType, replicatedTableTracker(attributes), cf.sorted, cf.chaosCellBundle, cf.automaticModeSwitch]];
+      default:
+        return [main(attributes), tableSize(attributes, isDynamic, mediumList), tableStorage(attributes, tableType), [cf.sorted].concat(_toConsumableArray(dynTableInfo(attributes, cluster, tabletErrorCount)))];
+    }
+  }, [type, attributes, isDynamic, mediumList, tableType, cf, cluster, tabletErrorCount]);
   return /*#__PURE__*/_jsx(CollapsibleSection, {
     name: "Metadata",
     size: collapsibleSize,
     children: /*#__PURE__*/_jsx(MetaTable, {
       className: block(),
-      items: [main(attributes), [{
-        key: 'rows',
-        value: /*#__PURE__*/_jsx(RowsCount, {
-          isDynamic: isDynamic,
-          count: rowCount
-        })
-      }, {
-        key: 'chunks',
-        value: hammer.format['Number'](chunkCount)
-      }].concat(_toConsumableArray(size(attributes, mediumList)), [{
-        key: 'data weight',
-        value: hammer.format['Bytes'](dataWeight),
-        visible: Boolean(dataWeight)
-      }]), [{
-        key: 'table type',
-        value: tableType
-      }, {
-        key: 'optimize for',
-        value: /*#__PURE__*/_jsx(Label, {
-          text: hammer.format['ReadableField'](optimizeFor),
-          theme: "info"
-        }),
-        visible: optimizeFor !== 'undefined'
-      }].concat(_toConsumableArray(compression(attributes)), _toConsumableArray(erasureReplication(attributes)), [replicatedTableTracker(attributes)]), [{
-        key: 'sorted',
-        value: sorted
-      }, {
-        key: 'tablet cell bundle',
-        value: /*#__PURE__*/_jsx(Link, {
-          theme: 'primary',
-          routed: true,
-          url: tabletUrl,
-          children: tabletCellBundle
-        }),
-        visible: isDynamic
-      }, {
-        key: 'tablet state',
-        value: /*#__PURE__*/_jsx(Label, {
-          theme: tabletState === 'mounted' ? 'info' : 'default',
-          text: hammer.format['ReadableField'](tabletState)
-        }),
-        visible: isDynamic
-      }, {
-        key: 'in memory mode',
-        value: /*#__PURE__*/_jsx(Label, {
-          theme: inMemoryMode && inMemoryMode !== 'none' ? 'info' : 'default',
-          text: hammer.format['ReadableField'](inMemoryMode || 'none')
-        }),
-        visible: isDynamic
-      }, {
-        key: 'tablet error count',
-        value: hammer.format['Number'](tabletErrorCount),
-        visible: isDynamic
-      }, {
-        key: 'Table automatic mode switch',
-        value: /*#__PURE__*/_jsx(AutomaticModeSwitch, {
-          value: enable_replicated_table_tracker,
-          onEdit: onEditEnableReplicatedTableTracker
-        }),
-        visible: isReplicatedTable
-      }]]
+      items: items
     })
   });
 }

package/build/esm/ui/pages/navigation/content/Table/TableMeta/TableMeta.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","ypath","connect","useSelector","compression","erasureReplication","main","size","replicatedTableTracker","CollapsibleSection","MetaTable","Label","getTableType","getIsDynamic","getAttributes","getTabletErrorsCount","hammer","Popover","Icon","CypressNodeTypes","Link","tabletActiveBundleLink","getCluster","getUISizes","AutomaticModeSwitch","jsx","_jsx","jsxs","_jsxs","block","RowsCount","props","count","isDynamic","Fragment","children","format","content","className","awesome","TableMeta","_ref","attributes","mediumList","tableType","collapsibleSize","onEditEnableReplicatedTableTracker","_ypath$getValues","getValues","_ypath$getValues2","_slicedToArray","rowCount","chunkCount","dataWeight","sorted","tabletCellBundle","optimizeFor","tabletState","inMemoryMode","type","enable_replicated_table_tracker","tabletErrorCount","cluster","tabletUrl","isReplicatedTable","REPLICATED_TABLE","name","items","key","value","concat","_toConsumableArray","visible","Boolean","text","theme","routed","url","onEdit","mapStateToProps","state","global"],"sources":["TableMeta.js"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport PropTypes from 'prop-types';\nimport ypath from '@ytsaurus/interface-helpers/lib/ypath';\nimport {connect, useSelector} from 'react-redux';\n\nimport {\n    compression,\n    erasureReplication,\n    main,\n    size,\n} from '../../../../../components/MetaTable/presets';\nimport {replicatedTableTracker} from '../../../../../components/MetaTable/presets/presets';\nimport CollapsibleSection from '../../../../../components/CollapsibleSection/CollapsibleSection';\nimport MetaTable from '../../../../../components/MetaTable/MetaTable';\nimport Label from '../../../../../components/Label/Label';\n\nimport {getTableType} from '../../../../../store/selectors/navigation/content/table';\nimport {getIsDynamic} from '../../../../../store/selectors/navigation/content/table-ts';\nimport {getAttributes} from '../../../../../store/selectors/navigation';\nimport {getTabletErrorsCount} from '../../../../../store/selectors/navigation/tabs/tablet-errors';\nimport hammer from '../../../../../common/hammer';\n\nimport {Popover} from '@gravity-ui/uikit';\nimport Icon from '../../../../../components/Icon/Icon';\nimport {CypressNodeTypes} from '../../../../../utils/cypress-attributes';\nimport Link from '../../../../../components/Link/Link';\nimport {tabletActiveBundleLink} from '../../../../../utils/components/tablet-cells';\nimport {getCluster, getUISizes} from '../../../../../store/selectors/global';\n\nimport AutomaticModeSwitch from './AutomaticModeSwitch';\n\nimport './TableMeta.scss';\n\nconst block = cn('navigation-meta-table');\n\nfunction RowsCount(props) {\n    const {count, isDynamic} = props;\n    return (\n        <React.Fragment>\n            {isDynamic ? '≈ ' : ''}\n            {hammer.format['Number'](count)}\n            {!isDynamic ? null : (\n                <Popover\n                    content={\n                        <span>\n                            This value corresponds to the number of rows stored in the on-disk\n                            chunks. The actual value may be different: it may be either larger due\n                            to new rows residing only in memory or smaller due to unsynced deleted\n                            rows and multiple versions stored on disks. It is not possible to\n                            calculate the real value without reading all the rows.\n                        </span>\n                    }\n                >\n                    <span className={block('question')}>\n                        <Icon awesome={'question-circle'} />\n                    </span>\n                </Popover>\n            )}\n        </React.Fragment>\n    );\n}\n\nTableMeta.propTypes = {\n    // from connect\n    isDynamic: PropTypes.bool.isRequired,\n    tableType: PropTypes.string.isRequired,\n    attributes: PropTypes.object.isRequired,\n    mediumList: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,\n};\n\nfunction TableMeta({\n    attributes,\n    mediumList,\n    isDynamic,\n    tableType,\n    collapsibleSize,\n    onEditEnableReplicatedTableTracker,\n}) {\n    const [\n        rowCount,\n        chunkCount,\n        dataWeight,\n        sorted,\n        tabletCellBundle,\n        optimizeFor,\n        tabletState,\n        inMemoryMode,\n        type,\n        enable_replicated_table_tracker,\n    ] = ypath.getValues(attributes, [\n        '/chunk_row_count',\n        '/chunk_count',\n        '/data_weight',\n        '/sorted',\n        '/tablet_cell_bundle',\n        '/optimize_for',\n        '/tablet_state',\n        '/in_memory_mode',\n        '/type',\n        '/replicated_table_options/enable_replicated_table_tracker',\n    ]);\n\n    const tabletErrorCount = useSelector(getTabletErrorsCount);\n    const cluster = useSelector(getCluster);\n    const tabletUrl = tabletActiveBundleLink(cluster, tabletCellBundle);\n\n    const isReplicatedTable = type === CypressNodeTypes.REPLICATED_TABLE;\n\n    return (\n        <CollapsibleSection name=\"Metadata\" size={collapsibleSize}>\n            <MetaTable\n                className={block()}\n                items={[\n                    main(attributes),\n                    [\n                        {\n                            key: 'rows',\n                            value: <RowsCount isDynamic={isDynamic} count={rowCount} />,\n                        },\n                        {\n                            key: 'chunks',\n                            value: hammer.format['Number'](chunkCount),\n                        },\n                        ...size(attributes, mediumList),\n                        {\n                            key: 'data weight',\n                            value: hammer.format['Bytes'](dataWeight),\n                            visible: Boolean(dataWeight),\n                        },\n                    ],\n                    [\n                        {\n                            key: 'table type',\n                            value: tableType,\n                        },\n                        {\n                            key: 'optimize for',\n                            value: (\n                                <Label\n                                    text={hammer.format['ReadableField'](optimizeFor)}\n                                    theme=\"info\"\n                                />\n                            ),\n                            visible: optimizeFor !== 'undefined',\n                        },\n                        ...compression(attributes),\n                        ...erasureReplication(attributes),\n                        replicatedTableTracker(attributes),\n                    ],\n                    [\n                        {\n                            key: 'sorted',\n                            value: sorted,\n                        },\n                        {\n                            key: 'tablet cell bundle',\n                            value: (\n                                <Link theme={'primary'} routed url={tabletUrl}>\n                                    {tabletCellBundle}\n                                </Link>\n                            ),\n                            visible: isDynamic,\n                        },\n                        {\n                            key: 'tablet state',\n                            value: (\n                                <Label\n                                    theme={tabletState === 'mounted' ? 'info' : 'default'}\n                                    text={hammer.format['ReadableField'](tabletState)}\n                                />\n                            ),\n                            visible: isDynamic,\n                        },\n                        {\n                            key: 'in memory mode',\n                            value: (\n                                <Label\n                                    theme={\n                                        inMemoryMode && inMemoryMode !== 'none' ? 'info' : 'default'\n                                    }\n                                    text={hammer.format['ReadableField'](inMemoryMode || 'none')}\n                                />\n                            ),\n                            visible: isDynamic,\n                        },\n                        {\n                            key: 'tablet error count',\n                            value: hammer.format['Number'](tabletErrorCount),\n                            visible: isDynamic,\n                        },\n                        {\n                            key: 'Table automatic mode switch',\n                            value: (\n                                <AutomaticModeSwitch\n                                    value={enable_replicated_table_tracker}\n                                    onEdit={onEditEnableReplicatedTableTracker}\n                                />\n                            ),\n                            visible: isReplicatedTable,\n                        },\n                    ],\n                ]}\n            />\n        </CollapsibleSection>\n    );\n}\n\nconst mapStateToProps = (state) => {\n    const {mediumList} = state.global;\n\n    const isDynamic = getIsDynamic(state);\n    const tableType = getTableType(state);\n    const attributes = getAttributes(state);\n\n    return {\n        attributes,\n        mediumList,\n        isDynamic,\n        tableType,\n        collapsibleSize: getUISizes(state).collapsibleSize,\n    };\n};\n\nexport default connect(mapStateToProps)(TableMeta);\n"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","cn","connect","useSelector","replicatedTableTracker","tableSize","tableStorage","dynTableInfo","CollapsibleSection","MetaTable","getTableType","getIsDynamic","getAttributes","getTabletErrorsCount","CypressNodeTypes","getCluster","getUISizes","main","getCommonFields","ypath","jsx","_jsx","block","TableMeta","_ref","attributes","mediumList","isDynamic","tableType","collapsibleSize","onEditEnableReplicatedTableTracker","type","getValue","tabletErrorCount","cluster","cf","items","REPLICATED_TABLE","REPLICATION_LOG_TABLE","sorted","concat","_toConsumableArray","automaticModeSwitch","CHAOS_REPLICATED_TABLE","chaosCellBundle","name","size","children","className","mapStateToProps","state","global"],"sources":["TableMeta.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport cn from 'bem-cn-lite';\nimport {connect, useSelector} from 'react-redux';\n\nimport {\n    replicatedTableTracker,\n    tableSize,\n    tableStorage,\n    dynTableInfo,\n} from '../../../../../components/MetaTable/presets/presets';\nimport CollapsibleSection, {\n    Props as CollapsibleSectionProps,\n} from '../../../../../components/CollapsibleSection/CollapsibleSection';\nimport MetaTable from '../../../../../components/MetaTable/MetaTable';\n\nimport {getTableType} from '../../../../../store/selectors/navigation/content/table';\nimport {getIsDynamic} from '../../../../../store/selectors/navigation/content/table-ts';\nimport {getAttributes} from '../../../../../store/selectors/navigation';\nimport {getTabletErrorsCount} from '../../../../../store/selectors/navigation/tabs/tablet-errors';\nimport {Props as AutomaticModeSwitchProps} from './AutomaticModeSwitch';\n\nimport {CypressNodeTypes} from '../../../../../utils/cypress-attributes';\nimport {getCluster, getUISizes} from '../../../../../store/selectors/global';\n\nimport './TableMeta.scss';\nimport {main} from '../../../../../components/MetaTable/presets';\nimport {getCommonFields} from './commonFields';\nimport ypath from '../../../../../common/thor/ypath';\nimport {RootState} from '../../../../../store/reducers';\n\nconst block = cn('navigation-meta-table');\n\ninterface Props {\n    attributes: any;\n    mediumList: string[];\n    isDynamic: boolean;\n    tableType: string;\n    collapsibleSize: CollapsibleSectionProps['size'];\n    onEditEnableReplicatedTableTracker: AutomaticModeSwitchProps['onEdit'];\n}\n\nfunction TableMeta({\n    attributes,\n    mediumList,\n    isDynamic,\n    tableType,\n    collapsibleSize,\n    onEditEnableReplicatedTableTracker,\n}: Props) {\n    const type = ypath.getValue(attributes, '/type');\n\n    const tabletErrorCount = useSelector(getTabletErrorsCount);\n    const cluster = useSelector(getCluster);\n\n    const cf = useMemo(\n        () =>\n            getCommonFields({\n                cluster,\n                attributes,\n                isDynamic,\n                tableType,\n                tabletErrorCount,\n                onEditEnableReplicatedTableTracker,\n            }),\n        [\n            cluster,\n            attributes,\n            isDynamic,\n            onEditEnableReplicatedTableTracker,\n            tableType,\n            tabletErrorCount,\n        ],\n    );\n\n    const items = useMemo(() => {\n        switch (type) {\n            case CypressNodeTypes.REPLICATED_TABLE:\n            case CypressNodeTypes.REPLICATION_LOG_TABLE:\n                return [\n                    main(attributes),\n                    tableSize(attributes, isDynamic, mediumList),\n                    tableStorage(attributes, tableType),\n                    [\n                        cf.sorted,\n                        ...dynTableInfo(attributes, cluster, tabletErrorCount),\n                        cf.automaticModeSwitch,\n                    ],\n                ];\n\n            case CypressNodeTypes.CHAOS_REPLICATED_TABLE:\n                return [\n                    main(attributes),\n                    tableSize(attributes, isDynamic, mediumList),\n                    [\n                        cf.tableType,\n                        replicatedTableTracker(attributes),\n                        cf.sorted,\n                        cf.chaosCellBundle,\n                        cf.automaticModeSwitch,\n                    ],\n                ];\n\n            default:\n                return [\n                    main(attributes),\n                    tableSize(attributes, isDynamic, mediumList),\n                    tableStorage(attributes, tableType),\n                    [cf.sorted, ...dynTableInfo(attributes, cluster, tabletErrorCount)],\n                ];\n        }\n    }, [type, attributes, isDynamic, mediumList, tableType, cf, cluster, tabletErrorCount]);\n\n    return (\n        <CollapsibleSection name=\"Metadata\" size={collapsibleSize}>\n            <MetaTable className={block()} items={items} />\n        </CollapsibleSection>\n    );\n}\n\nconst mapStateToProps = (state: RootState) => {\n    const {mediumList} = state.global;\n\n    const isDynamic = getIsDynamic(state);\n    const tableType = getTableType(state);\n    const attributes = getAttributes(state);\n\n    return {\n        attributes,\n        mediumList,\n        isDynamic,\n        tableType,\n        collapsibleSize: getUISizes(state).collapsibleSize,\n    };\n};\n\nexport default connect(mapStateToProps)(TableMeta);\n"],"mappings":"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"}

package/build/esm/ui/pages/navigation/content/Table/TableMeta/commonFields.d.ts

@@ -0,0 +1,10 @@
+import { Props as AutomaticModeSwitchProps } from './AutomaticModeSwitch';
+import { MetaTableItem } from '../../../../../components/MetaTable/MetaTable';
+export declare const getCommonFields: ({ cluster, attributes, tableType, onEditEnableReplicatedTableTracker, }: {
+    cluster: string;
+    attributes: any;
+    isDynamic: boolean;
+    tableType: string;
+    tabletErrorCount: number;
+    onEditEnableReplicatedTableTracker: AutomaticModeSwitchProps['onEdit'];
+}) => Record<"sorted" | "tableType" | "chaosCellBundle" | "automaticModeSwitch", MetaTableItem>;

package/build/esm/ui/pages/navigation/content/Table/TableMeta/commonFields.js

@@ -0,0 +1,51 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import ypath from '../../../../../common/thor/ypath';
+import Link from '../../../../../components/Link/Link';
+import AutomaticModeSwitch from './AutomaticModeSwitch';
+import reduce from 'lodash/reduce';
+import { tabletActiveChaosBundleLink } from '../../../../../utils/components/tablet-cells';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getCommonFields = function getCommonFields(_ref) {
+  var cluster = _ref.cluster,
+    attributes = _ref.attributes,
+    tableType = _ref.tableType,
+    onEditEnableReplicatedTableTracker = _ref.onEditEnableReplicatedTableTracker;
+  var _ypath$getValues = ypath.getValues(attributes, ['/sorted', '/chaos_cell_bundle', '/replicated_table_options/enable_replicated_table_tracker']),
+    _ypath$getValues2 = _slicedToArray(_ypath$getValues, 3),
+    sorted = _ypath$getValues2[0],
+    chaosCellBundle = _ypath$getValues2[1],
+    enable_replicated_table_tracker = _ypath$getValues2[2];
+  var chaosUrl = tabletActiveChaosBundleLink(cluster, chaosCellBundle);
+  var fields = [{
+    key: 'tableType',
+    label: 'Table type',
+    value: tableType
+  }, {
+    key: 'sorted',
+    value: sorted,
+    visible: sorted !== undefined
+  }, {
+    key: 'chaosCellBundle',
+    label: 'Chaos cell bundle',
+    value: /*#__PURE__*/_jsx(Link, {
+      theme: 'primary',
+      routed: true,
+      url: chaosUrl,
+      children: chaosCellBundle
+    })
+  }, {
+    key: 'automaticModeSwitch',
+    label: 'Table automatic mode switch',
+    value: /*#__PURE__*/_jsx(AutomaticModeSwitch, {
+      value: enable_replicated_table_tracker,
+      onEdit: onEditEnableReplicatedTableTracker
+    })
+  }];
+  var commonFields = reduce(fields, function (acc, item) {
+    acc[item.key] = item;
+    return acc;
+  }, {});
+  return commonFields;
+};
+// #sourceMappingURL=commonFields.js.map

package/build/esm/ui/pages/navigation/content/Table/TableMeta/commonFields.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ypath","Link","AutomaticModeSwitch","reduce","tabletActiveChaosBundleLink","jsx","_jsx","getCommonFields","_ref","cluster","attributes","tableType","onEditEnableReplicatedTableTracker","_ypath$getValues","getValues","_ypath$getValues2","_slicedToArray","sorted","chaosCellBundle","enable_replicated_table_tracker","chaosUrl","fields","key","label","value","visible","undefined","theme","routed","url","children","onEdit","commonFields","acc","item"],"sources":["commonFields.tsx"],"sourcesContent":["import React from 'react';\nimport ypath from '../../../../../common/thor/ypath';\nimport Link from '../../../../../components/Link/Link';\nimport AutomaticModeSwitch, {Props as AutomaticModeSwitchProps} from './AutomaticModeSwitch';\nimport reduce from 'lodash/reduce';\nimport {MetaTableItem} from '../../../../../components/MetaTable/MetaTable';\nimport {tabletActiveChaosBundleLink} from '../../../../../utils/components/tablet-cells';\n\nexport const getCommonFields = ({\n    cluster,\n    attributes,\n    tableType,\n    onEditEnableReplicatedTableTracker,\n}: {\n    cluster: string;\n    attributes: any;\n    isDynamic: boolean;\n    tableType: string;\n    tabletErrorCount: number;\n    onEditEnableReplicatedTableTracker: AutomaticModeSwitchProps['onEdit'];\n}) => {\n    const [sorted, chaosCellBundle, enable_replicated_table_tracker] = ypath.getValues(attributes, [\n        '/sorted',\n        '/chaos_cell_bundle',\n        '/replicated_table_options/enable_replicated_table_tracker',\n    ]);\n\n    const chaosUrl = tabletActiveChaosBundleLink(cluster, chaosCellBundle);\n\n    const fields = [\n        {\n            key: 'tableType',\n            label: 'Table type',\n            value: tableType,\n        },\n        {\n            key: 'sorted',\n            value: sorted,\n            visible: sorted !== undefined,\n        },\n        {\n            key: 'chaosCellBundle',\n            label: 'Chaos cell bundle',\n            value: (\n                <Link theme={'primary'} routed url={chaosUrl}>\n                    {chaosCellBundle}\n                </Link>\n            ),\n        },\n        {\n            key: 'automaticModeSwitch',\n            label: 'Table automatic mode switch',\n            value: (\n                <AutomaticModeSwitch\n                    value={enable_replicated_table_tracker}\n                    onEdit={onEditEnableReplicatedTableTracker}\n                />\n            ),\n        },\n    ] as const;\n\n    type Fields = typeof fields;\n\n    const commonFields = reduce(\n        fields,\n        (acc, item) => {\n            acc[item.key] = item;\n            return acc;\n        },\n        {} as Record<Fields[number]['key'], MetaTableItem>,\n    );\n\n    return commonFields;\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,IAAI,MAAM,qCAAqC;AACtD,OAAOC,mBAAmB,MAA2C,uBAAuB;AAC5F,OAAOC,MAAM,MAAM,eAAe;AAElC,SAAQC,2BAA2B,QAAO,8CAA8C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzF,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAYtB;EAAA,IAXFC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,kCAAkC,GAAAJ,IAAA,CAAlCI,kCAAkC;EASlC,IAAAC,gBAAA,GAAmEb,KAAK,CAACc,SAAS,CAACJ,UAAU,EAAE,CAC3F,SAAS,EACT,oBAAoB,EACpB,2DAA2D,CAC9D,CAAC;IAAAK,iBAAA,GAAAC,cAAA,CAAAH,gBAAA;IAJKI,MAAM,GAAAF,iBAAA;IAAEG,eAAe,GAAAH,iBAAA;IAAEI,+BAA+B,GAAAJ,iBAAA;EAM/D,IAAMK,QAAQ,GAAGhB,2BAA2B,CAACK,OAAO,EAAES,eAAe,CAAC;EAEtE,IAAMG,MAAM,GAAG,CACX;IACIC,GAAG,EAAE,WAAW;IAChBC,KAAK,EAAE,YAAY;IACnBC,KAAK,EAAEb;EACX,CAAC,EACD;IACIW,GAAG,EAAE,QAAQ;IACbE,KAAK,EAAEP,MAAM;IACbQ,OAAO,EAAER,MAAM,KAAKS;EACxB,CAAC,EACD;IACIJ,GAAG,EAAE,iBAAiB;IACtBC,KAAK,EAAE,mBAAmB;IAC1BC,KAAK,eACDlB,IAAA,CAACL,IAAI;MAAC0B,KAAK,EAAE,SAAU;MAACC,MAAM;MAACC,GAAG,EAAET,QAAS;MAAAU,QAAA,EACxCZ;IAAe;EAG5B,CAAC,EACD;IACII,GAAG,EAAE,qBAAqB;IAC1BC,KAAK,EAAE,6BAA6B;IACpCC,KAAK,eACDlB,IAAA,CAACJ,mBAAmB;MAChBsB,KAAK,EAAEL,+BAAgC;MACvCY,MAAM,EAAEnB;IAAmC;EAGvD,CAAC,CACK;EAIV,IAAMoB,YAAY,GAAG7B,MAAM,CACvBkB,MAAM,EACN,UAACY,GAAG,EAAEC,IAAI,EAAK;IACXD,GAAG,CAACC,IAAI,CAACZ,GAAG,CAAC,GAAGY,IAAI;IACpB,OAAOD,GAAG;EACd,CAAC,EACD,CAAC,CAAC,CACL;EAED,OAAOD,YAAY;AACvB,CAAC"}

package/build/esm/ui/pages/navigation/tabs/Tablets/Tablets.css

@@ -56,7 +56,7 @@
   width: 300px;
 }
 .navigation-tablets__table-item_type_cell-id, .navigation-tablets__table-item_type_tablet-id, .navigation-tablets__table-item_type_store-preload {
-  width: 220px;
+  width: 250px;
 }
 .navigation-tablets__table-item_type_name-tablet-id, .navigation-tablets__table-item_type_name-cell-id {
   width: 260px;
@@ -70,6 +70,9 @@
 .navigation-tablets__table-item_type_merged-read, .navigation-tablets__table-item_type_unmerged-read, .navigation-tablets__table-item_type_replication-errors, .navigation-tablets__table-item_type_cell-leader-address {
   width: 120px;
 }
+.navigation-tablets__table-item_type_merged-read .yt-host, .navigation-tablets__table-item_type_unmerged-read .yt-host, .navigation-tablets__table-item_type_replication-errors .yt-host, .navigation-tablets__table-item_type_cell-leader-address .yt-host {
+  overflow: visible;
+}
 .navigation-tablets__table-group-item_type_dynamic {
   width: 368px;
 }

package/build/esm/ui/pages/navigation/tabs/Tablets/Tablets.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../styles/fonts.scss","Tablets.scss","Tablets.css","../../../../styles/mixins.scss"],"names":[],"mappings":"AAAA,kCAAA;ACGI;EACI,aAAA;EACA,mBAAA;ACDR;ADII;EACI,aAAA;EAEA,eAAA;EACA,mBAAA;EAEA,qCAAA;EACA,wCAAA;ACJR;ADMQ;EEuCJ,eAAA;EACA,6BAAA;EACA,iCAAA;EACA,QAAA;EAEA,kBAAA;EAEA,gDAAA;EACA,yCAAA;EACA,4CAAA;EACA,qCAAA;AD5CJ;ADAI;EACI,aAAA;EACA,mBAAA;ACER;ADCI;;EAEI,UAAA;EACA,eAAA;EACA,kBAAA;ACCR;ADEI;EACI,aAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACAR;ADGI;EACI,mBAAA;ACDR;ADIY;EACI,WAAA;ACFhB;ADKY;EACI,WAAA;ACHhB;ADMY;EACI,WAAA;ACJhB;ADOY;EACI,YAAA;ACLhB;ADQY;EACI,YAAA;ACNhB;ADSY;EAGI,YAAA;ACThB;ADWY;EAEI,YAAA;ACVhB;ADaY;EAQI,YAAA;AClBhB;ADqBY;EAMI,WAAA;ACxBhB;AD2BY;EAII,YAAA;AC5BhB;ADiCY;EACI,YAAA;AC/BhB;ADkCY;EACI,YAAA;AChChB;ADqCY;EACI,iBAAA;ACnChB;ADwCI;EACI,aAAA;EACA,mBAAA;ACtCR;ADyCI;EACI,iBAAA;EACA,oBAAA;EACA,kBAAA;ACvCR;AD8CY;EACI,mBAAA;AC5ChB;ADkDQ;EACI,uCAAA;EACA,yCAAA;AChDZ;ADoDI;EACI,aAAA;EACA,mBAAA;AClDR;ADmDQ;EACI,kBAAA;EACA,eAAA;ACjDZ","file":"Tablets.css","sourcesContent":["/* Reset fonts for lego-controls */\n\n$yt-font: 'Manrope', 'Helvetica Neue', helvetica, arial, sans-serif;\n$font-size: 14px;\n$line-height: 1.428571429;\n$font-weight-bold: 700;\n\n@mixin yt-fonts-variables {\n    --yc-font-family-sans: 'Manrope', 'Helvetica Neue', helvetica, arial, sans-serif;\n    --yc-font-family-monospace: 'RobotoMono', monospace;\n    --yc-font-weight-bold: 700;\n}\n\n@mixin font-body2 {\n    font-size: var(--yc-text-body-2-font-size);\n    line-height: var(--yc-text-body-2-line-height);\n}\n\n@mixin font-body3 {\n    font-size: var(--yc-text-body-3-font-size);\n    line-height: var(--yc-text-body-3-line-height);\n}\n","@import '../../../../styles/mixins';\n\n.navigation-tablets {\n    .collapsible-section {\n        margin-top: 0;\n        margin-bottom: 40px;\n    }\n\n    &__overview {\n        display: flex;\n\n        padding: 10px 0;\n        margin-bottom: 20px;\n\n        z-index: var(--fixed-toolbar-z-index);\n        background-color: var(--main-background);\n\n        &_sticky {\n            @include sticky-style();\n        }\n    }\n\n    &__pivot-key {\n        display: flex;\n        align-items: center;\n    }\n\n    &__tablets-filter,\n    .histogram__select {\n        width: 20%;\n        min-width: 40ex;\n        margin-right: 20px;\n    }\n\n    &_loading {\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &__table {\n        table-layout: fixed;\n\n        &-item {\n            &_type_index {\n                width: 80px;\n            }\n\n            &_type_actions {\n                width: 24px;\n            }\n\n            &_type_errors {\n                width: 50px;\n            }\n\n            &_type_state {\n                width: 100px;\n            }\n\n            &_type_pivot-key {\n                width: 300px;\n            }\n\n            &_type_cell-id,\n            &_type_tablet-id,\n            &_type_store-preload {\n                width: 220px;\n            }\n            &_type_name-tablet-id,\n            &_type_name-cell-id {\n                width: 260px;\n            }\n\n            &_type_uncompressed-size,\n            &_type_compressed-size,\n            &_type_unmerged-rows,\n            &_type_disk-space,\n            &_type_chunks,\n            &_type_partitions,\n            &_type_stores,\n            &_type_overlapping-stores {\n                width: 140px;\n            }\n\n            &_type_dynamic-read,\n            &_type_dynamic-lookup,\n            &_type_dynamic-write,\n            &_type_dynamic-delete,\n            &_type_static-chunk-read,\n            &_type_static-chunk-lookup {\n                width: 80px;\n            }\n\n            &_type_merged-read,\n            &_type_unmerged-read,\n            &_type_replication-errors,\n            &_type_cell-leader-address {\n                width: 120px;\n            }\n        }\n\n        &-group-item {\n            &_type_dynamic {\n                width: 320px + 48px;\n            }\n\n            &_type_static-chunk {\n                width: 160px + 16px;\n            }\n        }\n\n        &-row {\n            &_aggregation_yes {\n                font-weight: bold;\n            }\n        }\n    }\n\n    &__id-link {\n        display: flex;\n        align-items: center;\n    }\n\n    &__copy-btn {\n        margin-top: -10px;\n        margin-bottom: -10px;\n        visibility: hidden;\n    }\n\n    $self: &;\n\n    .elements-table__row {\n        &:hover {\n            #{$self}__copy-btn {\n                visibility: unset;\n            }\n        }\n    }\n\n    &__row {\n        &_top {\n            font-weight: var(--yt-font-weight-bold);\n            background-color: var(--light-background);\n        }\n    }\n\n    &__name {\n        display: flex;\n        white-space: nowrap;\n        &_level_1 {\n            padding-left: 40px;\n            cursor: default;\n        }\n    }\n}\n","/* Reset fonts for lego-controls */\n.navigation-tablets .collapsible-section {\n  margin-top: 0;\n  margin-bottom: 40px;\n}\n.navigation-tablets__overview {\n  display: flex;\n  padding: 10px 0;\n  margin-bottom: 20px;\n  z-index: var(--fixed-toolbar-z-index);\n  background-color: var(--main-background);\n}\n.navigation-tablets__overview_sticky {\n  position: fixed;\n  top: var(--app-header-height);\n  left: var(--nv-aside-header-size);\n  right: 0;\n  padding: 10px 20px;\n  box-shadow: 0 1px 10px var(--opacity-background);\n  background-color: var(--light-background);\n  border-bottom: 1px solid var(--dark-divider);\n  z-index: var(--fixed-toolbar-z-index);\n}\n.navigation-tablets__pivot-key {\n  display: flex;\n  align-items: center;\n}\n.navigation-tablets__tablets-filter,\n.navigation-tablets .histogram__select {\n  width: 20%;\n  min-width: 40ex;\n  margin-right: 20px;\n}\n.navigation-tablets_loading {\n  height: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.navigation-tablets__table {\n  table-layout: fixed;\n}\n.navigation-tablets__table-item_type_index {\n  width: 80px;\n}\n.navigation-tablets__table-item_type_actions {\n  width: 24px;\n}\n.navigation-tablets__table-item_type_errors {\n  width: 50px;\n}\n.navigation-tablets__table-item_type_state {\n  width: 100px;\n}\n.navigation-tablets__table-item_type_pivot-key {\n  width: 300px;\n}\n.navigation-tablets__table-item_type_cell-id, .navigation-tablets__table-item_type_tablet-id, .navigation-tablets__table-item_type_store-preload {\n  width: 220px;\n}\n.navigation-tablets__table-item_type_name-tablet-id, .navigation-tablets__table-item_type_name-cell-id {\n  width: 260px;\n}\n.navigation-tablets__table-item_type_uncompressed-size, .navigation-tablets__table-item_type_compressed-size, .navigation-tablets__table-item_type_unmerged-rows, .navigation-tablets__table-item_type_disk-space, .navigation-tablets__table-item_type_chunks, .navigation-tablets__table-item_type_partitions, .navigation-tablets__table-item_type_stores, .navigation-tablets__table-item_type_overlapping-stores {\n  width: 140px;\n}\n.navigation-tablets__table-item_type_dynamic-read, .navigation-tablets__table-item_type_dynamic-lookup, .navigation-tablets__table-item_type_dynamic-write, .navigation-tablets__table-item_type_dynamic-delete, .navigation-tablets__table-item_type_static-chunk-read, .navigation-tablets__table-item_type_static-chunk-lookup {\n  width: 80px;\n}\n.navigation-tablets__table-item_type_merged-read, .navigation-tablets__table-item_type_unmerged-read, .navigation-tablets__table-item_type_replication-errors, .navigation-tablets__table-item_type_cell-leader-address {\n  width: 120px;\n}\n.navigation-tablets__table-group-item_type_dynamic {\n  width: 368px;\n}\n.navigation-tablets__table-group-item_type_static-chunk {\n  width: 176px;\n}\n.navigation-tablets__table-row_aggregation_yes {\n  font-weight: bold;\n}\n.navigation-tablets__id-link {\n  display: flex;\n  align-items: center;\n}\n.navigation-tablets__copy-btn {\n  margin-top: -10px;\n  margin-bottom: -10px;\n  visibility: hidden;\n}\n.navigation-tablets .elements-table__row:hover .navigation-tablets__copy-btn {\n  visibility: unset;\n}\n.navigation-tablets__row_top {\n  font-weight: var(--yt-font-weight-bold);\n  background-color: var(--light-background);\n}\n.navigation-tablets__name {\n  display: flex;\n  white-space: nowrap;\n}\n.navigation-tablets__name_level_1 {\n  padding-left: 40px;\n  cursor: default;\n}\n\n/*# sourceMappingURL=Tablets.css.map */","@import './fonts';\n@import './common';\n\n@mixin ellipsis() {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n@mixin text-label() {\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n// reset\n\n@mixin reset-ul () {\n    margin: 0;\n    padding: 0;\n}\n\n@mixin reset-li () {\n    list-style-type: none;\n}\n\n// font\n\n@mixin yt-fonts() {\n    font-family: $yt-font;\n    font-size: $font-size;\n    line-height: $line-height;\n}\n\n\n// heading\n\n@mixin heading-size($key) {\n    $sizes: (\n        s: (16px 20px $offset-heading-small),\n        xs: (18px 20px $offset-heading-small-x),\n        m: (20px 24px $offset-heading-medium),\n        l: (24px 28px $offset-heading-large),\n        xl: (24px 28px $offset-heading-large),\n    );\n    $size: map-get($sizes, $key);\n\n    font-size: nth($size, 1);\n    line-height: nth($size, 2);\n    margin: 0;\n    margin-bottom: nth($size, 3);\n}\n\n$stickyVerticalPadding: 10px;\n\n@mixin sticky-style() {\n    position: fixed;\n    top: var(--app-header-height);\n    left: var(--nv-aside-header-size);\n    right: 0;\n\n    padding: $stickyVerticalPadding 20px;\n\n    box-shadow: 0 1px 10px var(--opacity-background);\n    background-color: var(--light-background);\n    border-bottom: 1px solid var(--dark-divider);\n    z-index: var(--fixed-toolbar-z-index);\n}\n"]}
+{"version":3,"sources":["../../../../styles/fonts.scss","Tablets.scss","Tablets.css","../../../../styles/mixins.scss"],"names":[],"mappings":"AAAA,kCAAA;ACGI;EACI,aAAA;EACA,mBAAA;ACDR;ADII;EACI,aAAA;EAEA,eAAA;EACA,mBAAA;EAEA,qCAAA;EACA,wCAAA;ACJR;ADMQ;EEuCJ,eAAA;EACA,6BAAA;EACA,iCAAA;EACA,QAAA;EAEA,kBAAA;EAEA,gDAAA;EACA,yCAAA;EACA,4CAAA;EACA,qCAAA;AD5CJ;ADAI;EACI,aAAA;EACA,mBAAA;ACER;ADCI;;EAEI,UAAA;EACA,eAAA;EACA,kBAAA;ACCR;ADEI;EACI,aAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACAR;ADGI;EACI,mBAAA;ACDR;ADIY;EACI,WAAA;ACFhB;ADKY;EACI,WAAA;ACHhB;ADMY;EACI,WAAA;ACJhB;ADOY;EACI,YAAA;ACLhB;ADQY;EACI,YAAA;ACNhB;ADSY;EAGI,YAAA;ACThB;ADWY;EAEI,YAAA;ACVhB;ADaY;EAQI,YAAA;AClBhB;ADqBY;EAMI,WAAA;ACxBhB;AD2BY;EAII,YAAA;AC5BhB;AD6BgB;EACI,iBAAA;AC3BpB;ADiCY;EACI,YAAA;AC/BhB;ADkCY;EACI,YAAA;AChChB;ADqCY;EACI,iBAAA;ACnChB;ADwCI;EACI,aAAA;EACA,mBAAA;ACtCR;ADyCI;EACI,iBAAA;EACA,oBAAA;EACA,kBAAA;ACvCR;AD8CY;EACI,mBAAA;AC5ChB;ADkDQ;EACI,uCAAA;EACA,yCAAA;AChDZ;ADoDI;EACI,aAAA;EACA,mBAAA;AClDR;ADmDQ;EACI,kBAAA;EACA,eAAA;ACjDZ","file":"Tablets.css","sourcesContent":["/* Reset fonts for lego-controls */\n\n$yt-font: 'Manrope', 'Helvetica Neue', helvetica, arial, sans-serif;\n$font-size: 14px;\n$line-height: 1.428571429;\n$font-weight-bold: 700;\n\n@mixin yt-fonts-variables {\n    --yc-font-family-sans: 'Manrope', 'Helvetica Neue', helvetica, arial, sans-serif;\n    --yc-font-family-monospace: 'RobotoMono', monospace;\n    --yc-font-weight-bold: 700;\n}\n\n@mixin font-body2 {\n    font-size: var(--yc-text-body-2-font-size);\n    line-height: var(--yc-text-body-2-line-height);\n}\n\n@mixin font-body3 {\n    font-size: var(--yc-text-body-3-font-size);\n    line-height: var(--yc-text-body-3-line-height);\n}\n","@import '../../../../styles/mixins';\n\n.navigation-tablets {\n    .collapsible-section {\n        margin-top: 0;\n        margin-bottom: 40px;\n    }\n\n    &__overview {\n        display: flex;\n\n        padding: 10px 0;\n        margin-bottom: 20px;\n\n        z-index: var(--fixed-toolbar-z-index);\n        background-color: var(--main-background);\n\n        &_sticky {\n            @include sticky-style();\n        }\n    }\n\n    &__pivot-key {\n        display: flex;\n        align-items: center;\n    }\n\n    &__tablets-filter,\n    .histogram__select {\n        width: 20%;\n        min-width: 40ex;\n        margin-right: 20px;\n    }\n\n    &_loading {\n        height: 200px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    &__table {\n        table-layout: fixed;\n\n        &-item {\n            &_type_index {\n                width: 80px;\n            }\n\n            &_type_actions {\n                width: 24px;\n            }\n\n            &_type_errors {\n                width: 50px;\n            }\n\n            &_type_state {\n                width: 100px;\n            }\n\n            &_type_pivot-key {\n                width: 300px;\n            }\n\n            &_type_cell-id,\n            &_type_tablet-id,\n            &_type_store-preload {\n                width: 250px;\n            }\n            &_type_name-tablet-id,\n            &_type_name-cell-id {\n                width: 260px;\n            }\n\n            &_type_uncompressed-size,\n            &_type_compressed-size,\n            &_type_unmerged-rows,\n            &_type_disk-space,\n            &_type_chunks,\n            &_type_partitions,\n            &_type_stores,\n            &_type_overlapping-stores {\n                width: 140px;\n            }\n\n            &_type_dynamic-read,\n            &_type_dynamic-lookup,\n            &_type_dynamic-write,\n            &_type_dynamic-delete,\n            &_type_static-chunk-read,\n            &_type_static-chunk-lookup {\n                width: 80px;\n            }\n\n            &_type_merged-read,\n            &_type_unmerged-read,\n            &_type_replication-errors,\n            &_type_cell-leader-address {\n                width: 120px;\n                .yt-host {\n                    overflow: visible;\n                }\n            }\n        }\n\n        &-group-item {\n            &_type_dynamic {\n                width: 320px + 48px;\n            }\n\n            &_type_static-chunk {\n                width: 160px + 16px;\n            }\n        }\n\n        &-row {\n            &_aggregation_yes {\n                font-weight: bold;\n            }\n        }\n    }\n\n    &__id-link {\n        display: flex;\n        align-items: center;\n    }\n\n    &__copy-btn {\n        margin-top: -10px;\n        margin-bottom: -10px;\n        visibility: hidden;\n    }\n\n    $self: &;\n\n    .elements-table__row {\n        &:hover {\n            #{$self}__copy-btn {\n                visibility: unset;\n            }\n        }\n    }\n\n    &__row {\n        &_top {\n            font-weight: var(--yt-font-weight-bold);\n            background-color: var(--light-background);\n        }\n    }\n\n    &__name {\n        display: flex;\n        white-space: nowrap;\n        &_level_1 {\n            padding-left: 40px;\n            cursor: default;\n        }\n    }\n}\n","/* Reset fonts for lego-controls */\n.navigation-tablets .collapsible-section {\n  margin-top: 0;\n  margin-bottom: 40px;\n}\n.navigation-tablets__overview {\n  display: flex;\n  padding: 10px 0;\n  margin-bottom: 20px;\n  z-index: var(--fixed-toolbar-z-index);\n  background-color: var(--main-background);\n}\n.navigation-tablets__overview_sticky {\n  position: fixed;\n  top: var(--app-header-height);\n  left: var(--nv-aside-header-size);\n  right: 0;\n  padding: 10px 20px;\n  box-shadow: 0 1px 10px var(--opacity-background);\n  background-color: var(--light-background);\n  border-bottom: 1px solid var(--dark-divider);\n  z-index: var(--fixed-toolbar-z-index);\n}\n.navigation-tablets__pivot-key {\n  display: flex;\n  align-items: center;\n}\n.navigation-tablets__tablets-filter,\n.navigation-tablets .histogram__select {\n  width: 20%;\n  min-width: 40ex;\n  margin-right: 20px;\n}\n.navigation-tablets_loading {\n  height: 200px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.navigation-tablets__table {\n  table-layout: fixed;\n}\n.navigation-tablets__table-item_type_index {\n  width: 80px;\n}\n.navigation-tablets__table-item_type_actions {\n  width: 24px;\n}\n.navigation-tablets__table-item_type_errors {\n  width: 50px;\n}\n.navigation-tablets__table-item_type_state {\n  width: 100px;\n}\n.navigation-tablets__table-item_type_pivot-key {\n  width: 300px;\n}\n.navigation-tablets__table-item_type_cell-id, .navigation-tablets__table-item_type_tablet-id, .navigation-tablets__table-item_type_store-preload {\n  width: 250px;\n}\n.navigation-tablets__table-item_type_name-tablet-id, .navigation-tablets__table-item_type_name-cell-id {\n  width: 260px;\n}\n.navigation-tablets__table-item_type_uncompressed-size, .navigation-tablets__table-item_type_compressed-size, .navigation-tablets__table-item_type_unmerged-rows, .navigation-tablets__table-item_type_disk-space, .navigation-tablets__table-item_type_chunks, .navigation-tablets__table-item_type_partitions, .navigation-tablets__table-item_type_stores, .navigation-tablets__table-item_type_overlapping-stores {\n  width: 140px;\n}\n.navigation-tablets__table-item_type_dynamic-read, .navigation-tablets__table-item_type_dynamic-lookup, .navigation-tablets__table-item_type_dynamic-write, .navigation-tablets__table-item_type_dynamic-delete, .navigation-tablets__table-item_type_static-chunk-read, .navigation-tablets__table-item_type_static-chunk-lookup {\n  width: 80px;\n}\n.navigation-tablets__table-item_type_merged-read, .navigation-tablets__table-item_type_unmerged-read, .navigation-tablets__table-item_type_replication-errors, .navigation-tablets__table-item_type_cell-leader-address {\n  width: 120px;\n}\n.navigation-tablets__table-item_type_merged-read .yt-host, .navigation-tablets__table-item_type_unmerged-read .yt-host, .navigation-tablets__table-item_type_replication-errors .yt-host, .navigation-tablets__table-item_type_cell-leader-address .yt-host {\n  overflow: visible;\n}\n.navigation-tablets__table-group-item_type_dynamic {\n  width: 368px;\n}\n.navigation-tablets__table-group-item_type_static-chunk {\n  width: 176px;\n}\n.navigation-tablets__table-row_aggregation_yes {\n  font-weight: bold;\n}\n.navigation-tablets__id-link {\n  display: flex;\n  align-items: center;\n}\n.navigation-tablets__copy-btn {\n  margin-top: -10px;\n  margin-bottom: -10px;\n  visibility: hidden;\n}\n.navigation-tablets .elements-table__row:hover .navigation-tablets__copy-btn {\n  visibility: unset;\n}\n.navigation-tablets__row_top {\n  font-weight: var(--yt-font-weight-bold);\n  background-color: var(--light-background);\n}\n.navigation-tablets__name {\n  display: flex;\n  white-space: nowrap;\n}\n.navigation-tablets__name_level_1 {\n  padding-left: 40px;\n  cursor: default;\n}\n\n/*# sourceMappingURL=Tablets.css.map */","@import './fonts';\n@import './common';\n\n@mixin ellipsis() {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n@mixin text-label() {\n    font-size: 0.9em;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n// reset\n\n@mixin reset-ul () {\n    margin: 0;\n    padding: 0;\n}\n\n@mixin reset-li () {\n    list-style-type: none;\n}\n\n// font\n\n@mixin yt-fonts() {\n    font-family: $yt-font;\n    font-size: $font-size;\n    line-height: $line-height;\n}\n\n\n// heading\n\n@mixin heading-size($key) {\n    $sizes: (\n        s: (16px 20px $offset-heading-small),\n        xs: (18px 20px $offset-heading-small-x),\n        m: (20px 24px $offset-heading-medium),\n        l: (24px 28px $offset-heading-large),\n        xl: (24px 28px $offset-heading-large),\n    );\n    $size: map-get($sizes, $key);\n\n    font-size: nth($size, 1);\n    line-height: nth($size, 2);\n    margin: 0;\n    margin-bottom: nth($size, 3);\n}\n\n$stickyVerticalPadding: 10px;\n\n@mixin sticky-style() {\n    position: fixed;\n    top: var(--app-header-height);\n    left: var(--nv-aside-header-size);\n    right: 0;\n\n    padding: $stickyVerticalPadding 20px;\n\n    box-shadow: 0 1px 10px var(--opacity-background);\n    background-color: var(--light-background);\n    border-bottom: 1px solid var(--dark-divider);\n    z-index: var(--fixed-toolbar-z-index);\n}\n"]}

package/build/esm/ui/pages/navigation/tabs/Tablets/Tablets.scss

@@ -66,7 +66,7 @@
             &_type_cell-id,
             &_type_tablet-id,
             &_type_store-preload {
-                width: 220px;
+                width: 250px;
             }
             &_type_name-tablet-id,
             &_type_name-cell-id {
@@ -98,6 +98,9 @@
             &_type_replication-errors,
             &_type_cell-leader-address {
                 width: 120px;
+                .yt-host {
+                    overflow: visible;
+                }
             }
         }
 

package/build/esm/ui/pages/query-tracker/{QueriesHistoryList → QueriesList/QueriesHistoryList}/index.js

@@ -1,54 +1,30 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _noop from "lodash/noop";
-import hammer from '../../../common/hammer';
+import hammer from '../../../../common/hammer';
 import { Text } from '@gravity-ui/uikit';
 import block from 'bem-cn-lite';
-import { useHistory } from 'react-router';
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { QueriesHistoryCursorDirection, QueryStatus } from '../module/api';
-import { refreshQueryHistoryListIfNeeded, loadNextQueriesList, requestQueriesList, resetCursor, UPDATE_QUERIES_LIST } from '../module/queries_list/actions';
-import { isQueriesListLoading, getQueriesList, getQueriesHistoryCursor, hasQueriesListMore, getUncompletedItems } from '../module/queries_list/selectors';
-import { QueryStatusIcon } from '../QueryStatus';
+import { QueryStatus } from '../../module/api';
+import { refreshQueriesListIfNeeded, UPDATE_QUERIES_LIST } from '../../module/queries_list/actions';
+import { getQueriesListTimestamp, getUncompletedItems } from '../../module/queries_list/selectors';
+import { QueryStatusIcon } from '../../QueryStatus';
 import './index.css';
-import { getQuery } from '../module/query/selectors';
-import { QuriesHistoryListFilter } from './QueriesHistoryFilter';
-import Pagination from '../../../components/Pagination/Pagination';
-import { QueriesPoolingContext } from '../hooks/QueriesPooling/context';
-import { getCluster } from '../../../store/selectors/global';
-import { formatDateCompact } from '../../../components/common/Timeline/util';
-import { createQueryUrl } from '../utils/navigation';
-import { QueryEnginesNames } from '../utils/query';
-import DataTableYT from '../../../components/DataTableYT/DataTableYT';
+import Pagination from '../../../../components/Pagination/Pagination';
+import { QueriesPoolingContext } from '../../hooks/QueriesPooling/context';
+import { formatDateCompact } from '../../../../components/common/Timeline/util';
+import { QueryEnginesNames } from '../../utils/query';
+import DataTableYT from '../../../../components/DataTableYT/DataTableYT';
 import DataTable from '@yandex-cloud/react-data-table';
-import { useQuriesHistoryFilter } from '../hooks/QueryListFilter';
-import { QueriesHistoryAuthor } from '../module/queries_list/types';
-import { QueryDuration } from '../QueryDuration';
+import { useQuriesHistoryFilter } from '../../hooks/QueryListFilter';
+import { QueriesListAuthorFilter } from '../../module/queries_list/types';
+import { QueryDuration } from '../../QueryDuration';
+import { useQueryNavigation } from '../../hooks/Query';
+import { useQueriesPagination, useQueryList } from '../../hooks/QueriesList';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var b = block('queries-history-list');
 var itemBlock = block('query-history-item');
-var useQueriesHistoryCursor = function useQueriesHistoryCursor() {
-  var dispatch = useDispatch();
-  var cursor = useSelector(getQueriesHistoryCursor);
-  var hasNext = useSelector(hasQueriesListMore);
-  var goNext = useCallback(function () {
-    dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.PAST));
-  }, [dispatch]);
-  var goBack = useCallback(function () {
-    dispatch(loadNextQueriesList(QueriesHistoryCursorDirection.FUTURE));
-  }, [dispatch]);
-  var reset = useCallback(function () {
-    dispatch(resetCursor());
-  }, [dispatch]);
-  return {
-    first: !(cursor !== null && cursor !== void 0 && cursor.cursorTime),
-    last: !hasNext,
-    goNext: goNext,
-    goBack: goBack,
-    goFirst: reset
-  };
-};
 function useQueriesHistoryUpdate() {
   var pollingContext = useContext(QueriesPoolingContext);
   var uncompletedItems = useSelector(getUncompletedItems);
@@ -73,7 +49,7 @@ function useRefreshHistoryList() {
     var timer;
     function start() {
       timer = setTimeout(function () {
-        dispatch(refreshQueryHistoryListIfNeeded(start));
+        dispatch(refreshQueriesListIfNeeded(start));
       }, timeout);
     }
     start();
@@ -85,25 +61,10 @@ function useRefreshHistoryList() {
   }, [timeout, dispatch]);
 }
 function useQueryHistoryList() {
-  var dispatch = useDispatch();
-  var isLoading = useSelector(isQueriesListLoading);
-  var items = useSelector(getQueriesList);
-  useEffect(function () {
-    dispatch(requestQueriesList());
-  }, []);
+  useRefreshHistoryList();
   useQueriesHistoryUpdate();
-  useRefreshHistoryList(5000);
-  return [items, isLoading];
+  return useQueryList();
 }
-var useQueryNavigation = function useQueryNavigation() {
-  var selectedItem = useSelector(getQuery);
-  var cluster = useSelector(getCluster);
-  var history = useHistory();
-  var goToQuery = useCallback(function (item) {
-    history.push(createQueryUrl(cluster, item.id));
-  }, [history]);
-  return [selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id, goToQuery];
-};
 var NameColumns = {
   name: 'Name',
   align: 'left',
@@ -191,21 +152,20 @@ var tableSettings = {
   syncHeadOnResize: true
 };
 export function QueriesHistoryList() {
-  // const mainLocation = useParams();
   var _useQueryHistoryList = useQueryHistoryList(),
     _useQueryHistoryList2 = _slicedToArray(_useQueryHistoryList, 2),
     items = _useQueryHistoryList2[0],
     isLoading = _useQueryHistoryList2[1];
   var _useQuriesHistoryFilt = useQuriesHistoryFilter(),
-    _useQuriesHistoryFilt2 = _slicedToArray(_useQuriesHistoryFilt, 2),
-    filter = _useQuriesHistoryFilt2[0],
-    setFilter = _useQuriesHistoryFilt2[1];
-  var _useQueriesHistoryCur = useQueriesHistoryCursor(),
-    first = _useQueriesHistoryCur.first,
-    last = _useQueriesHistoryCur.last,
-    goBack = _useQueriesHistoryCur.goBack,
-    goNext = _useQueriesHistoryCur.goNext,
-    goFirst = _useQueriesHistoryCur.goFirst;
+    _useQuriesHistoryFilt2 = _slicedToArray(_useQuriesHistoryFilt, 1),
+    filter = _useQuriesHistoryFilt2[0];
+  var timestamp = useSelector(getQueriesListTimestamp);
+  var _useQueriesPagination = useQueriesPagination(),
+    first = _useQueriesPagination.first,
+    last = _useQueriesPagination.last,
+    goBack = _useQueriesPagination.goBack,
+    goNext = _useQueriesPagination.goNext,
+    goFirst = _useQueriesPagination.goFirst;
   var _useQueryNavigation = useQueryNavigation(),
     _useQueryNavigation2 = _slicedToArray(_useQueryNavigation, 2),
     selectedId = _useQueryNavigation2[0],
@@ -214,24 +174,27 @@ export function QueriesHistoryList() {
     _useState2 = _slicedToArray(_useState, 2),
     columns = _useState2[0],
     setColumns = _useState2[1];
+  var scrollElemRef = useRef(null);
   useEffect(function () {
     if (!isLoading || !(items !== null && items !== void 0 && items.length)) {
-      setColumns(filter.user === QueriesHistoryAuthor.My ? MyColumns : AllColumns);
+      setColumns(filter.user === QueriesListAuthorFilter.My ? MyColumns : AllColumns);
     }
   }, [items, setColumns, filter.user, isLoading]);
+  useEffect(function () {
+    if (scrollElemRef !== null && scrollElemRef !== void 0 && scrollElemRef.current) {
+      scrollElemRef.current.scrollTop = 0;
+    }
+  }, [scrollElemRef, timestamp]);
   var setClassName = useCallback(function (item) {
     return itemBlock({
       selected: item.id === selectedId
     });
   }, [selectedId]);
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: b(),
-    children: [/*#__PURE__*/_jsx(QuriesHistoryListFilter, {
-      className: b('filter'),
-      filter: filter,
-      onChange: setFilter
-    }), /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       className: b('list-wrapper'),
+      ref: scrollElemRef,
       children: [/*#__PURE__*/_jsx(DataTableYT, {
         className: b('list'),
         loading: isLoading,
@@ -267,7 +230,7 @@ export function QueriesHistoryList() {
           }
         })
       })]
-    })]
+    })
   });
 }
 // #sourceMappingURL=index.js.map

package/build/esm/ui/pages/query-tracker/QueriesList/QueriesHistoryList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hammer","Text","block","React","useCallback","useContext","useEffect","useRef","useState","useDispatch","useSelector","QueryStatus","refreshQueriesListIfNeeded","UPDATE_QUERIES_LIST","getQueriesListTimestamp","getUncompletedItems","QueryStatusIcon","Pagination","QueriesPoolingContext","formatDateCompact","QueryEnginesNames","DataTableYT","DataTable","useQuriesHistoryFilter","QueriesListAuthorFilter","QueryDuration","useQueryNavigation","useQueriesPagination","useQueryList","jsx","_jsx","jsxs","_jsxs","b","itemBlock","useQueriesHistoryUpdate","pollingContext","uncompletedItems","dispatch","pollingEffect","length","watch","items","type","data","useRefreshHistoryList","timeout","arguments","undefined","timer","start","setTimeout","clearTimeout","useQueryHistoryList","NameColumns","name","align","className","render","_ref","_row$annotations","row","annotations","title","children","status","state","color","ellipsis","TypeColumns","width","_ref2","variant","engine","DurationColumns","_ref3","RUNNING","format","NO_VALUE","query","StartedColumns","_ref4","start_time","AuthorColumns","_ref5","user","MyColumns","AllColumns","tableSettings","displayIndices","sortable","stickyHead","MOVING","syncHeadOnResize","QueriesHistoryList","_useQueryHistoryList","_useQueryHistoryList2","_slicedToArray","isLoading","_useQuriesHistoryFilt","_useQuriesHistoryFilt2","filter","timestamp","_useQueriesPagination","first","last","goBack","goNext","goFirst","_useQueryNavigation","_useQueryNavigation2","selectedId","goToQuery","_useState","_useState2","columns","setColumns","scrollElemRef","My","current","scrollTop","setClassName","item","selected","id","ref","loading","useThemeYT","rowKey","onRowClick","disableRightGap","settings","rowClassName","size","handler","disabled","previous","next","_noop"],"sources":["index.tsx"],"sourcesContent":["import hammer from '../../../../common/hammer';\nimport {Text} from '@gravity-ui/uikit';\nimport block from 'bem-cn-lite';\nimport React, {useCallback, useContext, useEffect, useRef, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {QueryItem, QueryStatus} from '../../module/api';\nimport {refreshQueriesListIfNeeded, UPDATE_QUERIES_LIST} from '../../module/queries_list/actions';\nimport {getQueriesListTimestamp, getUncompletedItems} from '../../module/queries_list/selectors';\nimport {QueryStatusIcon} from '../../QueryStatus';\n\nimport './index.scss';\nimport Pagination from '../../../../components/Pagination/Pagination';\nimport {noop} from 'lodash';\nimport {QueriesPoolingContext} from '../../hooks/QueriesPooling/context';\nimport {formatDateCompact} from '../../../../components/common/Timeline/util';\nimport {QueryEnginesNames} from '../../utils/query';\nimport DataTableYT from '../../../../components/DataTableYT/DataTableYT';\nimport DataTable, {Column, Settings} from '@yandex-cloud/react-data-table';\nimport {useQuriesHistoryFilter} from '../../hooks/QueryListFilter';\nimport {QueriesListAuthorFilter} from '../../module/queries_list/types';\nimport {QueryDuration} from '../../QueryDuration';\nimport {useQueryNavigation} from '../../hooks/Query';\nimport {useQueriesPagination, useQueryList} from '../../hooks/QueriesList';\n\nconst b = block('queries-history-list');\n\nconst itemBlock = block('query-history-item');\n\nfunction useQueriesHistoryUpdate() {\n    const pollingContext = useContext(QueriesPoolingContext);\n    const uncompletedItems = useSelector(getUncompletedItems);\n    const dispatch = useDispatch();\n\n    useEffect(\n        function pollingEffect() {\n            if (!uncompletedItems?.length) {\n                return;\n            }\n            return pollingContext.watch(uncompletedItems, (items) => {\n                dispatch({\n                    type: UPDATE_QUERIES_LIST,\n                    data: items,\n                });\n            });\n        },\n        [uncompletedItems],\n    );\n}\n\nfunction useRefreshHistoryList(timeout = 5000) {\n    // Naive history list's polling impl\n    const dispatch = useDispatch();\n    useEffect(() => {\n        let timer: ReturnType<typeof setTimeout>;\n        function start() {\n            timer = setTimeout(() => {\n                dispatch(refreshQueriesListIfNeeded(start));\n            }, timeout);\n        }\n\n        start();\n\n        return () => {\n            if (timer) {\n                clearTimeout(timer);\n            }\n        };\n    }, [timeout, dispatch]);\n}\n\nfunction useQueryHistoryList() {\n    useRefreshHistoryList();\n    useQueriesHistoryUpdate();\n    return useQueryList();\n}\n\nconst NameColumns: Column<QueryItem> = {\n    name: 'Name',\n    align: 'left',\n    className: itemBlock('name_row'),\n    render: ({row}) => {\n        const name = row.annotations?.title;\n        return (\n            <div className={itemBlock('name')} title={name}>\n                <QueryStatusIcon className={itemBlock('status-icon')} status={row.state} />\n                <Text\n                    className={itemBlock('name-container')}\n                    color={name ? 'primary' : 'secondary'}\n                    ellipsis\n                >\n                    {name || 'No name'}\n                </Text>\n            </div>\n        );\n    },\n};\n\nconst TypeColumns: Column<QueryItem> = {\n    name: 'Type',\n    align: 'center',\n    width: 60,\n    render: ({row}) => {\n        return (\n            <Text variant=\"body-1\" color=\"secondary\">\n                {row.engine in QueryEnginesNames ? QueryEnginesNames[row.engine] : row.engine}\n            </Text>\n        );\n    },\n};\n\nconst DurationColumns: Column<QueryItem> = {\n    name: 'Duration',\n    align: 'left',\n    width: 100,\n    render: ({row}) => {\n        if (row.state === QueryStatus.RUNNING) {\n            return hammer.format.NO_VALUE;\n        }\n        return <QueryDuration query={row} />;\n    },\n};\n\nconst StartedColumns: Column<QueryItem> = {\n    name: 'Started',\n    align: 'left',\n    width: 120,\n    render: ({row}) => {\n        return (\n            <Text variant=\"body-1\" color=\"secondary\">\n                {formatDateCompact(row.start_time)}\n            </Text>\n        );\n    },\n};\n\nconst AuthorColumns: Column<QueryItem> = {\n    name: 'Author',\n    align: 'left',\n    width: 120,\n    className: itemBlock('author_row'),\n    render: ({row}) => {\n        return (\n            <Text variant=\"body-1\" ellipsis title={row.user}>\n                {row.user}\n            </Text>\n        );\n    },\n};\n\nconst MyColumns: Column<QueryItem>[] = [NameColumns, TypeColumns, DurationColumns, StartedColumns];\nconst AllColumns: Column<QueryItem>[] = [\n    NameColumns,\n    TypeColumns,\n    DurationColumns,\n    AuthorColumns,\n    StartedColumns,\n];\n\nconst tableSettings: Settings = {\n    displayIndices: false,\n    sortable: false,\n    stickyHead: DataTable.MOVING,\n    syncHeadOnResize: true,\n};\n\nexport function QueriesHistoryList() {\n    const [items, isLoading] = useQueryHistoryList();\n\n    const [filter] = useQuriesHistoryFilter();\n\n    const timestamp = useSelector(getQueriesListTimestamp);\n\n    const {first, last, goBack, goNext, goFirst} = useQueriesPagination();\n\n    const [selectedId, goToQuery] = useQueryNavigation();\n\n    const [columns, setColumns] = useState<Column<QueryItem>[]>([]);\n\n    const scrollElemRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (!isLoading || !items?.length) {\n            setColumns(filter.user === QueriesListAuthorFilter.My ? MyColumns : AllColumns);\n        }\n    }, [items, setColumns, filter.user, isLoading]);\n\n    useEffect(() => {\n        if (scrollElemRef?.current) {\n            scrollElemRef.current.scrollTop = 0;\n        }\n    }, [scrollElemRef, timestamp]);\n\n    const setClassName = useCallback(\n        (item: QueryItem) => {\n            return itemBlock({\n                selected: item.id === selectedId,\n            });\n        },\n        [selectedId],\n    );\n\n    return (\n        <div className={b()}>\n            <div className={b('list-wrapper')} ref={scrollElemRef}>\n                <DataTableYT\n                    className={b('list')}\n                    loading={isLoading}\n                    columns={columns}\n                    data={items}\n                    useThemeYT={true}\n                    rowKey={(row) => row.id}\n                    onRowClick={goToQuery}\n                    disableRightGap={true}\n                    settings={tableSettings}\n                    rowClassName={setClassName}\n                />\n                <div className={b('pagination')}>\n                    {(!first || !last) && (\n                        <Pagination\n                            size=\"m\"\n                            first={{\n                                handler: goFirst,\n                                disabled: first,\n                            }}\n                            previous={{\n                                handler: goBack,\n                                disabled: first,\n                            }}\n                            next={{\n                                handler: goNext,\n                                disabled: last,\n                            }}\n                            last={{\n                                handler: noop,\n                                disabled: true,\n                            }}\n                        />\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/build/esm/ui/pages/query-tracker/QueriesList/QueriesListFilter/QueryEngineFilter.d.ts

@@ -0,0 +1,7 @@
+import { QueryEngine } from '../../module/api';
+export declare function QueryEngineFilter({ value, onChange, className, engines, }: {
+    engines?: QueryEngine[];
+    value?: QueryEngine;
+    className?: string;
+    onChange: (value?: QueryEngine) => void;
+}): JSX.Element;