@ytsaurus/ui 0.0.4 → 0.2.0

package/build/cjs/ui/pages/navigation/content/Table/TableMeta/RowsCount/RowsCount.d.ts

@@ -0,0 +1,5 @@
+import './RowsCount.scss';
+export declare function RowsCount(props: {
+    count: number;
+    isDynamic: boolean;
+}): JSX.Element;

package/build/cjs/ui/pages/navigation/content/Table/TableMeta/RowsCount/RowsCount.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowsCount = RowsCount;
+var _react = _interopRequireDefault(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _uikit = require("@gravity-ui/uikit");
+var _Icon = _interopRequireDefault(require("../../../../../../components/Icon/Icon"));
+var _hammer = _interopRequireDefault(require("../../../../../../common/hammer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var block = (0, _bemCnLite["default"])('rows-count');
+function RowsCount(props) {
+  var count = props.count,
+    isDynamic = props.isDynamic;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
+    children: [isDynamic ? '≈ ' : '', _hammer["default"].format['Number'](count), !isDynamic ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Popover, {
+      content: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("span", {
+        className: block('question'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon["default"], {
+          awesome: 'question-circle'
+        })
+      })
+    })]
+  });
+}
+// #sourceMappingURL=RowsCount.js.map
+// #sourceMappingURL=RowsCount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_uikit","_Icon","_hammer","_jsxRuntime","block","cn","RowsCount","props","count","isDynamic","_jsxs","React","Fragment","children","hammer","format","_jsx","Popover","content","className","Icon","awesome"],"sources":["RowsCount.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {Popover} from '@gravity-ui/uikit';\nimport Icon from '../../../../../../components/Icon/Icon';\nimport hammer from '../../../../../../common/hammer';\n\nimport './RowsCount.scss';\n\nconst block = cn('rows-count');\n\nexport function RowsCount(props: {count: number; isDynamic: boolean}) {\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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAL,sBAAA,CAAAC,OAAA;AAE0B,IAAAK,WAAA,GAAAL,OAAA;AAE1B,IAAMM,KAAK,GAAG,IAAAC,qBAAE,EAAC,YAAY,CAAC;AAEvB,SAASC,SAASA,CAACC,KAA0C,EAAE;EAClE,IAAOC,KAAK,GAAeD,KAAK,CAAzBC,KAAK;IAAEC,SAAS,GAAIF,KAAK,CAAlBE,SAAS;EACvB,oBACI,IAAAC,gBAAA,EAACC,iBAAK,CAACC,QAAQ;IAAAC,QAAA,GACVJ,SAAS,GAAG,IAAI,GAAG,EAAE,EACrBK,kBAAM,CAACC,MAAM,CAAC,QAAQ,CAAC,CAACP,KAAK,CAAC,EAC9B,CAACC,SAAS,GAAG,IAAI,gBACd,IAAAO,eAAA,EAACC,cAAO;MACJC,OAAO,eACH,IAAAF,eAAA;QAAAH,QAAA,EAAM;MAMN,EACH;MAAAA,QAAA,eAED,IAAAG,eAAA;QAAMG,SAAS,EAAEf,KAAK,CAAC,UAAU,CAAE;QAAAS,QAAA,eAC/B,IAAAG,eAAA,EAACI,gBAAI;UAACC,OAAO,EAAE;QAAkB;MAAG;IACjC,EAEd;EAAA,EACY;AAEzB"}

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

