@alfalab/core-components-chart 4.0.0 → 4.1.0-snapshot-92b8690

package/dynamic-mixins/hooks/useSettings/index.d.ts

@@ -0,0 +1,19 @@
+import { Dispatch, SetStateAction } from 'react';
+import { OptionsProps } from '../../types/options.types';
+import { DataDynamicBooleanProps, DataDynamicProps } from '../../types/utils/data.types';
+declare type Settings = [
+    {
+        state: OptionsProps | null;
+        data: DataDynamicProps[];
+        charts: DataDynamicBooleanProps;
+        filterCount: number;
+    },
+    {
+        setState: Dispatch<SetStateAction<OptionsProps | null>>;
+        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;
+        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;
+        setFilterCount: Dispatch<SetStateAction<number>>;
+    }
+];
+export declare const useSettings: (options: OptionsProps) => Settings;
+export {};

package/dynamic-mixins/hooks/useSettings/index.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
+var setDatas = require('./utils/setDatas.js');
+var setGradientCharts = require('./utils/setGradientCharts.js');
+var setLegendMargin = require('./utils/setLegendMargin.js');
+var sortByIndex = require('./utils/sortByIndex.js');
+
+var useSettings = function (options) {
+    var _a = React.useState(null), state = _a[0], setState = _a[1];
+    var _b = React.useState({}), charts = _b[0], setCharts = _b[1];
+    var _c = React.useState([]), data = _c[0], setData = _c[1];
+    var _d = React.useState(0), filterCount = _d[0], setFilterCount = _d[1];
+    React.useEffect(function () {
+        var _a;
+        var settings = tslib.__assign({}, options);
+        var brush = settings.brush, legend = settings.legend, series = settings.series, labels = settings.labels, composeChart = settings.composeChart, xAxis = settings.xAxis;
+        if (((_a = settings.legend) === null || _a === void 0 ? void 0 : _a.margin) && brush && legend)
+            settings.legend.margin.top = setLegendMargin.setLegendMargin(brush, legend);
+        settings.series = setGradientCharts.setGradientCharts(series);
+        var _b = setDatas.setDatas(settings.series, labels), initData = _b[0], chartsNames = _b[1], count = _b[2];
+        settings.composeChart.margin = setComposedChartsMargin.setComposedChartsMargin(composeChart, legend, brush, xAxis);
+        settings.series = sortByIndex.sortByIndex(settings.series);
+        setState(settings);
+        setData(initData);
+        setCharts(chartsNames);
+        setFilterCount(count);
+    }, [options]);
+    return [
+        {
+            state: state,
+            data: data,
+            charts: charts,
+            filterCount: filterCount,
+        },
+        {
+            setState: setState,
+            setData: setData,
+            setCharts: setCharts,
+            setFilterCount: setFilterCount,
+        },
+    ];
+};
+
+exports.useSettings = useSettings;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/hooks/useSettings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useSettings/index.tsx"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useState } from 'react';\n\nimport { OptionsProps } from '../../types/options.types';\nimport { DataDynamicBooleanProps, DataDynamicProps } from '../../types/utils/data.types';\n\nimport { setComposedChartsMargin } from './utils/setComposedChartsMargin';\nimport { setDatas } from './utils/setDatas';\nimport { setGradientCharts } from './utils/setGradientCharts';\nimport { setLegendMargin } from './utils/setLegendMargin';\nimport { sortByIndex } from './utils/sortByIndex';\n\ntype Settings = [\n    {\n        state: OptionsProps | null;\n        data: DataDynamicProps[];\n        charts: DataDynamicBooleanProps;\n        filterCount: number;\n    },\n    {\n        setState: Dispatch<SetStateAction<OptionsProps | null>>;\n        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;\n        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;\n        setFilterCount: Dispatch<SetStateAction<number>>;\n    },\n];\n\nexport const useSettings = (options: OptionsProps): Settings => {\n    const [state, setState] = useState<OptionsProps | null>(null);\n    const [charts, setCharts] = useState<DataDynamicBooleanProps>({});\n    const [data, setData] = useState<DataDynamicProps[]>([]);\n    const [filterCount, setFilterCount] = useState<number>(0);\n\n    useEffect(() => {\n        const settings: OptionsProps = { ...options };\n        const { brush, legend, series, labels, composeChart, xAxis } = settings;\n\n        if (settings.legend?.margin && brush && legend)\n            settings.legend.margin.top = setLegendMargin(brush, legend);\n\n        settings.series = setGradientCharts(series);\n        const [initData, chartsNames, count] = setDatas(settings.series, labels);\n\n        settings.composeChart.margin = setComposedChartsMargin(composeChart, legend, brush, xAxis);\n        settings.series = sortByIndex(settings.series);\n\n        setState(settings);\n        setData(initData);\n        setCharts(chartsNames);\n        setFilterCount(count);\n    }, [options]);\n\n    return [\n        {\n            state,\n            data,\n            charts,\n            filterCount,\n        },\n        {\n            setState,\n            setData,\n            setCharts,\n            setFilterCount,\n        },\n    ];\n};\n"],"names":["useState","useEffect","__assign","setLegendMargin","setGradientCharts","setDatas","setComposedChartsMargin","sortByIndex"],"mappings":";;;;;;;;;;;;AA0BO,IAAM,WAAW,GAAG,UAAC,OAAqB,EAAA;IACvC,IAAA,EAAA,GAAoBA,cAAQ,CAAsB,IAAI,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAuC;IACvD,IAAA,EAAA,GAAsBA,cAAQ,CAA0B,EAAE,CAAC,EAA1D,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAyC;IAC3D,IAAA,EAAA,GAAkBA,cAAQ,CAAqB,EAAE,CAAC,EAAjD,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAoC;IAClD,IAAA,EAAA,GAAgCA,cAAQ,CAAS,CAAC,CAAC,EAAlD,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAuB;AAEzD,IAAAC,eAAS,CAAC,YAAA;;AACN,QAAA,IAAM,QAAQ,GAAAC,cAAA,CAAA,EAAA,EAAsB,OAAO,CAAE;AACrC,QAAA,IAAA,KAAK,GAAkD,QAAQ,CAAA,KAA1D,EAAE,MAAM,GAA0C,QAAQ,CAAlD,MAAA,EAAE,MAAM,GAAkC,QAAQ,CAAA,MAA1C,EAAE,MAAM,GAA0B,QAAQ,CAAlC,MAAA,EAAE,YAAY,GAAY,QAAQ,CAAA,YAApB,EAAE,KAAK,GAAK,QAAQ,MAAb;QAE1D,IAAI,CAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,MAAM,0CAAE,MAAM,KAAI,KAAK,IAAI,MAAM;AAC1C,YAAA,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,GAAGC,+BAAe,CAAC,KAAK,EAAE,MAAM,CAAC;AAE/D,QAAA,QAAQ,CAAC,MAAM,GAAGC,mCAAiB,CAAC,MAAM,CAAC;AACrC,QAAA,IAAA,KAAiCC,iBAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAAA,EAAE,KAAK,QAAqC;AAExE,QAAA,QAAQ,CAAC,YAAY,CAAC,MAAM,GAAGC,+CAAuB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1F,QAAQ,CAAC,MAAM,GAAGC,uBAAW,CAAC,QAAQ,CAAC,MAAM,CAAC;QAE9C,QAAQ,CAAC,QAAQ,CAAC;QAClB,OAAO,CAAC,QAAQ,CAAC;QACjB,SAAS,CAAC,WAAW,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC;AACzB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,OAAO;AACH,QAAA;AACI,YAAA,KAAK,EAAA,KAAA;AACL,YAAA,IAAI,EAAA,IAAA;AACJ,YAAA,MAAM,EAAA,MAAA;AACN,YAAA,WAAW,EAAA,WAAA;AACd,SAAA;AACD,QAAA;AACI,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,cAAc,EAAA,cAAA;AACjB,SAAA;KACJ;AACL;;;;"}

