@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/cjs/widgets/DashboardCharts/types.d.ts

@@ -0,0 +1,24 @@
+import type { DashboardProps } from '../../components';
+import type { ConfigLayout } from '@gravity-ui/dashkit';
+import type { ChartData, ChartSeries } from '../../modules/ChartEditor/types';
+import { ChartEditorProps } from '../../modules';
+import { FlexProps } from '@gravity-ui/uikit';
+export type DashboardItem = {
+    id: string;
+    chartData: ChartData;
+};
+export type DashboardChartsProps = {
+    dataSource: {
+        [chartType in ChartSeries['type']]?: ChartEditorProps['chartSeriesMap'];
+    };
+    emptyTitle?: string;
+    emptyDescription?: string;
+    className?: string;
+    gap?: FlexProps['gap'];
+    chartEditorProps?: Omit<ChartEditorProps, 'onSubmit' | 'onCancel' | 'chartSeriesMap'>;
+    dashboardProps?: Pick<DashboardProps, 'grid' | 'focusable' | 'className'>;
+    chartItems?: DashboardItem[];
+    defaultLayout?: DashboardProps['defaultLayout'];
+    onItemsChange?: (items: DashboardItem[]) => void;
+    onLayoutChange?: (layout: ConfigLayout[]) => void;
+};

package/build/cjs/widgets/DashboardCharts/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+// #sourceMappingURL=types.js.map

package/build/cjs/widgets/DashboardCharts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type {DashboardProps} from '../../components';\nimport type {ConfigLayout} from '@gravity-ui/dashkit';\nimport type {ChartData, ChartSeries} from '../../modules/ChartEditor/types';\nimport {ChartEditorProps} from '../../modules';\nimport {FlexProps} from '@gravity-ui/uikit';\n\nexport type DashboardItem = {\n    id: string;\n    chartData: ChartData;\n};\n\nexport type DashboardChartsProps = {\n    dataSource: {\n        [chartType in ChartSeries['type']]?: ChartEditorProps['chartSeriesMap'];\n    };\n\n    emptyTitle?: string;\n    emptyDescription?: string;\n    className?: string;\n    gap?: FlexProps['gap'];\n\n    chartEditorProps?: Omit<ChartEditorProps, 'onSubmit' | 'onCancel' | 'chartSeriesMap'>;\n    dashboardProps?: Pick<DashboardProps, 'grid' | 'focusable' | 'className'>;\n\n    chartItems?: DashboardItem[];\n    defaultLayout?: DashboardProps['defaultLayout'];\n\n    onItemsChange?: (items: DashboardItem[]) => void;\n    onLayoutChange?: (layout: ConfigLayout[]) => void;\n};\n"],"mappings":"","ignoreList":[]}

package/build/cjs/widgets/QueriesHistory/QueriesHistory.css

@@ -1,10 +1,4 @@
 .qp-query-history {
-  position: relative;
-}
-.qp-query-history__comparison-actions {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 100%;
+  height: 100%;
 }
 /*# sourceMappingURL=QueriesHistory.css.map */

package/build/cjs/widgets/QueriesHistory/QueriesHistory.css.map

@@ -1 +1 @@
-{"version":3,"sources":["QueriesHistory.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF;AACE;EACE,kBAAA;EACA,OAAA;EACA,SAAA;EACA,WAAA;AACJ","file":"QueriesHistory.css","sourcesContent":[".qp-query-history {\n  position: relative;\n\n  &__comparison-actions {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n  }\n}"],"sourceRoot":""}
+{"version":3,"sources":["QueriesHistory.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF","file":"QueriesHistory.css","sourcesContent":[".qp-query-history {\n  height: 100%;\n}\n"],"sourceRoot":""}

package/build/cjs/widgets/QueriesHistory/QueriesHistory.d.ts

@@ -1,19 +1,20 @@
 import React from 'react';
-import { QueryHistoryComparisonConfig, QueryHistoryEditingConfig, QueryHistoryFilterConfig, QueryHistoryItem, QueryHistoryRow, QueryHistoryRowAction, QueryHistoryRowRenderData, QueryHistorySearchConfig, QueryHistoryVisibleFieldsConfig } from '../../types/history';
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListFilterConfig, QueryListItem, QueryListRowAction, QueryListRowRenderData, QueryListSearchConfig, QueryListVisibleFieldsConfig } from '../../types/queryList';
+import { QueryHistoryRow } from '../../types/history';
 import './QueriesHistory.scss';
 export type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {
     className?: string;
     title?: string;
     logo?: React.ReactNode;
-    search: QueryHistorySearchConfig;
-    filter?: QueryHistoryFilterConfig;
-    items: QueryHistoryItem<T>[];
+    search: QueryListSearchConfig;
+    filter?: QueryListFilterConfig;
+    items: QueryListItem<T>[];
     selectedRowId?: T['id'];
-    editing?: QueryHistoryEditingConfig<T>;
-    comparison?: QueryHistoryComparisonConfig<T>;
-    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
-    renderRowItem?: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;
-    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];
-    onListItemClick?: (item: QueryHistoryItem<T>) => void;
+    editing?: QueryListEditingConfig<T>;
+    comparison?: QueryListComparisonConfig<T>;
+    visibleFields?: QueryListVisibleFieldsConfig<T>;
+    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;
+    getRowActions?: (item: T) => QueryListRowAction<T>[];
+    onListItemClick?: (item: QueryListItem<T>) => void;
 };
 export declare const QueriesHistory: <T extends QueryHistoryRow>({ title, logo, search, filter, items, selectedRowId, editing, comparison, visibleFields, renderRowItem, getRowActions, onListItemClick, className, }: QueriesHistoryProps<T>) => React.JSX.Element;

