@gravity-ui/querieskit 1.0.3 → 1.1.0

package/build/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumbs = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.slice.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");
+require("core-js/modules/es.string.ends-with.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _parsePathSegments = require("./helpers/parsePathSegments");
+var _PathEditor = require("../PathEditor");
+var _i18n = _interopRequireDefault(require("./i18n"));
+require("./Breadcrumbs.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 FolderTreeIcon = function FolderTreeIcon(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.5 13.5v-3A.5.5 0 0 1 8 10h.672a.5.5 0 0 1 .353.146l.414.415.44.439H13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H8a.5.5 0 0 1-.5-.5M6 13H4.5a3 3 0 0 1-3-3V1.25a.75.75 0 0 1 1.5 0V2a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5H4.5A3 3 0 0 1 3 4.599V10a1.5 1.5 0 0 0 1.5 1.5H6v-1a2 2 0 0 1 2-2h.672a2 2 0 0 1 1.414.586l.414.414H13a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm1.5-8.75V5.5A.5.5 0 0 0 8 6h5a.5.5 0 0 0 .5-.5v-2A.5.5 0 0 0 13 3H9.879l-.44-.44-.414-.414A.5.5 0 0 0 8.672 2H8a.5.5 0 0 0-.5.5z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+FolderTreeIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var PencilIcon = function PencilIcon(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.423 1A3.577 3.577 0 0 1 15 4.577c0 .27-.108.53-.3.722l-.528.529-1.971 1.971-5.059 5.059a3 3 0 0 1-1.533.82l-2.638.528a1 1 0 0 1-1.177-1.177l.528-2.638a3 3 0 0 1 .82-1.533l5.059-5.059 2.5-2.5c.191-.191.451-.299.722-.299m-2.31 4.009-4.91 4.91a1.5 1.5 0 0 0-.41.766l-.38 1.903 1.902-.38a1.5 1.5 0 0 0 .767-.41l4.91-4.91a2.08 2.08 0 0 0-1.88-1.88m3.098.658a3.6 3.6 0 0 0-1.878-1.879l1.28-1.28c.995.09 1.788.884 1.878 1.88z",
+      clipRule: "evenodd"
+    })
+  }));
+};
+PencilIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var block = (0, _bemCnLite.default)('qp-breadcrumbs');
+var Breadcrumbs = exports.Breadcrumbs = function Breadcrumbs(_ref) {
+  var location = _ref.location,
+    hideResetButton = _ref.hideResetButton,
+    onUpdate = _ref.onUpdate,
+    onLoadSuggestions = _ref.onLoadSuggestions,
+    className = _ref.className;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    edit = _useState2[0],
+    setEdit = _useState2[1];
+  var cluster = location.cluster,
+    path = location.path;
+  var ROOT_PATH = undefined;
+  var items = cluster ? [{
+    path: ROOT_PATH,
+    title: cluster
+  }].concat((0, _toConsumableArray2.default)((0, _parsePathSegments.parsePathSegments)(path))) : [];
+  var handleReset = function handleReset() {
+    onUpdate({
+      cluster: undefined,
+      path: undefined
+    });
+  };
+  var handleCancelEdit = function handleCancelEdit() {
+    setEdit(false);
+  };
+  var handleOnSubmit = function handleOnSubmit(nextPath) {
+    var normalizedPath = nextPath.endsWith('/') ? nextPath.slice(0, -1) : nextPath;
+    onUpdate({
+      cluster: cluster,
+      path: normalizedPath || undefined
+    });
+    setEdit(false);
+  };
+  if (edit) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Flex, {
+      grow: true,
+      minWidth: 0,
+      className: block(null, className),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PathEditor.PathEditor, {
+        className: block('path-editor'),
+        defaultPath: path !== null && path !== void 0 ? path : '',
+        autoFocus: true,
+        cluster: cluster,
+        onLoadSuggestions: onLoadSuggestions,
+        onApply: handleOnSubmit,
+        onCancel: handleCancelEdit,
+        onBlur: handleCancelEdit,
+        onFocus: function onFocus(event) {
+          return event.currentTarget.select();
+        }
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    gap: 1,
+    alignItems: "center",
+    grow: true,
+    minWidth: 0,
+    className: block(null, className),
+    children: [!hideResetButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+      view: "flat",
+      onClick: handleReset,
+      "aria-label": (0, _i18n.default)('action_reset'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: FolderTreeIcon,
+        size: 16
+      })
+    }), items.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      alignItems: "center",
+      minWidth: 0,
+      overflow: "hidden",
+      gap: items.length > 1 ? undefined : 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        color: "secondary",
+        children: "/"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Breadcrumbs, {
+        showRoot: true,
+        className: block('list'),
+        maxItems: 3,
+        children: items.map(function (item, index) {
+          var _item$path;
+          var isLast = index === items.length - 1;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Breadcrumbs.Item, {
+            disabled: isLast,
+            onClick: isLast ? undefined : function () {
+              return onUpdate({
+                cluster: cluster,
+                path: item.path
+              });
+            },
+            children: item.title
+          }, (_item$path = item.path) !== null && _item$path !== void 0 ? _item$path : 'root');
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        view: "flat",
+        className: block('edit-button'),
+        onClick: function onClick() {
+          return setEdit(true);
+        },
+        "aria-label": (0, _i18n.default)('action_edit-path'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: PencilIcon,
+          size: 16
+        })
+      })]
+    }) : null]
+  });
+};
+// #sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_bemCnLite","_interopRequireDefault","_parsePathSegments","_PathEditor","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FolderTreeIcon","props","_jsx","_objectSpread","children","fill","fillRule","d","clipRule","defaultProps","xmlns","width","height","viewBox","PencilIcon","block","cn","Breadcrumbs","exports","_ref","location","hideResetButton","onUpdate","onLoadSuggestions","className","_useState","useState","_useState2","_slicedToArray","edit","setEdit","cluster","path","ROOT_PATH","undefined","items","title","concat","_toConsumableArray","parsePathSegments","handleReset","handleCancelEdit","handleOnSubmit","nextPath","normalizedPath","endsWith","slice","Flex","grow","minWidth","PathEditor","defaultPath","autoFocus","onApply","onCancel","onBlur","onFocus","event","currentTarget","select","_jsxs","gap","alignItems","Button","view","onClick","i18n","Icon","data","size","length","overflow","Text","color","GravityBreadcrumbs","showRoot","maxItems","map","item","index","_item$path","isLast","Item","disabled"],"sources":["Breadcrumbs.tsx"],"sourcesContent":["import React, {FC, useState} from 'react';\nimport {Button, Flex, Breadcrumbs as GravityBreadcrumbs, Icon, Text} from '@gravity-ui/uikit';\nimport FolderTreeIcon from '@gravity-ui/icons/svgs/folder-tree.svg';\nimport PencilIcon from '@gravity-ui/icons/svgs/pencil.svg';\nimport cn from 'bem-cn-lite';\nimport {parsePathSegments} from './helpers/parsePathSegments';\nimport {NavigationLocation} from '../../types/navigation';\nimport type {LoadPathSuggestions} from '../../types/pathEditor';\nimport {PathEditor} from '../PathEditor';\nimport i18n from './i18n';\nimport './Breadcrumbs.scss';\n\nexport type BreadcrumbsProps = {\n    location: NavigationLocation;\n    hideResetButton?: boolean;\n    className?: string;\n    onUpdate: (location: NavigationLocation) => void;\n    onLoadSuggestions?: LoadPathSuggestions;\n};\n\nconst block = cn('qp-breadcrumbs');\n\nexport const Breadcrumbs: FC<BreadcrumbsProps> = ({\n    location,\n    hideResetButton,\n    onUpdate,\n    onLoadSuggestions,\n    className,\n}) => {\n    const [edit, setEdit] = useState(false);\n\n    const {cluster, path} = location;\n    const ROOT_PATH = undefined;\n    const items = cluster ? [{path: ROOT_PATH, title: cluster}, ...parsePathSegments(path)] : [];\n\n    const handleReset = () => {\n        onUpdate({cluster: undefined, path: undefined});\n    };\n\n    const handleCancelEdit = () => {\n        setEdit(false);\n    };\n\n    const handleOnSubmit = (nextPath: string) => {\n        const normalizedPath = nextPath.endsWith('/') ? nextPath.slice(0, -1) : nextPath;\n        onUpdate({cluster, path: normalizedPath || undefined});\n        setEdit(false);\n    };\n\n    if (edit) {\n        return (\n            <Flex grow minWidth={0} className={block(null, className)}>\n                <PathEditor\n                    className={block('path-editor')}\n                    defaultPath={path ?? ''}\n                    autoFocus\n                    cluster={cluster}\n                    onLoadSuggestions={onLoadSuggestions}\n                    onApply={handleOnSubmit}\n                    onCancel={handleCancelEdit}\n                    onBlur={handleCancelEdit}\n                    onFocus={(event) => event.currentTarget.select()}\n                />\n            </Flex>\n        );\n    }\n\n    return (\n        <Flex gap={1} alignItems=\"center\" grow minWidth={0} className={block(null, className)}>\n            {!hideResetButton && (\n                <Button view=\"flat\" onClick={handleReset} aria-label={i18n('action_reset')}>\n                    <Icon data={FolderTreeIcon} size={16} />\n                </Button>\n            )}\n            {items.length > 0 ? (\n                <Flex\n                    alignItems=\"center\"\n                    minWidth={0}\n                    overflow=\"hidden\"\n                    gap={items.length > 1 ? undefined : 1}\n                >\n                    <Text color=\"secondary\">/</Text>\n                    <GravityBreadcrumbs showRoot className={block('list')} maxItems={3}>\n                        {items.map((item, index) => {\n                            const isLast = index === items.length - 1;\n\n                            return (\n                                <GravityBreadcrumbs.Item\n                                    key={item.path ?? 'root'}\n                                    disabled={isLast}\n                                    onClick={\n                                        isLast\n                                            ? undefined\n                                            : () => onUpdate({cluster, path: item.path})\n                                    }\n                                >\n                                    {item.title}\n                                </GravityBreadcrumbs.Item>\n                            );\n                        })}\n                    </GravityBreadcrumbs>\n                    <Button\n                        view=\"flat\"\n                        className={block('edit-button')}\n                        onClick={() => setEdit(true)}\n                        aria-label={i18n('action_edit-path')}\n                    >\n                        <Icon data={PencilIcon} size={16} />\n                    </Button>\n                </Flex>\n            ) : null}\n        </Flex>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/Breadcrumbs/helpers/parsePathSegments.d.ts

