@gravity-ui/querieskit 1.1.0 → 1.2.0

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":"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","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,5 +1,7 @@
 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';

package/build/esm/widgets/index.js

@@ -1,4 +1,5 @@
 export { QueriesHistory } from "./QueriesHistory";
+export { SavedQueries } from "./SavedQueries";
 export { DashboardCharts } from "./DashboardCharts";
 export { TutorialsHistory } from "./TutorialsHistory";
 export { QueriesNavigation, createTableDetailConfig, createNavigationDetailResolver } from "./QueriesNavigation";

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

@@ -1 +1 @@
-{"version":3,"names":["QueriesHistory","DashboardCharts","TutorialsHistory","QueriesNavigation","createTableDetailConfig","createNavigationDetailResolver"],"sources":["index.ts"],"sourcesContent":["export {QueriesHistory} from './QueriesHistory';\nexport type {QueriesHistoryProps} from './QueriesHistory';\nexport {DashboardCharts} from './DashboardCharts';\nexport {TutorialsHistory} from './TutorialsHistory';\nexport type {TutorialsHistoryProps} from './TutorialsHistory';\nexport {\n    QueriesNavigation,\n    createTableDetailConfig,\n    createNavigationDetailResolver,\n} from './QueriesNavigation';\nexport type {\n    QueriesNavigationProps,\n    CreateTableDetailConfigOptions,\n    NavigationPreviewResolver,\n    NavigationSchemaResolver,\n} from './QueriesNavigation';\n"],"mappings":"AAAA,SAAQA,cAAc;AAEtB,SAAQC,eAAe;AACvB,SAAQC,gBAAgB;AAExB,SACIC,iBAAiB,EACjBC,uBAAuB,EACvBC,8BAA8B","ignoreList":[]}
+{"version":3,"names":["QueriesHistory","SavedQueries","DashboardCharts","TutorialsHistory","QueriesNavigation","createTableDetailConfig","createNavigationDetailResolver"],"sources":["index.ts"],"sourcesContent":["export {QueriesHistory} from './QueriesHistory';\nexport type {QueriesHistoryProps} from './QueriesHistory';\nexport {SavedQueries} from './SavedQueries';\nexport type {SavedQueriesProps} from './SavedQueries';\nexport {DashboardCharts} from './DashboardCharts';\nexport {TutorialsHistory} from './TutorialsHistory';\nexport type {TutorialsHistoryProps} from './TutorialsHistory';\nexport {\n    QueriesNavigation,\n    createTableDetailConfig,\n    createNavigationDetailResolver,\n} from './QueriesNavigation';\nexport type {\n    QueriesNavigationProps,\n    CreateTableDetailConfigOptions,\n    NavigationPreviewResolver,\n    NavigationSchemaResolver,\n} from './QueriesNavigation';\n"],"mappings":"AAAA,SAAQA,cAAc;AAEtB,SAAQC,YAAY;AAEpB,SAAQC,eAAe;AACvB,SAAQC,gBAAgB;AAExB,SACIC,iBAAiB,EACjBC,uBAAuB,EACvBC,8BAA8B","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/querieskit",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Query page component library",
   "main": "build/index.js",
   "scripts": {

package/src/{modules/HistoryRow/HistoryRowTitle.tsx → components/EditableRowTitle/EditableRowTitle.tsx}

@@ -1,19 +1,21 @@
-import React, {KeyboardEvent, useState} from 'react';
-import {QueryHistoryEditingRenderData, QueryHistoryRow} from '../../types/history';
+import React, {KeyboardEvent, useEffect, useState} from 'react';
 import {Text, TextInput} from '@gravity-ui/uikit';
-import './HistoryRow.scss';
+import {QueryListEditingRenderData, QueryListRow} from '../../types/queryList';
 
-export type Props<T extends QueryHistoryRow> = {
+export type EditableRowTitleProps<T extends QueryListRow = QueryListRow> = {
     item: T;
-    editing?: QueryHistoryEditingRenderData<T>;
+    editing?: QueryListEditingRenderData<T>;
 };
 
-export const HistoryRowTitle = <T extends QueryHistoryRow>({item, editing}: Props<T>) => {
+export const EditableRowTitle = <T extends QueryListRow>({
+    item,
+    editing,
+}: EditableRowTitleProps<T>) => {
     const [title, setTitle] = useState(item.title);
     const isEditing = Boolean(editing?.enabled);
     const isTitleEmpty = !title.trim();
 
-    React.useEffect(() => {
+    useEffect(() => {
         setTitle(item.title);
     }, [item.id, item.title]);
 
@@ -61,9 +63,5 @@ export const HistoryRowTitle = <T extends QueryHistoryRow>({item, editing}: Prop
         );
     }
 
-    return (
-        <Text variant="subheader-1" ellipsis>
-            {item.title}
-        </Text>
-    );
+    return <Text ellipsis>{item.title}</Text>;
 };

package/src/components/EditableRowTitle/index.ts

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

package/src/components/HistoryFilter/HistoryFilter.tsx

@@ -3,7 +3,7 @@ import {Button, Flex, Icon, Popup} from '@gravity-ui/uikit';
 import FunnelIcon from '@gravity-ui/icons/svgs/funnel.svg';
 import ArrowRotateLeftIcon from '@gravity-ui/icons/svgs/arrow-rotate-left.svg';
 import {useToggle} from '../../helpers/useToggle';
-import {QueryHistoryFilterConfig} from '../../types/history';
+import {QueryListFilterConfig} from '../../types/queryList';
 import cn from 'bem-cn-lite';
 import {SimpleForm} from '../SimpleForm';
 import i18n from './i18n';
@@ -11,7 +11,7 @@ import './HistoryFilter.scss';
 
 const block = cn('qp-history-filter');
 
-export const HistoryFilter: FC<QueryHistoryFilterConfig> = ({
+export const HistoryFilter: FC<QueryListFilterConfig> = ({
     fields = [],
     values,
     initialValues,

package/src/components/LazyList/LazyList.scss

@@ -2,12 +2,12 @@
   .g-list__item_selected:hover {
     background-color: var(--g-color-base-selection-hover);
   }
-}
 
-.qp-lazy-list__sentinel {
-  height: 1px;
-}
+  &__sentinel {
+    height: 1px;
+  }
 
-.qp-lazy-list__spinner {
-  height: 100%;
+  &__spinner {
+    height: 100%;
+  }
 }

package/src/components/RowActionsMenu/RowActionsMenu.tsx

@@ -0,0 +1,47 @@
+import React, {MouseEvent, useMemo} from 'react';
+import {Button, DropdownMenu, DropdownMenuItem, Icon} from '@gravity-ui/uikit';
+import EllipsisIcon from '@gravity-ui/icons/svgs/ellipsis.svg';
+import {QueryListRow, QueryListRowAction} from '../../types/queryList';
+
+export type RowActionsMenuProps<T extends QueryListRow = QueryListRow> = {
+    item: T;
+    actions?: QueryListRowAction<T>[];
+};
+
+export const RowActionsMenu = <T extends QueryListRow>({item, actions}: RowActionsMenuProps<T>) => {
+    const items = useMemo(() => {
+        return actions?.map<DropdownMenuItem>(({icon, text, theme, hidden, disabled, onClick}) => {
+            return {
+                text,
+                theme,
+                hidden,
+                disabled,
+                iconStart: icon,
+                action: () => {
+                    onClick(item);
+                },
+            };
+        });
+    }, [actions, item]);
+
+    if (!actions?.length) return null;
+
+    const handleClick = (event: MouseEvent<HTMLDivElement>) => {
+        event.preventDefault();
+        event.stopPropagation();
+    };
+
+    return (
+        <div onClick={handleClick}>
+            <DropdownMenu
+                size="s"
+                renderSwitcher={(props) => (
+                    <Button {...props} size="xs">
+                        <Icon data={EllipsisIcon} size={12} />
+                    </Button>
+                )}
+                items={items}
+            />
+        </div>
+    );
+};

package/src/components/RowActionsMenu/index.ts

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

package/src/components/index.ts

@@ -14,6 +14,10 @@ export {HistoryFilter} from './HistoryFilter';
 export {HistoryPrivateIcon} from './HistoryPrivateIcon';
 export {FieldsSelector} from './FieldsSelector';
 export type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';
+export {EditableRowTitle} from './EditableRowTitle';
+export type {EditableRowTitleProps} from './EditableRowTitle';
+export {RowActionsMenu} from './RowActionsMenu';
+export type {RowActionsMenuProps} from './RowActionsMenu';
 export {FieldsSearchToolbar} from './FieldsSearchToolbar';
 export type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';
 export {HistoryGroupHeader} from './HistoryGroupHeader';

package/src/helpers/getListKey.ts

@@ -1,8 +1,8 @@
-import {BaseHistoryRow, QueryHistoryItem, QueryHistoryRowVariant} from '../types/history';
+import {QueryListItem, QueryListRow, QueryListRowVariant} from '../types/queryList';
 
-export const getListKey = <T extends BaseHistoryRow>(
-    items: QueryHistoryItem<T>[],
-    variant: QueryHistoryRowVariant,
+export const getListKey = <T extends QueryListRow>(
+    items: QueryListItem<T>[],
+    variant: QueryListRowVariant,
 ): string => {
     const itemsKey = items
         .map((item) => ('header' in item ? `h:${item.header}` : `r:${item.id}`))

package/src/helpers/isFieldVisible.ts

@@ -1,4 +1,5 @@
-import {QueryHistoryFieldKey, QueryHistoryRow} from '../types/history';
+import {QueryListFieldKey} from '../types/queryList';
+import {QueryHistoryRow} from '../types/history';
 
 /**
  * A field is visible either when no `visibleFields` config is provided
@@ -6,14 +7,14 @@ import {QueryHistoryFieldKey, QueryHistoryRow} from '../types/history';
  * the field key is explicitly included in `visibleFields.value`.
  *
  * `visibleFields` is accepted loosely as `{value: string[]}` (rather than the
- * generic `QueryHistoryVisibleFieldsConfig<T>`) so this helper works for any
+ * generic `QueryListVisibleFieldsConfig<T>`) so this helper works for any
  * `T extends QueryHistoryRow` without fighting TS variance on generic key
- * unions; `field` still uses `QueryHistoryFieldKey<QueryHistoryRow>` to keep
+ * unions; `field` still uses `QueryListFieldKey<QueryHistoryRow>` to keep
  * typo-protection for the built-in fields checked by the row renderers.
  */
 export const isFieldVisible = (
     visibleFields: {value: string[]} | undefined,
-    field: QueryHistoryFieldKey<QueryHistoryRow>,
+    field: QueryListFieldKey<QueryHistoryRow>,
 ): boolean => {
     return visibleFields === undefined || visibleFields.value.includes(field);
 };

package/src/helpers/time.ts

@@ -20,6 +20,10 @@ export const formatTimeCanonical = (ts: Date) => {
     return dateTimeParse(ts)?.format('DD.MM.YYYY, HH:mm');
 };
 
+export const formatDateCanonical = (ts: Date) => {
+    return dateTimeParse(ts)?.format('DD.MM.YYYY');
+};
+
 export const getTimestampFromDate = (date: Date) => {
     return dateTimeParse(date)?.valueOf();
 };

package/src/index.ts

@@ -1,7 +1,9 @@
 export * from './components';
 export * from './modules';
 export * from './widgets';
+export * from './types/queryList';
 export * from './types/history';
+export type {SavedQuery} from './types/savedQueries';
 export * from './types/tutorial';
 export * from './types/navigation';
 export * from './types/pathEditor';

package/src/{widgets/QueriesHistory/ComparisonActions.scss → modules/HistoryComparisonActions/HistoryComparisonActions.scss}

@@ -1,4 +1,4 @@
-.qp-query-history-comparison-action {
+.qp-history-comparison-actions {
   padding: 12px 20px;
   background: var(--g-color-base-background);
-}
+}

package/src/{widgets/QueriesHistory/ComparisonActions.tsx → modules/HistoryComparisonActions/HistoryComparisonActions.tsx}

@@ -1,22 +1,22 @@
 import React from 'react';
 import {Button, Flex, Icon} from '@gravity-ui/uikit';
-import {QueryHistoryComparisonConfig, QueryHistoryRow} from '../../types/history';
-import ArrowRotateRightIcon from '@gravity-ui/icons/svgs/arrow-rotate-right.svg';
 import ArrowRightArrowLeftIcon from '@gravity-ui/icons/svgs/arrow-right-arrow-left.svg';
-import './ComparisonActions.scss';
+import ArrowRotateRightIcon from '@gravity-ui/icons/svgs/arrow-rotate-right.svg';
+import {QueryListComparisonConfig, QueryListRow} from '../../types/queryList';
 import cn from 'bem-cn-lite';
+import './HistoryComparisonActions.scss';
 
-type Props<T extends QueryHistoryRow> = {
-    comparison: QueryHistoryComparisonConfig<T>;
+export type HistoryComparisonActionsProps<T extends QueryListRow = QueryListRow> = {
+    comparison: QueryListComparisonConfig<T>;
     className?: string;
 };
 
-const block = cn('qp-query-history-comparison-action');
+const block = cn('qp-history-comparison-actions');
 
-export const ComparisonActions = <T extends QueryHistoryRow>({
+export const HistoryComparisonActions = <T extends QueryListRow>({
     comparison: {enabled, comparedRowIds, onCompare, onCancel},
     className,
-}: Props<T>) => {
+}: HistoryComparisonActionsProps<T>) => {
     if (!enabled) return null;
 
     return (

package/src/modules/HistoryComparisonActions/index.ts

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

package/src/modules/HistoryHeader/HistoryHeader.tsx

@@ -1,13 +1,13 @@
 import React, {FC, useEffect, useState} from 'react';
 import {FullSearchToggleButton} from './internal/FullSearchToggleButton';
 import {HistoryFilter, SearchWithButtons} from '../../components';
-import {QueryHistoryFilterConfig} from '../../types/history';
+import {QueryListFilterConfig} from '../../types/queryList';
 
 type Props = {
     search?: string;
     fullSearch?: boolean;
     hasClear?: boolean;
-    filter?: QueryHistoryFilterConfig;
+    filter?: QueryListFilterConfig;
     onUpdate: (data: {value: string; fullSearch: boolean}) => void;
     className?: string;
 };

package/src/modules/HistoryRow/HistoryRow.stories.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import type {Meta, StoryObj} from '@storybook/react';
 import {HistoryRow} from './HistoryRow';
-import {QueryHistoryRow, QueryHistoryRowAction} from '../../types/history';
+import {QueryListRowAction} from '../../types/queryList';
+import {QueryHistoryRow} from '../../types/history';
 
 const now = Date.now();
 const min = 60 * 1000;
@@ -19,7 +20,7 @@ const makeRow = (overrides: Partial<QueryHistoryRow>): QueryHistoryRow => ({
     ...overrides,
 });
 
-const defaultActions: Array<QueryHistoryRowAction<QueryHistoryRow>> = [
+const defaultActions: Array<QueryListRowAction<QueryHistoryRow>> = [
     {text: 'Run again', onClick: (row) => alert(`Run: ${row.title}`)},
     {text: 'Copy', onClick: (row) => alert(`Copy: ${row.title}`)},
     {text: 'Delete', onClick: (row) => alert(`Delete: ${row.title}`)},

package/src/modules/HistoryRow/HistoryRow.tsx

@@ -1,17 +1,23 @@
 import React from 'react';
-import {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';
+import {QueryListRowRenderData} from '../../types/queryList';
+import {QueryHistoryRow} from '../../types/history';
 import {Flex, Text} from '@gravity-ui/uikit';
 import './HistoryRow.scss';
 import cn from 'bem-cn-lite';
-import {HistoryPrivateIcon, QueryDuration, QueryStatusIcon, RowLink} from '../../components';
+import {
+    EditableRowTitle,
+    HistoryPrivateIcon,
+    QueryDuration,
+    QueryStatusIcon,
+    RowActionsMenu,
+    RowLink,
+} from '../../components';
 import {formatTime} from '../../helpers/time';
 import {isFieldVisible} from '../../helpers/isFieldVisible';
-import {HistoryRowTitle} from './HistoryRowTitle';
-import {HistoryRowMenu} from './HistoryRowMenu';
 
 export type Props<T extends QueryHistoryRow> = {
     item: T;
-} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;
+} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
 
 const block = cn('qp-history-row');
 
@@ -38,8 +44,8 @@ export const HistoryRow = <T extends QueryHistoryRow>({
             <QueryStatusIcon status={status} />
             <Flex direction="column" gap={1} className={block('right-column')}>
                 <Flex justifyContent="space-between" className={block('header')}>
-                    <HistoryRowTitle item={item} editing={editing} />
-                    {showMenu && <HistoryRowMenu item={item} actions={actions} />}
+                    <EditableRowTitle item={item} editing={editing} />
+                    {showMenu && <RowActionsMenu item={item} actions={actions} />}
                 </Flex>
                 <div className={block('data')}>
                     {isFieldVisible(visibleFields, 'duration') && startTime && (

package/src/modules/HistorySearchRow/HistorySearchRow.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import {Flex, Text} from '@gravity-ui/uikit';
-import {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';
+import {QueryListRowRenderData} from '../../types/queryList';
+import {QueryHistoryRow} from '../../types/history';
 import {
     HistoryPrivateIcon,
     QueryDuration,
@@ -17,7 +18,7 @@ const block = cn('qp-history-search-row');
 
 export type Props<T extends QueryHistoryRow> = {
     item: T;
-} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;
+} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
 
 export const HistorySearchRow = <T extends QueryHistoryRow>({
     item,

package/src/modules/NavigationItemsList/internal/NavigationItemsListHeader.tsx

@@ -28,11 +28,7 @@ export const NavigationItemsListHeader: FC<NavigationItemsListHeaderProps> = ({
     className,
 }) => {
     if (!onSortUpdate) {
-        return (
-            <Flex alignItems="center" className={block(null, className)}>
-                <Text>{titleLabel}</Text>
-            </Flex>
-        );
+        return null;
     }
 
     const handleClick = () => {

package/src/modules/QueriesList/QueriesList.scss

@@ -0,0 +1,10 @@
+.qp-queries-list {
+  height: 100%;
+
+  &__comparison-actions {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+  }
+}