@gravity-ui/querieskit 1.1.0 → 1.3.0

package/build/esm/widgets/SavedQueries/SavedQueries.js

@@ -0,0 +1,51 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import React from 'react';
+import cn from 'bem-cn-lite';
+import { QueriesList } from "../../modules";
+import i18n from "./i18n";
+import { SavedQueryRowContent } from "./SavedQueryRowContent";
+import "./SavedQueries.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-saved-queries');
+export var SavedQueries = function SavedQueries(_ref) {
+  var title = _ref.title,
+    logo = _ref.logo,
+    search = _ref.search,
+    filter = _ref.filter,
+    items = _ref.items,
+    selectedRowId = _ref.selectedRowId,
+    editing = _ref.editing,
+    comparison = _ref.comparison,
+    visibleFields = _ref.visibleFields,
+    renderAuthor = _ref.renderAuthor,
+    renderRowItem = _ref.renderRowItem,
+    getRowActions = _ref.getRowActions,
+    onListItemClick = _ref.onListItemClick,
+    className = _ref.className;
+  return /*#__PURE__*/_jsx(QueriesList, {
+    className: block(null, className),
+    title: title || i18n('title_saved'),
+    logo: logo,
+    search: search,
+    filter: filter,
+    items: items,
+    selectedRowId: selectedRowId,
+    visibleFields: visibleFields,
+    editing: editing,
+    comparison: comparison,
+    getRowActions: getRowActions,
+    renderRow: function renderRow(data) {
+      return renderRowItem ? renderRowItem(data) : /*#__PURE__*/_jsx(SavedQueryRowContent, _objectSpread(_objectSpread({}, data), {}, {
+        renderAuthor: renderAuthor
+      }));
+    },
+    onListItemClick: onListItemClick
+  });
+};
+// #sourceMappingURL=SavedQueries.js.map

package/build/esm/widgets/SavedQueries/SavedQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","QueriesList","i18n","SavedQueryRowContent","jsx","_jsx","block","SavedQueries","_ref","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","renderAuthor","renderRowItem","getRowActions","onListItemClick","className","renderRow","data","_objectSpread"],"sources":["SavedQueries.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {QueriesList} from '../../modules';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport i18n from './i18n';\nimport {SavedQueryRowContent} from './SavedQueryRowContent';\nimport './SavedQueries.scss';\n\nexport type SavedQueriesProps<T extends SavedQuery = SavedQuery> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    renderAuthor?: (item: T) => React.ReactNode;\n    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-saved-queries');\n\nexport const SavedQueries = <T extends SavedQuery>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    renderAuthor,\n    renderRowItem,\n    getRowActions,\n    onListItemClick,\n    className,\n}: SavedQueriesProps<T>) => {\n    return (\n        <QueriesList\n            className={block(null, className)}\n            title={title || i18n('title_saved')}\n            logo={logo}\n            search={search}\n            filter={filter}\n            items={items}\n            selectedRowId={selectedRowId}\n            visibleFields={visibleFields}\n            editing={editing}\n            comparison={comparison}\n            getRowActions={getRowActions}\n            renderRow={(data) =>\n                renderRowItem ? (\n                    renderRowItem(data)\n                ) : (\n                    <SavedQueryRowContent {...data} renderAuthor={renderAuthor} />\n                )\n            }\n            onListItemClick={onListItemClick}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,WAAW;AAYnB,OAAOC,IAAI;AACX,SAAQC,oBAAoB;AAC5B;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAmB7B,IAAMC,KAAK,GAAGN,EAAE,CAAC,kBAAkB,CAAC;AAEpC,OAAO,IAAMO,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAeG;EAAA,IAdxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,aAAa,GAAAT,IAAA,CAAbS,aAAa;IACbC,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,eAAe,GAAAb,IAAA,CAAfa,eAAe;IACfC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,oBACIjB,IAAA,CAACJ,WAAW;IACRqB,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAClCb,KAAK,EAAEA,KAAK,IAAIP,IAAI,CAAC,aAAa,CAAE;IACpCQ,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BG,aAAa,EAAEA,aAAc;IAC7BF,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBI,aAAa,EAAEA,aAAc;IAC7BG,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;MAAA,OACZL,aAAa,GACTA,aAAa,CAACK,IAAI,CAAC,gBAEnBnB,IAAA,CAACF,oBAAoB,EAAAsB,aAAA,CAAAA,aAAA,KAAKD,IAAI;QAAEN,YAAY,EAAEA;MAAa,EAAE,CAChE;IAAA,CACJ;IACDG,eAAe,EAAEA;EAAgB,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}

package/build/esm/widgets/SavedQueries/SavedQueries.scss

@@ -0,0 +1,3 @@
+.qp-saved-queries {
+  height: 100%;
+}

package/build/esm/widgets/SavedQueries/SavedQueries.stories.d.ts

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

package/build/esm/widgets/SavedQueries/SavedQueries.stories.js

