@alfalab/core-components 36.3.1 → 36.4.0

package/chart/cssm/components/LinearGradient.js

@@ -1,14 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var LinearGradient = function (_a) {
     var id = _a.id, gid = _a.gid, points = _a.points;
-    return (React__default['default'].createElement("linearGradient", { key: id + "-" + gid, id: id + "-" + gid, x1: '0', y1: '0', x2: '0', y2: '1' }, points.map(function (point, index) { return (React__default['default'].createElement("stop", { key: "" + id + gid + "-" + index.toString(), offset: point.offset + "%", stopColor: point.stopColor, stopOpacity: point.stopOpacity })); })));
+    return (React.createElement("linearGradient", { key: "".concat(id, "-").concat(gid), id: "".concat(id, "-").concat(gid), x1: '0', y1: '0', x2: '0', y2: '1' }, points.map(function (point, index) { return (React.createElement("stop", { key: "".concat(id).concat(gid, "-").concat(index.toString()), offset: "".concat(point.offset, "%"), stopColor: point.stopColor, stopOpacity: point.stopOpacity })); })));
 };
 
 exports.LinearGradient = LinearGradient;

package/chart/cssm/components/RectBar.js

@@ -1,16 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-require('../hooks/usePathBar/utils/getRadius.js');
 var hooks_usePathBar_index = require('../hooks/usePathBar/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('../hooks/usePathBar/utils/getRadius.js');
 
 // eslint-disable-next-line complexity
 var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, initY) {
-    return "\n        M" + (x + ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight || 0) + "\n        Q" + x + " " + (initY + initHeight) + " " + x + " " + (initY + initHeight - ((height !== 0 && bottomRadius) || 0)) + "\n        L" + x + " " + (initY + ((height !== 0 && topRadius) || 0)) + "\n        Q" + x + " " + initY + " " + (x + ((height !== 0 && topRadius) || 0)) + " " + initY + "\n        L" + (x + width - ((height !== 0 && topRadius) || 0)) + " " + initY + "\n        Q" + (x + width) + " " + initY + " " + (x + width) + " " + (initY + (topRadius || 0)) + "\n        L" + (x + width) + " " + (initY + initHeight - ((height !== 0 && bottomRadius) || 0)) + "\n        Q" + (x + width) + " " + (initY + initHeight) + " " + (x + width - ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight) + "\n        Z\n    ";
+    return "\n        M".concat(x + ((height !== 0 && bottomRadius) || 0), " ").concat(initY + initHeight || 0, "\n        Q").concat(x, " ").concat(initY + initHeight, " ").concat(x, " ").concat(initY + initHeight - ((height !== 0 && bottomRadius) || 0), "\n        L").concat(x, " ").concat(initY + ((height !== 0 && topRadius) || 0), "\n        Q").concat(x, " ").concat(initY, " ").concat(x + ((height !== 0 && topRadius) || 0), " ").concat(initY, "\n        L").concat(x + width - ((height !== 0 && topRadius) || 0), " ").concat(initY, "\n        Q").concat(x + width, " ").concat(initY, " ").concat(x + width, " ").concat(initY + (topRadius || 0), "\n        L").concat(x + width, " ").concat(initY + initHeight - ((height !== 0 && bottomRadius) || 0), "\n        Q").concat(x + width, " ").concat(initY + initHeight, " ").concat(x + width - ((height !== 0 && bottomRadius) || 0), " ").concat(initY + initHeight, "\n        Z\n    ");
 };
 var RectBar = function (_a) {
     var fill = _a.fill, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius, background = _a.background;
@@ -20,7 +14,7 @@ var RectBar = function (_a) {
         background: background,
         y: y,
     }), initHeight = _b[0], topRadius = _b[1], bottomRadius = _b[2], initY = _b[3];
