@gravity-ui/querieskit 1.1.0 → 1.3.0

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/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/esm/modules/RowsList/RowsList.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.array.find-index.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import React from 'react';
@@ -24,6 +25,9 @@ export var RowsList = function RowsList(_ref) {
   var getItemHeight = function getItemHeight(item) {
     return rowVariant === 'search' && !('header' in item) ? 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);
@@ -54,7 +58,7 @@ export var RowsList = function RowsList(_ref) {
         getRowActions: getRowActions
       }));
     },
-    selectedItemIndex: selectedRowId,
+    selectedItemIndex: selectedItemIndex,
     onItemClick: handleItemClick
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","height","handleItemClick","index","enabled","selected","comparedRowIds","includes","id","onChange","length","variant","itemHeight","renderItem","isActive","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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAW5B,SAAQC,YAAY,EAAEC,QAAQ;AAC9B,SAAQC,cAAc;AACtB,SAAQC,iBAAiB;AACzB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAEzB,IAAMC,KAAK,GAAGP,EAAE,CAAC,cAAc,CAAC;AAgBhC,OAAO,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,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,GAAGnB,iBAAiB,GAAGmB,IAAI,CAACC,MAAM;EAAA;EAEpF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIF,IAAyB,EAAEG,KAAa,EAAK;IAClE,IAAI,QAAQ,IAAIH,IAAI,IAAI,EAACP,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEW,OAAO,GAAE;MAC1CN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGE,IAAI,EAAEG,KAAK,CAAC;MAC1B;IACJ;IAEA,IAAME,QAAQ,GAAGZ,UAAU,CAACa,cAAc,CAACC,QAAQ,CAACP,IAAI,CAACQ,EAAE,CAAC;IAC5Df,UAAU,CAACgB,QAAQ,CAACT,IAAI,EAAE,CAACK,QAAQ,CAAC;EACxC,CAAC;EAED,IAAI,CAAClB,KAAK,CAACuB,MAAM,EAAE;IACf,oBACI3B,IAAA,CAACL,YAAY;MACTiC,OAAO,EAAEf,eAAe,GAAG,eAAe,GAAG,UAAW;MACxDC,SAAS,EAAEA;IAAU,CACxB,CAAC;EAEV;EAEA,oBACId,IAAA,CAACJ,QAAQ;IACLkB,SAAS,EAAEb,KAAK,CAAC,IAAI,EAAEa,SAAS,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACbyB,UAAU,EAAEb,aAAc;IAC1Bc,UAAU,EAAE,SAAZA,UAAUA,CAAGb,IAAI,EAAEc,QAAQ,EAAEX,KAAK;MAAA,OAC9BR,SAAS,CACLf,cAAc,CAAC;QACXoB,IAAI,EAAJA,IAAI;QACJc,QAAQ,EAARA,QAAQ;QACRX,KAAK,EAALA,KAAK;QACLQ,OAAO,EAAErB,UAAU;QACnBC,aAAa,EAAbA,aAAa;QACbC,OAAO,EAAPA,OAAO;QACPC,UAAU,EAAVA,UAAU;QACVC,aAAa,EAAbA;MACJ,CAAC,CACL,CAAC;IAAA,CACJ;IACDqB,iBAAiB,EAAE3B,aAAc;IACjCU,WAAW,EAAEI;EAAgB,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cn","EmptyContent","LazyList","prepareRowData","SEARCH_ROW_HEIGHT","jsx","_jsx","block","RowsList","_ref","items","selectedRowId","_ref$rowVariant","rowVariant","visibleFields","editing","comparison","getRowActions","renderRow","showFiltersHint","className","onItemClick","getItemHeight","item","height","selectedItemIndex","undefined","findIndex","id","handleItemClick","index","enabled","selected","comparedRowIds","includes","onChange","length","variant","itemHeight","renderItem","isActive"],"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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAW5B,SAAQC,YAAY,EAAEC,QAAQ;AAC9B,SAAQC,cAAc;AACtB,SAAQC,iBAAiB;AACzB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAEzB,IAAMC,KAAK,GAAGP,EAAE,CAAC,cAAc,CAAC;AAgBhC,OAAO,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,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,IAAsB;IAAA,OACzCV,UAAU,KAAK,QAAQ,IAAI,EAAE,QAAQ,IAAIU,IAAI,CAAC,GAAGnB,iBAAiB,GAAGmB,IAAI,CAACC,MAAM;EAAA;EACpF,IAAMC,iBAAiB,GACnBd,aAAa,KAAKe,SAAS,GACrBA,SAAS,GACThB,KAAK,CAACiB,SAAS,CAAC,UAACJ,IAAI;IAAA,OAAK,EAAE,QAAQ,IAAIA,IAAI,CAAC,IAAIA,IAAI,CAACK,EAAE,KAAKjB,aAAa;EAAA,EAAC;EAErF,IAAMkB,eAAe,GAAG,SAAlBA,eAAeA,CAAIN,IAAsB,EAAEO,KAAa,EAAK;IAC/D,IAAI,QAAQ,IAAIP,IAAI,IAAI,EAACP,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEe,OAAO,GAAE;MAC1CV,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGE,IAAI,EAAEO,KAAK,CAAC;MAC1B;IACJ;IAEA,IAAME,QAAQ,GAAGhB,UAAU,CAACiB,cAAc,CAACC,QAAQ,CAACX,IAAI,CAACK,EAAE,CAAC;IAC5DZ,UAAU,CAACmB,QAAQ,CAACZ,IAAI,EAAE,CAACS,QAAQ,CAAC;EACxC,CAAC;EAED,IAAI,CAACtB,KAAK,CAAC0B,MAAM,EAAE;IACf,oBACI9B,IAAA,CAACL,YAAY;MACToC,OAAO,EAAElB,eAAe,GAAG,eAAe,GAAG,UAAW;MACxDC,SAAS,EAAEA;IAAU,CACxB,CAAC;EAEV;EAEA,oBACId,IAAA,CAACJ,QAAQ;IACLkB,SAAS,EAAEb,KAAK,CAAC,IAAI,EAAEa,SAAS,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACb4B,UAAU,EAAEhB,aAAc;IAC1BiB,UAAU,EAAE,SAAZA,UAAUA,CAAGhB,IAAI,EAAEiB,QAAQ,EAAEV,KAAK;MAAA,OAC9BZ,SAAS,CACLf,cAAc,CAAC;QACXoB,IAAI,EAAJA,IAAI;QACJiB,QAAQ,EAARA,QAAQ;QACRV,KAAK,EAALA,KAAK;QACLO,OAAO,EAAExB,UAAU;QACnBC,aAAa,EAAbA,aAAa;QACbC,OAAO,EAAPA,OAAO;QACPC,UAAU,EAAVA,UAAU;QACVC,aAAa,EAAbA;MACJ,CAAC,CACL,CAAC;IAAA,CACJ;IACDQ,iBAAiB,EAAEA,iBAAkB;IACrCJ,WAAW,EAAEQ;EAAgB,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/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/esm/modules/RowsList/helpers/prepareRowData.js.map

