@alfalab/core-components-chart 3.0.1 → 3.1.1

package/Component.js

@@ -2,31 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-813976f2.js');
+var tslib_es6 = require('./tslib.es6-fe17286e.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
-var components_LinearGradient = require('./components/LinearGradient.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./hooks/usePathBar/index.js');
+var components_CustomizedLabel = require('./components/CustomizedLabel.js');
+require('./icons/Point.js');
+var components_Dot_index = require('./components/Dot/index.js');
 require('@alfalab/core-components-typography');
 require('./icons/Circle.js');
 require('./icons/CircleLine.js');
 require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
 var components_Legends_index = require('./components/Legends/index.js');
-require('./icons/Point.js');
-var components_Dot_index = require('./components/Dot/index.js');
+var components_LinearGradient = require('./components/LinearGradient.js');
+var components_RectBar = require('./components/RectBar.js');
+var components_Tick_index = require('./components/Tick/index.js');
+var components_TooltipContent_index = require('./components/TooltipContent/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');
 var hooks_useSettings_index = require('./hooks/useSettings/index.js');
-require('./hooks/usePathBar/utils/getRadius.js');
-require('./hooks/usePathBar/index.js');
-var components_CustomizedLabel = require('./components/CustomizedLabel.js');
-var components_RectBar = require('./components/RectBar.js');
-var components_Tick_index = require('./components/Tick/index.js');
-var components_TooltipContent_index = require('./components/TooltipContent/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,13 +34,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
 var CustomizedHOC = function (Component, options) {
-    var NewComponent = function (props) {
-        return React__default['default'].createElement(Component, tslib_es6.__assign({}, props, options));
-    };
+    var NewComponent = function (props) { return React__default['default'].createElement(Component, tslib_es6.__assign({}, props, options)); };
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_wigjf","bar":"chart__bar_wigjf","unfocused":"chart__unfocused_wigjf"};
+var styles = {"coreChart":"chart__coreChart_1gg5z","bar":"chart__bar_1gg5z","unfocused":"chart__unfocused_1gg5z"};
 require('./index.css')
 
 var Chart = function (props) {
@@ -177,7 +175,8 @@ var Chart = function (props) {
                             ? CustomizedHOC(components_Dot_index.Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
-                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke) ? properties.inheritStroke
+                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke)
+                                    ? properties.inheritStroke
                                     : false,
                             })
                             : false, activeDot: false }))) : null;
