@gravity-ui/querieskit 1.1.0 → 1.3.0

package/build/esm/widgets/QueryResults/QueryResults.css

@@ -0,0 +1,19 @@
+.qp-query-results {
+  min-width: 0;
+}
+.qp-query-results__toolbar {
+  min-width: 0;
+}
+.qp-query-results__views, .qp-query-results__rows-info, .qp-query-results__actions {
+  flex-shrink: 0;
+}
+.qp-query-results__toolbar-content {
+  min-width: 0;
+}
+.qp-query-results__actions {
+  margin-left: auto;
+}
+.qp-query-results__content {
+  min-width: 0;
+}
+/*# sourceMappingURL=QueryResults.css.map */

package/build/esm/widgets/QueryResults/QueryResults.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["QueryResults.scss"],"names":[],"mappings":"AAAA;EACI,YAAA;AACJ;AACI;EACI,YAAA;AACR;AAEI;EAGI,cAAA;AAFR;AAKI;EACI,YAAA;AAHR;AAMI;EACI,iBAAA;AAJR;AAOI;EACI,YAAA;AALR","file":"QueryResults.css","sourcesContent":[".qp-query-results {\n    min-width: 0;\n\n    &__toolbar {\n        min-width: 0;\n    }\n\n    &__views,\n    &__rows-info,\n    &__actions {\n        flex-shrink: 0;\n    }\n\n    &__toolbar-content {\n        min-width: 0;\n    }\n\n    &__actions {\n        margin-left: auto;\n    }\n\n    &__content {\n        min-width: 0;\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { QueryResultColumn, QueryResultFormatterSettings, QueryResultsSchemaRenderContext, QueryResultsView } from '../../types/queryResults';
+import './QueryResults.scss';
+export type QueryResultsProps<TRow extends Record<string, unknown>> = {
+    columns: Array<QueryResultColumn<TRow>>;
+    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */
+    rows: TRow[];
+    totalRows?: number;
+    loading?: boolean;
+    errorContent?: React.ReactNode;
+    rowKey?: (row: TRow, index: number) => string | number;
+    formatterSettings?: QueryResultFormatterSettings;
+    maxVisibleLines?: number;
+    title?: React.ReactNode;
+    toolbarContent?: React.ReactNode;
+    actions?: React.ReactNode;
+    view?: QueryResultsView;
+    defaultView?: QueryResultsView;
+    onViewChange?: (view: QueryResultsView) => void;
+    renderSchema?: (context: QueryResultsSchemaRenderContext<TRow>) => React.ReactNode;
+    className?: string;
+};
+export declare function QueryResults<TRow extends Record<string, unknown>>({ columns, rows, totalRows, loading, errorContent, rowKey, formatterSettings, maxVisibleLines, title, toolbarContent, actions, view: controlledView, defaultView, onViewChange, renderSchema, className, }: QueryResultsProps<TRow>): React.JSX.Element;

package/build/esm/widgets/QueryResults/QueryResults.js

@@ -0,0 +1,111 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useCallback, useState } from 'react';
+import { Flex, SegmentedRadioGroup, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { QueryResultsTable } from "../../components";
+import { QueryResultsSchema } from "./internal/QueryResultsSchema";
+import i18n from "./i18n";
+import "./QueryResults.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-query-results');
+export function QueryResults(_ref) {
+  var columns = _ref.columns,
+    rows = _ref.rows,
+    _ref$totalRows = _ref.totalRows,
+    totalRows = _ref$totalRows === void 0 ? rows.length : _ref$totalRows,
+    loading = _ref.loading,
+    errorContent = _ref.errorContent,
+    rowKey = _ref.rowKey,
+    formatterSettings = _ref.formatterSettings,
+    maxVisibleLines = _ref.maxVisibleLines,
+    title = _ref.title,
+    toolbarContent = _ref.toolbarContent,
+    actions = _ref.actions,
+    controlledView = _ref.view,
+    _ref$defaultView = _ref.defaultView,
+    defaultView = _ref$defaultView === void 0 ? 'result' : _ref$defaultView,
+    onViewChange = _ref.onViewChange,
+    renderSchema = _ref.renderSchema,
+    className = _ref.className;
+  var _useState = useState(defaultView),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledView = _useState2[0],
+    setUncontrolledView = _useState2[1];
+  var view = controlledView !== null && controlledView !== void 0 ? controlledView : uncontrolledView;
+  var handleViewChange = useCallback(function (nextView) {
+    var next = nextView;
+    if (controlledView === undefined) {
+      setUncontrolledView(next);
+    }
+    onViewChange === null || onViewChange === void 0 || onViewChange(next);
+  }, [controlledView, onViewChange]);
+  var schema = renderSchema === null || renderSchema === void 0 ? void 0 : renderSchema({
+    columns: columns
+  });
+  var content;
+  if (errorContent) {
+    content = /*#__PURE__*/_jsx(Text, {
+      color: "danger",
+      children: errorContent
+    });
+  } else if (view === 'schema') {
+    content = schema !== null && schema !== void 0 ? schema : /*#__PURE__*/_jsx(QueryResultsSchema, {
+      columns: columns,
+      loading: loading
+    });
+  } else {
+    content = /*#__PURE__*/_jsx(QueryResultsTable, {
+      columns: columns,
+      rows: rows,
+      loading: loading,
+      rowKey: rowKey,
+      formatterSettings: formatterSettings,
+      maxVisibleLines: maxVisibleLines
+    });
+  }
+  return /*#__PURE__*/_jsxs(Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: [title && /*#__PURE__*/_jsx(Text, {
+      variant: "subheader-1",
+      children: title
+    }), /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      alignItems: "center",
+      className: block('toolbar'),
+      children: [/*#__PURE__*/_jsxs(SegmentedRadioGroup, {
+        value: view,
+        onUpdate: handleViewChange,
+        width: "auto",
+        size: "s",
+        className: block('views'),
+        children: [/*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+          value: "result",
+          children: i18n('tab_result')
+        }), /*#__PURE__*/_jsx(SegmentedRadioGroup.Option, {
+          value: "schema",
+          children: i18n('tab_schema')
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        color: "secondary",
+        className: block('rows-info'),
+        children: i18n('context_rows-info', {
+          count: totalRows,
+          visible: rows.length,
+          total: totalRows
+        })
+      }), toolbarContent && /*#__PURE__*/_jsx("div", {
+        className: block('toolbar-content'),
+        children: toolbarContent
+      }), actions && /*#__PURE__*/_jsx("div", {
+        className: block('actions'),
+        children: actions
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: block('content'),
+      children: content
+    })]
+  });
+}
+// #sourceMappingURL=QueryResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useState","Flex","SegmentedRadioGroup","Text","cn","QueryResultsTable","QueryResultsSchema","i18n","jsx","_jsx","jsxs","_jsxs","block","QueryResults","_ref","columns","rows","_ref$totalRows","totalRows","length","loading","errorContent","rowKey","formatterSettings","maxVisibleLines","title","toolbarContent","actions","controlledView","view","_ref$defaultView","defaultView","onViewChange","renderSchema","className","_useState","_useState2","_slicedToArray","uncontrolledView","setUncontrolledView","handleViewChange","nextView","next","undefined","schema","content","color","children","direction","gap","variant","alignItems","value","onUpdate","width","size","Option","count","visible","total"],"sources":["QueryResults.tsx"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {Flex, SegmentedRadioGroup, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {QueryResultsTable} from '../../components';\nimport type {\n    QueryResultColumn,\n    QueryResultFormatterSettings,\n    QueryResultsSchemaRenderContext,\n    QueryResultsView,\n} from '../../types/queryResults';\nimport {QueryResultsSchema} from './internal/QueryResultsSchema';\nimport i18n from './i18n';\n\nimport './QueryResults.scss';\n\nconst block = cn('qp-query-results');\n\nexport type QueryResultsProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    /** Values use the YQL wire representation consumed by @gravity-ui/unipika. */\n    rows: TRow[];\n    totalRows?: number;\n    loading?: boolean;\n    errorContent?: React.ReactNode;\n    rowKey?: (row: TRow, index: number) => string | number;\n    formatterSettings?: QueryResultFormatterSettings;\n    maxVisibleLines?: number;\n    title?: React.ReactNode;\n    toolbarContent?: React.ReactNode;\n    actions?: React.ReactNode;\n    view?: QueryResultsView;\n    defaultView?: QueryResultsView;\n    onViewChange?: (view: QueryResultsView) => void;\n    renderSchema?: (context: QueryResultsSchemaRenderContext<TRow>) => React.ReactNode;\n    className?: string;\n};\n\nexport function QueryResults<TRow extends Record<string, unknown>>({\n    columns,\n    rows,\n    totalRows = rows.length,\n    loading,\n    errorContent,\n    rowKey,\n    formatterSettings,\n    maxVisibleLines,\n    title,\n    toolbarContent,\n    actions,\n    view: controlledView,\n    defaultView = 'result',\n    onViewChange,\n    renderSchema,\n    className,\n}: QueryResultsProps<TRow>) {\n    const [uncontrolledView, setUncontrolledView] = useState<QueryResultsView>(defaultView);\n    const view = controlledView ?? uncontrolledView;\n\n    const handleViewChange = useCallback(\n        (nextView: string) => {\n            const next = nextView as QueryResultsView;\n            if (controlledView === undefined) {\n                setUncontrolledView(next);\n            }\n            onViewChange?.(next);\n        },\n        [controlledView, onViewChange],\n    );\n\n    const schema = renderSchema?.({columns});\n    let content: React.ReactNode;\n\n    if (errorContent) {\n        content = <Text color=\"danger\">{errorContent}</Text>;\n    } else if (view === 'schema') {\n        content = schema ?? <QueryResultsSchema columns={columns} loading={loading} />;\n    } else {\n        content = (\n            <QueryResultsTable\n                columns={columns}\n                rows={rows}\n                loading={loading}\n                rowKey={rowKey}\n                formatterSettings={formatterSettings}\n                maxVisibleLines={maxVisibleLines}\n            />\n        );\n    }\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            {title && <Text variant=\"subheader-1\">{title}</Text>}\n            <Flex gap={2} alignItems=\"center\" className={block('toolbar')}>\n                <SegmentedRadioGroup\n                    value={view}\n                    onUpdate={handleViewChange}\n                    width=\"auto\"\n                    size=\"s\"\n                    className={block('views')}\n                >\n                    <SegmentedRadioGroup.Option value=\"result\">\n                        {i18n('tab_result')}\n                    </SegmentedRadioGroup.Option>\n                    <SegmentedRadioGroup.Option value=\"schema\">\n                        {i18n('tab_schema')}\n                    </SegmentedRadioGroup.Option>\n                </SegmentedRadioGroup>\n                <Text color=\"secondary\" className={block('rows-info')}>\n                    {i18n('context_rows-info', {\n                        count: totalRows,\n                        visible: rows.length,\n                        total: totalRows,\n                    })}\n                </Text>\n                {toolbarContent && <div className={block('toolbar-content')}>{toolbarContent}</div>}\n                {actions && <div className={block('actions')}>{actions}</div>}\n            </Flex>\n            <div className={block('content')}>{content}</div>\n        </Flex>\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/widgets/QueryResults/QueryResults.scss

@@ -0,0 +1,25 @@
+.qp-query-results {
+    min-width: 0;
+
+    &__toolbar {
+        min-width: 0;
+    }
+
+    &__views,
+    &__rows-info,
+    &__actions {
+        flex-shrink: 0;
+    }
+
+    &__toolbar-content {
+        min-width: 0;
+    }
+
+    &__actions {
+        margin-left: auto;
+    }
+
+    &__content {
+        min-width: 0;
+    }
+}

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { QueryResults } from './QueryResults';
+type Row = {
+    age: number;
+    ip: string;
+    last_url: string;
+    last_visit_time: number;
+    name: unknown;
+    region: number;
+    user_agent: string;
+};
+declare const meta: Meta<typeof QueryResults>;
+export default meta;
+type Story = StoryObj<typeof QueryResults<Row>>;
+export declare const Default: Story;
+export declare const ControlledView: Story;
+export declare const Loading: Story;
+export declare const Error: Story;
+export declare const CustomSchema: Story;

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

@@ -0,0 +1,191 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { ArrowDownToLine, ArrowUpFromLine, ArrowUpRightFromSquare, DatabaseArrowRight, Gear, LayoutColumns } from '@gravity-ui/icons';
+import { Button, Flex, Icon, Link } from '@gravity-ui/uikit';
+import { action } from 'storybook/actions';
+import { QueryResults } from "./QueryResults";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var columns = [{
+  name: 'age',
+  header: 'age',
+  type: ['DataType', 'Int32'],
+  width: 70
+}, {
+  name: 'ip',
+  header: 'ip',
+  type: ['DataType', 'String'],
+  width: 180
+}, {
+  name: 'last_url',
+  header: 'last_url',
+  type: ['DataType', 'Utf8'],
+  width: 420
+}, {
+  name: 'last_visit_time',
+  header: 'last_visit_time',
+  type: ['DataType', 'Timestamp'],
+  width: 160
+}, {
+  name: 'name',
+  header: 'name',
+  type: ['OptionalType', ['DataType', 'Utf8']],
+  width: 160
+}, {
+  name: 'region',
+  header: 'region',
+  type: ['DataType', 'Uint32'],
+  width: 100
+}, {
+  name: 'user_agent',
+  header: 'user_agent',
+  type: ['DataType', 'String'],
+  width: 360
+}];
+var rows = [{
+  age: 15,
+  ip: '95.106.17.32',
+  last_url: 'http://avia-talk.ru/otzyvy-o-aviakompaniyax-rossii/otzyvy-aviakompaniya-s7-sibir/comments2',
+  last_visit_time: 1447027200,
+  name: ['Anya'],
+  region: 213,
+  user_agent: 'Mozilla/5.0'
+}, {
+  age: 25,
+  ip: '88.78.248.151',
+  last_url: 'http://www.arrivo.ru/statii/sovety/kak-puteshestvovat-s-peresadkami-vazhney-sovety.html',
+  last_visit_time: 1447113600,
+  name: ['Petr'],
+  region: 225,
+  user_agent: 'Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648)'
+}, {
+  age: 17,
+  ip: '93.94.183.63',
+  last_url: 'http://www.avia77.ru/advices/change%20of%20plane/',
+  last_visit_time: 1447160400,
+  name: ['Masha'],
+  region: 1,
+  user_agent: 'Opera/9.80 (Windows NT 5.1) Presto/2.12.388 Version/12.17'
+}];
+var meta = {
+  title: 'Widgets/QueryResults',
+  component: QueryResults,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+export default meta;
+export var Default = {
+  args: {
+    columns: columns,
+    rows: rows,
+    totalRows: 6,
+    toolbarContent: /*#__PURE__*/_jsxs(Flex, {
+      gap: 2,
+      alignItems: "center",
+      children: [/*#__PURE__*/_jsx(Link, {
+        href: "#",
+        children: "markov: `tmp/yql/mbobelyuk/result`"
+      }), /*#__PURE__*/_jsxs(Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: action('insert'),
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: DatabaseArrowRight,
+          size: 16
+        }), "Insert"]
+      }), /*#__PURE__*/_jsxs(Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: action('go-to-yt'),
+        children: ["Go to YT", /*#__PURE__*/_jsx(Icon, {
+          data: ArrowUpRightFromSquare,
+          size: 16
+        })]
+      })]
+    }),
+    actions: /*#__PURE__*/_jsxs(Flex, {
+      gap: 1,
+      alignItems: "center",
+      children: [/*#__PURE__*/_jsxs(Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: action('export'),
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: ArrowUpFromLine,
+          size: 16
+        }), "Export"]
+      }), /*#__PURE__*/_jsxs(Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: action('download'),
+        children: [/*#__PURE__*/_jsx(Icon, {
+          data: ArrowDownToLine,
+          size: 16
+        }), "Download"]
+      }), /*#__PURE__*/_jsx(Button, {
+        view: "flat-secondary",
+        size: "s",
+        "aria-label": "Configure columns",
+        onClick: action('configure-columns'),
+        children: /*#__PURE__*/_jsx(Icon, {
+          data: LayoutColumns,
+          size: 16
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        view: "flat-secondary",
+        size: "s",
+        "aria-label": "Settings",
+        onClick: action('settings'),
+        children: /*#__PURE__*/_jsx(Icon, {
+          data: Gear,
+          size: 16
+        })
+      })]
+    })
+  }
+};
+var ControlledViewStory = function ControlledViewStory() {
+  var _useState = useState('schema'),
+    _useState2 = _slicedToArray(_useState, 2),
+    view = _useState2[0],
+    setView = _useState2[1];
+  return /*#__PURE__*/_jsx(QueryResults, {
+    columns: columns,
+    rows: rows,
+    view: view,
+    onViewChange: setView
+  });
+};
+export var ControlledView = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ControlledViewStory, {});
+  }
+};
+export var Loading = {
+  args: {
+    columns: columns,
+    rows: [],
+    loading: true
+  }
+};
+export var Error = {
+  args: {
+    columns: columns,
+    rows: [],
+    errorContent: 'Failed to load query results'
+  }
+};
+export var CustomSchema = {
+  args: {
+    columns: columns,
+    rows: rows,
+    renderSchema: function renderSchema(_ref) {
+      var schemaColumns = _ref.columns;
+      return /*#__PURE__*/_jsx("div", {
+        children: "The result contains ".concat(schemaColumns.length, " columns.")
+      });
+    }
+  }
+};
+// #sourceMappingURL=QueryResults.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ArrowDownToLine","ArrowUpFromLine","ArrowUpRightFromSquare","DatabaseArrowRight","Gear","LayoutColumns","Button","Flex","Icon","Link","action","QueryResults","jsx","_jsx","jsxs","_jsxs","columns","name","header","type","width","rows","age","ip","last_url","last_visit_time","region","user_agent","meta","title","component","tags","parameters","layout","Default","args","totalRows","toolbarContent","gap","alignItems","children","href","view","size","onClick","data","actions","ControlledViewStory","_useState","_useState2","_slicedToArray","setView","onViewChange","ControlledView","render","Loading","loading","Error","errorContent","CustomSchema","renderSchema","_ref","schemaColumns","concat","length"],"sources":["QueryResults.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {\n    ArrowDownToLine,\n    ArrowUpFromLine,\n    ArrowUpRightFromSquare,\n    DatabaseArrowRight,\n    Gear,\n    LayoutColumns,\n} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, Link} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\nimport {QueryResults} from './QueryResults';\nimport type {QueryResultColumn, QueryResultsView} from '../../types/queryResults';\n\ntype Row = {\n    age: number;\n    ip: string;\n    last_url: string;\n    last_visit_time: number;\n    name: unknown;\n    region: number;\n    user_agent: string;\n};\n\nconst columns: Array<QueryResultColumn<Row>> = [\n    {name: 'age', header: 'age', type: ['DataType', 'Int32'], width: 70},\n    {name: 'ip', header: 'ip', type: ['DataType', 'String'], width: 180},\n    {name: 'last_url', header: 'last_url', type: ['DataType', 'Utf8'], width: 420},\n    {\n        name: 'last_visit_time',\n        header: 'last_visit_time',\n        type: ['DataType', 'Timestamp'],\n        width: 160,\n    },\n    {name: 'name', header: 'name', type: ['OptionalType', ['DataType', 'Utf8']], width: 160},\n    {name: 'region', header: 'region', type: ['DataType', 'Uint32'], width: 100},\n    {name: 'user_agent', header: 'user_agent', type: ['DataType', 'String'], width: 360},\n];\n\nconst rows: Row[] = [\n    {\n        age: 15,\n        ip: '95.106.17.32',\n        last_url:\n            'http://avia-talk.ru/otzyvy-o-aviakompaniyax-rossii/otzyvy-aviakompaniya-s7-sibir/comments2',\n        last_visit_time: 1447027200,\n        name: ['Anya'],\n        region: 213,\n        user_agent: 'Mozilla/5.0',\n    },\n    {\n        age: 25,\n        ip: '88.78.248.151',\n        last_url:\n            'http://www.arrivo.ru/statii/sovety/kak-puteshestvovat-s-peresadkami-vazhney-sovety.html',\n        last_visit_time: 1447113600,\n        name: ['Petr'],\n        region: 225,\n        user_agent:\n            'Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648)',\n    },\n    {\n        age: 17,\n        ip: '93.94.183.63',\n        last_url: 'http://www.avia77.ru/advices/change%20of%20plane/',\n        last_visit_time: 1447160400,\n        name: ['Masha'],\n        region: 1,\n        user_agent: 'Opera/9.80 (Windows NT 5.1) Presto/2.12.388 Version/12.17',\n    },\n];\n\nconst meta: Meta<typeof QueryResults> = {\n    title: 'Widgets/QueryResults',\n    component: QueryResults,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof QueryResults<Row>>;\n\nexport const Default: Story = {\n    args: {\n        columns,\n        rows,\n        totalRows: 6,\n        toolbarContent: (\n            <Flex gap={2} alignItems=\"center\">\n                <Link href=\"#\">markov: `tmp/yql/mbobelyuk/result`</Link>\n                <Button view=\"flat-secondary\" size=\"s\" onClick={action('insert')}>\n                    <Icon data={DatabaseArrowRight} size={16} />\n                    Insert\n                </Button>\n                <Button view=\"flat-secondary\" size=\"s\" onClick={action('go-to-yt')}>\n                    Go to YT\n                    <Icon data={ArrowUpRightFromSquare} size={16} />\n                </Button>\n            </Flex>\n        ),\n        actions: (\n            <Flex gap={1} alignItems=\"center\">\n                <Button view=\"flat-secondary\" size=\"s\" onClick={action('export')}>\n                    <Icon data={ArrowUpFromLine} size={16} />\n                    Export\n                </Button>\n                <Button view=\"flat-secondary\" size=\"s\" onClick={action('download')}>\n                    <Icon data={ArrowDownToLine} size={16} />\n                    Download\n                </Button>\n                <Button\n                    view=\"flat-secondary\"\n                    size=\"s\"\n                    aria-label=\"Configure columns\"\n                    onClick={action('configure-columns')}\n                >\n                    <Icon data={LayoutColumns} size={16} />\n                </Button>\n                <Button\n                    view=\"flat-secondary\"\n                    size=\"s\"\n                    aria-label=\"Settings\"\n                    onClick={action('settings')}\n                >\n                    <Icon data={Gear} size={16} />\n                </Button>\n            </Flex>\n        ),\n    },\n};\n\nconst ControlledViewStory = () => {\n    const [view, setView] = useState<QueryResultsView>('schema');\n\n    return <QueryResults columns={columns} rows={rows} view={view} onViewChange={setView} />;\n};\n\nexport const ControlledView: Story = {render: () => <ControlledViewStory />};\n\nexport const Loading: Story = {args: {columns, rows: [], loading: true}};\n\nexport const Error: Story = {\n    args: {columns, rows: [], errorContent: 'Failed to load query results'},\n};\n\nexport const CustomSchema: Story = {\n    args: {\n        columns,\n        rows,\n        renderSchema: ({columns: schemaColumns}) => (\n            <div>{`The result contains ${schemaColumns.length} columns.`}</div>\n        ),\n    },\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AAErC,SACIC,eAAe,EACfC,eAAe,EACfC,sBAAsB,EACtBC,kBAAkB,EAClBC,IAAI,EACJC,aAAa,QACV,mBAAmB;AAC1B,SAAQC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AAC1D,SAAQC,MAAM,QAAO,mBAAmB;AACxC,SAAQC,YAAY;AAAwB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa5C,IAAMC,OAAsC,GAAG,CAC3C;EAACC,IAAI,EAAE,KAAK;EAAEC,MAAM,EAAE,KAAK;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC;EAAEC,KAAK,EAAE;AAAE,CAAC,EACpE;EAACH,IAAI,EAAE,IAAI;EAAEC,MAAM,EAAE,IAAI;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;EAAEC,KAAK,EAAE;AAAG,CAAC,EACpE;EAACH,IAAI,EAAE,UAAU;EAAEC,MAAM,EAAE,UAAU;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;EAAEC,KAAK,EAAE;AAAG,CAAC,EAC9E;EACIH,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE,iBAAiB;EACzBC,IAAI,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;EAC/BC,KAAK,EAAE;AACX,CAAC,EACD;EAACH,IAAI,EAAE,MAAM;EAAEC,MAAM,EAAE,MAAM;EAAEC,IAAI,EAAE,CAAC,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;EAAEC,KAAK,EAAE;AAAG,CAAC,EACxF;EAACH,IAAI,EAAE,QAAQ;EAAEC,MAAM,EAAE,QAAQ;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;EAAEC,KAAK,EAAE;AAAG,CAAC,EAC5E;EAACH,IAAI,EAAE,YAAY;EAAEC,MAAM,EAAE,YAAY;EAAEC,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;EAAEC,KAAK,EAAE;AAAG,CAAC,CACvF;AAED,IAAMC,IAAW,GAAG,CAChB;EACIC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,cAAc;EAClBC,QAAQ,EACJ,4FAA4F;EAChGC,eAAe,EAAE,UAAU;EAC3BR,IAAI,EAAE,CAAC,MAAM,CAAC;EACdS,MAAM,EAAE,GAAG;EACXC,UAAU,EAAE;AAChB,CAAC,EACD;EACIL,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,eAAe;EACnBC,QAAQ,EACJ,yFAAyF;EAC7FC,eAAe,EAAE,UAAU;EAC3BR,IAAI,EAAE,CAAC,MAAM,CAAC;EACdS,MAAM,EAAE,GAAG;EACXC,UAAU,EACN;AACR,CAAC,EACD;EACIL,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,cAAc;EAClBC,QAAQ,EAAE,mDAAmD;EAC7DC,eAAe,EAAE,UAAU;EAC3BR,IAAI,EAAE,CAAC,OAAO,CAAC;EACfS,MAAM,EAAE,CAAC;EACTC,UAAU,EAAE;AAChB,CAAC,CACJ;AAED,IAAMC,IAA+B,GAAG;EACpCC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEnB,YAAY;EACvBoB,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IAACC,MAAM,EAAE;EAAQ;AACjC,CAAC;AAED,eAAeL,IAAI;AAGnB,OAAO,IAAMM,OAAc,GAAG;EAC1BC,IAAI,EAAE;IACFnB,OAAO,EAAPA,OAAO;IACPK,IAAI,EAAJA,IAAI;IACJe,SAAS,EAAE,CAAC;IACZC,cAAc,eACVtB,KAAA,CAACR,IAAI;MAAC+B,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAAAC,QAAA,gBAC7B3B,IAAA,CAACJ,IAAI;QAACgC,IAAI,EAAC,GAAG;QAAAD,QAAA,EAAC;MAAkC,CAAM,CAAC,eACxDzB,KAAA,CAACT,MAAM;QAACoC,IAAI,EAAC,gBAAgB;QAACC,IAAI,EAAC,GAAG;QAACC,OAAO,EAAElC,MAAM,CAAC,QAAQ,CAAE;QAAA8B,QAAA,gBAC7D3B,IAAA,CAACL,IAAI;UAACqC,IAAI,EAAE1C,kBAAmB;UAACwC,IAAI,EAAE;QAAG,CAAE,CAAC,UAEhD;MAAA,CAAQ,CAAC,eACT5B,KAAA,CAACT,MAAM;QAACoC,IAAI,EAAC,gBAAgB;QAACC,IAAI,EAAC,GAAG;QAACC,OAAO,EAAElC,MAAM,CAAC,UAAU,CAAE;QAAA8B,QAAA,GAAC,UAEhE,eAAA3B,IAAA,CAACL,IAAI;UAACqC,IAAI,EAAE3C,sBAAuB;UAACyC,IAAI,EAAE;QAAG,CAAE,CAAC;MAAA,CAC5C,CAAC;IAAA,CACP,CACT;IACDG,OAAO,eACH/B,KAAA,CAACR,IAAI;MAAC+B,GAAG,EAAE,CAAE;MAACC,UAAU,EAAC,QAAQ;MAAAC,QAAA,gBAC7BzB,KAAA,CAACT,MAAM;QAACoC,IAAI,EAAC,gBAAgB;QAACC,IAAI,EAAC,GAAG;QAACC,OAAO,EAAElC,MAAM,CAAC,QAAQ,CAAE;QAAA8B,QAAA,gBAC7D3B,IAAA,CAACL,IAAI;UAACqC,IAAI,EAAE5C,eAAgB;UAAC0C,IAAI,EAAE;QAAG,CAAE,CAAC,UAE7C;MAAA,CAAQ,CAAC,eACT5B,KAAA,CAACT,MAAM;QAACoC,IAAI,EAAC,gBAAgB;QAACC,IAAI,EAAC,GAAG;QAACC,OAAO,EAAElC,MAAM,CAAC,UAAU,CAAE;QAAA8B,QAAA,gBAC/D3B,IAAA,CAACL,IAAI;UAACqC,IAAI,EAAE7C,eAAgB;UAAC2C,IAAI,EAAE;QAAG,CAAE,CAAC,YAE7C;MAAA,CAAQ,CAAC,eACT9B,IAAA,CAACP,MAAM;QACHoC,IAAI,EAAC,gBAAgB;QACrBC,IAAI,EAAC,GAAG;QACR,cAAW,mBAAmB;QAC9BC,OAAO,EAAElC,MAAM,CAAC,mBAAmB,CAAE;QAAA8B,QAAA,eAErC3B,IAAA,CAACL,IAAI;UAACqC,IAAI,EAAExC,aAAc;UAACsC,IAAI,EAAE;QAAG,CAAE;MAAC,CACnC,CAAC,eACT9B,IAAA,CAACP,MAAM;QACHoC,IAAI,EAAC,gBAAgB;QACrBC,IAAI,EAAC,GAAG;QACR,cAAW,UAAU;QACrBC,OAAO,EAAElC,MAAM,CAAC,UAAU,CAAE;QAAA8B,QAAA,eAE5B3B,IAAA,CAACL,IAAI;UAACqC,IAAI,EAAEzC,IAAK;UAACuC,IAAI,EAAE;QAAG,CAAE;MAAC,CAC1B,CAAC;IAAA,CACP;EAEd;AACJ,CAAC;AAED,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EAC9B,IAAAC,SAAA,GAAwBjD,QAAQ,CAAmB,QAAQ,CAAC;IAAAkD,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAArDN,IAAI,GAAAO,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,oBAAOpC,IAAA,CAACF,YAAY;IAACK,OAAO,EAAEA,OAAQ;IAACK,IAAI,EAAEA,IAAK;IAACqB,IAAI,EAAEA,IAAK;IAACU,YAAY,EAAED;EAAQ,CAAE,CAAC;AAC5F,CAAC;AAED,OAAO,IAAME,cAAqB,GAAG;EAACC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQzC,IAAA,CAACkC,mBAAmB,IAAE,CAAC;EAAA;AAAA,CAAC;AAE5E,OAAO,IAAMQ,OAAc,GAAG;EAACpB,IAAI,EAAE;IAACnB,OAAO,EAAPA,OAAO;IAAEK,IAAI,EAAE,EAAE;IAAEmC,OAAO,EAAE;EAAI;AAAC,CAAC;AAExE,OAAO,IAAMC,KAAY,GAAG;EACxBtB,IAAI,EAAE;IAACnB,OAAO,EAAPA,OAAO;IAAEK,IAAI,EAAE,EAAE;IAAEqC,YAAY,EAAE;EAA8B;AAC1E,CAAC;AAED,OAAO,IAAMC,YAAmB,GAAG;EAC/BxB,IAAI,EAAE;IACFnB,OAAO,EAAPA,OAAO;IACPK,IAAI,EAAJA,IAAI;IACJuC,YAAY,EAAE,SAAdA,YAAYA,CAAAC,IAAA;MAAA,IAAaC,aAAa,GAAAD,IAAA,CAAtB7C,OAAO;MAAA,oBACnBH,IAAA;QAAA2B,QAAA,yBAAAuB,MAAA,CAA6BD,aAAa,CAACE,MAAM;MAAA,CAAiB,CAAC;IAAA;EAE3E;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+declare const _default: {
+    en: {
+        tab_result: string;
+        tab_schema: string;
+        field_name: string;
+        field_type: string;
+        "context_rows-info": {
+            one: string;
+            other: string;
+        };
+    };
+    ru: {
+        tab_result: string;
+        tab_schema: string;
+        field_name: string;
+        field_type: string;
+        "context_rows-info": {
+            one: string;
+            few: string;
+            many: string;
+            other: string;
+        };
+    };
+};
+export default _default;