@@ -1,43 +1,14 @@
-declare const _default: import("react-redux").ConnectedComponent<typeof TableMeta, import("react-redux").Omit<Pick<{
+import { Props as CollapsibleSectionProps } from '../../../../../components/CollapsibleSection/CollapsibleSection';
+import { Props as AutomaticModeSwitchProps } from './AutomaticModeSwitch';
+import './TableMeta.scss';
+interface Props {
     attributes: any;
-    mediumList: any;
-    isDynamic: any;
-    tableType: any;
-    collapsibleSize: any;
-    onEditEnableReplicatedTableTracker: any;
-}, never> & Pick<PropTypes.InferProps<{
-    isDynamic: PropTypes.Validator<boolean>;
-    tableType: PropTypes.Validator<string>;
-    attributes: PropTypes.Validator<object>;
-    mediumList: PropTypes.Validator<string[]>;
-}>, PropTypes.RequiredKeys<{
-    isDynamic: PropTypes.Validator<boolean>;
-    tableType: PropTypes.Validator<string>;
-    attributes: PropTypes.Validator<object>;
-    mediumList: PropTypes.Validator<string[]>;
-}>> & Pick<{
-    attributes: any;
-    mediumList: any;
-    isDynamic: any;
-    tableType: any;
-    collapsibleSize: any;
-    onEditEnableReplicatedTableTracker: any;
-}, "collapsibleSize" | "onEditEnableReplicatedTableTracker">, "attributes" | "mediumList" | "isDynamic" | "collapsibleSize" | "tableType">>;
-export default _default;
-declare function TableMeta({ attributes, mediumList, isDynamic, tableType, collapsibleSize, onEditEnableReplicatedTableTracker, }: {
-    attributes: any;
-    mediumList: any;
-    isDynamic: any;
-    tableType: any;
-    collapsibleSize: any;
-    onEditEnableReplicatedTableTracker: any;
-}): JSX.Element;
-declare namespace TableMeta {
-    namespace propTypes {
-        const isDynamic: PropTypes.Validator<boolean>;
-        const tableType: PropTypes.Validator<string>;
-        const attributes: PropTypes.Validator<object>;
-        const mediumList: PropTypes.Validator<string[]>;
-    }
+    mediumList: string[];
+    isDynamic: boolean;
+    tableType: string;
+    collapsibleSize: CollapsibleSectionProps['size'];
+    onEditEnableReplicatedTableTracker: AutomaticModeSwitchProps['onEdit'];
 }
-import PropTypes from "prop-types";
+declare function TableMeta({ attributes, mediumList, isDynamic, tableType, collapsibleSize, onEditEnableReplicatedTableTracker, }: Props): JSX.Element;
+declare const _default: import("react-redux").ConnectedComponent<typeof TableMeta, import("react-redux").Omit<Props, "attributes" | "mediumList" | "isDynamic" | "collapsibleSize" | "tableType">>;
+export default _default;

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

@@ -6,47 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
-var _ypath = _interopRequireDefault(require("@ytsaurus/interface-helpers/lib/ypath"));
 var _reactRedux = require("react-redux");
-var _presets = require("../../../../../components/MetaTable/presets");
-var _presets2 = require("../../../../../components/MetaTable/presets/presets");
+var _presets = require("../../../../../components/MetaTable/presets/presets");
 var _CollapsibleSection = _interopRequireDefault(require("../../../../../components/CollapsibleSection/CollapsibleSection"));
 var _MetaTable = _interopRequireDefault(require("../../../../../components/MetaTable/MetaTable"));
-var _Label = _interopRequireDefault(require("../../../../../components/Label/Label"));
 var _table = require("../../../../../store/selectors/navigation/content/table");
 var _tableTs = require("../../../../../store/selectors/navigation/content/table-ts");
 var _navigation = require("../../../../../store/selectors/navigation");
 var _tabletErrors = require("../../../../../store/selectors/navigation/tabs/tablet-errors");
-var _hammer = _interopRequireDefault(require("../../../../../common/hammer"));
-var _uikit = require("@gravity-ui/uikit");
-var _Icon = _interopRequireDefault(require("../../../../../components/Icon/Icon"));
 var _cypressAttributes = require("../../../../../utils/cypress-attributes");
-var _Link = _interopRequireDefault(require("../../../../../components/Link/Link"));
-var _tabletCells = require("../../../../../utils/components/tablet-cells");
 var _global = require("../../../../../store/selectors/global");
-var _AutomaticModeSwitch = _interopRequireDefault(require("./AutomaticModeSwitch"));
+var _presets2 = require("../../../../../components/MetaTable/presets");
+var _commonFields = require("./commonFields");
+var _ypath = _interopRequireDefault(require("../../../../../common/thor/ypath"));
 var _jsxRuntime = require("react/jsx-runtime");
 var block = (0, _bemCnLite["default"])('navigation-meta-table');
-function RowsCount(props) {
-  var count = props.count,
-    isDynamic = props.isDynamic;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
-    children: [isDynamic ? '≈ ' : '', _hammer["default"].format['Number'](count), !isDynamic ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Popover, {
-      content: /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsx)("span", {
-        className: block('question'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon["default"], {
-          awesome: 'question-circle'
-        })
-      })
-    })]
-  });
-}
 function TableMeta(_ref) {
   var attributes = _ref.attributes,
     mediumList = _ref.mediumList,
@@ -54,88 +30,36 @@ function TableMeta(_ref) {
     tableType = _ref.tableType,
     collapsibleSize = _ref.collapsibleSize,
     onEditEnableReplicatedTableTracker = _ref.onEditEnableReplicatedTableTracker;
-  var _ypath$getValues = _ypath["default"].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 = (0, _slicedToArray2["default"])(_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["default"].getValue(attributes, '/type');
   var tabletErrorCount = (0, _reactRedux.useSelector)(_tabletErrors.getTabletErrorsCount);
   var cluster = (0, _reactRedux.useSelector)(_global.getCluster);
-  var tabletUrl = (0, _tabletCells.tabletActiveBundleLink)(cluster, tabletCellBundle);
-  var isReplicatedTable = type === _cypressAttributes.CypressNodeTypes.REPLICATED_TABLE;
+  var cf = (0, _react.useMemo)(function () {
+    return (0, _commonFields.getCommonFields)({
+      cluster: cluster,
+      attributes: attributes,
+      isDynamic: isDynamic,
+      tableType: tableType,
+      tabletErrorCount: tabletErrorCount,
+      onEditEnableReplicatedTableTracker: onEditEnableReplicatedTableTracker
+    });
+  }, [cluster, attributes, isDynamic, onEditEnableReplicatedTableTracker, tableType, tabletErrorCount]);
+  var items = (0, _react.useMemo)(function () {
+    switch (type) {
+      case _cypressAttributes.CypressNodeTypes.REPLICATED_TABLE:
+      case _cypressAttributes.CypressNodeTypes.REPLICATION_LOG_TABLE:
+        return [(0, _presets2.main)(attributes), (0, _presets.tableSize)(attributes, isDynamic, mediumList), (0, _presets.tableStorage)(attributes, tableType), [cf.sorted].concat((0, _toConsumableArray2["default"])((0, _presets.dynTableInfo)(attributes, cluster, tabletErrorCount)), [cf.automaticModeSwitch])];
+      case _cypressAttributes.CypressNodeTypes.CHAOS_REPLICATED_TABLE:
+        return [(0, _presets2.main)(attributes), (0, _presets.tableSize)(attributes, isDynamic, mediumList), [cf.tableType, (0, _presets.replicatedTableTracker)(attributes), cf.sorted, cf.chaosCellBundle, cf.automaticModeSwitch]];
+      default:
+        return [(0, _presets2.main)(attributes), (0, _presets.tableSize)(attributes, isDynamic, mediumList), (0, _presets.tableStorage)(attributes, tableType), [cf.sorted].concat((0, _toConsumableArray2["default"])((0, _presets.dynTableInfo)(attributes, cluster, tabletErrorCount)))];
+    }
+  }, [type, attributes, isDynamic, mediumList, tableType, cf, cluster, tabletErrorCount]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollapsibleSection["default"], {
     name: "Metadata",
     size: collapsibleSize,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetaTable["default"], {
       className: block(),
-      items: [(0, _presets.main)(attributes), [{
-        key: 'rows',
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(RowsCount, {
-          isDynamic: isDynamic,
-          count: rowCount
-        })
-      }, {
-        key: 'chunks',
-        value: _hammer["default"].format['Number'](chunkCount)
-      }].concat((0, _toConsumableArray2["default"])((0, _presets.size)(attributes, mediumList)), [{
-        key: 'data weight',
-        value: _hammer["default"].format['Bytes'](dataWeight),
-        visible: Boolean(dataWeight)
-      }]), [{
-        key: 'table type',
-        value: tableType
-      }, {
-        key: 'optimize for',
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label["default"], {
-          text: _hammer["default"].format['ReadableField'](optimizeFor),
-          theme: "info"
-        }),
-        visible: optimizeFor !== 'undefined'
-      }].concat((0, _toConsumableArray2["default"])((0, _presets.compression)(attributes)), (0, _toConsumableArray2["default"])((0, _presets.erasureReplication)(attributes)), [(0, _presets2.replicatedTableTracker)(attributes)]), [{
-        key: 'sorted',
-        value: sorted
-      }, {
-        key: 'tablet cell bundle',
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
-          theme: 'primary',
-          routed: true,
-          url: tabletUrl,
-          children: tabletCellBundle
-        }),
-        visible: isDynamic
-      }, {
-        key: 'tablet state',
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label["default"], {
-          theme: tabletState === 'mounted' ? 'info' : 'default',
-          text: _hammer["default"].format['ReadableField'](tabletState)
-        }),
-        visible: isDynamic
-      }, {
-        key: 'in memory mode',
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label["default"], {
-          theme: inMemoryMode && inMemoryMode !== 'none' ? 'info' : 'default',
-          text: _hammer["default"].format['ReadableField'](inMemoryMode || 'none')
-        }),
-        visible: isDynamic
-      }, {
-        key: 'tablet error count',
-        value: _hammer["default"].format['Number'](tabletErrorCount),
-        visible: isDynamic
-      }, {
-        key: 'Table automatic mode switch',
-        value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutomaticModeSwitch["default"], {
-          value: enable_replicated_table_tracker,
-          onEdit: onEditEnableReplicatedTableTracker
-        }),
-        visible: isReplicatedTable
-      }]]
+      items: items
     })
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_ypath","_reactRedux","_presets","_presets2","_CollapsibleSection","_MetaTable","_Label","_table","_tableTs","_navigation","_tabletErrors","_hammer","_uikit","_Icon","_cypressAttributes","_Link","_tabletCells","_global","_AutomaticModeSwitch","_jsxRuntime","block","cn","RowsCount","props","count","isDynamic","_jsxs","React","Fragment","children","hammer","format","_jsx","Popover","content","className","Icon","awesome","TableMeta","_ref","attributes","mediumList","tableType","collapsibleSize","onEditEnableReplicatedTableTracker","_ypath$getValues","ypath","getValues","_ypath$getValues2","_slicedToArray","rowCount","chunkCount","dataWeight","sorted","tabletCellBundle","optimizeFor","tabletState","inMemoryMode","type","enable_replicated_table_tracker","tabletErrorCount","useSelector","getTabletErrorsCount","cluster","getCluster","tabletUrl","tabletActiveBundleLink","isReplicatedTable","CypressNodeTypes","REPLICATED_TABLE","CollapsibleSection","name","size","MetaTable","items","main","key","value","concat","_toConsumableArray","visible","Boolean","Label","text","theme","compression","erasureReplication","replicatedTableTracker","Link","routed","url","AutomaticModeSwitch","onEdit","mapStateToProps","state","global","getIsDynamic","getTableType","getAttributes","getUISizes","_default","connect"],"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","require","_bemCnLite","_interopRequireDefault","_reactRedux","_presets","_CollapsibleSection","_MetaTable","_table","_tableTs","_navigation","_tabletErrors","_cypressAttributes","_global","_presets2","_commonFields","_ypath","_jsxRuntime","block","cn","TableMeta","_ref","attributes","mediumList","isDynamic","tableType","collapsibleSize","onEditEnableReplicatedTableTracker","type","ypath","getValue","tabletErrorCount","useSelector","getTabletErrorsCount","cluster","getCluster","cf","useMemo","getCommonFields","items","CypressNodeTypes","REPLICATED_TABLE","REPLICATION_LOG_TABLE","main","tableSize","tableStorage","sorted","concat","_toConsumableArray","dynTableInfo","automaticModeSwitch","CHAOS_REPLICATED_TABLE","replicatedTableTracker","chaosCellBundle","_jsx","CollapsibleSection","name","size","children","MetaTable","className","mapStateToProps","state","global","getIsDynamic","getTableType","getAttributes","getUISizes","_default","connect"],"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/cjs/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/cjs/ui/pages/navigation/content/Table/TableMeta/commonFields.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCommonFields = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ypath = _interopRequireDefault(require("../../../../../common/thor/ypath"));
+var _Link = _interopRequireDefault(require("../../../../../components/Link/Link"));
+var _AutomaticModeSwitch = _interopRequireDefault(require("./AutomaticModeSwitch"));
+var _reduce = _interopRequireDefault(require("lodash/reduce"));
+var _tabletCells = require("../../../../../utils/components/tablet-cells");
+var _jsxRuntime = require("react/jsx-runtime");
+var getCommonFields = function getCommonFields(_ref) {
+  var cluster = _ref.cluster,
+    attributes = _ref.attributes,
+    tableType = _ref.tableType,
+    onEditEnableReplicatedTableTracker = _ref.onEditEnableReplicatedTableTracker;
+  var _ypath$getValues = _ypath["default"].getValues(attributes, ['/sorted', '/chaos_cell_bundle', '/replicated_table_options/enable_replicated_table_tracker']),
+    _ypath$getValues2 = (0, _slicedToArray2["default"])(_ypath$getValues, 3),
+    sorted = _ypath$getValues2[0],
+    chaosCellBundle = _ypath$getValues2[1],
+    enable_replicated_table_tracker = _ypath$getValues2[2];
+  var chaosUrl = (0, _tabletCells.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__*/(0, _jsxRuntime.jsx)(_Link["default"], {
+      theme: 'primary',
+      routed: true,
+      url: chaosUrl,
+      children: chaosCellBundle
+    })
+  }, {
+    key: 'automaticModeSwitch',
+    label: 'Table automatic mode switch',
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutomaticModeSwitch["default"], {
+      value: enable_replicated_table_tracker,
+      onEdit: onEditEnableReplicatedTableTracker
+    })
+  }];
+  var commonFields = (0, _reduce["default"])(fields, function (acc, item) {
+    acc[item.key] = item;
+    return acc;
+  }, {});
+  return commonFields;
+};
+// #sourceMappingURL=commonFields.js.map
+exports.getCommonFields = getCommonFields;
+// #sourceMappingURL=commonFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ypath","_interopRequireDefault","require","_Link","_AutomaticModeSwitch","_reduce","_tabletCells","_jsxRuntime","getCommonFields","_ref","cluster","attributes","tableType","onEditEnableReplicatedTableTracker","_ypath$getValues","ypath","getValues","_ypath$getValues2","_slicedToArray","sorted","chaosCellBundle","enable_replicated_table_tracker","chaosUrl","tabletActiveChaosBundleLink","fields","key","label","value","visible","undefined","_jsx","Link","theme","routed","url","children","AutomaticModeSwitch","onEdit","commonFields","reduce","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":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAAyF,IAAAK,WAAA,GAAAL,OAAA;AAElF,IAAMM,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,GAAmEC,iBAAK,CAACC,SAAS,CAACL,UAAU,EAAE,CAC3F,SAAS,EACT,oBAAoB,EACpB,2DAA2D,CAC9D,CAAC;IAAAM,iBAAA,OAAAC,0BAAA,EAAAJ,gBAAA;IAJKK,MAAM,GAAAF,iBAAA;IAAEG,eAAe,GAAAH,iBAAA;IAAEI,+BAA+B,GAAAJ,iBAAA;EAM/D,IAAMK,QAAQ,GAAG,IAAAC,wCAA2B,EAACb,OAAO,EAAEU,eAAe,CAAC;EAEtE,IAAMI,MAAM,GAAG,CACX;IACIC,GAAG,EAAE,WAAW;IAChBC,KAAK,EAAE,YAAY;IACnBC,KAAK,EAAEf;EACX,CAAC,EACD;IACIa,GAAG,EAAE,QAAQ;IACbE,KAAK,EAAER,MAAM;IACbS,OAAO,EAAET,MAAM,KAAKU;EACxB,CAAC,EACD;IACIJ,GAAG,EAAE,iBAAiB;IACtBC,KAAK,EAAE,mBAAmB;IAC1BC,KAAK,eACD,IAAAG,eAAA,EAACC,gBAAI;MAACC,KAAK,EAAE,SAAU;MAACC,MAAM;MAACC,GAAG,EAAEZ,QAAS;MAAAa,QAAA,EACxCf;IAAe;EAG5B,CAAC,EACD;IACIK,GAAG,EAAE,qBAAqB;IAC1BC,KAAK,EAAE,6BAA6B;IACpCC,KAAK,eACD,IAAAG,eAAA,EAACM,+BAAmB;MAChBT,KAAK,EAAEN,+BAAgC;MACvCgB,MAAM,EAAExB;IAAmC;EAGvD,CAAC,CACK;EAIV,IAAMyB,YAAY,GAAG,IAAAC,kBAAM,EACvBf,MAAM,EACN,UAACgB,GAAG,EAAEC,IAAI,EAAK;IACXD,GAAG,CAACC,IAAI,CAAChB,GAAG,CAAC,GAAGgB,IAAI;IACpB,OAAOD,GAAG;EACd,CAAC,EACD,CAAC,CAAC,CACL;EAED,OAAOF,YAAY;AACvB,CAAC"}