@@ -0,0 +1,278 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import React, { useMemo, useState } from 'react';
+import { Text } from '@gravity-ui/uikit';
+import { action } from 'storybook/actions';
+import { SavedQueries } from "./SavedQueries";
+import { jsx as _jsx } from "react/jsx-runtime";
+var QUERY = "SELECT\n    session_id,\n    COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;";
+var BASE_ITEMS = [{
+  id: 1,
+  title: 'New Query',
+  savedAt: '2026-04-29T12:00:00.000Z',
+  engine: 'SQL',
+  author: 'Anna Petrova',
+  query: QUERY,
+  height: 52
+}, {
+  id: 2,
+  title: 'Daily conversion report',
+  savedAt: '2026-04-29T11:00:00.000Z',
+  engine: 'YQL',
+  author: 'Pavel Sidorov',
+  query: QUERY,
+  height: 52
+}, {
+  id: 3,
+  title: 'Product funnel',
+  savedAt: '2026-04-28T09:00:00.000Z',
+  engine: 'SQL',
+  author: 'Maria Volkova',
+  query: 'SELECT 1;',
+  height: 52
+}];
+var filterFields = [{
+  id: 'onlyMine',
+  type: 'switch',
+  title: 'My queries only',
+  initialValue: true
+}, {
+  id: 'range',
+  type: 'rangeDatePicker',
+  title: 'Period'
+}, {
+  id: 'engine',
+  type: 'checkboxGroup',
+  title: 'Engine',
+  initialValue: [],
+  items: [{
+    id: 'yql',
+    title: 'YQL'
+  }, {
+    id: 'sql',
+    title: 'SQL'
+  }]
+}];
+var fields = [{
+  id: 'savedAt',
+  title: 'Saved date'
+}, {
+  id: 'engine',
+  title: 'Engine'
+}, {
+  id: 'author',
+  title: 'Author'
+}];
+var meta = {
+  title: 'Widgets/SavedQueries',
+  component: SavedQueries,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+var SavedQueriesStory = function SavedQueriesStory() {
+  var _useState = useState(BASE_ITEMS),
+    _useState2 = _slicedToArray(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = useState({
+      value: '',
+      fullSearch: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    search = _useState4[0],
+    setSearch = _useState4[1];
+  var _useState5 = useState(['savedAt', 'engine', 'author']),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visibleFields = _useState6[0],
+    setVisibleFields = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    comparedRowIds = _useState8[0],
+    setComparedRowIds = _useState8[1];
+  var _useState9 = useState(),
+    _useState0 = _slicedToArray(_useState9, 2),
+    editingRowId = _useState0[0],
+    setEditingRowId = _useState0[1];
+  var filteredItems = useMemo(function () {
+    if (!search.value) return items;
+    var value = search.value.toLowerCase();
+    return items.filter(function (item) {
+      var _item$query;
+      if ('header' in item) return false;
+      return search.fullSearch ? item.title.toLowerCase().includes(value) || ((_item$query = item.query) === null || _item$query === void 0 ? void 0 : _item$query.toLowerCase().includes(value)) : item.title.toLowerCase().includes(value);
+    });
+  }, [items, search]);
+  var updateTitle = function updateTitle(item, title) {
+    setItems(function (currentItems) {
+      return currentItems.map(function (currentItem) {
+        return 'id' in currentItem && currentItem.id === item.id ? _objectSpread(_objectSpread({}, currentItem), {}, {
+          title: title
+        }) : currentItem;
+      });
+    });
+    setEditingRowId(undefined);
+  };
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 360,
+      height: 560
+    },
+    children: /*#__PURE__*/_jsx(SavedQueries, {
+      items: filteredItems,
+      search: _objectSpread(_objectSpread({}, search), {}, {
+        hasClear: true,
+        onUpdate: setSearch
+      }),
+      filter: {
+        fields: filterFields,
+        onApply: action('onFilterApply'),
+        onReset: action('onFilterReset')
+      },
+      visibleFields: {
+        value: visibleFields,
+        fields: fields,
+        onChange: setVisibleFields
+      },
+      editing: {
+        rowId: editingRowId,
+        onSubmit: updateTitle,
+        onCancel: function onCancel() {
+          return setEditingRowId(undefined);
+        }
+      },
+      comparison: {
+        enabled: Boolean(comparedRowIds.length),
+        comparedRowIds: comparedRowIds,
+        onChange: function onChange(item, selected) {
+          setComparedRowIds(function (currentIds) {
+            return selected ? [].concat(_toConsumableArray(currentIds.filter(function (id) {
+              return id !== item.id;
+            }).slice(-1)), [item.id]) : currentIds.filter(function (id) {
+              return id !== item.id;
+            });
+          });
+        },
+        onCancel: function onCancel() {
+          return setComparedRowIds([]);
+        },
+        onCompare: function onCompare() {
+          return action('onCompare')(comparedRowIds);
+        }
+      },
+      getRowActions: function getRowActions(item) {
+        return [{
+          text: 'Copy to',
+          onClick: function onClick() {
+            return action('onCopyTo')(item);
+          }
+        }, {
+          text: 'Show operations',
+          onClick: function onClick() {
+            return action('onShowOperations')(item);
+          }
+        }, {
+          text: 'Edit',
+          onClick: function onClick() {
+            return setEditingRowId(item.id);
+          }
+        }, {
+          text: 'Compare with baseline',
+          onClick: function onClick() {
+            return setComparedRowIds([item.id]);
+          }
+        }, {
+          text: 'Delete',
+          theme: 'danger',
+          onClick: function onClick() {
+            return action('onDelete')(item);
+          }
+        }];
+      }
+    })
+  });
+};
+var CustomAuthorStory = function CustomAuthorStory() {
+  var items = BASE_ITEMS.map(function (item) {
+    return 'header' in item ? item : _objectSpread(_objectSpread({}, item), {}, {
+      team: 'Analytics'
+    });
+  });
+  var _useState1 = useState({
+      value: '',
+      fullSearch: false
+    }),
+    _useState10 = _slicedToArray(_useState1, 2),
+    search = _useState10[0],
+    setSearch = _useState10[1];
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 360,
+      height: 280
+    },
+    children: /*#__PURE__*/_jsx(SavedQueries, {
+      items: items,
+      search: _objectSpread(_objectSpread({}, search), {}, {
+        hasClear: true,
+        onUpdate: setSearch
+      }),
+      renderAuthor: function renderAuthor(item) {
+        return /*#__PURE__*/_jsx(Text, {
+          color: "complementary",
+          children: item.team
+        });
+      }
+    })
+  });
+};
+var EmptyStory = function EmptyStory() {
+  var _useState11 = useState({
+      value: '',
+      fullSearch: false
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    search = _useState12[0],
+    setSearch = _useState12[1];
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 360,
+      height: 280
+    },
+    children: /*#__PURE__*/_jsx(SavedQueries, {
+      items: [],
+      search: _objectSpread(_objectSpread({}, search), {}, {
+        hasClear: true,
+        onUpdate: setSearch
+      })
+    })
+  });
+};
+export var Default = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(SavedQueriesStory, {});
+  }
+};
+export var CustomAuthor = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(CustomAuthorStory, {});
+  }
+};
+export var Empty = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(EmptyStory, {});
+  }
+};
+// #sourceMappingURL=SavedQueries.stories.js.map

