@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/esm/modules/NavigationView/NavigationView.scss

@@ -0,0 +1,44 @@
+.qp-navigation-view {
+  --data-table-border-color: var(--g-color-line-generic);
+
+  min-width: 0;
+
+  &__error {
+    display: block;
+  }
+
+  &__skeleton-row {
+    height: 24px;
+  }
+
+  &__empty {
+    height: 100%;
+  }
+
+  &__section {
+    width: 100%;
+  }
+
+  &__action {
+    color: var(--g-color-text-secondary);
+  }
+
+  &__summary {
+    width: 100%;
+  }
+
+  &__table {
+    overflow-x: auto;
+  }
+
+  .data-table__row,
+  .data-table__head {
+    height: 40px;
+  }
+
+  .data-table__th,
+  .data-table__td {
+    border-width: 0 0 1px;
+    vertical-align: middle;
+  }
+}

package/build/esm/modules/NavigationView/helpers/buildViewColumns.d.ts

@@ -0,0 +1,4 @@
+import type { Column } from '../../../components';
+import type { NavigationViewRow } from '../../../types/navigation';
+import type viewI18n from '../i18n';
+export declare function buildViewColumns<TRow extends NavigationViewRow>(columns: string[], i18n: typeof viewI18n): Array<Column<TRow>>;

package/build/esm/modules/NavigationView/helpers/buildViewColumns.js

@@ -0,0 +1,5 @@
+import { buildColumnsFromKeys } from "../../../helpers/buildColumnsFromKeys";
+export function buildViewColumns(columns, i18n) {
+  return buildColumnsFromKeys(columns, i18n('value_empty'));
+}
+// #sourceMappingURL=buildViewColumns.js.map

package/build/esm/modules/NavigationView/helpers/buildViewColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buildColumnsFromKeys","buildViewColumns","columns","i18n"],"sources":["buildViewColumns.tsx"],"sourcesContent":["import type {Column} from '../../../components';\nimport {buildColumnsFromKeys} from '../../../helpers/buildColumnsFromKeys';\nimport type {NavigationViewRow} from '../../../types/navigation';\nimport type viewI18n from '../i18n';\n\nexport function buildViewColumns<TRow extends NavigationViewRow>(\n    columns: string[],\n    i18n: typeof viewI18n,\n): Array<Column<TRow>> {\n    return buildColumnsFromKeys<TRow>(columns, i18n('value_empty'));\n}\n"],"mappings":"AACA,SAAQA,oBAAoB;AAI5B,OAAO,SAASC,gBAAgBA,CAC5BC,OAAiB,EACjBC,IAAqB,EACF;EACnB,OAAOH,oBAAoB,CAAOE,OAAO,EAAEC,IAAI,CAAC,aAAa,CAAC,CAAC;AACnE","ignoreList":[]}

package/build/esm/modules/NavigationView/i18n/dicts.d.ts

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

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

@@ -0,0 +1,3 @@
+{
+    "value_empty": "—"
+}

package/build/esm/modules/NavigationView/i18n/index.d.ts

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

package/build/esm/modules/NavigationView/i18n/index.js

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

package/build/esm/modules/NavigationView/i18n/index.js.map

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

package/build/esm/modules/NavigationView/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+    "value_empty": "—"
+}

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

@@ -0,0 +1,3 @@
+export { NavigationView } from './NavigationView';
+export type { NavigationViewProps, NavigationViewViewConfig } from './NavigationView';
+export { buildViewColumns } from './helpers/buildViewColumns';

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

@@ -0,0 +1,3 @@
+export { NavigationView } from "./NavigationView";
+export { buildViewColumns } from "./helpers/buildViewColumns";
+// #sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationView","buildViewColumns"],"sources":["index.ts"],"sourcesContent":["export {NavigationView} from './NavigationView';\nexport type {NavigationViewProps, NavigationViewViewConfig} from './NavigationView';\nexport {buildViewColumns} from './helpers/buildViewColumns';\n"],"mappings":"AAAA,SAAQA,cAAc;AAEtB,SAAQC,gBAAgB","ignoreList":[]}

package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type Column } from '../../../components';
+import type { NavigationViewRow, NavigationViewSection } from '../../../types/navigation';
+export type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {
+    section: NavigationViewSection<TRow>;
+    tableColumns?: Array<Column<TRow>>;
+    extraColumns?: Array<Column<TRow>>;
+};
+export declare function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({ section, tableColumns, extraColumns, }: NavigationViewSectionItemProps<TRow>): React.JSX.Element;

package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.js

