@ytsaurus/ui 0.0.4 → 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Popover","Icon","hammer","jsx","_jsx","jsxs","_jsxs","block","RowsCount","props","count","isDynamic","Fragment","children","format","content","className","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,OAAO,QAAO,mBAAmB;AACzC,OAAOC,IAAI,MAAM,wCAAwC;AACzD,OAAOC,MAAM,MAAM,iCAAiC;AAEpD,OAAO,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE1B,IAAMC,KAAK,GAAGR,EAAE,CAAC,YAAY,CAAC;AAE9B,OAAO,SAASS,SAASA,CAACC,KAA0C,EAAE;EAClE,IAAOC,KAAK,GAAeD,KAAK,CAAzBC,KAAK;IAAEC,SAAS,GAAIF,KAAK,CAAlBE,SAAS;EACvB,oBACIL,KAAA,CAACR,KAAK,CAACc,QAAQ;IAAAC,QAAA,GACVF,SAAS,GAAG,IAAI,GAAG,EAAE,EACrBT,MAAM,CAACY,MAAM,CAAC,QAAQ,CAAC,CAACJ,KAAK,CAAC,EAC9B,CAACC,SAAS,GAAG,IAAI,gBACdP,IAAA,CAACJ,OAAO;MACJe,OAAO,eACHX,IAAA;QAAAS,QAAA,EAAM;MAMN,EACH;MAAAA,QAAA,eAEDT,IAAA;QAAMY,SAAS,EAAET,KAAK,CAAC,UAAU,CAAE;QAAAM,QAAA,eAC/BT,IAAA,CAACH,IAAI;UAACgB,OAAO,EAAE;QAAkB;MAAG;IACjC,EAEd;EAAA,EACY;AAEzB"}

package/build/esm/ui/pages/navigation/content/Table/TableMeta/RowsCount/RowsCount.scss

@@ -0,0 +1,6 @@
+.rows-count {
+    &__question {
+        color: var(--secondary-text);
+        padding: 0 1ex;
+    }
+}

