@gravity-ui/querieskit 1.0.3 → 1.1.0

package/build/cjs/widgets/DashboardCharts/DashboardCharts.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DashboardCharts = 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.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.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+var _react = _interopRequireWildcard(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _modules = require("../../modules");
+var _components = require("../../components");
+var _EmptyDashboardPlaceholder = require("./internal/EmptyDashboardPlaceholder");
+var _chartTypeIcons = require("./helpers/chartTypeIcons");
+var _i18n = _interopRequireDefault(require("./i18n"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./DashboardCharts.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-dashboard-charts');
+var DashboardCharts = exports.DashboardCharts = function DashboardCharts(_ref) {
+  var customerChartsItems = _ref.chartItems,
+    defaultLayout = _ref.defaultLayout,
+    dataSource = _ref.dataSource,
+    emptyTitle = _ref.emptyTitle,
+    emptyDescription = _ref.emptyDescription,
+    chartEditorProps = _ref.chartEditorProps,
+    dashboardProps = _ref.dashboardProps,
+    onItemsChange = _ref.onItemsChange,
+    onLayoutChange = _ref.onLayoutChange,
+    className = _ref.className,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 1 : _ref$gap;
+  var _useState = (0, _react.useState)(customerChartsItems !== null && customerChartsItems !== void 0 ? customerChartsItems : []),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    innerChartItems = _useState2[0],
+    setInnerChartItems = _useState2[1];
+  var chartItems = customerChartsItems !== null && customerChartsItems !== void 0 ? customerChartsItems : innerChartItems;
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    draftChart = _useState4[0],
+    setDraftChart = _useState4[1];
+  var allowedCharts = (0, _react.useMemo)(function () {
+    return Object.keys(dataSource);
+  }, [dataSource]);
+  var handleChartSelect = function handleChartSelect(chartType) {
+    var chartSeries = dataSource[chartType];
+    if (chartSeries) {
+      var dataIds = Object.keys(chartSeries);
+      setDraftChart({
+        chartSeries: chartSeries,
+        formValues: {
+          dataIds: dataIds.length ? [dataIds[0]] : [],
+          axisType: 'linear'
+        }
+      });
+    }
+  };
+  var handleCancelDraft = function handleCancelDraft() {
+    setDraftChart(null);
+  };
+  var handleSubmitChart = function handleSubmitChart(chart) {
+    var _draftChart$id;
+    if (!draftChart) return;
+    var newChart = {
+      id: (_draftChart$id = draftChart.id) !== null && _draftChart$id !== void 0 ? _draftChart$id : crypto.randomUUID().replace(/-/g, ''),
+      chartData: chart
+    };
+    var actualChartItems = draftChart.id ? chartItems.map(function (ch) {
+      return ch.id === newChart.id ? newChart : ch;
+    }) : [].concat((0, _toConsumableArray2.default)(chartItems), [newChart]);
+    setDraftChart(null);
+    setInnerChartItems(actualChartItems);
+    onItemsChange === null || onItemsChange === void 0 || onItemsChange(actualChartItems);
+  };
+  var handleEditChart = (0, _react.useCallback)(function (id, chart) {
+    var _chart$title, _chart$xAxis, _chart$yAxis, _chart$legend, _chart$xAxis2, _chart$xAxis3;
+    var chartType = chart.series.data[0].type;
+    var chartSeries = dataSource[chartType];
+    if (!chartSeries) return;
+    var selectedDataIds = chart.series.data.map(function (s) {
+      return s.seriesId;
+    });
+    setDraftChart({
+      id: id,
+      chartSeries: chartSeries,
+      formValues: {
+        dataIds: selectedDataIds,
+        chartTitle: (_chart$title = chart.title) === null || _chart$title === void 0 ? void 0 : _chart$title.text,
+        xTitle: (_chart$xAxis = chart.xAxis) === null || _chart$xAxis === void 0 || (_chart$xAxis = _chart$xAxis.title) === null || _chart$xAxis === void 0 ? void 0 : _chart$xAxis.text,
+        yTitle: (_chart$yAxis = chart.yAxis) === null || _chart$yAxis === void 0 || (_chart$yAxis = _chart$yAxis[0].title) === null || _chart$yAxis === void 0 ? void 0 : _chart$yAxis.text,
+        showLegend: chart === null || chart === void 0 || (_chart$legend = chart.legend) === null || _chart$legend === void 0 ? void 0 : _chart$legend.enabled,
+        axisType: (_chart$xAxis2 = chart.xAxis) === null || _chart$xAxis2 === void 0 ? void 0 : _chart$xAxis2.type,
+        axisCategories: (_chart$xAxis3 = chart.xAxis) === null || _chart$xAxis3 === void 0 ? void 0 : _chart$xAxis3.categories
+      }
+    });
+  }, [dataSource]);
+  var handleDeleteChart = (0, _react.useCallback)(function (id) {
+    var newChartItems = chartItems.filter(function (item) {
+      return item.id !== id;
+    });
+    setInnerChartItems(newChartItems);
+    onItemsChange === null || onItemsChange === void 0 || onItemsChange(newChartItems);
+  }, [chartItems, onItemsChange]);
+  var handleLayoutChange = function handleLayoutChange(patchedLayout) {
+    onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(patchedLayout);
+  };
+  var dashboardItems = (0, _react.useMemo)(function () {
+    return chartItems.map(function (_ref2) {
+      var id = _ref2.id,
+        chartData = _ref2.chartData;
+      return {
+        id: id,
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Chart, {
+          data: chartData,
+          controlsVisibility: "hover",
+          onPencilEdit: function onPencilEdit() {
+            return handleEditChart(id, chartData);
+          },
+          actions: [{
+            text: (0, _i18n.default)('action_delete-chart'),
+            onClick: function onClick() {
+              return handleDeleteChart(id);
+            }
+          }]
+        }, id)
+      };
+    });
+  }, [chartItems, handleEditChart, handleDeleteChart]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      as: "section",
+      direction: "column",
+      width: "100%",
+      height: "100%",
+      gap: gap,
+      className: block(null, className),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.AddChartButton, {
+        text: (0, _i18n.default)('action_add-chart'),
+        options: allowedCharts.map(function (chartType) {
+          return {
+            value: chartType,
+            text: chartType,
+            icon: _chartTypeIcons.CHART_TYPE_ICONS[chartType]
+          };
+        }),
+        onSelect: handleChartSelect,
+        disabled: allowedCharts.length === 0
+      }), chartItems.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dashboard, (0, _objectSpread2.default)({
+        items: dashboardItems,
+        defaultLayout: defaultLayout,
+        onLayoutChange: handleLayoutChange,
+        className: block('dashboard')
+      }, dashboardProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyDashboardPlaceholder.EmptyDashboardPlaceholder, {
+        emptyTitle: emptyTitle,
+        emptyDescription: emptyDescription
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Modal, {
+      open: Boolean(draftChart),
+      onOpenChange: function onOpenChange(open) {
+        if (!open) {
+          setDraftChart(null);
+        }
+      },
+      contentOverflow: "auto",
+      contentClassName: block('modal'),
+      children: draftChart && /*#__PURE__*/(0, _jsxRuntime.jsx)(_modules.ChartEditor, (0, _objectSpread2.default)({
+        chartSeriesMap: draftChart.chartSeries,
+        formValues: draftChart.formValues,
+        onSubmit: handleSubmitChart,
+        onCancel: handleCancelDraft,
+        axisVariants: ['linear', 'datetime', 'logarithmic'],
+        formProps: {
+          labels: {
+            submitLabel: draftChart.id ? (0, _i18n.default)('action_save-chart') : (0, _i18n.default)('action_add-chart')
+          }
+        }
+      }, chartEditorProps))
+    })]
+  });
+};
+// #sourceMappingURL=DashboardCharts.js.map

