@gravity-ui/querieskit 1.2.0 → 1.3.0

package/build/cjs/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/cjs/widgets/QueryResults/QueryResults.stories.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Loading = exports.Error = exports.Default = exports.CustomSchema = exports.ControlledView = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _actions = require("storybook/actions");
+var _QueryResults = require("./QueryResults");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var 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.QueryResults,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {
+  args: {
+    columns: columns,
+    rows: rows,
+    totalRows: 6,
+    toolbarContent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 2,
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Link, {
+        href: "#",
+        children: "markov: `tmp/yql/mbobelyuk/result`"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: (0, _actions.action)('insert'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.DatabaseArrowRight,
+          size: 16
+        }), "Insert"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: (0, _actions.action)('go-to-yt'),
+        children: ["Go to YT", /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.ArrowUpRightFromSquare,
+          size: 16
+        })]
+      })]
+    }),
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 1,
+      alignItems: "center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: (0, _actions.action)('export'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.ArrowUpFromLine,
+          size: 16
+        }), "Export"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, {
+        view: "flat-secondary",
+        size: "s",
+        onClick: (0, _actions.action)('download'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.ArrowDownToLine,
+          size: 16
+        }), "Download"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        view: "flat-secondary",
+        size: "s",
+        "aria-label": "Configure columns",
+        onClick: (0, _actions.action)('configure-columns'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.LayoutColumns,
+          size: 16
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        view: "flat-secondary",
+        size: "s",
+        "aria-label": "Settings",
+        onClick: (0, _actions.action)('settings'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Gear,
+          size: 16
+        })
+      })]
+    })
+  }
+};
+var ControlledViewStory = function ControlledViewStory() {
+  var _useState = (0, _react.useState)('schema'),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    view = _useState2[0],
+    setView = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryResults.QueryResults, {
+    columns: columns,
+    rows: rows,
+    view: view,
+    onViewChange: setView
+  });
+};
+var ControlledView = exports.ControlledView = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ControlledViewStory, {});
+  }
+};
+var Loading = exports.Loading = {
+  args: {
+    columns: columns,
+    rows: [],
+    loading: true
+  }
+};
+var Error = exports.Error = {
+  args: {
+    columns: columns,
+    rows: [],
+    errorContent: 'Failed to load query results'
+  }
+};
+var CustomSchema = exports.CustomSchema = {
+  args: {
+    columns: columns,
+    rows: rows,
+    renderSchema: function renderSchema(_ref) {
+      var schemaColumns = _ref.columns;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "The result contains ".concat(schemaColumns.length, " columns.")
+      });
+    }
+  }
+};
+// #sourceMappingURL=QueryResults.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_actions","_QueryResults","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","columns","name","header","type","width","rows","age","ip","last_url","last_visit_time","region","user_agent","meta","title","component","QueryResults","tags","parameters","layout","_default","exports","Default","args","totalRows","toolbarContent","_jsxs","Flex","gap","alignItems","children","_jsx","Link","href","Button","view","size","onClick","action","Icon","data","DatabaseArrowRight","ArrowUpRightFromSquare","actions","ArrowUpFromLine","ArrowDownToLine","LayoutColumns","Gear","ControlledViewStory","_useState","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":"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","ignoreList":[]}