package/build/esm/widgets/QueryResults/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/QueryResults/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/QueryResults/i18n/en.json

@@ -0,0 +1,10 @@
+{
+  "tab_result": "Full result",
+  "tab_schema": "Schema",
+  "field_name": "Name",
+  "field_type": "Type",
+  "context_rows-info": {
+    "one": "{{visible}} of {{total}} row",
+    "other": "{{visible}} of {{total}} rows"
+  }
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "field_name" | "tab_result" | "tab_schema" | "field_type" | "context_rows-info", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:query-results": Record<"field_name" | "tab_result" | "tab_schema" | "field_type" | "context_rows-info", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

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

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

package/build/esm/widgets/QueryResults/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:query-results', dicts);\n"],"mappings":"AAAA,SAAQA,aAAa;AACrB,OAAOC,KAAK;AAEZ,eAAeD,aAAa,CAAC,kBAAkB,EAAEC,KAAK,CAAC","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+{
+  "tab_result": "Результат",
+  "tab_schema": "Схема",
+  "field_name": "Название",
+  "field_type": "Тип",
+  "context_rows-info": {
+    "one": "{{visible}} из {{total}} строки",
+    "few": "{{visible}} из {{total}} строк",
+    "many": "{{visible}} из {{total}} строк",
+    "other": "{{visible}} из {{total}} строки"
+  }
+}

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

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

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

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

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

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