package/build/esm/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/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":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,OAAO,EAAEC,WAAW,QAAO,aAAa;AAEhD,SACIC,sBAAsB,EACtBC,SAAS,EACTC,YAAY,EACZC,YAAY,QACT,qDAAqD;AAC5D,OAAOC,kBAAkB,MAElB,iEAAiE;AACxE,OAAOC,SAAS,MAAM,+CAA+C;AAErE,SAAQC,YAAY,QAAO,yDAAyD;AACpF,SAAQC,YAAY,QAAO,4DAA4D;AACvF,SAAQC,aAAa,QAAO,2CAA2C;AACvE,SAAQC,oBAAoB,QAAO,8DAA8D;AAGjG,SAAQC,gBAAgB,QAAO,yCAAyC;AACxE,SAAQC,UAAU,EAAEC,UAAU,QAAO,uCAAuC;AAE5E,OAAO,kBAAkB;AACzB,SAAQC,IAAI,QAAO,6CAA6C;AAChE,SAAQC,eAAe,QAAO,gBAAgB;AAC9C,OAAOC,KAAK,MAAM,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD,IAAMC,KAAK,GAAGrB,EAAE,CAAC,uBAAuB,CAAC;AAWzC,SAASsB,SAASA,CAAAC,IAAA,EAOR;EAAA,IANNC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,eAAe,GAAAL,IAAA,CAAfK,eAAe;IACfC,kCAAkC,GAAAN,IAAA,CAAlCM,kCAAkC;EAElC,IAAMC,IAAI,GAAGZ,KAAK,CAACa,QAAQ,CAACP,UAAU,EAAE,OAAO,CAAC;EAEhD,IAAMQ,gBAAgB,GAAG9B,WAAW,CAACU,oBAAoB,CAAC;EAC1D,IAAMqB,OAAO,GAAG/B,WAAW,CAACY,UAAU,CAAC;EAEvC,IAAMoB,EAAE,GAAGnC,OAAO,CACd;IAAA,OACIkB,eAAe,CAAC;MACZgB,OAAO,EAAPA,OAAO;MACPT,UAAU,EAAVA,UAAU;MACVE,SAAS,EAATA,SAAS;MACTC,SAAS,EAATA,SAAS;MACTK,gBAAgB,EAAhBA,gBAAgB;MAChBH,kCAAkC,EAAlCA;IACJ,CAAC,CAAC;EAAA,GACN,CACII,OAAO,EACPT,UAAU,EACVE,SAAS,EACTG,kCAAkC,EAClCF,SAAS,EACTK,gBAAgB,CACnB,CACJ;EAED,IAAMG,KAAK,GAAGpC,OAAO,CAAC,YAAM;IACxB,QAAQ+B,IAAI;MACR,KAAKjB,gBAAgB,CAACuB,gBAAgB;MACtC,KAAKvB,gBAAgB,CAACwB,qBAAqB;QACvC,OAAO,CACHrB,IAAI,CAACQ,UAAU,CAAC,EAChBpB,SAAS,CAACoB,UAAU,EAAEE,SAAS,EAAED,UAAU,CAAC,EAC5CpB,YAAY,CAACmB,UAAU,EAAEG,SAAS,CAAC,GAE/BO,EAAE,CAACI,MAAM,EAAAC,MAAA,CAAAC,kBAAA,CACNlC,YAAY,CAACkB,UAAU,EAAES,OAAO,EAAED,gBAAgB,CAAC,IACtDE,EAAE,CAACO,mBAAmB,GAE7B;MAEL,KAAK5B,gBAAgB,CAAC6B,sBAAsB;QACxC,OAAO,CACH1B,IAAI,CAACQ,UAAU,CAAC,EAChBpB,SAAS,CAACoB,UAAU,EAAEE,SAAS,EAAED,UAAU,CAAC,EAC5C,CACIS,EAAE,CAACP,SAAS,EACZxB,sBAAsB,CAACqB,UAAU,CAAC,EAClCU,EAAE,CAACI,MAAM,EACTJ,EAAE,CAACS,eAAe,EAClBT,EAAE,CAACO,mBAAmB,CACzB,CACJ;MAEL;QACI,OAAO,CACHzB,IAAI,CAACQ,UAAU,CAAC,EAChBpB,SAAS,CAACoB,UAAU,EAAEE,SAAS,EAAED,UAAU,CAAC,EAC5CpB,YAAY,CAACmB,UAAU,EAAEG,SAAS,CAAC,GAClCO,EAAE,CAACI,MAAM,EAAAC,MAAA,CAAAC,kBAAA,CAAKlC,YAAY,CAACkB,UAAU,EAAES,OAAO,EAAED,gBAAgB,CAAC,GACrE;IAAC;EAEd,CAAC,EAAE,CAACF,IAAI,EAAEN,UAAU,EAAEE,SAAS,EAAED,UAAU,EAAEE,SAAS,EAAEO,EAAE,EAAED,OAAO,EAAED,gBAAgB,CAAC,CAAC;EAEvF,oBACIZ,IAAA,CAACb,kBAAkB;IAACqC,IAAI,EAAC,UAAU;IAACC,IAAI,EAAEjB,eAAgB;IAAAkB,QAAA,eACtD1B,IAAA,CAACZ,SAAS;MAACuC,SAAS,EAAE1B,KAAK,EAAG;MAACc,KAAK,EAAEA;IAAM;EAAG,EAC9B;AAE7B;AAEA,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAgB,EAAK;EAC1C,IAAOxB,UAAU,GAAIwB,KAAK,CAACC,MAAM,CAA1BzB,UAAU;EAEjB,IAAMC,SAAS,GAAGhB,YAAY,CAACuC,KAAK,CAAC;EACrC,IAAMtB,SAAS,GAAGlB,YAAY,CAACwC,KAAK,CAAC;EACrC,IAAMzB,UAAU,GAAGb,aAAa,CAACsC,KAAK,CAAC;EAEvC,OAAO;IACHzB,UAAU,EAAVA,UAAU;IACVC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA,SAAS;IACTC,SAAS,EAATA,SAAS;IACTC,eAAe,EAAEb,UAAU,CAACkC,KAAK,CAAC,CAACrB;EACvC,CAAC;AACL,CAAC;AAED,eAAe3B,OAAO,CAAC+C,eAAe,CAAC,CAAC1B,SAAS,CAAC"}

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/content/Table/TableOverview/CreateQueryFromTable.css