@@ -1 +1 @@
-{"version":3,"names":["prepareRowData","_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":";;AAsBA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,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","_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":";;AAsBA,OAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,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/esm/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/esm/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/esm/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;

package/build/esm/modules/SavedQueryRow/SavedQueryRow.js

@@ -0,0 +1,71 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import React from 'react';
+import { Avatar, Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { EditableRowTitle, RowActionsMenu, RowLink } from "../../components";
+import { formatDateCanonical } from "../../helpers/time";
+import "./SavedQueryRow.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-saved-query-row');
+export var SavedQueryRow = function SavedQueryRow(_ref) {
+  var _renderAuthor;
+  var item = _ref.item,
+    actions = _ref.actions,
+    isActive = _ref.isActive,
+    comparison = _ref.comparison,
+    editing = _ref.editing,
+    visibleFields = _ref.visibleFields,
+    renderAuthor = _ref.renderAuthor;
+  var author = item.author,
+    engine = item.engine,
+    href = item.href,
+    savedAt = item.savedAt;
+  var isEditing = Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled);
+  var isComparisonMode = Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled);
+  var isChecked = Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.checked);
+  var showMenu = isActive && Boolean(actions === null || actions === void 0 ? void 0 : actions.length) && !isComparisonMode;
+  var isFieldVisible = function isFieldVisible(field) {
+    return visibleFields === undefined || visibleFields.value.includes(field);
+  };
+  var authorContent = (_renderAuthor = renderAuthor === null || renderAuthor === void 0 ? void 0 : renderAuthor(item)) !== null && _renderAuthor !== void 0 ? _renderAuthor : author ? /*#__PURE__*/_jsx(Avatar, {
+    size: "3xs",
+    text: author,
+    title: author
+  }) : null;
+  return /*#__PURE__*/_jsx(RowLink, {
+    href: href,
+    disabled: isEditing || isComparisonMode,
+    className: block({
+      compared: isChecked
+    }),
+    children: /*#__PURE__*/_jsxs(Flex, {
+      direction: "column",
+      gap: 1,
+      className: block('content'),
+      children: [/*#__PURE__*/_jsxs(Flex, {
+        justifyContent: "space-between",
+        className: block('header'),
+        children: [/*#__PURE__*/_jsx(EditableRowTitle, {
+          item: item,
+          editing: editing
+        }), showMenu && /*#__PURE__*/_jsx(RowActionsMenu, {
+          item: item,
+          actions: actions
+        })]
+      }), /*#__PURE__*/_jsxs(Flex, {
+        gap: 2,
+        alignItems: "center",
+        className: block('metadata'),
+        children: [isFieldVisible('savedAt') && savedAt && /*#__PURE__*/_jsx(Text, {
+          color: "complementary",
+          children: formatDateCanonical(savedAt)
+        }), isFieldVisible('engine') && engine && /*#__PURE__*/_jsx(Text, {
+          color: "complementary",
+          children: engine
+        }), isFieldVisible('author') && authorContent]
+      })]
+    })
+  });
+};
+// #sourceMappingURL=SavedQueryRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Avatar","Flex","Text","cn","EditableRowTitle","RowActionsMenu","RowLink","formatDateCanonical","jsx","_jsx","jsxs","_jsxs","block","SavedQueryRow","_ref","_renderAuthor","item","actions","isActive","comparison","editing","visibleFields","renderAuthor","author","engine","href","savedAt","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","isFieldVisible","field","undefined","value","includes","authorContent","size","text","title","disabled","className","compared","children","direction","gap","justifyContent","alignItems","color"],"sources":["SavedQueryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {EditableRowTitle, RowActionsMenu, RowLink} from '../../components';\nimport {formatDateCanonical} from '../../helpers/time';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport './SavedQueryRow.scss';\n\nconst block = cn('qp-saved-query-row');\n\nexport type SavedQueryRowProps<T extends SavedQuery = SavedQuery> = {\n    item: T;\n    renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQueryRow = <T extends SavedQuery>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n    renderAuthor,\n}: SavedQueryRowProps<T>) => {\n    const {author, engine, href, savedAt} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n    const isFieldVisible = (field: string) =>\n        visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n    const authorContent =\n        renderAuthor?.(item) ??\n        (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            className={block({compared: isChecked})}\n        >\n            <Flex direction=\"column\" gap={1} className={block('content')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <EditableRowTitle item={item} editing={editing} />\n                    {showMenu && <RowActionsMenu item={item} actions={actions} />}\n                </Flex>\n                <Flex gap={2} alignItems=\"center\" className={block('metadata')}>\n                    {isFieldVisible('savedAt') && savedAt && (\n                        <Text color=\"complementary\">{formatDateCanonical(savedAt)}</Text>\n                    )}\n                    {isFieldVisible('engine') && engine && (\n                        <Text color=\"complementary\">{engine}</Text>\n                    )}\n                    {isFieldVisible('author') && authorContent}\n                </Flex>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/SavedQueryRow/SavedQueryRow.scss