package/build/cjs/widgets/QueriesHistory/QueriesHistory.js

@@ -11,20 +11,16 @@ require("core-js/modules/es.iterator.filter.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.search.js");
-require("core-js/modules/es.string.trim.js");
 var _react = _interopRequireDefault(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 var _modules = require("../../modules");
 var _i18n = _interopRequireDefault(require("./i18n"));
-var _components = require("../../components");
-var _getListKey = require("../../helpers/getListKey");
-var _ComparisonActions = require("./ComparisonActions");
-var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _HistoryRowContent = require("./internal/HistoryRowContent");
 require("./QueriesHistory.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var block = (0, _bemCnLite.default)('qp-query-history');
 var QueriesHistory = exports.QueriesHistory = function QueriesHistory(_ref) {
-  var _search$value;
   var title = _ref.title,
     logo = _ref.logo,
     search = _ref.search,
@@ -38,36 +34,22 @@ var QueriesHistory = exports.QueriesHistory = function QueriesHistory(_ref) {
     getRowActions = _ref.getRowActions,
     onListItemClick = _ref.onListItemClick,
     className = _ref.className;
-  var showSearchResults = Boolean(search.fullSearch && ((_search$value = search.value) === null || _search$value === void 0 ? void 0 : _search$value.trim()));
-  var rowVariant = showSearchResults ? 'search' : 'default';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryLayout, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.QueriesList, {
     className: block(null, className),
     title: title || (0, _i18n.default)('title_history'),
     logo: logo,
-    actions: visibleFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FieldsSelector, (0, _objectSpread2.default)({}, visibleFields)),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryHeader, {
-      search: search.value,
-      fullSearch: search.fullSearch,
-      hasClear: search.hasClear,
-      filter: filter,
-      onUpdate: search.onUpdate
-    }),
-    footer: comparison && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComparisonActions.ComparisonActions, {
-      comparison: comparison,
-      className: block('comparison-actions')
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryList, {
-      items: items,
-      rowVariant: rowVariant,
-      selectedRowId: selectedRowId,
-      visibleFields: visibleFields,
-      editing: editing,
-      comparison: comparison,
-      renderRowItem: renderRowItem,
-      getRowActions: getRowActions,
-      showFiltersHint: Boolean(filter),
-      onItemClick: onListItemClick
-    }, (0, _getListKey.getListKey)(items, rowVariant))
+    search: search,
+    filter: filter,
+    items: items,
+    selectedRowId: selectedRowId,
+    visibleFields: visibleFields,
+    editing: editing,
+    comparison: comparison,
+    getRowActions: getRowActions,
+    renderRow: function renderRow(data) {
+      return renderRowItem ? renderRowItem(data) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRowContent.HistoryRowContent, (0, _objectSpread2.default)({}, data));
+    },
+    onListItemClick: onListItemClick
   });
 };
 // #sourceMappingURL=QueriesHistory.js.map