@@ -0,0 +1,8 @@
+.create-query-btn {
+  display: inline-flex;
+  flex-wrap: nowrap;
+}
+.create-query-btn__btn + .create-query-btn__btn {
+  margin-left: 1px;
+}
+/*# sourceMappingURL=CreateQueryFromTable.css.map */

package/build/esm/ui/pages/navigation/content/Table/TableOverview/CreateQueryFromTable.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CreateQueryFromTable.scss","CreateQueryFromTable.css"],"names":[],"mappings":"AAAA;EACI,oBAAA;EACA,iBAAA;ACCJ;ADAI;EACI,gBAAA;ACER","file":"CreateQueryFromTable.css","sourcesContent":[".create-query-btn {\n    display: inline-flex;\n    flex-wrap: nowrap;\n    &__btn + &__btn {\n        margin-left: 1px;\n    }\n}\n",".create-query-btn {\n  display: inline-flex;\n  flex-wrap: nowrap;\n}\n.create-query-btn__btn + .create-query-btn__btn {\n  margin-left: 1px;\n}\n\n/*# sourceMappingURL=CreateQueryFromTable.css.map */"]}

package/build/esm/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/esm/ui/pages/navigation/content/Table/TableOverview/CreateQueryFromTable.js

@@ -0,0 +1,72 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import cn from 'bem-cn-lite';
+import { Button } from '@gravity-ui/uikit';
+import { QueryEngine } from '../../../../query-tracker/module/api';
+import { getPath } from '../../../../../store/selectors/navigation';
+import { getCluster } from '../../../../../store/selectors/global';
+import { QueryWidget } from '../../../../query-tracker/QueryWidget';
+import { createQueryFromTablePath } from '../../../../query-tracker/module/query/actions';
+import Icon from '../../../../../components/Icon/Icon';
+import { createNewQueryUrl } from '../../../../query-tracker/utils/navigation';
+import withSplit from '../../../../../hocs/withSplit';
+import { mergeScreen, splitScreen } from '../../../../../store/actions/global';
+import { SPLIT_TYPE } from '../../../../../constants/components/nodes/nodes';
+import './CreateQueryFromTable.css';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var b = cn('create-query-btn');
+export var QueryWidgetPortal = withSplit(QueryWidget);
+export function CreateQueryFromTable(_ref) {
+  var className = _ref.className;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    widgetOpened = _useState2[0],
+    setWidgetOpened = _useState2[1];
+  var dispatch = useDispatch();
+  var cluster = useSelector(getCluster);
+  var path = useSelector(getPath);
+  var openWidget = useCallback(function () {
+    dispatch(createQueryFromTablePath(QueryEngine.YQL, cluster, path));
+    dispatch(splitScreen(SPLIT_TYPE));
+    setWidgetOpened(true);
+  }, [setWidgetOpened, dispatch, path, cluster]);
+  var onClose = useCallback(function () {
+    setWidgetOpened(false);
+    dispatch(mergeScreen());
+  }, [setWidgetOpened, dispatch]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: b(null, className),
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: openWidget,
+        pin: "round-clear",
+        view: "action",
+        className: b('btn'),
+        disabled: widgetOpened,
+        title: "Open Queries widget",
+        children: "YQL query"
+      }), /*#__PURE__*/_jsx(Button, {
+        className: b('btn'),
+        pin: "clear-round",
+        view: "action",
+        href: createNewQueryUrl(cluster, QueryEngine.YQL, {
+          path: path
+        }),
+        target: "_blank",
+        title: "Open Queries page",
+        children: /*#__PURE__*/_jsx(Icon, {
+          awesome: "table"
+        })
+      })]
+    }), widgetOpened &&
+    /*#__PURE__*/
+    // @ts-ignore
+    _jsx(QueryWidgetPortal, {
+      onClose: onClose
+    })]
+  });
+}
+// #sourceMappingURL=CreateQueryFromTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","useDispatch","useSelector","cn","Button","QueryEngine","getPath","getCluster","QueryWidget","createQueryFromTablePath","Icon","createNewQueryUrl","withSplit","mergeScreen","splitScreen","SPLIT_TYPE","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","b","QueryWidgetPortal","CreateQueryFromTable","_ref","className","_useState","_useState2","_slicedToArray","widgetOpened","setWidgetOpened","dispatch","cluster","path","openWidget","YQL","onClose","children","onClick","pin","view","disabled","title","href","target","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/esm/ui/pages/navigation/content/Table/TableOverview/CreateQueryFromTable.scss