@@ -0,0 +1,5 @@
+export type BreadcrumbSegment = {
+    path: string;
+    title: string;
+};
+export declare function parsePathSegments(path: string | undefined): BreadcrumbSegment[];

package/build/cjs/components/Breadcrumbs/helpers/parsePathSegments.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parsePathSegments = parsePathSegments;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.filter.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.trim.js");
+function parsePathSegments(path) {
+  if (!path) return [];
+  var parts = path.trim().split('/').filter(Boolean);
+  var pathAcc = '';
+  return parts.map(function (segment) {
+    pathAcc += "/".concat(segment);
+    return {
+      path: pathAcc,
+      title: segment
+    };
+  });
+}
+// #sourceMappingURL=parsePathSegments.js.map

package/build/cjs/components/Breadcrumbs/helpers/parsePathSegments.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parsePathSegments","path","parts","trim","split","filter","Boolean","pathAcc","map","segment","concat","title"],"sources":["parsePathSegments.ts"],"sourcesContent":["export type BreadcrumbSegment = {\n    path: string;\n    title: string;\n};\n\nexport function parsePathSegments(path: string | undefined): BreadcrumbSegment[] {\n    if (!path) return [];\n\n    const parts = path.trim().split('/').filter(Boolean);\n\n    let pathAcc = '';\n    return parts.map((segment) => {\n        pathAcc += `/${segment}`;\n        return {path: pathAcc, title: segment};\n    });\n}\n"],"mappings":";;;;;;;;;;;;;AAKO,SAASA,iBAAiBA,CAACC,IAAwB,EAAuB;EAC7E,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE;EAEpB,IAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;EAEpD,IAAIC,OAAO,GAAG,EAAE;EAChB,OAAOL,KAAK,CAACM,GAAG,CAAC,UAACC,OAAO,EAAK;IAC1BF,OAAO,QAAAG,MAAA,CAAQD,OAAO,CAAE;IACxB,OAAO;MAACR,IAAI,EAAEM,OAAO;MAAEI,KAAK,EAAEF;IAAO,CAAC;EAC1C,CAAC,CAAC;AACN","ignoreList":[]}