package/build/cjs/widgets/DashboardCharts/DashboardCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uikit","_modules","_components","_EmptyDashboardPlaceholder","_chartTypeIcons","_i18n","_interopRequireDefault","_bemCnLite","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","DashboardCharts","exports","_ref","customerChartsItems","chartItems","defaultLayout","dataSource","emptyTitle","emptyDescription","chartEditorProps","dashboardProps","onItemsChange","onLayoutChange","className","_ref$gap","gap","_useState","useState","_useState2","_slicedToArray","innerChartItems","setInnerChartItems","_useState3","_useState4","draftChart","setDraftChart","allowedCharts","useMemo","keys","handleChartSelect","chartType","chartSeries","dataIds","formValues","length","axisType","handleCancelDraft","handleSubmitChart","chart","_draftChart$id","newChart","id","crypto","randomUUID","replace","chartData","actualChartItems","map","ch","concat","_toConsumableArray","handleEditChart","useCallback","_chart$title","_chart$xAxis","_chart$yAxis","_chart$legend","_chart$xAxis2","_chart$xAxis3","series","data","type","selectedDataIds","s","seriesId","chartTitle","title","text","xTitle","xAxis","yTitle","yAxis","showLegend","legend","enabled","axisCategories","categories","handleDeleteChart","newChartItems","filter","item","handleLayoutChange","patchedLayout","dashboardItems","_ref2","content","_jsx","Chart","controlsVisibility","onPencilEdit","actions","i18n","onClick","_jsxs","React","Fragment","children","Flex","as","direction","width","height","AddChartButton","options","value","icon","CHART_TYPE_ICONS","onSelect","disabled","Dashboard","_objectSpread","items","EmptyDashboardPlaceholder","Modal","open","Boolean","onOpenChange","contentOverflow","contentClassName","ChartEditor","chartSeriesMap","onSubmit","onCancel","axisVariants","formProps","labels","submitLabel"],"sources":["DashboardCharts.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport {ChartSeries} from '@gravity-ui/charts';\nimport {Flex, Modal} from '@gravity-ui/uikit';\nimport {ChartEditor, ChartEditorProps} from '../../modules';\nimport {AddChartButton, Chart, Dashboard} from '../../components';\nimport {ChartData} from '../../modules/ChartEditor/types';\nimport type {DashboardChartsProps, DashboardItem} from './types';\nimport {EmptyDashboardPlaceholder} from './internal/EmptyDashboardPlaceholder';\nimport {CHART_TYPE_ICONS} from './helpers/chartTypeIcons';\nimport {ConfigLayout} from '@gravity-ui/dashkit';\nimport i18n from './i18n';\nimport cn from 'bem-cn-lite';\nimport './DashboardCharts.scss';\n\nconst block = cn('qp-dashboard-charts');\n\nexport const DashboardCharts = ({\n    chartItems: customerChartsItems,\n    defaultLayout,\n    dataSource,\n    emptyTitle,\n    emptyDescription,\n    chartEditorProps,\n    dashboardProps,\n    onItemsChange,\n    onLayoutChange,\n    className,\n    gap = 1,\n}: DashboardChartsProps) => {\n    const [innerChartItems, setInnerChartItems] = useState<DashboardItem[]>(\n        customerChartsItems ?? [],\n    );\n\n    const chartItems = customerChartsItems ?? innerChartItems;\n\n    const [draftChart, setDraftChart] = useState<{\n        id?: string;\n        chartSeries: ChartEditorProps['chartSeriesMap'];\n        formValues: ChartEditorProps['formValues'];\n    } | null>(null);\n\n    const allowedCharts = useMemo(\n        () => Object.keys(dataSource) as ChartSeries['type'][],\n        [dataSource],\n    );\n\n    const handleChartSelect = (chartType: ChartSeries['type']) => {\n        const chartSeries = dataSource[chartType];\n\n        if (chartSeries) {\n            const dataIds = Object.keys(chartSeries);\n\n            setDraftChart({\n                chartSeries,\n                formValues: {\n                    dataIds: dataIds.length ? [dataIds[0]] : [],\n                    axisType: 'linear',\n                },\n            });\n        }\n    };\n\n    const handleCancelDraft = () => {\n        setDraftChart(null);\n    };\n\n    const handleSubmitChart = (chart: ChartData) => {\n        if (!draftChart) return;\n\n        const newChart = {\n            id: draftChart.id ?? crypto.randomUUID().replace(/-/g, ''),\n            chartData: chart,\n        };\n\n        const actualChartItems = draftChart.id\n            ? chartItems.map((ch) => (ch.id === newChart.id ? newChart : ch))\n            : [...chartItems, newChart];\n\n        setDraftChart(null);\n        setInnerChartItems(actualChartItems);\n        onItemsChange?.(actualChartItems);\n    };\n\n    const handleEditChart = useCallback(\n        (id: string, chart: DashboardItem['chartData']) => {\n            const chartType = chart.series.data[0].type;\n            const chartSeries = dataSource[chartType];\n\n            if (!chartSeries) return;\n\n            const selectedDataIds = chart.series.data.map((s) => s.seriesId);\n\n            setDraftChart({\n                id,\n                chartSeries,\n                formValues: {\n                    dataIds: selectedDataIds,\n                    chartTitle: chart.title?.text,\n                    xTitle: chart.xAxis?.title?.text,\n                    yTitle: chart.yAxis?.[0].title?.text,\n                    showLegend: chart?.legend?.enabled,\n                    axisType: chart.xAxis?.type,\n                    axisCategories: chart.xAxis?.categories,\n                },\n            });\n        },\n        [dataSource],\n    );\n\n    const handleDeleteChart = useCallback(\n        (id: string) => {\n            const newChartItems = chartItems.filter((item) => item.id !== id);\n\n            setInnerChartItems(newChartItems);\n\n            onItemsChange?.(newChartItems);\n        },\n        [chartItems, onItemsChange],\n    );\n\n    const handleLayoutChange = (patchedLayout: ConfigLayout[]) => {\n        onLayoutChange?.(patchedLayout);\n    };\n\n    const dashboardItems = useMemo(\n        () =>\n            chartItems.map(({id, chartData}) => ({\n                id,\n                content: (\n                    <Chart\n                        key={id}\n                        data={chartData}\n                        controlsVisibility=\"hover\"\n                        onPencilEdit={() => handleEditChart(id, chartData)}\n                        actions={[\n                            {\n                                text: i18n('action_delete-chart'),\n                                onClick: () => handleDeleteChart(id),\n                            },\n                        ]}\n                    />\n                ),\n            })),\n        [chartItems, handleEditChart, handleDeleteChart],\n    );\n\n    return (\n        <React.Fragment>\n            <Flex\n                as=\"section\"\n                direction=\"column\"\n                width=\"100%\"\n                height=\"100%\"\n                gap={gap}\n                className={block(null, className)}\n            >\n                <AddChartButton\n                    text={i18n('action_add-chart')}\n                    options={allowedCharts.map((chartType) => ({\n                        value: chartType,\n                        text: chartType,\n                        icon: CHART_TYPE_ICONS[chartType],\n                    }))}\n                    onSelect={handleChartSelect}\n                    disabled={allowedCharts.length === 0}\n                />\n\n                {chartItems.length > 0 ? (\n                    <Dashboard\n                        items={dashboardItems}\n                        defaultLayout={defaultLayout}\n                        onLayoutChange={handleLayoutChange}\n                        className={block('dashboard')}\n                        {...dashboardProps}\n                    />\n                ) : (\n                    <EmptyDashboardPlaceholder\n                        emptyTitle={emptyTitle}\n                        emptyDescription={emptyDescription}\n                    />\n                )}\n            </Flex>\n\n            <Modal\n                open={Boolean(draftChart)}\n                onOpenChange={(open) => {\n                    if (!open) {\n                        setDraftChart(null);\n                    }\n                }}\n                contentOverflow=\"auto\"\n                contentClassName={block('modal')}\n            >\n                {draftChart && (\n                    <ChartEditor\n                        chartSeriesMap={draftChart.chartSeries}\n                        formValues={draftChart.formValues}\n                        onSubmit={handleSubmitChart}\n                        onCancel={handleCancelDraft}\n                        axisVariants={['linear', 'datetime', 'logarithmic']}\n                        formProps={{\n                            labels: {\n                                submitLabel: draftChart.id\n                                    ? i18n('action_save-chart')\n                                    : i18n('action_add-chart'),\n                            },\n                        }}\n                        {...chartEditorProps}\n                    />\n                )}\n            </Modal>\n        </React.Fragment>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/widgets/DashboardCharts/helpers/chartTypeIcons.d.ts

@@ -0,0 +1,3 @@
+import type { ChartSeries } from '@gravity-ui/charts';
+import type { IconData } from '@gravity-ui/uikit';
+export declare const CHART_TYPE_ICONS: Record<ChartSeries['type'], IconData>;

package/build/cjs/widgets/DashboardCharts/helpers/chartTypeIcons.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CHART_TYPE_ICONS = void 0;
+var _icons = require("@gravity-ui/icons");
+var CHART_TYPE_ICONS = exports.CHART_TYPE_ICONS = {
+  area: _icons.ChartAreaStacked,
+  'bar-x': _icons.ChartColumn,
+  'bar-y': _icons.ChartBar,
+  funnel: _icons.Funnel,
+  heatmap: _icons.Circles4Square,
+  line: _icons.ChartLine,
+  pie: _icons.ChartPie,
+  radar: _icons.CirclesConcentric,
+  sankey: _icons.BranchesRight,
+  scatter: _icons.Circles5Random,
+  treemap: _icons.ChartTreemap,
+  waterfall: _icons.SquareBars,
+  'x-range': _icons.ListTimeline
+};
+// #sourceMappingURL=chartTypeIcons.js.map

package/build/cjs/widgets/DashboardCharts/helpers/chartTypeIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_icons","require","CHART_TYPE_ICONS","exports","area","ChartAreaStacked","ChartColumn","ChartBar","funnel","Funnel","heatmap","Circles4Square","line","ChartLine","pie","ChartPie","radar","CirclesConcentric","sankey","BranchesRight","scatter","Circles5Random","treemap","ChartTreemap","waterfall","SquareBars","ListTimeline"],"sources":["chartTypeIcons.ts"],"sourcesContent":["import {\n    BranchesRight,\n    ChartAreaStacked,\n    ChartBar,\n    ChartColumn,\n    ChartLine,\n    ChartPie,\n    ChartTreemap,\n    Circles4Square,\n    Circles5Random,\n    CirclesConcentric,\n    Funnel,\n    ListTimeline,\n    SquareBars,\n} from '@gravity-ui/icons';\nimport type {ChartSeries} from '@gravity-ui/charts';\nimport type {IconData} from '@gravity-ui/uikit';\n\nexport const CHART_TYPE_ICONS: Record<ChartSeries['type'], IconData> = {\n    area: ChartAreaStacked,\n    'bar-x': ChartColumn,\n    'bar-y': ChartBar,\n    funnel: Funnel,\n    heatmap: Circles4Square,\n    line: ChartLine,\n    pie: ChartPie,\n    radar: CirclesConcentric,\n    sankey: BranchesRight,\n    scatter: Circles5Random,\n    treemap: ChartTreemap,\n    waterfall: SquareBars,\n    'x-range': ListTimeline,\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAkBO,IAAMC,gBAAuD,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACnEE,IAAI,EAAEC,uBAAgB;EACtB,OAAO,EAAEC,kBAAW;EACpB,OAAO,EAAEC,eAAQ;EACjBC,MAAM,EAAEC,aAAM;EACdC,OAAO,EAAEC,qBAAc;EACvBC,IAAI,EAAEC,gBAAS;EACfC,GAAG,EAAEC,eAAQ;EACbC,KAAK,EAAEC,wBAAiB;EACxBC,MAAM,EAAEC,oBAAa;EACrBC,OAAO,EAAEC,qBAAc;EACvBC,OAAO,EAAEC,mBAAY;EACrBC,SAAS,EAAEC,iBAAU;EACrB,SAAS,EAAEC;AACf,CAAC","ignoreList":[]}

package/build/cjs/widgets/DashboardCharts/i18n/dicts.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+    en: {
+        "action_add-chart": string;
+        "action_save-chart": string;
+        "action_delete-chart": string;
+        "context_no-charts": string;
+        "context_add-first-chart": string;
+    };
+    ru: {
+        "action_add-chart": string;
+        "action_save-chart": string;
+        "action_delete-chart": string;
+        "context_no-charts": string;
+        "context_add-first-chart": string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+{
+  "action_add-chart": "Add chart",
+  "action_save-chart": "Save",
+  "action_delete-chart": "Delete",
+  "context_no-charts": "No charts yet",
+  "context_add-first-chart": "Add a chart to start building your dashboard"
+}

package/build/cjs/widgets/DashboardCharts/i18n/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: ((key: "action_add-chart" | "action_save-chart" | "action_delete-chart" | "context_no-charts" | "context_add-first-chart", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "qp:dashboard-charts": Record<"action_add-chart" | "action_save-chart" | "action_delete-chart" | "context_no-charts" | "context_add-first-chart", import("@gravity-ui/i18n").KeyData>;
+    };
+};
+export default _default;

package/build/cjs/widgets/DashboardCharts/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:dashboard-charts', _dicts.default);
+// #sourceMappingURL=index.js.map

package/build/cjs/widgets/DashboardCharts/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:dashboard-charts', 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,qBAAqB,EAAEC,cAAK,CAAC","ignoreList":[]}

package/build/cjs/widgets/DashboardCharts/i18n/ru.json

@@ -0,0 +1,7 @@
+{
+  "action_add-chart": "Добавить график",
+  "action_save-chart": "Сохранить",
+  "action_delete-chart": "Удалить",
+  "context_no-charts": "Графиков пока нет",
+  "context_add-first-chart": "Добавьте график, чтобы начать собирать дашборд"
+}

package/build/cjs/widgets/DashboardCharts/index.d.ts

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

package/build/cjs/widgets/DashboardCharts/index.js

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

package/build/cjs/widgets/DashboardCharts/index.js.map

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

package/build/cjs/widgets/DashboardCharts/internal/EmptyDashboardPlaceholder.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+type EmptyDashboardPlaceholderProps = {
+    emptyTitle?: ReactNode;
+    emptyDescription?: ReactNode;
+};
+export declare const EmptyDashboardPlaceholder: ({ emptyTitle, emptyDescription, }: EmptyDashboardPlaceholderProps) => React.JSX.Element;
+export {};

package/build/cjs/widgets/DashboardCharts/internal/EmptyDashboardPlaceholder.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmptyDashboardPlaceholder = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _i18n = _interopRequireDefault(require("../i18n"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-empty-dashboard-placeholder');
+var EmptyDashboardPlaceholder = exports.EmptyDashboardPlaceholder = function EmptyDashboardPlaceholder(_ref) {
+  var emptyTitle = _ref.emptyTitle,
+    emptyDescription = _ref.emptyDescription;
+  var resolvedEmptyTitle = emptyTitle !== null && emptyTitle !== void 0 ? emptyTitle : (0, _i18n.default)('context_no-charts');
+  var resolvedEmptyDescription = emptyDescription !== null && emptyDescription !== void 0 ? emptyDescription : (0, _i18n.default)('context_add-first-chart');
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    centerContent: true,
+    gap: 1,
+    className: block('empty'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      variant: "subheader-2",
+      children: resolvedEmptyTitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+      color: "secondary",
+      children: resolvedEmptyDescription
+    })]
+  });
+};
+// #sourceMappingURL=EmptyDashboardPlaceholder.js.map

package/build/cjs/widgets/DashboardCharts/internal/EmptyDashboardPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_i18n","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","EmptyDashboardPlaceholder","exports","_ref","emptyTitle","emptyDescription","resolvedEmptyTitle","i18n","resolvedEmptyDescription","_jsxs","Flex","direction","centerContent","gap","className","children","_jsx","Text","variant","color"],"sources":["EmptyDashboardPlaceholder.tsx"],"sourcesContent":["import React, {ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport i18n from '../i18n';\nimport cn from 'bem-cn-lite';\n\ntype EmptyDashboardPlaceholderProps = {\n    emptyTitle?: ReactNode;\n    emptyDescription?: ReactNode;\n};\n\nconst block = cn('qp-empty-dashboard-placeholder');\n\nexport const EmptyDashboardPlaceholder = ({\n    emptyTitle,\n    emptyDescription,\n}: EmptyDashboardPlaceholderProps) => {\n    const resolvedEmptyTitle = emptyTitle ?? i18n('context_no-charts');\n    const resolvedEmptyDescription = emptyDescription ?? i18n('context_add-first-chart');\n\n    return (\n        <Flex direction=\"column\" centerContent gap={1} className={block('empty')}>\n            <Text variant=\"subheader-2\">{resolvedEmptyTitle}</Text>\n            <Text color=\"secondary\">{resolvedEmptyDescription}</Text>\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA6B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAO7B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,gCAAgC,CAAC;AAE3C,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,SAA5BA,yBAAyBA,CAAAE,IAAA,EAGA;EAAA,IAFlCC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EAEhB,IAAMC,kBAAkB,GAAGF,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,IAAAG,aAAI,EAAC,mBAAmB,CAAC;EAClE,IAAMC,wBAAwB,GAAGH,gBAAgB,aAAhBA,gBAAgB,cAAhBA,gBAAgB,GAAI,IAAAE,aAAI,EAAC,yBAAyB,CAAC;EAEpF,oBACI,IAAAE,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,aAAa;IAACC,GAAG,EAAE,CAAE;IAACC,SAAS,EAAEf,KAAK,CAAC,OAAO,CAAE;IAAAgB,QAAA,gBACrE,IAAAC,eAAA,EAACC,WAAI;MAACC,OAAO,EAAC,aAAa;MAAAH,QAAA,EAAET;IAAkB,CAAO,CAAC,eACvD,IAAAU,eAAA,EAACC,WAAI;MAACE,KAAK,EAAC,WAAW;MAAAJ,QAAA,EAAEP;IAAwB,CAAO,CAAC;EAAA,CACvD,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/widgets/DashboardCharts/story/DashboardCharts.stories.css

@@ -0,0 +1,7 @@
+.qp-dashboard-charts-story {
+  box-sizing: border-box;
+  height: 720px;
+  padding: var(--g-spacing-4);
+  background: var(--g-color-base-background);
+}
+/*# sourceMappingURL=DashboardCharts.stories.css.map */

package/build/cjs/widgets/DashboardCharts/story/DashboardCharts.stories.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DashboardCharts.stories.scss"],"names":[],"mappings":"AAAA;EACI,sBAAA;EACA,aAAA;EACA,2BAAA;EACA,0CAAA;AACJ","file":"DashboardCharts.stories.css","sourcesContent":[".qp-dashboard-charts-story {\n    box-sizing: border-box;\n    height: 720px;\n    padding: var(--g-spacing-4);\n    background: var(--g-color-base-background);\n}\n"],"sourceRoot":""}

package/build/cjs/widgets/DashboardCharts/story/DashboardCharts.stories.d.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DashboardCharts } from '../DashboardCharts';
+import './DashboardCharts.stories.scss';
+declare const meta: Meta<typeof DashboardCharts>;
+export default meta;
+type Story = StoryObj<typeof DashboardCharts>;
+/**
+ * Start with an empty dashboard and use the Add chart menu to create any chart type
+ * supported by `@gravity-ui/charts`.
+ */
+export declare const Default: Story;
+/**
+ * A practical monitoring dashboard with the most common cartesian and circular charts.
+ * Every card can be dragged, resized and opened in the chart editor.
+ */
+export declare const CommonCharts: Story;
+/**
+ * Less common visualizations for hierarchy, flow, changes, profiles, density,
+ * conversion and execution intervals.
+ */
+export declare const AdvancedCharts: Story;

package/build/cjs/widgets/DashboardCharts/story/DashboardCharts.stories.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = exports.CommonCharts = exports.AdvancedCharts = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _actions = require("storybook/actions");
+var _DashboardCharts = require("../DashboardCharts");
+var _mockData = require("./mockData");
+require("./DashboardCharts.stories.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var meta = {
+  title: 'Widgets/DashboardCharts',
+  component: _DashboardCharts.DashboardCharts,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'fullscreen'
+  },
+  args: {
+    onItemsChange: (0, _actions.action)('onItemsChange'),
+    onLayoutChange: (0, _actions.action)('onLayoutChange')
+  },
+  render: function render(args) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "qp-dashboard-charts-story",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DashboardCharts.DashboardCharts, (0, _objectSpread2.default)({}, args))
+    });
+  }
+};
+var _default = exports.default = meta;
+/**
+ * Start with an empty dashboard and use the Add chart menu to create any chart type
+ * supported by `@gravity-ui/charts`.
+ */
+var Default = exports.Default = {
+  args: {
+    dataSource: _mockData.allChartTypesDataSource
+  }
+};
+
+/**
+ * A practical monitoring dashboard with the most common cartesian and circular charts.
+ * Every card can be dragged, resized and opened in the chart editor.
+ */
+var CommonCharts = exports.CommonCharts = {
+  args: {
+    dataSource: _mockData.commonChartsDataSource,
+    chartItems: _mockData.commonChartItems,
+    defaultLayout: _mockData.commonChartsLayout,
+    dashboardProps: {
+      grid: {
+        cols: 6,
+        rowHeight: 72,
+        gap: 12,
+        compactType: 'vertical'
+      },
+      focusable: true
+    }
+  }
+};
+
+/**
+ * Less common visualizations for hierarchy, flow, changes, profiles, density,
+ * conversion and execution intervals.
+ */
+var AdvancedCharts = exports.AdvancedCharts = {
+  args: {
+    dataSource: _mockData.advancedChartsDataSource,
+    chartItems: _mockData.advancedChartItems,
+    defaultLayout: _mockData.advancedChartsLayout,
+    dashboardProps: {
+      grid: {
+        cols: 8,
+        rowHeight: 72,
+        gap: 12,
+        compactType: 'vertical'
+      },
+      focusable: true
+    }
+  }
+};
+// #sourceMappingURL=DashboardCharts.stories.js.map

package/build/cjs/widgets/DashboardCharts/story/DashboardCharts.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_actions","_DashboardCharts","_mockData","_jsxRuntime","e","__esModule","default","meta","title","component","DashboardCharts","tags","parameters","layout","args","onItemsChange","action","onLayoutChange","render","_jsx","className","children","_objectSpread","_default","exports","Default","dataSource","allChartTypesDataSource","CommonCharts","commonChartsDataSource","chartItems","commonChartItems","defaultLayout","commonChartsLayout","dashboardProps","grid","cols","rowHeight","gap","compactType","focusable","AdvancedCharts","advancedChartsDataSource","advancedChartItems","advancedChartsLayout"],"sources":["DashboardCharts.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {action} from 'storybook/actions';\n\nimport {DashboardCharts} from '../DashboardCharts';\nimport {\n    advancedChartItems,\n    advancedChartsDataSource,\n    advancedChartsLayout,\n    allChartTypesDataSource,\n    commonChartItems,\n    commonChartsDataSource,\n    commonChartsLayout,\n} from './mockData';\n\nimport './DashboardCharts.stories.scss';\n\nconst meta: Meta<typeof DashboardCharts> = {\n    title: 'Widgets/DashboardCharts',\n    component: DashboardCharts,\n    tags: ['autodocs'],\n    parameters: {layout: 'fullscreen'},\n    args: {\n        onItemsChange: action('onItemsChange'),\n        onLayoutChange: action('onLayoutChange'),\n    },\n    render: (args) => (\n        <div className=\"qp-dashboard-charts-story\">\n            <DashboardCharts {...args} />\n        </div>\n    ),\n};\n\nexport default meta;\ntype Story = StoryObj<typeof DashboardCharts>;\n\n/**\n * Start with an empty dashboard and use the Add chart menu to create any chart type\n * supported by `@gravity-ui/charts`.\n */\nexport const Default: Story = {\n    args: {\n        dataSource: allChartTypesDataSource,\n    },\n};\n\n/**\n * A practical monitoring dashboard with the most common cartesian and circular charts.\n * Every card can be dragged, resized and opened in the chart editor.\n */\nexport const CommonCharts: Story = {\n    args: {\n        dataSource: commonChartsDataSource,\n        chartItems: commonChartItems,\n        defaultLayout: commonChartsLayout,\n        dashboardProps: {\n            grid: {cols: 6, rowHeight: 72, gap: 12, compactType: 'vertical'},\n            focusable: true,\n        },\n    },\n};\n\n/**\n * Less common visualizations for hierarchy, flow, changes, profiles, density,\n * conversion and execution intervals.\n */\nexport const AdvancedCharts: Story = {\n    args: {\n        dataSource: advancedChartsDataSource,\n        chartItems: advancedChartItems,\n        defaultLayout: advancedChartsLayout,\n        dashboardProps: {\n            grid: {cols: 8, rowHeight: 72, gap: 12, compactType: 'vertical'},\n            focusable: true,\n        },\n    },\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAUAA,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAExC,IAAMG,IAAkC,GAAG;EACvCC,KAAK,EAAE,yBAAyB;EAChCC,SAAS,EAAEC,gCAAe;EAC1BC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IAACC,MAAM,EAAE;EAAY,CAAC;EAClCC,IAAI,EAAE;IACFC,aAAa,EAAE,IAAAC,eAAM,EAAC,eAAe,CAAC;IACtCC,cAAc,EAAE,IAAAD,eAAM,EAAC,gBAAgB;EAC3C,CAAC;EACDE,MAAM,EAAE,SAARA,MAAMA,CAAGJ,IAAI;IAAA,oBACT,IAAAK,eAAA;MAAKC,SAAS,EAAC,2BAA2B;MAAAC,QAAA,eACtC,IAAAF,eAAA,EAACT,gCAAe,MAAAY,sBAAA,MAAKR,IAAI,CAAG;IAAC,CAC5B,CAAC;EAAA;AAEd,CAAC;AAAA,IAAAS,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEcC,IAAI;AAGnB;AACA;AACA;AACA;AACO,IAAMkB,OAAc,GAAAD,OAAA,CAAAC,OAAA,GAAG;EAC1BX,IAAI,EAAE;IACFY,UAAU,EAAEC;EAChB;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACO,IAAMC,YAAmB,GAAAJ,OAAA,CAAAI,YAAA,GAAG;EAC/Bd,IAAI,EAAE;IACFY,UAAU,EAAEG,gCAAsB;IAClCC,UAAU,EAAEC,0BAAgB;IAC5BC,aAAa,EAAEC,4BAAkB;IACjCC,cAAc,EAAE;MACZC,IAAI,EAAE;QAACC,IAAI,EAAE,CAAC;QAAEC,SAAS,EAAE,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,WAAW,EAAE;MAAU,CAAC;MAChEC,SAAS,EAAE;IACf;EACJ;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACO,IAAMC,cAAqB,GAAAjB,OAAA,CAAAiB,cAAA,GAAG;EACjC3B,IAAI,EAAE;IACFY,UAAU,EAAEgB,kCAAwB;IACpCZ,UAAU,EAAEa,4BAAkB;IAC9BX,aAAa,EAAEY,8BAAoB;IACnCV,cAAc,EAAE;MACZC,IAAI,EAAE;QAACC,IAAI,EAAE,CAAC;QAAEC,SAAS,EAAE,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,WAAW,EAAE;MAAU,CAAC;MAChEC,SAAS,EAAE;IACf;EACJ;AACJ,CAAC","ignoreList":[]}

package/build/cjs/widgets/DashboardCharts/story/mockData.d.ts

@@ -0,0 +1,25 @@
+import type { ConfigLayout } from '@gravity-ui/dashkit';
+import type { ChartEditorProps } from '../../../modules';
+import type { DashboardChartsProps } from '../types';
+type DashboardChartItem = NonNullable<DashboardChartsProps['chartItems']>[number];
+export declare const lineSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const areaSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const columnSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const horizontalBarSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const scatterSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const pieSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const treemapSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const waterfallSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const sankeySeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const radarSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const heatmapSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const funnelSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const xRangeSeriesMap: ChartEditorProps['chartSeriesMap'];
+export declare const commonChartsDataSource: DashboardChartsProps['dataSource'];
+export declare const advancedChartsDataSource: DashboardChartsProps['dataSource'];
+export declare const allChartTypesDataSource: DashboardChartsProps['dataSource'];
+export declare const commonChartItems: DashboardChartItem[];
+export declare const commonChartsLayout: ConfigLayout[];
+export declare const advancedChartItems: DashboardChartItem[];
+export declare const advancedChartsLayout: ConfigLayout[];
+export {};