@gravity-ui/querieskit 1.1.0 → 1.3.0

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

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryStatisticsTable = QueryStatisticsTable;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.number.is-finite.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _reactDataTable = _interopRequireDefault(require("@gravity-ui/react-data-table"));
+var _components = require("../../../components");
+var _helpers = require("../helpers");
+var _i18n = _interopRequireDefault(require("../i18n"));
+var _MetricCell = require("./MetricCell");
+require("./QueryStatisticsTable.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 NO_VALUE = '—';
+var block = 'qp-query-statistics-table';
+var COLUMN_TITLES = {
+  min: function min() {
+    return (0, _i18n.default)('field_min');
+  },
+  max: function max() {
+    return (0, _i18n.default)('field_max');
+  },
+  avg: function avg() {
+    return (0, _i18n.default)('field_avg');
+  },
+  sum: function sum() {
+    return (0, _i18n.default)('field_sum');
+  },
+  count: function count() {
+    return (0, _i18n.default)('field_count');
+  },
+  last: function last() {
+    return (0, _i18n.default)('field_last');
+  }
+};
+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 = (0, _react.useMemo)(function () {
+    return new Intl.NumberFormat(undefined, {
+      maximumFractionDigits: 6
+    });
+  }, []);
+  var columns = (0, _react.useMemo)(function () {
+    var metricColumn = {
+      name: 'metric',
+      header: (0, _i18n.default)('field_metric'),
+      className: "".concat(block, "__metric-column"),
+      width: '40%',
+      sortable: false,
+      render: function render(_ref2) {
+        var row = _ref2.row;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetricCell.MetricCell, {
+          row: row,
+          expanded: (0, _helpers.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: _reactDataTable.default.RIGHT,
+        sortable: false,
+        render: function render(_ref3) {
+          var row = _ref3.row;
+          if (!(0, _helpers.isQueryStatisticsMetric)(row.item)) return NO_VALUE;
+          var value = (0, _helpers.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((0, _toConsumableArray2.default)(valueColumns), (0, _toConsumableArray2.default)(customColumns));
+  }, [columnConfig, expandedIds, extraColumns, formatValue, numberFormatter, onToggleGroup, visibleColumns]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: block + (fixedHeader ? " ".concat(block, "_fixed") : ''),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.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 ? _reactDataTable.default.MOVING : undefined,
+        syncHeadOnResize: fixedHeader
+      }
+    })
+  });
+}
+// #sourceMappingURL=QueryStatisticsTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDataTable","_interopRequireDefault","_components","_helpers","_i18n","_MetricCell","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NO_VALUE","block","COLUMN_TITLES","min","i18n","max","avg","sum","count","last","QueryStatisticsTable","_ref","rows","visibleColumns","columnConfig","extraColumns","expandedIds","fixedHeader","virtual","formatValue","isSearching","onToggleGroup","numberFormatter","useMemo","Intl","NumberFormat","undefined","maximumFractionDigits","columns","metricColumn","name","header","className","concat","width","sortable","render","_ref2","row","_jsx","MetricCell","expanded","isQueryStatisticsGroup","item","id","onToggle","valueColumns","map","column","_columnConfig$column$","_columnConfig$column","_columnConfig$column$2","_columnConfig$column2","title","align","BaseDataTable","RIGHT","_ref3","isQueryStatisticsMetric","value","getQueryStatisticsValue","Number","isFinite","format","customColumns","_column$width","_ref4","level","_toConsumableArray","children","DataTable","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/cjs/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/cjs/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/cjs/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/cjs/modules/QueryStatistics/internal/QueryStatisticsToolbar.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryStatisticsToolbar = QueryStatisticsToolbar;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.search.js");
+var _react = _interopRequireDefault(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _components = require("../../../components");
+var _i18n = _interopRequireDefault(require("../i18n"));
+require("./QueryStatisticsToolbar.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-query-statistics-toolbar');
+function QueryStatisticsToolbar(_ref) {
+  var search = _ref.search,
+    hasGroups = _ref.hasGroups,
+    onSearchUpdate = _ref.onSearchUpdate,
+    onExpandAll = _ref.onExpandAll,
+    onCollapseAll = _ref.onCollapseAll;
+  var buttons = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+    size: "m",
+    "aria-label": (0, _i18n.default)('action_expand-all'),
+    title: (0, _i18n.default)('action_expand-all'),
+    disabled: !hasGroups,
+    onClick: onExpandAll,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+      data: _icons.ChevronsDown,
+      size: 16
+    })
+  }, "expand"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+    size: "m",
+    "aria-label": (0, _i18n.default)('action_collapse-all'),
+    title: (0, _i18n.default)('action_collapse-all'),
+    disabled: !hasGroups,
+    onClick: onCollapseAll,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+      data: _icons.ChevronsUp,
+      size: 16
+    })
+  }, "collapse")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchWithButtons, {
+    value: search,
+    placeholder: (0, _i18n.default)('field_search'),
+    hasClear: true,
+    onUpdate: onSearchUpdate,
+    endButtons: buttons,
+    className: block()
+  });
+}
+// #sourceMappingURL=QueryStatisticsToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_icons","_uikit","_bemCnLite","_components","_i18n","_jsxRuntime","e","__esModule","default","block","cn","QueryStatisticsToolbar","_ref","search","hasGroups","onSearchUpdate","onExpandAll","onCollapseAll","buttons","_jsx","Button","size","i18n","title","disabled","onClick","children","Icon","data","ChevronsDown","ChevronsUp","SearchWithButtons","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAEAA,OAAA;AAAuC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,6BAA6B,CAAC;AAUxC,SAASC,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,cACZ,IAAAC,eAAA,EAACC,aAAM;IAEHC,IAAI,EAAC,GAAG;IACR,cAAY,IAAAC,aAAI,EAAC,mBAAmB,CAAE;IACtCC,KAAK,EAAE,IAAAD,aAAI,EAAC,mBAAmB,CAAE;IACjCE,QAAQ,EAAE,CAACV,SAAU;IACrBW,OAAO,EAAET,WAAY;IAAAU,QAAA,eAErB,IAAAP,eAAA,EAACQ,WAAI;MAACC,IAAI,EAAEC,mBAAa;MAACR,IAAI,EAAE;IAAG,CAAE;EAAC,GAPlC,QAQA,CAAC,eACT,IAAAF,eAAA,EAACC,aAAM;IAEHC,IAAI,EAAC,GAAG;IACR,cAAY,IAAAC,aAAI,EAAC,qBAAqB,CAAE;IACxCC,KAAK,EAAE,IAAAD,aAAI,EAAC,qBAAqB,CAAE;IACnCE,QAAQ,EAAE,CAACV,SAAU;IACrBW,OAAO,EAAER,aAAc;IAAAS,QAAA,eAEvB,IAAAP,eAAA,EAACQ,WAAI;MAACC,IAAI,EAAEE,iBAAW;MAACT,IAAI,EAAE;IAAG,CAAE;EAAC,GAPhC,UAQA,CAAC,CACZ;EAED,oBACI,IAAAF,eAAA,EAACY,6BAAiB;IACdC,KAAK,EAAEnB,MAAO;IACdoB,WAAW,EAAE,IAAAX,aAAI,EAAC,cAAc,CAAE;IAClCY,QAAQ;IACRC,QAAQ,EAAEpB,cAAe;IACzBqB,UAAU,EAAElB,OAAQ;IACpBmB,SAAS,EAAE5B,KAAK,CAAC;EAAE,CACtB,CAAC;AAEV","ignoreList":[]}

