@gravity-ui/querieskit 1.0.4 → 1.1.0

package/build/cjs/components/SearchWithButtons/SearchWithButtons.stories.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithInnerButton = exports.WithEndButtons = exports.WithBothSlots = exports.Default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _SearchWithButtons = require("./SearchWithButtons");
+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 ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06zM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          fill: "currentColor",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  }));
+};
+ChevronsExpandHorizontalIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FunnelIcon = function FunnelIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fill: "currentColor",
+      fillRule: "evenodd",
+      d: "M12.5 4c0 .174-.071.513-.885.888S9.538 5.5 8 5.5s-2.799-.237-3.615-.612C3.57 4.513 3.5 4.174 3.5 4s.071-.513.885-.888S6.462 2.5 8 2.5s2.799.237 3.615.612c.814.375.885.714.885.888m-1.448 2.66C10.158 6.888 9.115 7 8 7s-2.158-.113-3.052-.34l1.98 2.905c.21.308.322.672.322 1.044v3.37q.088.02.25.021c.422 0 .749-.14.95-.316.185-.162.3-.38.3-.684v-2.39c0-.373.112-.737.322-1.045zM8 1c3.314 0 6 1 6 3a3.24 3.24 0 0 1-.563 1.826l-3.125 4.584a.35.35 0 0 0-.062.2V13c0 1.5-1.25 2.5-2.75 2.5s-1.75-1-1.75-1v-3.89a.35.35 0 0 0-.061-.2L2.563 5.826A3.24 3.24 0 0 1 2 4c0-2 2.686-3 6-3m-.88 12.936q-.015-.008-.013-.01z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FunnelIcon.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__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.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 meta = {
+  title: 'Components/SearchWithButtons',
+  component: _SearchWithButtons.SearchWithButtons,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+var _default = exports.default = meta;
+var PlainStory = function PlainStory() {
+  var _useState = (0, _react.useState)(''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchWithButtons.SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue
+  });
+};
+var WithInnerButtonStory = function WithInnerButtonStory() {
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    active = _useState6[0],
+    setActive = _useState6[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchWithButtons.SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue,
+    innerButtons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      size: "xs",
+      view: active ? 'action' : undefined,
+      onClick: function onClick() {
+        return setActive(!active);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: ChevronsExpandHorizontalIcon,
+        size: 12
+      })
+    }, "full-search")]
+  });
+};
+var WithEndButtonsStory = function WithEndButtonsStory() {
+  var _useState7 = (0, _react.useState)(''),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchWithButtons.SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue,
+    endButtons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: FunnelIcon,
+        size: 16
+      })
+    }, "filter"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: GearIcon,
+        size: 16
+      })
+    }, "settings")]
+  });
+};
+var WithBothSlotsStory = function WithBothSlotsStory() {
+  var _useState9 = (0, _react.useState)(''),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    value = _useState0[0],
+    setValue = _useState0[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchWithButtons.SearchWithButtons, {
+    value: value,
+    placeholder: "Search",
+    hasClear: true,
+    onUpdate: setValue,
+    innerButtons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      size: "xs",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: ChevronsExpandHorizontalIcon,
+        size: 12
+      })
+    }, "full-search")],
+    endButtons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: FunnelIcon,
+        size: 16
+      })
+    }, "filter")]
+  });
+};
+
+/** Just the search input, without any buttons */
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(PlainStory, {});
+  }
+};
+
+/** A toggle button rendered inside the input */
+var WithInnerButton = exports.WithInnerButton = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithInnerButtonStory, {});
+  }
+};
+
+/** Several buttons rendered after the input */
+var WithEndButtons = exports.WithEndButtons = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithEndButtonsStory, {});
+  }
+};
+
+/** Both slots are filled at the same time */
+var WithBothSlots = exports.WithBothSlots = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(WithBothSlotsStory, {});
+  }
+};
+// #sourceMappingURL=SearchWithButtons.stories.js.map