@@ -0,0 +1,7 @@
+.create-query-btn {
+    display: inline-flex;
+    flex-wrap: nowrap;
+    &__btn + &__btn {
+        margin-left: 1px;
+    }
+}

package/build/esm/ui/pages/navigation/content/Table/TableOverview/TableOverview.css

@@ -92,6 +92,9 @@
 .navigation-table-overview__settings-modal {
   padding: 10px 15px;
 }
+.navigation-table-overview__query {
+  margin-right: 10px;
+}
 .navigation-table-overview__yql {
   margin-left: 10px;
   margin-right: 10px;

package/build/esm/ui/pages/navigation/content/Table/TableOverview/TableOverview.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../styles/fonts.scss","TableOverview.scss","TableOverview.css","../../../../../styles/mixins.scss"],"names":[],"mappings":"AAAA,kCAAA;ACIA;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,YANc;EAQd,wCAAA;ACHJ;ADKI;EE4CA,eAAA;EACA,6BAAA;EACA,iCAAA;EACA,QAAA;EAEA,kBAAA;EAEA,gDAAA;EACA,yCAAA;EACA,4CAAA;EACA,qCAAA;EFpDI,kBAAA;ACKR;ADFI;EEuCA,eAAA;EACA,6BAAA;EACA,iCAAA;EACA,QAAA;EAEA,kBAAA;EAEA,gDAAA;EACA,yCAAA;EACA,4CAAA;EACA,qCAAA;EF/CI,SAAA;EACA,aAAA;ACYR;ADTI;EACI,kBAAA;ACWR;ADRI;EACI,aAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACUR;ADRQ;EACI,gBAAA;ACUZ;ADPQ;EACI,QAAA;ACSZ;ADNQ;EACI,MAAA;ACQZ;ADNY;EACI,WAAA;ACQhB;ADJQ;EACI,QAAA;ACMZ;ADHQ;EACI,WAAA;ACKZ;ADFgB;EACI,aAAA;ACIpB;ADEI;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,wCAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACAR;ADEQ;EACI,iBAAA;ACAZ;ADII;EACI,mCAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;ACFR;ADKI;EACI,iBAAA;EACA,kBAAA;ACHR;ADMI;EACI,kBAAA;ACJR;ADOI;EACI,iBAAA;EACA,kBAAA;EAEA,aAAA;ACNR;ADQQ;EACI,YAAA;ACNZ;ADUI;EACI,YAAA;EACA,kBAAA;ACRR;ADWI;EACI,kBAAA;ACTR;ADYI;EACI,aAAA;EACA,mBAAA;ACVR;ADaI;EACI,kBAAA;EACA,UAAA;ACXR;ADcI;EACI,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACZR;ADcQ;EACI,kBAAA;ACZZ;ADcY;EACI,eAAA;ACZhB;ADkBQ;EACI,iBAAA;AChBZ","file":"TableOverview.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$overview-height: 50px;\n\n.navigation-table-overview {\n    display: flex;\n    align-items: center;\n    padding: 10px 0;\n    height: $overview-height;\n\n    background-color: var(--main-background);\n\n    &_sticky {\n        @include sticky-style();\n        padding: 10px 20px;\n    }\n\n    &_fullscreen {\n        @include sticky-style();\n        height: 0;\n        padding: 10px;\n    }\n\n    &__pagination {\n        margin-right: 20px;\n    }\n\n    &__input {\n        flex: 0 1 50%;\n        display: flex;\n        min-width: 200px;\n        margin-right: 20px;\n        position: relative;\n\n        .yc-button:before {\n            transition: none;\n        }\n\n        &_edit {\n            top: 7px;\n        }\n\n        &_dynamic {\n            top: 0;\n\n            .elements-filter {\n                width: 100%;\n            }\n        }\n\n        .textinput__icon_side_left {\n            top: 4px;\n        }\n\n        .yc-range-input-picker {\n            width: 100%;\n\n            &_size_s {\n                .rc-slider-handle {\n                    bottom: 3.5px;\n                }\n            }\n        }\n    }\n\n    &__query-current {\n        width: 100%;\n        padding: 0 5px;\n        border: 2px solid var(--dark-divider);\n        background-color: var(--main-background);\n        position: relative;\n        line-height: 24px;\n        font-size: 13px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        cursor: pointer;\n\n        .icon {\n            margin-right: 5px;\n        }\n    }\n\n    &__query-progress {\n        background-color: var(--blue-color);\n        position: absolute;\n        bottom: -2px;\n        left: -2px;\n        height: 2px;\n        z-index: 1;\n    }\n\n    &__settings {\n        margin-left: 10px;\n        margin-right: 10px;\n    }\n\n    &__settings-modal {\n        padding: 10px 15px;\n    }\n\n    &__yql {\n        margin-left: 10px;\n        margin-right: 10px;\n\n        display: flex;\n\n        .yc-button:first-child {\n            width: 100px;\n        }\n    }\n\n    &__jupyter {\n        height: 28px;\n        margin-right: 10px;\n    }\n\n    &__datalens {\n        margin-right: 10px;\n    }\n\n    &__jupyter-content {\n        display: flex;\n        align-items: center;\n    }\n\n    &__jupyter-logo {\n        position: relative;\n        left: -6px;\n    }\n\n    &__actions {\n        display: flex;\n        align-items: center;\n        margin-left: 10px;\n        margin-right: 10px;\n\n        > * {\n            margin-right: 10px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n    }\n\n    &__fs-button {\n        &_fullscreen {\n            margin-left: auto;\n        }\n    }\n}\n","/* Reset fonts for lego-controls */\n.navigation-table-overview {\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  height: 50px;\n  background-color: var(--main-background);\n}\n.navigation-table-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  padding: 10px 20px;\n}\n.navigation-table-overview_fullscreen {\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  height: 0;\n  padding: 10px;\n}\n.navigation-table-overview__pagination {\n  margin-right: 20px;\n}\n.navigation-table-overview__input {\n  flex: 0 1 50%;\n  display: flex;\n  min-width: 200px;\n  margin-right: 20px;\n  position: relative;\n}\n.navigation-table-overview__input .yc-button:before {\n  transition: none;\n}\n.navigation-table-overview__input_edit {\n  top: 7px;\n}\n.navigation-table-overview__input_dynamic {\n  top: 0;\n}\n.navigation-table-overview__input_dynamic .elements-filter {\n  width: 100%;\n}\n.navigation-table-overview__input .textinput__icon_side_left {\n  top: 4px;\n}\n.navigation-table-overview__input .yc-range-input-picker {\n  width: 100%;\n}\n.navigation-table-overview__input .yc-range-input-picker_size_s .rc-slider-handle {\n  bottom: 3.5px;\n}\n.navigation-table-overview__query-current {\n  width: 100%;\n  padding: 0 5px;\n  border: 2px solid var(--dark-divider);\n  background-color: var(--main-background);\n  position: relative;\n  line-height: 24px;\n  font-size: 13px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n.navigation-table-overview__query-current .icon {\n  margin-right: 5px;\n}\n.navigation-table-overview__query-progress {\n  background-color: var(--blue-color);\n  position: absolute;\n  bottom: -2px;\n  left: -2px;\n  height: 2px;\n  z-index: 1;\n}\n.navigation-table-overview__settings {\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.navigation-table-overview__settings-modal {\n  padding: 10px 15px;\n}\n.navigation-table-overview__yql {\n  margin-left: 10px;\n  margin-right: 10px;\n  display: flex;\n}\n.navigation-table-overview__yql .yc-button:first-child {\n  width: 100px;\n}\n.navigation-table-overview__jupyter {\n  height: 28px;\n  margin-right: 10px;\n}\n.navigation-table-overview__datalens {\n  margin-right: 10px;\n}\n.navigation-table-overview__jupyter-content {\n  display: flex;\n  align-items: center;\n}\n.navigation-table-overview__jupyter-logo {\n  position: relative;\n  left: -6px;\n}\n.navigation-table-overview__actions {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.navigation-table-overview__actions > * {\n  margin-right: 10px;\n}\n.navigation-table-overview__actions > *:last-child {\n  margin-right: 0;\n}\n.navigation-table-overview__fs-button_fullscreen {\n  margin-left: auto;\n}\n\n/*# sourceMappingURL=TableOverview.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","TableOverview.scss","TableOverview.css","../../../../../styles/mixins.scss"],"names":[],"mappings":"AAAA,kCAAA;ACIA;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,YANc;EAQd,wCAAA;ACHJ;ADKI;EE4CA,eAAA;EACA,6BAAA;EACA,iCAAA;EACA,QAAA;EAEA,kBAAA;EAEA,gDAAA;EACA,yCAAA;EACA,4CAAA;EACA,qCAAA;EFpDI,kBAAA;ACKR;ADFI;EEuCA,eAAA;EACA,6BAAA;EACA,iCAAA;EACA,QAAA;EAEA,kBAAA;EAEA,gDAAA;EACA,yCAAA;EACA,4CAAA;EACA,qCAAA;EF/CI,SAAA;EACA,aAAA;ACYR;ADTI;EACI,kBAAA;ACWR;ADRI;EACI,aAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;ACUR;ADRQ;EACI,gBAAA;ACUZ;ADPQ;EACI,QAAA;ACSZ;ADNQ;EACI,MAAA;ACQZ;ADNY;EACI,WAAA;ACQhB;ADJQ;EACI,QAAA;ACMZ;ADHQ;EACI,WAAA;ACKZ;ADFgB;EACI,aAAA;ACIpB;ADEI;EACI,WAAA;EACA,cAAA;EACA,qCAAA;EACA,wCAAA;EACA,kBAAA;EACA,iBAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACAR;ADEQ;EACI,iBAAA;ACAZ;ADII;EACI,mCAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;ACFR;ADKI;EACI,iBAAA;EACA,kBAAA;ACHR;ADMI;EACI,kBAAA;ACJR;ADOI;EACI,kBAAA;ACLR;ADQI;EACI,iBAAA;EACA,kBAAA;EAEA,aAAA;ACPR;ADSQ;EACI,YAAA;ACPZ;ADWI;EACI,YAAA;EACA,kBAAA;ACTR;ADYI;EACI,kBAAA;ACVR;ADaI;EACI,aAAA;EACA,mBAAA;ACXR;ADcI;EACI,kBAAA;EACA,UAAA;ACZR;ADeI;EACI,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACbR;ADeQ;EACI,kBAAA;ACbZ;ADeY;EACI,eAAA;ACbhB;ADmBQ;EACI,iBAAA;ACjBZ","file":"TableOverview.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$overview-height: 50px;\n\n.navigation-table-overview {\n    display: flex;\n    align-items: center;\n    padding: 10px 0;\n    height: $overview-height;\n\n    background-color: var(--main-background);\n\n    &_sticky {\n        @include sticky-style();\n        padding: 10px 20px;\n    }\n\n    &_fullscreen {\n        @include sticky-style();\n        height: 0;\n        padding: 10px;\n    }\n\n    &__pagination {\n        margin-right: 20px;\n    }\n\n    &__input {\n        flex: 0 1 50%;\n        display: flex;\n        min-width: 200px;\n        margin-right: 20px;\n        position: relative;\n\n        .yc-button:before {\n            transition: none;\n        }\n\n        &_edit {\n            top: 7px;\n        }\n\n        &_dynamic {\n            top: 0;\n\n            .elements-filter {\n                width: 100%;\n            }\n        }\n\n        .textinput__icon_side_left {\n            top: 4px;\n        }\n\n        .yc-range-input-picker {\n            width: 100%;\n\n            &_size_s {\n                .rc-slider-handle {\n                    bottom: 3.5px;\n                }\n            }\n        }\n    }\n\n    &__query-current {\n        width: 100%;\n        padding: 0 5px;\n        border: 2px solid var(--dark-divider);\n        background-color: var(--main-background);\n        position: relative;\n        line-height: 24px;\n        font-size: 13px;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        cursor: pointer;\n\n        .icon {\n            margin-right: 5px;\n        }\n    }\n\n    &__query-progress {\n        background-color: var(--blue-color);\n        position: absolute;\n        bottom: -2px;\n        left: -2px;\n        height: 2px;\n        z-index: 1;\n    }\n\n    &__settings {\n        margin-left: 10px;\n        margin-right: 10px;\n    }\n\n    &__settings-modal {\n        padding: 10px 15px;\n    }\n\n    &__query {\n        margin-right: 10px;\n    }\n\n    &__yql {\n        margin-left: 10px;\n        margin-right: 10px;\n\n        display: flex;\n\n        .yc-button:first-child {\n            width: 100px;\n        }\n    }\n\n    &__jupyter {\n        height: 28px;\n        margin-right: 10px;\n    }\n\n    &__datalens {\n        margin-right: 10px;\n    }\n\n    &__jupyter-content {\n        display: flex;\n        align-items: center;\n    }\n\n    &__jupyter-logo {\n        position: relative;\n        left: -6px;\n    }\n\n    &__actions {\n        display: flex;\n        align-items: center;\n        margin-left: 10px;\n        margin-right: 10px;\n\n        > * {\n            margin-right: 10px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n        }\n    }\n\n    &__fs-button {\n        &_fullscreen {\n            margin-left: auto;\n        }\n    }\n}\n","/* Reset fonts for lego-controls */\n.navigation-table-overview {\n  display: flex;\n  align-items: center;\n  padding: 10px 0;\n  height: 50px;\n  background-color: var(--main-background);\n}\n.navigation-table-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  padding: 10px 20px;\n}\n.navigation-table-overview_fullscreen {\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  height: 0;\n  padding: 10px;\n}\n.navigation-table-overview__pagination {\n  margin-right: 20px;\n}\n.navigation-table-overview__input {\n  flex: 0 1 50%;\n  display: flex;\n  min-width: 200px;\n  margin-right: 20px;\n  position: relative;\n}\n.navigation-table-overview__input .yc-button:before {\n  transition: none;\n}\n.navigation-table-overview__input_edit {\n  top: 7px;\n}\n.navigation-table-overview__input_dynamic {\n  top: 0;\n}\n.navigation-table-overview__input_dynamic .elements-filter {\n  width: 100%;\n}\n.navigation-table-overview__input .textinput__icon_side_left {\n  top: 4px;\n}\n.navigation-table-overview__input .yc-range-input-picker {\n  width: 100%;\n}\n.navigation-table-overview__input .yc-range-input-picker_size_s .rc-slider-handle {\n  bottom: 3.5px;\n}\n.navigation-table-overview__query-current {\n  width: 100%;\n  padding: 0 5px;\n  border: 2px solid var(--dark-divider);\n  background-color: var(--main-background);\n  position: relative;\n  line-height: 24px;\n  font-size: 13px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n.navigation-table-overview__query-current .icon {\n  margin-right: 5px;\n}\n.navigation-table-overview__query-progress {\n  background-color: var(--blue-color);\n  position: absolute;\n  bottom: -2px;\n  left: -2px;\n  height: 2px;\n  z-index: 1;\n}\n.navigation-table-overview__settings {\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.navigation-table-overview__settings-modal {\n  padding: 10px 15px;\n}\n.navigation-table-overview__query {\n  margin-right: 10px;\n}\n.navigation-table-overview__yql {\n  margin-left: 10px;\n  margin-right: 10px;\n  display: flex;\n}\n.navigation-table-overview__yql .yc-button:first-child {\n  width: 100px;\n}\n.navigation-table-overview__jupyter {\n  height: 28px;\n  margin-right: 10px;\n}\n.navigation-table-overview__datalens {\n  margin-right: 10px;\n}\n.navigation-table-overview__jupyter-content {\n  display: flex;\n  align-items: center;\n}\n.navigation-table-overview__jupyter-logo {\n  position: relative;\n  left: -6px;\n}\n.navigation-table-overview__actions {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n.navigation-table-overview__actions > * {\n  margin-right: 10px;\n}\n.navigation-table-overview__actions > *:last-child {\n  margin-right: 0;\n}\n.navigation-table-overview__fs-button_fullscreen {\n  margin-left: auto;\n}\n\n/*# sourceMappingURL=TableOverview.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/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/esm/ui/pages/navigation/content/Table/TableOverview/TableOverview.js

@@ -11,16 +11,19 @@ import OffsetInput from '../../../../../pages/navigation/content/Table/TableOver
 import Paginator from '../../../../../pages/navigation/content/Table/TableOverview/Paginator';
 import ErrorBoundary from '../../../../../components/ErrorBoundary/ErrorBoundary';
 import UIFactory from '../../../../../UIFactory';
-import { HEADER_HEIGHT } from '../../../../../constants/index';
+import { CreateQueryFromTable } from './CreateQueryFromTable';
+import { HEADER_HEIGHT, Page } from '../../../../../constants/index';
 import './TableOverview.css';
 import EditTableActions from './EditTableActions';
 import DataLensButton from './DatalensButton';
+import { getAdminPages, isDeveloper } from '../../../../../store/selectors/global';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var block = cn('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__*/_jsx(ErrorBoundary, {
@@ -43,6 +46,8 @@ function TableOverview(props) {
             block: block
           }), !isFullScreen && /*#__PURE__*/_jsx(SettingsButton, {
             block: block
+          }), !isFullScreen && queriesAllowed && /*#__PURE__*/_jsx(CreateQueryFromTable, {
+            className: block('query')
           }), !isFullScreen && ((_UIFactory$yqlWidgetS = UIFactory.yqlWidgetSetup) === null || _UIFactory$yqlWidgetS === void 0 ? void 0 : _UIFactory$yqlWidgetS.renderButton({
             isSplit: isSplit,
             className: block('yql')
@@ -63,9 +68,12 @@ function TableOverview(props) {
 var mapStateToProps = function mapStateToProps(state) {
   var isFullScreen = state.navigation.content.table.isFullScreen;
   var isSplit = state.global.splitScreen.isSplit;
+  var adminPages = getAdminPages(state);
+  var isAdmin = isDeveloper(state);
   return {
     isFullScreen: isFullScreen,
-    isSplit: isSplit
+    isSplit: isSplit,
+    queriesAllowed: !(adminPages !== null && adminPages !== void 0 && adminPages.includes(Page.QUERIES)) || isAdmin
   };
 };
 export default connect(mapStateToProps)(TableOverview);