@gravity-ui/querieskit 1.0.4 → 1.2.0

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":"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","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';

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

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

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

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

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ axisVariants, chartSeriesMap, className, emptyDataLabel, onCancel, onSubmit, onChange, formProps, formValues: customerFormValues, }: import("..").ChartEditorProps) => React.JSX.Element;
+    tags: string[];
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        axisVariants?: import("@gravity-ui/charts").ChartAxisType[] | undefined;
+        className?: string | undefined;
+        emptyDataLabel?: string | undefined;
+        chartSeriesMap?: { [chartId in string]: import("../types").ChartSeries; } | undefined;
+        formProps?: Pick<import("../../..").ChartEditorFormProps, "disabled" | "className" | "labels"> | undefined;
+        formValues?: import("../../..").ChartEditorFormProps["formValues"] | undefined;
+        onChange?: ((formValues: import("../../..").ChartEditorFormProps["formValues"]) => void) | undefined;
+        onSubmit?: ((chartData: import("../types").ChartData) => void) | undefined;
+        onCancel?: (() => void) | undefined;
+    }>) => React.JSX.Element)[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        axisVariants: import("@gravity-ui/charts").ChartAxisType[];
+        onCancel: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onSubmit: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Line: Story;
+export declare const MultipleLines: Story;
+export declare const TimeSeries: Story;
+export declare const StackedArea: Story;
+export declare const GroupedColumns: Story;
+export declare const HorizontalBars: Story;
+export declare const ScatterPlot: Story;
+export declare const Donut: Story;
+export declare const MixedSeries: Story;
+export declare const LogarithmicScale: Story;
+export declare const EmptyState: Story;

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

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TimeSeries = exports.StackedArea = exports.ScatterPlot = exports.MultipleLines = exports.MixedSeries = exports.LogarithmicScale = exports.Line = exports.HorizontalBars = exports.GroupedColumns = exports.EmptyState = exports.Donut = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _test = require("storybook/test");
+var _ = require("..");
+var _mockData = require("./mockData");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Modules/ChartEditor',
+  component: _.ChartEditor,
+  tags: ['autodocs'],
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: 620,
+        minWidth: 760
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }],
+  parameters: {
+    layout: 'padded'
+  },
+  args: {
+    axisVariants: _mockData.cartesianAxisVariants,
+    onCancel: (0, _test.fn)(),
+    onSubmit: (0, _test.fn)()
+  }
+};
+var _default = exports.default = meta;
+var Line = exports.Line = {
+  args: {
+    chartSeriesMap: _mockData.lineSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'A minimal editor configuration with one numeric line series.'
+      }
+    }
+  }
+};
+var MultipleLines = exports.MultipleLines = {
+  args: {
+    chartSeriesMap: _mockData.multiLineSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Select additional data rows to compare the current week, previous week, and target.'
+      }
+    }
+  }
+};
+var TimeSeries = exports.TimeSeries = {
+  args: {
+    axisVariants: _mockData.timeAxisVariants,
+    chartSeriesMap: _mockData.timeSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'An area time series backed by UTC timestamps. Switch the axis type to datetime to format the X axis as dates.'
+      }
+    }
+  }
+};
+var StackedArea = exports.StackedArea = {
+  args: {
+    chartSeriesMap: _mockData.stackedAreaSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'A stacked traffic breakdown. Select all three data rows to build the complete stack.'
+      }
+    }
+  }
+};
+var GroupedColumns = exports.GroupedColumns = {
+  args: {
+    chartSeriesMap: _mockData.groupedColumnsSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Vertical columns with values rendered on the bars. Add Mobile to compare device groups.'
+      }
+    }
+  }
+};
+var HorizontalBars = exports.HorizontalBars = {
+  args: {
+    chartSeriesMap: _mockData.horizontalBarsSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'A horizontal ranking chart using the bar-y series type.'
+      }
+    }
+  }
+};
+var ScatterPlot = exports.ScatterPlot = {
+  args: {
+    chartSeriesMap: _mockData.scatterSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'A scatter plot for investigating the relationship between input size and query duration. Select both data rows to compare cached and uncached queries.'
+      }
+    }
+  }
+};
+var Donut = exports.Donut = {
+  args: {
+    axisVariants: _mockData.pieAxisVariants,
+    chartSeriesMap: _mockData.donutSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'A pie series with an inner radius and percentage labels, rendered as a donut chart.'
+      }
+    }
+  }
+};
+var MixedSeries = exports.MixedSeries = {
+  args: {
+    chartSeriesMap: _mockData.mixedSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'A combined column-and-line chart. Select Plan together with Orders to compare actual values against the target.'
+      }
+    }
+  }
+};
+var LogarithmicScale = exports.LogarithmicScale = {
+  args: {
+    axisVariants: _mockData.logarithmicAxisVariants,
+    chartSeriesMap: _mockData.logarithmicSeriesMap
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Values spanning five orders of magnitude. Switch the X axis to logarithmic to make the distribution readable.'
+      }
+    }
+  }
+};
+var EmptyState = exports.EmptyState = {
+  args: {
+    chartSeriesMap: _mockData.emptySeriesMap,
+    emptyDataLabel: 'Run a query or select a result column to preview a chart'
+  }
+};
+// #sourceMappingURL=ChartEditor.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_test","_","_mockData","_jsxRuntime","e","__esModule","default","meta","title","component","ChartEditor","tags","decorators","Story","_jsx","style","height","minWidth","children","parameters","layout","args","axisVariants","cartesianAxisVariants","onCancel","fn","onSubmit","_default","exports","Line","chartSeriesMap","lineSeriesMap","docs","description","story","MultipleLines","multiLineSeriesMap","TimeSeries","timeAxisVariants","timeSeriesMap","StackedArea","stackedAreaSeriesMap","GroupedColumns","groupedColumnsSeriesMap","HorizontalBars","horizontalBarsSeriesMap","ScatterPlot","scatterSeriesMap","Donut","pieAxisVariants","donutSeriesMap","MixedSeries","mixedSeriesMap","LogarithmicScale","logarithmicAxisVariants","logarithmicSeriesMap","EmptyState","emptySeriesMap","emptyDataLabel"],"sources":["ChartEditor.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {fn} from 'storybook/test';\n\nimport {ChartEditor} from '..';\nimport {\n    cartesianAxisVariants,\n    donutSeriesMap,\n    emptySeriesMap,\n    groupedColumnsSeriesMap,\n    horizontalBarsSeriesMap,\n    lineSeriesMap,\n    logarithmicAxisVariants,\n    logarithmicSeriesMap,\n    mixedSeriesMap,\n    multiLineSeriesMap,\n    pieAxisVariants,\n    scatterSeriesMap,\n    stackedAreaSeriesMap,\n    timeAxisVariants,\n    timeSeriesMap,\n} from './mockData';\n\nconst meta = {\n    title: 'Modules/ChartEditor',\n    component: ChartEditor,\n    tags: ['autodocs'],\n    decorators: [\n        (Story) => (\n            <div style={{height: 620, minWidth: 760}}>\n                <Story />\n            </div>\n        ),\n    ],\n    parameters: {\n        layout: 'padded',\n    },\n    args: {\n        axisVariants: cartesianAxisVariants,\n        onCancel: fn(),\n        onSubmit: fn(),\n    },\n} satisfies Meta<typeof ChartEditor>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Line: Story = {\n    args: {\n        chartSeriesMap: lineSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'A minimal editor configuration with one numeric line series.',\n            },\n        },\n    },\n};\n\nexport const MultipleLines: Story = {\n    args: {\n        chartSeriesMap: multiLineSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'Select additional data rows to compare the current week, previous week, and target.',\n            },\n        },\n    },\n};\n\nexport const TimeSeries: Story = {\n    args: {\n        axisVariants: timeAxisVariants,\n        chartSeriesMap: timeSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'An area time series backed by UTC timestamps. Switch the axis type to datetime to format the X axis as dates.',\n            },\n        },\n    },\n};\n\nexport const StackedArea: Story = {\n    args: {\n        chartSeriesMap: stackedAreaSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'A stacked traffic breakdown. Select all three data rows to build the complete stack.',\n            },\n        },\n    },\n};\n\nexport const GroupedColumns: Story = {\n    args: {\n        chartSeriesMap: groupedColumnsSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'Vertical columns with values rendered on the bars. Add Mobile to compare device groups.',\n            },\n        },\n    },\n};\n\nexport const HorizontalBars: Story = {\n    args: {\n        chartSeriesMap: horizontalBarsSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'A horizontal ranking chart using the bar-y series type.',\n            },\n        },\n    },\n};\n\nexport const ScatterPlot: Story = {\n    args: {\n        chartSeriesMap: scatterSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'A scatter plot for investigating the relationship between input size and query duration. Select both data rows to compare cached and uncached queries.',\n            },\n        },\n    },\n};\n\nexport const Donut: Story = {\n    args: {\n        axisVariants: pieAxisVariants,\n        chartSeriesMap: donutSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'A pie series with an inner radius and percentage labels, rendered as a donut chart.',\n            },\n        },\n    },\n};\n\nexport const MixedSeries: Story = {\n    args: {\n        chartSeriesMap: mixedSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'A combined column-and-line chart. Select Plan together with Orders to compare actual values against the target.',\n            },\n        },\n    },\n};\n\nexport const LogarithmicScale: Story = {\n    args: {\n        axisVariants: logarithmicAxisVariants,\n        chartSeriesMap: logarithmicSeriesMap,\n    },\n    parameters: {\n        docs: {\n            description: {\n                story: 'Values spanning five orders of magnitude. Switch the X axis to logarithmic to make the distribution readable.',\n            },\n        },\n    },\n};\n\nexport const EmptyState: Story = {\n    args: {\n        chartSeriesMap: emptySeriesMap,\n        emptyDataLabel: 'Run a query or select a result column to preview a chart',\n    },\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import type { ChartAxisType } from '@gravity-ui/charts';
+import type { ChartSeries } from '../types';
+type ChartSeriesMap = Record<string, ChartSeries>;
+export declare const cartesianAxisVariants: ChartAxisType[];
+export declare const timeAxisVariants: ChartAxisType[];
+export declare const logarithmicAxisVariants: ChartAxisType[];
+export declare const pieAxisVariants: ChartAxisType[];
+export declare const aLineCords: {
+    x: number;
+    y: number;
+}[];
+export declare const bLineCords: {
+    x: number;
+    y: number;
+}[];
+export declare const lineSeriesMap: ChartSeriesMap;
+export declare const multiLineSeriesMap: ChartSeriesMap;
+export declare const timeSeriesMap: ChartSeriesMap;
+export declare const stackedAreaSeriesMap: ChartSeriesMap;
+export declare const groupedColumnsSeriesMap: ChartSeriesMap;
+export declare const horizontalBarsSeriesMap: ChartSeriesMap;
+export declare const scatterSeriesMap: ChartSeriesMap;
+export declare const donutSeriesMap: ChartSeriesMap;
+export declare const mixedSeriesMap: ChartSeriesMap;
+export declare const logarithmicSeriesMap: ChartSeriesMap;
+export declare const emptySeriesMap: ChartSeriesMap;
+export {};