@@ -0,0 +1,20 @@
+.qp-saved-query-row {
+  height: 100%;
+
+  &_compared {
+    background-color: var(--g-color-base-utility-light);
+  }
+
+  &__content {
+    min-width: 0;
+  }
+
+  &__header {
+    height: 20px;
+    min-width: 0;
+  }
+
+  &__metadata {
+    min-width: 0;
+  }
+}

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

@@ -0,0 +1,2 @@
+export { SavedQueryRow } from './SavedQueryRow';
+export type { SavedQueryRowProps } from './SavedQueryRow';

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

@@ -0,0 +1,2 @@
+export { SavedQueryRow } from "./SavedQueryRow";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SavedQueryRow"],"sources":["index.ts"],"sourcesContent":["export {SavedQueryRow} from './SavedQueryRow';\nexport type {SavedQueryRowProps} from './SavedQueryRow';\n"],"mappings":"AAAA,SAAQA,aAAa","ignoreList":[]}

package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.css

@@ -0,0 +1,12 @@
+.qp-saved-query-search-row__header {
+  min-width: 0;
+  width: 100%;
+}
+.qp-saved-query-search-row__title {
+  flex: 1;
+  min-width: 0;
+}
+.qp-saved-query-search-row__fixed-metadata {
+  flex-shrink: 0;
+}
+/*# sourceMappingURL=SavedQuerySearchRow.css.map */

