@alfalab/core-components 26.3.0-beta.9 → 26.3.1-beta.2

package/chart/components/TooltipContent/index.js

@@ -0,0 +1,36 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('../../../typography');
+
+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 = {"tooltip":"chart__tooltip_qtxuh","tooltipList":"chart__tooltipList_qtxuh","tooltipItem":"chart__tooltipItem_qtxuh","tooltipArrow":"chart__tooltipArrow_qtxuh","tooltipArrowRight":"chart__tooltipArrowRight_qtxuh"};
+require('./index.css');
+
+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.tooltip) },
+        arrow && (React__default['default'].createElement("span", { className: cn__default['default'](styles.tooltipArrow, tooltipArrowSide ? '' : styles.tooltipArrowRight) })),
+        React__default['default'].createElement("ul", { className: cn__default['default'](styles.tooltipList) },
+            React__default['default'].createElement("li", { className: cn__default['default'](styles.tooltipItem), style: labelStyle },
+                React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default['default'](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.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.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.tooltipName) }, "" + entry.name)));
+            }))));
+};
+
+exports.TooltipContent = TooltipContent;

package/chart/cssm/Component.js

@@ -4,41 +4,31 @@ var tslib_es6 = require('./tslib.es6-2be2aee7.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
-require('./hooks/use-path-bar/utils/get-radius.js');
-require('./hooks/use-path-bar/index.js');
-require('./hooks/use-settings/utils/set-composed-charts-margin.js');
-require('./hooks/use-settings/utils/set-datas.js');
-require('./hooks/use-settings/utils/set-gradient-charts.js');
-require('./hooks/use-settings/utils/set-legend-margin.js');
-require('./hooks/use-settings/utils/sort-by-index.js');
-var hooks_useSettings_index = require('./hooks/use-settings/index.js');
-var components_customizedLabel_Component = require('./components/customized-label/Component.js');
-require('./icons/circle-icon.js');
-require('./icons/circle-line-icon.js');
-require('./icons/filled-circle-icon.js');
-require('./icons/point-icon.js');
-require('./icons/stroke-circle-icon.js');
-require('./components/dot/index.module.css');
-var components_dot_Component = require('./components/dot/Component.js');
-require('../../amount/cssm');
+var components_LinearGradient = require('./components/LinearGradient.js');
 require('../../typography/cssm');
-require('./components/legends/index.module.css');
-var components_legends_Component = require('./components/legends/Component.js');
-var components_linearGradient_Component = require('./components/linear-gradient/Component.js');
-require('./components/rect-bar/index.module.css');
-var components_rectBar_Component = require('./components/rect-bar/Component.js');
-require('./components/tick/index.module.css');
-var components_tick_Component = require('./components/tick/Component.js');
-require('./components/tooltip-content/tooltip-icon/index.module.css');
-require('./components/tooltip-content/tooltip-icon/index.js');
-require('./helpers/add-str.js');
-require('./components/tooltip-content/tooltip-name/index.js');
-require('./components/tooltip-content/tooltip-value/index.module.css');
-require('./components/tooltip-content/tooltip-value/index.js');
-require('./types/tooltip.types.js');
-require('./components/tooltip-content/index.module.css');
-var components_tooltipContent_Component = require('./components/tooltip-content/Component.js');
-var customizedHoc = require('./customized-hoc-021dee4c.js');
+require('./icons/Circle.js');
+require('./icons/CircleLine.js');
+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');
+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 }; }
@@ -47,6 +37,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 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));
+    };
+    return NewComponent;
+};
+
 var Chart = function (props) {
     var _a;
     var _b = hooks_useSettings_index.useSettings(props), _c = _b[0], state = _c.state, data = _c.data, charts = _c.charts, filterCount = _c.filterCount, _d = _b[1], setCharts = _d.setCharts, setFilterCount = _d.setFilterCount;
@@ -67,7 +64,7 @@ var Chart = function (props) {
             if (chart !== 'gradient' || !gradient)
                 return null;
             var gid = gradient.gid, points = gradient.points;
-            return (React__default['default'].createElement(components_linearGradient_Component.LinearGradient, { key: state.id + "-" + gid, id: state.id, gid: gid, points: points }));
+            return (React__default['default'].createElement(components_LinearGradient.LinearGradient, { key: state.id + "-" + gid, id: state.id, gid: gid, points: points }));
         });
     }, [state]);
     var toggleChart = React.useCallback(function (item) {
@@ -107,7 +104,7 @@ var Chart = function (props) {
         var translate = ((_a = state === null || state === void 0 ? void 0 : state.xAxis) === null || _a === void 0 ? void 0 : _a.tickMargin) && ((_b = state === null || state === void 0 ? void 0 : state.legend) === null || _b === void 0 ? void 0 : _b.verticalAlign) !== 'top'
             ? 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__default['default'].createElement(recharts.Legend, tslib_es6.__assign({}, (state.legend || null), { content: React__default['default'].createElement(components_legends_Component.Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
+        return (React__default['default'].createElement(recharts.Legend, tslib_es6.__assign({}, (state.legend || null), { content: React__default['default'].createElement(components_Legends_index.Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
                 transform: "translateY(" + translate + "px)",
             } })));
     }, [state, charts, toggleChart, legendRef]);
@@ -122,7 +119,7 @@ var Chart = function (props) {
             return null;
         var tick;
         if (((_a = state === null || state === void 0 ? void 0 : state.xAxis) === null || _a === void 0 ? void 0 : _a.tickType) === 'point') {
-            tick = customizedHoc.CustomizedHOC(components_tick_Component.Tick, { xAxis: state.xAxis });
+            tick = CustomizedHOC(components_Tick_index.Tick, { xAxis: state.xAxis });
         }
         else if (typeof state.xAxis.tick === 'boolean') {
             tick = state.xAxis.tick;
@@ -138,7 +135,7 @@ var Chart = function (props) {
             return null;
         var tick;
         if ((_a = state === null || state === void 0 ? void 0 : state.yAxis) === null || _a === void 0 ? void 0 : _a.tick) {
-            tick = customizedHoc.CustomizedHOC(state.yAxis.tick, { state: state });
+            tick = CustomizedHOC(state.yAxis.tick, { state: state });
         }
         else if (typeof state.yAxis.tick === 'boolean') {
             tick = state.yAxis.tick;
@@ -156,28 +153,21 @@ var Chart = function (props) {
     var renderTooltip = React.useMemo(function () {
         if (!(state === null || state === void 0 ? void 0 : state.tooltip))
             return null;
-        return (React__default['default'].createElement(recharts.Tooltip, tslib_es6.__assign({ ref: tooltipRef }, state.tooltip, { content: customizedHoc.CustomizedHOC(components_tooltipContent_Component.TooltipContent, {
-                series: state.series,
-                tooltipArrowSide: tooltipArrowSide,
-                legend: state.legend,
-                tooltip: state.tooltip,
-            }) })));
+        return (React__default['default'].createElement(recharts.Tooltip, tslib_es6.__assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(components_TooltipContent_index.TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
     }, [state, tooltipArrowSide]);
     var renderChartsItems = React.useMemo(function () {
         if (!state || !charts)
             return null;
         return state.series.map(function (item) {
-            var _a;
             var chart = item.chart, properties = item.properties, radius = item.radius, labelList = item.labelList;
             var show = charts["" + properties.dataKey];
             switch (chart) {
                 case 'bar':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Bar, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_rectBar_Component.RectBar, { radius: radius, activeDotsState: activeDotsState, unfocusedAnimation: state.composeChart.unfocusedAnimation }) }),
-                        labelList && (React__default['default'].createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default['default'].createElement(components_customizedLabel_Component.CustomizedLabel, { radius: radius }) }))),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Bar, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_RectBar.RectBar, { radius: radius }) }),
+                        labelList && (React__default['default'].createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default['default'].createElement(components_CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
                             return (React__default['default'].createElement(recharts.Cell, { key: key, className: cn__default['default'](styles__default['default'].bar, typeof activeDotsState.active === 'number' &&
-                                    state.composeChart.unfocusedAnimation &&
                                     activeDotsState.active !== index
                                     ? styles__default['default'].unfocused
                                     : '') }));
@@ -185,16 +175,16 @@ var Chart = function (props) {
                 case 'area':
                 case 'line':
                     return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Line, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { dot: properties.dot && properties.dotSettings
-                            ? customizedHoc.CustomizedHOC(components_dot_Component.Dot, {
+                            ? CustomizedHOC(components_Dot_index.Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
                                 inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke) ? properties.inheritStroke
                                     : false,
-                                unfocusedAnimation: state.composeChart.unfocusedAnimation || false,
                             })
                             : false, activeDot: false }))) : null;
                 case 'gradient':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Area, tslib_es6.__assign({}, item.properties, { key: state.id + "-" + item.properties.dataKey, dataKey: "" + item.properties.dataKey, stroke: 'transparent', fill: ((_a = item === null || item === void 0 ? void 0 : item.gradient) === null || _a === void 0 ? void 0 : _a.gid) ? "url(#" + state.id + "-" + item.gradient.gid + ")"
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Area, tslib_es6.__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 + ")"
                             : item.properties.fill, dot: false, activeDot: false }))) : null;
                 default:
                     return null;

package/chart/cssm/components/{customized-label/Component.js → CustomizedLabel.js}

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('../../hooks/use-path-bar/utils/get-radius.js');
-var hooks_usePathBar_index = require('../../hooks/use-path-bar/index.js');
+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 }; }
 

package/chart/cssm/components/{dot/Component.js → Dot/index.js}

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var icons_pointIcon = require('../../icons/point-icon.js');
+var icons_Point = require('../../icons/Point.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,7 +12,7 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Dot = React__default['default'].forwardRef(function (_a, ref) {
-    var cx = _a.cx, cy = _a.cy, index = _a.index, activeDot = _a.activeDot, dataKey = _a.dataKey, dotSettings = _a.dotSettings, value = _a.value, stroke = _a.stroke, unfocusedAnimation = _a.unfocusedAnimation;
+    var cx = _a.cx, cy = _a.cy, index = _a.index, activeDot = _a.activeDot, dataKey = _a.dataKey, dotSettings = _a.dotSettings, value = _a.value, stroke = _a.stroke;
     var _b = React.useState(0), windowWidth = _b[0], setWindowWidth = _b[1];
     var _c = React.useState(0), height = _c[0], setHeight = _c[1];
     var _d = React.useState(0), width = _d[0], setWidth = _d[1];
@@ -43,12 +43,10 @@ var Dot = React__default['default'].forwardRef(function (_a, ref) {
         return null;
     return (React__default['default'].createElement("g", { ref: ref, className: cn__default['default'](styles__default['default'].dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
         React__default['default'].createElement("g", { className: cn__default['default'](styles__default['default'].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) + ")" },
-            React__default['default'].createElement("svg", { className: cn__default['default'](styles__default['default'].dotItem, activeDot === index ? styles__default['default'].dotActive : '', typeof activeDot === 'number' &&
-                    activeDot !== index &&
-                    unfocusedAnimation
+            React__default['default'].createElement("svg", { className: cn__default['default'](styles__default['default'].dotItem, activeDot === index ? styles__default['default'].dotActive : '', typeof activeDot === 'number' && activeDot !== index
                     ? styles__default['default'].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 },
-                React__default['default'].createElement(icons_pointIcon.PointIcon, { fill: stroke })))));
+                React__default['default'].createElement(icons_Point.PointIcon, { fill: stroke })))));
 });
 
 exports.Dot = Dot;

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

@@ -0,0 +1,14 @@
+/// <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";
+interface Props {
+    legend: LegendProps;
+    series: SeriaProps[];
+    id: string;
+    charts: DataDynamicBooleanProps;
+    toggleChart(item: SeriaProps): void;
+}
+declare const Legends: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
+export { Legends };

package/chart/cssm/components/{legends/Component.js → Legends/index.js}

@@ -1,14 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-2be2aee7.js');
 var React = require('react');
 var cn = require('classnames');
-var icons_circleIcon = require('../../icons/circle-icon.js');
-var icons_circleLineIcon = require('../../icons/circle-line-icon.js');
-var icons_filledCircleIcon = require('../../icons/filled-circle-icon.js');
-var icons_strokeCircleIcon = require('../../icons/stroke-circle-icon.js');
-var coreComponentsAmount = require('../../../../amount/cssm');
 var coreComponentsTypography = require('../../../../typography/cssm');
+var icons_Circle = require('../../icons/Circle.js');
+var icons_CircleLine = require('../../icons/CircleLine.js');
+var icons_FilledCircle = require('../../icons/FilledCircle.js');
+var icons_StrokeCircle = require('../../icons/StrokeCircle.js');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,37 +16,30 @@ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var icons = {
-    circleLine: icons_circleLineIcon.CircleLineIcon,
-    filledCircle: icons_filledCircleIcon.FilledCircleIcon,
-    strokeCircle: icons_strokeCircleIcon.StrokeCircleIcon,
-    circle: icons_circleIcon.CircleIcon,
+    circleLine: icons_CircleLine.CircleLineIcon,
+    filledCircle: icons_FilledCircle.FilledCircleIcon,
+    strokeCircle: icons_StrokeCircle.StrokeCircleIcon,
+    circle: icons_Circle.CircleIcon,
 };
 var Legends = React__default['default'].forwardRef(function (_a, ref) {
     var legend = _a.legend, series = _a.series, id = _a.id, charts = _a.charts, toggleChart = _a.toggleChart;
-    var _b, _c;
     var style = {
         textAlign: legend.align || 'center',
         transform: "translateY(" + ((legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop : 0) *
             (legend.verticalAlign === 'top' ? -1 : 1) + "px)",
     };
-    var label = (_c = (_b = legend === null || legend === void 0 ? void 0 : legend.typography) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : {
-        view: 'primary-medium',
-        tag: 'span',
-    };
     return (React__default['default'].createElement("ul", { ref: ref, className: cn__default['default'](styles__default['default'].legendWrap), style: style }, series.map(function (item) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b;
         if (item.hideLegend || item.hide)
             return null;
-        var Icon = icons[item.icon] || icons_circleIcon.CircleIcon;
+        var Icon = icons[item.icon] || icons_Circle.CircleIcon;
         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) ||
                             '', height: legend.iconHeight || 16 }))) : null,
-                React__default['default'].createElement(coreComponentsTypography.Typography.Text, tslib_es6.__assign({}, label, { className: cn__default['default'](styles__default['default'].legendValue, (_c = label.className) !== null && _c !== void 0 ? _c : '') }), item.properties.name),
-                item.properties.amount && (React__default['default'].createElement(coreComponentsAmount.Amount, tslib_es6.__assign({}, item.properties.amount, { className: cn__default['default'](styles__default['default'].amount, (_f = (_e = (_d = item === null || item === void 0 ? void 0 : item.properties) === null || _d === void 0 ? void 0 : _d.amount) === null || _e === void 0 ? void 0 : _e.className) !== null && _f !== void 0 ? _f : '') }))))));
+                React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', className: cn__default['default'](styles__default['default'].legendValue) }, item.properties.name))));
     })));
 });
 
 exports.Legends = Legends;
-exports.icons = icons;

package/chart/cssm/components/{legends → Legends}/index.module.css

@@ -7,7 +7,6 @@
     /* Hard up */
 }
 :root {
-    --gap-2xs: 4px;
     --gap-2xl: 32px;
 }
 .legendContent {
@@ -38,9 +37,3 @@
 .legendValue {
     text-transform: capitalize;
 }
-.amount {
-    margin-left: var(--gap-2xs)
-}
-.amount > span {
-        font-weight: var(--amount-major-part-font-weight);
-    }

package/chart/{components/linear-gradient/Component.d.ts → cssm/components/LinearGradient.d.ts}

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

package/chart/cssm/components/RectBar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/cssm/components/{rect-bar/Component.js → RectBar.js}

@@ -1,16 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cn = require('classnames');
-require('../../hooks/use-path-bar/utils/get-radius.js');
-var hooks_usePathBar_index = require('../../hooks/use-path-bar/index.js');
-var styles = require('./index.module.css');
+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);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 // eslint-disable-next-line complexity
 var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, initY) {
@@ -20,31 +16,15 @@ var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, i
         width -
         ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight) + "\n        Z\n    ";
 };