@@ -244,12 +243,10 @@ var Chart = function (props) {
             });
         }
         if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {
-            setActiveDotsState(function (prev) {
-                return {
-                    prev: prev.active,
-                    active: activeTooltipIndex,
-                };
-            });
+            setActiveDotsState(function (prev) { return ({
+                prev: prev.active,
+                active: activeTooltipIndex,
+            }); });
         }
     };
     var mouseMove = function (e) {

package/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 1tndz */
-.chart__dotUnfocused_5gdzf {
+/* hash: 2cox0 */
+.chart__dotUnfocused_1kzzv {
     opacity: 0.3;
 }
 
-.chart__dot_5gdzf,
-.chart__dotItem_5gdzf,
-.chart__dotWrap_5gdzf {
+.chart__dot_1kzzv,
+.chart__dotItem_1kzzv,
+.chart__dotWrap_1kzzv {
     transition: all 0.2s ease;
 }
 
-.chart__dot_5gdzf {
-    animation: chart__showDot_5gdzf 0.5s ease;
+.chart__dot_1kzzv {
+    animation: chart__showDot_1kzzv 0.5s ease;
 }
 
-@keyframes chart__showDot_5gdzf {
+@keyframes chart__showDot_1kzzv {
     from {
         opacity: 0;
     }

package/components/Dot/index.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_5gdzf","dot":"chart__dot_5gdzf","dotItem":"chart__dotItem_5gdzf","dotWrap":"chart__dotWrap_5gdzf","showDot":"chart__showDot_5gdzf"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_1kzzv","dot":"chart__dot_1kzzv","dotItem":"chart__dotItem_1kzzv","dotWrap":"chart__dotWrap_1kzzv","showDot":"chart__showDot_1kzzv"};
 require('./index.css')
 
 var Dot = React__default['default'].forwardRef(function (_a, ref) {

package/components/Legends/index.css

@@ -1,4 +1,4 @@
-/* hash: x7dhz */
+/* hash: 1av9l */
 :root {
 
     /* Hard */
@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_w24e9 {
+.chart__legendContent_i501f {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_w24e9 {
+.chart__legendWrap_i501f {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_w24e9 {
+.chart__legendItem_i501f {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_w24e9:last-child {
+.chart__legendItem_i501f:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_w24e9 {
+.chart__legendUnactive_i501f {
     opacity: 0.3;
 }
-.chart__legendIcon_w24e9 {
+.chart__legendIcon_i501f {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_w24e9 {
+.chart__legendValue_i501f {
     text-transform: capitalize;
 }

package/components/Legends/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
-import { DataDynamicBooleanProps } from "../../types/utils/data.types";
 import { LegendProps } from "../../types/legend.types";
 import { SeriaProps } from "../../types/seria.types";
+import { DataDynamicBooleanProps } from "../../types/utils/data.types";
 interface Props {
     legend: LegendProps;
     series: SeriaProps[];

package/components/Legends/index.js

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"legendContent":"chart__legendContent_w24e9","legendWrap":"chart__legendWrap_w24e9","legendItem":"chart__legendItem_w24e9","legendUnactive":"chart__legendUnactive_w24e9","legendIcon":"chart__legendIcon_w24e9","legendValue":"chart__legendValue_w24e9"};
+var styles = {"legendContent":"chart__legendContent_i501f","legendWrap":"chart__legendWrap_i501f","legendItem":"chart__legendItem_i501f","legendUnactive":"chart__legendUnactive_i501f","legendIcon":"chart__legendIcon_i501f","legendValue":"chart__legendValue_i501f"};
 require('./index.css')
 
 var icons = {
@@ -39,7 +39,8 @@ var Legends = React__default['default'].forwardRef(function (_a, ref) {
         return (React__default['default'].createElement("li", { role: 'presentation', key: id + "-" + item.properties.dataKey, className: cn__default['default'](styles.legendItem, charts["" + item.properties.dataKey] ? '' : styles.legendUnactive), onClick: function () { return toggleChart(item); } },
             React__default['default'].createElement("div", { className: cn__default['default'](styles.legendContent) },
                 Icon ? (React__default['default'].createElement("i", { className: cn__default['default'](styles.legendIcon) },
-                    React__default['default'].createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) || ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
+                    React__default['default'].createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) ||
+                            ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
                             '', height: legend.iconHeight || 16 }))) : null,
                 React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', className: cn__default['default'](styles.legendValue) }, item.properties.name))));
     })));

package/components/LinearGradient.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { LinearGradientProps } from "../types/utils/gradient.types";
-declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement;
 export { LinearGradient };

package/components/RectBar.js

@@ -12,11 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // 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" + (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    ";
 };
 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;
@@ -26,8 +22,7 @@ var RectBar = function (_a) {
         background: background,
         y: y,
     }), initHeight = _b[0], topRadius = _b[1], bottomRadius = _b[2], initY = _b[3];
-    var path = 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__default['default'].createElement(React__default['default'].Fragment, null, path);
+    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]);
 };
 
 exports.RectBar = RectBar;

package/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: 1y4so */
+/* hash: 874re */
 :root {
     --color-dark-bg-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -11,17 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_14fu2 {
+.chart__tickText_1ftma {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_14fu2 {
+.chart__circle_1ftma {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_14fu2 {
+.chart__circle_1ftma {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/components/Tick/index.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tickText":"chart__tickText_14fu2","circle":"chart__circle_14fu2"};
+var styles = {"tickText":"chart__tickText_1ftma","circle":"chart__circle_1ftma"};
 require('./index.css')
 
 var Tick = function (_a) {

package/components/TooltipContent/index.css

@@ -1,4 +1,4 @@
-/* hash: 1ds6y */
+/* hash: 14oqt */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -19,7 +19,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.chart__tooltip_5fbb5 {
+.chart__tooltip_14g20 {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -28,17 +28,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipList_5fbb5 {
+.chart__tooltipList_14g20 {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_5fbb5 {
+.chart__tooltipItem_14g20 {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_5fbb5 {
+.chart__tooltipArrow_14g20 {
     position: absolute;
     left: 0;
     top: 50%;
@@ -48,7 +48,7 @@
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }
-.chart__tooltipArrow_5fbb5:before {
+.chart__tooltipArrow_14g20:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -59,7 +59,7 @@
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_5fbb5 {
+.chart__tooltipArrowRight_14g20 {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/components/TooltipContent/index.js

@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tooltip":"chart__tooltip_5fbb5","tooltipList":"chart__tooltipList_5fbb5","tooltipItem":"chart__tooltipItem_5fbb5","tooltipArrow":"chart__tooltipArrow_5fbb5","tooltipArrowRight":"chart__tooltipArrowRight_5fbb5"};
+var styles = {"tooltip":"chart__tooltip_14g20","tooltipList":"chart__tooltipList_14g20","tooltipItem":"chart__tooltipItem_14g20","tooltipArrow":"chart__tooltipArrow_14g20","tooltipArrowRight":"chart__tooltipArrowRight_14g20"};
 require('./index.css')
 
 var TooltipContent = function (_a) {

package/cssm/Component.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2be2aee7.js');
+var tslib_es6 = require('./tslib.es6-0de342ae.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
-var components_LinearGradient = require('./components/LinearGradient.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./hooks/usePathBar/index.js');
+var components_CustomizedLabel = require('./components/CustomizedLabel.js');
+require('./icons/Point.js');
+require('./components/Dot/index.module.css');
+var components_Dot_index = require('./components/Dot/index.js');
 require('@alfalab/core-components-typography/cssm');
 require('./icons/Circle.js');
 require('./icons/CircleLine.js');
@@ -14,23 +19,18 @@ require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
 require('./components/Legends/index.module.css');
 var components_Legends_index = require('./components/Legends/index.js');
-require('./icons/Point.js');
-require('./components/Dot/index.module.css');
-var components_Dot_index = require('./components/Dot/index.js');
+var components_LinearGradient = require('./components/LinearGradient.js');
+var components_RectBar = require('./components/RectBar.js');
+require('./components/Tick/index.module.css');
+var components_Tick_index = require('./components/Tick/index.js');
+require('./components/TooltipContent/index.module.css');
+var components_TooltipContent_index = require('./components/TooltipContent/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');
 var hooks_useSettings_index = require('./hooks/useSettings/index.js');
-require('./hooks/usePathBar/utils/getRadius.js');
-require('./hooks/usePathBar/index.js');
-var components_CustomizedLabel = require('./components/CustomizedLabel.js');
-var components_RectBar = require('./components/RectBar.js');
-require('./components/Tick/index.module.css');
-var components_Tick_index = require('./components/Tick/index.js');
-require('./components/TooltipContent/index.module.css');
-var components_TooltipContent_index = require('./components/TooltipContent/index.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,9 +40,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var CustomizedHOC = function (Component, options) {
-    var NewComponent = function (props) {
-        return React__default['default'].createElement(Component, tslib_es6.__assign({}, props, options));
-    };
+    var NewComponent = function (props) { return React__default['default'].createElement(Component, tslib_es6.__assign({}, props, options)); };
     return NewComponent;
 };
 
@@ -180,7 +178,8 @@ var Chart = function (props) {
                             ? CustomizedHOC(components_Dot_index.Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
-                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke) ? properties.inheritStroke
+                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke)
+                                    ? properties.inheritStroke
                                     : false,
                             })
                             : false, activeDot: false }))) : null;
@@ -247,12 +246,10 @@ var Chart = function (props) {
             });
         }
         if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {
-            setActiveDotsState(function (prev) {
-                return {
-                    prev: prev.active,
-                    active: activeTooltipIndex,
-                };
-            });
+            setActiveDotsState(function (prev) { return ({
+                prev: prev.active,
+                active: activeTooltipIndex,
+            }); });
         }
     };
     var mouseMove = function (e) {

package/cssm/components/Legends/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
-import { DataDynamicBooleanProps } from "../../types/utils/data.types";
 import { LegendProps } from "../../types/legend.types";
 import { SeriaProps } from "../../types/seria.types";
+import { DataDynamicBooleanProps } from "../../types/utils/data.types";
 interface Props {
     legend: LegendProps;
     series: SeriaProps[];

package/cssm/components/Legends/index.js

@@ -38,7 +38,8 @@ var Legends = React__default['default'].forwardRef(function (_a, ref) {
         return (React__default['default'].createElement("li", { role: 'presentation', key: id + "-" + item.properties.dataKey, className: cn__default['default'](styles__default['default'].legendItem, charts["" + item.properties.dataKey] ? '' : styles__default['default'].legendUnactive), onClick: function () { return toggleChart(item); } },
             React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].legendContent) },
                 Icon ? (React__default['default'].createElement("i", { className: cn__default['default'](styles__default['default'].legendIcon) },
-                    React__default['default'].createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) || ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
+                    React__default['default'].createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) ||
+                            ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
                             '', height: legend.iconHeight || 16 }))) : null,
                 React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', className: cn__default['default'](styles__default['default'].legendValue) }, item.properties.name))));
     })));

package/cssm/components/LinearGradient.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { LinearGradientProps } from "../types/utils/gradient.types";
-declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement;
 export { LinearGradient };

package/cssm/components/RectBar.js

@@ -12,11 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // 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" + (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    ";
 };
 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;
@@ -26,8 +22,7 @@ var RectBar = function (_a) {
         background: background,
         y: y,
     }), initHeight = _b[0], topRadius = _b[1], bottomRadius = _b[2], initY = _b[3];
-    var path = 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__default['default'].createElement(React__default['default'].Fragment, null, path);
+    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]);
 };
 
 exports.RectBar = RectBar;

package/cssm/hooks/useSettings/index.d.ts

@@ -1,16 +1,19 @@
 import { Dispatch, SetStateAction } from 'react';
 import { OptionsProps } from "../../types/options.types";
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../types/utils/data.types";
-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>>;
-}];
+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>>;
+    }
+];
 declare const useSettings: (options: OptionsProps) => Settings;
 export { useSettings };

package/cssm/hooks/useSettings/index.js

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

package/cssm/hooks/useSettings/utils/setComposedChartsMargin.d.ts

@@ -1,7 +1,7 @@
-import { XAxisProps } from "../../../types/xAxis.types";
 import { BrushProps } from "../../../types/brush.types";
-import { LegendProps } from "../../../types/legend.types";
 import { ComposedChartProps } from "../../../types/composedChart.types";
+import { LegendProps } from "../../../types/legend.types";
+import { XAxisProps } from "../../../types/xAxis.types";
 type ComposedChartsMarginResultProps = {
     top: number;
     bottom: number;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
     var _a, _b, _c, _d;
-    return {
+    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) +
@@ -13,7 +13,7 @@ var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
             ((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;

package/cssm/hooks/useSettings/utils/setDatas.d.ts

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

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-2be2aee7.js');
+var tslib_es6 = require('../../../tslib.es6-0de342ae.js');
 
 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).dataKey, dataKey = _c === void 0 ? '' : _c, _d = _a.data, seriaData = _d === void 0 ? [] : _d, hideLegend = _a.hideLegend, hide = _a.hide;
+        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) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-2be2aee7.js');
+var tslib_es6 = require('../../../tslib.es6-0de342ae.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/cssm/hooks/useSettings/utils/setLegendMargin.d.ts

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

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

@@ -2,13 +2,11 @@
 
 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;
-    });
-};
+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;

package/cssm/icons/CircleLine.d.ts

@@ -4,5 +4,5 @@ type Props = {
     fill?: string;
     height?: number;
 };
-declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement;
 export { CircleLineIcon };