package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SavedQuerySearchRow.scss"],"names":[],"mappings":"AACE;EACE,YAAA;EACA,WAAA;AAAJ;AAGE;EACE,OAAA;EACA,YAAA;AADJ;AAIE;EACE,cAAA;AAFJ","file":"SavedQuerySearchRow.css","sourcesContent":[".qp-saved-query-search-row {\n  &__header {\n    min-width: 0;\n    width: 100%;\n  }\n\n  &__title {\n    flex: 1;\n    min-width: 0;\n  }\n\n  &__fixed-metadata {\n    flex-shrink: 0;\n  }\n}\n"],"sourceRoot":""}

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

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

package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.js

@@ -0,0 +1,58 @@
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.string.includes.js";
+import React from 'react';
+import { Avatar, Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { MonacoLanguage, SearchRowLayout } from "../../components";
+import { formatDateCanonical } from "../../helpers/time";
+import "./SavedQuerySearchRow.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-saved-query-search-row');
+export var SavedQuerySearchRow = function SavedQuerySearchRow(_ref) {
+  var _renderAuthor;
+  var item = _ref.item,
+    comparison = _ref.comparison,
+    editing = _ref.editing,
+    visibleFields = _ref.visibleFields,
+    renderAuthor = _ref.renderAuthor;
+  var author = item.author,
+    engine = item.engine,
+    href = item.href,
+    query = item.query,
+    savedAt = item.savedAt;
+  var authorContent = (_renderAuthor = renderAuthor === null || renderAuthor === void 0 ? void 0 : renderAuthor(item)) !== null && _renderAuthor !== void 0 ? _renderAuthor : author ? /*#__PURE__*/_jsx(Avatar, {
+    size: "3xs",
+    text: author,
+    title: author
+  }) : null;
+  var isFieldVisible = function isFieldVisible(field) {
+    return visibleFields === undefined || visibleFields.value.includes(field);
+  };
+  return /*#__PURE__*/_jsx(SearchRowLayout, {
+    query: query,
+    language: MonacoLanguage.YQL,
+    href: href,
+    disabled: Boolean(editing === null || editing === void 0 ? void 0 : editing.enabled) || Boolean(comparison === null || comparison === void 0 ? void 0 : comparison.enabled),
+    className: block(),
+    header: /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      alignItems: "center",
+      className: block('header'),
+      children: [/*#__PURE__*/_jsx(Text, {
+        variant: "subheader-1",
+        ellipsis: true,
+        className: block('title'),
+        children: item.title
+      }), isFieldVisible('savedAt') && savedAt && /*#__PURE__*/_jsx(Text, {
+        color: "complementary",
+        className: block('fixed-metadata'),
+        children: formatDateCanonical(savedAt)
+      }), isFieldVisible('engine') && engine && /*#__PURE__*/_jsx(Text, {
+        color: "complementary",
+        className: block('fixed-metadata'),
+        children: engine
+      }), isFieldVisible('author') && authorContent]
+    })
+  });
+};
+// #sourceMappingURL=SavedQuerySearchRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Avatar","Flex","Text","cn","MonacoLanguage","SearchRowLayout","formatDateCanonical","jsx","_jsx","jsxs","_jsxs","block","SavedQuerySearchRow","_ref","_renderAuthor","item","comparison","editing","visibleFields","renderAuthor","author","engine","href","query","savedAt","authorContent","size","text","title","isFieldVisible","field","undefined","value","includes","language","YQL","disabled","Boolean","enabled","className","header","gap","alignItems","children","variant","ellipsis","color"],"sources":["SavedQuerySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Avatar, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {MonacoLanguage, SearchRowLayout} from '../../components';\nimport {formatDateCanonical} from '../../helpers/time';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport './SavedQuerySearchRow.scss';\n\nconst block = cn('qp-saved-query-search-row');\n\nexport type SavedQuerySearchRowProps<T extends SavedQuery = SavedQuery> = {\n    item: T;\n    renderAuthor?: (item: T) => React.ReactNode;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const SavedQuerySearchRow = <T extends SavedQuery>({\n    item,\n    comparison,\n    editing,\n    visibleFields,\n    renderAuthor,\n}: SavedQuerySearchRowProps<T>) => {\n    const {author, engine, href, query, savedAt} = item;\n    const authorContent =\n        renderAuthor?.(item) ??\n        (author ? <Avatar size=\"3xs\" text={author} title={author} /> : null);\n    const isFieldVisible = (field: string) =>\n        visibleFields === undefined || (visibleFields.value as string[]).includes(field);\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={MonacoLanguage.YQL}\n            href={href}\n            disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <Text variant=\"subheader-1\" ellipsis className={block('title')}>\n                        {item.title}\n                    </Text>\n                    {isFieldVisible('savedAt') && savedAt && (\n                        <Text color=\"complementary\" className={block('fixed-metadata')}>\n                            {formatDateCanonical(savedAt)}\n                        </Text>\n                    )}\n                    {isFieldVisible('engine') && engine && (\n                        <Text color=\"complementary\" className={block('fixed-metadata')}>\n                            {engine}\n                        </Text>\n                    )}\n                    {isFieldVisible('author') && authorContent}\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACpD,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,cAAc,EAAEC,eAAe;AACvC,SAAQC,mBAAmB;AAG3B;AAAoC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,IAAMC,KAAK,GAAGR,EAAE,CAAC,2BAA2B,CAAC;AAO7C,OAAO,IAAMS,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAMG;EAAA,IAAAC,aAAA;EAAA,IAL/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,YAAY,GAAAN,IAAA,CAAZM,YAAY;EAEZ,IAAOC,MAAM,GAAkCL,IAAI,CAA5CK,MAAM;IAAEC,MAAM,GAA0BN,IAAI,CAApCM,MAAM;IAAEC,IAAI,GAAoBP,IAAI,CAA5BO,IAAI;IAAEC,KAAK,GAAaR,IAAI,CAAtBQ,KAAK;IAAEC,OAAO,GAAIT,IAAI,CAAfS,OAAO;EAC3C,IAAMC,aAAa,IAAAX,aAAA,GACfK,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGJ,IAAI,CAAC,cAAAD,aAAA,cAAAA,aAAA,GACnBM,MAAM,gBAAGZ,IAAA,CAACR,MAAM;IAAC0B,IAAI,EAAC,KAAK;IAACC,IAAI,EAAEP,MAAO;IAACQ,KAAK,EAAER;EAAO,CAAE,CAAC,GAAG,IAAK;EACxE,IAAMS,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAa;IAAA,OACjCZ,aAAa,KAAKa,SAAS,IAAKb,aAAa,CAACc,KAAK,CAAcC,QAAQ,CAACH,KAAK,CAAC;EAAA;EAEpF,oBACItB,IAAA,CAACH,eAAe;IACZkB,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAE9B,cAAc,CAAC+B,GAAI;IAC7Bb,IAAI,EAAEA,IAAK;IACXc,QAAQ,EAAEC,OAAO,CAACpB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB,OAAO,CAAC,IAAID,OAAO,CAACrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEsB,OAAO,CAAE;IACpEC,SAAS,EAAE5B,KAAK,CAAC,CAAE;IACnB6B,MAAM,eACF9B,KAAA,CAACT,IAAI;MAACwC,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAACH,SAAS,EAAE5B,KAAK,CAAC,QAAQ,CAAE;MAAAgC,QAAA,gBACzDnC,IAAA,CAACN,IAAI;QAAC0C,OAAO,EAAC,aAAa;QAACC,QAAQ;QAACN,SAAS,EAAE5B,KAAK,CAAC,OAAO,CAAE;QAAAgC,QAAA,EAC1D5B,IAAI,CAACa;MAAK,CACT,CAAC,EACNC,cAAc,CAAC,SAAS,CAAC,IAAIL,OAAO,iBACjChB,IAAA,CAACN,IAAI;QAAC4C,KAAK,EAAC,eAAe;QAACP,SAAS,EAAE5B,KAAK,CAAC,gBAAgB,CAAE;QAAAgC,QAAA,EAC1DrC,mBAAmB,CAACkB,OAAO;MAAC,CAC3B,CACT,EACAK,cAAc,CAAC,QAAQ,CAAC,IAAIR,MAAM,iBAC/Bb,IAAA,CAACN,IAAI;QAAC4C,KAAK,EAAC,eAAe;QAACP,SAAS,EAAE5B,KAAK,CAAC,gBAAgB,CAAE;QAAAgC,QAAA,EAC1DtB;MAAM,CACL,CACT,EACAQ,cAAc,CAAC,QAAQ,CAAC,IAAIJ,aAAa;IAAA,CACxC;EACT,CACJ,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/modules/SavedQuerySearchRow/SavedQuerySearchRow.scss

@@ -0,0 +1,15 @@
+.qp-saved-query-search-row {
+  &__header {
+    min-width: 0;
+    width: 100%;
+  }
+
+  &__title {
+    flex: 1;
+    min-width: 0;
+  }
+
+  &__fixed-metadata {
+    flex-shrink: 0;
+  }
+}