@@ -0,0 +1,61 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.array.concat.js";
+import React, { useMemo } from 'react';
+import { Disclosure, Flex, Text } from '@gravity-ui/uikit';
+import cn from 'bem-cn-lite';
+import { DataTable, NavigationActionButtons } from "../../../components";
+import { buildViewColumns } from "../helpers/buildViewColumns";
+import i18n from "../i18n";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var block = cn('qp-navigation-view');
+export function NavigationViewSectionItem(_ref) {
+  var section = _ref.section,
+    tableColumns = _ref.tableColumns,
+    extraColumns = _ref.extraColumns;
+  var resolvedColumns = useMemo(function () {
+    if (tableColumns) {
+      return tableColumns;
+    }
+    return [].concat(_toConsumableArray(buildViewColumns(section.columns, i18n)), _toConsumableArray(extraColumns !== null && extraColumns !== void 0 ? extraColumns : []));
+  }, [tableColumns, extraColumns, section.columns]);
+  return /*#__PURE__*/_jsxs(Disclosure, {
+    summary: section.title,
+    expanded: section.expanded,
+    defaultExpanded: section.defaultExpanded,
+    onUpdate: section.onExpandedChange,
+    className: block('section'),
+    children: [/*#__PURE__*/_jsx(Disclosure.Summary, {
+      children: function children(_props, defaultButton) {
+        return /*#__PURE__*/_jsxs(Flex, {
+          gap: 2,
+          justifyContent: "flex-start",
+          alignItems: "center",
+          className: block('summary'),
+          children: [/*#__PURE__*/_jsx(Flex, {
+            minWidth: 0,
+            children: defaultButton
+          }), /*#__PURE__*/_jsx(NavigationActionButtons, {
+            actions: section.actions,
+            arg: section,
+            buttonClassName: block('action')
+          })]
+        });
+      }
+    }), /*#__PURE__*/_jsx(Disclosure.Details, {
+      children: section.errorContent ? /*#__PURE__*/_jsx(Text, {
+        color: "danger",
+        children: section.errorContent
+      }) : /*#__PURE__*/_jsx(DataTable, {
+        columns: resolvedColumns,
+        data: section.rows,
+        loading: section.loading,
+        loaded: section.loaded,
+        settings: {
+          displayIndices: false
+        },
+        className: block('table')
+      })
+    })]
+  });
+}
+// #sourceMappingURL=NavigationViewSectionItem.js.map

