@gravity-ui/querieskit 1.2.0 → 1.3.0

package/build/cjs/modules/Attachments/i18n/dicts.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en.json"));
+var _ru = _interopRequireDefault(require("./ru.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  en: _en.default,
+  ru: _ru.default
+};
+// #sourceMappingURL=dicts.js.map

package/build/cjs/modules/Attachments/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/cjs/modules/Attachments/i18n/en.json

@@ -0,0 +1,5 @@
+{
+  "action_add-file": "File",
+  "action_add-link": "Link",
+  "action_remove-all": "Remove all"
+}

package/build/cjs/modules/Attachments/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "action_add-file" | "action_add-link" | "action_remove-all", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:attachments": Record<"action_add-file" | "action_add-link" | "action_remove-all", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/modules/Attachments/i18n/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("../../../i18n");
+var _dicts = _interopRequireDefault(require("./dicts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:attachments', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/modules/Attachments/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:attachments', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,gBAAgB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/modules/Attachments/i18n/ru.json

@@ -0,0 +1,5 @@
+{
+  "action_add-file": "Файл",
+  "action_add-link": "Ссылка",
+  "action_remove-all": "Удалить все"
+}

package/build/cjs/modules/Attachments/index.d.ts

@@ -0,0 +1,2 @@
+export { Attachments } from './Attachments';
+export type { AttachmentsProps, AttachItem } from './Attachments';

package/build/cjs/modules/Attachments/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Attachments", {
+  enumerable: true,
+  get: function () {
+    return _Attachments.Attachments;
+  }
+});
+var _Attachments = require("./Attachments");
+// #sourceMappingURL=index.js.map

package/build/cjs/modules/Attachments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Attachments","require"],"sources":["index.ts"],"sourcesContent":["export {Attachments} from './Attachments';\nexport type {AttachmentsProps, AttachItem} from './Attachments';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/modules/NavigationPreview/NavigationPreview.css

@@ -9,7 +9,13 @@
   overflow-x: auto;
 }
 .qp-navigation-preview .data-table__row,