package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { QueryResultColumn } from '../../../types/queryResults';
+export type QueryResultsSchemaProps<TRow extends Record<string, unknown>> = {
+    columns: Array<QueryResultColumn<TRow>>;
+    loading?: boolean;
+};
+export declare function QueryResultsSchema<TRow extends Record<string, unknown>>({ columns, loading, }: QueryResultsSchemaProps<TRow>): React.JSX.Element;

package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js

@@ -0,0 +1,41 @@
+import "core-js/modules/es.function.name.js";
+import React, { useMemo } from 'react';
+import { DataTable, formatQueryResultType } from "../../../components";
+import i18n from "../i18n";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function QueryResultsSchema(_ref) {
+  var columns = _ref.columns,
+    loading = _ref.loading;
+  var tableColumns = useMemo(function () {
+    return [{
+      name: 'name',
+      header: i18n('field_name'),
+      render: function render(_ref2) {
+        var _row$header;
+        var row = _ref2.row;
+        return (_row$header = row.header) !== null && _row$header !== void 0 ? _row$header : row.name;
+      }
+    }, {
+      name: 'type',
+      header: i18n('field_type'),
+      render: function render(_ref3) {
+        var row = _ref3.row;
+        return /*#__PURE__*/_jsx("code", {
+          children: formatQueryResultType(row.type)
+        });
+      }
+    }];
+  }, []);
+  return /*#__PURE__*/_jsx(DataTable, {
+    columns: tableColumns,
+    data: columns,
+    loading: loading,
+    loaded: !loading,
+    settings: {
+      displayIndices: false,
+      sortable: false,
+      stripedRows: true
+    }
+  });
+}
+// #sourceMappingURL=QueryResultsSchema.js.map