package/build/cjs/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/cjs/modules/QueryStatistics/story/QueryStatistics.stories.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VirtualAndFixed = exports.Default = exports.ConfiguredColumns = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.string.iterator.js");
+var _react = _interopRequireDefault(require("react"));
+var _QueryStatistics = require("../QueryStatistics");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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.QueryStatistics,
+  tags: ['autodocs'],
+  args: {
+    data: data
+  }
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {};
+var ConfiguredColumns = exports.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 : '—';
+      }
+    }]
+  }
+};
+var VirtualAndFixed = exports.VirtualAndFixed = {
+  args: {
+    data: largeData,
+    virtual: true,
+    fixedHeader: true
+  },
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: 360,
+        maxWidth: 1100,
+        overflow: 'auto'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatistics.QueryStatistics, (0, _objectSpread2.default)({}, args))
+    });
+  }
+};
+// #sourceMappingURL=QueryStatistics.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_QueryStatistics","_jsxRuntime","e","__esModule","default","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","QueryStatistics","tags","args","_default","exports","Default","ConfiguredColumns","visibleColumns","columnConfig","width","extraColumns","render","_ref","_item$unit","item","VirtualAndFixed","virtual","fixedHeader","_jsx","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/cjs/modules/RowsList/RowsList.d.ts