-.qp-navigation-preview .data-table__head {
+.qp-navigation-preview .data-table__head-row {
+  height: 40px;
+}
+.qp-navigation-preview .data-table__box_sticky-head_moving .data-table__head-row {
+  height: auto;
+}
+.qp-navigation-preview .data-table__sticky_head .data-table__head-row {
   height: 40px;
 }
 .qp-navigation-preview .data-table__th,

package/build/cjs/modules/NavigationPreview/NavigationPreview.css.map

@@ -1 +1 @@
-{"version":3,"sources":["NavigationPreview.scss"],"names":[],"mappings":"AAAA;EACE,sDAAA;EAEA,YAAA;AAAF;AAEE;EACE,cAAA;AAAJ;AAGE;EACE,gBAAA;AADJ;AAIE;;EAEE,YAAA;AAFJ;AAKE;;EAEE,qBAAA;EACA,sBAAA;AAHJ","file":"NavigationPreview.css","sourcesContent":[".qp-navigation-preview {\n  --data-table-border-color: var(--g-color-line-generic);\n\n  min-width: 0;\n\n  &__error {\n    display: block;\n  }\n\n  &__table {\n    overflow-x: auto;\n  }\n\n  .data-table__row,\n  .data-table__head {\n    height: 40px;\n  }\n\n  .data-table__th,\n  .data-table__td {\n    border-width: 0 0 1px;\n    vertical-align: middle;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["NavigationPreview.scss"],"names":[],"mappings":"AAAA;EACI,sDAAA;EAEA,YAAA;AAAJ;AAEI;EACI,cAAA;AAAR;AAGI;EACI,gBAAA;AADR;AAII;;EAEI,YAAA;AAFR;AAKI;EACI,YAAA;AAHR;AAMI;EACI,YAAA;AAJR;AAOI;;EAEI,qBAAA;EACA,sBAAA;AALR","file":"NavigationPreview.css","sourcesContent":[".qp-navigation-preview {\n    --data-table-border-color: var(--g-color-line-generic);\n\n    min-width: 0;\n\n    &__error {\n        display: block;\n    }\n\n    &__table {\n        overflow-x: auto;\n    }\n\n    .data-table__row,\n    .data-table__head-row {\n        height: 40px;\n    }\n\n    .data-table__box_sticky-head_moving .data-table__head-row {\n        height: auto;\n    }\n\n    .data-table__sticky_head .data-table__head-row {\n        height: 40px;\n    }\n\n    .data-table__th,\n    .data-table__td {\n        border-width: 0 0 1px;\n        vertical-align: middle;\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/modules/NavigationPreview/NavigationPreview.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { type Column } from '../../components';
-import type { NavigationPreviewConfig, NavigationPreviewRow } from '../../types/navigation';
+import type { NavigationPreviewConfig, NavigationPreviewFormatterConfig, NavigationPreviewRow } from '../../types/navigation';
 import './NavigationPreview.scss';
-export type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {
+export type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = NavigationPreviewFormatterConfig & {
     tableColumns?: Array<Column<TRow>>;
     extraColumns?: Array<Column<TRow>>;
 };

package/build/cjs/modules/NavigationPreview/NavigationPreview.js

@@ -10,6 +10,7 @@ require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.iterator.constructor.js");
 require("core-js/modules/es.iterator.filter.js");
 require("core-js/modules/es.iterator.map.js");
@@ -30,6 +31,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var block = (0, _bemCnLite.default)('qp-navigation-preview');
+function getColumnName(column) {
+  return typeof column === 'string' ? column : column.name;
+}
+function isQueryResultColumn(column) {
+  return typeof column !== 'string';
+}
 function NavigationPreview(_ref) {
   var data = _ref.data,
     view = _ref.view,
@@ -49,8 +56,13 @@ function NavigationPreview(_ref) {
     errorContent = data.errorContent;
   var _ref2 = view !== null && view !== void 0 ? view : {},
     tableColumns = _ref2.tableColumns,
-    extraColumns = _ref2.extraColumns;
-  var _useVisibleColumns = (0, _useVisibleColumns3.useVisibleColumns)(columns, {
+    extraColumns = _ref2.extraColumns,
+    formatterSettings = _ref2.formatterSettings,
+    maxVisibleLines = _ref2.maxVisibleLines;
+  var columnNames = (0, _react.useMemo)(function () {
+    return columns.map(getColumnName);
+  }, [columns]);
+  var _useVisibleColumns = (0, _useVisibleColumns3.useVisibleColumns)(columnNames, {
       value: visibleColumns,
       onChange: onVisibleColumnsChange,
       defaultValue: defaultVisibleColumns
@@ -58,11 +70,18 @@ function NavigationPreview(_ref) {
     _useVisibleColumns2 = (0, _slicedToArray2.default)(_useVisibleColumns, 2),
     activeVisibleColumns = _useVisibleColumns2[0],
     handleVisibleColumnsChange = _useVisibleColumns2[1];
-  var displayedColumnNames = (0, _react.useMemo)(function () {
+  var displayedColumns = (0, _react.useMemo)(function () {
     return columns.filter(function (column) {
-      return activeVisibleColumns.includes(column);
+      return activeVisibleColumns.includes(getColumnName(column));
     });
   }, [columns, activeVisibleColumns]);
+  var displayedColumnNames = (0, _react.useMemo)(function () {
+    return displayedColumns.map(getColumnName);
+  }, [displayedColumns]);
+  var typedColumns = (0, _react.useMemo)(function () {
+    return displayedColumns.filter(isQueryResultColumn);
+  }, [displayedColumns]);
+  var canUseQueryResultsTable = !tableColumns && !(extraColumns !== null && extraColumns !== void 0 && extraColumns.length) && typedColumns.length === displayedColumns.length;
   var resolvedColumns = (0, _react.useMemo)(function () {
     if (tableColumns) {
       return tableColumns;
@@ -71,9 +90,10 @@ function NavigationPreview(_ref) {
   }, [tableColumns, extraColumns, displayedColumnNames]);
   var fieldsOptions = (0, _react.useMemo)(function () {
     return columns.map(function (column) {
+      var _column$header;
       return {
-        id: column,
-        title: column
+        id: getColumnName(column),
+        title: typeof column === 'string' ? column : (_column$header = column.header) !== null && _column$header !== void 0 ? _column$header : column.name
       };
     });
   }, [columns]);
@@ -99,7 +119,17 @@ function NavigationPreview(_ref) {
       visibleFields: activeVisibleColumns,
       onVisibleFieldsChange: handleVisibleColumnsChange,
       hideFieldsSelector: hideFieldsSelector
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DataTable, {
+    }), canUseQueryResultsTable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.QueryResultsTable, {
+      columns: typedColumns,
+      rows: filteredRows,
+      loading: loading,
+      loaded: loaded,
+      formatterSettings: formatterSettings,
+      maxVisibleLines: maxVisibleLines,
+      emptyVariant: search ? 'nothing-found' : 'no-data',
+      displayIndices: false,
+      className: block('table')
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DataTable, {
       columns: resolvedColumns,
       data: filteredRows,
       loading: loading,

package/build/cjs/modules/NavigationPreview/NavigationPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_useVisibleColumns3","_buildPreviewColumns","_filterPreviewRows","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationPreview","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","rows","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","_useVisibleColumns","useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumnNames","useMemo","filter","column","includes","resolvedColumns","concat","_toConsumableArray","buildPreviewColumns","i18n","fieldsOptions","map","id","title","filteredRows","filterPreviewRows","_jsx","Text","color","children","_jsxs","Flex","direction","gap","FieldsSearchToolbar","fields","visibleFields","onVisibleFieldsChange","DataTable","emptyVariant","settings","displayIndices"],"sources":["NavigationPreview.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, FieldsSearchToolbar} from '../../components';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {NavigationPreviewConfig, NavigationPreviewRow} from '../../types/navigation';\nimport {buildPreviewColumns} from './helpers/buildPreviewColumns';\nimport {filterPreviewRows} from './helpers/filterPreviewRows';\nimport i18n from './i18n';\nimport './NavigationPreview.scss';\n\nconst block = cn('qp-navigation-preview');\n\nexport type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    {\n        tableColumns?: Array<Column<TRow>>;\n        extraColumns?: Array<Column<TRow>>;\n    };\n\nexport type NavigationPreviewProps<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {\n    data: NavigationPreviewConfig<TRow>;\n    view?: NavigationPreviewViewConfig<TRow>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n    visibleColumns?: string[];\n    onVisibleColumnsChange?: (value: string[]) => void;\n    defaultVisibleColumns?: string[];\n    hideToolbar?: boolean;\n    hideFieldsSelector?: boolean;\n    className?: string;\n};\n\nexport function NavigationPreview<TRow extends NavigationPreviewRow = NavigationPreviewRow>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationPreviewProps<TRow>) {\n    const {columns, rows, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns} = view ?? {};\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(columns, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumnNames = useMemo(\n        () => columns.filter((column) => activeVisibleColumns.includes(column)),\n        [columns, activeVisibleColumns],\n    );\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildPreviewColumns<TRow>(displayedColumnNames, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, displayedColumnNames]);\n\n    const fieldsOptions = useMemo(\n        () => columns.map((column) => ({id: column, title: column})),\n        [columns],\n    );\n\n    const filteredRows = useMemo(\n        () => filterPreviewRows(rows, displayedColumnNames, search),\n        [rows, displayedColumnNames, search],\n    );\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            <DataTable<TRow>\n                columns={resolvedColumns}\n                data={filteredRows}\n                loading={loading}\n                loaded={loaded}\n                emptyVariant={search ? 'nothing-found' : 'no-data'}\n                settings={{displayIndices: false}}\n                className={block('table')}\n            />\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_components","_useVisibleColumns3","_buildPreviewColumns","_filterPreviewRows","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","getColumnName","column","name","isQueryResultColumn","NavigationPreview","_ref","data","view","search","onSearchUpdate","searchPlaceholder","visibleColumns","onVisibleColumnsChange","defaultVisibleColumns","hideToolbar","hideFieldsSelector","className","columns","rows","loading","loaded","errorContent","_ref2","tableColumns","extraColumns","formatterSettings","maxVisibleLines","columnNames","useMemo","map","_useVisibleColumns","useVisibleColumns","value","onChange","defaultValue","_useVisibleColumns2","_slicedToArray","activeVisibleColumns","handleVisibleColumnsChange","displayedColumns","filter","includes","displayedColumnNames","typedColumns","canUseQueryResultsTable","length","resolvedColumns","concat","_toConsumableArray","buildPreviewColumns","i18n","fieldsOptions","_column$header","id","title","header","filteredRows","filterPreviewRows","_jsx","Text","color","children","_jsxs","Flex","direction","gap","FieldsSearchToolbar","fields","visibleFields","onVisibleFieldsChange","QueryResultsTable","emptyVariant","displayIndices","DataTable","settings"],"sources":["NavigationPreview.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, FieldsSearchToolbar, QueryResultsTable} from '../../components';\nimport {useVisibleColumns} from '../../helpers/useVisibleColumns';\nimport type {\n    NavigationPreviewColumn,\n    NavigationPreviewConfig,\n    NavigationPreviewFormatterConfig,\n    NavigationPreviewRow,\n} from '../../types/navigation';\nimport type {QueryResultColumn} from '../../types/queryResults';\nimport {buildPreviewColumns} from './helpers/buildPreviewColumns';\nimport {filterPreviewRows} from './helpers/filterPreviewRows';\nimport i18n from './i18n';\nimport './NavigationPreview.scss';\n\nconst block = cn('qp-navigation-preview');\n\nexport type NavigationPreviewViewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationPreviewFormatterConfig & {\n        tableColumns?: Array<Column<TRow>>;\n        extraColumns?: Array<Column<TRow>>;\n    };\n\nexport type NavigationPreviewProps<TRow extends NavigationPreviewRow = NavigationPreviewRow> = {\n    data: NavigationPreviewConfig<TRow>;\n    view?: NavigationPreviewViewConfig<TRow>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n    visibleColumns?: string[];\n    onVisibleColumnsChange?: (value: string[]) => void;\n    defaultVisibleColumns?: string[];\n    hideToolbar?: boolean;\n    hideFieldsSelector?: boolean;\n    className?: string;\n};\n\nfunction getColumnName<TRow extends NavigationPreviewRow>(column: NavigationPreviewColumn<TRow>) {\n    return typeof column === 'string' ? column : column.name;\n}\n\nfunction isQueryResultColumn<TRow extends NavigationPreviewRow>(\n    column: NavigationPreviewColumn<TRow>,\n): column is QueryResultColumn<TRow> {\n    return typeof column !== 'string';\n}\n\nexport function NavigationPreview<TRow extends NavigationPreviewRow = NavigationPreviewRow>({\n    data,\n    view,\n    search,\n    onSearchUpdate,\n    searchPlaceholder,\n    visibleColumns,\n    onVisibleColumnsChange,\n    defaultVisibleColumns,\n    hideToolbar,\n    hideFieldsSelector,\n    className,\n}: NavigationPreviewProps<TRow>) {\n    const {columns, rows, loading, loaded, errorContent} = data;\n    const {tableColumns, extraColumns, formatterSettings, maxVisibleLines} = view ?? {};\n    const columnNames = useMemo(() => columns.map(getColumnName), [columns]);\n\n    const [activeVisibleColumns, handleVisibleColumnsChange] = useVisibleColumns(columnNames, {\n        value: visibleColumns,\n        onChange: onVisibleColumnsChange,\n        defaultValue: defaultVisibleColumns,\n    });\n\n    const displayedColumns = useMemo(\n        () => columns.filter((column) => activeVisibleColumns.includes(getColumnName(column))),\n        [columns, activeVisibleColumns],\n    );\n    const displayedColumnNames = useMemo(\n        () => displayedColumns.map(getColumnName),\n        [displayedColumns],\n    );\n    const typedColumns = useMemo(\n        () => displayedColumns.filter(isQueryResultColumn),\n        [displayedColumns],\n    );\n    const canUseQueryResultsTable =\n        !tableColumns && !extraColumns?.length && typedColumns.length === displayedColumns.length;\n\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildPreviewColumns<TRow>(displayedColumnNames, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, displayedColumnNames]);\n\n    const fieldsOptions = useMemo(\n        () =>\n            columns.map((column) => ({\n                id: getColumnName(column),\n                title: typeof column === 'string' ? column : (column.header ?? column.name),\n            })),\n        [columns],\n    );\n\n    const filteredRows = useMemo(\n        () => filterPreviewRows(rows, displayedColumnNames, search),\n        [rows, displayedColumnNames, search],\n    );\n\n    if (errorContent) {\n        return (\n            <Text color=\"danger\" className={block('error')}>\n                {errorContent}\n            </Text>\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {!hideToolbar && (\n                <FieldsSearchToolbar\n                    search={search}\n                    onSearchUpdate={onSearchUpdate}\n                    searchPlaceholder={searchPlaceholder}\n                    fields={fieldsOptions}\n                    visibleFields={activeVisibleColumns}\n                    onVisibleFieldsChange={handleVisibleColumnsChange}\n                    hideFieldsSelector={hideFieldsSelector}\n                />\n            )}\n            {canUseQueryResultsTable ? (\n                <QueryResultsTable<TRow>\n                    columns={typedColumns}\n                    rows={filteredRows}\n                    loading={loading}\n                    loaded={loaded}\n                    formatterSettings={formatterSettings}\n                    maxVisibleLines={maxVisibleLines}\n                    emptyVariant={search ? 'nothing-found' : 'no-data'}\n                    displayIndices={false}\n                    className={block('table')}\n                />\n            ) : (\n                <DataTable<TRow>\n                    columns={resolvedColumns}\n                    data={filteredRows}\n                    loading={loading}\n                    loaded={loaded}\n                    emptyVariant={search ? 'nothing-found' : 'no-data'}\n                    settings={{displayIndices: false}}\n                    className={block('table')}\n                />\n            )}\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/NavigationPreview/story/NavigationPreview.stories.d.ts

@@ -8,4 +8,5 @@ export declare const ControlledSearchAndColumns: Story;
 export declare const Loading: Story;
 export declare const Empty: Story;
 export declare const Error: Story;
+export declare const TypedValues: Story;
 export declare const CustomColumns: Story;

package/build/cjs/modules/NavigationPreview/story/NavigationPreview.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Loading = exports.Error = exports.Empty = exports.Default = exports.CustomColumns = exports.ControlledSearchAndColumns = void 0;
+exports.default = exports.TypedValues = exports.Loading = exports.Error = exports.Empty = exports.Default = exports.CustomColumns = exports.ControlledSearchAndColumns = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.map.js");
@@ -113,6 +113,30 @@ var Error = exports.Error = {
     }
   }
 };
+var TYPED_COLUMNS = [{
+  name: 'id',
+  type: ['DataType', 'Uint64']
+}, {
+  name: 'tags',
+  type: ['ListType', ['DataType', 'Utf8']]
+}, {
+  name: 'details',
+  type: ['StructType', [['name', ['DataType', 'Utf8']], ['score', ['DataType', 'Double']]]]
+}];
+var TYPED_ROWS = [{
+  id: 1,
+  tags: ['primary', 'preview'],
+  details: ['Result', 42.5]
+}];
+var TypedValues = exports.TypedValues = {
+  args: {
+    data: {
+      columns: TYPED_COLUMNS,
+      rows: TYPED_ROWS,
+      loaded: true
+    }
+  }
+};
 var CUSTOM_ROWS = _mockData.PREVIEW_ROWS.map(function (row, index) {
   return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, row), {}, {
     lock: index % 2 === 0 ? 'shared' : undefined

package/build/cjs/modules/NavigationPreview/story/NavigationPreview.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_","_mockData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","LockIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","meta","title","component","NavigationPreview","tags","parameters","layout","decorators","Story","style","_default","exports","Default","args","data","columns","PREVIEW_COLUMNS","rows","PREVIEW_ROWS","loaded","ControlledStory","_useState","useState","_useState2","_slicedToArray","search","setSearch","_useState3","_useState4","visibleColumns","setVisibleColumns","onSearchUpdate","onVisibleColumnsChange","ControlledSearchAndColumns","render","Loading","loading","Empty","Error","errorContent","CUSTOM_ROWS","map","row","index","lock","undefined","CustomColumns","view","extraColumns","name","header","_ref","Label","icon","Icon","size"],"sources":["NavigationPreview.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Icon, Label} from '@gravity-ui/uikit';\nimport LockIcon from '@gravity-ui/icons/svgs/lock.svg';\nimport {NavigationPreview} from '..';\nimport type {NavigationPreviewRow} from '../../../types/navigation';\nimport {PREVIEW_COLUMNS, PREVIEW_ROWS} from './mockData';\n\nconst meta: Meta<typeof NavigationPreview> = {\n    title: 'Modules/NavigationPreview',\n    component: NavigationPreview,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 560}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationPreview>;\n\nexport const Default: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: PREVIEW_ROWS, loaded: true},\n    },\n};\n\nconst ControlledStory = () => {\n    const [search, setSearch] = useState('');\n    const [visibleColumns, setVisibleColumns] = useState<string[]>(['id', 'title', 'status']);\n\n    return (\n        <NavigationPreview\n            data={{columns: PREVIEW_COLUMNS, rows: PREVIEW_ROWS, loaded: true}}\n            search={search}\n            onSearchUpdate={setSearch}\n            visibleColumns={visibleColumns}\n            onVisibleColumnsChange={setVisibleColumns}\n        />\n    );\n};\n\nexport const ControlledSearchAndColumns: Story = {\n    render: () => <ControlledStory />,\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {columns: [], rows: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: [], loaded: true},\n    },\n};\n\nexport const Error: Story = {\n    args: {\n        data: {columns: [], rows: [], errorContent: 'Failed to load table preview'},\n    },\n};\n\ntype CustomRow = NavigationPreviewRow & {lock?: string};\n\nconst CUSTOM_ROWS: CustomRow[] = PREVIEW_ROWS.map((row, index) => ({\n    ...row,\n    lock: index % 2 === 0 ? 'shared' : undefined,\n}));\n\nexport const CustomColumns: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: CUSTOM_ROWS, loaded: true},\n        view: {\n            extraColumns: [\n                {\n                    name: 'lock',\n                    header: 'Lock',\n                    render: ({row}) =>\n                        (row as CustomRow).lock ? (\n                            <Label icon={<Icon data={LockIcon} size={12} />}>\n                                {(row as CustomRow).lock}\n                            </Label>\n                        ) : (\n                            '—'\n                        ),\n                },\n            ],\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_","_mockData","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","LockIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","meta","title","component","NavigationPreview","tags","parameters","layout","decorators","Story","style","_default","exports","Default","args","data","columns","PREVIEW_COLUMNS","rows","PREVIEW_ROWS","loaded","ControlledStory","_useState","useState","_useState2","_slicedToArray","search","setSearch","_useState3","_useState4","visibleColumns","setVisibleColumns","onSearchUpdate","onVisibleColumnsChange","ControlledSearchAndColumns","render","Loading","loading","Empty","Error","errorContent","TYPED_COLUMNS","name","type","TYPED_ROWS","id","details","TypedValues","CUSTOM_ROWS","map","row","index","lock","undefined","CustomColumns","view","extraColumns","header","_ref","Label","icon","Icon","size"],"sources":["NavigationPreview.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Icon, Label} from '@gravity-ui/uikit';\nimport LockIcon from '@gravity-ui/icons/svgs/lock.svg';\nimport {NavigationPreview} from '..';\nimport type {NavigationPreviewColumn, NavigationPreviewRow} from '../../../types/navigation';\nimport {PREVIEW_COLUMNS, PREVIEW_ROWS} from './mockData';\n\nconst meta: Meta<typeof NavigationPreview> = {\n    title: 'Modules/NavigationPreview',\n    component: NavigationPreview,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 560}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationPreview>;\n\nexport const Default: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: PREVIEW_ROWS, loaded: true},\n    },\n};\n\nconst ControlledStory = () => {\n    const [search, setSearch] = useState('');\n    const [visibleColumns, setVisibleColumns] = useState<string[]>(['id', 'title', 'status']);\n\n    return (\n        <NavigationPreview\n            data={{columns: PREVIEW_COLUMNS, rows: PREVIEW_ROWS, loaded: true}}\n            search={search}\n            onSearchUpdate={setSearch}\n            visibleColumns={visibleColumns}\n            onVisibleColumnsChange={setVisibleColumns}\n        />\n    );\n};\n\nexport const ControlledSearchAndColumns: Story = {\n    render: () => <ControlledStory />,\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {columns: [], rows: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: [], loaded: true},\n    },\n};\n\nexport const Error: Story = {\n    args: {\n        data: {columns: [], rows: [], errorContent: 'Failed to load table preview'},\n    },\n};\n\nconst TYPED_COLUMNS: Array<NavigationPreviewColumn<NavigationPreviewRow>> = [\n    {name: 'id', type: ['DataType', 'Uint64']},\n    {name: 'tags', type: ['ListType', ['DataType', 'Utf8']]},\n    {\n        name: 'details',\n        type: [\n            'StructType',\n            [\n                ['name', ['DataType', 'Utf8']],\n                ['score', ['DataType', 'Double']],\n            ],\n        ],\n    },\n];\n\nconst TYPED_ROWS: NavigationPreviewRow[] = [\n    {id: 1, tags: ['primary', 'preview'], details: ['Result', 42.5]},\n];\n\nexport const TypedValues: Story = {\n    args: {\n        data: {columns: TYPED_COLUMNS, rows: TYPED_ROWS, loaded: true},\n    },\n};\n\ntype CustomRow = NavigationPreviewRow & {lock?: string};\n\nconst CUSTOM_ROWS: CustomRow[] = PREVIEW_ROWS.map((row, index) => ({\n    ...row,\n    lock: index % 2 === 0 ? 'shared' : undefined,\n}));\n\nexport const CustomColumns: Story = {\n    args: {\n        data: {columns: PREVIEW_COLUMNS, rows: CUSTOM_ROWS, loaded: true},\n        view: {\n            extraColumns: [\n                {\n                    name: 'lock',\n                    header: 'Lock',\n                    render: ({row}) =>\n                        (row as CustomRow).lock ? (\n                            <Label icon={<Icon data={LockIcon} size={12} />}>\n                                {(row as CustomRow).lock}\n                            </Label>\n                        ) : (\n                            '—'\n                        ),\n                },\n            ],\n        },\n    },\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,CAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAJX,IACvCoB,QAAQ,YAARA,QAAQA,CAAAC,KAAA;EAAA,wBAAAC,eAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,mBAAAF,eAAA;MAAAG,IAAA;MAAAC,QAAA;MAAAC,CAAA;MAAAC,QAAA;IAAA;EAAA;AAAA;AAARR,QAAQ,CAAAS,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAP,IAAA;EAAAQ,OAAA;AAAA;AAKf,IAAMC,IAAoC,GAAG;EACzCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEC,mBAAiB;EAC5BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE,CACR,UAACC,KAAK;IAAA,oBACF,IAAApB,eAAA;MAAKqB,KAAK,EAAE;QAACZ,KAAK,EAAE;MAAG,CAAE;MAAAP,QAAA,eACrB,IAAAF,eAAA,EAACoB,KAAK,IAAE;IAAC,CACR,CAAC;EAAA,CACT;AAET,CAAC;AAAA,IAAAE,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEcwB,IAAI;AAGZ,IAAMY,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG;EAC1BC,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,OAAO,EAAEC,yBAAe;MAAEC,IAAI,EAAEC,sBAAY;MAAEC,MAAM,EAAE;IAAI;EACrE;AACJ,CAAC;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EAC1B,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,EAAE,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAAjCI,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EACxB,IAAAI,UAAA,GAA4C,IAAAL,eAAQ,EAAW,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;IAAAM,UAAA,OAAAJ,uBAAA,EAAAG,UAAA;IAAlFE,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EAExC,oBACI,IAAAxC,eAAA,EAACe,mBAAiB;IACdW,IAAI,EAAE;MAACC,OAAO,EAAEC,yBAAe;MAAEC,IAAI,EAAEC,sBAAY;MAAEC,MAAM,EAAE;IAAI,CAAE;IACnEM,MAAM,EAAEA,MAAO;IACfM,cAAc,EAAEL,SAAU;IAC1BG,cAAc,EAAEA,cAAe;IAC/BG,sBAAsB,EAAEF;EAAkB,CAC7C,CAAC;AAEV,CAAC;AAEM,IAAMG,0BAAiC,GAAAtB,OAAA,CAAAsB,0BAAA,GAAG;EAC7CC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ,IAAA9C,eAAA,EAACgC,eAAe,IAAE,CAAC;EAAA;AACrC,CAAC;AAEM,IAAMe,OAAc,GAAAxB,OAAA,CAAAwB,OAAA,GAAG;EAC1BtB,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,OAAO,EAAE,EAAE;MAAEE,IAAI,EAAE,EAAE;MAAEmB,OAAO,EAAE;IAAI;EAC/C;AACJ,CAAC;AAEM,IAAMC,KAAY,GAAA1B,OAAA,CAAA0B,KAAA,GAAG;EACxBxB,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,OAAO,EAAEC,yBAAe;MAAEC,IAAI,EAAE,EAAE;MAAEE,MAAM,EAAE;IAAI;EAC3D;AACJ,CAAC;AAEM,IAAMmB,KAAY,GAAA3B,OAAA,CAAA2B,KAAA,GAAG;EACxBzB,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,OAAO,EAAE,EAAE;MAAEE,IAAI,EAAE,EAAE;MAAEsB,YAAY,EAAE;IAA8B;EAC9E;AACJ,CAAC;AAED,IAAMC,aAAmE,GAAG,CACxE;EAACC,IAAI,EAAE,IAAI;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ;AAAC,CAAC,EAC1C;EAACD,IAAI,EAAE,MAAM;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;AAAC,CAAC,EACxD;EACID,IAAI,EAAE,SAAS;EACfC,IAAI,EAAE,CACF,YAAY,EACZ,CACI,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,EAC9B,CAAC,OAAO,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CACpC;AAET,CAAC,CACJ;AAED,IAAMC,UAAkC,GAAG,CACvC;EAACC,EAAE,EAAE,CAAC;EAAExC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;EAAEyC,OAAO,EAAE,CAAC,QAAQ,EAAE,IAAI;AAAC,CAAC,CACnE;AAEM,IAAMC,WAAkB,GAAAnC,OAAA,CAAAmC,WAAA,GAAG;EAC9BjC,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,OAAO,EAAEyB,aAAa;MAAEvB,IAAI,EAAE0B,UAAU;MAAExB,MAAM,EAAE;IAAI;EACjE;AACJ,CAAC;AAID,IAAM4B,WAAwB,GAAG7B,sBAAY,CAAC8B,GAAG,CAAC,UAACC,GAAG,EAAEC,KAAK;EAAA,WAAA7D,sBAAA,MAAAA,sBAAA,MACtD4D,GAAG;IACNE,IAAI,EAAED,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,QAAQ,GAAGE;EAAS;AAAA,CAC9C,CAAC;AAEI,IAAMC,aAAoB,GAAA1C,OAAA,CAAA0C,aAAA,GAAG;EAChCxC,IAAI,EAAE;IACFC,IAAI,EAAE;MAACC,OAAO,EAAEC,yBAAe;MAAEC,IAAI,EAAE8B,WAAW;MAAE5B,MAAM,EAAE;IAAI,CAAC;IACjEmC,IAAI,EAAE;MACFC,YAAY,EAAE,CACV;QACId,IAAI,EAAE,MAAM;QACZe,MAAM,EAAE,MAAM;QACdtB,MAAM,EAAE,SAARA,MAAMA,CAAAuB,IAAA;UAAA,IAAIR,GAAG,GAAAQ,IAAA,CAAHR,GAAG;UAAA,OACRA,GAAG,CAAeE,IAAI,gBACnB,IAAA/D,eAAA,EAACsE,YAAK;YAACC,IAAI,eAAE,IAAAvE,eAAA,EAACwE,WAAI;cAAC9C,IAAI,EAAE5B,QAAS;cAAC2E,IAAI,EAAE;YAAG,CAAE,CAAE;YAAAvE,QAAA,EAC1C2D,GAAG,CAAeE;UAAI,CACrB,CAAC,GAER,GACH;QAAA;MACT,CAAC;IAET;EACJ;AACJ,CAAC","ignoreList":[]}

package/build/cjs/modules/NavigationPreview/story/mockData.d.ts

@@ -1,3 +1,3 @@
-import type { NavigationPreviewRow } from '../../../types/navigation';
-export declare const PREVIEW_COLUMNS: string[];
+import type { NavigationPreviewColumn, NavigationPreviewRow } from '../../../types/navigation';
+export declare const PREVIEW_COLUMNS: Array<NavigationPreviewColumn<NavigationPreviewRow>>;
 export declare const PREVIEW_ROWS: NavigationPreviewRow[];

package/build/cjs/modules/NavigationPreview/story/mockData.js

@@ -4,19 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PREVIEW_ROWS = exports.PREVIEW_COLUMNS = void 0;
-var PREVIEW_COLUMNS = exports.PREVIEW_COLUMNS = ['id', 'created_at', 'title', 'status'];
+var PREVIEW_COLUMNS = exports.PREVIEW_COLUMNS = [{
+  name: 'id',
+  type: ['DataType', 'Int32']
+}, {
+  name: 'created_at',
+  type: ['DataType', 'Utf8']
+}, {
+  name: 'title',
+  type: ['DataType', 'Utf8']
+}, {
+  name: 'status',
+  type: ['DataType', 'Utf8']
+}];
 var PREVIEW_ROWS = exports.PREVIEW_ROWS = [{
-  id: '1',
+  id: 1,
   created_at: '2024-01-01T10:00:00Z',
   title: 'First row',
   status: 'active'
 }, {
-  id: '2',
+  id: 2,
   created_at: '2024-01-02T11:30:00Z',
   title: 'Second row',
   status: 'active'
 }, {
-  id: '3',
+  id: 3,
   created_at: '2024-01-03T09:15:00Z',
   title: 'Third row',
   status: 'archived'

package/build/cjs/modules/NavigationPreview/story/mockData.js.map

@@ -1 +1 @@
-{"version":3,"names":["PREVIEW_COLUMNS","exports","PREVIEW_ROWS","id","created_at","title","status"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationPreviewRow} from '../../../types/navigation';\n\nexport const PREVIEW_COLUMNS = ['id', 'created_at', 'title', 'status'];\n\nexport const PREVIEW_ROWS: NavigationPreviewRow[] = [\n    {id: '1', created_at: '2024-01-01T10:00:00Z', title: 'First row', status: 'active'},\n    {id: '2', created_at: '2024-01-02T11:30:00Z', title: 'Second row', status: 'active'},\n    {id: '3', created_at: '2024-01-03T09:15:00Z', title: 'Third row', status: 'archived'},\n];\n"],"mappings":";;;;;;AAEO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,CAAC;AAE/D,IAAME,YAAoC,GAAAD,OAAA,CAAAC,YAAA,GAAG,CAChD;EAACC,EAAE,EAAE,GAAG;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,WAAW;EAAEC,MAAM,EAAE;AAAQ,CAAC,EACnF;EAACH,EAAE,EAAE,GAAG;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,YAAY;EAAEC,MAAM,EAAE;AAAQ,CAAC,EACpF;EAACH,EAAE,EAAE,GAAG;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,WAAW;EAAEC,MAAM,EAAE;AAAU,CAAC,CACxF","ignoreList":[]}
+{"version":3,"names":["PREVIEW_COLUMNS","exports","name","type","PREVIEW_ROWS","id","created_at","title","status"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationPreviewColumn, NavigationPreviewRow} from '../../../types/navigation';\n\nexport const PREVIEW_COLUMNS: Array<NavigationPreviewColumn<NavigationPreviewRow>> = [\n    {name: 'id', type: ['DataType', 'Int32']},\n    {name: 'created_at', type: ['DataType', 'Utf8']},\n    {name: 'title', type: ['DataType', 'Utf8']},\n    {name: 'status', type: ['DataType', 'Utf8']},\n];\n\nexport const PREVIEW_ROWS: NavigationPreviewRow[] = [\n    {id: 1, created_at: '2024-01-01T10:00:00Z', title: 'First row', status: 'active'},\n    {id: 2, created_at: '2024-01-02T11:30:00Z', title: 'Second row', status: 'active'},\n    {id: 3, created_at: '2024-01-03T09:15:00Z', title: 'Third row', status: 'archived'},\n];\n"],"mappings":";;;;;;AAEO,IAAMA,eAAqE,GAAAC,OAAA,CAAAD,eAAA,GAAG,CACjF;EAACE,IAAI,EAAE,IAAI;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,OAAO;AAAC,CAAC,EACzC;EAACD,IAAI,EAAE,YAAY;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM;AAAC,CAAC,EAChD;EAACD,IAAI,EAAE,OAAO;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM;AAAC,CAAC,EAC3C;EAACD,IAAI,EAAE,QAAQ;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM;AAAC,CAAC,CAC/C;AAEM,IAAMC,YAAoC,GAAAH,OAAA,CAAAG,YAAA,GAAG,CAChD;EAACC,EAAE,EAAE,CAAC;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,WAAW;EAAEC,MAAM,EAAE;AAAQ,CAAC,EACjF;EAACH,EAAE,EAAE,CAAC;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,YAAY;EAAEC,MAAM,EAAE;AAAQ,CAAC,EAClF;EAACH,EAAE,EAAE,CAAC;EAAEC,UAAU,EAAE,sBAAsB;EAAEC,KAAK,EAAE,WAAW;EAAEC,MAAM,EAAE;AAAU,CAAC,CACtF","ignoreList":[]}

package/build/cjs/modules/QueryStatistics/QueryStatistics.css

@@ -0,0 +1,4 @@
+.qp-query-statistics {
+  min-width: 0;
+}
+/*# sourceMappingURL=QueryStatistics.css.map */

package/build/cjs/modules/QueryStatistics/QueryStatistics.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryStatistics.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;AACJ","file":"QueryStatistics.css","sourcesContent":[".qp-query-statistics {\n    min-width: 0;\n}\n"],"sourceRoot":""}

package/build/cjs/modules/QueryStatistics/QueryStatistics.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { QueryStatisticsProps } from '../../types/queryStatistics';
+import './QueryStatistics.scss';
+export declare function QueryStatistics({ data, visibleColumns, columnConfig, extraColumns, className, virtual, fixedHeader, formatValue, search: controlledSearch, defaultSearch, onSearchUpdate, expandedIds: controlledExpandedIds, defaultExpandedIds, onExpandedIdsChange, searchDebounceMs, }: QueryStatisticsProps): React.JSX.Element;

package/build/cjs/modules/QueryStatistics/QueryStatistics.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryStatistics = QueryStatistics;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.every.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.every.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.iterator.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.set.difference.v2.js");
+require("core-js/modules/es.set.intersection.v2.js");
+require("core-js/modules/es.set.is-disjoint-from.v2.js");
+require("core-js/modules/es.set.is-subset-of.v2.js");
+require("core-js/modules/es.set.is-superset-of.v2.js");
+require("core-js/modules/es.set.symmetric-difference.v2.js");
+require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.string.search.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _useDebouncedValue = require("../../helpers/useDebouncedValue");
+var _helpers = require("./helpers");
+var _QueryStatisticsTable = require("./internal/QueryStatisticsTable");
+var _QueryStatisticsToolbar = require("./internal/QueryStatisticsToolbar");
+require("./QueryStatistics.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-query-statistics');
+var DEFAULT_VISIBLE_COLUMNS = ['min', 'max', 'avg', 'sum', 'count'];
+var DEFAULT_SEARCH_DEBOUNCE_MS = 500;
+function setsEqual(left, right) {
+  return left.size === right.size && Array.from(left).every(function (value) {
+    return right.has(value);
+  });
+}
+function QueryStatistics(_ref) {
+  var data = _ref.data,
+    _ref$visibleColumns = _ref.visibleColumns,
+    visibleColumns = _ref$visibleColumns === void 0 ? DEFAULT_VISIBLE_COLUMNS : _ref$visibleColumns,
+    columnConfig = _ref.columnConfig,
+    extraColumns = _ref.extraColumns,
+    className = _ref.className,
+    _ref$virtual = _ref.virtual,
+    virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+    _ref$fixedHeader = _ref.fixedHeader,
+    fixedHeader = _ref$fixedHeader === void 0 ? false : _ref$fixedHeader,
+    formatValue = _ref.formatValue,
+    controlledSearch = _ref.search,
+    _ref$defaultSearch = _ref.defaultSearch,
+    defaultSearch = _ref$defaultSearch === void 0 ? '' : _ref$defaultSearch,
+    onSearchUpdate = _ref.onSearchUpdate,
+    controlledExpandedIds = _ref.expandedIds,
+    defaultExpandedIds = _ref.defaultExpandedIds,
+    onExpandedIdsChange = _ref.onExpandedIdsChange,
+    _ref$searchDebounceMs = _ref.searchDebounceMs,
+    searchDebounceMs = _ref$searchDebounceMs === void 0 ? DEFAULT_SEARCH_DEBOUNCE_MS : _ref$searchDebounceMs;
+  var groupIds = (0, _react.useMemo)(function () {
+    return (0, _helpers.collectQueryStatisticsGroupIds)(data);
+  }, [data]);
+  var knownGroupIdsRef = (0, _react.useRef)(new Set(groupIds));
+  var _useState = (0, _react.useState)(function () {
+      return new Set(defaultExpandedIds !== null && defaultExpandedIds !== void 0 ? defaultExpandedIds : groupIds);
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    uncontrolledExpandedIds = _useState2[0],
+    setUncontrolledExpandedIds = _useState2[1];
+  var _useState3 = (0, _react.useState)(defaultSearch),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    uncontrolledSearch = _useState4[0],
+    setUncontrolledSearch = _useState4[1];
+  var search = controlledSearch !== null && controlledSearch !== void 0 ? controlledSearch : uncontrolledSearch;
+  var expandedIds = (0, _react.useMemo)(function () {
+    return new Set(controlledExpandedIds !== null && controlledExpandedIds !== void 0 ? controlledExpandedIds : uncontrolledExpandedIds);
+  }, [controlledExpandedIds, uncontrolledExpandedIds]);
+  var debouncedSearch = (0, _useDebouncedValue.useDebouncedValue)(search, searchDebounceMs);
+  var updateSearch = (0, _react.useCallback)(function (value) {
+    if (controlledSearch === undefined) setUncontrolledSearch(value);
+    onSearchUpdate === null || onSearchUpdate === void 0 || onSearchUpdate(value);
+  }, [controlledSearch, onSearchUpdate]);
+  var updateExpandedIds = (0, _react.useCallback)(function (next) {
+    if (controlledExpandedIds === undefined) setUncontrolledExpandedIds(next);
+    onExpandedIdsChange === null || onExpandedIdsChange === void 0 || onExpandedIdsChange(Array.from(next));
+  }, [controlledExpandedIds, onExpandedIdsChange]);
+  (0, _react.useEffect)(function () {
+    var currentGroupIds = new Set(groupIds);
+    var previousGroupIds = knownGroupIdsRef.current;
+    var next = new Set(Array.from(expandedIds).filter(function (id) {
+      return currentGroupIds.has(id);
+    }));
+    groupIds.forEach(function (id) {
+      if (!previousGroupIds.has(id)) next.add(id);
+    });
+    if (!setsEqual(expandedIds, next)) updateExpandedIds(next);
+    knownGroupIdsRef.current = currentGroupIds;
+  }, [expandedIds, groupIds, updateExpandedIds]);
+  var filtered = (0, _react.useMemo)(function () {
+    return (0, _helpers.filterQueryStatistics)(data, debouncedSearch);
+  }, [data, debouncedSearch]);
+  var effectiveExpandedIds = (0, _react.useMemo)(function () {
+    return new Set([].concat((0, _toConsumableArray2.default)(expandedIds), (0, _toConsumableArray2.default)(filtered.forcedExpandedIds)));
+  }, [expandedIds, filtered.forcedExpandedIds]);
+  var rows = (0, _react.useMemo)(function () {
+    return (0, _helpers.flattenQueryStatistics)(filtered.data, effectiveExpandedIds);
+  }, [effectiveExpandedIds, filtered.data]);
+  var toggleGroup = (0, _react.useCallback)(function (id) {
+    var next = new Set(expandedIds);
+    if (next.has(id)) next["delete"](id);else next.add(id);
+    updateExpandedIds(next);
+  }, [expandedIds, updateExpandedIds]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatisticsToolbar.QueryStatisticsToolbar, {
+      search: search,
+      hasGroups: Boolean(groupIds.length),
+      onSearchUpdate: updateSearch,
+      onExpandAll: function onExpandAll() {
+        return updateExpandedIds(new Set(groupIds));
+      },
+      onCollapseAll: function onCollapseAll() {
+        return updateExpandedIds(new Set());
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatisticsTable.QueryStatisticsTable, {
+      rows: rows,
+      visibleColumns: visibleColumns,
+      columnConfig: columnConfig,
+      extraColumns: extraColumns,
+      expandedIds: effectiveExpandedIds,
+      fixedHeader: fixedHeader,
+      virtual: virtual,
+      formatValue: formatValue,
+      isSearching: Boolean(search),
+      onToggleGroup: toggleGroup
+    })]
+  });
+}
+// #sourceMappingURL=QueryStatistics.js.map

package/build/cjs/modules/QueryStatistics/QueryStatistics.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bemCnLite","_interopRequireDefault","_useDebouncedValue","_helpers","_QueryStatisticsTable","_QueryStatisticsToolbar","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","DEFAULT_VISIBLE_COLUMNS","DEFAULT_SEARCH_DEBOUNCE_MS","setsEqual","left","right","size","Array","from","every","value","QueryStatistics","_ref","data","_ref$visibleColumns","visibleColumns","columnConfig","extraColumns","className","_ref$virtual","virtual","_ref$fixedHeader","fixedHeader","formatValue","controlledSearch","search","_ref$defaultSearch","defaultSearch","onSearchUpdate","controlledExpandedIds","expandedIds","defaultExpandedIds","onExpandedIdsChange","_ref$searchDebounceMs","searchDebounceMs","groupIds","useMemo","collectQueryStatisticsGroupIds","knownGroupIdsRef","useRef","Set","_useState","useState","_useState2","_slicedToArray","uncontrolledExpandedIds","setUncontrolledExpandedIds","_useState3","_useState4","uncontrolledSearch","setUncontrolledSearch","debouncedSearch","useDebouncedValue","updateSearch","useCallback","undefined","updateExpandedIds","next","useEffect","currentGroupIds","previousGroupIds","current","filter","id","forEach","add","filtered","filterQueryStatistics","effectiveExpandedIds","concat","_toConsumableArray","forcedExpandedIds","rows","flattenQueryStatistics","toggleGroup","_jsxs","children","_jsx","QueryStatisticsToolbar","hasGroups","Boolean","length","onExpandAll","onCollapseAll","QueryStatisticsTable","isSearching","onToggleGroup"],"sources":["QueryStatistics.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport cn from 'bem-cn-lite';\n\nimport {useDebouncedValue} from '../../helpers/useDebouncedValue';\nimport type {QueryStatisticsColumn, QueryStatisticsProps} from '../../types/queryStatistics';\nimport {\n    collectQueryStatisticsGroupIds,\n    filterQueryStatistics,\n    flattenQueryStatistics,\n} from './helpers';\nimport {QueryStatisticsTable} from './internal/QueryStatisticsTable';\nimport {QueryStatisticsToolbar} from './internal/QueryStatisticsToolbar';\n\nimport './QueryStatistics.scss';\n\nconst block = cn('qp-query-statistics');\nconst DEFAULT_VISIBLE_COLUMNS: QueryStatisticsColumn[] = ['min', 'max', 'avg', 'sum', 'count'];\nconst DEFAULT_SEARCH_DEBOUNCE_MS = 500;\n\nfunction setsEqual(left: Set<string>, right: Set<string>) {\n    return left.size === right.size && Array.from(left).every((value) => right.has(value));\n}\n\nexport function QueryStatistics({\n    data,\n    visibleColumns = DEFAULT_VISIBLE_COLUMNS,\n    columnConfig,\n    extraColumns,\n    className,\n    virtual = false,\n    fixedHeader = false,\n    formatValue,\n    search: controlledSearch,\n    defaultSearch = '',\n    onSearchUpdate,\n    expandedIds: controlledExpandedIds,\n    defaultExpandedIds,\n    onExpandedIdsChange,\n    searchDebounceMs = DEFAULT_SEARCH_DEBOUNCE_MS,\n}: QueryStatisticsProps) {\n    const groupIds = useMemo(() => collectQueryStatisticsGroupIds(data), [data]);\n    const knownGroupIdsRef = useRef(new Set(groupIds));\n    const [uncontrolledExpandedIds, setUncontrolledExpandedIds] = useState(\n        () => new Set(defaultExpandedIds ?? groupIds),\n    );\n    const [uncontrolledSearch, setUncontrolledSearch] = useState(defaultSearch);\n    const search = controlledSearch ?? uncontrolledSearch;\n    const expandedIds = useMemo(\n        () => new Set(controlledExpandedIds ?? uncontrolledExpandedIds),\n        [controlledExpandedIds, uncontrolledExpandedIds],\n    );\n    const debouncedSearch = useDebouncedValue(search, searchDebounceMs);\n\n    const updateSearch = useCallback(\n        (value: string) => {\n            if (controlledSearch === undefined) setUncontrolledSearch(value);\n            onSearchUpdate?.(value);\n        },\n        [controlledSearch, onSearchUpdate],\n    );\n    const updateExpandedIds = useCallback(\n        (next: Set<string>) => {\n            if (controlledExpandedIds === undefined) setUncontrolledExpandedIds(next);\n            onExpandedIdsChange?.(Array.from(next));\n        },\n        [controlledExpandedIds, onExpandedIdsChange],\n    );\n\n    useEffect(() => {\n        const currentGroupIds = new Set(groupIds);\n        const previousGroupIds = knownGroupIdsRef.current;\n        const next = new Set(Array.from(expandedIds).filter((id) => currentGroupIds.has(id)));\n        groupIds.forEach((id) => {\n            if (!previousGroupIds.has(id)) next.add(id);\n        });\n        if (!setsEqual(expandedIds, next)) updateExpandedIds(next);\n        knownGroupIdsRef.current = currentGroupIds;\n    }, [expandedIds, groupIds, updateExpandedIds]);\n\n    const filtered = useMemo(\n        () => filterQueryStatistics(data, debouncedSearch),\n        [data, debouncedSearch],\n    );\n    const effectiveExpandedIds = useMemo(\n        () => new Set([...expandedIds, ...filtered.forcedExpandedIds]),\n        [expandedIds, filtered.forcedExpandedIds],\n    );\n    const rows = useMemo(\n        () => flattenQueryStatistics(filtered.data, effectiveExpandedIds),\n        [effectiveExpandedIds, filtered.data],\n    );\n    const toggleGroup = useCallback(\n        (id: string) => {\n            const next = new Set(expandedIds);\n            if (next.has(id)) next.delete(id);\n            else next.add(id);\n            updateExpandedIds(next);\n        },\n        [expandedIds, updateExpandedIds],\n    );\n\n    return (\n        <div className={block(null, className)}>\n            <QueryStatisticsToolbar\n                search={search}\n                hasGroups={Boolean(groupIds.length)}\n                onSearchUpdate={updateSearch}\n                onExpandAll={() => updateExpandedIds(new Set(groupIds))}\n                onCollapseAll={() => updateExpandedIds(new Set())}\n            />\n            <QueryStatisticsTable\n                rows={rows}\n                visibleColumns={visibleColumns}\n                columnConfig={columnConfig}\n                extraColumns={extraColumns}\n                expandedIds={effectiveExpandedIds}\n                fixedHeader={fixedHeader}\n                virtual={virtual}\n                formatValue={formatValue}\n                isSearching={Boolean(search)}\n                onToggleGroup={toggleGroup}\n            />\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}