package/build/esm/modules/NavigationView/internal/NavigationViewSectionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Disclosure","Flex","Text","cn","DataTable","NavigationActionButtons","buildViewColumns","i18n","jsx","_jsx","jsxs","_jsxs","block","NavigationViewSectionItem","_ref","section","tableColumns","extraColumns","resolvedColumns","concat","_toConsumableArray","columns","summary","title","expanded","defaultExpanded","onUpdate","onExpandedChange","className","children","Summary","_props","defaultButton","gap","justifyContent","alignItems","minWidth","actions","arg","buttonClassName","Details","errorContent","color","data","rows","loading","loaded","settings","displayIndices"],"sources":["NavigationViewSectionItem.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {Disclosure, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport {type Column, DataTable, NavigationActionButtons} from '../../../components';\nimport type {NavigationViewRow, NavigationViewSection} from '../../../types/navigation';\nimport {buildViewColumns} from '../helpers/buildViewColumns';\nimport i18n from '../i18n';\n\nconst block = cn('qp-navigation-view');\n\nexport type NavigationViewSectionItemProps<TRow extends NavigationViewRow = NavigationViewRow> = {\n    section: NavigationViewSection<TRow>;\n    tableColumns?: Array<Column<TRow>>;\n    extraColumns?: Array<Column<TRow>>;\n};\n\nexport function NavigationViewSectionItem<TRow extends NavigationViewRow = NavigationViewRow>({\n    section,\n    tableColumns,\n    extraColumns,\n}: NavigationViewSectionItemProps<TRow>) {\n    const resolvedColumns = useMemo(() => {\n        if (tableColumns) {\n            return tableColumns;\n        }\n        return [...buildViewColumns<TRow>(section.columns, i18n), ...(extraColumns ?? [])];\n    }, [tableColumns, extraColumns, section.columns]);\n\n    return (\n        <Disclosure\n            summary={section.title}\n            expanded={section.expanded}\n            defaultExpanded={section.defaultExpanded}\n            onUpdate={section.onExpandedChange}\n            className={block('section')}\n        >\n            <Disclosure.Summary>\n                {(_props, defaultButton) => (\n                    <Flex\n                        gap={2}\n                        justifyContent=\"flex-start\"\n                        alignItems=\"center\"\n                        className={block('summary')}\n                    >\n                        <Flex minWidth={0}>{defaultButton}</Flex>\n                        <NavigationActionButtons\n                            actions={section.actions}\n                            arg={section}\n                            buttonClassName={block('action')}\n                        />\n                    </Flex>\n                )}\n            </Disclosure.Summary>\n            <Disclosure.Details>\n                {section.errorContent ? (\n                    <Text color=\"danger\">{section.errorContent}</Text>\n                ) : (\n                    <DataTable<TRow>\n                        columns={resolvedColumns}\n                        data={section.rows}\n                        loading={section.loading}\n                        loaded={section.loaded}\n                        settings={{displayIndices: false}}\n                        className={block('table')}\n                    />\n                )}\n            </Disclosure.Details>\n        </Disclosure>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAO,mBAAmB;AACxD,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAqBC,SAAS,EAAEC,uBAAuB;AAEvD,SAAQC,gBAAgB;AACxB,OAAOC,IAAI;AAAgB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3B,IAAMC,KAAK,GAAGT,EAAE,CAAC,oBAAoB,CAAC;AAQtC,OAAO,SAASU,yBAAyBA,CAAAC,IAAA,EAIA;EAAA,IAHrCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAEZ,IAAMC,eAAe,GAAGnB,OAAO,CAAC,YAAM;IAClC,IAAIiB,YAAY,EAAE;MACd,OAAOA,YAAY;IACvB;IACA,UAAAG,MAAA,CAAAC,kBAAA,CAAWd,gBAAgB,CAAOS,OAAO,CAACM,OAAO,EAAEd,IAAI,CAAC,GAAAa,kBAAA,CAAMH,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAE;EACpF,CAAC,EAAE,CAACD,YAAY,EAAEC,YAAY,EAAEF,OAAO,CAACM,OAAO,CAAC,CAAC;EAEjD,oBACIV,KAAA,CAACX,UAAU;IACPsB,OAAO,EAAEP,OAAO,CAACQ,KAAM;IACvBC,QAAQ,EAAET,OAAO,CAACS,QAAS;IAC3BC,eAAe,EAAEV,OAAO,CAACU,eAAgB;IACzCC,QAAQ,EAAEX,OAAO,CAACY,gBAAiB;IACnCC,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;IAAAiB,QAAA,gBAE5BpB,IAAA,CAACT,UAAU,CAAC8B,OAAO;MAAAD,QAAA,EACd,SAAAA,SAACE,MAAM,EAAEC,aAAa;QAAA,oBACnBrB,KAAA,CAACV,IAAI;UACDgC,GAAG,EAAE,CAAE;UACPC,cAAc,EAAC,YAAY;UAC3BC,UAAU,EAAC,QAAQ;UACnBP,SAAS,EAAEhB,KAAK,CAAC,SAAS,CAAE;UAAAiB,QAAA,gBAE5BpB,IAAA,CAACR,IAAI;YAACmC,QAAQ,EAAE,CAAE;YAAAP,QAAA,EAAEG;UAAa,CAAO,CAAC,eACzCvB,IAAA,CAACJ,uBAAuB;YACpBgC,OAAO,EAAEtB,OAAO,CAACsB,OAAQ;YACzBC,GAAG,EAAEvB,OAAQ;YACbwB,eAAe,EAAE3B,KAAK,CAAC,QAAQ;UAAE,CACpC,CAAC;QAAA,CACA,CAAC;MAAA;IACV,CACe,CAAC,eACrBH,IAAA,CAACT,UAAU,CAACwC,OAAO;MAAAX,QAAA,EACdd,OAAO,CAAC0B,YAAY,gBACjBhC,IAAA,CAACP,IAAI;QAACwC,KAAK,EAAC,QAAQ;QAAAb,QAAA,EAAEd,OAAO,CAAC0B;MAAY,CAAO,CAAC,gBAElDhC,IAAA,CAACL,SAAS;QACNiB,OAAO,EAAEH,eAAgB;QACzByB,IAAI,EAAE5B,OAAO,CAAC6B,IAAK;QACnBC,OAAO,EAAE9B,OAAO,CAAC8B,OAAQ;QACzBC,MAAM,EAAE/B,OAAO,CAAC+B,MAAO;QACvBC,QAAQ,EAAE;UAACC,cAAc,EAAE;QAAK,CAAE;QAClCpB,SAAS,EAAEhB,KAAK,CAAC,OAAO;MAAE,CAC7B;IACJ,CACe,CAAC;EAAA,CACb,CAAC;AAErB","ignoreList":[]}

package/build/esm/modules/NavigationView/story/NavigationView.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { NavigationView } from '..';
+declare const meta: Meta<typeof NavigationView>;
+export default meta;
+type Story = StoryObj<typeof NavigationView>;
+export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Error: Story;
+export declare const WithActions: Story;
+export declare const ControlledExpand: Story;

package/build/esm/modules/NavigationView/story/NavigationView.stories.js

@@ -0,0 +1,208 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import "core-js/modules/es.object.to-string.js";
+import React, { useState } from 'react';
+import { Icon } from '@gravity-ui/uikit';
+var ArrowUpRightFromSquareIcon = function ArrowUpRightFromSquareIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75zM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75",
+      clipRule: "evenodd"
+    })
+  }));
+};
+ArrowUpRightFromSquareIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var CodeIcon = function CodeIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M10.218 3.216a.75.75 0 0 0-1.436-.431l-3 10a.75.75 0 0 0 1.436.43zM4.53 4.97a.75.75 0 0 1 0 1.06L2.56 8l1.97 1.97a.75.75 0 0 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0m6.94 6.06a.75.75 0 0 1 0-1.06L13.44 8l-1.97-1.97a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+CodeIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var GearIcon = function GearIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M7.199 2H8.8a.2.2 0 0 1 .2.2c0 1.808 1.958 2.939 3.524 2.034a.2.2 0 0 1 .271.073l.802 1.388a.2.2 0 0 1-.073.272c-1.566.904-1.566 3.164 0 4.069a.2.2 0 0 1 .073.271l-.802 1.388a.2.2 0 0 1-.271.073C10.958 10.863 9 11.993 9 13.8a.2.2 0 0 1-.199.2H7.2a.2.2 0 0 1-.2-.2c0-1.808-1.958-2.938-3.524-2.034a.2.2 0 0 1-.272-.073l-.8-1.388a.2.2 0 0 1 .072-.271c1.566-.905 1.566-3.165 0-4.07a.2.2 0 0 1-.073-.27l.801-1.389a.2.2 0 0 1 .272-.072C5.042 5.138 7 4.007 7 2.199c0-.11.089-.199.199-.199M5.5 2.2c0-.94.76-1.7 1.699-1.7H8.8c.94 0 1.7.76 1.7 1.7a.85.85 0 0 0 1.274.735 1.7 1.7 0 0 1 2.32.622l.802 1.388c.469.813.19 1.851-.622 2.32a.85.85 0 0 0 0 1.472 1.7 1.7 0 0 1 .622 2.32l-.802 1.388a1.7 1.7 0 0 1-2.32.622.85.85 0 0 0-1.274.735c0 .939-.76 1.7-1.699 1.7H7.2a1.7 1.7 0 0 1-1.699-1.7.85.85 0 0 0-1.274-.735 1.7 1.7 0 0 1-2.32-.622l-.802-1.388a1.7 1.7 0 0 1 .622-2.32.85.85 0 0 0 0-1.471 1.7 1.7 0 0 1-.622-2.32l.801-1.389a1.7 1.7 0 0 1 2.32-.622A.85.85 0 0 0 5.5 2.2m4 5.8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+GearIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var PlayIcon = function PlayIcon(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      fill: "currentColor",
+      d: "M14.642 6.285c1.294.777 1.294 2.653 0 3.43L5.53 15.183c-1.292.775-2.924-.102-3.025-1.571l-.005-.144V2.532l.005-.143C2.605.919 4.238.043 5.53.818zm-.771 2.144a.5.5 0 0 0 0-.857L4.756 2.104A.5.5 0 0 0 4 2.532v10.936a.5.5 0 0 0 .757.429z"
+    })
+  }));
+};
+PlayIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+import { action } from 'storybook/actions';
+import { NavigationView } from '..';
+import { VIEW_SECTIONS } from "./mockData";
+import { jsx as _jsx } from "react/jsx-runtime";
+var meta = {
+  title: 'Modules/NavigationView',
+  component: NavigationView,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        width: 640
+      },
+      children: /*#__PURE__*/_jsx(Story, {})
+    });
+  }]
+};
+export default meta;
+export var Default = {
+  args: {
+    data: {
+      sections: VIEW_SECTIONS,
+      loaded: true
+    }
+  }
+};
+export var Loading = {
+  args: {
+    data: {
+      sections: [],
+      loading: true
+    }
+  }
+};
+export var Empty = {
+  args: {
+    data: {
+      sections: [],
+      loaded: true
+    }
+  }
+};
+export var Error = {
+  args: {
+    data: {
+      sections: [],
+      errorContent: 'Failed to load view'
+    }
+  }
+};
+var SECTIONS_WITH_ACTIONS = VIEW_SECTIONS.map(function (section) {
+  return _objectSpread(_objectSpread({}, section), {}, {
+    actions: [{
+      id: 'export',
+      title: 'Export',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: ArrowUpRightFromSquareIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('exportClick')(s.id);
+      }
+    }, {
+      id: 'code',
+      title: 'Show code',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: CodeIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('codeClick')(s.id);
+      }
+    }, {
+      id: 'run',
+      title: 'Run',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: PlayIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('runClick')(s.id);
+      }
+    }, {
+      id: 'settings',
+      title: 'Settings',
+      content: /*#__PURE__*/_jsx(Icon, {
+        data: GearIcon,
+        size: 14
+      }),
+      onClick: function onClick(s) {
+        return action('settingsClick')(s.id);
+      }
+    }]
+  });
+});
+export var WithActions = {
+  args: {
+    data: {
+      sections: SECTIONS_WITH_ACTIONS,
+      loaded: true
+    }
+  }
+};
+var ControlledExpandStory = function ControlledExpandStory() {
+  var _useState = useState('general'),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedId = _useState2[0],
+    setExpandedId = _useState2[1];
+  var sections = VIEW_SECTIONS.map(function (section) {
+    return _objectSpread(_objectSpread({}, section), {}, {
+      expanded: section.id === expandedId,
+      defaultExpanded: undefined,
+      onExpandedChange: function onExpandedChange(expanded) {
+        action('onExpandedChange')(section.id, expanded);
+        setExpandedId(expanded ? section.id : '');
+      }
+    });
+  });
+  return /*#__PURE__*/_jsx(NavigationView, {
+    data: {
+      sections: sections,
+      loaded: true
+    }
+  });
+};
+export var ControlledExpand = {
+  render: function render() {
+    return /*#__PURE__*/_jsx(ControlledExpandStory, {});
+  }
+};
+// #sourceMappingURL=NavigationView.stories.js.map