package/build/cjs/ui/pages/navigation/content/Table/TableOverview/CreateQueryFromTable.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { QueryWidgetProps } from '../../../../query-tracker/QueryWidget';
+import './CreateQueryFromTable.scss';
+export declare const QueryWidgetPortal: React.ReactElement<QueryWidgetProps, string | React.JSXElementConstructor<any>>;
+export declare function CreateQueryFromTable({ className }: {
+    className: string;
+}): JSX.Element;

package/build/cjs/ui/pages/navigation/content/Table/TableOverview/CreateQueryFromTable.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateQueryFromTable = CreateQueryFromTable;
+exports.QueryWidgetPortal = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _reactRedux = require("react-redux");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _uikit = require("@gravity-ui/uikit");
+var _api = require("../../../../query-tracker/module/api");
+var _navigation = require("../../../../../store/selectors/navigation");
+var _global = require("../../../../../store/selectors/global");
+var _QueryWidget = require("../../../../query-tracker/QueryWidget");
+var _actions = require("../../../../query-tracker/module/query/actions");
+var _Icon = _interopRequireDefault(require("../../../../../components/Icon/Icon"));
+var _navigation2 = require("../../../../query-tracker/utils/navigation");
+var _withSplit = _interopRequireDefault(require("../../../../../hocs/withSplit"));
+var _global2 = require("../../../../../store/actions/global");
+var _nodes = require("../../../../../constants/components/nodes/nodes");
+var _jsxRuntime = require("react/jsx-runtime");
+var b = (0, _bemCnLite["default"])('create-query-btn');
+var QueryWidgetPortal = (0, _withSplit["default"])(_QueryWidget.QueryWidget);
+exports.QueryWidgetPortal = QueryWidgetPortal;
+function CreateQueryFromTable(_ref) {
+  var className = _ref.className;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    widgetOpened = _useState2[0],
+    setWidgetOpened = _useState2[1];
+  var dispatch = (0, _reactRedux.useDispatch)();
+  var cluster = (0, _reactRedux.useSelector)(_global.getCluster);
+  var path = (0, _reactRedux.useSelector)(_navigation.getPath);
+  var openWidget = (0, _react.useCallback)(function () {
+    dispatch((0, _actions.createQueryFromTablePath)(_api.QueryEngine.YQL, cluster, path));
+    dispatch((0, _global2.splitScreen)(_nodes.SPLIT_TYPE));
+    setWidgetOpened(true);
+  }, [setWidgetOpened, dispatch, path, cluster]);
+  var onClose = (0, _react.useCallback)(function () {
+    setWidgetOpened(false);
+    dispatch((0, _global2.mergeScreen)());
+  }, [setWidgetOpened, dispatch]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: b(null, className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        onClick: openWidget,
+        pin: "round-clear",
+        view: "action",
+        className: b('btn'),
+        disabled: widgetOpened,
+        title: "Open Queries widget",
+        children: "YQL query"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        className: b('btn'),
+        pin: "clear-round",
+        view: "action",
+        href: (0, _navigation2.createNewQueryUrl)(cluster, _api.QueryEngine.YQL, {
+          path: path
+        }),
+        target: "_blank",
+        title: "Open Queries page",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon["default"], {
+          awesome: "table"
+        })
+      })]
+    }), widgetOpened && /*#__PURE__*/
+    // @ts-ignore
+    (0, _jsxRuntime.jsx)(QueryWidgetPortal, {
+      onClose: onClose
+    })]
+  });
+}
+// #sourceMappingURL=CreateQueryFromTable.js.map
+// #sourceMappingURL=CreateQueryFromTable.js.map