-var RectBar = function (props) {
-    var fill = props.fill, x = props.x, y = props.y, width = props.width, height = props.height, radius = props.radius, background = props.background, activeDotsState = props.activeDotsState, index = props.index, unfocusedAnimation = props.unfocusedAnimation;
-    var _a = hooks_usePathBar_index.usePathBar({
+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 = _a[0], topRadius = _a[1], bottomRadius = _a[2], initY = _a[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, className: cn__default['default'](styles__default['default'].bar, typeof activeDotsState.active === 'number' &&
-            unfocusedAnimation &&
-            activeDotsState.active !== index
-            ? styles__default['default'].unfocused
-            : '') })); }, [
-        x,
-        width,
-        height,
-        initHeight,
-        topRadius,
-        bottomRadius,
-        initY,
-        fill,
-        activeDotsState.active,
-        unfocusedAnimation,
-        index,
-    ]);
+    }), 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);
 };
 

package/chart/cssm/components/{tick → Tick}/index.module.css

@@ -20,3 +20,7 @@
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
+.circle {
+    opacity: 0.3;
+    fill: var(--color-dark-bg-primary);
+}

package/chart/cssm/components/{tooltip-content/Component.d.ts → TooltipContent/index.d.ts}

@@ -1,16 +1,10 @@
 /// <reference types="react" />