package/build/cjs/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/cjs/widgets/QueryResults/i18n/dicts.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _en = _interopRequireDefault(require("./en.json"));
+var _ru = _interopRequireDefault(require("./ru.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  en: _en.default,
+  ru: _ru.default
+};
+// #sourceMappingURL=dicts.js.map

package/build/cjs/widgets/QueryResults/i18n/dicts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_en","_interopRequireDefault","require","_ru","e","__esModule","default","_default","exports","en","ru"],"sources":["dicts.ts"],"sourcesContent":["import en from './en.json';\nimport ru from './ru.json';\n\nexport default {en, ru};\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAS,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEM;EAACG,EAAE,EAAFA,WAAE;EAAEC,EAAE,EAAFA;AAAE,CAAC","ignoreList":[]}

package/build/cjs/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/cjs/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/cjs/widgets/QueryResults/i18n/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("../../../i18n");
+var _dicts = _interopRequireDefault(require("./dicts"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:query-results', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/widgets/QueryResults/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_dicts","_interopRequireDefault","e","__esModule","default","_default","exports","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,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAY,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEG,IAAAG,mBAAa,EAAC,kBAAkB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/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/cjs/widgets/QueryResults/index.d.ts

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

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QueryResults", {
+  enumerable: true,
+  get: function () {
+    return _QueryResults.QueryResults;
+  }
+});
+var _QueryResults = require("./QueryResults");
+// #sourceMappingURL=index.js.map

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

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

package/build/cjs/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/cjs/widgets/QueryResults/internal/QueryResultsSchema.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QueryResultsSchema = QueryResultsSchema;
+require("core-js/modules/es.function.name.js");
+var _react = _interopRequireWildcard(require("react"));
+var _components = require("../../../components");
+var _i18n = _interopRequireDefault(require("../i18n"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function QueryResultsSchema(_ref) {
+  var columns = _ref.columns,
+    loading = _ref.loading;
+  var tableColumns = (0, _react.useMemo)(function () {
+    return [{
+      name: 'name',
+      header: (0, _i18n.default)('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: (0, _i18n.default)('field_type'),
+      render: function render(_ref3) {
+        var row = _ref3.row;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
+          children: (0, _components.formatQueryResultType)(row.type)
+        });
+      }
+    }];
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DataTable, {
+    columns: tableColumns,
+    data: columns,
+    loading: loading,
+    loaded: !loading,
+    settings: {
+      displayIndices: false,
+      sortable: false,
+      stripedRows: true
+    }
+  });
+}
+// #sourceMappingURL=QueryResultsSchema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_components","_i18n","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","QueryResultsSchema","_ref","columns","loading","tableColumns","useMemo","name","header","i18n","render","_ref2","_row$header","row","_ref3","_jsx","children","formatQueryResultType","type","DataTable","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA2B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAM,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAOpB,SAASgB,kBAAkBA,CAAAC,IAAA,EAGA;EAAA,IAF9BC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAEP,IAAMC,YAAY,GAAG,IAAAC,cAAO,EACxB;IAAA,OAAM,CACF;MACIC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,IAAAC,aAAI,EAAC,YAAY,CAAC;MAC1BC,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA;QAAA,IAAAC,WAAA;QAAA,IAAIC,GAAG,GAAAF,KAAA,CAAHE,GAAG;QAAA,QAAAD,WAAA,GAAMC,GAAG,CAACL,MAAM,cAAAI,WAAA,cAAAA,WAAA,GAAIC,GAAG,CAACN,IAAI;MAAA;IAC7C,CAAC,EACD;MACIA,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE,IAAAC,aAAI,EAAC,YAAY,CAAC;MAC1BC,MAAM,EAAE,SAARA,MAAMA,CAAAI,KAAA;QAAA,IAAID,GAAG,GAAAC,KAAA,CAAHD,GAAG;QAAA,oBAAM,IAAAE,eAAA;UAAAC,QAAA,EAAO,IAAAC,iCAAqB,EAACJ,GAAG,CAACK,IAAI;QAAC,CAAO,CAAC;MAAA;IACrE,CAAC,CACJ;EAAA,GACD,EACJ,CAAC;EAED,oBACI,IAAAH,eAAA,EAACI,qBAAS;IACNhB,OAAO,EAAEE,YAAa;IACtBe,IAAI,EAAEjB,OAAQ;IACdC,OAAO,EAAEA,OAAQ;IACjBiB,MAAM,EAAE,CAACjB,OAAQ;IACjBkB,QAAQ,EAAE;MAACC,cAAc,EAAE,KAAK;MAAEC,QAAQ,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAI;EAAE,CACzE,CAAC;AAEV","ignoreList":[]}

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

@@ -5,5 +5,7 @@ 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/cjs/widgets/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "QueriesNavigation", {
     return _QueriesNavigation.QueriesNavigation;
   }
 });
+Object.defineProperty(exports, "QueryResults", {
+  enumerable: true,
+  get: function () {
+    return _QueryResults.QueryResults;
+  }
+});
 Object.defineProperty(exports, "SavedQueries", {
   enumerable: true,
   get: function () {
@@ -49,5 +55,6 @@ var _QueriesHistory = require("./QueriesHistory");
 var _SavedQueries = require("./SavedQueries");
 var _DashboardCharts = require("./DashboardCharts");
 var _TutorialsHistory = require("./TutorialsHistory");
+var _QueryResults = require("./QueryResults");
 var _QueriesNavigation = require("./QueriesNavigation");
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_QueriesHistory","require","_SavedQueries","_DashboardCharts","_TutorialsHistory","_QueriesNavigation"],"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,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA","ignoreList":[]}
+{"version":3,"names":["_QueriesHistory","require","_SavedQueries","_DashboardCharts","_TutorialsHistory","_QueryResults","_QueriesNavigation"],"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 {QueryResults} from './QueryResults';\nexport type {QueryResultsProps} from './QueryResults';\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,IAAAA,eAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,kBAAA,GAAAL,OAAA","ignoreList":[]}

package/build/esm/components/AttachmentList/AttachmentList.css

@@ -0,0 +1,22 @@
+.qp-attachment-list {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.qp-attachment-list__item {
+  min-width: 0;
+}
+.qp-attachment-list__button {
+  --g-button-padding: var(--g-spacing-2);
+  min-width: 0;
+  justify-content: flex-start;
+  text-align: left;
+}
+.qp-attachment-list__button_active {
+  --g-button-background-color: var(--g-color-base-selection);
+  --g-button-background-color-hover: var(--g-color-base-selection-hover);
+}
+/*# sourceMappingURL=AttachmentList.css.map */

package/build/esm/components/AttachmentList/AttachmentList.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentList.scss"],"names":[],"mappings":"AAAA;EACI,aAAA;EACA,sBAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;AACJ;AACI;EACI,YAAA;AACR;AAEI;EACI,sCAAA;EAEA,YAAA;EACA,2BAAA;EACA,gBAAA;AADR;AAGQ;EACI,0DAAA;EACA,sEAAA;AADZ","file":"AttachmentList.css","sourcesContent":[".qp-attachment-list {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &__item {\n        min-width: 0;\n    }\n\n    &__button {\n        --g-button-padding: var(--g-spacing-2);\n\n        min-width: 0;\n        justify-content: flex-start;\n        text-align: start;\n\n        &_active {\n            --g-button-background-color: var(--g-color-base-selection);\n            --g-button-background-color-hover: var(--g-color-base-selection-hover);\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/esm/components/AttachmentList/AttachmentList.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+import { ListProps } from '@gravity-ui/uikit';
+import { AttachmentItemProps } from './internal/AttachmentItem/AttachmentItem';
+import './AttachmentList.scss';
+export type AttachmentListProps = Omit<ListProps, 'items' | 'selectedItemIndex' | 'virtualized'> & {
+    attachments: AttachmentItemProps['attachment'][];
+    className?: string;
+    onDelete?: (attachment: AttachmentItemProps['attachment']) => void;
+    onEdit?: (attachment: AttachmentItemProps['attachment']) => void;
+    onRevert?: (attachment: AttachmentItemProps['attachment']) => void;
+    renderEditForm?: (attachment: AttachmentItemProps['attachment']) => ReactNode;
+    wasAddedIds?: string[];
+    wasEditedIds?: string[];
+    editingIds?: string[];
+    isDeleted?: boolean;
+};
+export declare const AttachmentList: ({ attachments, onEdit, onDelete, onRevert, wasAddedIds, wasEditedIds, editingIds, renderEditForm, className, isDeleted, ...listProps }: AttachmentListProps) => React.JSX.Element;

package/build/esm/components/AttachmentList/AttachmentList.js

@@ -0,0 +1,67 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["attachments", "onEdit", "onDelete", "onRevert", "wasAddedIds", "wasEditedIds", "editingIds", "renderEditForm", "className", "isDeleted"];
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.set.difference.v2.js";
+import "core-js/modules/es.set.intersection.v2.js";
+import "core-js/modules/es.set.is-disjoint-from.v2.js";
+import "core-js/modules/es.set.is-subset-of.v2.js";
+import "core-js/modules/es.set.is-superset-of.v2.js";
+import "core-js/modules/es.set.symmetric-difference.v2.js";
+import "core-js/modules/es.set.union.v2.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useMemo } from 'react';
+import { Flex, List } from '@gravity-ui/uikit';
+import { AttachmentItem } from "./internal/AttachmentItem/AttachmentItem";
+import "./AttachmentList.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var AttachmentList = function AttachmentList(_ref) {
+  var attachments = _ref.attachments,
+    onEdit = _ref.onEdit,
+    onDelete = _ref.onDelete,
+    onRevert = _ref.onRevert,
+    wasAddedIds = _ref.wasAddedIds,
+    wasEditedIds = _ref.wasEditedIds,
+    editingIds = _ref.editingIds,
+    renderEditForm = _ref.renderEditForm,
+    className = _ref.className,
+    isDeleted = _ref.isDeleted,
+    listProps = _objectWithoutProperties(_ref, _excluded);
+  var addedIdsSet = useMemo(function () {
+    return new Set(wasAddedIds);
+  }, [wasAddedIds]);
+  var editedIdsSet = useMemo(function () {
+    return new Set(wasEditedIds);
+  }, [wasEditedIds]);
+  var editingIdsSet = useMemo(function () {
+    return new Set(editingIds);
+  }, [editingIds]);
+  return /*#__PURE__*/_jsx(Flex, {
+    className: className,
+    width: "100%",
+    height: "100%",
+    children: /*#__PURE__*/_jsx(List, _objectSpread({
+      filterable: false,
+      virtualized: false,
+      items: attachments,
+      renderItem: function renderItem(attachment) {
+        if (editingIdsSet.has(attachment.id)) {
+          return renderEditForm === null || renderEditForm === void 0 ? void 0 : renderEditForm(attachment);
+        }
+        return /*#__PURE__*/_jsx(AttachmentItem, {
+          attachment: attachment,
+          wasAdded: addedIdsSet.has(attachment.id),
+          wasEdited: editedIdsSet.has(attachment.id),
+          onEdit: onEdit,
+          onRevert: onRevert,
+          onDelete: onDelete,
+          isDeleted: isDeleted
+        });
+      }
+    }, listProps))
+  });
+};
+// #sourceMappingURL=AttachmentList.js.map

package/build/esm/components/AttachmentList/AttachmentList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Flex","List","AttachmentItem","jsx","_jsx","AttachmentList","_ref","attachments","onEdit","onDelete","onRevert","wasAddedIds","wasEditedIds","editingIds","renderEditForm","className","isDeleted","listProps","_objectWithoutProperties","_excluded","addedIdsSet","Set","editedIdsSet","editingIdsSet","width","height","children","_objectSpread","filterable","virtualized","items","renderItem","attachment","has","id","wasAdded","wasEdited"],"sources":["AttachmentList.tsx"],"sourcesContent":["import React, {ReactNode, useMemo} from 'react';\nimport {Flex, List, ListProps} from '@gravity-ui/uikit';\nimport {AttachmentItem, AttachmentItemProps} from './internal/AttachmentItem/AttachmentItem';\nimport './AttachmentList.scss';\n\nexport type AttachmentListProps = Omit<ListProps, 'items' | 'selectedItemIndex' | 'virtualized'> & {\n    attachments: AttachmentItemProps['attachment'][];\n    className?: string;\n    onDelete?: (attachment: AttachmentItemProps['attachment']) => void;\n    onEdit?: (attachment: AttachmentItemProps['attachment']) => void;\n    onRevert?: (attachment: AttachmentItemProps['attachment']) => void;\n\n    renderEditForm?: (attachment: AttachmentItemProps['attachment']) => ReactNode;\n\n    wasAddedIds?: string[];\n    wasEditedIds?: string[];\n\n    editingIds?: string[];\n\n    isDeleted?: boolean;\n};\n\nexport const AttachmentList = ({\n    attachments,\n    onEdit,\n    onDelete,\n    onRevert,\n    wasAddedIds,\n    wasEditedIds,\n    editingIds,\n    renderEditForm,\n    className,\n    isDeleted,\n    ...listProps\n}: AttachmentListProps) => {\n    const addedIdsSet = useMemo(() => new Set(wasAddedIds), [wasAddedIds]);\n    const editedIdsSet = useMemo(() => new Set(wasEditedIds), [wasEditedIds]);\n    const editingIdsSet = useMemo(() => new Set(editingIds), [editingIds]);\n\n    return (\n        <Flex className={className} width=\"100%\" height=\"100%\">\n            <List<AttachmentListProps['attachments'][number]>\n                filterable={false}\n                virtualized={false}\n                items={attachments}\n                renderItem={(attachment) => {\n                    if (editingIdsSet.has(attachment.id)) {\n                        return renderEditForm?.(attachment);\n                    }\n\n                    return (\n                        <AttachmentItem\n                            attachment={attachment}\n                            wasAdded={addedIdsSet.has(attachment.id)}\n                            wasEdited={editedIdsSet.has(attachment.id)}\n                            onEdit={onEdit}\n                            onRevert={onRevert}\n                            onDelete={onDelete}\n                            isDeleted={isDeleted}\n                        />\n                    );\n                }}\n                {...listProps}\n            />\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAcC,OAAO,QAAO,OAAO;AAC/C,SAAQC,IAAI,EAAEC,IAAI,QAAkB,mBAAmB;AACvD,SAAQC,cAAc;AACtB;AAA+B,SAAAC,GAAA,IAAAC,IAAA;AAmB/B,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAYA;EAAA,IAXvBC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,cAAc,GAAAR,IAAA,CAAdQ,cAAc;IACdC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACNC,SAAS,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEZ,IAAMC,WAAW,GAAGrB,OAAO,CAAC;IAAA,OAAM,IAAIsB,GAAG,CAACV,WAAW,CAAC;EAAA,GAAE,CAACA,WAAW,CAAC,CAAC;EACtE,IAAMW,YAAY,GAAGvB,OAAO,CAAC;IAAA,OAAM,IAAIsB,GAAG,CAACT,YAAY,CAAC;EAAA,GAAE,CAACA,YAAY,CAAC,CAAC;EACzE,IAAMW,aAAa,GAAGxB,OAAO,CAAC;IAAA,OAAM,IAAIsB,GAAG,CAACR,UAAU,CAAC;EAAA,GAAE,CAACA,UAAU,CAAC,CAAC;EAEtE,oBACIT,IAAA,CAACJ,IAAI;IAACe,SAAS,EAAEA,SAAU;IAACS,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAAAC,QAAA,eAClDtB,IAAA,CAACH,IAAI,EAAA0B,aAAA;MACDC,UAAU,EAAE,KAAM;MAClBC,WAAW,EAAE,KAAM;MACnBC,KAAK,EAAEvB,WAAY;MACnBwB,UAAU,EAAE,SAAZA,UAAUA,CAAGC,UAAU,EAAK;QACxB,IAAIT,aAAa,CAACU,GAAG,CAACD,UAAU,CAACE,EAAE,CAAC,EAAE;UAClC,OAAOpB,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGkB,UAAU,CAAC;QACvC;QAEA,oBACI5B,IAAA,CAACF,cAAc;UACX8B,UAAU,EAAEA,UAAW;UACvBG,QAAQ,EAAEf,WAAW,CAACa,GAAG,CAACD,UAAU,CAACE,EAAE,CAAE;UACzCE,SAAS,EAAEd,YAAY,CAACW,GAAG,CAACD,UAAU,CAACE,EAAE,CAAE;UAC3C1B,MAAM,EAAEA,MAAO;UACfE,QAAQ,EAAEA,QAAS;UACnBD,QAAQ,EAAEA,QAAS;UACnBO,SAAS,EAAEA;QAAU,CACxB,CAAC;MAEV;IAAE,GACEC,SAAS,CAChB;EAAC,CACA,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/esm/components/AttachmentList/AttachmentList.scss

@@ -0,0 +1,25 @@
+.qp-attachment-list {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+
+    &__item {
+        min-width: 0;
+    }
+
+    &__button {
+        --g-button-padding: var(--g-spacing-2);
+
+        min-width: 0;
+        justify-content: flex-start;
+        text-align: start;
+
+        &_active {
+            --g-button-background-color: var(--g-color-base-selection);
+            --g-button-background-color-hover: var(--g-color-base-selection-hover);
+        }
+    }
+}