package/dynamic-mixins/hooks/useSettings/utils/setComposedChartsMargin.d.ts

@@ -0,0 +1,12 @@
+import { BrushProps } from '../../../types/brush.types';
+import { ComposedChartProps } from '../../../types/composedChart.types';
+import { LegendProps } from '../../../types/legend.types';
+import { XAxisProps } from '../../../types/xAxis.types';
+declare type ComposedChartsMarginResultProps = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export declare const setComposedChartsMargin: (composeChart: ComposedChartProps, legend: LegendProps | undefined, brush: BrushProps | undefined, xAxis: XAxisProps) => ComposedChartsMarginResultProps;
+export {};

package/dynamic-mixins/hooks/useSettings/utils/setComposedChartsMargin.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
+    var _a, _b, _c, _d;
+    return ({
+        top: (((_a = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _a === void 0 ? void 0 : _a.top) || 0) +
+            ((legend === null || legend === void 0 ? void 0 : legend.verticalAlign) === 'top' && (legend === null || legend === void 0 ? void 0 : legend.marginTop) ? Math.abs(legend.marginTop) : 0),
+        bottom: (((_b = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _b === void 0 ? void 0 : _b.bottom) || 0) +
+            ((xAxis === null || xAxis === void 0 ? void 0 : xAxis.tickMargin) || 0) +
+            ((brush === null || brush === void 0 ? void 0 : brush.brushMargin) || 0) +
+            ((legend === null || legend === void 0 ? void 0 : legend.verticalAlign) !== 'top' && (legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop : 0),
+        left: ((_c = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _c === void 0 ? void 0 : _c.left) || 0,
+        right: ((_d = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _d === void 0 ? void 0 : _d.right) || 0,
+    });
+};
+
+exports.setComposedChartsMargin = setComposedChartsMargin;
+//# sourceMappingURL=setComposedChartsMargin.js.map

package/dynamic-mixins/hooks/useSettings/utils/setComposedChartsMargin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setComposedChartsMargin.js","sources":["../../../../src/hooks/useSettings/utils/setComposedChartsMargin.ts"],"sourcesContent":["import { BrushProps } from '../../../types/brush.types';\nimport { ComposedChartProps } from '../../../types/composedChart.types';\nimport { LegendProps } from '../../../types/legend.types';\nimport { XAxisProps } from '../../../types/xAxis.types';\n\ntype ComposedChartsMarginResultProps = {\n    top: number;\n    bottom: number;\n    left: number;\n    right: number;\n};\n\nexport const setComposedChartsMargin = (\n    composeChart: ComposedChartProps,\n    legend: LegendProps | undefined,\n    brush: BrushProps | undefined,\n    xAxis: XAxisProps,\n): ComposedChartsMarginResultProps => ({\n    top:\n        (composeChart?.initMargin?.top || 0) +\n        (legend?.verticalAlign === 'top' && legend?.marginTop ? Math.abs(legend.marginTop) : 0),\n    bottom:\n        (composeChart?.initMargin?.bottom || 0) +\n        (xAxis?.tickMargin || 0) +\n        (brush?.brushMargin || 0) +\n        (legend?.verticalAlign !== 'top' && legend?.marginTop ? legend.marginTop : 0),\n    left: composeChart?.initMargin?.left || 0,\n    right: composeChart?.initMargin?.right || 0,\n});\n"],"names":[],"mappings":";;;;AAYa,IAAA,uBAAuB,GAAG,UACnC,YAAgC,EAChC,MAA+B,EAC/B,KAA6B,EAC7B,KAAiB,EAAA;;AACiB,IAAA,QAAC;AACnC,QAAA,GAAG,EACC,CAAC,CAAA,CAAA,EAAA,GAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,KAAI,CAAC;AACnC,aAAC,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,aAAa,MAAK,KAAK,KAAI,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAA,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAC3F,QAAA,MAAM,EACF,CAAC,CAAA,CAAA,EAAA,GAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,KAAI,CAAC;aACrC,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,UAAU,KAAI,CAAC,CAAC;aACvB,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,WAAW,KAAI,CAAC,CAAC;AACzB,aAAC,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,aAAa,MAAK,KAAK,KAAI,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,SAAS,CAAA,GAAG,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;AACjF,QAAA,IAAI,EAAE,CAAA,CAAA,EAAA,GAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,KAAI,CAAC;AACzC,QAAA,KAAK,EAAE,CAAA,CAAA,EAAA,GAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,MAAA,GAAA,MAAA,GAAA,YAAY,CAAE,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,KAAI,CAAC;AAC9C,KAAA;;;;;"}

package/dynamic-mixins/hooks/useSettings/utils/setDatas.d.ts

@@ -0,0 +1,5 @@
+import { SeriaProps } from '../../../types/seria.types';
+import { DataDynamicBooleanProps, DataDynamicProps } from '../../../types/utils/data.types';
+declare type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
+export declare const setDatas: (series: SeriaProps[], labels: Array<string | number>) => DatasResultProps;
+export {};

package/dynamic-mixins/hooks/useSettings/utils/setDatas.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var setDatas = function (series, labels) {
+    var initData = [];
+    var chartsNames = {};
+    var count = 0;
+    var _loop_1 = function (i) {
+        var _a = series[i], _b = _a.properties, _c = _b === void 0 ? {} : _b, _d = _c.dataKey, dataKey = _d === void 0 ? '' : _d, _e = _a.data, seriaData = _e === void 0 ? [] : _e, hideLegend = _a.hideLegend, hide = _a.hide;
+        if (!hideLegend && !hide)
+            count += 1;
+        labels.map(function (label) {
+            var item = seriaData.find(function (d) { return d.label === label; });
+            if (item) {
+                var obj = {
+                    label: label,
+                };
+                obj["".concat(dataKey)] = item.value;
+                if (!chartsNames["".concat(dataKey)])
+                    chartsNames["".concat(dataKey)] = true;
+                var index = initData
+                    .map(function (dataItem) { return dataItem.label; })
+                    .indexOf(label);
+                if (index === -1)
+                    initData.push(obj);
+                else
+                    initData[index] = tslib.__assign(tslib.__assign({}, initData[index]), obj);
+            }
+            return null;
+        });
+    };
+    for (var i = 0; i < series.length; i++) {
+        _loop_1(i);
+    }
+    return [initData, chartsNames, count];
+};
+
+exports.setDatas = setDatas;
+//# sourceMappingURL=setDatas.js.map

package/dynamic-mixins/hooks/useSettings/utils/setDatas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setDatas.js","sources":["../../../../src/hooks/useSettings/utils/setDatas.ts"],"sourcesContent":["import { SeriaProps } from '../../../types/seria.types';\nimport {\n    DataDynamicBooleanProps,\n    DataDynamicProps,\n    DataProps,\n} from '../../../types/utils/data.types';\n\ntype DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];\n\nexport const setDatas = (\n    series: SeriaProps[],\n    labels: Array<string | number>,\n): DatasResultProps => {\n    const initData: DataDynamicProps[] = [];\n    const chartsNames: DataDynamicBooleanProps = {};\n    let count = 0;\n\n    for (let i = 0; i < series.length; i++) {\n        const {\n            properties: { dataKey = '' } = {},\n            data: seriaData = [],\n            hideLegend,\n            hide,\n        } = series[i];\n\n        if (!hideLegend && !hide) count += 1;\n\n        labels.map((label) => {\n            const item = seriaData.find((d: DataProps) => d.label === label);\n\n            if (item) {\n                const obj: DataDynamicProps = {\n                    label,\n                };\n\n                obj[`${dataKey}`] = item.value;\n\n                if (!chartsNames[`${dataKey}`]) chartsNames[`${dataKey}`] = true;\n\n                const index = initData\n                    .map((dataItem: DataDynamicProps) => dataItem.label)\n                    .indexOf(label);\n\n                if (index === -1) initData.push(obj);\n                else initData[index] = { ...initData[index], ...obj };\n            }\n\n            return null;\n        });\n    }\n\n    return [initData, chartsNames, count];\n};\n"],"names":["__assign"],"mappings":";;;;;;AASa,IAAA,QAAQ,GAAG,UACpB,MAAoB,EACpB,MAA8B,EAAA;IAE9B,IAAM,QAAQ,GAAuB,EAAE;IACvC,IAAM,WAAW,GAA4B,EAAE;IAC/C,IAAI,KAAK,GAAG,CAAC;4BAEJ,CAAC,EAAA;AACA,QAAA,IAAA,EAKF,GAAA,MAAM,CAAC,CAAC,CAAC,EAJT,EAAiC,GAAA,EAAA,CAAA,UAAA,EAAjC,EAA+B,GAAA,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAnB,eAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAC1B,EAAoB,GAAA,EAAA,CAAA,IAAA,EAAd,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACpB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,UACK;AAEb,QAAA,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI;YAAE,KAAK,IAAI,CAAC;AAEpC,QAAA,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA;AACb,YAAA,IAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,CAAY,EAAA,EAAK,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,CAAjB,EAAiB,CAAC;AAEhE,YAAA,IAAI,IAAI,EAAE;AACN,gBAAA,IAAM,GAAG,GAAqB;AAC1B,oBAAA,KAAK,EAAA,KAAA;iBACR;gBAED,GAAG,CAAC,UAAG,OAAO,CAAE,CAAC,GAAG,IAAI,CAAC,KAAK;AAE9B,gBAAA,IAAI,CAAC,WAAW,CAAC,EAAG,CAAA,MAAA,CAAA,OAAO,CAAE,CAAC;AAAE,oBAAA,WAAW,CAAC,EAAG,CAAA,MAAA,CAAA,OAAO,CAAE,CAAC,GAAG,IAAI;gBAEhE,IAAM,KAAK,GAAG;qBACT,GAAG,CAAC,UAAC,QAA0B,EAAK,EAAA,OAAA,QAAQ,CAAC,KAAK,CAAd,EAAc;qBAClD,OAAO,CAAC,KAAK,CAAC;gBAEnB,IAAI,KAAK,KAAK,EAAE;AAAE,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;;oBAC/B,QAAQ,CAAC,KAAK,CAAC,GAAQA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,QAAQ,CAAC,KAAK,CAAC,CAAA,EAAK,GAAG,CAAE;AACxD;AAED,YAAA,OAAO,IAAI;AACf,SAAC,CAAC;;AA/BN,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAA;gBAA7B,CAAC,CAAA;AAgCT;AAED,IAAA,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC;AACzC;;;;"}

package/dynamic-mixins/hooks/useSettings/utils/setGradientCharts.d.ts

@@ -0,0 +1,2 @@
+import { SeriaProps } from '../../../types/seria.types';
+export declare const setGradientCharts: (series: SeriaProps[]) => SeriaProps[];

package/dynamic-mixins/hooks/useSettings/utils/setGradientCharts.js

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+
+var setGradientCharts = function (series) {
+    var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });
+    return filterSeries.reduce(function (accum, item) {
+        var chart = item.chart, dataSeria = item.data, offset = item.offset, fill = item.fill;
+        if (chart === 'area') {
+            var newData = null;
+            if (offset) {
+                newData = dataSeria.map(function (d) {
+                    var label = d.label, value = d.value;
+                    return {
+                        label: label,
+                        value: Math.ceil(value - value * offset),
+                    };
+                });
+            }
+            accum.push(tslib.__assign(tslib.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib.__assign(tslib.__assign({}, item.properties), { dataKey: "".concat(item.properties.dataKey, "-gradient"), fill: fill }), data: newData || item.data }));
+        }
+        accum.push(item);
+        return accum;
+    }, []);
+};
+
+exports.setGradientCharts = setGradientCharts;
+//# sourceMappingURL=setGradientCharts.js.map