-    return React.useMemo(function () { return (React__default['default'].createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
+    return React.useMemo(function () { return (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
 };
 
 exports.RectBar = RectBar;

package/chart/cssm/components/Tick/index.js

@@ -1,15 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 var Tick = function (_a) {
     var y = _a.y, payload = _a.payload, tickFormatter = _a.tickFormatter, xAxis = _a.xAxis;
     var radius = 4;
@@ -17,9 +9,9 @@ var Tick = function (_a) {
         (xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)
         ? (radius / 2) * -1
         : null;
-    return (React__default['default'].createElement("g", { className: cn__default['default'](styles__default['default'].tick), opacity: '1', textAnchor: 'middle', transform: "translate(" + payload.coordinate + ", " + (y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2) + ")" },
-        React__default['default'].createElement("text", { className: cn__default['default'](styles__default['default'].tickText), y: '30' }, tickFormatter ? tickFormatter(payload.value) : payload.value),
-        React__default['default'].createElement("circle", { r: radius, className: cn__default['default'](styles__default['default'].circle) })));
+    return (React.createElement("g", { className: cn(styles.tick), opacity: '1', textAnchor: 'middle', transform: "translate(".concat(payload.coordinate, ", ").concat(y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2, ")") },
+        React.createElement("text", { className: cn(styles.tickText), y: '30' }, tickFormatter ? tickFormatter(payload.value) : payload.value),
+        React.createElement("circle", { r: radius, className: cn(styles.circle) })));
 };
 
 exports.Tick = Tick;

package/chart/cssm/components/TooltipContent/index.js

@@ -1,34 +1,26 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTypography = require('../../../../typography/cssm');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 var TooltipContent = function (_a) {
     var payload = _a.payload, separator = _a.separator, label = _a.label, tooltipArrowSide = _a.tooltipArrowSide, arrow = _a.arrow, series = _a.series, labelFormatter = _a.labelFormatter, labelStyle = _a.labelStyle;
     if (!label || payload.length === 0)
         return null;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].tooltip) },
-        arrow && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].tooltipArrow, tooltipArrowSide ? '' : styles__default['default'].tooltipArrowRight) })),
-        React__default['default'].createElement("ul", { className: cn__default['default'](styles__default['default'].tooltipList) },
-            React__default['default'].createElement("li", { className: cn__default['default'](styles__default['default'].tooltipItem), style: labelStyle },
-                React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default['default'](styles__default['default'].tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
+    return (React.createElement("div", { className: cn(styles.tooltip) },
+        arrow && (React.createElement("span", { className: cn(styles.tooltipArrow, tooltipArrowSide ? '' : styles.tooltipArrowRight) })),
+        React.createElement("ul", { className: cn(styles.tooltipList) },
+            React.createElement("li", { className: cn(styles.tooltipItem), style: labelStyle },
+                React.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn(styles.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
             payload.map(function (entry) {
                 var data = series.find(function (d) { return d.properties.dataKey === entry.dataKey; });
                 if ((data === null || data === void 0 ? void 0 : data.hideTooltip) || (data === null || data === void 0 ? void 0 : data.hide))
                     return null;
-                return (React__default['default'].createElement("li", { className: cn__default['default'](styles__default['default'].tooltipItem), key: entry.dataKey, style: { color: entry.color } },
-                    React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default['default'](styles__default['default'].tooltipValue) },
+                return (React.createElement("li", { className: cn(styles.tooltipItem), key: entry.dataKey, style: { color: entry.color } },
+                    React.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn(styles.tooltipValue) },
                         (entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
                         separator || ' '),
-                    React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', tag: 'span', className: cn__default['default'](styles__default['default'].tooltipName) }, "" + entry.name)));
+                    React.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', tag: 'span', className: cn(styles.tooltipName) }, "".concat(entry.name))));
             }))));
 };
 

package/chart/cssm/hooks/usePathBar/index.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var hooks_usePathBar_utils_getRadius = require('./utils/getRadius.js');
 

package/chart/cssm/hooks/usePathBar/utils/getRadius.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var getRadius = function (height, radius) {
     var result = radius && height / 2 < radius ? Math.ceil(height / 2) : radius || 0;
     return result;

package/chart/cssm/hooks/useSettings/index.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../tslib.es6-0de342ae.js');
+var tslib_es6 = require('../../tslib.es6-19b064c1.js');
 var React = require('react');
 var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
 var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');

package/chart/cssm/hooks/useSettings/utils/setComposedChartsMargin.js

@@ -1,5 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
     var _a, _b, _c, _d;
     return ({

package/chart/cssm/hooks/useSettings/utils/setDatas.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../tslib.es6-0de342ae.js');
+var tslib_es6 = require('../../../tslib.es6-19b064c1.js');
 
 var setDatas = function (series, labels) {
     var initData = [];
@@ -16,9 +14,9 @@ var setDatas = function (series, labels) {
                 var obj = {
                     label: label,
                 };
-                obj["" + dataKey] = item.value;
-                if (!chartsNames["" + dataKey])
-                    chartsNames["" + dataKey] = true;
+                obj["".concat(dataKey)] = item.value;
+                if (!chartsNames["".concat(dataKey)])
+                    chartsNames["".concat(dataKey)] = true;
                 var index = initData
                     .map(function (dataItem) { return dataItem.label; })
                     .indexOf(label);

package/chart/cssm/hooks/useSettings/utils/setGradientCharts.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../tslib.es6-0de342ae.js');
+var tslib_es6 = require('../../../tslib.es6-19b064c1.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });
@@ -17,7 +15,7 @@ var setGradientCharts = function (series) {
                     };
                 });
             }
-            accum.push(tslib_es6.__assign(tslib_es6.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib_es6.__assign(tslib_es6.__assign({}, item.properties), { dataKey: item.properties.dataKey + "-gradient", fill: fill }), data: newData || item.data }));
+            accum.push(tslib_es6.__assign(tslib_es6.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib_es6.__assign(tslib_es6.__assign({}, item.properties), { dataKey: "".concat(item.properties.dataKey, "-gradient"), fill: fill }), data: newData || item.data }));
         }
         accum.push(item);
         return accum;

package/chart/cssm/hooks/useSettings/utils/setLegendMargin.js

@@ -1,5 +1,3 @@
-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))

package/chart/cssm/hooks/useSettings/utils/sortByIndex.js

@@ -1,5 +1,3 @@
-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)) {

package/chart/cssm/icons/Circle.js

@@ -1,15 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 })));
+    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 16 16', fill: 'none' },
+        React.createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
 };
 
 exports.CircleIcon = CircleIcon;

