@gravity-ui/querieskit 1.2.0 → 1.3.0

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsTable.css

@@ -0,0 +1,21 @@
+.qp-query-statistics-table {
+  max-width: 100%;
+  overflow-x: auto;
+}
+.qp-query-statistics-table_fixed {
+  overflow: visible;
+}
+.qp-query-statistics-table .qp-data-table {
+  min-width: 55rem;
+}
+.qp-query-statistics-table__metric-column, .qp-query-statistics-table__value-column {
+  border: 0;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.qp-query-statistics-table__metric-column {
+  min-width: 19rem;
+}
+.qp-query-statistics-table__value-column {
+  min-width: 8rem;
+}
+/*# sourceMappingURL=QueryStatisticsTable.css.map */

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsTable.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryStatisticsTable.scss"],"names":[],"mappings":"AAAA;EAA6B,eAAA;EAAiB,gBAAA;AAG9C;AAFI;EAAU,iBAAA;AAKd;AAJI;EAAiB,gBAAA;AAOrB;AANI;EACkB,SAAA;EAAW,oDAAA;AASjC;AARI;EAAmB,gBAAA;AAWvB;AAVI;EAAkB,eAAA;AAatB","file":"QueryStatisticsTable.css","sourcesContent":[".qp-query-statistics-table { max-width: 100%; overflow-x: auto;\n    &_fixed { overflow: visible; }\n    .qp-data-table { min-width: 55rem; }\n    &__metric-column,\n    &__value-column { border: 0; border-block-end: 1px solid var(--g-color-line-generic); }\n    &__metric-column { min-width: 19rem; }\n    &__value-column { min-width: 8rem; }\n}\n"],"sourceRoot":""}

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsTable.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { QueryStatisticsColumn, QueryStatisticsExtraColumn, QueryStatisticsFormatValueContext } from '../../../types/queryStatistics';
+import { type QueryStatisticsRow } from '../helpers';
+import './QueryStatisticsTable.scss';
+export type QueryStatisticsTableProps = {
+    rows: QueryStatisticsRow[];
+    visibleColumns: QueryStatisticsColumn[];
+    columnConfig?: Partial<Record<QueryStatisticsColumn, {
+        title?: React.ReactNode;
+        width?: string;
+    }>>;
+    extraColumns?: QueryStatisticsExtraColumn[];
+    expandedIds: Set<string>;
+    fixedHeader: boolean;
+    virtual: boolean;
+    formatValue?: (value: number | undefined, context: QueryStatisticsFormatValueContext) => React.ReactNode;
+    isSearching: boolean;
+    onToggleGroup: (id: string) => void;
+};
+export declare function QueryStatisticsTable({ rows, visibleColumns, columnConfig, extraColumns, expandedIds, fixedHeader, virtual, formatValue, isSearching, onToggleGroup, }: QueryStatisticsTableProps): React.JSX.Element;

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsTable.js

@@ -0,0 +1,132 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.number.is-finite.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useMemo } from 'react';
+import BaseDataTable from '@gravity-ui/react-data-table';
+import { DataTable } from "../../../components";
+import { getQueryStatisticsValue, isQueryStatisticsGroup, isQueryStatisticsMetric } from "../helpers";
+import i18n from "../i18n";
+import { MetricCell } from "./MetricCell";
+import "./QueryStatisticsTable.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var NO_VALUE = '—';
+var block = 'qp-query-statistics-table';
+var COLUMN_TITLES = {
+  min: function min() {
+    return i18n('field_min');
+  },
+  max: function max() {
+    return i18n('field_max');
+  },
+  avg: function avg() {
+    return i18n('field_avg');
+  },
+  sum: function sum() {
+    return i18n('field_sum');
+  },
+  count: function count() {
+    return i18n('field_count');
+  },
+  last: function last() {
+    return i18n('field_last');
+  }
+};
+export function QueryStatisticsTable(_ref) {
+  var rows = _ref.rows,
+    visibleColumns = _ref.visibleColumns,
+    columnConfig = _ref.columnConfig,
+    extraColumns = _ref.extraColumns,
+    expandedIds = _ref.expandedIds,
+    fixedHeader = _ref.fixedHeader,
+    virtual = _ref.virtual,
+    formatValue = _ref.formatValue,
+    isSearching = _ref.isSearching,
+    onToggleGroup = _ref.onToggleGroup;
+  var numberFormatter = useMemo(function () {
+    return new Intl.NumberFormat(undefined, {
+      maximumFractionDigits: 6
+    });
+  }, []);
+  var columns = useMemo(function () {
+    var metricColumn = {
+      name: 'metric',
+      header: i18n('field_metric'),
+      className: "".concat(block, "__metric-column"),
+      width: '40%',
+      sortable: false,
+      render: function render(_ref2) {
+        var row = _ref2.row;
+        return /*#__PURE__*/_jsx(MetricCell, {
+          row: row,
+          expanded: isQueryStatisticsGroup(row.item) && expandedIds.has(row.item.id),
+          onToggle: onToggleGroup
+        });
+      }
+    };
+    var valueColumns = visibleColumns.map(function (column) {
+      var _columnConfig$column$, _columnConfig$column, _columnConfig$column$2, _columnConfig$column2;
+      return {
+        name: column,
+        header: (_columnConfig$column$ = columnConfig === null || columnConfig === void 0 || (_columnConfig$column = columnConfig[column]) === null || _columnConfig$column === void 0 ? void 0 : _columnConfig$column.title) !== null && _columnConfig$column$ !== void 0 ? _columnConfig$column$ : COLUMN_TITLES[column](),
+        className: "".concat(block, "__value-column"),
+        width: (_columnConfig$column$2 = columnConfig === null || columnConfig === void 0 || (_columnConfig$column2 = columnConfig[column]) === null || _columnConfig$column2 === void 0 ? void 0 : _columnConfig$column2.width) !== null && _columnConfig$column$2 !== void 0 ? _columnConfig$column$2 : '12%',
+        align: BaseDataTable.RIGHT,
+        sortable: false,
+        render: function render(_ref3) {
+          var row = _ref3.row;
+          if (!isQueryStatisticsMetric(row.item)) return NO_VALUE;
+          var value = getQueryStatisticsValue(row.item, column);
+          if (formatValue) return formatValue(value, {
+            column: column,
+            item: row.item
+          });
+          return value === undefined || !Number.isFinite(value) ? NO_VALUE : numberFormatter.format(value);
+        }
+      };
+    });
+    var customColumns = (extraColumns !== null && extraColumns !== void 0 ? extraColumns : []).map(function (column) {
+      var _column$width;
+      return {
+        name: column.id,
+        header: column.title,
+        width: (_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : '12%',
+        className: "".concat(block, "__value-column"),
+        sortable: false,
+        render: function render(_ref4) {
+          var row = _ref4.row;
+          return column.render({
+            item: row.item,
+            level: row.level
+          });
+        }
+      };
+    });
+    return [metricColumn].concat(_toConsumableArray(valueColumns), _toConsumableArray(customColumns));
+  }, [columnConfig, expandedIds, extraColumns, formatValue, numberFormatter, onToggleGroup, visibleColumns]);
+  return /*#__PURE__*/_jsx("div", {
+    className: block + (fixedHeader ? " ".concat(block, "_fixed") : ''),
+    children: /*#__PURE__*/_jsx(DataTable, {
+      columns: columns,
+      data: rows,
+      loaded: true,
+      emptyVariant: isSearching ? 'nothing-found' : 'no-data',
+      rowKey: function rowKey(row) {
+        return row.item.id;
+      },
+      settings: {
+        displayIndices: false,
+        sortable: false,
+        stripedRows: false,
+        dynamicRender: virtual,
+        dynamicRenderType: 'uniform',
+        stickyHead: fixedHeader ? BaseDataTable.MOVING : undefined,
+        syncHeadOnResize: fixedHeader
+      }
+    })
+  });
+}
+// #sourceMappingURL=QueryStatisticsTable.js.map

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","BaseDataTable","DataTable","getQueryStatisticsValue","isQueryStatisticsGroup","isQueryStatisticsMetric","i18n","MetricCell","jsx","_jsx","NO_VALUE","block","COLUMN_TITLES","min","max","avg","sum","count","last","QueryStatisticsTable","_ref","rows","visibleColumns","columnConfig","extraColumns","expandedIds","fixedHeader","virtual","formatValue","isSearching","onToggleGroup","numberFormatter","Intl","NumberFormat","undefined","maximumFractionDigits","columns","metricColumn","name","header","className","concat","width","sortable","render","_ref2","row","expanded","item","has","id","onToggle","valueColumns","map","column","_columnConfig$column$","_columnConfig$column","_columnConfig$column$2","_columnConfig$column2","title","align","RIGHT","_ref3","value","Number","isFinite","format","customColumns","_column$width","_ref4","level","_toConsumableArray","children","data","loaded","emptyVariant","rowKey","settings","displayIndices","stripedRows","dynamicRender","dynamicRenderType","stickyHead","MOVING","syncHeadOnResize"],"sources":["QueryStatisticsTable.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport BaseDataTable, {type Column} from '@gravity-ui/react-data-table';\nimport {DataTable} from '../../../components';\nimport type {\n    QueryStatisticsColumn,\n    QueryStatisticsExtraColumn,\n    QueryStatisticsFormatValueContext,\n} from '../../../types/queryStatistics';\nimport {\n    type QueryStatisticsRow,\n    getQueryStatisticsValue,\n    isQueryStatisticsGroup,\n    isQueryStatisticsMetric,\n} from '../helpers';\nimport i18n from '../i18n';\nimport {MetricCell} from './MetricCell';\n\nimport './QueryStatisticsTable.scss';\n\nconst NO_VALUE = '—';\nconst block = 'qp-query-statistics-table';\nconst COLUMN_TITLES: Record<QueryStatisticsColumn, () => string> = {\n    min: () => i18n('field_min'),\n    max: () => i18n('field_max'),\n    avg: () => i18n('field_avg'),\n    sum: () => i18n('field_sum'),\n    count: () => i18n('field_count'),\n    last: () => i18n('field_last'),\n};\n\nexport type QueryStatisticsTableProps = {\n    rows: QueryStatisticsRow[];\n    visibleColumns: QueryStatisticsColumn[];\n    columnConfig?: Partial<\n        Record<QueryStatisticsColumn, {title?: React.ReactNode; width?: string}>\n    >;\n    extraColumns?: QueryStatisticsExtraColumn[];\n    expandedIds: Set<string>;\n    fixedHeader: boolean;\n    virtual: boolean;\n    formatValue?: (\n        value: number | undefined,\n        context: QueryStatisticsFormatValueContext,\n    ) => React.ReactNode;\n    isSearching: boolean;\n    onToggleGroup: (id: string) => void;\n};\n\nexport function QueryStatisticsTable({\n    rows,\n    visibleColumns,\n    columnConfig,\n    extraColumns,\n    expandedIds,\n    fixedHeader,\n    virtual,\n    formatValue,\n    isSearching,\n    onToggleGroup,\n}: QueryStatisticsTableProps) {\n    const numberFormatter = useMemo(\n        () => new Intl.NumberFormat(undefined, {maximumFractionDigits: 6}),\n        [],\n    );\n    const columns = useMemo<Array<Column<QueryStatisticsRow>>>(() => {\n        const metricColumn: Column<QueryStatisticsRow> = {\n            name: 'metric',\n            header: i18n('field_metric'),\n            className: `${block}__metric-column`,\n            width: '40%',\n            sortable: false,\n            render: ({row}) => (\n                <MetricCell\n                    row={row}\n                    expanded={isQueryStatisticsGroup(row.item) && expandedIds.has(row.item.id)}\n                    onToggle={onToggleGroup}\n                />\n            ),\n        };\n        const valueColumns = visibleColumns.map<Column<QueryStatisticsRow>>((column) => ({\n            name: column,\n            header: columnConfig?.[column]?.title ?? COLUMN_TITLES[column](),\n            className: `${block}__value-column`,\n            width: columnConfig?.[column]?.width ?? '12%',\n            align: BaseDataTable.RIGHT,\n            sortable: false,\n            render: ({row}) => {\n                if (!isQueryStatisticsMetric(row.item)) return NO_VALUE;\n                const value = getQueryStatisticsValue(row.item, column);\n                if (formatValue) return formatValue(value, {column, item: row.item});\n                return value === undefined || !Number.isFinite(value)\n                    ? NO_VALUE\n                    : numberFormatter.format(value);\n            },\n        }));\n        const customColumns = (extraColumns ?? []).map<Column<QueryStatisticsRow>>((column) => ({\n            name: column.id,\n            header: column.title,\n            width: column.width ?? '12%',\n            className: `${block}__value-column`,\n            sortable: false,\n            render: ({row}) => column.render({item: row.item, level: row.level}),\n        }));\n        return [metricColumn, ...valueColumns, ...customColumns];\n    }, [\n        columnConfig,\n        expandedIds,\n        extraColumns,\n        formatValue,\n        numberFormatter,\n        onToggleGroup,\n        visibleColumns,\n    ]);\n\n    return (\n        <div className={block + (fixedHeader ? ` ${block}_fixed` : '')}>\n            <DataTable<QueryStatisticsRow>\n                columns={columns}\n                data={rows}\n                loaded\n                emptyVariant={isSearching ? 'nothing-found' : 'no-data'}\n                rowKey={(row) => row.item.id}\n                settings={{\n                    displayIndices: false,\n                    sortable: false,\n                    stripedRows: false,\n                    dynamicRender: virtual,\n                    dynamicRenderType: 'uniform',\n                    stickyHead: fixedHeader ? BaseDataTable.MOVING : undefined,\n                    syncHeadOnResize: fixedHeader,\n                }}\n            />\n        </div>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsTable.scss

@@ -0,0 +1,8 @@
+.qp-query-statistics-table { max-width: 100%; overflow-x: auto;
+    &_fixed { overflow: visible; }
+    .qp-data-table { min-width: 55rem; }
+    &__metric-column,
+    &__value-column { border: 0; border-block-end: 1px solid var(--g-color-line-generic); }
+    &__metric-column { min-width: 19rem; }
+    &__value-column { min-width: 8rem; }
+}

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsToolbar.css

@@ -0,0 +1,5 @@
+.qp-query-statistics-toolbar {
+  margin-bottom: var(--g-spacing-4);
+  max-width: 34rem;
+}
+/*# sourceMappingURL=QueryStatisticsToolbar.css.map */

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsToolbar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryStatisticsToolbar.scss"],"names":[],"mappings":"AAAA;EAA+B,iCAAA;EAAsC,gBAAA;AAGrE","file":"QueryStatisticsToolbar.css","sourcesContent":[".qp-query-statistics-toolbar { margin-block-end: var(--g-spacing-4); max-width: 34rem; }\n"],"sourceRoot":""}

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsToolbar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './QueryStatisticsToolbar.scss';
+export type QueryStatisticsToolbarProps = {
+    search: string;
+    hasGroups: boolean;
+    onSearchUpdate: (value: string) => void;
+    onExpandAll: () => void;
+    onCollapseAll: () => void;
+};
+export declare function QueryStatisticsToolbar({ search, hasGroups, onSearchUpdate, onExpandAll, onCollapseAll, }: QueryStatisticsToolbarProps): React.JSX.Element;

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsToolbar.js

@@ -0,0 +1,48 @@
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React from 'react';
+import { ChevronsDown, ChevronsUp } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { SearchWithButtons } from "../../../components";
+import i18n from "../i18n";
+import "./QueryStatisticsToolbar.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-query-statistics-toolbar');
+export function QueryStatisticsToolbar(_ref) {
+  var search = _ref.search,
+    hasGroups = _ref.hasGroups,
+    onSearchUpdate = _ref.onSearchUpdate,
+    onExpandAll = _ref.onExpandAll,
+    onCollapseAll = _ref.onCollapseAll;
+  var buttons = [/*#__PURE__*/_jsx(Button, {
+    size: "m",
+    "aria-label": i18n('action_expand-all'),
+    title: i18n('action_expand-all'),
+    disabled: !hasGroups,
+    onClick: onExpandAll,
+    children: /*#__PURE__*/_jsx(Icon, {
+      data: ChevronsDown,
+      size: 16
+    })
+  }, "expand"), /*#__PURE__*/_jsx(Button, {
+    size: "m",
+    "aria-label": i18n('action_collapse-all'),
+    title: i18n('action_collapse-all'),
+    disabled: !hasGroups,
+    onClick: onCollapseAll,
+    children: /*#__PURE__*/_jsx(Icon, {
+      data: ChevronsUp,
+      size: 16
+    })
+  }, "collapse")];
+  return /*#__PURE__*/_jsx(SearchWithButtons, {
+    value: search,
+    placeholder: i18n('field_search'),
+    hasClear: true,
+    onUpdate: onSearchUpdate,
+    endButtons: buttons,
+    className: block()
+  });
+}
+// #sourceMappingURL=QueryStatisticsToolbar.js.map

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ChevronsDown","ChevronsUp","Button","Icon","cn","SearchWithButtons","i18n","jsx","_jsx","block","QueryStatisticsToolbar","_ref","search","hasGroups","onSearchUpdate","onExpandAll","onCollapseAll","buttons","size","title","disabled","onClick","children","data","value","placeholder","hasClear","onUpdate","endButtons","className"],"sources":["QueryStatisticsToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport {ChevronsDown, ChevronsUp} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {SearchWithButtons} from '../../../components';\nimport i18n from '../i18n';\n\nimport './QueryStatisticsToolbar.scss';\n\nconst block = cn('qp-query-statistics-toolbar');\n\nexport type QueryStatisticsToolbarProps = {\n    search: string;\n    hasGroups: boolean;\n    onSearchUpdate: (value: string) => void;\n    onExpandAll: () => void;\n    onCollapseAll: () => void;\n};\n\nexport function QueryStatisticsToolbar({\n    search,\n    hasGroups,\n    onSearchUpdate,\n    onExpandAll,\n    onCollapseAll,\n}: QueryStatisticsToolbarProps) {\n    const buttons = [\n        <Button\n            key=\"expand\"\n            size=\"m\"\n            aria-label={i18n('action_expand-all')}\n            title={i18n('action_expand-all')}\n            disabled={!hasGroups}\n            onClick={onExpandAll}\n        >\n            <Icon data={ChevronsDown} size={16} />\n        </Button>,\n        <Button\n            key=\"collapse\"\n            size=\"m\"\n            aria-label={i18n('action_collapse-all')}\n            title={i18n('action_collapse-all')}\n            disabled={!hasGroups}\n            onClick={onCollapseAll}\n        >\n            <Icon data={ChevronsUp} size={16} />\n        </Button>,\n    ];\n\n    return (\n        <SearchWithButtons\n            value={search}\n            placeholder={i18n('field_search')}\n            hasClear\n            onUpdate={onSearchUpdate}\n            endButtons={buttons}\n            className={block()}\n        />\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,YAAY,EAAEC,UAAU,QAAO,mBAAmB;AAC1D,SAAQC,MAAM,EAAEC,IAAI,QAAO,mBAAmB;AAC9C,OAAOC,EAAE,MAAM,aAAa;AAE5B,SAAQC,iBAAiB;AACzB,OAAOC,IAAI;AAEX;AAAuC,SAAAC,GAAA,IAAAC,IAAA;AAEvC,IAAMC,KAAK,GAAGL,EAAE,CAAC,6BAA6B,CAAC;AAU/C,OAAO,SAASM,sBAAsBA,CAAAC,IAAA,EAMN;EAAA,IAL5BC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,aAAa,GAAAL,IAAA,CAAbK,aAAa;EAEb,IAAMC,OAAO,GAAG,cACZT,IAAA,CAACN,MAAM;IAEHgB,IAAI,EAAC,GAAG;IACR,cAAYZ,IAAI,CAAC,mBAAmB,CAAE;IACtCa,KAAK,EAAEb,IAAI,CAAC,mBAAmB,CAAE;IACjCc,QAAQ,EAAE,CAACP,SAAU;IACrBQ,OAAO,EAAEN,WAAY;IAAAO,QAAA,eAErBd,IAAA,CAACL,IAAI;MAACoB,IAAI,EAAEvB,YAAa;MAACkB,IAAI,EAAE;IAAG,CAAE;EAAC,GAPlC,QAQA,CAAC,eACTV,IAAA,CAACN,MAAM;IAEHgB,IAAI,EAAC,GAAG;IACR,cAAYZ,IAAI,CAAC,qBAAqB,CAAE;IACxCa,KAAK,EAAEb,IAAI,CAAC,qBAAqB,CAAE;IACnCc,QAAQ,EAAE,CAACP,SAAU;IACrBQ,OAAO,EAAEL,aAAc;IAAAM,QAAA,eAEvBd,IAAA,CAACL,IAAI;MAACoB,IAAI,EAAEtB,UAAW;MAACiB,IAAI,EAAE;IAAG,CAAE;EAAC,GAPhC,UAQA,CAAC,CACZ;EAED,oBACIV,IAAA,CAACH,iBAAiB;IACdmB,KAAK,EAAEZ,MAAO;IACda,WAAW,EAAEnB,IAAI,CAAC,cAAc,CAAE;IAClCoB,QAAQ;IACRC,QAAQ,EAAEb,cAAe;IACzBc,UAAU,EAAEX,OAAQ;IACpBY,SAAS,EAAEpB,KAAK,CAAC;EAAE,CACtB,CAAC;AAEV","ignoreList":[]}

package/build/esm/modules/QueryStatistics/internal/QueryStatisticsToolbar.scss

@@ -0,0 +1 @@
+.qp-query-statistics-toolbar { margin-block-end: var(--g-spacing-4); max-width: 34rem; }

package/build/esm/modules/QueryStatistics/story/QueryStatistics.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueryStatistics } from '../QueryStatistics';
+declare const meta: Meta<typeof QueryStatistics>;
+export default meta;
+type Story = StoryObj<typeof QueryStatistics>;
+export declare const Default: Story;
+export declare const ConfiguredColumns: Story;
+export declare const VirtualAndFixed: Story;

package/build/esm/modules/QueryStatistics/story/QueryStatistics.stories.js

@@ -0,0 +1,105 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.string.iterator.js";
+import React from 'react';
+import { QueryStatistics } from "../QueryStatistics";
+import { jsx as _jsx } from "react/jsx-runtime";
+var data = [{
+  id: 'input',
+  name: 'Input',
+  children: [{
+    id: 'input.rows',
+    name: 'Rows',
+    description: 'Number of rows read from the input',
+    values: {
+      min: 0,
+      max: 1600,
+      sum: 4200,
+      count: 4,
+      last: 1400
+    }
+  }, {
+    id: 'input.weight',
+    name: 'Data weight',
+    unit: 'bytes',
+    values: {
+      min: 1024,
+      max: 1048576,
+      avg: 120000.25,
+      sum: 2097152,
+      count: 4
+    }
+  }]
+}];
+var largeData = Array.from({
+  length: 12
+}, function (_group, groupIndex) {
+  return {
+    id: "group-".concat(groupIndex),
+    name: "Group ".concat(groupIndex + 1, " with a deliberately long name for horizontal scrolling"),
+    children: Array.from({
+      length: 25
+    }, function (_metric, metricIndex) {
+      return {
+        id: "group-".concat(groupIndex, ".metric-").concat(metricIndex),
+        name: "Metric ".concat(metricIndex + 1),
+        values: {
+          min: metricIndex,
+          max: metricIndex * 10,
+          sum: metricIndex * 100,
+          count: metricIndex + 1,
+          last: metricIndex * 5
+        }
+      };
+    })
+  };
+});
+var meta = {
+  title: 'Modules/QueryStatistics',
+  component: QueryStatistics,
+  tags: ['autodocs'],
+  args: {
+    data: data
+  }
+};
+export default meta;
+export var Default = {};
+export var ConfiguredColumns = {
+  args: {
+    visibleColumns: ['last', 'avg', 'count'],
+    columnConfig: {
+      last: {
+        title: 'Latest value',
+        width: '20%'
+      }
+    },
+    extraColumns: [{
+      id: 'unit',
+      title: 'Unit',
+      render: function render(_ref) {
+        var _item$unit;
+        var item = _ref.item;
+        return (_item$unit = item.unit) !== null && _item$unit !== void 0 ? _item$unit : '—';
+      }
+    }]
+  }
+};
+export var VirtualAndFixed = {
+  args: {
+    data: largeData,
+    virtual: true,
+    fixedHeader: true
+  },
+  render: function render(args) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        height: 360,
+        maxWidth: 1100,
+        overflow: 'auto'
+      },
+      children: /*#__PURE__*/_jsx(QueryStatistics, _objectSpread({}, args))
+    });
+  }
+};
+// #sourceMappingURL=QueryStatistics.stories.js.map