package/dynamic-mixins/hooks/useSettings/utils/setGradientCharts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setGradientCharts.js","sources":["../../../../src/hooks/useSettings/utils/setGradientCharts.ts"],"sourcesContent":["import { SeriaProps } from '../../../types/seria.types';\nimport { DataProps } from '../../../types/utils/data.types';\n\nexport const setGradientCharts = (series: SeriaProps[]): SeriaProps[] => {\n    const filterSeries = series.filter((item) => item.chart !== 'gradient');\n\n    return filterSeries.reduce((accum: SeriaProps[], item: SeriaProps) => {\n        const { chart, data: dataSeria, offset, fill } = item;\n\n        if (chart === 'area') {\n            let newData = null;\n\n            if (offset) {\n                newData = dataSeria.map((d: DataProps) => {\n                    const { label, value } = d;\n\n                    return {\n                        label,\n                        value: Math.ceil(value - value * offset),\n                    };\n                });\n            }\n\n            accum.push({\n                ...item,\n                zIndex: -100,\n                chart: 'gradient',\n                hideLegend: true,\n                hideTooltip: true,\n                properties: {\n                    ...item.properties,\n                    dataKey: `${item.properties.dataKey}-gradient`,\n                    fill,\n                },\n                data: newData || item.data,\n            });\n        }\n\n        accum.push(item);\n\n        return accum;\n    }, []);\n};\n"],"names":["__assign"],"mappings":";;;;;;AAGO,IAAM,iBAAiB,GAAG,UAAC,MAAoB,EAAA;AAClD,IAAA,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,KAAK,KAAK,UAAU,CAAzB,EAAyB,CAAC;AAEvE,IAAA,OAAO,YAAY,CAAC,MAAM,CAAC,UAAC,KAAmB,EAAE,IAAgB,EAAA;AACrD,QAAA,IAAA,KAAK,GAAoC,IAAI,MAAxC,EAAQ,SAAS,GAAmB,IAAI,CAAA,IAAvB,EAAE,MAAM,GAAW,IAAI,CAAf,MAAA,EAAE,IAAI,GAAK,IAAI,KAAT;QAE5C,IAAI,KAAK,KAAK,MAAM,EAAE;YAClB,IAAI,OAAO,GAAG,IAAI;AAElB,YAAA,IAAI,MAAM,EAAE;AACR,gBAAA,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,UAAC,CAAY,EAAA;oBACzB,IAAA,KAAK,GAAY,CAAC,CAAA,KAAb,EAAE,KAAK,GAAK,CAAC,CAAA,KAAN;oBAEpB,OAAO;AACH,wBAAA,KAAK,EAAA,KAAA;wBACL,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;qBAC3C;AACL,iBAAC,CAAC;AACL;YAED,KAAK,CAAC,IAAI,CACHA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,IAAI,KACP,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,UAAU,EACjB,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,IAAI,EACjB,UAAU,EAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACH,IAAI,CAAC,UAAU,KAClB,OAAO,EAAE,UAAG,IAAI,CAAC,UAAU,CAAC,OAAO,EAAA,WAAA,CAAW,EAC9C,IAAI,EAAA,IAAA,EAER,CAAA,EAAA,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,IAAI,EAAA,CAAA,CAC5B;AACL;AAED,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAEhB,QAAA,OAAO,KAAK;KACf,EAAE,EAAE,CAAC;AACV;;;;"}

