@gravity-ui/querieskit 1.0.3 → 1.1.0

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

@@ -0,0 +1,3 @@
+import type { IconData } from '@gravity-ui/uikit';
+import type { NavigationItemKind } from '../types/navigation';
+export declare function getDefaultNavigationIcon(kind?: NavigationItemKind, targetPathBroken?: boolean): IconData;

package/build/cjs/helpers/getDefaultNavigationIcon.js

@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDefaultNavigationIcon = getDefaultNavigationIcon;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var BanIcon = function BanIcon(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: "M11.323 12.383a5.5 5.5 0 0 1-7.706-7.706zm1.06-1.06L4.677 3.617a5.5 5.5 0 0 1 7.706 7.706M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0",
+      clipRule: "evenodd"
+    })
+  }));
+};
+BanIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var EyeSlashIcon = function EyeSlashIcon(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: "M3.03 1.97a.75.75 0 0 0-1.06 1.06l.83.83A8.2 8.2 0 0 0 .5 6.876l-.26.585a1.33 1.33 0 0 0 0 1.079l.26.585a8.21 8.21 0 0 0 11.434 3.87l1.036 1.035a.75.75 0 1 0 1.06-1.06zm7.788 9.908-1.294-1.293a3 3 0 0 1-4.109-4.109L3.866 4.927A6.7 6.7 0 0 0 1.87 7.486L1.641 8l.23.515a6.71 6.71 0 0 0 8.947 3.363M6.55 7.611A1.502 1.502 0 0 0 8.389 9.45zm1.658-2.604 2.784 2.784a3 3 0 0 0-2.784-2.784m5.92 3.508a6.7 6.7 0 0 1-.915 1.496l1.065 1.066A8.2 8.2 0 0 0 15.5 9.125l.26-.585a1.33 1.33 0 0 0 0-1.08l-.26-.584A8.21 8.21 0 0 0 5.572 2.37L6.81 3.61a6.71 6.71 0 0 1 7.32 3.877l.228.514z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+EyeSlashIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FileTextIcon = function FileTextIcon(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: "M5 13.5h6a1.5 1.5 0 0 0 1.5-1.5V7.243a1.5 1.5 0 0 0-.44-1.061L8.819 2.939a1.5 1.5 0 0 0-1.06-.439H5A1.5 1.5 0 0 0 3.5 4v8A1.5 1.5 0 0 0 5 13.5m9-6.257a3 3 0 0 0-.879-2.122L9.88 1.88A3 3 0 0 0 7.757 1H5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3zM5 8.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 8.25m.75 2.25a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FileTextIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FolderIcon = function FolderIcon(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: "m6.44 4.06.439.44H12.5A1.5 1.5 0 0 1 14 6v5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11V4.5A1.5 1.5 0 0 1 3.5 3h1.257a1.5 1.5 0 0 1 1.061.44zM.5 4.5a3 3 0 0 1 3-3h1.257a3 3 0 0 1 2.122.879L7.5 3h5a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3zm4.25 2a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FolderIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LayoutHeaderCellsLargeIcon = function LayoutHeaderCellsLargeIcon(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: "M4 3.5h8A1.5 1.5 0 0 1 13.5 5v.5h-11V5A1.5 1.5 0 0 1 4 3.5m-1.5 7v.5A1.5 1.5 0 0 0 4 12.5h3.25v-2zm0-1.5h4.75V7H2.5zm6.25 1.5v2H12a1.5 1.5 0 0 0 1.5-1.5v-.5zM13.5 9H8.75V7h4.75zM1 5a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LayoutHeaderCellsLargeIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LinkIcon = function LinkIcon(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: "M3.47 6.53a.75.75 0 0 1 1.06 1.061l-.727.727a2.743 2.743 0 0 0 3.879 3.879l.727-.727a.75.75 0 0 1 1.06 1.06l-.726.727a4.243 4.243 0 0 1-6-6zm8 1.879a.75.75 0 0 0 1.06 1.06l.727-.726a4.243 4.243 0 0 0-6-6l-.727.727a.75.75 0 0 0 1.061 1.06l.727-.727a2.743 2.743 0 0 1 3.879 3.879zm-.94-1.879a.75.75 0 1 0-1.06-1.06l-4 4a.75.75 0 1 0 1.06 1.06z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LinkIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var LinkSlashIcon = function LinkSlashIcon(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: "m8 9.06 4.97 4.97a.75.75 0 1 0 1.06-1.06l-11-11a.75.75 0 0 0-1.06 1.06L6.94 8 5.47 9.47a.75.75 0 1 0 1.06 1.06zm3.54-.722L12.601 9.4l.656-.656a4.243 4.243 0 0 0-6-6l-.656.656 1.06 1.06.657-.656a2.743 2.743 0 0 1 3.879 3.879zM9.47 5.47l-.4.399 1.061 1.06.4-.399A.75.75 0 1 0 9.47 5.47M3.22 6.78a.75.75 0 0 1 1.06 1.061l-.477.477a2.743 2.743 0 0 0 3.879 3.879l.477-.477a.75.75 0 0 1 1.06 1.06l-.476.477a4.243 4.243 0 0 1-6-6z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+LinkSlashIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+function getDefaultNavigationIcon() {
+  var kind = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'unknown';
+  var targetPathBroken = arguments.length > 1 ? arguments[1] : undefined;
+  if (kind === 'link' && targetPathBroken) {
+    return LinkSlashIcon;
+  }
+  switch (kind) {
+    case 'folder':
+      return FolderIcon;
+    case 'file':
+      return FileTextIcon;
+    case 'table':
+      return LayoutHeaderCellsLargeIcon;
+    case 'link':
+      return LinkIcon;
+    case 'unknown':
+      return EyeSlashIcon;
+    default:
+      return BanIcon;
+  }
+}
+// #sourceMappingURL=getDefaultNavigationIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BanIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","EyeSlashIcon","FileTextIcon","FolderIcon","LayoutHeaderCellsLargeIcon","LinkIcon","LinkSlashIcon","getDefaultNavigationIcon","kind","arguments","length","undefined","targetPathBroken"],"sources":["getDefaultNavigationIcon.ts"],"sourcesContent":["import type {IconData} from '@gravity-ui/uikit';\nimport BanIcon from '@gravity-ui/icons/svgs/ban.svg';\nimport EyeSlashIcon from '@gravity-ui/icons/svgs/eye-slash.svg';\nimport FileTextIcon from '@gravity-ui/icons/svgs/file-text.svg';\nimport FolderIcon from '@gravity-ui/icons/svgs/folder.svg';\nimport LayoutHeaderCellsLargeIcon from '@gravity-ui/icons/svgs/layout-header-cells-large.svg';\nimport LinkIcon from '@gravity-ui/icons/svgs/link.svg';\nimport LinkSlashIcon from '@gravity-ui/icons/svgs/link-slash.svg';\nimport type {NavigationItemKind} from '../types/navigation';\n\nexport function getDefaultNavigationIcon(\n    kind: NavigationItemKind = 'unknown',\n    targetPathBroken?: boolean,\n): IconData {\n    if (kind === 'link' && targetPathBroken) {\n        return LinkSlashIcon;\n    }\n\n    switch (kind) {\n        case 'folder':\n            return FolderIcon;\n        case 'file':\n            return FileTextIcon;\n        case 'table':\n            return LayoutHeaderCellsLargeIcon;\n        case 'link':\n            return LinkIcon;\n        case 'unknown':\n            return EyeSlashIcon;\n        default:\n            return BanIcon;\n    }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1 @@
+export declare function getParentPath(path: string): string | undefined;

package/build/cjs/helpers/getParentPath.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParentPath = getParentPath;
+require("core-js/modules/es.array.last-index-of.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.string.starts-with.js");
+function getParentPath(path) {
+  var trimmed = path.replace(/\/+$/, '');
+  var lastSlashIndex = trimmed.lastIndexOf('/');
+  if (lastSlashIndex <= 0) {
+    return trimmed.startsWith('/') ? '/' : undefined;
+  }
+  return trimmed.slice(0, lastSlashIndex);
+}
+// #sourceMappingURL=getParentPath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getParentPath","path","trimmed","replace","lastSlashIndex","lastIndexOf","startsWith","undefined","slice"],"sources":["getParentPath.ts"],"sourcesContent":["export function getParentPath(path: string): string | undefined {\n    const trimmed = path.replace(/\\/+$/, '');\n    const lastSlashIndex = trimmed.lastIndexOf('/');\n\n    if (lastSlashIndex <= 0) {\n        return trimmed.startsWith('/') ? '/' : undefined;\n    }\n\n    return trimmed.slice(0, lastSlashIndex);\n}\n"],"mappings":";;;;;;;;;;;AAAO,SAASA,aAAaA,CAACC,IAAY,EAAsB;EAC5D,IAAMC,OAAO,GAAGD,IAAI,CAACE,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;EACxC,IAAMC,cAAc,GAAGF,OAAO,CAACG,WAAW,CAAC,GAAG,CAAC;EAE/C,IAAID,cAAc,IAAI,CAAC,EAAE;IACrB,OAAOF,OAAO,CAACI,UAAU,CAAC,GAAG,CAAC,GAAG,GAAG,GAAGC,SAAS;EACpD;EAEA,OAAOL,OAAO,CAACM,KAAK,CAAC,CAAC,EAAEJ,cAAc,CAAC;AAC3C","ignoreList":[]}

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

@@ -0,0 +1 @@
+export declare const isEmptyValue: (value: unknown) => boolean;

package/build/cjs/helpers/isEmptyValue.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEmptyValue = void 0;
+var isEmptyValue = exports.isEmptyValue = function isEmptyValue(value) {
+  return value === undefined || value === null || value === '';
+};
+// #sourceMappingURL=isEmptyValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isEmptyValue","exports","value","undefined"],"sources":["isEmptyValue.ts"],"sourcesContent":["export const isEmptyValue = (value: unknown): boolean =>\n    value === undefined || value === null || value === '';\n"],"mappings":";;;;;;AAAO,IAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAIE,KAAc;EAAA,OACvCA,KAAK,KAAKC,SAAS,IAAID,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,EAAE;AAAA","ignoreList":[]}

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

@@ -0,0 +1 @@
+export declare function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void): (node: HTMLElement | null) => void;

package/build/cjs/helpers/useLoadMoreSentinel.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoadMoreSentinel = useLoadMoreSentinel;
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.some.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = require("react");
+function useLoadMoreSentinel(hasMore, onLoadMore) {
+  var observerRef = (0, _react.useRef)(null);
+  var hasMoreRef = (0, _react.useRef)(hasMore);
+  hasMoreRef.current = hasMore;
+  var onLoadMoreRef = (0, _react.useRef)(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
+  (0, _react.useEffect)(function () {
+    return function () {
+      var _observerRef$current;
+      (_observerRef$current = observerRef.current) === null || _observerRef$current === void 0 || _observerRef$current.disconnect();
+    };
+  }, []);
+  return (0, _react.useCallback)(function (node) {
+    var _observerRef$current2;
+    (_observerRef$current2 = observerRef.current) === null || _observerRef$current2 === void 0 || _observerRef$current2.disconnect();
+    if (!node) {
+      return;
+    }
+    observerRef.current = new IntersectionObserver(function (entries) {
+      if (entries.some(function (entry) {
+        return entry.isIntersecting;
+      }) && hasMoreRef.current) {
+        var _onLoadMoreRef$curren;
+        (_onLoadMoreRef$curren = onLoadMoreRef.current) === null || _onLoadMoreRef$curren === void 0 || _onLoadMoreRef$curren.call(onLoadMoreRef);
+      }
+    });
+    observerRef.current.observe(node);
+  }, []);
+}
+// #sourceMappingURL=useLoadMoreSentinel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useLoadMoreSentinel","hasMore","onLoadMore","observerRef","useRef","hasMoreRef","current","onLoadMoreRef","useEffect","_observerRef$current","disconnect","useCallback","node","_observerRef$current2","IntersectionObserver","entries","some","entry","isIntersecting","_onLoadMoreRef$curren","call","observe"],"sources":["useLoadMoreSentinel.ts"],"sourcesContent":["import {useCallback, useEffect, useRef} from 'react';\n\nexport function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void) {\n    const observerRef = useRef<IntersectionObserver | null>(null);\n    const hasMoreRef = useRef(hasMore);\n    hasMoreRef.current = hasMore;\n    const onLoadMoreRef = useRef(onLoadMore);\n    onLoadMoreRef.current = onLoadMore;\n\n    useEffect(() => {\n        return () => {\n            observerRef.current?.disconnect();\n        };\n    }, []);\n\n    return useCallback((node: HTMLElement | null) => {\n        observerRef.current?.disconnect();\n\n        if (!node) {\n            return;\n        }\n\n        observerRef.current = new IntersectionObserver((entries) => {\n            if (entries.some((entry) => entry.isIntersecting) && hasMoreRef.current) {\n                onLoadMoreRef.current?.();\n            }\n        });\n\n        observerRef.current.observe(node);\n    }, []);\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAACC,OAA4B,EAAEC,UAAuB,EAAE;EACvF,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAA8B,IAAI,CAAC;EAC7D,IAAMC,UAAU,GAAG,IAAAD,aAAM,EAACH,OAAO,CAAC;EAClCI,UAAU,CAACC,OAAO,GAAGL,OAAO;EAC5B,IAAMM,aAAa,GAAG,IAAAH,aAAM,EAACF,UAAU,CAAC;EACxCK,aAAa,CAACD,OAAO,GAAGJ,UAAU;EAElC,IAAAM,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MAAA,IAAAC,oBAAA;MACT,CAAAA,oBAAA,GAAAN,WAAW,CAACG,OAAO,cAAAG,oBAAA,eAAnBA,oBAAA,CAAqBC,UAAU,CAAC,CAAC;IACrC,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAC,kBAAW,EAAC,UAACC,IAAwB,EAAK;IAAA,IAAAC,qBAAA;IAC7C,CAAAA,qBAAA,GAAAV,WAAW,CAACG,OAAO,cAAAO,qBAAA,eAAnBA,qBAAA,CAAqBH,UAAU,CAAC,CAAC;IAEjC,IAAI,CAACE,IAAI,EAAE;MACP;IACJ;IAEAT,WAAW,CAACG,OAAO,GAAG,IAAIQ,oBAAoB,CAAC,UAACC,OAAO,EAAK;MACxD,IAAIA,OAAO,CAACC,IAAI,CAAC,UAACC,KAAK;QAAA,OAAKA,KAAK,CAACC,cAAc;MAAA,EAAC,IAAIb,UAAU,CAACC,OAAO,EAAE;QAAA,IAAAa,qBAAA;QACrE,CAAAA,qBAAA,GAAAZ,aAAa,CAACD,OAAO,cAAAa,qBAAA,eAArBA,qBAAA,CAAAC,IAAA,CAAAb,aAAwB,CAAC;MAC7B;IACJ,CAAC,CAAC;IAEFJ,WAAW,CAACG,OAAO,CAACe,OAAO,CAACT,IAAI,CAAC;EACrC,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+export type UseVisibleColumnsOptions = {
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    defaultValue?: string[];
+};
+export declare function useVisibleColumns(allColumns: string[], { value, onChange, defaultValue }: UseVisibleColumnsOptions): [string[], (value: string[]) => void];

package/build/cjs/helpers/useVisibleColumns.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useVisibleColumns = useVisibleColumns;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useVisibleColumns(allColumns, _ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue;
+  var isControlled = value !== undefined;
+  var _useState = (0, _react.useState)(function () {
+      return defaultValue !== null && defaultValue !== void 0 ? defaultValue : allColumns;
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var activeColumns = isControlled ? value : state;
+  var handleChange = function handleChange(next) {
+    if (!isControlled) {
+      setState(next);
+    }
+    onChange === null || onChange === void 0 || onChange(next);
+  };
+  return [activeColumns, handleChange];
+}
+// #sourceMappingURL=useVisibleColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_interopRequireDefault","e","__esModule","default","useVisibleColumns","allColumns","_ref","value","onChange","defaultValue","isControlled","undefined","_useState","useState","_useState2","_slicedToArray","state","setState","activeColumns","handleChange","next"],"sources":["useVisibleColumns.ts"],"sourcesContent":["import {useState} from 'react';\n\nexport type UseVisibleColumnsOptions = {\n    value?: string[];\n    onChange?: (value: string[]) => void;\n    defaultValue?: string[];\n};\n\nexport function useVisibleColumns(\n    allColumns: string[],\n    {value, onChange, defaultValue}: UseVisibleColumnsOptions,\n): [string[], (value: string[]) => void] {\n    const isControlled = value !== undefined;\n    const [state, setState] = useState<string[]>(() => defaultValue ?? allColumns);\n\n    const activeColumns = isControlled ? value : state;\n\n    const handleChange = (next: string[]) => {\n        if (!isControlled) {\n            setState(next);\n        }\n        onChange?.(next);\n    };\n\n    return [activeColumns, handleChange];\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAA8B,SAAAC,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQvB,SAASG,iBAAiBA,CAC7BC,UAAoB,EAAAC,IAAA,EAEiB;EAAA,IADpCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAE9B,IAAMC,YAAY,GAAGH,KAAK,KAAKI,SAAS;EACxC,IAAAC,SAAA,GAA0B,IAAAC,eAAQ,EAAW;MAAA,OAAMJ,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIJ,UAAU;IAAA,EAAC;IAAAS,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAAvEI,KAAK,GAAAF,UAAA;IAAEG,QAAQ,GAAAH,UAAA;EAEtB,IAAMI,aAAa,GAAGR,YAAY,GAAGH,KAAK,GAAGS,KAAK;EAElD,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAc,EAAK;IACrC,IAAI,CAACV,YAAY,EAAE;MACfO,QAAQ,CAACG,IAAI,CAAC;IAClB;IACAZ,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGY,IAAI,CAAC;EACpB,CAAC;EAED,OAAO,CAACF,aAAa,EAAEC,YAAY,CAAC;AACxC","ignoreList":[]}

package/build/cjs/index.d.ts

@@ -3,3 +3,5 @@ export * from './modules';
 export * from './widgets';
 export * from './types/history';
 export * from './types/tutorial';
+export * from './types/navigation';
+export * from './types/pathEditor';

package/build/cjs/index.js

@@ -58,4 +58,26 @@ Object.keys(_tutorial).forEach(function (key) {
     }
   });
 });
+var _navigation = require("./types/navigation");
+Object.keys(_navigation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _navigation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _navigation[key];
+    }
+  });
+});
+var _pathEditor = require("./types/pathEditor");
+Object.keys(_pathEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pathEditor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pathEditor[key];
+    }
+  });
+});
 // #sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_modules","_widgets","_history","_tutorial"],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/history';\nexport * from './types/tutorial';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,QAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,QAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,QAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,QAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,QAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,QAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,QAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,QAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,QAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,QAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,QAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,QAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,SAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,SAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,SAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,SAAA,CAAAR,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_modules","_widgets","_history","_tutorial","_navigation","_pathEditor"],"sources":["index.ts"],"sourcesContent":["export * from './components';\nexport * from './modules';\nexport * from './widgets';\nexport * from './types/history';\nexport * from './types/tutorial';\nexport * from './types/navigation';\nexport * from './types/pathEditor';\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/ChartEditor/ChartEditor.css