package/build/esm/modules/NavigationView/story/NavigationView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Icon","ArrowUpRightFromSquareIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","CodeIcon","GearIcon","PlayIcon","action","NavigationView","VIEW_SECTIONS","jsx","meta","title","component","tags","parameters","layout","decorators","Story","style","Default","args","data","sections","loaded","Loading","loading","Empty","Error","errorContent","SECTIONS_WITH_ACTIONS","map","section","actions","id","content","size","onClick","s","WithActions","ControlledExpandStory","_useState","_useState2","_slicedToArray","expandedId","setExpandedId","expanded","defaultExpanded","undefined","onExpandedChange","ControlledExpand","render"],"sources":["NavigationView.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Icon} from '@gravity-ui/uikit';\nimport ArrowUpRightFromSquareIcon from '@gravity-ui/icons/svgs/arrow-up-right-from-square.svg';\nimport CodeIcon from '@gravity-ui/icons/svgs/code.svg';\nimport GearIcon from '@gravity-ui/icons/svgs/gear.svg';\nimport PlayIcon from '@gravity-ui/icons/svgs/play.svg';\nimport {action} from 'storybook/actions';\nimport {NavigationView} from '..';\nimport type {NavigationViewSection} from '../../../types/navigation';\nimport {VIEW_SECTIONS} from './mockData';\n\nconst meta: Meta<typeof NavigationView> = {\n    title: 'Modules/NavigationView',\n    component: NavigationView,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 640}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof NavigationView>;\n\nexport const Default: Story = {\n    args: {\n        data: {sections: VIEW_SECTIONS, loaded: true},\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        data: {sections: [], loading: true},\n    },\n};\n\nexport const Empty: Story = {\n    args: {\n        data: {sections: [], loaded: true},\n    },\n};\n\nexport const Error: Story = {\n    args: {\n        data: {sections: [], errorContent: 'Failed to load view'},\n    },\n};\n\nconst SECTIONS_WITH_ACTIONS: NavigationViewSection[] = VIEW_SECTIONS.map((section) => ({\n    ...section,\n    actions: [\n        {\n            id: 'export',\n            title: 'Export',\n            content: <Icon data={ArrowUpRightFromSquareIcon} size={14} />,\n            onClick: (s) => action('exportClick')(s.id),\n        },\n        {\n            id: 'code',\n            title: 'Show code',\n            content: <Icon data={CodeIcon} size={14} />,\n            onClick: (s) => action('codeClick')(s.id),\n        },\n        {\n            id: 'run',\n            title: 'Run',\n            content: <Icon data={PlayIcon} size={14} />,\n            onClick: (s) => action('runClick')(s.id),\n        },\n        {\n            id: 'settings',\n            title: 'Settings',\n            content: <Icon data={GearIcon} size={14} />,\n            onClick: (s) => action('settingsClick')(s.id),\n        },\n    ],\n}));\n\nexport const WithActions: Story = {\n    args: {\n        data: {sections: SECTIONS_WITH_ACTIONS, loaded: true},\n    },\n};\n\nconst ControlledExpandStory = () => {\n    const [expandedId, setExpandedId] = useState<string>('general');\n\n    const sections: NavigationViewSection[] = VIEW_SECTIONS.map((section) => ({\n        ...section,\n        expanded: section.id === expandedId,\n        defaultExpanded: undefined,\n        onExpandedChange: (expanded) => {\n            action('onExpandedChange')(section.id, expanded);\n            setExpandedId(expanded ? section.id : '');\n        },\n    }));\n\n    return <NavigationView data={{sections, loaded: true}} />;\n};\n\nexport const ControlledExpand: Story = {\n    render: () => <ControlledExpandStory />,\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/modules/NavigationView/story/mockData.d.ts

@@ -0,0 +1,8 @@
+import type { NavigationViewSection } from '../../../types/navigation';
+export declare const VIEW_COLUMNS: string[];
+export declare const makeViewRows: (count: number) => {
+    'Name and Title': string;
+    Type: string;
+    'Datacatalog description': string;
+}[];
+export declare const VIEW_SECTIONS: NavigationViewSection[];

package/build/esm/modules/NavigationView/story/mockData.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.string.iterator.js";
+export var VIEW_COLUMNS = ['Name and Title', 'Type', 'Datacatalog description'];
+export var makeViewRows = function makeViewRows(count) {
+  return Array.from({
+    length: count
+  }, function (_, index) {
+    return {
+      'Name and Title': "field_".concat(index + 1),
+      Type: index % 2 === 0 ? 'string' : 'int64',
+      'Datacatalog description': index % 3 === 0 ? 'Primary identifier' : ''
+    };
+  });
+};
+export var VIEW_SECTIONS = [{
+  id: 'general',
+  title: 'General',
+  columns: VIEW_COLUMNS,
+  rows: makeViewRows(4),
+  loaded: true,
+  defaultExpanded: true
+}, {
+  id: 'attributes',
+  title: 'Attributes',
+  columns: VIEW_COLUMNS,
+  rows: makeViewRows(3),
+  loaded: true
+}, {
+  id: 'computed',
+  title: 'Computed fields',
+  columns: VIEW_COLUMNS,
+  rows: [],
+  loaded: true
+}];
+// #sourceMappingURL=mockData.js.map

package/build/esm/modules/NavigationView/story/mockData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VIEW_COLUMNS","makeViewRows","count","Array","from","length","_","index","concat","Type","VIEW_SECTIONS","id","title","columns","rows","loaded","defaultExpanded"],"sources":["mockData.ts"],"sourcesContent":["import type {NavigationViewSection} from '../../../types/navigation';\n\nexport const VIEW_COLUMNS = ['Name and Title', 'Type', 'Datacatalog description'];\n\nexport const makeViewRows = (count: number) =>\n    Array.from({length: count}, (_, index) => ({\n        'Name and Title': `field_${index + 1}`,\n        Type: index % 2 === 0 ? 'string' : 'int64',\n        'Datacatalog description': index % 3 === 0 ? 'Primary identifier' : '',\n    }));\n\nexport const VIEW_SECTIONS: NavigationViewSection[] = [\n    {\n        id: 'general',\n        title: 'General',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(4),\n        loaded: true,\n        defaultExpanded: true,\n    },\n    {\n        id: 'attributes',\n        title: 'Attributes',\n        columns: VIEW_COLUMNS,\n        rows: makeViewRows(3),\n        loaded: true,\n    },\n    {\n        id: 'computed',\n        title: 'Computed fields',\n        columns: VIEW_COLUMNS,\n        rows: [],\n        loaded: true,\n    },\n];\n"],"mappings":";;AAEA,OAAO,IAAMA,YAAY,GAAG,CAAC,gBAAgB,EAAE,MAAM,EAAE,yBAAyB,CAAC;AAEjF,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAa;EAAA,OACtCC,KAAK,CAACC,IAAI,CAAC;IAACC,MAAM,EAAEH;EAAK,CAAC,EAAE,UAACI,CAAC,EAAEC,KAAK;IAAA,OAAM;MACvC,gBAAgB,WAAAC,MAAA,CAAWD,KAAK,GAAG,CAAC,CAAE;MACtCE,IAAI,EAAEF,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,QAAQ,GAAG,OAAO;MAC1C,yBAAyB,EAAEA,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,oBAAoB,GAAG;IACxE,CAAC;EAAA,CAAC,CAAC;AAAA;AAEP,OAAO,IAAMG,aAAsC,GAAG,CAClD;EACIC,EAAE,EAAE,SAAS;EACbC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAEb,YAAY;EACrBc,IAAI,EAAEb,YAAY,CAAC,CAAC,CAAC;EACrBc,MAAM,EAAE,IAAI;EACZC,eAAe,EAAE;AACrB,CAAC,EACD;EACIL,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAE,YAAY;EACnBC,OAAO,EAAEb,YAAY;EACrBc,IAAI,EAAEb,YAAY,CAAC,CAAC,CAAC;EACrBc,MAAM,EAAE;AACZ,CAAC,EACD;EACIJ,EAAE,EAAE,UAAU;EACdC,KAAK,EAAE,iBAAiB;EACxBC,OAAO,EAAEb,YAAY;EACrBc,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE;AACZ,CAAC,CACJ","ignoreList":[]}

package/build/esm/modules/QueriesList/QueriesList.css

@@ -0,0 +1,10 @@
+.qp-queries-list {
+  height: 100%;
+}
+.qp-queries-list__comparison-actions {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+/*# sourceMappingURL=QueriesList.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["QueriesList.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF;AACE;EACE,kBAAA;EACA,OAAA;EACA,SAAA;EACA,WAAA;AACJ","file":"QueriesList.css","sourcesContent":[".qp-queries-list {\n  height: 100%;\n\n  &__comparison-actions {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n  }\n}\n"],"sourceRoot":""}

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

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

package/build/esm/modules/QueriesList/QueriesList.js

@@ -0,0 +1,68 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.search.js";
+import "core-js/modules/es.string.trim.js";
+import React from 'react';
+import cn from 'bem-cn-lite';
+import { FieldsSelector } from "../../components";
+import { getListKey } from "../../helpers/getListKey";
+import { HistoryComparisonActions } from "../HistoryComparisonActions";
+import { HistoryHeader } from "../HistoryHeader";
+import { HistoryLayout } from "../HistoryLayout";
+import { RowsList } from "../RowsList";
+import "./QueriesList.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+var block = cn('qp-queries-list');
+export var QueriesList = function QueriesList(_ref) {
+  var _search$value;
+  var title = _ref.title,
+    logo = _ref.logo,
+    search = _ref.search,
+    filter = _ref.filter,
+    items = _ref.items,
+    selectedRowId = _ref.selectedRowId,
+    editing = _ref.editing,
+    comparison = _ref.comparison,
+    visibleFields = _ref.visibleFields,
+    getRowActions = _ref.getRowActions,
+    renderRow = _ref.renderRow,
+    onListItemClick = _ref.onListItemClick,
+    className = _ref.className;
+  var showSearchResults = Boolean(search.fullSearch && ((_search$value = search.value) === null || _search$value === void 0 ? void 0 : _search$value.trim()));
+  var rowVariant = showSearchResults ? 'search' : 'default';
+  return /*#__PURE__*/_jsx(HistoryLayout, {
+    className: block(null, className),
+    title: title,
+    logo: logo,
+    actions: visibleFields && /*#__PURE__*/_jsx(FieldsSelector, _objectSpread({}, visibleFields)),
+    header: /*#__PURE__*/_jsx(HistoryHeader, {
+      className: block('header'),
+      search: search.value,
+      fullSearch: search.fullSearch,
+      hasClear: search.hasClear,
+      filter: filter,
+      onUpdate: search.onUpdate
+    }),
+    footer: comparison && /*#__PURE__*/_jsx(HistoryComparisonActions, {
+      comparison: comparison,
+      className: block('comparison-actions')
+    }),
+    children: /*#__PURE__*/_jsx(RowsList, {
+      items: items,
+      rowVariant: rowVariant,
+      selectedRowId: selectedRowId,
+      visibleFields: visibleFields,
+      editing: editing,
+      comparison: comparison,
+      getRowActions: getRowActions,
+      renderRow: renderRow,
+      showFiltersHint: Boolean(filter),
+      onItemClick: onListItemClick
+    }, getListKey(items, rowVariant))
+  });
+};
+// #sourceMappingURL=QueriesList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","FieldsSelector","getListKey","HistoryComparisonActions","HistoryHeader","HistoryLayout","RowsList","jsx","_jsx","block","QueriesList","_ref","_search$value","title","logo","search","filter","items","selectedRowId","editing","comparison","visibleFields","getRowActions","renderRow","onListItemClick","className","showSearchResults","Boolean","fullSearch","value","trim","rowVariant","actions","_objectSpread","header","hasClear","onUpdate","footer","children","showFiltersHint","onItemClick"],"sources":["QueriesList.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'bem-cn-lite';\nimport {FieldsSelector} from '../../components';\nimport {getListKey} from '../../helpers/getListKey';\nimport {\n    QueryListComparisonConfig,\n    QueryListEditingConfig,\n    QueryListFilterConfig,\n    QueryListItem,\n    QueryListRow,\n    QueryListRowAction,\n    QueryListRowRenderData,\n    QueryListSearchConfig,\n    QueryListVisibleFieldsConfig,\n} from '../../types/queryList';\nimport {HistoryComparisonActions} from '../HistoryComparisonActions';\nimport {HistoryHeader} from '../HistoryHeader';\nimport {HistoryLayout} from '../HistoryLayout';\nimport {RowsList} from '../RowsList';\nimport './QueriesList.scss';\n\nconst block = cn('qp-queries-list');\n\nexport type QueriesListProps<T extends QueryListRow> = {\n    className?: string;\n    title: React.ReactNode;\n    logo?: React.ReactNode;\n    search: QueryListSearchConfig;\n    filter?: QueryListFilterConfig;\n    items: QueryListItem<T>[];\n    selectedRowId?: T['id'];\n    editing?: QueryListEditingConfig<T>;\n    comparison?: QueryListComparisonConfig<T>;\n    visibleFields?: QueryListVisibleFieldsConfig<T>;\n    getRowActions?: (item: T) => QueryListRowAction<T>[];\n    renderRow: (data: QueryListRowRenderData<T>) => React.ReactNode;\n    onListItemClick?: (item: QueryListItem<T>) => void;\n};\n\nexport const QueriesList = <T extends QueryListRow>({\n    title,\n    logo,\n    search,\n    filter,\n    items,\n    selectedRowId,\n    editing,\n    comparison,\n    visibleFields,\n    getRowActions,\n    renderRow,\n    onListItemClick,\n    className,\n}: QueriesListProps<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}\n            logo={logo}\n            actions={visibleFields && <FieldsSelector {...visibleFields} />}\n            header={\n                <HistoryHeader\n                    className={block('header')}\n                    search={search.value}\n                    fullSearch={search.fullSearch}\n                    hasClear={search.hasClear}\n                    filter={filter}\n                    onUpdate={search.onUpdate}\n                />\n            }\n            footer={\n                comparison && (\n                    <HistoryComparisonActions\n                        comparison={comparison}\n                        className={block('comparison-actions')}\n                    />\n                )\n            }\n        >\n            <RowsList\n                key={getListKey(items, rowVariant)}\n                items={items}\n                rowVariant={rowVariant}\n                selectedRowId={selectedRowId}\n                visibleFields={visibleFields}\n                editing={editing}\n                comparison={comparison}\n                getRowActions={getRowActions}\n                renderRow={renderRow}\n                showFiltersHint={Boolean(filter)}\n                onItemClick={onListItemClick}\n            />\n        </HistoryLayout>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,aAAa;AAC5B,SAAQC,cAAc;AACtB,SAAQC,UAAU;AAYlB,SAAQC,wBAAwB;AAChC,SAAQC,aAAa;AACrB,SAAQC,aAAa;AACrB,SAAQC,QAAQ;AAChB;AAA4B,SAAAC,GAAA,IAAAC,IAAA;AAE5B,IAAMC,KAAK,GAAGT,EAAE,CAAC,iBAAiB,CAAC;AAkBnC,OAAO,IAAMU,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAcG;EAAA,IAAAC,aAAA;EAAA,IAbvBC,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,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACVC,aAAa,GAAAV,IAAA,CAAbU,aAAa;IACbC,aAAa,GAAAX,IAAA,CAAbW,aAAa;IACbC,SAAS,GAAAZ,IAAA,CAATY,SAAS;IACTC,eAAe,GAAAb,IAAA,CAAfa,eAAe;IACfC,SAAS,GAAAd,IAAA,CAATc,SAAS;EAET,IAAMC,iBAAiB,GAAGC,OAAO,CAACZ,MAAM,CAACa,UAAU,MAAAhB,aAAA,GAAIG,MAAM,CAACc,KAAK,cAAAjB,aAAA,uBAAZA,aAAA,CAAckB,IAAI,CAAC,CAAC,EAAC;EAC5E,IAAMC,UAAU,GAAGL,iBAAiB,GAAG,QAAQ,GAAG,SAAS;EAE3D,oBACIlB,IAAA,CAACH,aAAa;IACVoB,SAAS,EAAEhB,KAAK,CAAC,IAAI,EAAEgB,SAAS,CAAE;IAClCZ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXkB,OAAO,EAAEX,aAAa,iBAAIb,IAAA,CAACP,cAAc,EAAAgC,aAAA,KAAKZ,aAAa,CAAG,CAAE;IAChEa,MAAM,eACF1B,IAAA,CAACJ,aAAa;MACVqB,SAAS,EAAEhB,KAAK,CAAC,QAAQ,CAAE;MAC3BM,MAAM,EAAEA,MAAM,CAACc,KAAM;MACrBD,UAAU,EAAEb,MAAM,CAACa,UAAW;MAC9BO,QAAQ,EAAEpB,MAAM,CAACoB,QAAS;MAC1BnB,MAAM,EAAEA,MAAO;MACfoB,QAAQ,EAAErB,MAAM,CAACqB;IAAS,CAC7B,CACJ;IACDC,MAAM,EACFjB,UAAU,iBACNZ,IAAA,CAACL,wBAAwB;MACrBiB,UAAU,EAAEA,UAAW;MACvBK,SAAS,EAAEhB,KAAK,CAAC,oBAAoB;IAAE,CAC1C,CAER;IAAA6B,QAAA,eAED9B,IAAA,CAACF,QAAQ;MAELW,KAAK,EAAEA,KAAM;MACbc,UAAU,EAAEA,UAAW;MACvBb,aAAa,EAAEA,aAAc;MAC7BG,aAAa,EAAEA,aAAc;MAC7BF,OAAO,EAAEA,OAAQ;MACjBC,UAAU,EAAEA,UAAW;MACvBE,aAAa,EAAEA,aAAc;MAC7BC,SAAS,EAAEA,SAAU;MACrBgB,eAAe,EAAEZ,OAAO,CAACX,MAAM,CAAE;MACjCwB,WAAW,EAAEhB;IAAgB,GAVxBtB,UAAU,CAACe,KAAK,EAAEc,UAAU,CAWpC;EAAC,CACS,CAAC;AAExB,CAAC","ignoreList":[]}

package/build/esm/modules/QueriesList/QueriesList.scss

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

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

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