package/dynamic-mixins/hooks/useSettings/utils/setLegendMargin.d.ts

@@ -0,0 +1,3 @@
+import { BrushProps } from '../../../types/brush.types';
+import { LegendProps } from '../../../types/legend.types';
+export declare const setLegendMargin: (brush: BrushProps, legend: LegendProps) => number;

package/dynamic-mixins/hooks/useSettings/utils/setLegendMargin.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var setLegendMargin = function (brush, legend) {
+    var top = 0;
+    if (typeof (brush === null || brush === void 0 ? void 0 : brush.brushMargin) !== 'number' || !(legend === null || legend === void 0 ? void 0 : legend.verticalAlign))
+        return top;
+    if (legend.verticalAlign === 'top') {
+        top = legend.marginTop ? Number(legend.marginTop * -1) : 0;
+    }
+    else {
+        top = (legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop + ((brush === null || brush === void 0 ? void 0 : brush.brushMargin) || 0) : brush === null || brush === void 0 ? void 0 : brush.brushMargin;
+    }
+    return top;
+};
+
+exports.setLegendMargin = setLegendMargin;
+//# sourceMappingURL=setLegendMargin.js.map

package/dynamic-mixins/hooks/useSettings/utils/setLegendMargin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setLegendMargin.js","sources":["../../../../src/hooks/useSettings/utils/setLegendMargin.ts"],"sourcesContent":["import { BrushProps } from '../../../types/brush.types';\nimport { LegendProps } from '../../../types/legend.types';\n\nexport const setLegendMargin = (brush: BrushProps, legend: LegendProps): number => {\n    let top = 0;\n\n    if (typeof brush?.brushMargin !== 'number' || !legend?.verticalAlign) return top;\n\n    if (legend.verticalAlign === 'top') {\n        top = legend.marginTop ? Number(legend.marginTop * -1) : 0;\n    } else {\n        top = legend?.marginTop ? legend.marginTop + (brush?.brushMargin || 0) : brush?.brushMargin;\n    }\n\n    return top;\n};\n"],"names":[],"mappings":";;;;AAGa,IAAA,eAAe,GAAG,UAAC,KAAiB,EAAE,MAAmB,EAAA;IAClE,IAAI,GAAG,GAAG,CAAC;IAEX,IAAI,QAAO,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,WAAW,CAAA,KAAK,QAAQ,IAAI,EAAC,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,aAAa,CAAA;AAAE,QAAA,OAAO,GAAG;AAEhF,IAAA,IAAI,MAAM,CAAC,aAAa,KAAK,KAAK,EAAE;QAChC,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC;AAC7D;AAAM,SAAA;AACH,QAAA,GAAG,GAAG,CAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,SAAS,IAAG,MAAM,CAAC,SAAS,IAAI,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,CAAC,CAAC,GAAG,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,WAAW;AAC9F;AAED,IAAA,OAAO,GAAG;AACd;;;;"}

package/dynamic-mixins/hooks/useSettings/utils/sortByIndex.d.ts

@@ -0,0 +1,2 @@
+import { SeriaProps } from '../../../types/seria.types';
+export declare const sortByIndex: (series: SeriaProps[]) => SeriaProps[];

package/dynamic-mixins/hooks/useSettings/utils/sortByIndex.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sortByIndex = function (series) {
+    return series.sort(function (a, b) {
+        if ((a === null || a === void 0 ? void 0 : a.zIndex) && (b === null || b === void 0 ? void 0 : b.zIndex) && (a === null || a === void 0 ? void 0 : a.zIndex) > (b === null || b === void 0 ? void 0 : b.zIndex)) {
+            return 1;
+        }
+        return -1;
+    });
+};
+
+exports.sortByIndex = sortByIndex;
+//# sourceMappingURL=sortByIndex.js.map

package/dynamic-mixins/hooks/useSettings/utils/sortByIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortByIndex.js","sources":["../../../../src/hooks/useSettings/utils/sortByIndex.ts"],"sourcesContent":["import { SeriaProps } from '../../../types/seria.types';\n\nexport const sortByIndex = (series: SeriaProps[]): SeriaProps[] =>\n    series.sort((a: SeriaProps, b: SeriaProps) => {\n        if (a?.zIndex && b?.zIndex && a?.zIndex > b?.zIndex) {\n            return 1;\n        }\n\n        return -1;\n    });\n"],"names":[],"mappings":";;;;AAEO,IAAM,WAAW,GAAG,UAAC,MAAoB,EAAA;AAC5C,IAAA,OAAA,MAAM,CAAC,IAAI,CAAC,UAAC,CAAa,EAAE,CAAa,EAAA;AACrC,QAAA,IAAI,CAAA,CAAC,KAAD,IAAA,IAAA,CAAC,uBAAD,CAAC,CAAE,MAAM,MAAI,CAAC,KAAD,IAAA,IAAA,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,MAAM,CAAA,IAAI,CAAA,CAAC,KAAD,IAAA,IAAA,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,MAAM,KAAG,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,MAAA,GAAA,MAAA,GAAA,CAAC,CAAE,MAAM,CAAA,EAAE;AACjD,YAAA,OAAO,CAAC;AACX;QAED,OAAO,EAAE;AACb,KAAC,CAAC;AANF;;;;"}

package/dynamic-mixins/icons/Circle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const CircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/dynamic-mixins/icons/Circle.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CircleIcon = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? '#FF5C5C' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 16 16', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
+};
+
+exports.CircleIcon = CircleIcon;
+//# sourceMappingURL=Circle.js.map