@@ -1,17 +1,17 @@
 import React from 'react';
-import { BaseHistoryRow, QueryHistoryComparisonConfig, QueryHistoryEditingConfig, QueryHistoryItem, QueryHistoryRowAction, QueryHistoryRowRenderData, QueryHistoryRowVariant, QueryHistoryVisibleFieldsConfig } from '../../types/history';
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListItem, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListRowVariant, QueryListVisibleFieldsConfig } from '../../types/queryList';
 import './RowsList.scss';
-export type RowsListProps<T extends BaseHistoryRow> = {
-    items: QueryHistoryItem<T>[];
+export type RowsListProps<T extends QueryListRow> = {
+    items: QueryListItem<T>[];
     selectedRowId?: T['id'];
-    rowVariant?: QueryHistoryRowVariant;
-    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
-    editing?: QueryHistoryEditingConfig<T>;
-    comparison?: QueryHistoryComparisonConfig<T>;
-    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];
-    renderRow: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;
+    rowVariant?: QueryListRowVariant;
+    visibleFields?: QueryListVisibleFieldsConfig<T>;
+    editing?: QueryListEditingConfig<T>;
+    comparison?: QueryListComparisonConfig<T>;
+    getRowActions?: (item: T) => QueryListRowAction<T>[];
+    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;
     showFiltersHint?: boolean;
     className?: string;
-    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;
+    onItemClick?: (item: QueryListItem<T>, index: number) => void;
 };
-export declare const RowsList: <T extends BaseHistoryRow>({ items, selectedRowId, rowVariant, visibleFields, editing, comparison, getRowActions, renderRow, showFiltersHint, className, onItemClick, }: RowsListProps<T>) => React.JSX.Element;
+export declare const RowsList: <T extends QueryListRow>({ items, selectedRowId, rowVariant, visibleFields, editing, comparison, getRowActions, renderRow, showFiltersHint, className, onItemClick, }: RowsListProps<T>) => React.JSX.Element;