package/build/cjs/components/SearchWithButtons/SearchWithButtons.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_SearchWithButtons","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","ChevronsExpandHorizontalIcon","props","_jsxs","_objectSpread","children","_jsx","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","FunnelIcon","GearIcon","meta","title","component","SearchWithButtons","tags","parameters","layout","_default","exports","PlainStory","_useState","useState","_useState2","_slicedToArray","value","setValue","placeholder","hasClear","onUpdate","WithInnerButtonStory","_useState3","_useState4","_useState5","_useState6","active","setActive","innerButtons","Button","size","view","undefined","onClick","Icon","data","WithEndButtonsStory","_useState7","_useState8","endButtons","WithBothSlotsStory","_useState9","_useState0","Default","render","WithInnerButton","WithEndButtons","WithBothSlots"],"sources":["SearchWithButtons.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';\nimport FunnelIcon from '@gravity-ui/icons/svgs/funnel.svg';\nimport GearIcon from '@gravity-ui/icons/svgs/gear.svg';\nimport {SearchWithButtons} from './SearchWithButtons';\n\nconst meta: Meta<typeof SearchWithButtons> = {\n    title: 'Components/SearchWithButtons',\n    component: SearchWithButtons,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof SearchWithButtons>;\n\nconst PlainStory = () => {\n    const [value, setValue] = useState('');\n\n    return (\n        <SearchWithButtons value={value} placeholder=\"Search\" hasClear={true} onUpdate={setValue} />\n    );\n};\n\nconst WithInnerButtonStory = () => {\n    const [value, setValue] = useState('');\n    const [active, setActive] = useState(false);\n\n    return (\n        <SearchWithButtons\n            value={value}\n            placeholder=\"Search\"\n            hasClear={true}\n            onUpdate={setValue}\n            innerButtons={[\n                <Button\n                    key=\"full-search\"\n                    size=\"xs\"\n                    view={active ? 'action' : undefined}\n                    onClick={() => setActive(!active)}\n                >\n                    <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n                </Button>,\n            ]}\n        />\n    );\n};\n\nconst WithEndButtonsStory = () => {\n    const [value, setValue] = useState('');\n\n    return (\n        <SearchWithButtons\n            value={value}\n            placeholder=\"Search\"\n            hasClear={true}\n            onUpdate={setValue}\n            endButtons={[\n                <Button key=\"filter\">\n                    <Icon data={FunnelIcon} size={16} />\n                </Button>,\n                <Button key=\"settings\">\n                    <Icon data={GearIcon} size={16} />\n                </Button>,\n            ]}\n        />\n    );\n};\n\nconst WithBothSlotsStory = () => {\n    const [value, setValue] = useState('');\n\n    return (\n        <SearchWithButtons\n            value={value}\n            placeholder=\"Search\"\n            hasClear={true}\n            onUpdate={setValue}\n            innerButtons={[\n                <Button key=\"full-search\" size=\"xs\">\n                    <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n                </Button>,\n            ]}\n            endButtons={[\n                <Button key=\"filter\">\n                    <Icon data={FunnelIcon} size={16} />\n                </Button>,\n            ]}\n        />\n    );\n};\n\n/** Just the search input, without any buttons */\nexport const Default: Story = {render: () => <PlainStory />};\n\n/** A toggle button rendered inside the input */\nexport const WithInnerButton: Story = {render: () => <WithInnerButtonStory />};\n\n/** Several buttons rendered after the input */\nexport const WithEndButtons: Story = {render: () => <WithEndButtonsStory />};\n\n/** Both slots are filled at the same time */\nexport const WithBothSlots: Story = {render: () => <WithBothSlotsStory />};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/SearchWithButtons/index.d.ts

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

package/build/cjs/components/SearchWithButtons/index.js

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

package/build/cjs/components/SearchWithButtons/index.js.map

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

package/build/cjs/components/SkeletonRows/SkeletonRows.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export type SkeletonRowsProps = {
+    count?: number;
+    className?: string;
+    rowClassName?: string;
+};
+export declare const SkeletonRows: FC<SkeletonRowsProps>;

package/build/cjs/components/SkeletonRows/SkeletonRows.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletonRows = void 0;
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.string.iterator.js");
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var DEFAULT_ROWS_COUNT = 4;
+var SkeletonRows = exports.SkeletonRows = function SkeletonRows(_ref) {
+  var _ref$count = _ref.count,
+    count = _ref$count === void 0 ? DEFAULT_ROWS_COUNT : _ref$count,
+    className = _ref.className,
+    rowClassName = _ref.rowClassName;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+    direction: "column",
+    gap: 2,
+    className: className,
+    children: Array.from({
+      length: count
+    }, function (_, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Skeleton, {
+        className: rowClassName
+      }, index);
+    })
+  });
+};
+// #sourceMappingURL=SkeletonRows.js.map