package/chart/cssm/icons/CircleLine.js

@@ -1,16 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 })));
+    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 12', fill: 'none' },
+        React.createElement("circle", { cx: '11', cy: '6', r: '6', fill: fill }),
+        React.createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
 };
 
 exports.CircleLineIcon = CircleLineIcon;

package/chart/cssm/icons/FilledCircle.js

@@ -1,19 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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' })))));
+    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+        React.createElement("circle", { cx: '11', cy: '11', r: '10', fill: 'url(#paint0_linear)', stroke: fill, strokeWidth: '2' }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: 'paint0_linear', x1: '11', y1: '1', x2: '11', y2: '21', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: fill, stopOpacity: '0.2' }),
+                React.createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
 };
 
 exports.FilledCircleIcon = FilledCircleIcon;

package/chart/cssm/icons/Point.js

@@ -1,16 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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 })));
+    return (React.createElement("svg", { height: height, viewBox: '0 0 18 18' },
+        React.createElement("circle", { cx: '9', cy: '9', r: '9', strokeWidth: '1', fill: fill, fillOpacity: '0.4' }),
+        React.createElement("circle", { cx: '9', cy: '9', r: '3', strokeWidth: '2', stroke: '#fff', fill: fill })));
 };
 
 exports.PointIcon = PointIcon;

package/chart/cssm/icons/StrokeCircle.js