package/build/cjs/ui/pages/navigation/content/Table/TableOverview/CreateQueryFromTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactRedux","_bemCnLite","_interopRequireDefault","_uikit","_api","_navigation","_global","_QueryWidget","_actions","_Icon","_navigation2","_withSplit","_global2","_nodes","_jsxRuntime","b","cn","QueryWidgetPortal","withSplit","QueryWidget","exports","CreateQueryFromTable","_ref","className","_useState","useState","_useState2","_slicedToArray","widgetOpened","setWidgetOpened","dispatch","useDispatch","cluster","useSelector","getCluster","path","getPath","openWidget","useCallback","createQueryFromTablePath","QueryEngine","YQL","splitScreen","SPLIT_TYPE","onClose","mergeScreen","_jsxs","_Fragment","children","_jsx","Button","onClick","pin","view","disabled","title","href","createNewQueryUrl","target","Icon","awesome"],"sources":["CreateQueryFromTable.tsx"],"sourcesContent":["import React, {ReactElement, useCallback, useState} from 'react';\nimport {useDispatch, useSelector} from 'react-redux';\nimport cn from 'bem-cn-lite';\nimport {Button} from '@gravity-ui/uikit';\nimport {QueryEngine} from '../../../../query-tracker/module/api';\nimport {getPath} from '../../../../../store/selectors/navigation';\nimport {getCluster} from '../../../../../store/selectors/global';\nimport {QueryWidget, QueryWidgetProps} from '../../../../query-tracker/QueryWidget';\nimport {createQueryFromTablePath} from '../../../../query-tracker/module/query/actions';\nimport Icon from '../../../../../components/Icon/Icon';\nimport {createNewQueryUrl} from '../../../../query-tracker/utils/navigation';\nimport withSplit from '../../../../../hocs/withSplit';\nimport {mergeScreen, splitScreen} from '../../../../../store/actions/global';\nimport {SPLIT_TYPE} from '../../../../../constants/components/nodes/nodes';\nimport './CreateQueryFromTable.scss';\n\nconst b = cn('create-query-btn');\n\nexport const QueryWidgetPortal = withSplit(\n    QueryWidget,\n) as unknown as ReactElement<QueryWidgetProps>;\n\nexport function CreateQueryFromTable({className}: {className: string}) {\n    const [widgetOpened, setWidgetOpened] = useState(false);\n    const dispatch = useDispatch();\n\n    const cluster = useSelector(getCluster);\n    const path = useSelector(getPath);\n\n    const openWidget = useCallback(() => {\n        dispatch(createQueryFromTablePath(QueryEngine.YQL, cluster, path));\n        dispatch(splitScreen(SPLIT_TYPE));\n        setWidgetOpened(true);\n    }, [setWidgetOpened, dispatch, path, cluster]);\n\n    const onClose = useCallback(() => {\n        setWidgetOpened(false);\n        dispatch(mergeScreen());\n    }, [setWidgetOpened, dispatch]);\n\n    return (\n        <>\n            <div className={b(null, className)}>\n                <Button\n                    onClick={openWidget}\n                    pin=\"round-clear\"\n                    view=\"action\"\n                    className={b('btn')}\n                    disabled={widgetOpened}\n                    title=\"Open Queries widget\"\n                >\n                    YQL query\n                </Button>\n                <Button\n                    className={b('btn')}\n                    pin=\"clear-round\"\n                    view=\"action\"\n                    href={createNewQueryUrl(cluster, QueryEngine.YQL, {path})}\n                    target=\"_blank\"\n                    title=\"Open Queries page\"\n                >\n                    <Icon awesome=\"table\" />\n                </Button>\n            </div>\n            {widgetOpened && (\n                // @ts-ignore\n                <QueryWidgetPortal onClose={onClose} />\n            )}\n        </>\n    );\n}\n"],"mappings":"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"}