package/build/cjs/widgets/QueriesHistory/QueriesHistory.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_modules","_i18n","_components","_getListKey","_ComparisonActions","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","QueriesHistory","exports","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","_jsx","HistoryLayout","i18n","actions","FieldsSelector","_objectSpread","header","HistoryHeader","hasClear","onUpdate","footer","ComparisonActions","children","HistoryList","showFiltersHint","onItemClick","getListKey"],"sources":["QueriesHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader, HistoryLayout, HistoryList} from '../../modules';\nimport i18n from './i18n';\nimport {\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryFilterConfig,\n    QueryHistoryItem,\n    QueryHistoryRow,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistorySearchConfig,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {FieldsSelector} from '../../components';\nimport {getListKey} from '../../helpers/getListKey';\nimport {ComparisonActions} from './ComparisonActions';\nimport cn from 'bem-cn-lite';\nimport './QueriesHistory.scss';\n\nexport type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryHistorySearchConfig;\n    filter?: QueryHistoryFilterConfig;\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    renderRowItem?: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    onListItemClick?: (item: QueryHistoryItem<T>) => void;\n};\n\nconst block = cn('qp-query-history');\n\nexport const QueriesHistory = <T extends QueryHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: QueriesHistoryProps<T>) => {\n    const showSearchResults = Boolean(search.fullSearch && search.value?.trim());\n    const rowVariant = showSearchResults ? 'search' : 'default';\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title || i18n('title_history')}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <ComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <HistoryList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                renderRowItem={renderRowItem}\n                getRowActions={getRowActions}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_modules","_i18n","_HistoryRowContent","_jsxRuntime","e","__esModule","default","block","cn","QueriesHistory","exports","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderRowItem","getRowActions","onListItemClick","className","_jsx","QueriesList","i18n","renderRow","data","HistoryRowContent","_objectSpread"],"sources":["QueriesHistory.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueriesList} from '../../modules';\nimport i18n from './i18n';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {HistoryRowContent} from './internal/HistoryRowContent';\nimport './QueriesHistory.scss';\n\nexport type QueriesHistoryProps<T extends QueryHistoryRow = QueryHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-query-history');\n\nexport const QueriesHistory = <T extends QueryHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: QueriesHistoryProps<T>) => {\n    return (\n        <QueriesList\n            className={block(null, className)}\n            title={title || i18n('title_history')}\n            logo={logo}\n            search={search}\n            filter={filter}\n            items={items}\n            selectedRowId={selectedRowId}\n            visibleFields={visibleFields}\n            editing={editing}\n            comparison={comparison}\n            getRowActions={getRowActions}\n            renderRow={(data) =>\n                renderRowItem ? renderRowItem(data) : <HistoryRowContent {...data} />\n            }\n            onListItemClick={onListItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAYA,IAAAI,kBAAA,GAAAJ,OAAA;AACAA,OAAA;AAA+B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkB/B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,kBAAkB,CAAC;AAE7B,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAcG;EAAA,IAb1BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,eAAe,GAAAZ,IAAA,CAAfY,eAAe;IACfC,SAAS,GAAAb,IAAA,CAATa,SAAS;EAET,oBACI,IAAAC,eAAA,EAACC,oBAAW;IACRF,SAAS,EAAEjB,KAAK,CAAC,IAAI,EAAEiB,SAAS,CAAE;IAClCZ,KAAK,EAAEA,KAAK,IAAI,IAAAe,aAAI,EAAC,eAAe,CAAE;IACtCd,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BG,aAAa,EAAEA,aAAc;IAC7BF,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBG,aAAa,EAAEA,aAAc;IAC7BM,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZR,aAAa,GAAGA,aAAa,CAACQ,IAAI,CAAC,gBAAG,IAAAJ,eAAA,EAACK,oCAAiB,MAAAC,sBAAA,MAAKF,IAAI,CAAG,CAAC;IAAA,CACxE;IACDN,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/cjs/widgets/QueriesHistory/QueriesHistory.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_QueriesHistory","_actions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","action","logFilterReset","meta","component","QueriesHistory","tags","parameters","layout","_default","exports","DefaultStory","_useState","useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","compareMode","setCompareMode","_useState9","_useState0","comparedRows","setComparedRows","_useState1","undefined","_useState10","editingId","setEditingId","handleCompareChange","item","selected","result","_toConsumableArray","slice","filter","length","handleCompareCancel","handleEditSubmit","index","findIndex","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","_jsx","style","width","children","onChange","hasClear","onUpdate","onApply","onReset","getRowActions","text","onClick","comparison","enabled","comparedRowIds","onCancel","onCompare","editing","rowId","onSubmit","EmptyStory","_useState11","_useState12","Default","render","Empty"],"sources":["QueriesHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueriesHistory} from './QueriesHistory';\nimport {\n    QueryHistoryFieldKey,\n    QueryHistoryFilterConfig,\n    QueryHistoryItem,\n    QueryHistoryRow,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {action} from 'storybook/actions';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst BASE_ITEMS: QueryHistoryItem<QueryHistoryRow>[] = [\n    {header: 'Today', height: 28},\n    {\n        id: 1,\n        title: 'Query 1',\n        status: 'completed',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 2 * min,\n        endTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Query 2',\n        status: 'failed',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 10 * min,\n        endTime: now - 9 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Query 3',\n        status: 'running',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {header: 'Yesterday', height: 28},\n    {\n        id: 4,\n        title: 'Query 4',\n        status: 'aborted',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 25 * 60 * min,\n        endTime: now - 24 * 60 * min,\n        query: 'SELECT 1',\n        height: 52,\n    },\n    {\n        id: 5,\n        title: 'Query 5',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n];\n\ntype VisibleFields = QueryHistoryVisibleFieldsConfig<QueryHistoryRow>['fields'];\nconst activeFields: QueryHistoryFieldKey<QueryHistoryRow>[] = [\n    'duration',\n    'mode',\n    'startTime',\n    'engine',\n    'isPrivate',\n];\nconst fields: VisibleFields = [\n    {\n        id: 'duration',\n        title: 'Duration',\n    },\n    {\n        id: 'mode',\n        title: 'Mode',\n    },\n    {\n        id: 'startTime',\n        title: 'Start time',\n    },\n    {\n        id: 'engine',\n        title: 'Engine',\n    },\n    {\n        id: 'isPrivate',\n        title: 'ACO',\n    },\n];\n\nconst filterFields: QueryHistoryFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst meta: Meta<typeof QueriesHistory> = {\n    title: 'Widgets/QueriesHistory',\n    component: QueriesHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] =\n        useState<QueryHistoryFieldKey<QueryHistoryRow>[]>(activeFields);\n    const [compareMode, setCompareMode] = useState(false);\n    const [comparedRows, setComparedRows] = useState<number[]>([]);\n    const [editingId, setEditingId] = useState<number | undefined>(undefined);\n\n    const handleCompareChange = (item: QueryHistoryRow, selected: boolean) => {\n        const result = selected\n            ? [...comparedRows.slice(0, 1), item.id]\n            : comparedRows.filter((id) => id !== item.id);\n        setComparedRows(result);\n\n        if (!result.length) setCompareMode(false);\n    };\n\n    const handleCompareCancel = () => {\n        setComparedRows([]);\n        setCompareMode(false);\n    };\n\n    const handleEditSubmit = (item: QueryHistoryRow, title: string) => {\n        const index = items.findIndex((i) => 'id' in i && i.id === item.id);\n        if (index < 0) return;\n\n        const result = [...items];\n        result[index] = {...result[index], title};\n        setItems(result);\n        setEditingId(undefined);\n    };\n\n    const handleEditCancel = () => {\n        setEditingId(undefined);\n    };\n\n    const handleCompare = () => {\n        action('onCompare')(comparedRows);\n    };\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={items}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                getRowActions={() => [\n                    {\n                        text: 'Compare',\n                        onClick: (item) => {\n                            setCompareMode(true);\n                            setComparedRows([item.id]);\n                        },\n                    },\n                    {\n                        text: 'Edit',\n                        onClick: (item) => {\n                            setEditingId(item.id);\n                        },\n                    },\n                ]}\n                comparison={{\n                    enabled: compareMode,\n                    comparedRowIds: comparedRows,\n                    onChange: handleCompareChange,\n                    onCancel: handleCompareCancel,\n                    onCompare: handleCompare,\n                }}\n                editing={{\n                    rowId: editingId,\n                    onSubmit: handleEditSubmit,\n                    onCancel: handleEditCancel,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_QueriesHistory","_actions","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","now","Date","min","QUERY","BASE_ITEMS","header","height","id","title","status","engine","mode","startTime","endTime","query","activeFields","fields","filterFields","type","initialValue","items","logFilterApply","action","logFilterReset","meta","component","QueriesHistory","tags","parameters","layout","_default","exports","DefaultStory","_useState","useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","compareMode","setCompareMode","_useState9","_useState0","comparedRows","setComparedRows","_useState1","undefined","_useState10","editingId","setEditingId","handleCompareChange","item","selected","result","_toConsumableArray","slice","filter","length","handleCompareCancel","handleEditSubmit","index","findIndex","_objectSpread","handleEditCancel","handleCompare","handleOnSearch","data","newItems","_item$query","toLowerCase","searchValue","includes","_jsx","style","width","children","onChange","hasClear","onUpdate","onApply","onReset","getRowActions","text","onClick","comparison","enabled","comparedRowIds","onCancel","onCompare","editing","rowId","onSubmit","EmptyStory","_useState11","_useState12","Default","render","Empty"],"sources":["QueriesHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {QueriesHistory} from './QueriesHistory';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {action} from 'storybook/actions';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst BASE_ITEMS: QueryListItem<QueryHistoryRow>[] = [\n    {header: 'Today', height: 28},\n    {\n        id: 1,\n        title: 'Query 1',\n        status: 'completed',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 2 * min,\n        endTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Query 2',\n        status: 'failed',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 10 * min,\n        endTime: now - 9 * min,\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Query 3',\n        status: 'running',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - min,\n        query: QUERY,\n        height: 52,\n    },\n    {header: 'Yesterday', height: 28},\n    {\n        id: 4,\n        title: 'Query 4',\n        status: 'aborted',\n        engine: 'YQL',\n        mode: 'Validation',\n        startTime: now - 25 * 60 * min,\n        endTime: now - 24 * 60 * min,\n        query: 'SELECT 1',\n        height: 52,\n    },\n    {\n        id: 5,\n        title: 'Query 5',\n        status: 'draft',\n        engine: 'YQL',\n        mode: 'Test',\n        startTime: now - 30 * 60 * min,\n        query: QUERY,\n        height: 52,\n    },\n];\n\ntype VisibleFields = QueryListVisibleFieldsConfig<QueryHistoryRow>['fields'];\nconst activeFields: QueryListFieldKey<QueryHistoryRow>[] = [\n    'duration',\n    'mode',\n    'startTime',\n    'engine',\n    'isPrivate',\n];\nconst fields: VisibleFields = [\n    {\n        id: 'duration',\n        title: 'Duration',\n    },\n    {\n        id: 'mode',\n        title: 'Mode',\n    },\n    {\n        id: 'startTime',\n        title: 'Start time',\n    },\n    {\n        id: 'engine',\n        title: 'Engine',\n    },\n    {\n        id: 'isPrivate',\n        title: 'ACO',\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst meta: Meta<typeof QueriesHistory> = {\n    title: 'Widgets/QueriesHistory',\n    component: QueriesHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueriesHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] =\n        useState<QueryListFieldKey<QueryHistoryRow>[]>(activeFields);\n    const [compareMode, setCompareMode] = useState(false);\n    const [comparedRows, setComparedRows] = useState<number[]>([]);\n    const [editingId, setEditingId] = useState<number | undefined>(undefined);\n\n    const handleCompareChange = (item: QueryHistoryRow, selected: boolean) => {\n        const result = selected\n            ? [...comparedRows.slice(0, 1), item.id]\n            : comparedRows.filter((id) => id !== item.id);\n        setComparedRows(result);\n\n        if (!result.length) setCompareMode(false);\n    };\n\n    const handleCompareCancel = () => {\n        setComparedRows([]);\n        setCompareMode(false);\n    };\n\n    const handleEditSubmit = (item: QueryHistoryRow, title: string) => {\n        const index = items.findIndex((i) => 'id' in i && i.id === item.id);\n        if (index < 0) return;\n\n        const result = [...items];\n        result[index] = {...result[index], title};\n        setItems(result);\n        setEditingId(undefined);\n    };\n\n    const handleEditCancel = () => {\n        setEditingId(undefined);\n    };\n\n    const handleCompare = () => {\n        action('onCompare')(comparedRows);\n    };\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={items}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                getRowActions={() => [\n                    {\n                        text: 'Compare',\n                        onClick: (item) => {\n                            setCompareMode(true);\n                            setComparedRows([item.id]);\n                        },\n                    },\n                    {\n                        text: 'Edit',\n                        onClick: (item) => {\n                            setEditingId(item.id);\n                        },\n                    },\n                ]}\n                comparison={{\n                    enabled: compareMode,\n                    comparedRowIds: comparedRows,\n                    onChange: handleCompareChange,\n                    onCancel: handleCompareCancel,\n                    onCompare: handleCompare,\n                }}\n                editing={{\n                    rowId: editingId,\n                    onSubmit: handleEditSubmit,\n                    onCancel: handleEditCancel,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <QueriesHistory\n                title=\"History\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/widgets/QueriesHistory/internal/HistoryRowContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { QueryListRowRenderData } from '../../../types/queryList';
+import { QueryHistoryRow } from '../../../types/history';
+export declare const HistoryRowContent: <T extends QueryHistoryRow>({ variant, ...data }: QueryListRowRenderData<T>) => React.JSX.Element;