@@ -0,0 +1,11 @@
+.qp-chart-editor {
+  background: var(--g-color-base-background);
+}
+.qp-chart-editor__preview {
+  flex: 1 1 auto;
+}
+.qp-chart-editor__panel {
+  min-width: 320px;
+  border-left: 1px solid var(--g-color-line-generic);
+}
+/*# sourceMappingURL=ChartEditor.css.map */

package/build/cjs/modules/ChartEditor/ChartEditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ChartEditor.scss"],"names":[],"mappings":"AAAA;EACI,0CAAA;AACJ;AACI;EACI,cAAA;AACR;AAEI;EACI,gBAAA;EACA,kDAAA;AAAR","file":"ChartEditor.css","sourcesContent":[".qp-chart-editor {\n    background: var(--g-color-base-background);\n\n    &__preview {\n        flex: 1 1 auto;\n    }\n\n    &__panel {\n        min-width: 320px;\n        border-left: 1px solid var(--g-color-line-generic);\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/modules/ChartEditor/ChartEditor.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChartEditorProps } from './types';
+import './ChartEditor.scss';
+export declare const ChartEditor: ({ axisVariants, chartSeriesMap, className, emptyDataLabel, onCancel, onSubmit, onChange, formProps, formValues: customerFormValues, }: ChartEditorProps) => React.JSX.Element;

package/build/cjs/modules/ChartEditor/ChartEditor.js

@@ -0,0 +1,147 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartEditor = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/es.set.difference.v2.js");
+require("core-js/modules/es.set.intersection.v2.js");
+require("core-js/modules/es.set.is-disjoint-from.v2.js");
+require("core-js/modules/es.set.is-subset-of.v2.js");
+require("core-js/modules/es.set.is-superset-of.v2.js");
+require("core-js/modules/es.set.symmetric-difference.v2.js");
+require("core-js/modules/es.set.union.v2.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _charts = require("@gravity-ui/charts");
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _ChartEditorForm = require("../../components/ChartEditorForm");
+var _i18n = _interopRequireDefault(require("./i18n"));
+require("./ChartEditor.css");
+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 block = (0, _bemCnLite.default)('qp-chart-editor');
+var ChartEditor = exports.ChartEditor = function ChartEditor(_ref) {
+  var axisVariants = _ref.axisVariants,
+    chartSeriesMap = _ref.chartSeriesMap,
+    className = _ref.className,
+    emptyDataLabel = _ref.emptyDataLabel,
+    onCancel = _ref.onCancel,
+    onSubmit = _ref.onSubmit,
+    onChange = _ref.onChange,
+    formProps = _ref.formProps,
+    customerFormValues = _ref.formValues;
+  var emptyLabel = emptyDataLabel !== null && emptyDataLabel !== void 0 ? emptyDataLabel : (0, _i18n.default)('alert_no-chart-data');
+  var dataIdsOptions = (0, _react.useMemo)(function () {
+    return Object.keys(chartSeriesMap !== null && chartSeriesMap !== void 0 ? chartSeriesMap : []);
+  }, [chartSeriesMap]);
+  var _useState = (0, _react.useState)(customerFormValues !== null && customerFormValues !== void 0 ? customerFormValues : {
+      dataIds: dataIdsOptions.length ? [dataIdsOptions[0]] : [],
+      axisType: 'linear'
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    formValues = _useState2[0],
+    setFormValues = _useState2[1];
+  var selectedChartSeries = (0, _react.useMemo)(function () {
+    var selectedDataIdsSet = new Set(formValues.dataIds);
+    var record = [];
+    for (var dataId in chartSeriesMap) {
+      if (selectedDataIdsSet.has(dataId)) {
+        record.push(chartSeriesMap[dataId]);
+      }
+    }
+    return record;
+  }, [chartSeriesMap, formValues.dataIds]);
+  var chartData = (0, _react.useMemo)(function () {
+    var axisType = formValues.axisType,
+      xTitle = formValues.xTitle,
+      yTitle = formValues.yTitle,
+      showLegend = formValues.showLegend,
+      chartTitle = formValues.chartTitle,
+      axisCategories = formValues.axisCategories;
+    return {
+      series: {
+        data: selectedChartSeries
+      },
+      xAxis: {
+        type: axisType,
+        title: {
+          text: xTitle
+        },
+        categories: axisCategories
+      },
+      yAxis: [{
+        title: {
+          text: yTitle
+        }
+      }],
+      legend: {
+        enabled: Boolean(showLegend)
+      },
+      title: chartTitle ? {
+        text: chartTitle
+      } : undefined
+    };
+  }, [selectedChartSeries, formValues]);
+  var handleSubmit = function handleSubmit() {
+    onSubmit === null || onSubmit === void 0 || onSubmit(chartData);
+  };
+  var handleCancel = function handleCancel() {
+    onCancel === null || onCancel === void 0 || onCancel();
+  };
+  var handleFormValuesChange = function handleFormValuesChange(patchedFormValues) {
+    setFormValues(patchedFormValues);
+    onChange === null || onChange === void 0 || onChange(patchedFormValues);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    width: "100%",
+    height: "100%",
+    overflow: "hidden",
+    as: "section",
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Box, {
+      spacing: {
+        p: 5
+      },
+      className: block('preview'),
+      children: selectedChartSeries.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Box, {
+        overflow: "hidden",
+        width: "100%",
+        height: "100%",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_charts.Chart, {
+          data: chartData
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+        width: "100%",
+        height: "100%",
+        centerContent: true,
+        className: block('empty'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+          color: "secondary",
+          children: emptyLabel
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: block('panel'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartEditorForm.ChartEditorForm, (0, _objectSpread2.default)({
+        dataIds: dataIdsOptions,
+        axisVariants: axisVariants,
+        formValues: formValues,
+        onFormValuesChange: handleFormValuesChange,
+        onSubmit: handleSubmit,
+        onCancel: handleCancel
+      }, formProps))
+    })]
+  });
+};
+// #sourceMappingURL=ChartEditor.js.map

package/build/cjs/modules/ChartEditor/ChartEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_charts","_uikit","_bemCnLite","_interopRequireDefault","_ChartEditorForm","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","ChartEditor","exports","_ref","axisVariants","chartSeriesMap","className","emptyDataLabel","onCancel","onSubmit","onChange","formProps","customerFormValues","formValues","emptyLabel","i18n","dataIdsOptions","useMemo","keys","_useState","useState","dataIds","length","axisType","_useState2","_slicedToArray","setFormValues","selectedChartSeries","selectedDataIdsSet","Set","record","dataId","push","chartData","xTitle","yTitle","showLegend","chartTitle","axisCategories","series","data","xAxis","type","title","text","categories","yAxis","legend","enabled","Boolean","undefined","handleSubmit","handleCancel","handleFormValuesChange","patchedFormValues","_jsxs","Flex","width","height","overflow","as","children","_jsx","Box","spacing","p","Chart","centerContent","Text","color","ChartEditorForm","_objectSpread","onFormValuesChange"],"sources":["ChartEditor.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport {Chart} from '@gravity-ui/charts';\nimport {Box, Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport {ChartEditorForm} from '../../components/ChartEditorForm';\nimport type {ChartEditorFormProps} from '../../components/ChartEditorForm';\nimport type {ChartData, ChartEditorProps, ChartSeries} from './types';\nimport i18n from './i18n';\n\nimport './ChartEditor.scss';\n\nconst block = cn('qp-chart-editor');\n\nexport const ChartEditor = ({\n    axisVariants,\n    chartSeriesMap,\n    className,\n    emptyDataLabel,\n    onCancel,\n    onSubmit,\n    onChange,\n    formProps,\n    formValues: customerFormValues,\n}: ChartEditorProps) => {\n    const emptyLabel = emptyDataLabel ?? i18n('alert_no-chart-data');\n\n    const dataIdsOptions = useMemo(() => Object.keys(chartSeriesMap ?? []), [chartSeriesMap]);\n\n    const [formValues, setFormValues] = useState<ChartEditorFormProps['formValues']>(\n        customerFormValues ?? {\n            dataIds: dataIdsOptions.length ? [dataIdsOptions[0]] : [],\n            axisType: 'linear',\n        },\n    );\n\n    const selectedChartSeries = useMemo(() => {\n        const selectedDataIdsSet = new Set(formValues.dataIds);\n        const record: ChartSeries[] = [];\n        for (const dataId in chartSeriesMap) {\n            if (selectedDataIdsSet.has(dataId)) {\n                record.push(chartSeriesMap[dataId]);\n            }\n        }\n        return record;\n    }, [chartSeriesMap, formValues.dataIds]);\n\n    const chartData: ChartData = useMemo(() => {\n        const {axisType, xTitle, yTitle, showLegend, chartTitle, axisCategories} = formValues;\n\n        return {\n            series: {\n                data: selectedChartSeries,\n            },\n            xAxis: {\n                type: axisType,\n                title: {text: xTitle},\n                categories: axisCategories,\n            },\n            yAxis: [\n                {\n                    title: {text: yTitle},\n                },\n            ],\n            legend: {enabled: Boolean(showLegend)},\n            title: chartTitle ? {text: chartTitle} : undefined,\n        };\n    }, [selectedChartSeries, formValues]);\n\n    const handleSubmit = () => {\n        onSubmit?.(chartData);\n    };\n\n    const handleCancel = () => {\n        onCancel?.();\n    };\n\n    const handleFormValuesChange = (patchedFormValues: ChartEditorFormProps['formValues']) => {\n        setFormValues(patchedFormValues);\n        onChange?.(patchedFormValues);\n    };\n\n    return (\n        <Flex\n            width=\"100%\"\n            height=\"100%\"\n            overflow=\"hidden\"\n            as=\"section\"\n            className={block(null, className)}\n        >\n            <Box spacing={{p: 5}} className={block('preview')}>\n                {selectedChartSeries.length ? (\n                    <Box overflow=\"hidden\" width=\"100%\" height=\"100%\">\n                        <Chart data={chartData} />\n                    </Box>\n                ) : (\n                    <Flex width=\"100%\" height=\"100%\" centerContent className={block('empty')}>\n                        <Text color=\"secondary\">{emptyLabel}</Text>\n                    </Flex>\n                )}\n            </Box>\n\n            <div className={block('panel')}>\n                <ChartEditorForm\n                    dataIds={dataIdsOptions}\n                    axisVariants={axisVariants}\n                    formValues={formValues}\n                    onFormValuesChange={handleFormValuesChange}\n                    onSubmit={handleSubmit}\n                    onCancel={handleCancel}\n                    {...formProps}\n                />\n            </div>\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAGA,IAAAM,KAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEAA,OAAA;AAA4B,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAL,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAE5B,IAAMmB,KAAK,GAAG,IAAAC,kBAAE,EAAC,iBAAiB,CAAC;AAE5B,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAUA;EAAA,IATpBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACGC,kBAAkB,GAAAT,IAAA,CAA9BU,UAAU;EAEV,IAAMC,UAAU,GAAGP,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,IAAAQ,aAAI,EAAC,qBAAqB,CAAC;EAEhE,IAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAMrB,MAAM,CAACsB,IAAI,CAACb,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,EAAE,CAAC;EAAA,GAAE,CAACA,cAAc,CAAC,CAAC;EAEzF,IAAAc,SAAA,GAAoC,IAAAC,eAAQ,EACxCR,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI;MAClBS,OAAO,EAAEL,cAAc,CAACM,MAAM,GAAG,CAACN,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;MACzDO,QAAQ,EAAE;IACd,CACJ,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAN,SAAA;IALMN,UAAU,GAAAW,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAOhC,IAAMG,mBAAmB,GAAG,IAAAV,cAAO,EAAC,YAAM;IACtC,IAAMW,kBAAkB,GAAG,IAAIC,GAAG,CAAChB,UAAU,CAACQ,OAAO,CAAC;IACtD,IAAMS,MAAqB,GAAG,EAAE;IAChC,KAAK,IAAMC,MAAM,IAAI1B,cAAc,EAAE;MACjC,IAAIuB,kBAAkB,CAACrC,GAAG,CAACwC,MAAM,CAAC,EAAE;QAChCD,MAAM,CAACE,IAAI,CAAC3B,cAAc,CAAC0B,MAAM,CAAC,CAAC;MACvC;IACJ;IACA,OAAOD,MAAM;EACjB,CAAC,EAAE,CAACzB,cAAc,EAAEQ,UAAU,CAACQ,OAAO,CAAC,CAAC;EAExC,IAAMY,SAAoB,GAAG,IAAAhB,cAAO,EAAC,YAAM;IACvC,IAAOM,QAAQ,GAA4DV,UAAU,CAA9EU,QAAQ;MAAEW,MAAM,GAAoDrB,UAAU,CAApEqB,MAAM;MAAEC,MAAM,GAA4CtB,UAAU,CAA5DsB,MAAM;MAAEC,UAAU,GAAgCvB,UAAU,CAApDuB,UAAU;MAAEC,UAAU,GAAoBxB,UAAU,CAAxCwB,UAAU;MAAEC,cAAc,GAAIzB,UAAU,CAA5ByB,cAAc;IAEvE,OAAO;MACHC,MAAM,EAAE;QACJC,IAAI,EAAEb;MACV,CAAC;MACDc,KAAK,EAAE;QACHC,IAAI,EAAEnB,QAAQ;QACdoB,KAAK,EAAE;UAACC,IAAI,EAAEV;QAAM,CAAC;QACrBW,UAAU,EAAEP;MAChB,CAAC;MACDQ,KAAK,EAAE,CACH;QACIH,KAAK,EAAE;UAACC,IAAI,EAAET;QAAM;MACxB,CAAC,CACJ;MACDY,MAAM,EAAE;QAACC,OAAO,EAAEC,OAAO,CAACb,UAAU;MAAC,CAAC;MACtCO,KAAK,EAAEN,UAAU,GAAG;QAACO,IAAI,EAAEP;MAAU,CAAC,GAAGa;IAC7C,CAAC;EACL,CAAC,EAAE,CAACvB,mBAAmB,EAAEd,UAAU,CAAC,CAAC;EAErC,IAAMsC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACvB1C,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGwB,SAAS,CAAC;EACzB,CAAC;EAED,IAAMmB,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;IACvB5C,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG,CAAC;EAChB,CAAC;EAED,IAAM6C,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,iBAAqD,EAAK;IACtF5B,aAAa,CAAC4B,iBAAiB,CAAC;IAChC5C,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAG4C,iBAAiB,CAAC;EACjC,CAAC;EAED,oBACI,IAAAC,gBAAA,EAACC,WAAI;IACDC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,QAAQ;IACjBC,EAAE,EAAC,SAAS;IACZtD,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAEO,SAAS,CAAE;IAAAuD,QAAA,gBAElC,IAAAC,eAAA,EAACC,UAAG;MAACC,OAAO,EAAE;QAACC,CAAC,EAAE;MAAC,CAAE;MAAC3D,SAAS,EAAEP,KAAK,CAAC,SAAS,CAAE;MAAA8D,QAAA,EAC7ClC,mBAAmB,CAACL,MAAM,gBACvB,IAAAwC,eAAA,EAACC,UAAG;QAACJ,QAAQ,EAAC,QAAQ;QAACF,KAAK,EAAC,MAAM;QAACC,MAAM,EAAC,MAAM;QAAAG,QAAA,eAC7C,IAAAC,eAAA,EAACI,aAAK;UAAC1B,IAAI,EAAEP;QAAU,CAAE;MAAC,CACzB,CAAC,gBAEN,IAAA6B,eAAA,EAACN,WAAI;QAACC,KAAK,EAAC,MAAM;QAACC,MAAM,EAAC,MAAM;QAACS,aAAa;QAAC7D,SAAS,EAAEP,KAAK,CAAC,OAAO,CAAE;QAAA8D,QAAA,eACrE,IAAAC,eAAA,EAACM,WAAI;UAACC,KAAK,EAAC,WAAW;UAAAR,QAAA,EAAE/C;QAAU,CAAO;MAAC,CACzC;IACT,CACA,CAAC,eAEN,IAAAgD,eAAA;MAAKxD,SAAS,EAAEP,KAAK,CAAC,OAAO,CAAE;MAAA8D,QAAA,eAC3B,IAAAC,eAAA,EAACQ,gCAAe,MAAAC,sBAAA;QACZlD,OAAO,EAAEL,cAAe;QACxBZ,YAAY,EAAEA,YAAa;QAC3BS,UAAU,EAAEA,UAAW;QACvB2D,kBAAkB,EAAEnB,sBAAuB;QAC3C5C,QAAQ,EAAE0C,YAAa;QACvB3C,QAAQ,EAAE4C;MAAa,GACnBzC,SAAS,CAChB;IAAC,CACD,CAAC;EAAA,CACJ,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/modules/ChartEditor/i18n/dicts.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    en: {
+        "alert_no-chart-data": string;
+    };
+    ru: {
+        "alert_no-chart-data": string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,3 @@
+{
+  "alert_no-chart-data": "No data for the selected category"
+}

package/build/cjs/modules/ChartEditor/i18n/index.d.ts

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

package/build/cjs/modules/ChartEditor/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:chart-editor', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/modules/ChartEditor/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';\n\nimport dicts from './dicts';\n\nexport default addI18Keysets('qp:chart-editor', dicts);\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,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,iBAAiB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/modules/ChartEditor/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "alert_no-chart-data": "Нет данных для выбранной категории"
+}

package/build/cjs/modules/ChartEditor/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartEditor } from './ChartEditor';
+export type { ChartEditorProps } from './types';