package/build/esm/modules/QueryStatistics/story/QueryStatistics.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","QueryStatistics","jsx","_jsx","data","id","name","children","description","values","min","max","sum","count","last","unit","avg","largeData","Array","from","length","_group","groupIndex","concat","_metric","metricIndex","meta","title","component","tags","args","Default","ConfiguredColumns","visibleColumns","columnConfig","width","extraColumns","render","_ref","_item$unit","item","VirtualAndFixed","virtual","fixedHeader","style","height","maxWidth","overflow","_objectSpread"],"sources":["QueryStatistics.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\n\nimport type {QueryStatisticsItem} from '../../../types/queryStatistics';\nimport {QueryStatistics} from '../QueryStatistics';\n\nconst data: QueryStatisticsItem[] = [\n    {\n        id: 'input',\n        name: 'Input',\n        children: [\n            {\n                id: 'input.rows',\n                name: 'Rows',\n                description: 'Number of rows read from the input',\n                values: {min: 0, max: 1600, sum: 4200, count: 4, last: 1400},\n            },\n            {\n                id: 'input.weight',\n                name: 'Data weight',\n                unit: 'bytes',\n                values: {min: 1024, max: 1048576, avg: 120000.25, sum: 2097152, count: 4},\n            },\n        ],\n    },\n];\n\nconst largeData: QueryStatisticsItem[] = Array.from({length: 12}, (_group, groupIndex) => ({\n    id: `group-${groupIndex}`,\n    name: `Group ${groupIndex + 1} with a deliberately long name for horizontal scrolling`,\n    children: Array.from({length: 25}, (_metric, metricIndex) => ({\n        id: `group-${groupIndex}.metric-${metricIndex}`,\n        name: `Metric ${metricIndex + 1}`,\n        values: {\n            min: metricIndex,\n            max: metricIndex * 10,\n            sum: metricIndex * 100,\n            count: metricIndex + 1,\n            last: metricIndex * 5,\n        },\n    })),\n}));\n\nconst meta: Meta<typeof QueryStatistics> = {\n    title: 'Modules/QueryStatistics',\n    component: QueryStatistics,\n    tags: ['autodocs'],\n    args: {data},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryStatistics>;\n\nexport const Default: Story = {};\n\nexport const ConfiguredColumns: Story = {\n    args: {\n        visibleColumns: ['last', 'avg', 'count'],\n        columnConfig: {last: {title: 'Latest value', width: '20%'}},\n        extraColumns: [{id: 'unit', title: 'Unit', render: ({item}) => item.unit ?? '—'}],\n    },\n};\n\nexport const VirtualAndFixed: Story = {\n    args: {data: largeData, virtual: true, fixedHeader: true},\n    render: (args) => (\n        <div style={{height: 360, maxWidth: 1100, overflow: 'auto'}}>\n            <QueryStatistics {...args} />\n        </div>\n    ),\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/index.d.ts

@@ -16,6 +16,7 @@ export type { SavedQueryRowProps } from './SavedQueryRow';
 export { SavedQuerySearchRow } from './SavedQuerySearchRow';
 export type { SavedQuerySearchRowProps } from './SavedQuerySearchRow';
 export * from './ChartEditor';
+export * from './Attachments';
 export { TutorialRow } from './TutorialRow';
 export type { TutorialRowProps } from './TutorialRow';
 export { TutorialSearchRow } from './TutorialSearchRow';
@@ -28,6 +29,8 @@ export { NavigationDetail } from './NavigationDetail';
 export type { NavigationDetailProps } from './NavigationDetail';
 export { NavigationSchema, buildSchemaColumns, filterSchema } from './NavigationSchema';
 export type { NavigationSchemaProps, NavigationSchemaViewConfig } from './NavigationSchema';
+export { QueryStatistics } from './QueryStatistics';
+export type { QueryStatisticsColumn, QueryStatisticsColumnConfig, QueryStatisticsExtraColumn, QueryStatisticsExtraColumnContext, QueryStatisticsFormatValueContext, QueryStatisticsGroup, QueryStatisticsItem, QueryStatisticsMetric, QueryStatisticsProps, QueryStatisticsValues, } from './QueryStatistics';
 export { NavigationPreview, buildPreviewColumns, filterPreviewRows } from './NavigationPreview';
 export type { NavigationPreviewProps, NavigationPreviewViewConfig } from './NavigationPreview';
 export { NavigationMeta, buildMetaGroups } from './NavigationMeta';

package/build/esm/modules/index.js

@@ -9,12 +9,14 @@ export { HistorySearchRow } from "./HistorySearchRow";
 export { SavedQueryRow } from "./SavedQueryRow";
 export { SavedQuerySearchRow } from "./SavedQuerySearchRow";
 export * from "./ChartEditor";
+export * from "./Attachments";
 export { TutorialRow } from "./TutorialRow";
 export { TutorialSearchRow } from "./TutorialSearchRow";
 export { ClustersList } from "./ClustersList";
 export { NavigationItemsList } from "./NavigationItemsList";
 export { NavigationDetail } from "./NavigationDetail";
 export { NavigationSchema, buildSchemaColumns, filterSchema } from "./NavigationSchema";
+export { QueryStatistics } from "./QueryStatistics";
 export { NavigationPreview, buildPreviewColumns, filterPreviewRows } from "./NavigationPreview";
 export { NavigationMeta, buildMetaGroups } from "./NavigationMeta";
 export { NavigationView, buildViewColumns } from "./NavigationView";

package/build/esm/modules/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["HistoryHeader","HistoryLayout","HistoryComparisonActions","NavigationHeader","RowsList","QueriesList","HistoryRow","HistorySearchRow","SavedQueryRow","SavedQuerySearchRow","TutorialRow","TutorialSearchRow","ClustersList","NavigationItemsList","NavigationDetail","NavigationSchema","buildSchemaColumns","filterSchema","NavigationPreview","buildPreviewColumns","filterPreviewRows","NavigationMeta","buildMetaGroups","NavigationView","buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {HistoryHeader} from './HistoryHeader';\nexport {HistoryLayout} from './HistoryLayout';\nexport {HistoryComparisonActions} from './HistoryComparisonActions';\nexport type {HistoryComparisonActionsProps} from './HistoryComparisonActions';\nexport {NavigationHeader} from './NavigationHeader';\nexport type {NavigationHeaderProps} from './NavigationHeader';\nexport type {HistoryLayoutProps} from './HistoryLayout';\nexport {RowsList} from './RowsList';\nexport type {RowsListProps} from './RowsList';\nexport {QueriesList} from './QueriesList';\nexport type {QueriesListProps} from './QueriesList';\nexport {HistoryRow} from './HistoryRow';\nexport {HistorySearchRow} from './HistorySearchRow';\nexport {SavedQueryRow} from './SavedQueryRow';\nexport type {SavedQueryRowProps} from './SavedQueryRow';\nexport {SavedQuerySearchRow} from './SavedQuerySearchRow';\nexport type {SavedQuerySearchRowProps} from './SavedQuerySearchRow';\nexport * from './ChartEditor';\nexport {TutorialRow} from './TutorialRow';\nexport type {TutorialRowProps} from './TutorialRow';\nexport {TutorialSearchRow} from './TutorialSearchRow';\nexport type {TutorialSearchRowProps} from './TutorialSearchRow';\nexport {ClustersList} from './ClustersList';\nexport type {ClustersListProps} from './ClustersList';\nexport {NavigationItemsList} from './NavigationItemsList';\nexport type {NavigationItemsListProps} from './NavigationItemsList';\nexport {NavigationDetail} from './NavigationDetail';\nexport type {NavigationDetailProps} from './NavigationDetail';\nexport {NavigationSchema, buildSchemaColumns, filterSchema} from './NavigationSchema';\nexport type {NavigationSchemaProps, NavigationSchemaViewConfig} from './NavigationSchema';\nexport {NavigationPreview, buildPreviewColumns, filterPreviewRows} from './NavigationPreview';\nexport type {NavigationPreviewProps, NavigationPreviewViewConfig} from './NavigationPreview';\nexport {NavigationMeta, buildMetaGroups} from './NavigationMeta';\nexport type {NavigationMetaProps, NavigationMetaViewConfig} from './NavigationMeta';\nexport {NavigationView, buildViewColumns} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,wBAAwB;AAEhC,SAAQC,gBAAgB;AAGxB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAClB,SAAQC,gBAAgB;AACxB,SAAQC,aAAa;AAErB,SAAQC,mBAAmB;AAE3B;AACA,SAAQC,WAAW;AAEnB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,mBAAmB;AAE3B,SAAQC,gBAAgB;AAExB,SAAQC,gBAAgB,EAAEC,kBAAkB,EAAEC,YAAY;AAE1D,SAAQC,iBAAiB,EAAEC,mBAAmB,EAAEC,iBAAiB;AAEjE,SAAQC,cAAc,EAAEC,eAAe;AAEvC,SAAQC,cAAc,EAAEC,gBAAgB","ignoreList":[]}
+{"version":3,"names":["HistoryHeader","HistoryLayout","HistoryComparisonActions","NavigationHeader","RowsList","QueriesList","HistoryRow","HistorySearchRow","SavedQueryRow","SavedQuerySearchRow","TutorialRow","TutorialSearchRow","ClustersList","NavigationItemsList","NavigationDetail","NavigationSchema","buildSchemaColumns","filterSchema","QueryStatistics","NavigationPreview","buildPreviewColumns","filterPreviewRows","NavigationMeta","buildMetaGroups","NavigationView","buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {HistoryHeader} from './HistoryHeader';\nexport {HistoryLayout} from './HistoryLayout';\nexport {HistoryComparisonActions} from './HistoryComparisonActions';\nexport type {HistoryComparisonActionsProps} from './HistoryComparisonActions';\nexport {NavigationHeader} from './NavigationHeader';\nexport type {NavigationHeaderProps} from './NavigationHeader';\nexport type {HistoryLayoutProps} from './HistoryLayout';\nexport {RowsList} from './RowsList';\nexport type {RowsListProps} from './RowsList';\nexport {QueriesList} from './QueriesList';\nexport type {QueriesListProps} from './QueriesList';\nexport {HistoryRow} from './HistoryRow';\nexport {HistorySearchRow} from './HistorySearchRow';\nexport {SavedQueryRow} from './SavedQueryRow';\nexport type {SavedQueryRowProps} from './SavedQueryRow';\nexport {SavedQuerySearchRow} from './SavedQuerySearchRow';\nexport type {SavedQuerySearchRowProps} from './SavedQuerySearchRow';\nexport * from './ChartEditor';\nexport * from './Attachments';\nexport {TutorialRow} from './TutorialRow';\nexport type {TutorialRowProps} from './TutorialRow';\nexport {TutorialSearchRow} from './TutorialSearchRow';\nexport type {TutorialSearchRowProps} from './TutorialSearchRow';\nexport {ClustersList} from './ClustersList';\nexport type {ClustersListProps} from './ClustersList';\nexport {NavigationItemsList} from './NavigationItemsList';\nexport type {NavigationItemsListProps} from './NavigationItemsList';\nexport {NavigationDetail} from './NavigationDetail';\nexport type {NavigationDetailProps} from './NavigationDetail';\nexport {NavigationSchema, buildSchemaColumns, filterSchema} from './NavigationSchema';\nexport type {NavigationSchemaProps, NavigationSchemaViewConfig} from './NavigationSchema';\nexport {QueryStatistics} from './QueryStatistics';\nexport type {\n    QueryStatisticsColumn,\n    QueryStatisticsColumnConfig,\n    QueryStatisticsExtraColumn,\n    QueryStatisticsExtraColumnContext,\n    QueryStatisticsFormatValueContext,\n    QueryStatisticsGroup,\n    QueryStatisticsItem,\n    QueryStatisticsMetric,\n    QueryStatisticsProps,\n    QueryStatisticsValues,\n} from './QueryStatistics';\nexport {NavigationPreview, buildPreviewColumns, filterPreviewRows} from './NavigationPreview';\nexport type {NavigationPreviewProps, NavigationPreviewViewConfig} from './NavigationPreview';\nexport {NavigationMeta, buildMetaGroups} from './NavigationMeta';\nexport type {NavigationMetaProps, NavigationMetaViewConfig} from './NavigationMeta';\nexport {NavigationView, buildViewColumns} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,wBAAwB;AAEhC,SAAQC,gBAAgB;AAGxB,SAAQC,QAAQ;AAEhB,SAAQC,WAAW;AAEnB,SAAQC,UAAU;AAClB,SAAQC,gBAAgB;AACxB,SAAQC,aAAa;AAErB,SAAQC,mBAAmB;AAE3B;AACA;AACA,SAAQC,WAAW;AAEnB,SAAQC,iBAAiB;AAEzB,SAAQC,YAAY;AAEpB,SAAQC,mBAAmB;AAE3B,SAAQC,gBAAgB;AAExB,SAAQC,gBAAgB,EAAEC,kBAAkB,EAAEC,YAAY;AAE1D,SAAQC,eAAe;AAavB,SAAQC,iBAAiB,EAAEC,mBAAmB,EAAEC,iBAAiB;AAEjE,SAAQC,cAAc,EAAEC,eAAe;AAEvC,SAAQC,cAAc,EAAEC,gBAAgB","ignoreList":[]}

package/build/esm/types/declarations.d.ts

@@ -13,3 +13,13 @@ declare module '*.svg' {
     const ReactComponent: FC<React.SVGProps<SVGSVGElement>>;
     export default ReactComponent;
 }
+
+declare module '@gravity-ui/unipika' {
+    type UnipikaSettings = Record<string, unknown>;
+
+    type Unipika = {
+        formatFromYQL(data: [unknown, unknown], settings?: UnipikaSettings): string;
+    };
+
+    export default function createUnipika(settings?: UnipikaSettings): Unipika;
+}

package/build/esm/types/errorTree.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+export type ErrorTreeSeverity = 'error' | 'warning' | 'info';
+export type ErrorTreePosition = {
+    row: number;
+    column: number;
+};
+export type ErrorTreeItem = {
+    id: string;
+    severity: ErrorTreeSeverity;
+    message: string;
+    code?: string | number;
+    position?: ErrorTreePosition;
+    attributes?: Record<string, unknown>;
+    children?: ErrorTreeItem[];
+};
+export type ErrorTreeProps = {
+    root: ErrorTreeItem;
+    className?: string;
+    defaultExpanded?: boolean;
+    defaultInfoExpanded?: boolean;
+    renderAttributes?: (attributes: Record<string, unknown>, item: ErrorTreeItem) => React.ReactNode;
+    onPositionClick?: (item: ErrorTreeItem, position: ErrorTreePosition) => void;
+};

package/build/esm/types/errorTree.js

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=errorTree.js.map

package/build/esm/types/errorTree.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["errorTree.ts"],"sourcesContent":["import type React from 'react';\n\nexport type ErrorTreeSeverity = 'error' | 'warning' | 'info';\n\nexport type ErrorTreePosition = {\n    row: number;\n    column: number;\n};\n\nexport type ErrorTreeItem = {\n    id: string;\n    severity: ErrorTreeSeverity;\n    message: string;\n    code?: string | number;\n    position?: ErrorTreePosition;\n    attributes?: Record<string, unknown>;\n    children?: ErrorTreeItem[];\n};\n\nexport type ErrorTreeProps = {\n    root: ErrorTreeItem;\n    className?: string;\n    defaultExpanded?: boolean;\n    defaultInfoExpanded?: boolean;\n    renderAttributes?: (\n        attributes: Record<string, unknown>,\n        item: ErrorTreeItem,\n    ) => React.ReactNode;\n    onPositionClick?: (item: ErrorTreeItem, position: ErrorTreePosition) => void;\n};\n"],"mappings":"","ignoreList":[]}

package/build/esm/types/navigation.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import type { QueryResultColumn, QueryResultFormatterSettings } from './queryResults';
 import type { LoadPathSuggestions } from './pathEditor';
 export type NavigationLocation = {
     cluster: string | undefined;
@@ -77,10 +78,16 @@ export type NavigationSchemaConfig<TColumn extends NavigationSchemaColumn = Navi
 };
 export type NavigationCellValue = ReactNode;
 export type NavigationPreviewRow = Record<string, NavigationCellValue>;
+export type NavigationPreviewColumn<TRow extends NavigationPreviewRow = NavigationPreviewRow> = string | QueryResultColumn<TRow>;
 export type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> = NavigationAsyncConfig & {
-    columns: string[];
+    columns: Array<NavigationPreviewColumn<TRow>>;
     rows: TRow[];
 };
+export type NavigationPreviewFormatterConfig = {
+    /** Applied when every displayed preview column declares a YQL type. */
+    formatterSettings?: QueryResultFormatterSettings;
+    maxVisibleLines?: number;
+};
 export type NavigationViewRow = NavigationPreviewRow;
 export type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> = NavigationAction<NavigationViewSection<TRow>>;
 export type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> = NavigationAsyncConfig & {

package/build/esm/types/navigation.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["navigation.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport type {LoadPathSuggestions} from './pathEditor';\n\nexport type NavigationLocation = {\n    cluster: string | undefined;\n    path: string | undefined;\n};\n\nexport type NavigationAction<TArg> = {\n    id: string;\n    title: string;\n    content: ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    qa?: string;\n    onClick: (arg: TArg) => void;\n};\n\nexport type NavigationHeaderAction = NavigationAction<NavigationLocation>;\n\nexport type NavigationCluster = {\n    id: string;\n    title: string;\n    icon?: ReactNode;\n    color?: string;\n    backgroundColor?: string;\n    description?: string;\n};\n\nexport type NavigationItemKind = 'folder' | 'file' | 'table' | 'link' | 'unknown';\n\nexport type NavigationItem = {\n    path: string;\n    title: string;\n    icon?: ReactNode;\n    kind?: NavigationItemKind;\n    targetPathBroken?: boolean;\n    hasChildren?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationSortOrder = 'asc' | 'desc';\n\nexport type NavigationItemRowRenderData<T extends NavigationItem = NavigationItem> = {\n    item: T;\n    index: number;\n    isActive: boolean;\n    isParentRow: boolean;\n};\n\nexport type NavigationClusterRowRenderData<T extends NavigationCluster = NavigationCluster> = {\n    cluster: T;\n    index: number;\n    isActive: boolean;\n};\n\nexport type RenderNavigationItem<T extends NavigationItem = NavigationItem> = (\n    data: NavigationItemRowRenderData<T>,\n) => ReactNode;\n\nexport type RenderNavigationCluster<T extends NavigationCluster = NavigationCluster> = (\n    data: NavigationClusterRowRenderData<T>,\n) => ReactNode;\n\nexport type NavigationDetailTabRenderContext = {\n    search: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n};\n\nexport type NavigationDetailTab = {\n    id: string;\n    title: string;\n    content?: ReactNode;\n    renderContent?: (ctx: NavigationDetailTabRenderContext) => ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationAsyncConfig = {\n    loading?: boolean;\n    loaded?: boolean;\n    errorContent?: ReactNode;\n};\n\nexport type NavigationSchemaSortOrder = 'ascending' | 'descending';\n\nexport type NavigationSchemaColumn = {\n    name: string;\n    type?: string;\n    sortOrder?: NavigationSchemaSortOrder;\n    required?: boolean;\n    [key: string]: unknown;\n};\n\nexport type NavigationSchemaConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = NavigationAsyncConfig & {\n    columns: TColumn[];\n};\n\nexport type NavigationCellValue = ReactNode;\n\nexport type NavigationPreviewRow = Record<string, NavigationCellValue>;\n\nexport type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationAsyncConfig & {\n        columns: string[];\n        rows: TRow[];\n    };\n\nexport type NavigationViewRow = NavigationPreviewRow;\n\nexport type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAction<NavigationViewSection<TRow>>;\n\nexport type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        id: string;\n        title: ReactNode;\n        columns: string[];\n        rows: TRow[];\n        expanded?: boolean;\n        defaultExpanded?: boolean;\n        onExpandedChange?: (expanded: boolean) => void;\n        actions?: Array<NavigationViewSectionAction<TRow>>;\n    };\n\nexport type NavigationViewConfig<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        sections: Array<NavigationViewSection<TRow>>;\n    };\n\nexport type NavigationMetaItem = {\n    name: string;\n    value: NavigationCellValue;\n    [key: string]: unknown;\n};\n\nexport type NavigationMetaGroup<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    title?: string;\n    items: TItem[];\n};\n\nexport type NavigationMetaConfig<TItem extends NavigationMetaItem = NavigationMetaItem> =\n    NavigationAsyncConfig & {\n        groups: Array<NavigationMetaGroup<TItem>>;\n    };\n\nexport type NavigationDetailConfig = {\n    tabs: NavigationDetailTab[];\n    defaultTab?: string;\n    hasSearch?: boolean;\n    searchPlaceholder?: string;\n    actions?: NavigationHeaderAction[];\n    emptyContent?: ReactNode;\n};\n\nexport type ResolveNavigationDetail<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig | undefined;\n\nexport type NavigationDetailConfigFactory<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig;\n\nexport type NavigationSearchConfig = {\n    value?: string;\n    onUpdate?: (value: string) => void;\n};\n\nexport type NavigationSortConfig = {\n    value?: NavigationSortOrder;\n    onUpdate?: (sort: NavigationSortOrder) => void;\n};\n\nexport type NavigationListStateConfig = {\n    loading?: boolean;\n    error?: boolean | ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n};\n\nexport type NavigationHeaderConfig = {\n    actions?: NavigationHeaderAction[];\n    onLoadSuggestions?: LoadPathSuggestions;\n};\n\nexport type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {\n    openedItem?: TItem;\n    onItemOpen?: (item: TItem) => void;\n    onClose?: () => void;\n    resolve?: ResolveNavigationDetail<TItem>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    actions?: NavigationHeaderAction[];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["navigation.ts"],"sourcesContent":["import {ReactNode} from 'react';\nimport type {QueryResultColumn, QueryResultFormatterSettings} from './queryResults';\nimport type {LoadPathSuggestions} from './pathEditor';\n\nexport type NavigationLocation = {\n    cluster: string | undefined;\n    path: string | undefined;\n};\n\nexport type NavigationAction<TArg> = {\n    id: string;\n    title: string;\n    content: ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    qa?: string;\n    onClick: (arg: TArg) => void;\n};\n\nexport type NavigationHeaderAction = NavigationAction<NavigationLocation>;\n\nexport type NavigationCluster = {\n    id: string;\n    title: string;\n    icon?: ReactNode;\n    color?: string;\n    backgroundColor?: string;\n    description?: string;\n};\n\nexport type NavigationItemKind = 'folder' | 'file' | 'table' | 'link' | 'unknown';\n\nexport type NavigationItem = {\n    path: string;\n    title: string;\n    icon?: ReactNode;\n    kind?: NavigationItemKind;\n    targetPathBroken?: boolean;\n    hasChildren?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationSortOrder = 'asc' | 'desc';\n\nexport type NavigationItemRowRenderData<T extends NavigationItem = NavigationItem> = {\n    item: T;\n    index: number;\n    isActive: boolean;\n    isParentRow: boolean;\n};\n\nexport type NavigationClusterRowRenderData<T extends NavigationCluster = NavigationCluster> = {\n    cluster: T;\n    index: number;\n    isActive: boolean;\n};\n\nexport type RenderNavigationItem<T extends NavigationItem = NavigationItem> = (\n    data: NavigationItemRowRenderData<T>,\n) => ReactNode;\n\nexport type RenderNavigationCluster<T extends NavigationCluster = NavigationCluster> = (\n    data: NavigationClusterRowRenderData<T>,\n) => ReactNode;\n\nexport type NavigationDetailTabRenderContext = {\n    search: string;\n    onSearchUpdate?: (value: string) => void;\n    searchPlaceholder?: string;\n};\n\nexport type NavigationDetailTab = {\n    id: string;\n    title: string;\n    content?: ReactNode;\n    renderContent?: (ctx: NavigationDetailTabRenderContext) => ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n};\n\nexport type NavigationAsyncConfig = {\n    loading?: boolean;\n    loaded?: boolean;\n    errorContent?: ReactNode;\n};\n\nexport type NavigationSchemaSortOrder = 'ascending' | 'descending';\n\nexport type NavigationSchemaColumn = {\n    name: string;\n    type?: string;\n    sortOrder?: NavigationSchemaSortOrder;\n    required?: boolean;\n    [key: string]: unknown;\n};\n\nexport type NavigationSchemaConfig<\n    TColumn extends NavigationSchemaColumn = NavigationSchemaColumn,\n> = NavigationAsyncConfig & {\n    columns: TColumn[];\n};\n\nexport type NavigationCellValue = ReactNode;\n\nexport type NavigationPreviewRow = Record<string, NavigationCellValue>;\n\nexport type NavigationPreviewColumn<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    string | QueryResultColumn<TRow>;\n\nexport type NavigationPreviewConfig<TRow extends NavigationPreviewRow = NavigationPreviewRow> =\n    NavigationAsyncConfig & {\n        columns: Array<NavigationPreviewColumn<TRow>>;\n        rows: TRow[];\n    };\n\nexport type NavigationPreviewFormatterConfig = {\n    /** Applied when every displayed preview column declares a YQL type. */\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n};\n\nexport type NavigationViewRow = NavigationPreviewRow;\n\nexport type NavigationViewSectionAction<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAction<NavigationViewSection<TRow>>;\n\nexport type NavigationViewSection<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        id: string;\n        title: ReactNode;\n        columns: string[];\n        rows: TRow[];\n        expanded?: boolean;\n        defaultExpanded?: boolean;\n        onExpandedChange?: (expanded: boolean) => void;\n        actions?: Array<NavigationViewSectionAction<TRow>>;\n    };\n\nexport type NavigationViewConfig<TRow extends NavigationViewRow = NavigationViewRow> =\n    NavigationAsyncConfig & {\n        sections: Array<NavigationViewSection<TRow>>;\n    };\n\nexport type NavigationMetaItem = {\n    name: string;\n    value: NavigationCellValue;\n    [key: string]: unknown;\n};\n\nexport type NavigationMetaGroup<TItem extends NavigationMetaItem = NavigationMetaItem> = {\n    title?: string;\n    items: TItem[];\n};\n\nexport type NavigationMetaConfig<TItem extends NavigationMetaItem = NavigationMetaItem> =\n    NavigationAsyncConfig & {\n        groups: Array<NavigationMetaGroup<TItem>>;\n    };\n\nexport type NavigationDetailConfig = {\n    tabs: NavigationDetailTab[];\n    defaultTab?: string;\n    hasSearch?: boolean;\n    searchPlaceholder?: string;\n    actions?: NavigationHeaderAction[];\n    emptyContent?: ReactNode;\n};\n\nexport type ResolveNavigationDetail<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig | undefined;\n\nexport type NavigationDetailConfigFactory<T extends NavigationItem = NavigationItem> = (\n    item: T,\n) => NavigationDetailConfig;\n\nexport type NavigationSearchConfig = {\n    value?: string;\n    onUpdate?: (value: string) => void;\n};\n\nexport type NavigationSortConfig = {\n    value?: NavigationSortOrder;\n    onUpdate?: (sort: NavigationSortOrder) => void;\n};\n\nexport type NavigationListStateConfig = {\n    loading?: boolean;\n    error?: boolean | ReactNode;\n    hasMore?: boolean;\n    onLoadMore?: () => void;\n};\n\nexport type NavigationHeaderConfig = {\n    actions?: NavigationHeaderAction[];\n    onLoadSuggestions?: LoadPathSuggestions;\n};\n\nexport type NavigationDetailPanelConfig<TItem extends NavigationItem = NavigationItem> = {\n    openedItem?: TItem;\n    onItemOpen?: (item: TItem) => void;\n    onClose?: () => void;\n    resolve?: ResolveNavigationDetail<TItem>;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    actions?: NavigationHeaderAction[];\n};\n"],"mappings":"","ignoreList":[]}

package/build/esm/types/queryResults.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { AlignType } from '@gravity-ui/react-data-table';
+export type QueryResultDataTypeParameter = string | number | boolean | null | QueryResultDataType | readonly QueryResultDataType[] | readonly [string, QueryResultDataType][];
+/** A YQL type tuple accepted by @gravity-ui/unipika. */
+export type QueryResultDataType = readonly [string, ...QueryResultDataTypeParameter[]];
+export type QueryResultFormatterSettings = {
+    escapeWhitespace?: boolean;
+    decodeUTF8?: boolean;
+    showDecoded?: boolean;
+    binaryAsHex?: boolean;
+    escapeYQLStrings?: boolean;
+    omitStructNull?: boolean;
+    maxListSize?: number;
+    maxStringSize?: number;
+    compact?: boolean;
+};
+export type QueryResultColumn<TRow extends Record<string, unknown>> = {
+    name: Extract<keyof TRow, string> | string;
+    type: QueryResultDataType;
+    header?: ReactNode;
+    width?: number | string;
+    align?: AlignType;
+    render?: (context: QueryResultCellRenderContext<TRow>) => ReactNode;
+};
+export type QueryResultCellRenderContext<TRow extends Record<string, unknown>> = {
+    row: TRow;
+    value: unknown;
+    index: number;
+    column: QueryResultColumn<TRow>;
+};
+export type QueryResultsView = 'result' | 'schema';
+export type QueryResultsSchemaRenderContext<TRow extends Record<string, unknown>> = {
+    columns: Array<QueryResultColumn<TRow>>;
+};

package/build/esm/types/queryResults.js

@@ -0,0 +1,2 @@
+export {};
+// #sourceMappingURL=queryResults.js.map

package/build/esm/types/queryResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["queryResults.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {AlignType} from '@gravity-ui/react-data-table';\n\nexport type QueryResultDataTypeParameter =\n    | string\n    | number\n    | boolean\n    | null\n    | QueryResultDataType\n    | readonly QueryResultDataType[]\n    | readonly [string, QueryResultDataType][];\n\n/** A YQL type tuple accepted by @gravity-ui/unipika. */\nexport type QueryResultDataType = readonly [string, ...QueryResultDataTypeParameter[]];\n\nexport type QueryResultFormatterSettings = {\n    escapeWhitespace?: boolean;\n    decodeUTF8?: boolean;\n    showDecoded?: boolean;\n    binaryAsHex?: boolean;\n    escapeYQLStrings?: boolean;\n    omitStructNull?: boolean;\n    maxListSize?: number;\n    maxStringSize?: number;\n    compact?: boolean;\n};\n\nexport type QueryResultColumn<TRow extends Record<string, unknown>> = {\n    name: Extract<keyof TRow, string> | string;\n    type: QueryResultDataType;\n    header?: ReactNode;\n    width?: number | string;\n    align?: AlignType;\n    render?: (context: QueryResultCellRenderContext<TRow>) => ReactNode;\n};\n\nexport type QueryResultCellRenderContext<TRow extends Record<string, unknown>> = {\n    row: TRow;\n    value: unknown;\n    index: number;\n    column: QueryResultColumn<TRow>;\n};\n\nexport type QueryResultsView = 'result' | 'schema';\n\nexport type QueryResultsSchemaRenderContext<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n};\n"],"mappings":"","ignoreList":[]}