package/build/cjs/ui/pages/navigation/content/Table/TableOverview/TableOverview.d.ts

@@ -1,13 +1,15 @@
 declare const _default: import("react-redux").ConnectedComponent<typeof TableOverview, import("react-redux").Omit<PropTypes.InferProps<{
     isFullScreen: PropTypes.Validator<boolean>;
     isSplit: PropTypes.Validator<boolean>;
-}>, "isSplit" | "isFullScreen">>;
+    queriesAllowed: PropTypes.Requireable<boolean>;
+}>, "isSplit" | "isFullScreen" | "queriesAllowed">>;
 export default _default;
 declare function TableOverview(props: any): JSX.Element;
 declare namespace TableOverview {
     namespace propTypes {
         const isFullScreen: PropTypes.Validator<boolean>;
         const isSplit: PropTypes.Validator<boolean>;
+        const queriesAllowed: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

package/build/cjs/ui/pages/navigation/content/Table/TableOverview/TableOverview.js

@@ -18,14 +18,17 @@ var _OffsetInput = _interopRequireDefault(require("../../../../../pages/navigati
 var _Paginator = _interopRequireDefault(require("../../../../../pages/navigation/content/Table/TableOverview/Paginator"));
 var _ErrorBoundary = _interopRequireDefault(require("../../../../../components/ErrorBoundary/ErrorBoundary"));
 var _UIFactory = _interopRequireDefault(require("../../../../../UIFactory"));
+var _CreateQueryFromTable = require("./CreateQueryFromTable");
 var _index = require("../../../../../constants/index");
 var _EditTableActions = _interopRequireDefault(require("./EditTableActions"));
 var _DatalensButton = _interopRequireDefault(require("./DatalensButton"));
+var _global = require("../../../../../store/selectors/global");
 var _jsxRuntime = require("react/jsx-runtime");
 var block = (0, _bemCnLite["default"])('navigation-table-overview');
 function TableOverview(props) {
   var isFullScreen = props.isFullScreen,
-    isSplit = props.isSplit;
+    isSplit = props.isSplit,
+    queriesAllowed = props.queriesAllowed;
 
   // TODO: add sticky for the Overview in the split mode https://github.com/captivationsoftware/react-sticky/issues/282
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary["default"], {
@@ -48,6 +51,8 @@ function TableOverview(props) {
             block: block
           }), !isFullScreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingsButton["default"], {
             block: block
+          }), !isFullScreen && queriesAllowed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreateQueryFromTable.CreateQueryFromTable, {
+            className: block('query')
           }), !isFullScreen && ((_UIFactory$yqlWidgetS = _UIFactory["default"].yqlWidgetSetup) === null || _UIFactory$yqlWidgetS === void 0 ? void 0 : _UIFactory$yqlWidgetS.renderButton({
             isSplit: isSplit,
             className: block('yql')
@@ -68,9 +73,12 @@ function TableOverview(props) {
 var mapStateToProps = function mapStateToProps(state) {
   var isFullScreen = state.navigation.content.table.isFullScreen;
   var isSplit = state.global.splitScreen.isSplit;
+  var adminPages = (0, _global.getAdminPages)(state);
+  var isAdmin = (0, _global.isDeveloper)(state);
   return {
     isFullScreen: isFullScreen,
-    isSplit: isSplit
+    isSplit: isSplit,
+    queriesAllowed: !(adminPages !== null && adminPages !== void 0 && adminPages.includes(_index.Page.QUERIES)) || isAdmin
   };
 };
 var _default = (0, _reactRedux.connect)(mapStateToProps)(TableOverview); // #sourceMappingURL=TableOverview.js.map