@gravity-ui/querieskit 1.0.3 → 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_icons","_uikit","_actions","_Chart","_jsxRuntime","e","__esModule","default","data","title","text","xAxis","type","categories","series","name","x","y","meta","component","Chart","tags","parameters","layout","args","controlsVisibility","onPencilEdit","action","actions","icon","_jsx","Icon","Copy","size","onClick","TrashBin","render","style","height","children","_objectSpread","_default","exports","Default","ControlsOnHover","WithoutOptionalActions","undefined"],"sources":["Chart.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport type {ChartData} from '@gravity-ui/charts';\nimport {Copy, TrashBin} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport {action} from 'storybook/actions';\n\nimport {Chart} from './Chart';\n\nconst data: ChartData = {\n    title: {text: 'Query duration'},\n    xAxis: {type: 'category', categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']},\n    series: {\n        data: [\n            {\n                type: 'line',\n                name: 'Duration',\n                data: [\n                    {x: 0, y: 12},\n                    {x: 1, y: 18},\n                    {x: 2, y: 10},\n                    {x: 3, y: 24},\n                    {x: 4, y: 16},\n                ],\n            },\n        ],\n    },\n};\n\nconst meta: Meta<typeof Chart> = {\n    title: 'Components/Chart',\n    component: Chart,\n    tags: ['autodocs'],\n    parameters: {layout: 'padded'},\n    args: {\n        data,\n        controlsVisibility: 'always',\n        onPencilEdit: action('onPencilEdit'),\n        actions: [\n            {\n                text: 'Duplicate',\n                icon: <Icon data={Copy} size={16} />,\n                onClick: action('duplicate'),\n            },\n            {\n                text: 'Delete',\n                icon: <Icon data={TrashBin} size={16} />,\n                onClick: action('delete'),\n            },\n        ],\n    },\n    render: (args) => (\n        <div style={{height: 400}}>\n            <Chart {...args} />\n        </div>\n    ),\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Chart>;\n\nexport const Default: Story = {};\n\nexport const ControlsOnHover: Story = {\n    args: {\n        controlsVisibility: 'hover',\n    },\n};\n\nexport const WithoutOptionalActions: Story = {\n    args: {\n        actions: undefined,\n        onPencilEdit: undefined,\n    },\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AAA8B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,IAAMG,IAAe,GAAG;EACpBC,KAAK,EAAE;IAACC,IAAI,EAAE;EAAgB,CAAC;EAC/BC,KAAK,EAAE;IAACC,IAAI,EAAE,UAAU;IAAEC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;EAAC,CAAC;EAC1EC,MAAM,EAAE;IACJN,IAAI,EAAE,CACF;MACII,IAAI,EAAE,MAAM;MACZG,IAAI,EAAE,UAAU;MAChBP,IAAI,EAAE,CACF;QAACQ,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,EACb;QAACD,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,EACb;QAACD,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,EACb;QAACD,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,EACb;QAACD,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC;IAErB,CAAC;EAET;AACJ,CAAC;AAED,IAAMC,IAAwB,GAAG;EAC7BT,KAAK,EAAE,kBAAkB;EACzBU,SAAS,EAAEC,YAAK;EAChBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IAACC,MAAM,EAAE;EAAQ,CAAC;EAC9BC,IAAI,EAAE;IACFhB,IAAI,EAAJA,IAAI;IACJiB,kBAAkB,EAAE,QAAQ;IAC5BC,YAAY,EAAE,IAAAC,eAAM,EAAC,cAAc,CAAC;IACpCC,OAAO,EAAE,CACL;MACIlB,IAAI,EAAE,WAAW;MACjBmB,IAAI,eAAE,IAAAC,eAAA,EAACC,WAAI;QAACvB,IAAI,EAAEwB,WAAK;QAACC,IAAI,EAAE;MAAG,CAAE,CAAC;MACpCC,OAAO,EAAE,IAAAP,eAAM,EAAC,WAAW;IAC/B,CAAC,EACD;MACIjB,IAAI,EAAE,QAAQ;MACdmB,IAAI,eAAE,IAAAC,eAAA,EAACC,WAAI;QAACvB,IAAI,EAAE2B,eAAS;QAACF,IAAI,EAAE;MAAG,CAAE,CAAC;MACxCC,OAAO,EAAE,IAAAP,eAAM,EAAC,QAAQ;IAC5B,CAAC;EAET,CAAC;EACDS,MAAM,EAAE,SAARA,MAAMA,CAAGZ,IAAI;IAAA,oBACT,IAAAM,eAAA;MAAKO,KAAK,EAAE;QAACC,MAAM,EAAE;MAAG,CAAE;MAAAC,QAAA,eACtB,IAAAT,eAAA,EAACV,YAAK,MAAAoB,sBAAA,MAAKhB,IAAI,CAAG;IAAC,CAClB,CAAC;EAAA;AAEd,CAAC;AAAA,IAAAiB,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAEcW,IAAI;AAGZ,IAAMyB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG,CAAC,CAAC;AAEzB,IAAMC,eAAsB,GAAAF,OAAA,CAAAE,eAAA,GAAG;EAClCpB,IAAI,EAAE;IACFC,kBAAkB,EAAE;EACxB;AACJ,CAAC;AAEM,IAAMoB,sBAA6B,GAAAH,OAAA,CAAAG,sBAAA,GAAG;EACzCrB,IAAI,EAAE;IACFI,OAAO,EAAEkB,SAAS;IAClBpB,YAAY,EAAEoB;EAClB;AACJ,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+declare const _default: {
+    en: {
+        "action_enter-fullscreen": string;
+        "action_exit-fullscreen": string;
+        "action_edit-chart": string;
+        "action_open-chart-menu": string;
+    };
+    ru: {
+        "action_enter-fullscreen": string;
+        "action_exit-fullscreen": string;
+        "action_edit-chart": string;
+        "action_open-chart-menu": string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+{
+  "action_enter-fullscreen": "Enter fullscreen",
+  "action_exit-fullscreen": "Exit fullscreen",
+  "action_edit-chart": "Edit chart",
+  "action_open-chart-menu": "Open chart menu"
+}

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

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

package/build/cjs/components/Chart/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', _dicts.default);
+// #sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,6 @@
+{
+  "action_enter-fullscreen": "Развернуть на весь экран",
+  "action_exit-fullscreen": "Выйти из полноэкранного режима",
+  "action_edit-chart": "Редактировать график",
+  "action_open-chart-menu": "Открыть меню графика"
+}

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

@@ -0,0 +1,2 @@
+export { Chart } from './Chart';
+export type { ChartAction, ChartProps } from './Chart';

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

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

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

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

package/build/cjs/components/ChartEditorForm/ChartEditorForm.css

@@ -0,0 +1,18 @@
+.qp-chart-editor-form {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: 16px;
+  overflow-y: auto;
+}
+.qp-chart-editor-form__title {
+  margin: 0;
+}
+.qp-chart-editor-form__fields {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.qp-chart-editor-form__actions {
+  margin-top: auto;
+}
+/*# sourceMappingURL=ChartEditorForm.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ChartEditorForm.scss"],"names":[],"mappings":"AAAA;EACI,sBAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,gBAAA;AACJ;AACI;EACI,SAAA;AACR;AAEI;EACI,cAAA;EACA,aAAA;AAAR;AAGI;EACI,gBAAA;AADR","file":"ChartEditorForm.css","sourcesContent":[".qp-chart-editor-form {\n    box-sizing: border-box;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n    overflow-y: auto;\n\n    &__title {\n        margin: 0;\n    }\n\n    &__fields {\n        flex: 1 1 auto;\n        min-height: 0;\n    }\n\n    &__actions {\n        margin-top: auto;\n    }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChartEditorFormProps } from './types';
+import './ChartEditorForm.scss';
+export declare function ChartEditorForm({ dataIds, axisVariants, labels, className, formValues, onFormValuesChange, disabled, onCancel, onSubmit, }: ChartEditorFormProps): React.JSX.Element;

package/build/cjs/components/ChartEditorForm/ChartEditorForm.js

@@ -0,0 +1,160 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartEditorForm = ChartEditorForm;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _Field = require("./internal/Field");
+var _resolveLabels = require("./helpers/resolveLabels");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./ChartEditorForm.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-form');
+function ChartEditorForm(_ref) {
+  var dataIds = _ref.dataIds,
+    axisVariants = _ref.axisVariants,
+    labels = _ref.labels,
+    className = _ref.className,
+    formValues = _ref.formValues,
+    onFormValuesChange = _ref.onFormValuesChange,
+    disabled = _ref.disabled,
+    onCancel = _ref.onCancel,
+    onSubmit = _ref.onSubmit;
+  var updateFormValues = function updateFormValues(patch) {
+    onFormValuesChange === null || onFormValuesChange === void 0 || onFormValuesChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formValues), patch));
+  };
+  var axisOptions = (0, _react.useMemo)(function () {
+    return axisVariants === null || axisVariants === void 0 ? void 0 : axisVariants.map(function (axisType) {
+      return {
+        value: axisType,
+        children: axisType
+      };
+    });
+  }, [axisVariants]);
+  var dataIdsOptions = (0, _react.useMemo)(function () {
+    return dataIds === null || dataIds === void 0 ? void 0 : dataIds.map(function (dataId) {
+      return {
+        value: dataId,
+        children: dataId
+      };
+    });
+  }, [dataIds]);
+  var resolvedLables = (0, _resolveLabels.resolveLabels)(labels);
+  var needShowDataIdsSelector = (dataIdsOptions === null || dataIdsOptions === void 0 ? void 0 : dataIdsOptions.length) && (dataIdsOptions === null || dataIdsOptions === void 0 ? void 0 : dataIdsOptions.length) > 1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    as: "aside",
+    direction: "column",
+    gap: 3,
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      as: "h2",
+      variant: "subheader-2",
+      className: block('title'),
+      children: resolvedLables.formTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      direction: "column",
+      gap: 3,
+      className: block('fields'),
+      children: [needShowDataIdsSelector && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
+        label: resolvedLables.data,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Select, {
+          multiple: true,
+          "aria-label": resolvedLables.data,
+          options: dataIdsOptions,
+          value: formValues.dataIds,
+          onUpdate: function onUpdate(pathDataIds) {
+            return updateFormValues({
+              dataIds: pathDataIds
+            });
+          },
+          disabled: disabled,
+          width: "max"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
+        label: resolvedLables.axisType,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Select, {
+          "aria-label": resolvedLables.axisType,
+          options: axisOptions,
+          value: formValues.axisType ? [formValues.axisType] : [],
+          onUpdate: function onUpdate(axisType) {
+            return updateFormValues({
+              axisType: axisType[0]
+            });
+          },
+          disabled: disabled,
+          width: "max"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
+        label: resolvedLables.chartTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+          "aria-label": resolvedLables.chartTitle,
+          value: formValues.chartTitle,
+          onUpdate: function onUpdate(chartTitle) {
+            return updateFormValues({
+              chartTitle: chartTitle
+            });
+          },
+          disabled: disabled
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
+        label: resolvedLables.xTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+          "aria-label": resolvedLables.xTitle,
+          value: formValues.xTitle,
+          onUpdate: function onUpdate(xTitle) {
+            return updateFormValues({
+              xTitle: xTitle
+            });
+          },
+          disabled: disabled
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
+        label: resolvedLables.yTitle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.TextInput, {
+          "aria-label": resolvedLables.yTitle,
+          value: formValues.yTitle,
+          onUpdate: function onUpdate(yTitle) {
+            return updateFormValues({
+              yTitle: yTitle
+            });
+          },
+          disabled: disabled
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Switch, {
+        checked: Boolean(formValues.showLegend),
+        onUpdate: function onUpdate(showLegend) {
+          return updateFormValues({
+            showLegend: showLegend
+          });
+        },
+        disabled: disabled,
+        content: resolvedLables.showLegend
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      gap: 2,
+      justifyContent: "flex-end",
+      className: block('actions'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        view: "flat",
+        onClick: onCancel,
+        disabled: disabled,
+        children: resolvedLables.cancel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+        view: "action",
+        onClick: onSubmit,
+        disabled: disabled,
+        children: resolvedLables.submit
+      })]
+    })]
+  });
+}
+// #sourceMappingURL=ChartEditorForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_Field","_resolveLabels","_bemCnLite","_interopRequireDefault","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","ChartEditorForm","_ref","dataIds","axisVariants","labels","className","formValues","onFormValuesChange","disabled","onCancel","onSubmit","updateFormValues","patch","_objectSpread","axisOptions","useMemo","map","axisType","value","children","dataIdsOptions","dataId","resolvedLables","resolveLabels","needShowDataIdsSelector","length","_jsxs","Flex","as","direction","gap","_jsx","Text","variant","formTitle","Field","label","data","Select","multiple","options","onUpdate","pathDataIds","width","chartTitle","TextInput","xTitle","yTitle","Switch","checked","Boolean","showLegend","content","justifyContent","Button","view","onClick","cancel","submit"],"sources":["ChartEditorForm.tsx"],"sourcesContent":["import React, {useMemo} from 'react';\nimport type {ChartEditorFormProps, ChartEditorFormValues} from './types';\nimport {Button, Flex, Select, Switch, Text, TextInput} from '@gravity-ui/uikit';\nimport {Field} from './internal/Field';\nimport {resolveLabels} from './helpers/resolveLabels';\nimport {ChartAxisType} from '@gravity-ui/charts';\nimport cn from 'bem-cn-lite';\nimport './ChartEditorForm.scss';\n\nconst block = cn('qp-chart-editor-form');\n\nexport function ChartEditorForm({\n    dataIds,\n    axisVariants,\n    labels,\n    className,\n    formValues,\n    onFormValuesChange,\n    disabled,\n    onCancel,\n    onSubmit,\n}: ChartEditorFormProps) {\n    const updateFormValues = (patch: Partial<ChartEditorFormValues>) => {\n        onFormValuesChange?.({...formValues, ...patch});\n    };\n\n    const axisOptions = useMemo(\n        () => axisVariants?.map((axisType) => ({value: axisType, children: axisType})),\n        [axisVariants],\n    );\n\n    const dataIdsOptions = useMemo(\n        () => dataIds?.map((dataId) => ({value: dataId, children: dataId})),\n        [dataIds],\n    );\n\n    const resolvedLables = resolveLabels(labels);\n\n    const needShowDataIdsSelector = dataIdsOptions?.length && dataIdsOptions?.length > 1;\n\n    return (\n        <Flex as=\"aside\" direction=\"column\" gap={3} className={block(null, className)}>\n            <Text as=\"h2\" variant=\"subheader-2\" className={block('title')}>\n                {resolvedLables.formTitle}\n            </Text>\n\n            <Flex direction=\"column\" gap={3} className={block('fields')}>\n                {needShowDataIdsSelector && (\n                    <Field label={resolvedLables.data}>\n                        <Select\n                            multiple\n                            aria-label={resolvedLables.data}\n                            options={dataIdsOptions}\n                            value={formValues.dataIds}\n                            onUpdate={(pathDataIds) => updateFormValues({dataIds: pathDataIds})}\n                            disabled={disabled}\n                            width=\"max\"\n                        />\n                    </Field>\n                )}\n\n                <Field label={resolvedLables.axisType}>\n                    <Select<ChartAxisType>\n                        aria-label={resolvedLables.axisType}\n                        options={axisOptions}\n                        value={formValues.axisType ? [formValues.axisType] : []}\n                        onUpdate={(axisType) =>\n                            updateFormValues({axisType: axisType[0] as ChartAxisType})\n                        }\n                        disabled={disabled}\n                        width=\"max\"\n                    />\n                </Field>\n\n                <Field label={resolvedLables.chartTitle}>\n                    <TextInput\n                        aria-label={resolvedLables.chartTitle}\n                        value={formValues.chartTitle}\n                        onUpdate={(chartTitle) => updateFormValues({chartTitle})}\n                        disabled={disabled}\n                    />\n                </Field>\n\n                <Field label={resolvedLables.xTitle}>\n                    <TextInput\n                        aria-label={resolvedLables.xTitle}\n                        value={formValues.xTitle}\n                        onUpdate={(xTitle) => updateFormValues({xTitle})}\n                        disabled={disabled}\n                    />\n                </Field>\n\n                <Field label={resolvedLables.yTitle}>\n                    <TextInput\n                        aria-label={resolvedLables.yTitle}\n                        value={formValues.yTitle}\n                        onUpdate={(yTitle) => updateFormValues({yTitle})}\n                        disabled={disabled}\n                    />\n                </Field>\n\n                <Switch\n                    checked={Boolean(formValues.showLegend)}\n                    onUpdate={(showLegend) => updateFormValues({showLegend})}\n                    disabled={disabled}\n                    content={resolvedLables.showLegend}\n                />\n            </Flex>\n\n            <Flex gap={2} justifyContent=\"flex-end\" className={block('actions')}>\n                <Button view=\"flat\" onClick={onCancel} disabled={disabled}>\n                    {resolvedLables.cancel}\n                </Button>\n                <Button view=\"action\" onClick={onSubmit} disabled={disabled}>\n                    {resolvedLables.submit}\n                </Button>\n            </Flex>\n        </Flex>\n    );\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AACAA,OAAA;AAAgC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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,SAAAH,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAEhC,IAAMmB,KAAK,GAAG,IAAAC,kBAAE,EAAC,sBAAsB,CAAC;AAEjC,SAASC,eAAeA,CAAAC,IAAA,EAUN;EAAA,IATrBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;IAClBC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAER,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAqC,EAAK;IAChEL,kBAAkB,aAAlBA,kBAAkB,eAAlBA,kBAAkB,KAAAM,sBAAA,MAAAA,sBAAA,MAAOP,UAAU,GAAKM,KAAK,CAAC,CAAC;EACnD,CAAC;EAED,IAAME,WAAW,GAAG,IAAAC,cAAO,EACvB;IAAA,OAAMZ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEa,GAAG,CAAC,UAACC,QAAQ;MAAA,OAAM;QAACC,KAAK,EAAED,QAAQ;QAAEE,QAAQ,EAAEF;MAAQ,CAAC;IAAA,CAAC,CAAC;EAAA,GAC9E,CAACd,YAAY,CACjB,CAAC;EAED,IAAMiB,cAAc,GAAG,IAAAL,cAAO,EAC1B;IAAA,OAAMb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEc,GAAG,CAAC,UAACK,MAAM;MAAA,OAAM;QAACH,KAAK,EAAEG,MAAM;QAAEF,QAAQ,EAAEE;MAAM,CAAC;IAAA,CAAC,CAAC;EAAA,GACnE,CAACnB,OAAO,CACZ,CAAC;EAED,IAAMoB,cAAc,GAAG,IAAAC,4BAAa,EAACnB,MAAM,CAAC;EAE5C,IAAMoB,uBAAuB,GAAG,CAAAJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEK,MAAM,KAAI,CAAAL,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEK,MAAM,IAAG,CAAC;EAEpF,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,EAAE,EAAC,OAAO;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACzB,SAAS,EAAEP,KAAK,CAAC,IAAI,EAAEO,SAAS,CAAE;IAAAc,QAAA,gBAC1E,IAAAY,eAAA,EAACC,WAAI;MAACJ,EAAE,EAAC,IAAI;MAACK,OAAO,EAAC,aAAa;MAAC5B,SAAS,EAAEP,KAAK,CAAC,OAAO,CAAE;MAAAqB,QAAA,EACzDG,cAAc,CAACY;IAAS,CACvB,CAAC,eAEP,IAAAR,gBAAA,EAACC,WAAI;MAACE,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACzB,SAAS,EAAEP,KAAK,CAAC,QAAQ,CAAE;MAAAqB,QAAA,GACvDK,uBAAuB,iBACpB,IAAAO,eAAA,EAACI,YAAK;QAACC,KAAK,EAAEd,cAAc,CAACe,IAAK;QAAAlB,QAAA,eAC9B,IAAAY,eAAA,EAACO,aAAM;UACHC,QAAQ;UACR,cAAYjB,cAAc,CAACe,IAAK;UAChCG,OAAO,EAAEpB,cAAe;UACxBF,KAAK,EAAEZ,UAAU,CAACJ,OAAQ;UAC1BuC,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,WAAW;YAAA,OAAK/B,gBAAgB,CAAC;cAACT,OAAO,EAAEwC;YAAW,CAAC,CAAC;UAAA,CAAC;UACpElC,QAAQ,EAAEA,QAAS;UACnBmC,KAAK,EAAC;QAAK,CACd;MAAC,CACC,CACV,eAED,IAAAZ,eAAA,EAACI,YAAK;QAACC,KAAK,EAAEd,cAAc,CAACL,QAAS;QAAAE,QAAA,eAClC,IAAAY,eAAA,EAACO,aAAM;UACH,cAAYhB,cAAc,CAACL,QAAS;UACpCuB,OAAO,EAAE1B,WAAY;UACrBI,KAAK,EAAEZ,UAAU,CAACW,QAAQ,GAAG,CAACX,UAAU,CAACW,QAAQ,CAAC,GAAG,EAAG;UACxDwB,QAAQ,EAAE,SAAVA,QAAQA,CAAGxB,QAAQ;YAAA,OACfN,gBAAgB,CAAC;cAACM,QAAQ,EAAEA,QAAQ,CAAC,CAAC;YAAkB,CAAC,CAAC;UAAA,CAC7D;UACDT,QAAQ,EAAEA,QAAS;UACnBmC,KAAK,EAAC;QAAK,CACd;MAAC,CACC,CAAC,eAER,IAAAZ,eAAA,EAACI,YAAK;QAACC,KAAK,EAAEd,cAAc,CAACsB,UAAW;QAAAzB,QAAA,eACpC,IAAAY,eAAA,EAACc,gBAAS;UACN,cAAYvB,cAAc,CAACsB,UAAW;UACtC1B,KAAK,EAAEZ,UAAU,CAACsC,UAAW;UAC7BH,QAAQ,EAAE,SAAVA,QAAQA,CAAGG,UAAU;YAAA,OAAKjC,gBAAgB,CAAC;cAACiC,UAAU,EAAVA;YAAU,CAAC,CAAC;UAAA,CAAC;UACzDpC,QAAQ,EAAEA;QAAS,CACtB;MAAC,CACC,CAAC,eAER,IAAAuB,eAAA,EAACI,YAAK;QAACC,KAAK,EAAEd,cAAc,CAACwB,MAAO;QAAA3B,QAAA,eAChC,IAAAY,eAAA,EAACc,gBAAS;UACN,cAAYvB,cAAc,CAACwB,MAAO;UAClC5B,KAAK,EAAEZ,UAAU,CAACwC,MAAO;UACzBL,QAAQ,EAAE,SAAVA,QAAQA,CAAGK,MAAM;YAAA,OAAKnC,gBAAgB,CAAC;cAACmC,MAAM,EAANA;YAAM,CAAC,CAAC;UAAA,CAAC;UACjDtC,QAAQ,EAAEA;QAAS,CACtB;MAAC,CACC,CAAC,eAER,IAAAuB,eAAA,EAACI,YAAK;QAACC,KAAK,EAAEd,cAAc,CAACyB,MAAO;QAAA5B,QAAA,eAChC,IAAAY,eAAA,EAACc,gBAAS;UACN,cAAYvB,cAAc,CAACyB,MAAO;UAClC7B,KAAK,EAAEZ,UAAU,CAACyC,MAAO;UACzBN,QAAQ,EAAE,SAAVA,QAAQA,CAAGM,MAAM;YAAA,OAAKpC,gBAAgB,CAAC;cAACoC,MAAM,EAANA;YAAM,CAAC,CAAC;UAAA,CAAC;UACjDvC,QAAQ,EAAEA;QAAS,CACtB;MAAC,CACC,CAAC,eAER,IAAAuB,eAAA,EAACiB,aAAM;QACHC,OAAO,EAAEC,OAAO,CAAC5C,UAAU,CAAC6C,UAAU,CAAE;QACxCV,QAAQ,EAAE,SAAVA,QAAQA,CAAGU,UAAU;UAAA,OAAKxC,gBAAgB,CAAC;YAACwC,UAAU,EAAVA;UAAU,CAAC,CAAC;QAAA,CAAC;QACzD3C,QAAQ,EAAEA,QAAS;QACnB4C,OAAO,EAAE9B,cAAc,CAAC6B;MAAW,CACtC,CAAC;IAAA,CACA,CAAC,eAEP,IAAAzB,gBAAA,EAACC,WAAI;MAACG,GAAG,EAAE,CAAE;MAACuB,cAAc,EAAC,UAAU;MAAChD,SAAS,EAAEP,KAAK,CAAC,SAAS,CAAE;MAAAqB,QAAA,gBAChE,IAAAY,eAAA,EAACuB,aAAM;QAACC,IAAI,EAAC,MAAM;QAACC,OAAO,EAAE/C,QAAS;QAACD,QAAQ,EAAEA,QAAS;QAAAW,QAAA,EACrDG,cAAc,CAACmC;MAAM,CAClB,CAAC,eACT,IAAA1B,eAAA,EAACuB,aAAM;QAACC,IAAI,EAAC,QAAQ;QAACC,OAAO,EAAE9C,QAAS;QAACF,QAAQ,EAAEA,QAAS;QAAAW,QAAA,EACvDG,cAAc,CAACoC;MAAM,CAClB,CAAC;IAAA,CACP,CAAC;EAAA,CACL,CAAC;AAEf","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ChartEditorForm } from './ChartEditorForm';
+declare const meta: Meta<typeof ChartEditorForm>;
+export default meta;
+type Story = StoryObj<typeof ChartEditorForm>;
+export declare const Default: Story;
+export declare const WithFilledValues: Story;
+export declare const CustomLabels: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithFilledValues = exports.Disabled = exports.Default = exports.CustomLabels = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ChartEditorForm = require("./ChartEditorForm");
+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 meta = {
+  title: 'Components/ChartEditorForm',
+  component: _ChartEditorForm.ChartEditorForm,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  }
+};
+var _default = exports.default = meta;
+var DefaultChartEditor = function DefaultChartEditor() {
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    formValues = _useState2[0],
+    setFormValues = _useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartEditorForm.ChartEditorForm, {
+    axisVariants: ['category', 'datetime', 'linear', 'logarithmic'],
+    formValues: formValues,
+    onFormValuesChange: setFormValues
+  });
+};
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultChartEditor, {});
+  }
+};
+var DefaultValuesChartEditor = function DefaultValuesChartEditor() {
+  var _useState3 = (0, _react.useState)({
+      xTitle: 'Time',
+      yTitle: 'Count',
+      showLegend: true,
+      axisType: 'category'
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    formValues = _useState4[0],
+    setFormValues = _useState4[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartEditorForm.ChartEditorForm, {
+    axisVariants: ['category', 'datetime', 'linear', 'logarithmic'],
+    formValues: formValues,
+    onFormValuesChange: setFormValues
+  });
+};
+var WithFilledValues = exports.WithFilledValues = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultValuesChartEditor, {});
+  }
+};
+var CustomLabels = exports.CustomLabels = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartEditorForm.ChartEditorForm, {
+      formValues: {},
+      labels: {
+        formTitle: 'Add line chart',
+        data: 'Chart type',
+        x: 'X axis field',
+        axisType: 'X axis scale',
+        chartTitle: 'Title',
+        xTitle: 'X label',
+        yTitle: 'Y label',
+        showLegend: 'Display legend',
+        cancelLabel: 'Discard',
+        submitLabel: 'Save chart'
+      }
+    });
+  }
+};
+var Disabled = exports.Disabled = {
+  render: function render() {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartEditorForm.ChartEditorForm, {
+      disabled: true,
+      formValues: {
+        axisType: 'linear',
+        chartTitle: 'Disabled chart',
+        xTitle: 'X',
+        yTitle: 'Y',
+        showLegend: true
+      }
+    });
+  }
+};
+// #sourceMappingURL=ChartEditorForm.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ChartEditorForm","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","meta","title","component","ChartEditorForm","tags","parameters","layout","_default","exports","DefaultChartEditor","_useState","useState","_useState2","_slicedToArray","formValues","setFormValues","_jsx","axisVariants","onFormValuesChange","Default","render","DefaultValuesChartEditor","_useState3","xTitle","yTitle","showLegend","axisType","_useState4","WithFilledValues","CustomLabels","labels","formTitle","data","x","chartTitle","cancelLabel","submitLabel","Disabled","disabled"],"sources":["ChartEditorForm.stories.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport type {ChartEditorFormValues} from './types';\nimport {ChartEditorForm} from './ChartEditorForm';\n\nconst meta: Meta<typeof ChartEditorForm> = {\n    title: 'Components/ChartEditorForm',\n    component: ChartEditorForm,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof ChartEditorForm>;\n\nconst DefaultChartEditor = () => {\n    const [formValues, setFormValues] = useState({});\n\n    return (\n        <ChartEditorForm\n            axisVariants={['category', 'datetime', 'linear', 'logarithmic']}\n            formValues={formValues}\n            onFormValuesChange={setFormValues}\n        />\n    );\n};\n\nexport const Default: Story = {\n    render: () => <DefaultChartEditor />,\n};\n\nconst DefaultValuesChartEditor = () => {\n    const [formValues, setFormValues] = useState<ChartEditorFormValues>({\n        xTitle: 'Time',\n        yTitle: 'Count',\n        showLegend: true,\n        axisType: 'category',\n    });\n\n    return (\n        <ChartEditorForm\n            axisVariants={['category', 'datetime', 'linear', 'logarithmic']}\n            formValues={formValues}\n            onFormValuesChange={setFormValues}\n        />\n    );\n};\n\nexport const WithFilledValues: Story = {\n    render: () => <DefaultValuesChartEditor />,\n};\n\nexport const CustomLabels: Story = {\n    render: () => (\n        <ChartEditorForm\n            formValues={{}}\n            labels={{\n                formTitle: 'Add line chart',\n                data: 'Chart type',\n                x: 'X axis field',\n                axisType: 'X axis scale',\n                chartTitle: 'Title',\n                xTitle: 'X label',\n                yTitle: 'Y label',\n                showLegend: 'Display legend',\n                cancelLabel: 'Discard',\n                submitLabel: 'Save chart',\n            }}\n        />\n    ),\n};\n\nexport const Disabled: Story = {\n    render: () => (\n        <ChartEditorForm\n            disabled\n            formValues={{\n                axisType: 'linear',\n                chartTitle: 'Disabled chart',\n                xTitle: 'X',\n                yTitle: 'Y',\n                showLegend: true,\n            }}\n        />\n    ),\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAElD,IAAMoB,IAAkC,GAAG;EACvCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEC,gCAAe;EAC1BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEcU,IAAI;AAGnB,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EAC7B,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAH,SAAA;IAAzCI,UAAU,GAAAF,UAAA;IAAEG,aAAa,GAAAH,UAAA;EAEhC,oBACI,IAAAI,eAAA,EAACb,gCAAe;IACZc,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAE;IAChEH,UAAU,EAAEA,UAAW;IACvBI,kBAAkB,EAAEH;EAAc,CACrC,CAAC;AAEV,CAAC;AAEM,IAAMI,OAAc,GAAAX,OAAA,CAAAW,OAAA,GAAG;EAC1BC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ,IAAAJ,eAAA,EAACP,kBAAkB,IAAE,CAAC;EAAA;AACxC,CAAC;AAED,IAAMY,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EACnC,IAAAC,UAAA,GAAoC,IAAAX,eAAQ,EAAwB;MAChEY,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,OAAO;MACfC,UAAU,EAAE,IAAI;MAChBC,QAAQ,EAAE;IACd,CAAC,CAAC;IAAAC,UAAA,OAAAd,uBAAA,EAAAS,UAAA;IALKR,UAAU,GAAAa,UAAA;IAAEZ,aAAa,GAAAY,UAAA;EAOhC,oBACI,IAAAX,eAAA,EAACb,gCAAe;IACZc,YAAY,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAE;IAChEH,UAAU,EAAEA,UAAW;IACvBI,kBAAkB,EAAEH;EAAc,CACrC,CAAC;AAEV,CAAC;AAEM,IAAMa,gBAAuB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG;EACnCR,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBAAQ,IAAAJ,eAAA,EAACK,wBAAwB,IAAE,CAAC;EAAA;AAC9C,CAAC;AAEM,IAAMQ,YAAmB,GAAArB,OAAA,CAAAqB,YAAA,GAAG;EAC/BT,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACF,IAAAJ,eAAA,EAACb,gCAAe;MACZW,UAAU,EAAE,CAAC,CAAE;MACfgB,MAAM,EAAE;QACJC,SAAS,EAAE,gBAAgB;QAC3BC,IAAI,EAAE,YAAY;QAClBC,CAAC,EAAE,cAAc;QACjBP,QAAQ,EAAE,cAAc;QACxBQ,UAAU,EAAE,OAAO;QACnBX,MAAM,EAAE,SAAS;QACjBC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE,gBAAgB;QAC5BU,WAAW,EAAE,SAAS;QACtBC,WAAW,EAAE;MACjB;IAAE,CACL,CAAC;EAAA;AAEV,CAAC;AAEM,IAAMC,QAAe,GAAA7B,OAAA,CAAA6B,QAAA,GAAG;EAC3BjB,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACF,IAAAJ,eAAA,EAACb,gCAAe;MACZmC,QAAQ;MACRxB,UAAU,EAAE;QACRY,QAAQ,EAAE,QAAQ;QAClBQ,UAAU,EAAE,gBAAgB;QAC5BX,MAAM,EAAE,GAAG;QACXC,MAAM,EAAE,GAAG;QACXC,UAAU,EAAE;MAChB;IAAE,CACL,CAAC;EAAA;AAEV,CAAC","ignoreList":[]}

package/build/cjs/components/ChartEditorForm/helpers/resolveLabels.d.ts

@@ -0,0 +1,13 @@
+import type { ChartEditorLabels } from '../types';
+export declare const resolveLabels: (labels?: ChartEditorLabels) => {
+    data: string;
+    x: string;
+    axisType: string;
+    chartTitle: string;
+    xTitle: string;
+    yTitle: string;
+    showLegend: string;
+    formTitle: string;
+    cancel: string;
+    submit: string;
+};

package/build/cjs/components/ChartEditorForm/helpers/resolveLabels.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveLabels = void 0;
+var _i18n = _interopRequireDefault(require("../i18n"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var resolveLabels = exports.resolveLabels = function resolveLabels() {
+  var _labels$data, _labels$x, _labels$axisType, _labels$chartTitle, _labels$xTitle, _labels$yTitle, _labels$showLegend, _labels$formTitle, _labels$cancelLabel, _labels$submitLabel;
+  var labels = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    data: (_labels$data = labels.data) !== null && _labels$data !== void 0 ? _labels$data : (0, _i18n.default)('field_data'),
+    x: (_labels$x = labels.x) !== null && _labels$x !== void 0 ? _labels$x : (0, _i18n.default)('field_x'),
+    axisType: (_labels$axisType = labels.axisType) !== null && _labels$axisType !== void 0 ? _labels$axisType : (0, _i18n.default)('field_axis-type'),
+    chartTitle: (_labels$chartTitle = labels.chartTitle) !== null && _labels$chartTitle !== void 0 ? _labels$chartTitle : (0, _i18n.default)('field_chart-title'),
+    xTitle: (_labels$xTitle = labels.xTitle) !== null && _labels$xTitle !== void 0 ? _labels$xTitle : (0, _i18n.default)('field_x-title'),
+    yTitle: (_labels$yTitle = labels.yTitle) !== null && _labels$yTitle !== void 0 ? _labels$yTitle : (0, _i18n.default)('field_y-title'),
+    showLegend: (_labels$showLegend = labels.showLegend) !== null && _labels$showLegend !== void 0 ? _labels$showLegend : (0, _i18n.default)('field_show-legend'),
+    formTitle: (_labels$formTitle = labels.formTitle) !== null && _labels$formTitle !== void 0 ? _labels$formTitle : (0, _i18n.default)('title_form'),
+    cancel: (_labels$cancelLabel = labels.cancelLabel) !== null && _labels$cancelLabel !== void 0 ? _labels$cancelLabel : (0, _i18n.default)('button_cancel'),
+    submit: (_labels$submitLabel = labels.submitLabel) !== null && _labels$submitLabel !== void 0 ? _labels$submitLabel : (0, _i18n.default)('button_submit')
+  };
+};
+// #sourceMappingURL=resolveLabels.js.map

package/build/cjs/components/ChartEditorForm/helpers/resolveLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","_interopRequireDefault","require","e","__esModule","default","resolveLabels","exports","_labels$data","_labels$x","_labels$axisType","_labels$chartTitle","_labels$xTitle","_labels$yTitle","_labels$showLegend","_labels$formTitle","_labels$cancelLabel","_labels$submitLabel","labels","arguments","length","undefined","data","i18n","x","axisType","chartTitle","xTitle","yTitle","showLegend","formTitle","cancel","cancelLabel","submit","submitLabel"],"sources":["resolveLabels.ts"],"sourcesContent":["import i18n from '../i18n';\nimport type {ChartEditorLabels} from '../types';\n\nexport const resolveLabels = (labels: ChartEditorLabels = {}) => {\n    return {\n        data: labels.data ?? i18n('field_data'),\n        x: labels.x ?? i18n('field_x'),\n        axisType: labels.axisType ?? i18n('field_axis-type'),\n        chartTitle: labels.chartTitle ?? i18n('field_chart-title'),\n        xTitle: labels.xTitle ?? i18n('field_x-title'),\n        yTitle: labels.yTitle ?? i18n('field_y-title'),\n        showLegend: labels.showLegend ?? i18n('field_show-legend'),\n        formTitle: labels.formTitle ?? i18n('title_form'),\n        cancel: labels.cancelLabel ?? i18n('button_cancel'),\n        submit: labels.submitLabel ?? i18n('button_submit'),\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAW,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGJ,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAAuC;EAAA,IAAAE,YAAA,EAAAC,SAAA,EAAAC,gBAAA,EAAAC,kBAAA,EAAAC,cAAA,EAAAC,cAAA,EAAAC,kBAAA,EAAAC,iBAAA,EAAAC,mBAAA,EAAAC,mBAAA;EAAA,IAAnCC,MAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxD,OAAO;IACHG,IAAI,GAAAd,YAAA,GAAEU,MAAM,CAACI,IAAI,cAAAd,YAAA,cAAAA,YAAA,GAAI,IAAAe,aAAI,EAAC,YAAY,CAAC;IACvCC,CAAC,GAAAf,SAAA,GAAES,MAAM,CAACM,CAAC,cAAAf,SAAA,cAAAA,SAAA,GAAI,IAAAc,aAAI,EAAC,SAAS,CAAC;IAC9BE,QAAQ,GAAAf,gBAAA,GAAEQ,MAAM,CAACO,QAAQ,cAAAf,gBAAA,cAAAA,gBAAA,GAAI,IAAAa,aAAI,EAAC,iBAAiB,CAAC;IACpDG,UAAU,GAAAf,kBAAA,GAAEO,MAAM,CAACQ,UAAU,cAAAf,kBAAA,cAAAA,kBAAA,GAAI,IAAAY,aAAI,EAAC,mBAAmB,CAAC;IAC1DI,MAAM,GAAAf,cAAA,GAAEM,MAAM,CAACS,MAAM,cAAAf,cAAA,cAAAA,cAAA,GAAI,IAAAW,aAAI,EAAC,eAAe,CAAC;IAC9CK,MAAM,GAAAf,cAAA,GAAEK,MAAM,CAACU,MAAM,cAAAf,cAAA,cAAAA,cAAA,GAAI,IAAAU,aAAI,EAAC,eAAe,CAAC;IAC9CM,UAAU,GAAAf,kBAAA,GAAEI,MAAM,CAACW,UAAU,cAAAf,kBAAA,cAAAA,kBAAA,GAAI,IAAAS,aAAI,EAAC,mBAAmB,CAAC;IAC1DO,SAAS,GAAAf,iBAAA,GAAEG,MAAM,CAACY,SAAS,cAAAf,iBAAA,cAAAA,iBAAA,GAAI,IAAAQ,aAAI,EAAC,YAAY,CAAC;IACjDQ,MAAM,GAAAf,mBAAA,GAAEE,MAAM,CAACc,WAAW,cAAAhB,mBAAA,cAAAA,mBAAA,GAAI,IAAAO,aAAI,EAAC,eAAe,CAAC;IACnDU,MAAM,GAAAhB,mBAAA,GAAEC,MAAM,CAACgB,WAAW,cAAAjB,mBAAA,cAAAA,mBAAA,GAAI,IAAAM,aAAI,EAAC,eAAe;EACtD,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        title_form: string;
+        field_data: string;
+        field_x: string;
+        "field_axis-type": string;
+        "field_chart-title": string;
+        "field_x-title": string;
+        "field_y-title": string;
+        "field_show-legend": string;
+        button_cancel: string;
+        button_submit: string;
+    };
+    ru: {
+        title_form: string;
+        field_data: string;
+        field_x: string;
+        "field_axis-type": string;
+        "field_chart-title": string;
+        "field_x-title": string;
+        "field_y-title": string;
+        "field_show-legend": string;
+        button_cancel: string;
+        button_submit: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,12 @@
+{
+  "title_form": "Add chart",
+  "field_data": "Data",
+  "field_x": "X",
+  "field_axis-type": "Axis type",
+  "field_chart-title": "Chart title",
+  "field_x-title": "X title",
+  "field_y-title": "Y title",
+  "field_show-legend": "Show legend",
+  "button_cancel": "Cancel",
+  "button_submit": "Add chart"
+}

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

@@ -0,0 +1,6 @@
+declare const _default: ((key: "title_form" | "field_data" | "field_x" | "field_axis-type" | "field_chart-title" | "field_x-title" | "field_y-title" | "field_show-legend" | "button_cancel" | "button_submit", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:chart-editor-form": Record<"title_form" | "field_data" | "field_x" | "field_axis-type" | "field_chart-title" | "field_x-title" | "field_y-title" | "field_show-legend" | "button_cancel" | "button_submit", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/components/ChartEditorForm/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-form', _dicts.default);
+// #sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,12 @@
+{
+  "title_form": "Добавить график",
+  "field_data": "Данные",
+  "field_x": "X",
+  "field_axis-type": "Тип оси",
+  "field_chart-title": "Заголовок графика",
+  "field_x-title": "Заголовок X",
+  "field_y-title": "Заголовок Y",
+  "field_show-legend": "Показывать легенду",
+  "button_cancel": "Отменить",
+  "button_submit": "Добавить график"
+}

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

@@ -0,0 +1,2 @@
+export { ChartEditorForm } from './ChartEditorForm';
+export type { ChartEditorFormProps, ChartEditorFormValues, ChartEditorLabels, ChartEditorOption, } from './types';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ChartEditorForm","require"],"sources":["index.ts"],"sourcesContent":["export {ChartEditorForm} from './ChartEditorForm';\nexport type {\n    ChartEditorFormProps,\n    ChartEditorFormValues,\n    ChartEditorLabels,\n    ChartEditorOption,\n} from './types';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}