package/build/cjs/{modules/HistoryList → widgets/QueriesHistory/internal}/HistoryRowContent.js

@@ -7,9 +7,8 @@ exports.HistoryRowContent = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _components = require("../../components");
-var _HistoryRow = require("../HistoryRow");
-var _HistorySearchRow = require("../HistorySearchRow");
+var _components = require("../../../components");
+var _modules = require("../../../modules");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _excluded = ["variant"];
@@ -22,9 +21,9 @@ var HistoryRowContent = exports.HistoryRowContent = function HistoryRowContent(_
       title: item.header
     });
   }
-  return variant === 'search' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistorySearchRow.HistorySearchRow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+  return variant === 'search' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistorySearchRow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
     item: item
-  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRow.HistoryRow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+  })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.HistoryRow, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
     item: item
   }));
 };

package/build/cjs/widgets/QueriesHistory/internal/HistoryRowContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_modules","_jsxRuntime","e","__esModule","default","HistoryRowContent","exports","_ref","variant","data","_objectWithoutProperties","_excluded","item","_jsx","HistoryGroupHeader","title","header","HistorySearchRow","_objectSpread","HistoryRow"],"sources":["HistoryRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryGroupHeader} from '../../../components';\nimport {HistoryRow, HistorySearchRow} from '../../../modules';\nimport {QueryListRowRenderData} from '../../../types/queryList';\nimport {QueryHistoryRow} from '../../../types/history';\n\nexport const HistoryRowContent = <T extends QueryHistoryRow>({\n    variant,\n    ...data\n}: QueryListRowRenderData<T>) => {\n    const {item} = data;\n\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? (\n        <HistorySearchRow {...data} item={item} />\n    ) : (\n        <HistoryRow {...data} item={item} />\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;;AAIvD,IAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAAE,IAAA,EAGG;EAAA,IAF7BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACJC,IAAI,OAAAC,iCAAA,EAAAH,IAAA,EAAAI,SAAA;EAEP,IAAOC,IAAI,GAAIH,IAAI,CAAZG,IAAI;EAEX,IAAI,QAAQ,IAAIA,IAAI,EAAE;IAClB,oBAAO,IAAAC,eAAA,EAACC,8BAAkB;MAACC,KAAK,EAAEH,IAAI,CAACI;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOR,OAAO,KAAK,QAAQ,gBACvB,IAAAK,eAAA,EAACI,yBAAgB,MAAAC,sBAAA,MAAAA,sBAAA,MAAKT,IAAI;IAAEG,IAAI,EAAEA;EAAK,EAAE,CAAC,gBAE1C,IAAAC,eAAA,EAACM,mBAAU,MAAAD,sBAAA,MAAAA,sBAAA,MAAKT,IAAI;IAAEG,IAAI,EAAEA;EAAK,EAAE,CACtC;AACL,CAAC","ignoreList":[]}

package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.css

@@ -0,0 +1,8 @@
+.qp-queries-navigation {
+  height: 100%;
+}
+.qp-queries-navigation__empty, .qp-queries-navigation__error {
+  padding: var(--g-spacing-2);
+  text-align: center;
+}
+/*# sourceMappingURL=QueriesNavigation.css.map */

package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueriesNavigation.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF;AACE;EAEE,2BAAA;EACA,kBAAA;AAAJ","file":"QueriesNavigation.css","sourcesContent":[".qp-queries-navigation {\n  height: 100%;\n\n  &__empty,\n  &__error {\n    padding: var(--g-spacing-2);\n    text-align: center;\n  }\n}\n"],"sourceRoot":""}

package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { NavigationCluster, NavigationDetailPanelConfig, NavigationHeaderConfig, NavigationItem, NavigationListStateConfig, NavigationLocation, NavigationSearchConfig, NavigationSortConfig, RenderNavigationCluster, RenderNavigationItem } from '../../types/navigation';
+import './QueriesNavigation.scss';
+export type QueriesNavigationProps<TItem extends NavigationItem = NavigationItem, TCluster extends NavigationCluster = NavigationCluster> = {
+    location: NavigationLocation;
+    onUpdate: (location: NavigationLocation) => void;
+    clusters?: TCluster[];
+    items?: TItem[];
+    header?: NavigationHeaderConfig;
+    search?: NavigationSearchConfig;
+    sort?: NavigationSortConfig;
+    listState?: NavigationListStateConfig;
+    detail?: NavigationDetailPanelConfig<TItem>;
+    renderClusterItem?: RenderNavigationCluster<TCluster>;
+    renderNavigationItem?: RenderNavigationItem<TItem>;
+    onClusterClick?: (cluster: TCluster) => void;
+    onItemClick?: (item: TItem) => void;
+    className?: string;
+};
+export declare const QueriesNavigation: <TItem extends NavigationItem = NavigationItem, TCluster extends NavigationCluster = NavigationCluster>({ location, onUpdate, clusters, items, header, search, sort, listState, detail, renderClusterItem, renderNavigationItem, onClusterClick, onItemClick, className, }: QueriesNavigationProps<TItem, TCluster>) => React.JSX.Element;

package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueriesNavigation = void 0;
+require("core-js/modules/es.array.sort.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.search.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _modules = require("../../modules");
+var _components = require("../../components");
+var _createEmptyDetailConfig = require("./helpers/createEmptyDetailConfig");
+var _i18n = _interopRequireDefault(require("./i18n"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./QueriesNavigation.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-queries-navigation');
+var QueriesNavigation = exports.QueriesNavigation = function QueriesNavigation(_ref) {
+  var _resolveDetail;
+  var location = _ref.location,
+    onUpdate = _ref.onUpdate,
+    _ref$clusters = _ref.clusters,
+    clusters = _ref$clusters === void 0 ? [] : _ref$clusters,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    header = _ref.header,
+    search = _ref.search,
+    sort = _ref.sort,
+    listState = _ref.listState,
+    detail = _ref.detail,
+    renderClusterItem = _ref.renderClusterItem,
+    renderNavigationItem = _ref.renderNavigationItem,
+    onClusterClick = _ref.onClusterClick,
+    onItemClick = _ref.onItemClick,
+    className = _ref.className;
+  var _ref2 = listState !== null && listState !== void 0 ? listState : {},
+    loading = _ref2.loading,
+    error = _ref2.error,
+    hasMore = _ref2.hasMore,
+    onLoadMore = _ref2.onLoadMore;
+  var _ref3 = header !== null && header !== void 0 ? header : {},
+    actions = _ref3.actions,
+    onLoadSuggestions = _ref3.onLoadSuggestions;
+  var _ref4 = search !== null && search !== void 0 ? search : {},
+    searchValue = _ref4.value,
+    onSearchUpdate = _ref4.onUpdate;
+  var _ref5 = sort !== null && sort !== void 0 ? sort : {},
+    sortValue = _ref5.value,
+    onSortUpdate = _ref5.onUpdate;
+  var _ref6 = detail !== null && detail !== void 0 ? detail : {},
+    openedItem = _ref6.openedItem,
+    onItemOpen = _ref6.onItemOpen,
+    onDetailClose = _ref6.onClose,
+    resolveDetail = _ref6.resolve,
+    detailSearch = _ref6.search,
+    onDetailSearchUpdate = _ref6.onSearchUpdate,
+    detailActiveTab = _ref6.activeTab,
+    onDetailTabUpdate = _ref6.onTabUpdate,
+    detailActions = _ref6.actions;
+  var resolvedDetailActions = detailActions !== null && detailActions !== void 0 ? detailActions : actions;
+  var resolvedErrorContent = error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+    color: "danger",
+    className: block('error'),
+    children: error === true ? (0, _i18n.default)('alert_load-error') : error
+  }) : null;
+  var openedConfig = openedItem ? (_resolveDetail = resolveDetail === null || resolveDetail === void 0 ? void 0 : resolveDetail(openedItem)) !== null && _resolveDetail !== void 0 ? _resolveDetail : (0, _createEmptyDetailConfig.createEmptyDetailConfig)(openedItem) : undefined;
+  var body = function () {
+    if (loading) {
+      return {
+        type: 'loading'
+      };
+    }
+    if (openedItem && openedConfig) {
+      return {
+        type: 'details',
+        item: openedItem,
+        config: openedConfig
+      };
+    }
+    if (!location.cluster) {
+      return {
+        type: 'clusters'
+      };
+    }
+    return {
+      type: 'items'
+    };
+  }();
+  var handleNavigate = function handleNavigate(next) {
+    onDetailClose === null || onDetailClose === void 0 || onDetailClose();
+    onUpdate(next);
+  };
+  var handleClusterClick = function handleClusterClick(cluster) {
+    handleNavigate({
+      cluster: cluster.id,
+      path: undefined
+    });
+    onClusterClick === null || onClusterClick === void 0 || onClusterClick(cluster);
+  };
+  var handleItemClick = function handleItemClick(item) {
+    if (item.hasChildren) {
+      handleNavigate({
+        cluster: location.cluster,
+        path: item.path
+      });
+    } else {
+      onItemOpen === null || onItemOpen === void 0 || onItemOpen(item);
+    }
+    onItemClick === null || onItemClick === void 0 || onItemClick(item);
+  };
+  if (body.type === 'details') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.NavigationDetail, {
+      config: body.config,
+      location: {
+        cluster: location.cluster,
+        path: body.item.path
+      },
+      actions: resolvedDetailActions,
+      onUpdate: handleNavigate,
+      onLoadSuggestions: onLoadSuggestions,
+      search: detailSearch,
+      onSearchUpdate: onDetailSearchUpdate,
+      activeTab: detailActiveTab,
+      onTabUpdate: onDetailTabUpdate,
+      className: block(null, className)
+    }, body.item.path);
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 1,
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.NavigationHeader, {
+      location: location,
+      actions: actions,
+      onUpdate: handleNavigate,
+      onLoadSuggestions: onLoadSuggestions
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchWithButtons, {
+      placeholder: (0, _i18n.default)('field_search-placeholder'),
+      value: searchValue,
+      onUpdate: onSearchUpdate
+    }), body.type === 'clusters' || body.type === 'loading' && !location.cluster ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.ClustersList, {
+      items: clusters,
+      loading: loading,
+      error: resolvedErrorContent,
+      hasMore: hasMore,
+      onLoadMore: onLoadMore,
+      emptyContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EmptyContent, {
+        variant: searchValue ? 'nothing-found' : 'no-clusters'
+      }),
+      renderRowItem: renderClusterItem,
+      onItemClick: handleClusterClick
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.NavigationItemsList, {
+      items: items,
+      path: location.path,
+      search: searchValue,
+      sort: sortValue,
+      onSortUpdate: onSortUpdate,
+      titleLabel: (0, _i18n.default)('title_name'),
+      loading: loading,
+      error: resolvedErrorContent,
+      hasMore: hasMore,
+      onLoadMore: onLoadMore,
+      emptyContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EmptyContent, {
+        variant: searchValue ? 'nothing-found' : 'no-files'
+      }),
+      renderRowItem: renderNavigationItem,
+      onItemClick: handleItemClick
+    })]
+  });
+};
+// #sourceMappingURL=QueriesNavigation.js.map