package/dynamic-mixins/icons/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sources":["../../src/icons/Circle.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const CircleIcon = ({ fill = '#FF5C5C', height = 16 }: Props) => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 16 16' fill='none'>\n        <circle cx='8' cy='8' r='8' fill={fill} />\n    </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAOO,IAAM,UAAU,GAAG,UAAC,EAAwC,EAAA;QAAtC,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;AAAc,IAAA,QACpEA,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;AACnF,QAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CACxC;AAH8D;;;;"}

package/dynamic-mixins/icons/CircleLine.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement;
+export {};

package/dynamic-mixins/icons/CircleLine.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CircleLineIcon = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? '#FF5C5C' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 12', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '11', cy: '6', r: '6', fill: fill }),
+        React__default.default.createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
+};
+
+exports.CircleLineIcon = CircleLineIcon;
+//# sourceMappingURL=CircleLine.js.map

package/dynamic-mixins/icons/CircleLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleLine.js","sources":["../../src/icons/CircleLine.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const CircleLineIcon = ({ fill = '#FF5C5C', height = 16 }: Props): React.ReactElement => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 22 12' fill='none'>\n        <circle cx='11' cy='6' r='6' fill={fill} />\n        <rect y='5' width='22' height='2' fill={fill} />\n    </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAOO,IAAM,cAAc,GAAG,UAAC,EAAwC,EAAA;QAAtC,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;AAAkC,IAAA,QAC5FA,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;AACnF,QAAAA,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA;AAC3C,QAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CAC9C;AAJsF;;;;"}

