@alfalab/core-components 45.6.0-beta.2 → 45.6.1

package/chart/cssm/components/Legends/index.module.css

@@ -0,0 +1,38 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-2xl: 32px;
+} :root {
+} :root {
+} .legendContent {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+} .legendWrap {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+} .legendItem {
+    margin-right: var(--gap-2xl);
+    cursor: pointer;
+    display: inline-block;
+} .legendItem:last-child {
+    margin-right: 0;
+} .legendUnactive {
+    opacity: 0.3;
+} .legendIcon {
+    margin-right: 13px;
+    display: flex;
+} .legendValue {
+    text-transform: capitalize;
+}

package/chart/cssm/components/LinearGradient.js

@@ -1,5 +1,14 @@
-import React from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const LinearGradient = ({ id, gid, points }) => (React.createElement("linearGradient", { key: `${id}-${gid}`, id: `${id}-${gid}`, x1: '0', y1: '0', x2: '0', y2: '1' }, points.map((point, index) => (React.createElement("stop", { key: `${id}${gid}-${index.toString()}`, offset: `${point.offset}%`, stopColor: point.stopColor, stopOpacity: point.stopOpacity })))));
+var React = require('react');
 
-export { LinearGradient };
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var LinearGradient = function (_a) {
+    var id = _a.id, gid = _a.gid, points = _a.points;
+    return (React__default.default.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__default.default.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,28 +1,26 @@
-import React, { useMemo } from 'react';
-import { usePathBar } from '../hooks/usePathBar/index.js';
-import '../hooks/usePathBar/utils/getRadius.js';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks_usePathBar_index = require('../hooks/usePathBar/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 // eslint-disable-next-line complexity
-const getPath = (x, width, height, initHeight, topRadius, bottomRadius, initY) => `
-        M${x + ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight || 0}
-        Q${x} ${initY + initHeight} ${x} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}
-        L${x} ${initY + ((height !== 0 && topRadius) || 0)}
-        Q${x} ${initY} ${x + ((height !== 0 && topRadius) || 0)} ${initY}
-        L${x + width - ((height !== 0 && topRadius) || 0)} ${initY}
-        Q${x + width} ${initY} ${x + width} ${initY + (topRadius || 0)}
-        L${x + width} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}
-        Q${x + width} ${initY + initHeight} ${x + width - ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight}
-        Z
-    `;
-const RectBar = ({ fill, x, y, width, height, radius, background }) => {
-    const [initHeight, topRadius, bottomRadius, initY] = usePathBar({
-        radius,
-        height,
-        background,
-        y,
-    });
-    return useMemo(() => (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })), [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
+var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, initY) {
+    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;
+    var _b = hooks_usePathBar_index.usePathBar({
+        radius: radius,
+        height: height,
+        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]);
 };
 
-export { RectBar };
+exports.RectBar = RectBar;

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

@@ -1,18 +1,25 @@
-import React from 'react';
-import cn from 'classnames';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const styles = {"tickText":"tickText","circle":"circle"};
-require('./index.css');
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-const Tick = ({ y, payload, tickFormatter, xAxis }) => {
-    const radius = 4;
-    const marginTick = xAxis?.tickMargin &&
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Tick = function (_a) {
+    var y = _a.y, payload = _a.payload, tickFormatter = _a.tickFormatter, xAxis = _a.xAxis;
+    var radius = 4;
+    var marginTick = (xAxis === null || xAxis === void 0 ? void 0 : xAxis.tickMargin) &&
         (xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)
         ? (radius / 2) * -1
         : null;
-    return (React.createElement("g", { className: cn(styles.tick), opacity: '1', textAnchor: 'middle', transform: `translate(${payload.coordinate}, ${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) })));
+    return (React__default.default.createElement("g", { className: cn__default.default(styles__default.default.tick), opacity: '1', textAnchor: 'middle', transform: "translate(".concat(payload.coordinate, ", ").concat(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) })));
 };
 
-export { Tick };
+exports.Tick = Tick;

package/chart/cssm/components/Tick/index.module.css

@@ -0,0 +1,29 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-dark-bg-primary: #0e0e0e;
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} .tickText {
+    fill: var(--color-light-text-primary);
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+} .circle {
+    opacity: 0.3;
+    fill: var(--color-dark-bg-primary);
+} .circle {
+    opacity: 0.3;
+    fill: var(--color-dark-bg-primary);
+}

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

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

package/chart/cssm/components/TooltipContent/index.module.css

@@ -0,0 +1,61 @@
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-primary: #d5d6dc; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+    --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+    --border-radius-m: 8px;
+} :root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+} :root {
+} :root {
+} .tooltip {
+    background-color: var(--color-light-bg-primary);
+    border: 1px solid var(--color-light-border-primary);
+    box-shadow: var(--shadow-l);
+    border-radius: var(--border-radius-m);
+    padding: var(--gap-s) var(--gap-m);
+    pointer-events: none;
+    position: relative;
+} .tooltipList {
+    position: relative;
+    z-index: 5;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+} .tooltipItem {
+    margin-bottom: 10px;
+} .tooltipArrow {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translate(-50%, -50%) scale(1, 1) rotate(45deg);
+    width: 10px;
+    height: 10px;
+    border: 1px solid var(--color-light-border-primary);
+    background-color: var(--color-light-bg-primary);
+} .tooltipArrow:before {
+    content: '';
+    position: absolute;
+    left: -2px;
+    top: -2px;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 24px 24px 0;
+    border-color: transparent var(--color-light-bg-primary) transparent transparent;
+} .tooltipArrowRight {
+    left: 100%;
+    transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
+}

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

@@ -1,25 +1,27 @@
-import { useState, useEffect } from 'react';
-import { getRadius } from './utils/getRadius.js';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const usePathBar = (props) => {
-    const [topRadius, setTopRadius] = useState(0);
-    const [bottomRadius, setBottomRadius] = useState(0);
-    const [initHeight, setInitHeight] = useState(0);
-    const [initY, setInitY] = useState(0);
-    useEffect(() => {
-        const { radius, height, background, y } = props;
-        const radiusTop = radius?.top ? getRadius(height, radius.top) : 0;
-        const radiusBottom = radius?.bottom ? getRadius(height, radius.bottom) : 0;
-        const heightCheck = (radius && height !== 0 && height / 2 < (radius?.top || 0)) ||
-            height / 2 < (radius?.bottom || 0);
+var React = require('react');
+var hooks_usePathBar_utils_getRadius = require('./utils/getRadius.js');
+
+var usePathBar = function (props) {
+    var _a = React.useState(0), topRadius = _a[0], setTopRadius = _a[1];
+    var _b = React.useState(0), bottomRadius = _b[0], setBottomRadius = _b[1];
+    var _c = React.useState(0), initHeight = _c[0], setInitHeight = _c[1];
+    var _d = React.useState(0), initY = _d[0], setInitY = _d[1];
+    React.useEffect(function () {
+        var radius = props.radius, height = props.height, background = props.background, y = props.y;
+        var radiusTop = (radius === null || radius === void 0 ? void 0 : radius.top) ? hooks_usePathBar_utils_getRadius.getRadius(height, radius.top) : 0;
+        var radiusBottom = (radius === null || radius === void 0 ? void 0 : radius.bottom) ? hooks_usePathBar_utils_getRadius.getRadius(height, radius.bottom) : 0;
+        var heightCheck = (radius && height !== 0 && height / 2 < ((radius === null || radius === void 0 ? void 0 : radius.top) || 0)) ||
+            height / 2 < ((radius === null || radius === void 0 ? void 0 : radius.bottom) || 0);
         // eslint-disable-next-line no-nested-ternary
-        const heightInit = heightCheck
+        var heightInit = heightCheck
             ? (radiusTop || radiusBottom) && radiusTop + radiusBottom
             : height > 0 && height < 2
                 ? 2
                 : height;
         if (background && y) {
-            const yInit = heightCheck
+            var yInit = heightCheck
                 ? background.height + background.y - (radiusTop + radiusBottom)
                 : y;
             setInitY(yInit);
@@ -34,4 +36,4 @@ const usePathBar = (props) => {
     return [initHeight, topRadius, bottomRadius, initY];
 };
 
-export { usePathBar };
+exports.usePathBar = usePathBar;

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

@@ -1,6 +1,8 @@
-const getRadius = (height, radius) => {
-    const result = radius && height / 2 < radius ? Math.ceil(height / 2) : radius || 0;
+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;
 };
 
-export { getRadius };
+exports.getRadius = getRadius;

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

@@ -1,24 +1,28 @@
-import { useState, useEffect } from 'react';
-import { setComposedChartsMargin } from './utils/setComposedChartsMargin.js';
-import { setDatas } from './utils/setDatas.js';
-import { setGradientCharts } from './utils/setGradientCharts.js';
-import { setLegendMargin } from './utils/setLegendMargin.js';
-import { sortByIndex } from './utils/sortByIndex.js';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const useSettings = (options) => {
-    const [state, setState] = useState(null);
-    const [charts, setCharts] = useState({});
-    const [data, setData] = useState([]);
-    const [filterCount, setFilterCount] = useState(0);
-    useEffect(() => {
-        const settings = { ...options };
-        const { brush, legend, series, labels, composeChart, xAxis } = settings;
-        if (settings.legend?.margin && brush && legend)
-            settings.legend.margin.top = setLegendMargin(brush, legend);
-        settings.series = setGradientCharts(series);
-        const [initData, chartsNames, count] = setDatas(settings.series, labels);
-        settings.composeChart.margin = setComposedChartsMargin(composeChart, legend, brush, xAxis);
-        settings.series = sortByIndex(settings.series);
+var tslib = require('tslib');
+var React = require('react');
+var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
+var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');
+var hooks_useSettings_utils_setGradientCharts = require('./utils/setGradientCharts.js');
+var hooks_useSettings_utils_setLegendMargin = require('./utils/setLegendMargin.js');
+var hooks_useSettings_utils_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 = hooks_useSettings_utils_setLegendMargin.setLegendMargin(brush, legend);
+        settings.series = hooks_useSettings_utils_setGradientCharts.setGradientCharts(series);
+        var _b = hooks_useSettings_utils_setDatas.setDatas(settings.series, labels), initData = _b[0], chartsNames = _b[1], count = _b[2];
+        settings.composeChart.margin = hooks_useSettings_utils_setComposedChartsMargin.setComposedChartsMargin(composeChart, legend, brush, xAxis);
+        settings.series = hooks_useSettings_utils_sortByIndex.sortByIndex(settings.series);
         setState(settings);
         setData(initData);
         setCharts(chartsNames);
@@ -26,18 +30,18 @@ const useSettings = (options) => {
     }, [options]);
     return [
         {
-            state,
-            data,
-            charts,
-            filterCount,
+            state: state,
+            data: data,
+            charts: charts,
+            filterCount: filterCount,
         },
         {
-            setState,
-            setData,
-            setCharts,
-            setFilterCount,
+            setState: setState,
+            setData: setData,
+            setCharts: setCharts,
+            setFilterCount: setFilterCount,
         },
     ];
 };
 
-export { useSettings };
+exports.useSettings = useSettings;

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

@@ -1,12 +1,17 @@
-const setComposedChartsMargin = (composeChart, legend, brush, xAxis) => ({
-    top: (composeChart?.initMargin?.top || 0) +
-        (legend?.verticalAlign === 'top' && legend?.marginTop ? Math.abs(legend.marginTop) : 0),
-    bottom: (composeChart?.initMargin?.bottom || 0) +
-        (xAxis?.tickMargin || 0) +
-        (brush?.brushMargin || 0) +
-        (legend?.verticalAlign !== 'top' && legend?.marginTop ? legend.marginTop : 0),
-    left: composeChart?.initMargin?.left || 0,
-    right: composeChart?.initMargin?.right || 0,
-});
+Object.defineProperty(exports, '__esModule', { value: true });
 
-export { setComposedChartsMargin };
+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;

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

@@ -1,32 +1,39 @@
-const setDatas = (series, labels) => {
-    const initData = [];
-    const chartsNames = {};
-    let count = 0;
-    for (let i = 0; i < series.length; i++) {
-        const { properties: { dataKey = '' } = {}, data: seriaData = [], hideLegend, hide, } = series[i];
+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((label) => {
-            const item = seriaData.find((d) => d.label === label);
+        labels.map(function (label) {
+            var item = seriaData.find(function (d) { return d.label === label; });
             if (item) {
-                const obj = {
-                    label,
+                var obj = {
+                    label: label,
                 };
-                obj[`${dataKey}`] = item.value;
-                if (!chartsNames[`${dataKey}`])
-                    chartsNames[`${dataKey}`] = true;
-                const index = initData
-                    .map((dataItem) => dataItem.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] = { ...initData[index], ...obj };
+                    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];
 };
 
-export { setDatas };
+exports.setDatas = setDatas;

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

@@ -1,35 +1,27 @@
-const setGradientCharts = (series) => {
-    const filterSeries = series.filter((item) => item.chart !== 'gradient');
-    return filterSeries.reduce((accum, item) => {
-        const { chart, data: dataSeria, offset, fill } = item;
+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') {
-            let newData = null;
+            var newData = null;
             if (offset) {
-                newData = dataSeria.map((d) => {
-                    const { label, value } = d;
+                newData = dataSeria.map(function (d) {
+                    var label = d.label, value = d.value;
                     return {
-                        label,
+                        label: label,
                         value: Math.ceil(value - value * offset),
                     };
                 });
             }
-            accum.push({
-                ...item,
-                zIndex: -100,
-                chart: 'gradient',
-                hideLegend: true,
-                hideTooltip: true,
-                properties: {
-                    ...item.properties,
-                    dataKey: `${item.properties.dataKey}-gradient`,
-                    fill,
-                },
-                data: newData || item.data,
-            });
+            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;
     }, []);
 };
 
-export { setGradientCharts };
+exports.setGradientCharts = setGradientCharts;

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

@@ -1,14 +1,16 @@
-const setLegendMargin = (brush, legend) => {
-    let top = 0;
-    if (typeof brush?.brushMargin !== 'number' || !legend?.verticalAlign)
+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?.marginTop ? legend.marginTop + (brush?.brushMargin || 0) : brush?.brushMargin;
+        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;
 };
 
-export { setLegendMargin };
+exports.setLegendMargin = setLegendMargin;