package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_modules","_components","_createEmptyDetailConfig","_i18n","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","QueriesNavigation","exports","_ref","_resolveDetail","location","onUpdate","_ref$clusters","clusters","_ref$items","items","header","search","sort","listState","detail","renderClusterItem","renderNavigationItem","onClusterClick","onItemClick","className","_ref2","loading","error","hasMore","onLoadMore","_ref3","actions","onLoadSuggestions","_ref4","searchValue","value","onSearchUpdate","_ref5","sortValue","onSortUpdate","_ref6","openedItem","onItemOpen","onDetailClose","onClose","resolveDetail","resolve","detailSearch","onDetailSearchUpdate","detailActiveTab","activeTab","onDetailTabUpdate","onTabUpdate","detailActions","resolvedDetailActions","resolvedErrorContent","_jsx","Text","color","children","i18n","openedConfig","createEmptyDetailConfig","undefined","body","type","item","config","cluster","handleNavigate","next","handleClusterClick","id","path","handleItemClick","hasChildren","NavigationDetail","_jsxs","Flex","direction","gap","NavigationHeader","SearchWithButtons","placeholder","ClustersList","emptyContent","EmptyContent","variant","renderRowItem","NavigationItemsList","titleLabel"],"sources":["QueriesNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {ClustersList, NavigationDetail, NavigationHeader, NavigationItemsList} from '../../modules';\nimport {EmptyContent, SearchWithButtons} from '../../components';\nimport {\n    NavigationCluster,\n    NavigationDetailConfig,\n    NavigationDetailPanelConfig,\n    NavigationHeaderConfig,\n    NavigationItem,\n    NavigationListStateConfig,\n    NavigationLocation,\n    NavigationSearchConfig,\n    NavigationSortConfig,\n    RenderNavigationCluster,\n    RenderNavigationItem,\n} from '../../types/navigation';\nimport {createEmptyDetailConfig} from './helpers/createEmptyDetailConfig';\nimport i18n from './i18n';\nimport cn from 'bem-cn-lite';\nimport './QueriesNavigation.scss';\n\nconst block = cn('qp-queries-navigation');\n\nexport type QueriesNavigationProps<\n    TItem extends NavigationItem = NavigationItem,\n    TCluster extends NavigationCluster = NavigationCluster,\n> = {\n    location: NavigationLocation;\n    onUpdate: (location: NavigationLocation) => void;\n    clusters?: TCluster[];\n    items?: TItem[];\n    header?: NavigationHeaderConfig;\n    search?: NavigationSearchConfig;\n    sort?: NavigationSortConfig;\n    listState?: NavigationListStateConfig;\n    detail?: NavigationDetailPanelConfig<TItem>;\n    renderClusterItem?: RenderNavigationCluster<TCluster>;\n    renderNavigationItem?: RenderNavigationItem<TItem>;\n    onClusterClick?: (cluster: TCluster) => void;\n    onItemClick?: (item: TItem) => void;\n    className?: string;\n};\n\ntype NavigationBody<TItem extends NavigationItem> =\n    | {type: 'loading'}\n    | {type: 'details'; item: TItem; config: NavigationDetailConfig}\n    | {type: 'clusters'}\n    | {type: 'items'};\n\nexport const QueriesNavigation = <\n    TItem extends NavigationItem = NavigationItem,\n    TCluster extends NavigationCluster = NavigationCluster,\n>({\n    location,\n    onUpdate,\n    clusters = [],\n    items = [],\n    header,\n    search,\n    sort,\n    listState,\n    detail,\n    renderClusterItem,\n    renderNavigationItem,\n    onClusterClick,\n    onItemClick,\n    className,\n}: QueriesNavigationProps<TItem, TCluster>) => {\n    const {loading, error, hasMore, onLoadMore} = listState ?? {};\n    const {actions, onLoadSuggestions} = header ?? {};\n    const {value: searchValue, onUpdate: onSearchUpdate} = search ?? {};\n    const {value: sortValue, onUpdate: onSortUpdate} = sort ?? {};\n    const {\n        openedItem,\n        onItemOpen,\n        onClose: onDetailClose,\n        resolve: resolveDetail,\n        search: detailSearch,\n        onSearchUpdate: onDetailSearchUpdate,\n        activeTab: detailActiveTab,\n        onTabUpdate: onDetailTabUpdate,\n        actions: detailActions,\n    } = detail ?? {};\n\n    const resolvedDetailActions = detailActions ?? actions;\n\n    const resolvedErrorContent = error ? (\n        <Text color=\"danger\" className={block('error')}>\n            {error === true ? i18n('alert_load-error') : error}\n        </Text>\n    ) : null;\n\n    const openedConfig = openedItem\n        ? (resolveDetail?.(openedItem) ?? createEmptyDetailConfig(openedItem))\n        : undefined;\n\n    const body: NavigationBody<TItem> = (() => {\n        if (loading) {\n            return {type: 'loading'};\n        }\n        if (openedItem && openedConfig) {\n            return {type: 'details', item: openedItem, config: openedConfig};\n        }\n        if (!location.cluster) {\n            return {type: 'clusters'};\n        }\n        return {type: 'items'};\n    })();\n\n    const handleNavigate = (next: NavigationLocation) => {\n        onDetailClose?.();\n        onUpdate(next);\n    };\n\n    const handleClusterClick = (cluster: TCluster) => {\n        handleNavigate({cluster: cluster.id, path: undefined});\n        onClusterClick?.(cluster);\n    };\n\n    const handleItemClick = (item: TItem) => {\n        if (item.hasChildren) {\n            handleNavigate({cluster: location.cluster, path: item.path});\n        } else {\n            onItemOpen?.(item);\n        }\n        onItemClick?.(item);\n    };\n\n    if (body.type === 'details') {\n        return (\n            <NavigationDetail\n                key={body.item.path}\n                config={body.config}\n                location={{cluster: location.cluster, path: body.item.path}}\n                actions={resolvedDetailActions}\n                onUpdate={handleNavigate}\n                onLoadSuggestions={onLoadSuggestions}\n                search={detailSearch}\n                onSearchUpdate={onDetailSearchUpdate}\n                activeTab={detailActiveTab}\n                onTabUpdate={onDetailTabUpdate}\n                className={block(null, className)}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <NavigationHeader\n                location={location}\n                actions={actions}\n                onUpdate={handleNavigate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            <SearchWithButtons\n                placeholder={i18n('field_search-placeholder')}\n                value={searchValue}\n                onUpdate={onSearchUpdate}\n            />\n            {body.type === 'clusters' || (body.type === 'loading' && !location.cluster) ? (\n                <ClustersList<TCluster>\n                    items={clusters}\n                    loading={loading}\n                    error={resolvedErrorContent}\n                    hasMore={hasMore}\n                    onLoadMore={onLoadMore}\n                    emptyContent={\n                        <EmptyContent variant={searchValue ? 'nothing-found' : 'no-clusters'} />\n                    }\n                    renderRowItem={renderClusterItem}\n                    onItemClick={handleClusterClick}\n                />\n            ) : (\n                <NavigationItemsList<TItem>\n                    items={items}\n                    path={location.path}\n                    search={searchValue}\n                    sort={sortValue}\n                    onSortUpdate={onSortUpdate}\n                    titleLabel={i18n('title_name')}\n                    loading={loading}\n                    error={resolvedErrorContent}\n                    hasMore={hasMore}\n                    onLoadMore={onLoadMore}\n                    emptyContent={\n                        <EmptyContent variant={searchValue ? 'nothing-found' : 'no-files'} />\n                    }\n                    renderRowItem={renderNavigationItem}\n                    onItemClick={handleItemClick}\n                />\n            )}\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/widgets/QueriesNavigation/QueriesNavigation.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueriesNavigation } from './QueriesNavigation';
+declare const meta: Meta<typeof QueriesNavigation>;
+export default meta;
+type Story = StoryObj<typeof QueriesNavigation>;
+export declare const ClustersToItems: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const EmptySearch: Story;
+export declare const Error: Story;
+export declare const CustomRows: Story;
+export declare const CustomDetailResolver: Story;