package/build/esm/widgets/SavedQueries/SavedQueries.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","Text","action","SavedQueries","jsx","_jsx","QUERY","BASE_ITEMS","id","title","savedAt","engine","author","query","height","filterFields","type","initialValue","items","fields","meta","component","tags","parameters","layout","SavedQueriesStory","_useState","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","_useState5","_useState6","visibleFields","setVisibleFields","_useState7","_useState8","comparedRowIds","setComparedRowIds","_useState9","_useState0","editingRowId","setEditingRowId","filteredItems","toLowerCase","filter","item","_item$query","includes","updateTitle","currentItems","map","currentItem","_objectSpread","undefined","style","width","children","hasClear","onUpdate","onApply","onReset","onChange","editing","rowId","onSubmit","onCancel","comparison","enabled","Boolean","length","selected","currentIds","concat","_toConsumableArray","slice","onCompare","getRowActions","text","onClick","theme","CustomAuthorStory","team","_useState1","_useState10","renderAuthor","color","EmptyStory","_useState11","_useState12","Default","render","CustomAuthor","Empty"],"sources":["SavedQueries.stories.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Text} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {\n    QueryListFieldKey,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\nimport {SavedQueries} from './SavedQueries';\n\nconst QUERY = `SELECT\n    session_id,\n    COUNT(*) AS sessions_count\nFROM visits\nGROUP BY session_id;`;\n\nconst BASE_ITEMS: QueryListItem<SavedQuery>[] = [\n    {\n        id: 1,\n        title: 'New Query',\n        savedAt: '2026-04-29T12:00:00.000Z',\n        engine: 'SQL',\n        author: 'Anna Petrova',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 2,\n        title: 'Daily conversion report',\n        savedAt: '2026-04-29T11:00:00.000Z',\n        engine: 'YQL',\n        author: 'Pavel Sidorov',\n        query: QUERY,\n        height: 52,\n    },\n    {\n        id: 3,\n        title: 'Product funnel',\n        savedAt: '2026-04-28T09:00:00.000Z',\n        engine: 'SQL',\n        author: 'Maria Volkova',\n        query: 'SELECT 1;',\n        height: 52,\n    },\n];\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'engine',\n        type: 'checkboxGroup',\n        title: 'Engine',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst fields: QueryListVisibleFieldsConfig<SavedQuery>['fields'] = [\n    {id: 'savedAt', title: 'Saved date'},\n    {id: 'engine', title: 'Engine'},\n    {id: 'author', title: 'Author'},\n];\n\nconst meta: Meta<typeof SavedQueries> = {\n    title: 'Widgets/SavedQueries',\n    component: SavedQueries,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SavedQueries>;\n\nconst SavedQueriesStory = () => {\n    const [items, setItems] = useState(BASE_ITEMS);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n    const [visibleFields, setVisibleFields] = useState<QueryListFieldKey<SavedQuery>[]>([\n        'savedAt',\n        'engine',\n        'author',\n    ]);\n    const [comparedRowIds, setComparedRowIds] = useState<number[]>([]);\n    const [editingRowId, setEditingRowId] = useState<number>();\n\n    const filteredItems = useMemo(() => {\n        if (!search.value) return items;\n\n        const value = search.value.toLowerCase();\n        return items.filter((item) => {\n            if ('header' in item) return false;\n\n            return search.fullSearch\n                ? item.title.toLowerCase().includes(value) ||\n                      item.query?.toLowerCase().includes(value)\n                : item.title.toLowerCase().includes(value);\n        });\n    }, [items, search]);\n\n    const updateTitle = (item: SavedQuery, title: string) => {\n        setItems((currentItems) =>\n            currentItems.map((currentItem) =>\n                'id' in currentItem && currentItem.id === item.id\n                    ? {...currentItem, title}\n                    : currentItem,\n            ),\n        );\n        setEditingRowId(undefined);\n    };\n\n    return (\n        <div style={{width: 360, height: 560}}>\n            <SavedQueries\n                items={filteredItems}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                filter={{\n                    fields: filterFields,\n                    onApply: action('onFilterApply'),\n                    onReset: action('onFilterReset'),\n                }}\n                visibleFields={{value: visibleFields, fields, onChange: setVisibleFields}}\n                editing={{\n                    rowId: editingRowId,\n                    onSubmit: updateTitle,\n                    onCancel: () => setEditingRowId(undefined),\n                }}\n                comparison={{\n                    enabled: Boolean(comparedRowIds.length),\n                    comparedRowIds,\n                    onChange: (item, selected) => {\n                        setComparedRowIds((currentIds) =>\n                            selected\n                                ? [...currentIds.filter((id) => id !== item.id).slice(-1), item.id]\n                                : currentIds.filter((id) => id !== item.id),\n                        );\n                    },\n                    onCancel: () => setComparedRowIds([]),\n                    onCompare: () => action('onCompare')(comparedRowIds),\n                }}\n                getRowActions={(item) => [\n                    {text: 'Copy to', onClick: () => action('onCopyTo')(item)},\n                    {text: 'Show operations', onClick: () => action('onShowOperations')(item)},\n                    {text: 'Edit', onClick: () => setEditingRowId(item.id)},\n                    {\n                        text: 'Compare with baseline',\n                        onClick: () => setComparedRowIds([item.id]),\n                    },\n                    {text: 'Delete', theme: 'danger', onClick: () => action('onDelete')(item)},\n                ]}\n            />\n        </div>\n    );\n};\n\ntype ExtendedSavedQuery = SavedQuery & {team: string};\n\nconst CustomAuthorStory = () => {\n    const items: QueryListItem<ExtendedSavedQuery>[] = BASE_ITEMS.map((item) =>\n        'header' in item ? item : {...item, team: 'Analytics'},\n    );\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries\n                items={items}\n                search={{...search, hasClear: true, onUpdate: setSearch}}\n                renderAuthor={(item) => <Text color=\"complementary\">{item.team}</Text>}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 360, height: 280}}>\n            <SavedQueries items={[]} search={{...search, hasClear: true, onUpdate: setSearch}} />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <SavedQueriesStory />};\nexport const CustomAuthor: Story = {render: () => <CustomAuthorStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/widgets/SavedQueries/SavedQueryRowContent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { QueryListRowRenderData } from '../../types/queryList';
+import { SavedQuery } from '../../types/savedQueries';
+type Props<T extends SavedQuery> = QueryListRowRenderData<T> & {
+    renderAuthor?: (item: T) => React.ReactNode;
+};
+export declare const SavedQueryRowContent: <T extends SavedQuery>({ item, variant, renderAuthor, ...data }: Props<T>) => React.JSX.Element;
+export {};

package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js

@@ -0,0 +1,26 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["item", "variant", "renderAuthor"];
+import React from 'react';
+import { HistoryGroupHeader } from "../../components";
+import { SavedQueryRow, SavedQuerySearchRow } from "../../modules";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SavedQueryRowContent = function SavedQueryRowContent(_ref) {
+  var item = _ref.item,
+    variant = _ref.variant,
+    renderAuthor = _ref.renderAuthor,
+    data = _objectWithoutProperties(_ref, _excluded);
+  if ('header' in item) {
+    return /*#__PURE__*/_jsx(HistoryGroupHeader, {
+      title: item.header
+    });
+  }
+  return variant === 'search' ? /*#__PURE__*/_jsx(SavedQuerySearchRow, _objectSpread(_objectSpread({}, data), {}, {
+    item: item,
+    renderAuthor: renderAuthor
+  })) : /*#__PURE__*/_jsx(SavedQueryRow, _objectSpread(_objectSpread({}, data), {}, {
+    item: item,
+    renderAuthor: renderAuthor
+  }));
+};
+// #sourceMappingURL=SavedQueryRowContent.js.map

package/build/esm/widgets/SavedQueries/SavedQueryRowContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","HistoryGroupHeader","SavedQueryRow","SavedQuerySearchRow","jsx","_jsx","SavedQueryRowContent","_ref","item","variant","renderAuthor","data","_objectWithoutProperties","_excluded","title","header","_objectSpread"],"sources":["SavedQueryRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryGroupHeader} from '../../components';\nimport {SavedQueryRow, SavedQuerySearchRow} from '../../modules';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {SavedQuery} from '../../types/savedQueries';\n\ntype Props<T extends SavedQuery> = QueryListRowRenderData<T> & {\n    renderAuthor?: (item: T) => React.ReactNode;\n};\n\nexport const SavedQueryRowContent = <T extends SavedQuery>({\n    item,\n    variant,\n    renderAuthor,\n    ...data\n}: Props<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? (\n        <SavedQuerySearchRow {...data} item={item} renderAuthor={renderAuthor} />\n    ) : (\n        <SavedQueryRow {...data} item={item} renderAuthor={renderAuthor} />\n    );\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,kBAAkB;AAC1B,SAAQC,aAAa,EAAEC,mBAAmB;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAQjE,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAKjB;EAAA,IAJZC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACTC,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAEP,IAAI,QAAQ,IAAIL,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACa,KAAK,EAAEN,IAAI,CAACO;IAAO,CAAE,CAAC;EACrD;EAEA,OAAON,OAAO,KAAK,QAAQ,gBACvBJ,IAAA,CAACF,mBAAmB,EAAAa,aAAA,CAAAA,aAAA,KAAKL,IAAI;IAAEH,IAAI,EAAEA,IAAK;IAACE,YAAY,EAAEA;EAAa,EAAE,CAAC,gBAEzEL,IAAA,CAACH,aAAa,EAAAc,aAAA,CAAAA,aAAA,KAAKL,IAAI;IAAEH,IAAI,EAAEA,IAAK;IAACE,YAAY,EAAEA;EAAa,EAAE,CACrE;AACL,CAAC","ignoreList":[]}

package/build/esm/widgets/SavedQueries/i18n/dicts.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    en: {
+        title_saved: string;
+    };
+    ru: {
+        title_saved: string;
+    };
+};
+export default _default;

package/build/esm/widgets/SavedQueries/i18n/dicts.js

@@ -0,0 +1,7 @@
+import en from "./en.json";
+import ru from "./ru.json";
+export default {
+  en: en,
+  ru: ru
+};
+// #sourceMappingURL=dicts.js.map

package/build/esm/widgets/SavedQueries/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":"AAAA,OAAOA,EAAE;AACT,OAAOC,EAAE;AAET,eAAe;EAACD,EAAE,EAAFA,EAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/esm/widgets/SavedQueries/i18n/en.json

@@ -0,0 +1,3 @@
+{
+    "title_saved": "Saved"
+}

package/build/esm/widgets/SavedQueries/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "title_saved", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:saved-queries": Record<"title_saved", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/esm/widgets/SavedQueries/i18n/index.js

@@ -0,0 +1,4 @@
+import { addI18Keysets } from "../../../i18n";
+import dicts from "./dicts";
+export default addI18Keysets('qp:saved-queries', dicts);
+// #sourceMappingURL=index.js.map

package/build/esm/widgets/SavedQueries/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addI18Keysets","dicts"],"sources":["index.ts"],"sourcesContent":["import {addI18Keysets} from '../../../i18n';\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:saved-queries', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,kBAAkB,EAAEC,KAAK,CAAC","ignoreList":[]}

package/build/esm/widgets/SavedQueries/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "title_saved": "Сохранённые"
+}

package/build/esm/widgets/SavedQueries/index.d.ts

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

package/build/esm/widgets/SavedQueries/index.js

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

package/build/esm/widgets/SavedQueries/index.js.map

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

package/build/esm/widgets/TutorialsHistory/TutorialRowContent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryHistoryRowRenderData } from '../../types/history';
+import { QueryListRowRenderData } from '../../types/queryList';
 import { TutorialHistoryRow } from '../../types/tutorial';
-export declare const TutorialRowContent: <T extends TutorialHistoryRow>({ item, variant, }: QueryHistoryRowRenderData<T>) => React.JSX.Element;
+export declare const TutorialRowContent: <T extends TutorialHistoryRow>({ item, variant, }: QueryListRowRenderData<T>) => React.JSX.Element;

package/build/esm/widgets/TutorialsHistory/TutorialRowContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HistoryGroupHeader","TutorialRow","TutorialSearchRow","jsx","_jsx","TutorialRowContent","_ref","item","variant","title","header"],"sources":["TutorialRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryHistoryRowRenderData} from '../../types/history';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {HistoryGroupHeader} from '../../components';\nimport {TutorialRow, TutorialSearchRow} from '../../modules';\n\nexport const TutorialRowContent = <T extends TutorialHistoryRow>({\n    item,\n    variant,\n}: QueryHistoryRowRenderData<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? <TutorialSearchRow item={item} /> : <TutorialRow item={item} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,kBAAkB;AAC1B,SAAQC,WAAW,EAAEC,iBAAiB;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAE7D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAGK;EAAA,IAFhCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAI,QAAQ,IAAID,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACS,KAAK,EAAEF,IAAI,CAACG;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOF,OAAO,KAAK,QAAQ,gBAAGJ,IAAA,CAACF,iBAAiB;IAACK,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAAGH,IAAA,CAACH,WAAW;IAACM,IAAI,EAAEA;EAAK,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HistoryGroupHeader","TutorialRow","TutorialSearchRow","jsx","_jsx","TutorialRowContent","_ref","item","variant","title","header"],"sources":["TutorialRowContent.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {HistoryGroupHeader} from '../../components';\nimport {TutorialRow, TutorialSearchRow} from '../../modules';\n\nexport const TutorialRowContent = <T extends TutorialHistoryRow>({\n    item,\n    variant,\n}: QueryListRowRenderData<T>) => {\n    if ('header' in item) {\n        return <HistoryGroupHeader title={item.header} />;\n    }\n\n    return variant === 'search' ? <TutorialSearchRow item={item} /> : <TutorialRow item={item} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,kBAAkB;AAC1B,SAAQC,WAAW,EAAEC,iBAAiB;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAE7D,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAGE;EAAA,IAF7BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAI,QAAQ,IAAID,IAAI,EAAE;IAClB,oBAAOH,IAAA,CAACJ,kBAAkB;MAACS,KAAK,EAAEF,IAAI,CAACG;IAAO,CAAE,CAAC;EACrD;EAEA,OAAOF,OAAO,KAAK,QAAQ,gBAAGJ,IAAA,CAACF,iBAAiB;IAACK,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAAGH,IAAA,CAACH,WAAW;IAACM,IAAI,EAAEA;EAAK,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}

package/build/esm/widgets/TutorialsHistory/TutorialsHistory.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
-import { QueryHistoryFilterConfig, QueryHistoryItem, QueryHistorySearchConfig } from '../../types/history';
+import { QueryListFilterConfig, QueryListItem, QueryListSearchConfig } from '../../types/queryList';
 import { TutorialHistoryRow } from '../../types/tutorial';
 import './TutorialsHistory.scss';
 export type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {
     className?: string;
     title?: string;
     logo?: React.ReactNode;
-    search: QueryHistorySearchConfig;
-    filter?: QueryHistoryFilterConfig;
-    items: QueryHistoryItem<T>[];
+    search: QueryListSearchConfig;
+    filter?: QueryListFilterConfig;
+    items: QueryListItem<T>[];
     selectedRowId?: T['id'];
-    onListItemClick?: (item: QueryHistoryItem<T>) => void;
+    onListItemClick?: (item: QueryListItem<T>) => void;
 };
 export declare const TutorialsHistory: <T extends TutorialHistoryRow>({ title, logo, search, filter, items, selectedRowId, onListItemClick, className, }: TutorialsHistoryProps<T>) => React.JSX.Element;

package/build/esm/widgets/TutorialsHistory/TutorialsHistory.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","HistoryHeader","HistoryLayout","RowsList","i18n","getListKey","TutorialRowContent","cn","jsx","_jsx","block","TutorialsHistory","_ref","_search$value","title","logo","search","filter","items","selectedRowId","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","header","hasClear","onUpdate","children","renderRow","data","_objectSpread","showFiltersHint","onItemClick"],"sources":["TutorialsHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader, HistoryLayout, RowsList} from '../../modules';\nimport i18n from './i18n';\nimport {\n    QueryHistoryFilterConfig,\n    QueryHistoryItem,\n    QueryHistorySearchConfig,\n} from '../../types/history';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {getListKey} from '../../helpers/getListKey';\nimport {TutorialRowContent} from './TutorialRowContent';\nimport cn from 'bem-cn-lite';\nimport './TutorialsHistory.scss';\n\nexport type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryHistorySearchConfig;\n    filter?: QueryHistoryFilterConfig;\n    items: QueryHistoryItem<T>[];\n    selectedRowId?: T['id'];\n    onListItemClick?: (item: QueryHistoryItem<T>) => void;\n};\n\nconst block = cn('qp-tutorials-history');\n\nexport const TutorialsHistory = <T extends TutorialHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    onListItemClick,\n    className,\n}: TutorialsHistoryProps<T>) => {\n    const showSearchResults = Boolean(search.fullSearch && search.value?.trim());\n    const rowVariant = showSearchResults ? 'search' : 'default';\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title || i18n('title_tutorials')}\n            logo={logo}\n            header={\n                <HistoryHeader\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n        >\n            <RowsList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                renderRow={(data) => <TutorialRowContent {...data} />}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,aAAa,EAAEC,aAAa,EAAEC,QAAQ;AAC9C,OAAOC,IAAI;AAOX,SAAQC,UAAU;AAClB,SAAQC,kBAAkB;AAC1B,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAiC,SAAAC,GAAA,IAAAC,IAAA;AAajC,IAAMC,KAAK,GAAGH,EAAE,CAAC,sBAAsB,CAAC;AAExC,OAAO,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EASG;EAAA,IAAAC,aAAA;EAAA,IAR5BC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,IAAMC,iBAAiB,GAAGC,OAAO,CAACP,MAAM,CAACQ,UAAU,MAAAX,aAAA,GAAIG,MAAM,CAACS,KAAK,cAAAZ,aAAA,uBAAZA,aAAA,CAAca,IAAI,CAAC,CAAC,EAAC;EAC5E,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAE3D,oBACIb,IAAA,CAACP,aAAa;IACVmB,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAClCP,KAAK,EAAEA,KAAK,IAAIV,IAAI,CAAC,iBAAiB,CAAE;IACxCW,IAAI,EAAEA,IAAK;IACXa,MAAM,eACFnB,IAAA,CAACR,aAAa;MACVe,MAAM,EAAEA,MAAM,CAACS,KAAM;MACrBD,UAAU,EAAER,MAAM,CAACQ,UAAW;MAC9BK,QAAQ,EAAEb,MAAM,CAACa,QAAS;MAC1BZ,MAAM,EAAEA,MAAO;MACfa,QAAQ,EAAEd,MAAM,CAACc;IAAS,CAC7B,CACJ;IAAAC,QAAA,eAEDtB,IAAA,CAACN,QAAQ;MAELe,KAAK,EAAEA,KAAM;MACbS,UAAU,EAAEA,UAAW;MACvBR,aAAa,EAAEA,aAAc;MAC7Ba,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;QAAA,oBAAKxB,IAAA,CAACH,kBAAkB,EAAA4B,aAAA,KAAKD,IAAI,CAAG,CAAC;MAAA,CAAC;MACtDE,eAAe,EAAEZ,OAAO,CAACN,MAAM,CAAE;MACjCmB,WAAW,EAAEhB;IAAgB,GANxBf,UAAU,CAACa,KAAK,EAAES,UAAU,CAOpC;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HistoryHeader","HistoryLayout","RowsList","i18n","getListKey","TutorialRowContent","cn","jsx","_jsx","block","TutorialsHistory","_ref","_search$value","title","logo","search","filter","items","selectedRowId","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","header","hasClear","onUpdate","children","renderRow","data","_objectSpread","showFiltersHint","onItemClick"],"sources":["TutorialsHistory.tsx"],"sourcesContent":["import React from 'react';\nimport {HistoryHeader, HistoryLayout, RowsList} from '../../modules';\nimport i18n from './i18n';\nimport {QueryListFilterConfig, QueryListItem, QueryListSearchConfig} from '../../types/queryList';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {getListKey} from '../../helpers/getListKey';\nimport {TutorialRowContent} from './TutorialRowContent';\nimport cn from 'bem-cn-lite';\nimport './TutorialsHistory.scss';\n\nexport type TutorialsHistoryProps<T extends TutorialHistoryRow = TutorialHistoryRow> = {\n    className?: string;\n    title?: string;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nconst block = cn('qp-tutorials-history');\n\nexport const TutorialsHistory = <T extends TutorialHistoryRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    onListItemClick,\n    className,\n}: TutorialsHistoryProps<T>) => {\n    const showSearchResults = Boolean(search.fullSearch && search.value?.trim());\n    const rowVariant = showSearchResults ? 'search' : 'default';\n\n    return (\n        <HistoryLayout\n            className={block(null, className)}\n            title={title || i18n('title_tutorials')}\n            logo={logo}\n            header={\n                <HistoryHeader\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n        >\n            <RowsList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                renderRow={(data) => <TutorialRowContent {...data} />}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,aAAa,EAAEC,aAAa,EAAEC,QAAQ;AAC9C,OAAOC,IAAI;AAGX,SAAQC,UAAU;AAClB,SAAQC,kBAAkB;AAC1B,OAAOC,EAAE,MAAM,aAAa;AAC5B;AAAiC,SAAAC,GAAA,IAAAC,IAAA;AAajC,IAAMC,KAAK,GAAGH,EAAE,CAAC,sBAAsB,CAAC;AAExC,OAAO,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EASG;EAAA,IAAAC,aAAA;EAAA,IAR5BC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,aAAa,GAAAP,IAAA,CAAbO,aAAa;IACbC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,SAAS,GAAAT,IAAA,CAATS,SAAS;EAET,IAAMC,iBAAiB,GAAGC,OAAO,CAACP,MAAM,CAACQ,UAAU,MAAAX,aAAA,GAAIG,MAAM,CAACS,KAAK,cAAAZ,aAAA,uBAAZA,aAAA,CAAca,IAAI,CAAC,CAAC,EAAC;EAC5E,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAE3D,oBACIb,IAAA,CAACP,aAAa;IACVmB,SAAS,EAAEX,KAAK,CAAC,IAAI,EAAEW,SAAS,CAAE;IAClCP,KAAK,EAAEA,KAAK,IAAIV,IAAI,CAAC,iBAAiB,CAAE;IACxCW,IAAI,EAAEA,IAAK;IACXa,MAAM,eACFnB,IAAA,CAACR,aAAa;MACVe,MAAM,EAAEA,MAAM,CAACS,KAAM;MACrBD,UAAU,EAAER,MAAM,CAACQ,UAAW;MAC9BK,QAAQ,EAAEb,MAAM,CAACa,QAAS;MAC1BZ,MAAM,EAAEA,MAAO;MACfa,QAAQ,EAAEd,MAAM,CAACc;IAAS,CAC7B,CACJ;IAAAC,QAAA,eAEDtB,IAAA,CAACN,QAAQ;MAELe,KAAK,EAAEA,KAAM;MACbS,UAAU,EAAEA,UAAW;MACvBR,aAAa,EAAEA,aAAc;MAC7Ba,SAAS,EAAE,SAAXA,SAASA,CAAGC,IAAI;QAAA,oBAAKxB,IAAA,CAACH,kBAAkB,EAAA4B,aAAA,KAAKD,IAAI,CAAG,CAAC;MAAA,CAAC;MACtDE,eAAe,EAAEZ,OAAO,CAACN,MAAM,CAAE;MACjCmB,WAAW,EAAEhB;IAAgB,GANxBf,UAAU,CAACa,KAAK,EAAES,UAAU,CAOpC;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}

package/build/esm/widgets/TutorialsHistory/TutorialsHistory.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","TutorialsHistory","action","jsx","_jsx","QUERY","filterFields","id","type","title","initialValue","items","logFilterApply","logFilterReset","BASE_ITEMS","query","height","meta","component","tags","parameters","layout","DefaultStory","_useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","handleOnSearch","data","newItems","filter","item","_item$query","toLowerCase","searchValue","includes","style","width","children","fields","onApply","onReset","hasClear","onUpdate","EmptyStory","_useState5","_useState6","Default","render","Empty"],"sources":["TutorialsHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {TutorialsHistory} from './TutorialsHistory';\nimport {QueryHistoryFilterConfig, QueryHistoryItem} from '../../types/history';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {action} from 'storybook/actions';\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst filterFields: QueryHistoryFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst BASE_ITEMS: QueryHistoryItem<TutorialHistoryRow>[] = [\n    {\n        id: 1,\n        title: 'Getting started with YQL',\n        query: QUERY,\n        height: 28,\n    },\n    {\n        id: 2,\n        title: 'Working with tables',\n        query: QUERY,\n        height: 28,\n    },\n    {\n        id: 3,\n        title: 'Window functions',\n        query: QUERY,\n        height: 28,\n    },\n];\n\nconst meta: Meta<typeof TutorialsHistory> = {\n    title: 'Widgets/TutorialsHistory',\n    component: TutorialsHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TutorialsHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <TutorialsHistory\n                title=\"Tutorials\"\n                items={items}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <TutorialsHistory\n                title=\"Tutorials\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SAAQC,gBAAgB;AAGxB,SAAQC,MAAM,QAAO,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,IAAMC,KAAK,6IAKmC;AAE9C,IAAMC,YAAgD,GAAG,CACrD;EAACC,EAAE,EAAE,UAAU;EAAEC,IAAI,EAAE,QAAQ;EAAEC,KAAK,EAAE,iBAAiB;EAAEC,YAAY,EAAE;AAAI,CAAC,EAC9E;EAACH,EAAE,EAAE,OAAO;EAAEC,IAAI,EAAE,iBAAiB;EAAEC,KAAK,EAAE;AAAQ,CAAC,EACvD;EACIF,EAAE,EAAE,SAAS;EACbC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE,SAAS;EAChBC,YAAY,EAAE,EAAE;EAChBC,KAAK,EAAE,CACH;IAACJ,EAAE,EAAE,KAAK;IAAEE,KAAK,EAAE;EAAK,CAAC,EACzB;IAACF,EAAE,EAAE,KAAK;IAAEE,KAAK,EAAE;EAAK,CAAC;AAEjC,CAAC,CACJ;AAED,IAAMG,cAAc,GAAGV,MAAM,CAAC,eAAe,CAAC;AAC9C,IAAMW,cAAc,GAAGX,MAAM,CAAC,eAAe,CAAC;AAE9C,IAAMY,UAAkD,GAAG,CACvD;EACIP,EAAE,EAAE,CAAC;EACLE,KAAK,EAAE,0BAA0B;EACjCM,KAAK,EAAEV,KAAK;EACZW,MAAM,EAAE;AACZ,CAAC,EACD;EACIT,EAAE,EAAE,CAAC;EACLE,KAAK,EAAE,qBAAqB;EAC5BM,KAAK,EAAEV,KAAK;EACZW,MAAM,EAAE;AACZ,CAAC,EACD;EACIT,EAAE,EAAE,CAAC;EACLE,KAAK,EAAE,kBAAkB;EACzBM,KAAK,EAAEV,KAAK;EACZW,MAAM,EAAE;AACZ,CAAC,CACJ;AAED,IAAMC,IAAmC,GAAG;EACxCR,KAAK,EAAE,0BAA0B;EACjCS,SAAS,EAAEjB,gBAAgB;EAC3BkB,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeJ,IAAI;AAGnB,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EACvB,IAAAC,SAAA,GAA0BvB,QAAQ,IAAAwB,MAAA,CAAKV,UAAU,CAAC,CAAC;IAAAW,UAAA,GAAAC,cAAA,CAAAH,SAAA;IAA5CZ,KAAK,GAAAc,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EACtB,IAAAG,UAAA,GAA4B5B,QAAQ,CAAC;MAAC6B,KAAK,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAK,CAAC,CAAC;IAAAC,UAAA,GAAAL,cAAA,CAAAE,UAAA;IAA7DI,MAAM,GAAAD,UAAA;IAAEE,SAAS,GAAAF,UAAA;EAExB,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAA0C,EAAK;IACnEF,SAAS,CAACE,IAAI,CAAC;IAEf,IAAI,CAACA,IAAI,CAACN,KAAK,EAAE;MACbF,QAAQ,CAACb,UAAU,CAAC;MACpB;IACJ;IAEA,IAAMsB,QAAQ,GAAGtB,UAAU,CAACuB,MAAM,CAAC,UAACC,IAAI,EAAK;MAAA,IAAAC,WAAA;MACzC,IAAI,EAAE,IAAI,IAAID,IAAI,CAAC,EAAE,OAAO,KAAK;MAEjC,IAAM7B,KAAK,GAAG6B,IAAI,CAAC7B,KAAK,CAAC+B,WAAW,CAAC,CAAC;MACtC,IAAMzB,KAAK,IAAAwB,WAAA,GAAGD,IAAI,CAACvB,KAAK,cAAAwB,WAAA,uBAAVA,WAAA,CAAYC,WAAW,CAAC,CAAC;MACvC,IAAMC,WAAW,GAAGN,IAAI,CAACN,KAAK,CAACW,WAAW,CAAC,CAAC;MAE5C,IAAIL,IAAI,CAACL,UAAU,EAAE;QACjB,OAAOrB,KAAK,CAACiC,QAAQ,CAACD,WAAW,CAAC,KAAI1B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE2B,QAAQ,CAACD,WAAW,CAAC;MACtE;MAEA,OAAOhC,KAAK,CAACiC,QAAQ,CAACD,WAAW,CAAC;IACtC,CAAC,CAAC;IACFd,QAAQ,CAACS,QAAQ,CAAC;EACtB,CAAC;EAED,oBACIhC,IAAA;IAAKuC,KAAK,EAAE;MAACC,KAAK,EAAE,GAAG;MAAE5B,MAAM,EAAE;IAAG,CAAE;IAAA6B,QAAA,eAClCzC,IAAA,CAACH,gBAAgB;MACbQ,KAAK,EAAC,WAAW;MACjBE,KAAK,EAAEA,KAAM;MACb0B,MAAM,EAAE;QACJS,MAAM,EAAExC,YAAY;QACpByC,OAAO,EAAEnC,cAAc;QACvBoC,OAAO,EAAEnC,cAAc,CAAC,OAAO;MACnC,CAAE;MACFmB,MAAM,EAAE;QACJH,KAAK,EAAEG,MAAM,CAACH,KAAK;QACnBC,UAAU,EAAEE,MAAM,CAACF,UAAU;QAC7BmB,QAAQ,EAAE,IAAI;QACdC,QAAQ,EAAEhB;MACd;IAAE,CACL;EAAC,CACD,CAAC;AAEd,CAAC;AAED,IAAMiB,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EACrB,IAAAC,UAAA,GAA4BpD,QAAQ,CAAC;MAAC6B,KAAK,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAK,CAAC,CAAC;IAAAuB,UAAA,GAAA3B,cAAA,CAAA0B,UAAA;IAA7DpB,MAAM,GAAAqB,UAAA;IAAEpB,SAAS,GAAAoB,UAAA;EAExB,oBACIjD,IAAA;IAAKuC,KAAK,EAAE;MAACC,KAAK,EAAE,GAAG;MAAE5B,MAAM,EAAE;IAAG,CAAE;IAAA6B,QAAA,eAClCzC,IAAA,CAACH,gBAAgB;MACbQ,KAAK,EAAC,WAAW;MACjBE,KAAK,EAAE,EAAG;MACVqB,MAAM,EAAE;QACJH,KAAK,EAAEG,MAAM,CAACH,KAAK;QACnBC,UAAU,EAAEE,MAAM,CAACF,UAAU;QAC7BmB,QAAQ,EAAE,IAAI;QACdC,QAAQ,EAAEjB;MACd;IAAE,CACL;EAAC,CACD,CAAC;AAEd,CAAC;AAED,OAAO,IAAMqB,OAAc,GAAG;EAACC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQnD,IAAA,CAACkB,YAAY,IAAE,CAAC;EAAA;AAAA,CAAC;AAC9D,OAAO,IAAMkC,KAAY,GAAG;EAACD,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQnD,IAAA,CAAC+C,UAAU,IAAE,CAAC;EAAA;AAAA,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","TutorialsHistory","action","jsx","_jsx","QUERY","filterFields","id","type","title","initialValue","items","logFilterApply","logFilterReset","BASE_ITEMS","query","height","meta","component","tags","parameters","layout","DefaultStory","_useState","concat","_useState2","_slicedToArray","setItems","_useState3","value","fullSearch","_useState4","search","setSearch","handleOnSearch","data","newItems","filter","item","_item$query","toLowerCase","searchValue","includes","style","width","children","fields","onApply","onReset","hasClear","onUpdate","EmptyStory","_useState5","_useState6","Default","render","Empty"],"sources":["TutorialsHistory.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {TutorialsHistory} from './TutorialsHistory';\nimport {QueryListFilterConfig, QueryListItem} from '../../types/queryList';\nimport {TutorialHistoryRow} from '../../types/tutorial';\nimport {action} from 'storybook/actions';\n\nconst QUERY = `use test;\n\nSELECT\n    \"test_session\" AS session_id,\n    \"test_task\" AS task_id,\n    SUBSTRING(\"test\", 1, 1) AS truncated_char`;\n\nconst filterFields: QueryListFilterConfig['fields'] = [\n    {id: 'onlyMine', type: 'switch', title: 'My queries only', initialValue: true},\n    {id: 'range', type: 'rangeDatePicker', title: 'Period'},\n    {\n        id: 'dialect',\n        type: 'checkboxGroup',\n        title: 'Dialect',\n        initialValue: [],\n        items: [\n            {id: 'yql', title: 'YQL'},\n            {id: 'sql', title: 'SQL'},\n        ],\n    },\n];\n\nconst logFilterApply = action('onFilterApply');\nconst logFilterReset = action('onFilterReset');\n\nconst BASE_ITEMS: QueryListItem<TutorialHistoryRow>[] = [\n    {\n        id: 1,\n        title: 'Getting started with YQL',\n        query: QUERY,\n        height: 28,\n    },\n    {\n        id: 2,\n        title: 'Working with tables',\n        query: QUERY,\n        height: 28,\n    },\n    {\n        id: 3,\n        title: 'Window functions',\n        query: QUERY,\n        height: 28,\n    },\n];\n\nconst meta: Meta<typeof TutorialsHistory> = {\n    title: 'Widgets/TutorialsHistory',\n    component: TutorialsHistory,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof TutorialsHistory>;\n\nconst DefaultStory = () => {\n    const [items, setItems] = useState([...BASE_ITEMS]);\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    const handleOnSearch = (data: {value: string; fullSearch: boolean}) => {\n        setSearch(data);\n\n        if (!data.value) {\n            setItems(BASE_ITEMS);\n            return;\n        }\n\n        const newItems = BASE_ITEMS.filter((item) => {\n            if (!('id' in item)) return false;\n\n            const title = item.title.toLowerCase();\n            const query = item.query?.toLowerCase();\n            const searchValue = data.value.toLowerCase();\n\n            if (data.fullSearch) {\n                return title.includes(searchValue) || query?.includes(searchValue);\n            }\n\n            return title.includes(searchValue);\n        });\n        setItems(newItems);\n    };\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <TutorialsHistory\n                title=\"Tutorials\"\n                items={items}\n                filter={{\n                    fields: filterFields,\n                    onApply: logFilterApply,\n                    onReset: logFilterReset('reset'),\n                }}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: handleOnSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nconst EmptyStory = () => {\n    const [search, setSearch] = useState({value: '', fullSearch: false});\n\n    return (\n        <div style={{width: 300, height: 500}}>\n            <TutorialsHistory\n                title=\"Tutorials\"\n                items={[]}\n                search={{\n                    value: search.value,\n                    fullSearch: search.fullSearch,\n                    hasClear: true,\n                    onUpdate: setSearch,\n                }}\n            />\n        </div>\n    );\n};\n\nexport const Default: Story = {render: () => <DefaultStory />};\nexport const Empty: Story = {render: () => <EmptyStory />};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,11 @@
 export { QueriesHistory } from './QueriesHistory';
 export type { QueriesHistoryProps } from './QueriesHistory';
+export { SavedQueries } from './SavedQueries';
+export type { SavedQueriesProps } from './SavedQueries';
 export { DashboardCharts } from './DashboardCharts';
 export { TutorialsHistory } from './TutorialsHistory';
 export type { TutorialsHistoryProps } from './TutorialsHistory';
+export { QueryResults } from './QueryResults';
+export type { QueryResultsProps } from './QueryResults';
 export { QueriesNavigation, createTableDetailConfig, createNavigationDetailResolver, } from './QueriesNavigation';
 export type { QueriesNavigationProps, CreateTableDetailConfigOptions, NavigationPreviewResolver, NavigationSchemaResolver, } from './QueriesNavigation';

package/build/esm/widgets/index.js

@@ -1,5 +1,7 @@
 export { QueriesHistory } from "./QueriesHistory";
+export { SavedQueries } from "./SavedQueries";
 export { DashboardCharts } from "./DashboardCharts";
 export { TutorialsHistory } from "./TutorialsHistory";
+export { QueryResults } from "./QueryResults";
 export { QueriesNavigation, createTableDetailConfig, createNavigationDetailResolver } from "./QueriesNavigation";
 // #sourceMappingURL=index.js.map