package/build/esm/widgets/QueryResults/internal/QueryResultsSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","DataTable","formatQueryResultType","i18n","jsx","_jsx","QueryResultsSchema","_ref","columns","loading","tableColumns","name","header","render","_ref2","_row$header","row","_ref3","children","type","data","loaded","settings","displayIndices","sortable","stripedRows"],"sources":["QueryResultsSchema.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport type {Column} from '@gravity-ui/react-data-table';\nimport {DataTable, formatQueryResultType} from '../../../components';\nimport type {QueryResultColumn} from '../../../types/queryResults';\nimport i18n from '../i18n';\n\nexport type QueryResultsSchemaProps<TRow extends Record<string, unknown>> = {\n    columns: Array<QueryResultColumn<TRow>>;\n    loading?: boolean;\n};\n\nexport function QueryResultsSchema<TRow extends Record<string, unknown>>({\n    columns,\n    loading,\n}: QueryResultsSchemaProps<TRow>) {\n    const tableColumns = useMemo<Array<Column<QueryResultColumn<TRow>>>>(\n        () => [\n            {\n                name: 'name',\n                header: i18n('field_name'),\n                render: ({row}) => row.header ?? row.name,\n            },\n            {\n                name: 'type',\n                header: i18n('field_type'),\n                render: ({row}) => <code>{formatQueryResultType(row.type)}</code>,\n            },\n        ],\n        [],\n    );\n\n    return (\n        <DataTable<QueryResultColumn<TRow>>\n            columns={tableColumns}\n            data={columns}\n            loading={loading}\n            loaded={!loading}\n            settings={{displayIndices: false, sortable: false, stripedRows: true}}\n        />\n    );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AAEpC,SAAQC,SAAS,EAAEC,qBAAqB;AAExC,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAO3B,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGA;EAAA,IAF9BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAMC,YAAY,GAAGV,OAAO,CACxB;IAAA,OAAM,CACF;MACIW,IAAI,EAAE,MAAM;MACZC,MAAM,EAAET,IAAI,CAAC,YAAY,CAAC;MAC1BU,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA;QAAA,IAAAC,WAAA;QAAA,IAAIC,GAAG,GAAAF,KAAA,CAAHE,GAAG;QAAA,QAAAD,WAAA,GAAMC,GAAG,CAACJ,MAAM,cAAAG,WAAA,cAAAA,WAAA,GAAIC,GAAG,CAACL,IAAI;MAAA;IAC7C,CAAC,EACD;MACIA,IAAI,EAAE,MAAM;MACZC,MAAM,EAAET,IAAI,CAAC,YAAY,CAAC;MAC1BU,MAAM,EAAE,SAARA,MAAMA,CAAAI,KAAA;QAAA,IAAID,GAAG,GAAAC,KAAA,CAAHD,GAAG;QAAA,oBAAMX,IAAA;UAAAa,QAAA,EAAOhB,qBAAqB,CAACc,GAAG,CAACG,IAAI;QAAC,CAAO,CAAC;MAAA;IACrE,CAAC,CACJ;EAAA,GACD,EACJ,CAAC;EAED,oBACId,IAAA,CAACJ,SAAS;IACNO,OAAO,EAAEE,YAAa;IACtBU,IAAI,EAAEZ,OAAQ;IACdC,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAE,CAACZ,OAAQ;IACjBa,QAAQ,EAAE;MAACC,cAAc,EAAE,KAAK;MAAEC,QAAQ,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAI;EAAE,CACzE,CAAC;AAEV","ignoreList":[]}

package/build/esm/widgets/SavedQueries/SavedQueries.css

@@ -0,0 +1,4 @@
+.qp-saved-queries {
+  height: 100%;
+}
+/*# sourceMappingURL=SavedQueries.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["SavedQueries.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF","file":"SavedQueries.css","sourcesContent":[".qp-saved-queries {\n  height: 100%;\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { QueryListComparisonConfig, QueryListEditingConfig, QueryListFilterConfig, QueryListItem, QueryListRowAction, QueryListRowRenderData, QueryListSearchConfig, QueryListVisibleFieldsConfig } from '../../types/queryList';
+import { SavedQuery } from '../../types/savedQueries';
+import './SavedQueries.scss';
+export type SavedQueriesProps<T extends SavedQuery = SavedQuery> = {
+    className?: string;
+    title?: string;
+    logo?: React.ReactNode;
+    search: QueryListSearchConfig;
+    filter?: QueryListFilterConfig;
+    items: QueryListItem<T>[];
+    selectedRowId?: T['id'];
+    editing?: QueryListEditingConfig<T>;
+    comparison?: QueryListComparisonConfig<T>;
+    visibleFields?: QueryListVisibleFieldsConfig<T>;
+    renderAuthor?: (item: T) => React.ReactNode;
+    renderRowItem?: (data: QueryListRowRenderData<T>) => React.ReactNode;
+    getRowActions?: (item: T) => QueryListRowAction<T>[];
+    onListItemClick?: (item: QueryListItem<T>) => void;
+};
+export declare const SavedQueries: <T extends SavedQuery>({ title, logo, search, filter, items, selectedRowId, editing, comparison, visibleFields, renderAuthor, renderRowItem, getRowActions, onListItemClick, className, }: SavedQueriesProps<T>) => React.JSX.Element;