@@ -1,15 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(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' })));
+    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+        React.createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
 };
 
 exports.StrokeCircleIcon = StrokeCircleIcon;

package/chart/cssm/index.js

@@ -1,35 +1,33 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./tslib.es6-0de342ae.js');
+var Component = require('./Component.js');
+require('./tslib.es6-19b064c1.js');
 require('react');
 require('classnames');
 require('recharts');
-require('./hooks/usePathBar/utils/getRadius.js');
-require('./hooks/usePathBar/index.js');
 require('./components/CustomizedLabel.js');
+require('./hooks/usePathBar/index.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./components/Dot/index.js');
 require('./icons/Point.js');
 require('./components/Dot/index.module.css');
-require('./components/Dot/index.js');
+require('./components/Legends/index.js');
 require('../../typography/cssm');
 require('./icons/Circle.js');
 require('./icons/CircleLine.js');
 require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
 require('./components/Legends/index.module.css');
-require('./components/Legends/index.js');
 require('./components/LinearGradient.js');
 require('./components/RectBar.js');
-require('./components/Tick/index.module.css');
 require('./components/Tick/index.js');
-require('./components/TooltipContent/index.module.css');
+require('./components/Tick/index.module.css');
 require('./components/TooltipContent/index.js');
-var Component = require('./Component.js');
+require('./components/TooltipContent/index.module.css');
+require('./hooks/useSettings/index.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
 require('./hooks/useSettings/utils/setGradientCharts.js');
 require('./hooks/useSettings/utils/setLegendMargin.js');
 require('./hooks/useSettings/utils/sortByIndex.js');
-require('./hooks/useSettings/index.js');
 require('./index.module.css');
 
 

package/chart/cssm/types/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from "./data.types";
 export * from "./dot.types";
 export * from "./gradient.types";
 export * from "./tick.types";
+export {};

package/chart/esm/Component.js

@@ -1,35 +1,35 @@
-import { _ as __assign } from './tslib.es6-9e8e8633.js';
+import { _ as __assign } from './tslib.es6-6783eaff.js';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
-import './hooks/usePathBar/utils/getRadius.js';
-import './hooks/usePathBar/index.js';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
-import './icons/Point.js';
 import { Dot } from './components/Dot/index.js';
-import '../../typography/esm';
-import './icons/Circle.js';
-import './icons/CircleLine.js';
-import './icons/FilledCircle.js';
-import './icons/StrokeCircle.js';
 import { Legends } from './components/Legends/index.js';
 import { LinearGradient } from './components/LinearGradient.js';
 import { RectBar } from './components/RectBar.js';
 import { Tick } from './components/Tick/index.js';
 import { TooltipContent } from './components/TooltipContent/index.js';
+import { useSettings } from './hooks/useSettings/index.js';
+import '../../typography/esm';
+import './hooks/usePathBar/index.js';
+import './hooks/usePathBar/utils/getRadius.js';
+import './icons/Point.js';
+import './icons/Circle.js';
+import './icons/CircleLine.js';
+import './icons/FilledCircle.js';
+import './icons/StrokeCircle.js';
 import './hooks/useSettings/utils/setComposedChartsMargin.js';
 import './hooks/useSettings/utils/setDatas.js';
 import './hooks/useSettings/utils/setGradientCharts.js';
 import './hooks/useSettings/utils/setLegendMargin.js';
 import './hooks/useSettings/utils/sortByIndex.js';
-import { useSettings } from './hooks/useSettings/index.js';
 
 var CustomizedHOC = function (Component, options) {
     var NewComponent = function (props) { return React.createElement(Component, __assign({}, props, options)); };
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_p15op","bar":"chart__bar_p15op","unfocused":"chart__unfocused_p15op"};
+var styles = {"coreChart":"chart__coreChart_tfbya","bar":"chart__bar_tfbya","unfocused":"chart__unfocused_tfbya"};
 require('./index.css');
 
 var Chart = function (props) {
@@ -52,18 +52,18 @@ var Chart = function (props) {
             if (chart !== 'gradient' || !gradient)
                 return null;
             var gid = gradient.gid, points = gradient.points;
-            return (React.createElement(LinearGradient, { key: state.id + "-" + gid, id: state.id, gid: gid, points: points }));
+            return (React.createElement(LinearGradient, { key: "".concat(state.id, "-").concat(gid), id: state.id, gid: gid, points: points }));
         });
     }, [state]);
     var toggleChart = useCallback(function (item) {
         var chart = item.chart, dataKey = item.properties.dataKey;
         var withGrad = chart === 'area';
         var changed = false;
-        if (charts["" + dataKey] && filterCount > 1) {
+        if (charts["".concat(dataKey)] && filterCount > 1) {
             changed = true;
             setFilterCount(function (prev) { return prev - 1; });
         }
-        if (!charts["" + dataKey]) {
+        if (!charts["".concat(dataKey)]) {
             changed = true;
             setFilterCount(function (prev) { return prev + 1; });
         }
@@ -71,9 +71,9 @@ var Chart = function (props) {
             return;
         setCharts(function (prev) {
             var newState = __assign({}, prev);
-            newState["" + dataKey] = !newState["" + dataKey];
+            newState["".concat(dataKey)] = !newState["".concat(dataKey)];
             if (withGrad)
-                newState[dataKey + "-gradient"] = !newState[dataKey + "-gradient"];
+                newState["".concat(dataKey, "-gradient")] = !newState["".concat(dataKey, "-gradient")];
             return newState;
         });
     }, [charts, filterCount, setCharts, setFilterCount]);
@@ -93,7 +93,7 @@ var Chart = function (props) {
             ? state.xAxis.tickMargin + (((_c = state === null || state === void 0 ? void 0 : state.brush) === null || _c === void 0 ? void 0 : _c.brushMargin) || 0)
             : 0;
         return (React.createElement(Legend, __assign({}, (state.legend || null), { content: React.createElement(Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
-                transform: "translateY(" + translate + "px)",
+                transform: "translateY(".concat(translate, "px)"),
             } })));
     }, [state, charts, toggleChart, legendRef]);
     var renderCartesianGrid = useMemo(function () {
@@ -148,13 +148,13 @@ var Chart = function (props) {
             return null;
         return state.series.map(function (item) {
             var chart = item.chart, properties = item.properties, radius = item.radius, labelList = item.labelList;
-            var show = charts["" + properties.dataKey];
+            var show = charts["".concat(properties.dataKey)];
             switch (chart) {
                 case 'bar':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Bar, __assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React.createElement(RectBar, { radius: radius }) }),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Bar, __assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React.createElement(RectBar, { radius: radius }) }),
                         labelList && (React.createElement(LabelList, __assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React.createElement(CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
-                            var key = state.id + "-" + properties.dataKey + "-" + index;
+                            var key = "".concat(state.id, "-").concat(properties.dataKey, "-").concat(index);
                             return (React.createElement(Cell, { key: key, className: cn(styles.bar, typeof activeDotsState.active === 'number' &&
                                     activeDotsState.active !== index
                                     ? styles.unfocused
@@ -162,7 +162,7 @@ var Chart = function (props) {
                         }))) : null;
                 case 'area':
                 case 'line':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Line, __assign({ key: state.id + "-" + properties.dataKey }, properties, { dot: properties.dot && properties.dotSettings
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Line, __assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { dot: properties.dot && properties.dotSettings
                             ? CustomizedHOC(Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
@@ -172,8 +172,8 @@ var Chart = function (props) {
                             })
                             : false, activeDot: false }))) : null;
                 case 'gradient':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Area, __assign({}, item.properties, { key: state.id + "-" + item.properties.dataKey, dataKey: "" + item.properties.dataKey, stroke: 'transparent', fill: item.gradient.gid
-                            ? "url(#" + state.id + "-" + item.gradient.gid + ")"
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Area, __assign({}, item.properties, { key: "".concat(state.id, "-").concat(item.properties.dataKey), dataKey: "".concat(item.properties.dataKey), stroke: 'transparent', fill: item.gradient.gid
+                            ? "url(#".concat(state.id, "-").concat(item.gradient.gid, ")")
                             : item.properties.fill, dot: false, activeDot: false }))) : null;
                 default:
                     return null;

package/chart/esm/components/CustomizedLabel.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import '../hooks/usePathBar/utils/getRadius.js';
 import { usePathBar } from '../hooks/usePathBar/index.js';
+import '../hooks/usePathBar/utils/getRadius.js';
 
 var CustomizedLabel = function (_a) {
     var x = _a.x, y = _a.y, value = _a.value, offset = _a.offset, radius = _a.radius, height = _a.height, width = _a.width, formatter = _a.formatter;

package/chart/esm/components/Dot/index.css

@@ -1,19 +1,19 @@
 /* hash: 1vmhq */
-.chart__dotUnfocused_ddw4g {
+.chart__dotUnfocused_1iy1i {
     opacity: 0.3;
 }
 
-.chart__dot_ddw4g,
-.chart__dotItem_ddw4g,
-.chart__dotWrap_ddw4g {
+.chart__dot_1iy1i,
+.chart__dotItem_1iy1i,
+.chart__dotWrap_1iy1i {
     transition: all 0.2s ease;
 }
 
-.chart__dot_ddw4g {
-    animation: chart__showDot_ddw4g 0.5s ease;
+.chart__dot_1iy1i {
+    animation: chart__showDot_1iy1i 0.5s ease;
 }
 
-@keyframes chart__showDot_ddw4g {
+@keyframes chart__showDot_1iy1i {
     from {
         opacity: 0;
     }

package/chart/esm/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_ddw4g","dot":"chart__dot_ddw4g","dotItem":"chart__dotItem_ddw4g","dotWrap":"chart__dotWrap_ddw4g","showDot":"chart__showDot_ddw4g"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_1iy1i","dot":"chart__dot_1iy1i","dotItem":"chart__dotItem_1iy1i","dotWrap":"chart__dotWrap_1iy1i","showDot":"chart__showDot_1iy1i"};
 require('./index.css');
 
 var Dot = React.forwardRef(function (_a, ref) {
@@ -35,8 +35,8 @@ var Dot = React.forwardRef(function (_a, ref) {
     }, [activeDot, index, option]);
     if (!value)
         return null;
-    return (React.createElement("g", { ref: ref, className: cn(styles.dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
-        React.createElement("g", { className: cn(styles.dotWrap), transform: "scale(" + (activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0) + ")" },
+    return (React.createElement("g", { ref: ref, className: cn(styles.dot), transform: "translate(".concat(cx - width / 2, ", ").concat(cy - height / 2, ")") },
+        React.createElement("g", { className: cn(styles.dotWrap), transform: "scale(".concat(activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0, ")") },
             React.createElement("svg", { className: cn(styles.dotItem, activeDot === index ? styles.dotActive : '', typeof activeDot === 'number' && activeDot !== index
                     ? styles.dotUnfocused
                     : ''), "data-id": index, "data-name": dataKey, width: (option === null || option === void 0 ? void 0 : option.width) || 0, height: (option === null || option === void 0 ? void 0 : option.height) || 0 },

package/chart/esm/components/Legends/index.css

@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_ra056 {
+.chart__legendContent_j4ha9 {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_ra056 {
+.chart__legendWrap_j4ha9 {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_ra056 {
+.chart__legendItem_j4ha9 {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_ra056:last-child {
+.chart__legendItem_j4ha9:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_ra056 {
+.chart__legendUnactive_j4ha9 {
     opacity: 0.3;
 }
-.chart__legendIcon_ra056 {
+.chart__legendIcon_j4ha9 {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_ra056 {
+.chart__legendValue_j4ha9 {
     text-transform: capitalize;
 }