package/build/cjs/modules/RowsList/RowsList.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RowsList = void 0;
+require("core-js/modules/es.array.find-index.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 var _react = _interopRequireDefault(require("react"));
@@ -31,6 +32,9 @@ var RowsList = exports.RowsList = function RowsList(_ref) {
   var getItemHeight = function getItemHeight(item) {
     return rowVariant === 'search' && !('header' in item) ? _row.SEARCH_ROW_HEIGHT : item.height;
   };
+  var selectedItemIndex = selectedRowId === undefined ? undefined : items.findIndex(function (item) {
+    return !('header' in item) && item.id === selectedRowId;
+  });
   var handleItemClick = function handleItemClick(item, index) {
     if ('header' in item || !(comparison !== null && comparison !== void 0 && comparison.enabled)) {
       onItemClick === null || onItemClick === void 0 || onItemClick(item, index);
@@ -61,7 +65,7 @@ var RowsList = exports.RowsList = function RowsList(_ref) {
         getRowActions: getRowActions
       }));
     },
-    selectedItemIndex: selectedRowId,
+    selectedItemIndex: selectedItemIndex,
     onItemClick: handleItemClick
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_components","_prepareRowData","_row","_jsxRuntime","e","__esModule","default","block","cn","RowsList","exports","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","SEARCH_ROW_HEIGHT","height","handleItemClick","index","enabled","selected","comparedRowIds","includes","id","onChange","length","_jsx","EmptyContent","variant","LazyList","itemHeight","renderItem","isActive","prepareRowData","selectedItemIndex"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    BaseHistoryRow,\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../types/history';\nimport {EmptyContent, LazyList} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends BaseHistoryRow> = {\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n    renderRow: (data: QueryHistoryRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryHistoryItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends BaseHistoryRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryHistoryItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n\n    const handleItemClick = (item: QueryHistoryItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    if (!items.length) {\n        return (\n            <EmptyContent\n                variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                className={className}\n            />\n        );\n    }\n\n    return (\n        <LazyList<QueryHistoryItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedRowId}\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAWA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACAA,OAAA;AAAyB,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzB,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,cAAc,CAAC;AAgBzB,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,IAAA,EAYG;EAAA,IAXpBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAAC,eAAA,GAAAH,IAAA,CACbI,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IACtBE,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,SAAS,GAAAX,IAAA,CAATW,SAAS;IACTC,WAAW,GAAAZ,IAAA,CAAXY,WAAW;EAEX,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAAyB;IAAA,OAC5CV,UAAU,KAAK,QAAQ,IAAI,EAAE,QAAQ,IAAIU,IAAI,CAAC,GAAGC,sBAAiB,GAAGD,IAAI,CAACE,MAAM;EAAA;EAEpF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIH,IAAyB,EAAEI,KAAa,EAAK;IAClE,IAAI,QAAQ,IAAIJ,IAAI,IAAI,EAACP,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEY,OAAO,GAAE;MAC1CP,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGE,IAAI,EAAEI,KAAK,CAAC;MAC1B;IACJ;IAEA,IAAME,QAAQ,GAAGb,UAAU,CAACc,cAAc,CAACC,QAAQ,CAACR,IAAI,CAACS,EAAE,CAAC;IAC5DhB,UAAU,CAACiB,QAAQ,CAACV,IAAI,EAAE,CAACM,QAAQ,CAAC;EACxC,CAAC;EAED,IAAI,CAACnB,KAAK,CAACwB,MAAM,EAAE;IACf,oBACI,IAAAC,eAAA,EAACC,wBAAY;MACTC,OAAO,EAAElB,eAAe,GAAG,eAAe,GAAG,UAAW;MACxDC,SAAS,EAAEA;IAAU,CACxB,CAAC;EAEV;EAEA,oBACI,IAAAe,eAAA,EAACG,oBAAQ;IACLlB,SAAS,EAAEf,KAAK,CAAC,IAAI,EAAEe,SAAS,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACb6B,UAAU,EAAEjB,aAAc;IAC1BkB,UAAU,EAAE,SAAZA,UAAUA,CAAGjB,IAAI,EAAEkB,QAAQ,EAAEd,KAAK;MAAA,OAC9BT,SAAS,CACL,IAAAwB,8BAAc,EAAC;QACXnB,IAAI,EAAJA,IAAI;QACJkB,QAAQ,EAARA,QAAQ;QACRd,KAAK,EAALA,KAAK;QACLU,OAAO,EAAExB,UAAU;QACnBC,aAAa,EAAbA,aAAa;QACbC,OAAO,EAAPA,OAAO;QACPC,UAAU,EAAVA,UAAU;QACVC,aAAa,EAAbA;MACJ,CAAC,CACL,CAAC;IAAA,CACJ;IACD0B,iBAAiB,EAAEhC,aAAc;IACjCU,WAAW,EAAEK;EAAgB,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bemCnLite","_components","_prepareRowData","_row","_jsxRuntime","e","__esModule","default","block","cn","RowsList","exports","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","SEARCH_ROW_HEIGHT","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","length","_jsx","EmptyContent","variant","LazyList","itemHeight","renderItem","isActive","prepareRowData"],"sources":["RowsList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {EmptyContent, LazyList} from '../../components';\nimport {prepareRowData} from './helpers/prepareRowData';\nimport {SEARCH_ROW_HEIGHT} from '../../constants/row';\nimport './RowsList.scss';\n\nconst block = cn('qp-rows-list');\n\nexport type RowsListProps<T extends QueryListRow> = {\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    rowVariant?: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    showFiltersHint?: boolean;\n    className?: string;\n    onItemClick?: (item: QueryListItem<T>, index: number) => void;\n};\n\nexport const RowsList = <T extends QueryListRow>({\n    items,\n    selectedRowId,\n    rowVariant = 'default',\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n    renderRow,\n    showFiltersHint,\n    className,\n    onItemClick,\n}: RowsListProps<T>) => {\n    const getItemHeight = (item: QueryListItem<T>) =>\n        rowVariant === 'search' && !('header' in item) ? SEARCH_ROW_HEIGHT : item.height;\n    const selectedItemIndex =\n        selectedRowId === undefined\n            ? undefined\n            : items.findIndex((item) => !('header' in item) && item.id === selectedRowId);\n\n    const handleItemClick = (item: QueryListItem<T>, index: number) => {\n        if ('header' in item || !comparison?.enabled) {\n            onItemClick?.(item, index);\n            return;\n        }\n\n        const selected = comparison.comparedRowIds.includes(item.id);\n        comparison.onChange(item, !selected);\n    };\n\n    if (!items.length) {\n        return (\n            <EmptyContent\n                variant={showFiltersHint ? 'nothing-found' : 'no-files'}\n                className={className}\n            />\n        );\n    }\n\n    return (\n        <LazyList<QueryListItem<T>>\n            className={block(null, className)}\n            items={items}\n            itemHeight={getItemHeight}\n            renderItem={(item, isActive, index) =>\n                renderRow(\n                    prepareRowData({\n                        item,\n                        isActive,\n                        index,\n                        variant: rowVariant,\n                        visibleFields,\n                        editing,\n                        comparison,\n                        getRowActions,\n                    }),\n                )\n            }\n            selectedItemIndex={selectedItemIndex}\n            onItemClick={handleItemClick}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/RowsList/helpers/prepareRowData.d.ts

@@ -1,13 +1,13 @@
-import { BaseHistoryRow, QueryHistoryComparisonConfig, QueryHistoryEditingConfig, QueryHistoryItem, QueryHistoryRowAction, QueryHistoryRowRenderData, QueryHistoryRowVariant, QueryHistoryVisibleFieldsConfig } from '../../../types/history';
-type Props<T extends BaseHistoryRow> = {
-    item: QueryHistoryItem<T>;
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListItem, QueryListRow, QueryListRowAction, QueryListRowRenderData, QueryListRowVariant, QueryListVisibleFieldsConfig } from '../../../types/queryList';
+type Props<T extends QueryListRow> = {
+    item: QueryListItem<T>;
     isActive: boolean;
     index: number;
-    variant: QueryHistoryRowVariant;
-    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;
-    editing?: QueryHistoryEditingConfig<T>;
-    comparison?: QueryHistoryComparisonConfig<T>;
-    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];
+    variant: QueryListRowVariant;
+    visibleFields?: QueryListVisibleFieldsConfig<T>;
+    editing?: QueryListEditingConfig<T>;
+    comparison?: QueryListComparisonConfig<T>;
+    getRowActions?: (item: T) => QueryListRowAction<T>[];
 };