package/build/cjs/components/SkeletonRows/SkeletonRows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","DEFAULT_ROWS_COUNT","SkeletonRows","exports","_ref","_ref$count","count","className","rowClassName","_jsx","Flex","direction","gap","children","Array","from","length","_","index","Skeleton"],"sources":["SkeletonRows.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex, Skeleton} from '@gravity-ui/uikit';\n\nexport type SkeletonRowsProps = {\n    count?: number;\n    className?: string;\n    rowClassName?: string;\n};\n\nconst DEFAULT_ROWS_COUNT = 4;\n\nexport const SkeletonRows: FC<SkeletonRowsProps> = ({\n    count = DEFAULT_ROWS_COUNT,\n    className,\n    rowClassName,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={2} className={className}>\n            {Array.from({length: count}, (_, index) => (\n                <Skeleton key={index} className={rowClassName} />\n            ))}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAiD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQjD,IAAMG,kBAAkB,GAAG,CAAC;AAErB,IAAMC,YAAmC,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAtCA,YAAmCA,CAAAE,IAAA,EAI1C;EAAA,IAAAC,UAAA,GAAAD,IAAA,CAHFE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAGJ,kBAAkB,GAAAI,UAAA;IAC1BE,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;EAEZ,oBACI,IAAAC,eAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEA,SAAU;IAAAM,QAAA,EACjDC,KAAK,CAACC,IAAI,CAAC;MAACC,MAAM,EAAEV;IAAK,CAAC,EAAE,UAACW,CAAC,EAAEC,KAAK;MAAA,oBAClC,IAAAT,eAAA,EAACU,eAAQ;QAAaZ,SAAS,EAAEC;MAAa,GAA/BU,KAAiC,CAAC;IAAA,CACpD;EAAC,CACA,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/components/SkeletonRows/index.d.ts

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

package/build/cjs/components/SkeletonRows/index.js

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

package/build/cjs/components/SkeletonRows/index.js.map

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

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

@@ -1,16 +1,46 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, Column } from './DataTable';
 export { QueryStatusIcon } from './QueryStatusIcon';
 export { QueryDuration } from './QueryDuration';
+export { LazyList } from './LazyList';
+export type { LazyListProps } from './LazyList';
+export { ListSpinner } from './ListSpinner';
+export type { ListSpinnerProps } from './ListSpinner';
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';
+export { PathEditor } from './PathEditor';
+export type { PathEditorProps } from './PathEditor';
 export { HistoryFilter } from './HistoryFilter';
 export { HistoryPrivateIcon } from './HistoryPrivateIcon';
 export { FieldsSelector } from './FieldsSelector';
+export type { FieldsSelectorOption, FieldsSelectorProps } from './FieldsSelector';
+export { FieldsSearchToolbar } from './FieldsSearchToolbar';
+export type { FieldsSearchToolbarProps } from './FieldsSearchToolbar';
 export { HistoryGroupHeader } from './HistoryGroupHeader';
-export { HistoryListEmpty } from './HistoryListEmpty';
-export type { HistoryListEmptyProps } from './HistoryListEmpty';
+export { EmptyContent } from './EmptyContent';
+export type { EmptyContentProps, EmptyContentVariant } from './EmptyContent';
+export { ClusterRow } from './ClusterRow';
+export type { ClusterRowProps } from './ClusterRow';
+export { NavigationItemRow } from './NavigationItemRow';
+export type { NavigationItemRowProps } from './NavigationItemRow';
+export { NavigationActionButtons } from './NavigationActionButtons';
+export type { NavigationActionButtonsProps } from './NavigationActionButtons';
+export { SkeletonRows } from './SkeletonRows';
+export type { SkeletonRowsProps } from './SkeletonRows';
 export { RowLink } from './RowLink';
 export type { RowLinkProps } from './RowLink';
 export { SearchRowLayout } from './SearchRowLayout';
 export type { SearchRowLayoutProps } from './SearchRowLayout';
+export { SearchWithButtons } from './SearchWithButtons';
+export type { SearchWithButtonsProps } from './SearchWithButtons';
 export { MonacoEditor } from './MonacoEditor';
 export type { MonacoEditorConfig } from './MonacoEditor';
+export { AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS } from './AddChartButton';
+export type { AddChartButtonOption, AddChartButtonProps, DefaultAddChartButtonValue, } from './AddChartButton';
+export { ChartEditorForm } from './ChartEditorForm';
+export type { ChartEditorFormProps, ChartEditorFormValues, ChartEditorLabels, ChartEditorOption, } from './ChartEditorForm';
+export * from './Dashboard';
+export { Chart } from './Chart';
+export type { ChartAction, ChartProps } from './Chart';
 export { MonacoLanguage, YT_DARK_HC_MONACO_THEME, YT_DARK_MONACO_THEME, YT_LIGHT_HC_MONACO_THEME, YT_LIGHT_MONACO_THEME, MONACO_THEME_BY_UI, } from './MonacoEditor';
 export type { MonacoThemeName } from './MonacoEditor';

package/build/cjs/components/index.js

@@ -3,6 +3,93 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  DataTable: true,
+  QueryStatusIcon: true,
+  QueryDuration: true,
+  LazyList: true,
+  ListSpinner: true,
+  Breadcrumbs: true,
+  PathEditor: true,
+  HistoryFilter: true,
+  HistoryPrivateIcon: true,
+  FieldsSelector: true,
+  FieldsSearchToolbar: true,
+  HistoryGroupHeader: true,
+  EmptyContent: true,
+  ClusterRow: true,
+  NavigationItemRow: true,
+  NavigationActionButtons: true,
+  SkeletonRows: true,
+  RowLink: true,
+  SearchRowLayout: true,
+  SearchWithButtons: true,
+  MonacoEditor: true,
+  MonacoLanguage: true,
+  YT_DARK_HC_MONACO_THEME: true,
+  YT_DARK_MONACO_THEME: true,
+  YT_LIGHT_HC_MONACO_THEME: true,
+  YT_LIGHT_MONACO_THEME: true,
+  MONACO_THEME_BY_UI: true,
+  AddChartButton: true,
+  DEFAULT_ADD_CHART_BUTTON_OPTIONS: true,
+  ChartEditorForm: true,
+  Chart: true
+};
+Object.defineProperty(exports, "AddChartButton", {
+  enumerable: true,
+  get: function () {
+    return _AddChartButton.AddChartButton;
+  }
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function () {
+    return _Breadcrumbs.Breadcrumbs;
+  }
+});
+Object.defineProperty(exports, "Chart", {
+  enumerable: true,
+  get: function () {
+    return _Chart.Chart;
+  }
+});
+Object.defineProperty(exports, "ChartEditorForm", {
+  enumerable: true,
+  get: function () {
+    return _ChartEditorForm.ChartEditorForm;
+  }
+});
+Object.defineProperty(exports, "ClusterRow", {
+  enumerable: true,
+  get: function () {
+    return _ClusterRow.ClusterRow;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_ADD_CHART_BUTTON_OPTIONS", {
+  enumerable: true,
+  get: function () {
+    return _AddChartButton.DEFAULT_ADD_CHART_BUTTON_OPTIONS;
+  }
+});
+Object.defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function () {
+    return _DataTable.DataTable;
+  }
+});
+Object.defineProperty(exports, "EmptyContent", {
+  enumerable: true,
+  get: function () {
+    return _EmptyContent.EmptyContent;
+  }
+});
+Object.defineProperty(exports, "FieldsSearchToolbar", {
+  enumerable: true,
+  get: function () {
+    return _FieldsSearchToolbar.FieldsSearchToolbar;
+  }
+});
 Object.defineProperty(exports, "FieldsSelector", {
   enumerable: true,
   get: function () {
@@ -21,16 +108,22 @@ Object.defineProperty(exports, "HistoryGroupHeader", {
     return _HistoryGroupHeader.HistoryGroupHeader;
   }
 });
-Object.defineProperty(exports, "HistoryListEmpty", {
+Object.defineProperty(exports, "HistoryPrivateIcon", {
   enumerable: true,
   get: function () {
-    return _HistoryListEmpty.HistoryListEmpty;
+    return _HistoryPrivateIcon.HistoryPrivateIcon;
   }
 });
-Object.defineProperty(exports, "HistoryPrivateIcon", {
+Object.defineProperty(exports, "LazyList", {
   enumerable: true,
   get: function () {
-    return _HistoryPrivateIcon.HistoryPrivateIcon;
+    return _LazyList.LazyList;
+  }
+});
+Object.defineProperty(exports, "ListSpinner", {
+  enumerable: true,
+  get: function () {
+    return _ListSpinner.ListSpinner;
   }
 });
 Object.defineProperty(exports, "MONACO_THEME_BY_UI", {
@@ -51,6 +144,24 @@ Object.defineProperty(exports, "MonacoLanguage", {
     return _MonacoEditor.MonacoLanguage;
   }
 });
+Object.defineProperty(exports, "NavigationActionButtons", {
+  enumerable: true,
+  get: function () {
+    return _NavigationActionButtons.NavigationActionButtons;
+  }
+});
+Object.defineProperty(exports, "NavigationItemRow", {
+  enumerable: true,
+  get: function () {
+    return _NavigationItemRow.NavigationItemRow;
+  }
+});
+Object.defineProperty(exports, "PathEditor", {
+  enumerable: true,
+  get: function () {
+    return _PathEditor.PathEditor;
+  }
+});
 Object.defineProperty(exports, "QueryDuration", {
   enumerable: true,
   get: function () {
@@ -75,6 +186,18 @@ Object.defineProperty(exports, "SearchRowLayout", {
     return _SearchRowLayout.SearchRowLayout;
   }
 });
+Object.defineProperty(exports, "SearchWithButtons", {
+  enumerable: true,
+  get: function () {
+    return _SearchWithButtons.SearchWithButtons;
+  }
+});
+Object.defineProperty(exports, "SkeletonRows", {
+  enumerable: true,
+  get: function () {
+    return _SkeletonRows.SkeletonRows;
+  }
+});
 Object.defineProperty(exports, "YT_DARK_HC_MONACO_THEME", {
   enumerable: true,
   get: function () {
@@ -99,14 +222,40 @@ Object.defineProperty(exports, "YT_LIGHT_MONACO_THEME", {
     return _MonacoEditor.YT_LIGHT_MONACO_THEME;
   }
 });
+var _DataTable = require("./DataTable");
 var _QueryStatusIcon = require("./QueryStatusIcon");
 var _QueryDuration = require("./QueryDuration");
+var _LazyList = require("./LazyList");
+var _ListSpinner = require("./ListSpinner");
+var _Breadcrumbs = require("./Breadcrumbs");
+var _PathEditor = require("./PathEditor");
 var _HistoryFilter = require("./HistoryFilter");
 var _HistoryPrivateIcon = require("./HistoryPrivateIcon");
 var _FieldsSelector = require("./FieldsSelector");
+var _FieldsSearchToolbar = require("./FieldsSearchToolbar");
 var _HistoryGroupHeader = require("./HistoryGroupHeader");
-var _HistoryListEmpty = require("./HistoryListEmpty");
+var _EmptyContent = require("./EmptyContent");
+var _ClusterRow = require("./ClusterRow");
+var _NavigationItemRow = require("./NavigationItemRow");
+var _NavigationActionButtons = require("./NavigationActionButtons");
+var _SkeletonRows = require("./SkeletonRows");
 var _RowLink = require("./RowLink");
 var _SearchRowLayout = require("./SearchRowLayout");
+var _SearchWithButtons = require("./SearchWithButtons");
 var _MonacoEditor = require("./MonacoEditor");
+var _AddChartButton = require("./AddChartButton");
+var _ChartEditorForm = require("./ChartEditorForm");
+var _Dashboard = require("./Dashboard");
+Object.keys(_Dashboard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dashboard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Dashboard[key];
+    }
+  });
+});
+var _Chart = require("./Chart");
 // #sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_QueryStatusIcon","require","_QueryDuration","_HistoryFilter","_HistoryPrivateIcon","_FieldsSelector","_HistoryGroupHeader","_HistoryListEmpty","_RowLink","_SearchRowLayout","_MonacoEditor"],"sources":["index.ts"],"sourcesContent":["export {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {HistoryListEmpty} from './HistoryListEmpty';\nexport type {HistoryListEmptyProps} from './HistoryListEmpty';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AAEA,IAAAQ,gBAAA,GAAAR,OAAA;AAEA,IAAAS,aAAA,GAAAT,OAAA","ignoreList":[]}
+{"version":3,"names":["_DataTable","require","_QueryStatusIcon","_QueryDuration","_LazyList","_ListSpinner","_Breadcrumbs","_PathEditor","_HistoryFilter","_HistoryPrivateIcon","_FieldsSelector","_FieldsSearchToolbar","_HistoryGroupHeader","_EmptyContent","_ClusterRow","_NavigationItemRow","_NavigationActionButtons","_SkeletonRows","_RowLink","_SearchRowLayout","_SearchWithButtons","_MonacoEditor","_AddChartButton","_ChartEditorForm","_Dashboard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Chart"],"sources":["index.ts"],"sourcesContent":["export {DataTable} from './DataTable';\nexport type {DataTableProps, Column} from './DataTable';\nexport {QueryStatusIcon} from './QueryStatusIcon';\nexport {QueryDuration} from './QueryDuration';\nexport {LazyList} from './LazyList';\nexport type {LazyListProps} from './LazyList';\nexport {ListSpinner} from './ListSpinner';\nexport type {ListSpinnerProps} from './ListSpinner';\nexport {Breadcrumbs} from './Breadcrumbs';\nexport type {BreadcrumbsProps} from './Breadcrumbs';\nexport {PathEditor} from './PathEditor';\nexport type {PathEditorProps} from './PathEditor';\nexport {HistoryFilter} from './HistoryFilter';\nexport {HistoryPrivateIcon} from './HistoryPrivateIcon';\nexport {FieldsSelector} from './FieldsSelector';\nexport type {FieldsSelectorOption, FieldsSelectorProps} from './FieldsSelector';\nexport {FieldsSearchToolbar} from './FieldsSearchToolbar';\nexport type {FieldsSearchToolbarProps} from './FieldsSearchToolbar';\nexport {HistoryGroupHeader} from './HistoryGroupHeader';\nexport {EmptyContent} from './EmptyContent';\nexport type {EmptyContentProps, EmptyContentVariant} from './EmptyContent';\nexport {ClusterRow} from './ClusterRow';\nexport type {ClusterRowProps} from './ClusterRow';\nexport {NavigationItemRow} from './NavigationItemRow';\nexport type {NavigationItemRowProps} from './NavigationItemRow';\nexport {NavigationActionButtons} from './NavigationActionButtons';\nexport type {NavigationActionButtonsProps} from './NavigationActionButtons';\nexport {SkeletonRows} from './SkeletonRows';\nexport type {SkeletonRowsProps} from './SkeletonRows';\nexport {RowLink} from './RowLink';\nexport type {RowLinkProps} from './RowLink';\nexport {SearchRowLayout} from './SearchRowLayout';\nexport type {SearchRowLayoutProps} from './SearchRowLayout';\nexport {SearchWithButtons} from './SearchWithButtons';\nexport type {SearchWithButtonsProps} from './SearchWithButtons';\nexport {MonacoEditor} from './MonacoEditor';\nexport type {MonacoEditorConfig} from './MonacoEditor';\nexport {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\nexport {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './ChartEditorForm';\nexport * from './Dashboard';\nexport {Chart} from './Chart';\nexport type {ChartAction, ChartProps} from './Chart';\nexport {\n    MonacoLanguage,\n    YT_DARK_HC_MONACO_THEME,\n    YT_DARK_MONACO_THEME,\n    YT_LIGHT_HC_MONACO_THEME,\n    YT_LIGHT_MONACO_THEME,\n    MONACO_THEME_BY_UI,\n} from './MonacoEditor';\nexport type {MonacoThemeName} from './MonacoEditor';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAEA,IAAAK,YAAA,GAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAEA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AAEA,IAAAU,oBAAA,GAAAV,OAAA;AAEA,IAAAW,mBAAA,GAAAX,OAAA;AACA,IAAAY,aAAA,GAAAZ,OAAA;AAEA,IAAAa,WAAA,GAAAb,OAAA;AAEA,IAAAc,kBAAA,GAAAd,OAAA;AAEA,IAAAe,wBAAA,GAAAf,OAAA;AAEA,IAAAgB,aAAA,GAAAhB,OAAA;AAEA,IAAAiB,QAAA,GAAAjB,OAAA;AAEA,IAAAkB,gBAAA,GAAAlB,OAAA;AAEA,IAAAmB,kBAAA,GAAAnB,OAAA;AAEA,IAAAoB,aAAA,GAAApB,OAAA;AAEA,IAAAqB,eAAA,GAAArB,OAAA;AAMA,IAAAsB,gBAAA,GAAAtB,OAAA;AAOA,IAAAuB,UAAA,GAAAvB,OAAA;AAAAwB,MAAA,CAAAC,IAAA,CAAAF,UAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,UAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,UAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAApC,OAAA","ignoreList":[]}

package/build/cjs/constants/row.d.ts

@@ -1 +1,2 @@
 export declare const SEARCH_ROW_HEIGHT = 110;
+export declare const NAVIGATION_ROW_HEIGHT = 32;

package/build/cjs/constants/row.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SEARCH_ROW_HEIGHT = void 0;
+exports.SEARCH_ROW_HEIGHT = exports.NAVIGATION_ROW_HEIGHT = void 0;
 var SEARCH_ROW_HEIGHT = exports.SEARCH_ROW_HEIGHT = 110;
+var NAVIGATION_ROW_HEIGHT = exports.NAVIGATION_ROW_HEIGHT = 32;
 // #sourceMappingURL=row.js.map

package/build/cjs/constants/row.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEARCH_ROW_HEIGHT","exports"],"sources":["row.ts"],"sourcesContent":["export const SEARCH_ROW_HEIGHT = 110;\n"],"mappings":";;;;;;AAAO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,GAAG","ignoreList":[]}
+{"version":3,"names":["SEARCH_ROW_HEIGHT","exports","NAVIGATION_ROW_HEIGHT"],"sources":["row.ts"],"sourcesContent":["export const SEARCH_ROW_HEIGHT = 110;\nexport const NAVIGATION_ROW_HEIGHT = 32;\n"],"mappings":";;;;;;AAAO,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,GAAG;AAC7B,IAAME,qBAAqB,GAAAD,OAAA,CAAAC,qBAAA,GAAG,EAAE","ignoreList":[]}

package/build/cjs/helpers/buildColumnsFromKeys.d.ts

@@ -0,0 +1,2 @@
+import type { Column } from '../components';
+export declare function buildColumnsFromKeys<TRow extends Record<string, unknown>>(columns: string[], emptyText: string): Array<Column<TRow>>;

package/build/cjs/helpers/buildColumnsFromKeys.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildColumnsFromKeys = buildColumnsFromKeys;
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _isEmptyValue = require("./isEmptyValue");
+function buildColumnsFromKeys(columns, emptyText) {
+  return columns.map(function (column) {
+    return {
+      name: column,
+      header: column,
+      render: function render(_ref) {
+        var row = _ref.row;
+        var value = row[column];
+        return (0, _isEmptyValue.isEmptyValue)(value) ? emptyText : value;
+      }
+    };
+  });
+}
+// #sourceMappingURL=buildColumnsFromKeys.js.map

package/build/cjs/helpers/buildColumnsFromKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_isEmptyValue","require","buildColumnsFromKeys","columns","emptyText","map","column","name","header","render","_ref","row","value","isEmptyValue"],"sources":["buildColumnsFromKeys.ts"],"sourcesContent":["import type {ReactNode} from 'react';\nimport type {Column} from '../components';\nimport {isEmptyValue} from './isEmptyValue';\n\nexport function buildColumnsFromKeys<TRow extends Record<string, unknown>>(\n    columns: string[],\n    emptyText: string,\n): Array<Column<TRow>> {\n    return columns.map((column) => ({\n        name: column,\n        header: column,\n        render: ({row}) => {\n            const value = row[column];\n            return isEmptyValue(value) ? emptyText : (value as ReactNode);\n        },\n    }));\n}\n"],"mappings":";;;;;;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAChCC,OAAiB,EACjBC,SAAiB,EACE;EACnB,OAAOD,OAAO,CAACE,GAAG,CAAC,UAACC,MAAM;IAAA,OAAM;MAC5BC,IAAI,EAAED,MAAM;MACZE,MAAM,EAAEF,MAAM;MACdG,MAAM,EAAE,SAARA,MAAMA,CAAAC,IAAA,EAAa;QAAA,IAATC,GAAG,GAAAD,IAAA,CAAHC,GAAG;QACT,IAAMC,KAAK,GAAGD,GAAG,CAACL,MAAM,CAAC;QACzB,OAAO,IAAAO,0BAAY,EAACD,KAAK,CAAC,GAAGR,SAAS,GAAIQ,KAAmB;MACjE;IACJ,CAAC;EAAA,CAAC,CAAC;AACP","ignoreList":[]}