-import { LegendProps } from "../../types/legend.types";
 import { PayloadProps } from "../../types/payload.types";
 import { SeriaProps } from "../../types/seria.types";
 import { TooltipProps } from "../../types/tooltip.types";
 interface TooltipContentProps extends TooltipProps {
     payload: PayloadProps[];
     series: SeriaProps[];
-    legend: LegendProps;
-    tooltip: TooltipProps;
 }
-interface JSXElementObject {
-    [name: string]: JSX.Element;
-}
-declare const TooltipContent: ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, amount, legend, tooltip, }: TooltipContentProps) => JSX.Element | null;
-export { TooltipContentProps, JSXElementObject, TooltipContent };
+declare const TooltipContent: ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }: TooltipContentProps) => JSX.Element | null;
+export { TooltipContentProps, TooltipContent };

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

@@ -0,0 +1,35 @@
+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)),
+            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) },
+                        (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)));
+            }))));
+};
+
+exports.TooltipContent = TooltipContent;

package/chart/cssm/components/{tooltip-content → TooltipContent}/index.module.css

@@ -27,6 +27,16 @@
     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;
@@ -52,13 +62,3 @@
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }
-.tooltipList {
-    position: relative;
-    z-index: 5;
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-}
-.tooltipItem {
-    margin-bottom: 10px;
-}

package/chart/cssm/hooks/{use-path-bar → usePathBar}/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks_usePathBar_utils_getRadius = require('./utils/get-radius.js');
+var hooks_usePathBar_utils_getRadius = require('./utils/getRadius.js');
 
 var usePathBar = function (props) {
     var _a = React.useState(0), topRadius = _a[0], setTopRadius = _a[1];

package/chart/cssm/hooks/{use-settings → useSettings}/index.js

@@ -2,11 +2,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../tslib.es6-2be2aee7.js');
 var React = require('react');
-var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/set-composed-charts-margin.js');
-var hooks_useSettings_utils_setDatas = require('./utils/set-datas.js');
-var hooks_useSettings_utils_setGradientCharts = require('./utils/set-gradient-charts.js');
-var hooks_useSettings_utils_setLegendMargin = require('./utils/set-legend-margin.js');
-var hooks_useSettings_utils_sortByIndex = require('./utils/sort-by-index.js');
+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];

package/chart/{esm/hooks/use-settings/utils/set-datas.d.ts → cssm/hooks/useSettings/utils/setDatas.d.ts}

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