-export declare const prepareRowData: <T extends BaseHistoryRow>({ item, isActive, index, variant, visibleFields, editing, comparison, getRowActions, }: Props<T>) => QueryHistoryRowRenderData<T>;
+export declare const prepareRowData: <T extends QueryListRow>({ item, isActive, index, variant, visibleFields, editing, comparison, getRowActions, }: Props<T>) => QueryListRowRenderData<T>;
 export {};

package/build/cjs/modules/RowsList/helpers/prepareRowData.js.map

@@ -1 +1 @@
-{"version":3,"names":["prepareRowData","exports","_ref","item","isActive","index","variant","visibleFields","editing","comparison","getRowActions","isRow","actions","undefined","editingData","enabled","rowId","id","onSubmit","onCancel","comparisonData","checked","comparedRowIds","includes"],"sources":["prepareRowData.ts"],"sourcesContent":["import {\n    BaseHistoryRow,\n    QueryHistoryComparisonConfig,\n    QueryHistoryEditingConfig,\n    QueryHistoryItem,\n    QueryHistoryRowAction,\n    QueryHistoryRowRenderData,\n    QueryHistoryRowVariant,\n    QueryHistoryVisibleFieldsConfig,\n} from '../../../types/history';\n\ntype Props<T extends BaseHistoryRow> = {\n    item: QueryHistoryItem<T>;\n    isActive: boolean;\n    index: number;\n    variant: QueryHistoryRowVariant;\n    visibleFields?: QueryHistoryVisibleFieldsConfig<T>;\n    editing?: QueryHistoryEditingConfig<T>;\n    comparison?: QueryHistoryComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryHistoryRowAction<T>[];\n};\n\nexport const prepareRowData = <T extends BaseHistoryRow>({\n    item,\n    isActive,\n    index,\n    variant,\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n}: Props<T>): QueryHistoryRowRenderData<T> => {\n    const isRow = !('header' in item);\n    const actions = isRow && getRowActions ? getRowActions(item) : undefined;\n    const editingData =\n        isRow && editing\n            ? {\n                  enabled: editing.rowId === item.id,\n                  onSubmit: editing.onSubmit,\n                  onCancel: editing.onCancel,\n              }\n            : undefined;\n    const comparisonData =\n        isRow && comparison && comparison.enabled\n            ? {\n                  enabled: true,\n                  checked: comparison.comparedRowIds.includes(item.id),\n              }\n            : undefined;\n\n    return {\n        item,\n        index,\n        isActive,\n        variant,\n        visibleFields,\n        actions,\n        editing: editingData,\n        comparison: comparisonData,\n    };\n};\n"],"mappings":";;;;;;;;AAsBO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EASmB;EAAA,IAR1CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;EAEb,IAAMC,KAAK,GAAG,EAAE,QAAQ,IAAIR,IAAI,CAAC;EACjC,IAAMS,OAAO,GAAGD,KAAK,IAAID,aAAa,GAAGA,aAAa,CAACP,IAAI,CAAC,GAAGU,SAAS;EACxE,IAAMC,WAAW,GACbH,KAAK,IAAIH,OAAO,GACV;IACIO,OAAO,EAAEP,OAAO,CAACQ,KAAK,KAAKb,IAAI,CAACc,EAAE;IAClCC,QAAQ,EAAEV,OAAO,CAACU,QAAQ;IAC1BC,QAAQ,EAAEX,OAAO,CAACW;EACtB,CAAC,GACDN,SAAS;EACnB,IAAMO,cAAc,GAChBT,KAAK,IAAIF,UAAU,IAAIA,UAAU,CAACM,OAAO,GACnC;IACIA,OAAO,EAAE,IAAI;IACbM,OAAO,EAAEZ,UAAU,CAACa,cAAc,CAACC,QAAQ,CAACpB,IAAI,CAACc,EAAE;EACvD,CAAC,GACDJ,SAAS;EAEnB,OAAO;IACHV,IAAI,EAAJA,IAAI;IACJE,KAAK,EAALA,KAAK;IACLD,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPC,aAAa,EAAbA,aAAa;IACbK,OAAO,EAAPA,OAAO;IACPJ,OAAO,EAAEM,WAAW;IACpBL,UAAU,EAAEW;EAChB,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["prepareRowData","exports","_ref","item","isActive","index","variant","visibleFields","editing","comparison","getRowActions","isRow","actions","undefined","editingData","enabled","rowId","id","onSubmit","onCancel","comparisonData","checked","comparedRowIds","includes"],"sources":["prepareRowData.ts"],"sourcesContent":["import {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListItem,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListRowVariant,\n    QueryListVisibleFieldsConfig,\n} from '../../../types/queryList';\n\ntype Props<T extends QueryListRow> = {\n    item: QueryListItem<T>;\n    isActive: boolean;\n    index: number;\n    variant: QueryListRowVariant;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n};\n\nexport const prepareRowData = <T extends QueryListRow>({\n    item,\n    isActive,\n    index,\n    variant,\n    visibleFields,\n    editing,\n    comparison,\n    getRowActions,\n}: Props<T>): QueryListRowRenderData<T> => {\n    const isRow = !('header' in item);\n    const actions = isRow && getRowActions ? getRowActions(item) : undefined;\n    const editingData =\n        isRow && editing\n            ? {\n                  enabled: editing.rowId === item.id,\n                  onSubmit: editing.onSubmit,\n                  onCancel: editing.onCancel,\n              }\n            : undefined;\n    const comparisonData =\n        isRow && comparison && comparison.enabled\n            ? {\n                  enabled: true,\n                  checked: comparison.comparedRowIds.includes(item.id),\n              }\n            : undefined;\n\n    return {\n        item,\n        index,\n        isActive,\n        variant,\n        visibleFields,\n        actions,\n        editing: editingData,\n        comparison: comparisonData,\n    };\n};\n"],"mappings":";;;;;;;;AAsBO,IAAMA,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EASgB;EAAA,IARvCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;EAEb,IAAMC,KAAK,GAAG,EAAE,QAAQ,IAAIR,IAAI,CAAC;EACjC,IAAMS,OAAO,GAAGD,KAAK,IAAID,aAAa,GAAGA,aAAa,CAACP,IAAI,CAAC,GAAGU,SAAS;EACxE,IAAMC,WAAW,GACbH,KAAK,IAAIH,OAAO,GACV;IACIO,OAAO,EAAEP,OAAO,CAACQ,KAAK,KAAKb,IAAI,CAACc,EAAE;IAClCC,QAAQ,EAAEV,OAAO,CAACU,QAAQ;IAC1BC,QAAQ,EAAEX,OAAO,CAACW;EACtB,CAAC,GACDN,SAAS;EACnB,IAAMO,cAAc,GAChBT,KAAK,IAAIF,UAAU,IAAIA,UAAU,CAACM,OAAO,GACnC;IACIA,OAAO,EAAE,IAAI;IACbM,OAAO,EAAEZ,UAAU,CAACa,cAAc,CAACC,QAAQ,CAACpB,IAAI,CAACc,EAAE;EACvD,CAAC,GACDJ,SAAS;EAEnB,OAAO;IACHV,IAAI,EAAJA,IAAI;IACJE,KAAK,EAALA,KAAK;IACLD,QAAQ,EAARA,QAAQ;IACRE,OAAO,EAAPA,OAAO;IACPC,aAAa,EAAbA,aAAa;IACbK,OAAO,EAAPA,OAAO;IACPJ,OAAO,EAAEM,WAAW;IACpBL,UAAU,EAAEW;EAChB,CAAC;AACL,CAAC","ignoreList":[]}

package/build/cjs/modules/SavedQueryRow/SavedQueryRow.css

@@ -0,0 +1,17 @@
+.qp-saved-query-row {
+  height: 100%;
+}
+.qp-saved-query-row_compared {
+  background-color: var(--g-color-base-utility-light);
+}
+.qp-saved-query-row__content {
+  min-width: 0;
+}
+.qp-saved-query-row__header {
+  height: 20px;
+  min-width: 0;
+}
+.qp-saved-query-row__metadata {
+  min-width: 0;
+}
+/*# sourceMappingURL=SavedQueryRow.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SavedQueryRow.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF;AACE;EACE,mDAAA;AACJ;AAEE;EACE,YAAA;AAAJ;AAGE;EACE,YAAA;EACA,YAAA;AADJ;AAIE;EACE,YAAA;AAFJ","file":"SavedQueryRow.css","sourcesContent":[".qp-saved-query-row {\n  height: 100%;\n\n  &_compared {\n    background-color: var(--g-color-base-utility-light);\n  }\n\n  &__content {\n    min-width: 0;\n  }\n\n  &__header {\n    height: 20px;\n    min-width: 0;\n  }\n\n  &__metadata {\n    min-width: 0;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryListRowRenderData } from '../../types/queryList';
+import { SavedQuery } from '../../types/savedQueries';
+import './SavedQueryRow.scss';
+export type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {
+    item: T;
+    renderAuthor?: (item: T) => React.ReactNode;
+} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
+export declare const SavedQueryRow: <T extends SavedQuery>({ item, actions, isActive, comparison, editing, visibleFields, renderAuthor, }: SavedQueryRowProps<T>) => React.JSX.Element;