package/build/cjs/components/Breadcrumbs/i18n/dicts.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    en: {
+        action_reset: string;
+        "action_edit-path": string;
+    };
+    ru: {
+        action_reset: string;
+        "action_edit-path": string;
+    };
+};
+export default _default;

package/build/cjs/components/Breadcrumbs/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "action_reset": "Reset navigation",
+  "action_edit-path": "Edit path"
+}

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

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

package/build/cjs/components/{HistoryListEmpty → Breadcrumbs}/i18n/index.js

@@ -7,5 +7,5 @@ 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:history-list-empty', _dicts.default);
+var _default = exports.default = (0, _i18n.addI18Keysets)('qp:breadcrumbs', _dicts.default);
 // #sourceMappingURL=index.js.map

package/build/cjs/components/Breadcrumbs/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:breadcrumbs', 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,gBAAgB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/components/Breadcrumbs/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "action_reset": "Сбросить навигацию",
+  "action_edit-path": "Редактировать путь"
+}

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

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

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

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

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

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

package/build/cjs/components/Chart/Chart.css

@@ -0,0 +1,40 @@
+.qp-chart {
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--g-color-base-background);
+}
+.qp-chart_fullscreen {
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  z-index: var(--z-index-overlay, 1000);
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.qp-chart__controls {
+  position: absolute;
+  z-index: 1;
+  top: var(--g-spacing-2);
+  right: var(--g-spacing-2);
+  display: flex;
+  gap: var(--g-spacing-1);
+  background: var(--g-color-base-background);
+  border-radius: var(--g-border-radius-m);
+}
+@media (hover: hover) {
+  .qp-chart__controls_visibility_hover {
+    opacity: 0;
+    pointer-events: none;
+  }
+  .qp-chart:hover .qp-chart__controls_visibility_hover, .qp-chart:focus-within .qp-chart__controls_visibility_hover {
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+/*# sourceMappingURL=Chart.css.map */

package/build/cjs/components/Chart/Chart.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Chart.scss"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,0CAAA;AACJ;AACI;EACI,YAAA;EACA,aAAA;EACA,aAAA;EAAA,qCAAA;EACA,eAAA;EACA,MAAA;EAAA,QAAA;EAAA,SAAA;EAAA,OAAA;AACR;AAEI;EACI,kBAAA;EACA,UAAA;EACA,uBAAA;EACA,yBAAA;EACA,aAAA;EACA,uBAAA;EACA,0CAAA;EACA,uCAAA;AAAR;AAGI;EACI;IACI,UAAA;IACA,oBAAA;EADV;EAIM;IAEI,UAAA;IACA,oBAAA;EAHV;AACF","file":"Chart.css","sourcesContent":[".qp-chart {\n    position: relative;\n    min-width: 0;\n    min-height: 0;\n    width: 100%;\n    height: 100%;\n    background: var(--g-color-base-background);\n\n    &_fullscreen {\n        width: 100vw;\n        height: 100vh;\n        z-index: var(--z-index-overlay, 1000);\n        position: fixed;\n        inset: 0;\n    }\n\n    &__controls {\n        position: absolute;\n        z-index: 1;\n        inset-block-start: var(--g-spacing-2);\n        inset-inline-end: var(--g-spacing-2);\n        display: flex;\n        gap: var(--g-spacing-1);\n        background: var(--g-color-base-background);\n        border-radius: var(--g-border-radius-m);\n    }\n\n    @media (hover: hover) {\n        &__controls_visibility_hover {\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        &:hover &__controls_visibility_hover,\n        &:focus-within &__controls_visibility_hover {\n            opacity: 1;\n            pointer-events: auto;\n        }\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type ChartRef, type ChartProps as GravityChartProps } from '@gravity-ui/charts';
+import './Chart.scss';
+export type ChartAction = {
+    text: React.ReactNode;
+    icon?: React.ReactNode;
+    hidden?: boolean;
+    disabled?: boolean;
+    onClick: () => void;
+};
+export type ChartProps = GravityChartProps & {
+    actions?: readonly ChartAction[];
+    onPencilEdit?: () => void;
+    controlsVisibility?: 'always' | 'hover';
+    className?: string;
+};
+export declare const Chart: React.ForwardRefExoticComponent<GravityChartProps & {
+    actions?: readonly ChartAction[];
+    onPencilEdit?: () => void;
+    controlsVisibility?: "always" | "hover";
+    className?: string;
+} & React.RefAttributes<ChartRef>>;

package/build/cjs/components/Chart/Chart.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Chart = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.iterator.some.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _charts = require("@gravity-ui/charts");
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _i18n = _interopRequireDefault(require("./i18n"));
+require("./Chart.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 _excluded = ["actions", "onPencilEdit", "controlsVisibility", "className"];
+var block = (0, _bemCnLite.default)('qp-chart');
+var Chart = exports.Chart = /*#__PURE__*/_react.default.forwardRef(function ChartComponent(_ref, ref) {
+  var _actions$some, _containerRef$current, _containerRef$current2;
+  var actions = _ref.actions,
+    onPencilEdit = _ref.onPencilEdit,
+    _ref$controlsVisibili = _ref.controlsVisibility,
+    controlsVisibility = _ref$controlsVisibili === void 0 ? 'always' : _ref$controlsVisibili,
+    className = _ref.className,
+    chartProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var containerRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isFullscreen = _useState2[0],
+    setIsFullscreen = _useState2[1];
+  var handleFullscreenToggle = (0, _react.useCallback)(function () {
+    setIsFullscreen(function (value) {
+      return !value;
+    });
+  }, []);
+  var menuItems = (0, _react.useMemo)(function () {
+    return actions === null || actions === void 0 ? void 0 : actions.map(function (_ref2) {
+      var text = _ref2.text,
+        icon = _ref2.icon,
+        hidden = _ref2.hidden,
+        disabled = _ref2.disabled,
+        onClick = _ref2.onClick;
+      return {
+        text: text,
+        iconStart: icon,
+        hidden: hidden,
+        disabled: disabled,
+        action: onClick
+      };
+    });
+  }, [actions]);
+  var hasVisibleActions = (_actions$some = actions === null || actions === void 0 ? void 0 : actions.some(function (_ref3) {
+    var hidden = _ref3.hidden;
+    return !hidden;
+  })) !== null && _actions$some !== void 0 ? _actions$some : false;
+  var fullscreenLabel = isFullscreen ? (0, _i18n.default)('action_exit-fullscreen') : (0, _i18n.default)('action_enter-fullscreen');
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Portal, {
+    container: (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.ownerDocument.body,
+    disablePortal: !isFullscreen,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ref: containerRef,
+      className: block({
+        fullscreen: isFullscreen
+      }, className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: block('controls', {
+          visibility: controlsVisibility
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+          type: "button",
+          view: "flat-secondary",
+          size: "s",
+          "aria-label": fullscreenLabel,
+          title: fullscreenLabel,
+          onClick: handleFullscreenToggle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+            data: isFullscreen ? _icons.ChevronsCollapseUpRight : _icons.ChevronsExpandUpRight,
+            size: 16
+          })
+        }), onPencilEdit && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+          type: "button",
+          view: "flat-secondary",
+          size: "s",
+          "aria-label": (0, _i18n.default)('action_edit-chart'),
+          title: (0, _i18n.default)('action_edit-chart'),
+          onClick: onPencilEdit,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+            data: _icons.Pencil,
+            size: 16
+          })
+        }), hasVisibleActions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.DropdownMenu, {
+          items: menuItems,
+          size: "s",
+          popupProps: {
+            container: isFullscreen ? (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.ownerDocument.body : undefined
+          },
+          renderSwitcher: function renderSwitcher(switcherProps) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, switcherProps), {}, {
+              type: "button",
+              view: "flat",
+              size: "s",
+              "aria-label": (0, _i18n.default)('action_open-chart-menu'),
+              title: (0, _i18n.default)('action_open-chart-menu'),
+              "aria-haspopup": "menu",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+                data: _icons.Ellipsis,
+                size: 16
+              })
+            }));
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_charts.Chart, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, chartProps), {}, {
+        ref: ref
+      }))]
+    })
+  });
+});
+// #sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_charts","_icons","_uikit","_bemCnLite","_interopRequireDefault","_i18n","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","Chart","exports","React","forwardRef","ChartComponent","_ref","ref","_actions$some","_containerRef$current","_containerRef$current2","actions","onPencilEdit","_ref$controlsVisibili","controlsVisibility","className","chartProps","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","isFullscreen","setIsFullscreen","handleFullscreenToggle","useCallback","value","menuItems","useMemo","map","_ref2","text","icon","hidden","disabled","onClick","iconStart","action","hasVisibleActions","some","_ref3","fullscreenLabel","i18n","_jsx","Portal","container","current","ownerDocument","body","disablePortal","children","_jsxs","fullscreen","visibility","Button","type","view","size","title","Icon","data","ChevronsCollapseUpRight","ChevronsExpandUpRight","Pencil","DropdownMenu","items","popupProps","undefined","renderSwitcher","switcherProps","_objectSpread","Ellipsis","GravityChart"],"sources":["Chart.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useRef, useState} from 'react';\nimport {\n    type ChartRef,\n    Chart as GravityChart,\n    type ChartProps as GravityChartProps,\n} from '@gravity-ui/charts';\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight, Ellipsis, Pencil} from '@gravity-ui/icons';\nimport {Button, DropdownMenu, type DropdownMenuItem, Icon, Portal} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport i18n from './i18n';\n\nimport './Chart.scss';\n\nconst block = cn('qp-chart');\n\nexport type ChartAction = {\n    text: React.ReactNode;\n    icon?: React.ReactNode;\n    hidden?: boolean;\n    disabled?: boolean;\n    onClick: () => void;\n};\n\nexport type ChartProps = GravityChartProps & {\n    actions?: readonly ChartAction[];\n    onPencilEdit?: () => void;\n    controlsVisibility?: 'always' | 'hover';\n    className?: string;\n};\n\nexport const Chart = React.forwardRef<ChartRef, ChartProps>(function ChartComponent(\n    {actions, onPencilEdit, controlsVisibility = 'always', className, ...chartProps},\n    ref,\n) {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [isFullscreen, setIsFullscreen] = useState(false);\n\n    const handleFullscreenToggle = useCallback(() => {\n        setIsFullscreen((value) => !value);\n    }, []);\n\n    const menuItems = useMemo(\n        () =>\n            actions?.map<DropdownMenuItem>(({text, icon, hidden, disabled, onClick}) => ({\n                text,\n                iconStart: icon,\n                hidden,\n                disabled,\n                action: onClick,\n            })),\n        [actions],\n    );\n    const hasVisibleActions = actions?.some(({hidden}) => !hidden) ?? false;\n    const fullscreenLabel = isFullscreen\n        ? i18n('action_exit-fullscreen')\n        : i18n('action_enter-fullscreen');\n\n    return (\n        <Portal container={containerRef.current?.ownerDocument.body} disablePortal={!isFullscreen}>\n            <div ref={containerRef} className={block({fullscreen: isFullscreen}, className)}>\n                <div className={block('controls', {visibility: controlsVisibility})}>\n                    <Button\n                        type=\"button\"\n                        view=\"flat-secondary\"\n                        size=\"s\"\n                        aria-label={fullscreenLabel}\n                        title={fullscreenLabel}\n                        onClick={handleFullscreenToggle}\n                    >\n                        <Icon\n                            data={isFullscreen ? ChevronsCollapseUpRight : ChevronsExpandUpRight}\n                            size={16}\n                        />\n                    </Button>\n\n                    {onPencilEdit && (\n                        <Button\n                            type=\"button\"\n                            view=\"flat-secondary\"\n                            size=\"s\"\n                            aria-label={i18n('action_edit-chart')}\n                            title={i18n('action_edit-chart')}\n                            onClick={onPencilEdit}\n                        >\n                            <Icon data={Pencil} size={16} />\n                        </Button>\n                    )}\n\n                    {hasVisibleActions && (\n                        <DropdownMenu\n                            items={menuItems}\n                            size=\"s\"\n                            popupProps={{\n                                container: isFullscreen\n                                    ? containerRef.current?.ownerDocument.body\n                                    : undefined,\n                            }}\n                            renderSwitcher={(switcherProps) => (\n                                <Button\n                                    {...switcherProps}\n                                    type=\"button\"\n                                    view=\"flat\"\n                                    size=\"s\"\n                                    aria-label={i18n('action_open-chart-menu')}\n                                    title={i18n('action_open-chart-menu')}\n                                    aria-haspopup=\"menu\"\n                                >\n                                    <Icon data={Ellipsis} size={16} />\n                                </Button>\n                            )}\n                        />\n                    )}\n                </div>\n\n                <GravityChart {...chartProps} ref={ref} />\n            </div>\n        </Portal>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/Chart/Chart.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Chart } from './Chart';
+declare const meta: Meta<typeof Chart>;
+export default meta;
+type Story = StoryObj<typeof Chart>;
+export declare const Default: Story;
+export declare const ControlsOnHover: Story;
+export declare const WithoutOptionalActions: Story;

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithoutOptionalActions = exports.Default = exports.ControlsOnHover = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _actions = require("storybook/actions");
+var _Chart = require("./Chart");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var data = {
+  title: {
+    text: 'Query duration'
+  },
+  xAxis: {
+    type: 'category',
+    categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
+  },
+  series: {
+    data: [{
+      type: 'line',
+      name: 'Duration',
+      data: [{
+        x: 0,
+        y: 12
+      }, {
+        x: 1,
+        y: 18
+      }, {
+        x: 2,
+        y: 10
+      }, {
+        x: 3,
+        y: 24
+      }, {
+        x: 4,
+        y: 16
+      }]
+    }]
+  }
+};
+var meta = {
+  title: 'Components/Chart',
+  component: _Chart.Chart,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  args: {
+    data: data,
+    controlsVisibility: 'always',
+    onPencilEdit: (0, _actions.action)('onPencilEdit'),
+    actions: [{
+      text: 'Duplicate',
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: _icons.Copy,
+        size: 16
+      }),
+      onClick: (0, _actions.action)('duplicate')
+    }, {
+      text: 'Delete',
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+        data: _icons.TrashBin,
+        size: 16
+      }),
+      onClick: (0, _actions.action)('delete')
+    }]
+  },
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: 400
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chart.Chart, (0, _objectSpread2.default)({}, args))
+    });
+  }
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {};
+var ControlsOnHover = exports.ControlsOnHover = {
+  args: {
+    controlsVisibility: 'hover'
+  }
+};
+var WithoutOptionalActions = exports.WithoutOptionalActions = {
+  args: {
+    actions: undefined,
+    onPencilEdit: undefined
+  }
+};
+// #sourceMappingURL=Chart.stories.js.map