package/dynamic-mixins/icons/FilledCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const FilledCircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/dynamic-mixins/icons/FilledCircle.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var FilledCircleIcon = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? '#5A8ECF' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '11', cy: '11', r: '10', fill: 'url(#paint0_linear)', stroke: fill, strokeWidth: '2' }),
+        React__default.default.createElement("defs", null,
+            React__default.default.createElement("linearGradient", { id: 'paint0_linear', x1: '11', y1: '1', x2: '11', y2: '21', gradientUnits: 'userSpaceOnUse' },
+                React__default.default.createElement("stop", { stopColor: fill, stopOpacity: '0.2' }),
+                React__default.default.createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
+};
+
+exports.FilledCircleIcon = FilledCircleIcon;
+//# sourceMappingURL=FilledCircle.js.map

package/dynamic-mixins/icons/FilledCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilledCircle.js","sources":["../../src/icons/FilledCircle.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const FilledCircleIcon = ({ fill = '#5A8ECF', height = 16 }: Props) => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 22 22' fill='none'>\n        <circle cx='11' cy='11' r='10' fill='url(#paint0_linear)' stroke={fill} strokeWidth='2' />\n        <defs>\n            <linearGradient\n                id='paint0_linear'\n                x1='11'\n                y1='1'\n                x2='11'\n                y2='21'\n                gradientUnits='userSpaceOnUse'\n            >\n                <stop stopColor={fill} stopOpacity='0.2' />\n                <stop offset='1' stopColor={fill} stopOpacity='0' />\n            </linearGradient>\n        </defs>\n    </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAOO,IAAM,gBAAgB,GAAG,UAAC,EAAwC,EAAA;QAAtC,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;AAAc,IAAA,QAC1EA,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;QACnFA,sBAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,qBAAqB,EAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAG,CAAA;AAC1F,QAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;YACIA,sBACI,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAA,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,EAAA;AAE9B,gBAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,KAAK,EAAG,CAAA;AAC3C,gBAAAA,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAA,CAAG,CACvC,CACd,CACL;AAhBoE;;;;"}

package/dynamic-mixins/icons/Point.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const PointIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/dynamic-mixins/icons/Point.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var PointIcon = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? '#5A8ECF' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
+    return (React__default.default.createElement("svg", { height: height, viewBox: '0 0 18 18' },
+        React__default.default.createElement("circle", { cx: '9', cy: '9', r: '9', strokeWidth: '1', fill: fill, fillOpacity: '0.4' }),
+        React__default.default.createElement("circle", { cx: '9', cy: '9', r: '3', strokeWidth: '2', stroke: '#fff', fill: fill })));
+};
+
+exports.PointIcon = PointIcon;
+//# sourceMappingURL=Point.js.map

package/dynamic-mixins/icons/Point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point.js","sources":["../../src/icons/Point.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const PointIcon = ({ fill = '#5A8ECF', height = 16 }: Props) => (\n    <svg height={height} viewBox='0 0 18 18'>\n        <circle cx='9' cy='9' r='9' strokeWidth='1' fill={fill} fillOpacity='0.4' />\n        <circle cx='9' cy='9' r='3' strokeWidth='2' stroke='#fff' fill={fill} />\n    </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAOO,IAAM,SAAS,GAAG,UAAC,EAAwC,EAAA;QAAtC,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;IAAc,QACnEA,8CAAK,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAA;QACpCA,sBAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,KAAK,EAAG,CAAA;QAC5EA,sBAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CACtE;AAJ6D;;;;"}

package/dynamic-mixins/icons/StrokeCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const StrokeCircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/dynamic-mixins/icons/StrokeCircle.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var StrokeCircleIcon = function (_a) {
+    var _b = _a.fill, fill = _b === void 0 ? '#5A8ECF' : _b, _c = _a.height, height = _c === void 0 ? 16 : _c;
+    return (React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+        React__default.default.createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
+};
+
+exports.StrokeCircleIcon = StrokeCircleIcon;
+//# sourceMappingURL=StrokeCircle.js.map

package/dynamic-mixins/icons/StrokeCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StrokeCircle.js","sources":["../../src/icons/StrokeCircle.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const StrokeCircleIcon = ({ fill = '#5A8ECF', height = 16 }: Props) => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 22 22' fill='none'>\n        <circle cx='11' cy='11' r='10' stroke={fill} strokeWidth='2' strokeDasharray='8 8' />\n    </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AAOO,IAAM,gBAAgB,GAAG,UAAC,EAAwC,EAAA;QAAtC,EAAgB,GAAA,EAAA,CAAA,IAAA,EAAhB,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EAAE,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;AAAc,IAAA,QAC1EA,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;QACnFA,sBAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAC,eAAe,EAAC,KAAK,EAAG,CAAA,CACnF;AAHoE;;;;"}

package/dynamic-mixins/index.css

@@ -0,0 +1,13 @@
+:root {
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+} .chart__coreChart_oqne3 .recharts-line path {
+        transition: d 0.2s ease-out;
+    } .chart__coreChart_oqne3 .recharts-text tspan {
+        fill: var(--color-light-text-primary);
+        font-size: 16px;
+        line-height: 22px;
+    } .chart__bar_oqne3 {
+    transition: opacity 0.2s ease-out, d 0.2s ease-out;
+} .chart__unfocused_oqne3 {
+    opacity: 0.3;
+}

package/dynamic-mixins/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Component';
+export * from './types';

package/dynamic-mixins/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Chart = Component.Chart;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"coreChart":"chart__coreChart_oqne3","bar":"chart__bar_oqne3","unfocused":"chart__unfocused_oqne3"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n\n.coreChart {\n    & :global(.recharts-line path) {\n        transition: d 0.2s ease-out;\n    }\n\n    & :global(.recharts-text tspan) {\n        fill: var(--color-light-text-primary);\n        font-size: 16px;\n        line-height: 22px;\n    }\n}\n\n.bar {\n    transition: opacity 0.2s ease-out, d 0.2s ease-out;\n}\n\n.unfocused {\n    opacity: 0.3;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

package/dynamic-mixins/types/brush.types.d.ts

@@ -0,0 +1,40 @@
+import { ReactText } from 'react';
+import { DataKey } from 'recharts/types/util/types';
+export interface BrushProps {
+    /**
+     * Ключ данных
+     */
+    dataKey?: DataKey<string>;
+    /**
+     * Ширина ползунков
+     */
+    travallerWidth?: number;
+    /**
+     * Начальный индекс интервала показа
+     */
+    startIndex?: number;
+    /**
+     * Конечный индекс интервала показа
+     */
+    endIndex?: number;
+    /**
+     * Отступ
+     */
+    brushMargin?: number;
+    /**
+     * Высота
+     */
+    height: number;
+    /**
+     * Форматирование значений
+     */
+    tickFormatter?: (value: any, index: number) => ReactText;
+    /**
+     * Всегда показывать значение текущего интервала
+     */
+    alwaysShowText?: boolean;
+    /**
+     * Цвет
+     */
+    stroke?: string;
+}

package/dynamic-mixins/types/brush.types.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=brush.types.js.map

package/dynamic-mixins/types/brush.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brush.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dynamic-mixins/types/cartesianGrid.types.d.ts

@@ -0,0 +1,22 @@
+export interface CartesianGridProps {
+    /**
+     * Отображение горизонтальной сетки
+     */
+    horizontal?: boolean;
+    /**
+     * Отображение вертикальной сетки
+     */
+    vertical?: boolean;
+    /**
+     * Штрихи для осей
+     */
+    strokeDasharray?: string;
+    /**
+     * Цвет разметки сетки
+     */
+    stroke?: string;
+    /**
+     * Цвет заливки графика
+     */
+    fill?: string;
+}

package/dynamic-mixins/types/cartesianGrid.types.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=cartesianGrid.types.js.map

package/dynamic-mixins/types/cartesianGrid.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cartesianGrid.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}