@alfalab/core-components 26.5.2-beta.0 → 26.5.2-beta.3

package/calendar-range/modern/hooks.d.ts

@@ -9,11 +9,10 @@ declare function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKe
     handleMonthFromChange: (newMonthFrom: number) => void;
     handleMonthToChange: (newMonthTo: number) => void;
 };
-declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }: {
+declare function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, }: {
     selectedFrom?: number;
     selectedTo?: number;
     defaultMonth: number;
-    defaultMonthPosition?: 'left' | 'right';
 }): {
     monthFrom: number;
     monthTo: number;

package/calendar-range/modern/hooks.js

@@ -35,27 +35,23 @@ function usePopoverViewMonthes({ dateFrom, dateTo, defaultMonth, resetKey, }) {
         handleMonthToChange,
     };
 }
-function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, defaultMonthPosition, }) {
+function useStaticViewMonthes({ selectedFrom, selectedTo, defaultMonth, }) {
     /**
      * Если указана начальная дата — левый месяц равен ей, иначе используется дата конца.
      * Если обе даты не указаны, то используется дефолтный месяц
      */
-    let initialMonthFrom = useMemo(() => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(), 
+    const initialMonthFrom = useMemo(() => startOfMonth(selectedFrom || selectedTo || defaultMonth).getTime(), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
     /**
      * Правый месяц должен быть как минимум на 1 месяц больше левого
      */
-    let initialMonthTo = useMemo(() => max([
+    const initialMonthTo = useMemo(() => max([
         selectedTo ? startOfMonth(selectedTo) : 0,
         addMonths(initialMonthFrom, 1),
     ]).getTime(), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
-    if (defaultMonthPosition === 'right') {
-        initialMonthTo = initialMonthFrom;
-        initialMonthFrom = subMonths(initialMonthFrom, 1).getTime();
-    }
     const [monthFrom, setMonthFrom] = useState(initialMonthFrom);
     const [monthTo, setMonthTo] = useState(initialMonthTo);
     const handleMonthFromChange = useCallback((newMonthFrom) => {

package/calendar-range/modern/views/static.d.ts

@@ -1,10 +1,5 @@
 import { FC } from 'react';
 import { CalendarRangeProps } from "../Component";
-type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
-    /**
-     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
-     */
-    defaultMonthPosition?: 'left' | 'right';
-};
+type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'>;
 declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
 export { CalendarRangeStaticProps, CalendarRangeStatic };

package/calendar-range/modern/views/static.js

@@ -15,7 +15,7 @@ import { usePeriodWithReset, Calendar } from '../../../calendar/modern';
 import { isDayButton } from '../utils.js';
 
 /* eslint-disable complexity */
-const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), defaultMonthPosition = 'left', minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
+const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);
     const [inputToValue, setInputToValue] = useState(valueTo);
     let dateFrom = isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -43,7 +43,6 @@ const CalendarRangeStatic = ({ className, defaultMonth = startOfMonth(new Date()
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth,
-        defaultMonthPosition,
     });
     const handleValidInputFrom = useCallback(() => {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));

package/calendar-range/views/static.d.ts

@@ -1,10 +1,5 @@
 import { FC } from 'react';
 import { CalendarRangeProps } from "../Component";
-type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'> & {
-    /**
-     * Отображать начальный месяц слева или справа (влияет только на начальный рендер)
-     */
-    defaultMonthPosition?: 'left' | 'right';
-};
+type CalendarRangeStaticProps = Omit<CalendarRangeProps, 'calendarPosition'>;
 declare const CalendarRangeStatic: FC<CalendarRangeStaticProps>;
 export { CalendarRangeStaticProps, CalendarRangeStatic };

package/calendar-range/views/static.js

@@ -27,9 +27,9 @@ var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
 var endOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(endOfMonth);
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
-    var _l = React.useState(valueFrom), inputFromValue = _l[0], setInputFromValue = _l[1];
-    var _m = React.useState(valueTo), inputToValue = _m[0], setInputToValue = _m[1];
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
+    var _k = React.useState(valueFrom), inputFromValue = _k[0], setInputFromValue = _k[1];
+    var _l = React.useState(valueTo), inputToValue = _l[0], setInputToValue = _l[1];
     var dateFrom = coreComponentsCalendarInput.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
         ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime()
         : null;
@@ -42,21 +42,20 @@ var CalendarRangeStatic = function (_a) {
     var bothInvalid = coreComponentsDateInput.isCompleteDateInput(inputFromValue) &&
         coreComponentsDateInput.isCompleteDateInput(inputToValue) &&
         coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() > coreComponentsCalendarInput.parseDateString(inputToValue).getTime();
-    var _o = React.useState(undefined), highlightedDate = _o[0], setHighlightedDate = _o[1];
+    var _m = React.useState(undefined), highlightedDate = _m[0], setHighlightedDate = _m[1];
     var period = coreComponentsCalendar.usePeriodWithReset({
         initialSelectedFrom: dateFrom ? coreComponentsCalendarInput.parseDateString(inputFromValue).getTime() : undefined,
         initialSelectedTo: dateTo ? coreComponentsCalendarInput.parseDateString(inputToValue).getTime() : undefined,
     });
     var validateInputFromValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, minDate, dateFrom || maxDate, offDays); }, [dateFrom, maxDate, minDate, offDays]);
     var validateInputToValue = React.useCallback(function (value) { return coreComponentsCalendarInput.isValidInputValue(value, dateFrom || minDate, maxDate, offDays); }, [dateFrom, minDate, maxDate, offDays]);
-    var _p = React.useState(validateInputFromValue(inputFromValue) === false), inputFromInvalid = _p[0], setInputFromInvalid = _p[1];
-    var _q = React.useState(validateInputToValue(inputToValue) === false), inputToInvalid = _q[0], setInputToInvalid = _q[1];
-    var _r = hooks.useStaticViewMonthes({
+    var _o = React.useState(validateInputFromValue(inputFromValue) === false), inputFromInvalid = _o[0], setInputFromInvalid = _o[1];
+    var _p = React.useState(validateInputToValue(inputToValue) === false), inputToInvalid = _p[0], setInputToInvalid = _p[1];
+    var _q = hooks.useStaticViewMonthes({
         selectedFrom: period.selectedFrom,
         selectedTo: period.selectedTo,
         defaultMonth: defaultMonth,
-        defaultMonthPosition: defaultMonthPosition,
-    }), monthFrom = _r.monthFrom, monthTo = _r.monthTo, handleMonthFromChange = _r.handleMonthFromChange, handleMonthToChange = _r.handleMonthToChange;
+    }), monthFrom = _q.monthFrom, monthTo = _q.monthTo, handleMonthFromChange = _q.handleMonthFromChange, handleMonthToChange = _q.handleMonthToChange;
     var handleValidInputFrom = React.useCallback(function () {
         setInputFromInvalid(inputFromValue !== '' && !validateInputFromValue(inputFromValue));
     }, [inputFromValue, validateInputFromValue]);

package/calendar-with-skeleton/cssm/Component.js

@@ -5,13 +5,11 @@ var cn = require('classnames');
 var reactTransitionGroup = require('react-transition-group');
 var coreComponentsSkeleton = require('../../skeleton/cssm');
 var coreComponentsCalendar = require('../../calendar/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);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -52,23 +50,25 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
-            _b[styles__default['default'].calendarVisible] = calendarVisible,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
+            _b[styles.calendarVisible] = calendarVisible,
             _b)) },
         calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
-        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default['default'] },
-            React__default['default'].createElement("div", { className: styles__default['default'].skeleton, ref: calendarVisible ? undefined : ref },
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].header })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].weekDays })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row }))))));
+        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
+            React__default['default'].createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
 });
 
 exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/calendar-with-skeleton/cssm/index.js

@@ -6,7 +6,6 @@ require('classnames');
 require('react-transition-group');
 require('../../skeleton/cssm');
 require('../../calendar/cssm');
-require('./index.module.css');
 
 
 

package/card-image/cssm/Component.js

@@ -2,13 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var ASPECT_RATIO = 0.63;
 var DEFAULT_WIDTH = 280;
@@ -26,10 +26,10 @@ var CardImage = function (_a) {
     }, [onLoad]);
     var cardImageUrl = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width;
     var cardImageUrl2x = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width * 2;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].cardImage, rounded && styles__default['default'].rounded, loaded && styles__default['default'].loaded, className), style: {
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
             width: width,
             height: height,
-        }, id: id, "data-test-id": dataTestId }, cardId && (React__default['default'].createElement("img", { ref: image, className: styles__default['default'].image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React__default['default'].createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 exports.ASPECT_RATIO = ASPECT_RATIO;

package/card-image/cssm/index.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/cdn-icon/cssm/Component.js

@@ -2,13 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var CDNIcon = function (_a) {
     var name = _a.name, color = _a.color, dataTestId = _a.dataTestId, className = _a.className;
@@ -24,7 +24,7 @@ var CDNIcon = function (_a) {
         };
         return function () { return xhr.abort(); };
     }, [name]);
-    return (React__default['default'].createElement("span", { style: { color: color }, className: cn__default['default'](styles__default['default'].component, className), 
+    return (React__default['default'].createElement("span", { style: { color: color }, className: cn__default['default'](styles.component, className), 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: icon }, "data-test-id": dataTestId }));
 };

package/cdn-icon/cssm/index.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/chart/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-36551613.js');
+var tslib_es6 = require('./tslib.es6-70d967a5.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');

package/chart/cssm/Component.js

@@ -10,10 +10,8 @@ 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');
@@ -25,17 +23,13 @@ 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 }; }
 
 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) {
@@ -44,6 +38,8 @@ var CustomizedHOC = function (Component, options) {
     return NewComponent;
 };
 
+var styles = require("./index.module.css");
+
 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;
@@ -167,9 +163,9 @@ var Chart = function (props) {
                         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' &&
+                            return (React__default['default'].createElement(recharts.Cell, { key: key, className: cn__default['default'](styles.bar, typeof activeDotsState.active === 'number' &&
                                     activeDotsState.active !== index
-                                    ? styles__default['default'].unfocused
+                                    ? styles.unfocused
                                     : '') }));
                         }))) : null;
                 case 'area':
@@ -267,7 +263,7 @@ var Chart = function (props) {
     };
     if (!data || !charts || !state)
         return null;
-    return (React__default['default'].createElement("div", { className: styles__default['default'].coreChart, ref: svgRef, id: (state === null || state === void 0 ? void 0 : state.id) || '', style: { width: '100%', height: '100%' } },
+    return (React__default['default'].createElement("div", { className: styles.coreChart, ref: svgRef, id: (state === null || state === void 0 ? void 0 : state.id) || '', style: { width: '100%', height: '100%' } },
         React__default['default'].createElement(recharts.ResponsiveContainer, { debounce: ((_a = state === null || state === void 0 ? void 0 : state.responsiveContainer) === null || _a === void 0 ? void 0 : _a.debounce) ? state.responsiveContainer.debounce : 0, width: '100%' },
             React__default['default'].createElement(recharts.ComposedChart, tslib_es6.__assign({}, state === null || state === void 0 ? void 0 : state.composeChart, { onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data }),
                 React__default['default'].createElement("defs", null, renderGradient),

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

@@ -3,13 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 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;
@@ -41,10 +41,10 @@ var Dot = React__default['default'].forwardRef(function (_a, ref) {
     }, [activeDot, index, option]);
     if (!value)
         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
-                    ? styles__default['default'].dotUnfocused
+    return (React__default['default'].createElement("g", { ref: ref, className: cn__default['default'](styles.dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
+        React__default['default'].createElement("g", { className: cn__default['default'](styles.dotWrap), transform: "scale(" + (activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0) + ")" },
+            React__default['default'].createElement("svg", { className: cn__default['default'](styles.dotItem, activeDot === index ? styles.dotActive : '', typeof activeDot === 'number' && activeDot !== index
+                    ? styles.dotUnfocused
                     : ''), "data-id": index, "data-name": dataKey, width: (option === null || option === void 0 ? void 0 : option.width) || 0, height: (option === null || option === void 0 ? void 0 : option.height) || 0 },
                 React__default['default'].createElement(icons_Point.PointIcon, { fill: stroke })))));
 });

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

@@ -7,13 +7,13 @@ 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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var icons = {
     circleLine: icons_CircleLine.CircleLineIcon,
@@ -28,17 +28,17 @@ var Legends = React__default['default'].forwardRef(function (_a, ref) {
         transform: "translateY(" + ((legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop : 0) *
             (legend.verticalAlign === 'top' ? -1 : 1) + "px)",
     };
-    return (React__default['default'].createElement("ul", { ref: ref, className: cn__default['default'](styles__default['default'].legendWrap), style: style }, series.map(function (item) {
+    return (React__default['default'].createElement("ul", { ref: ref, className: cn__default['default'](styles.legendWrap), style: style }, series.map(function (item) {
         var _a, _b;
         if (item.hideLegend || item.hide)
             return null;
         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) },
+        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) ||
                             '', 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))));
+                React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', className: cn__default['default'](styles.legendValue) }, item.properties.name))));
     })));
 });
 

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

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

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

@@ -3,32 +3,32 @@ 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 styles = require("./index.module.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__default['default'].tooltip) },
-        arrow && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].tooltipArrow, tooltipArrowSide ? '' : styles__default['default'].tooltipArrowRight) })),
-        React__default['default'].createElement("ul", { className: cn__default['default'](styles__default['default'].tooltipList) },
-            React__default['default'].createElement("li", { className: cn__default['default'](styles__default['default'].tooltipItem), style: labelStyle },
-                React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default['default'](styles__default['default'].tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
+    return (React__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__default['default'].tooltipItem), key: entry.dataKey, style: { color: entry.color } },
-                    React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default['default'](styles__default['default'].tooltipValue) },
+                return (React__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__default['default'].tooltipName) }, "" + entry.name)));
+                    React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', tag: 'span', className: cn__default['default'](styles.tooltipName) }, "" + entry.name)));
             }))));
 };
 

package/chart/cssm/index.js

@@ -11,10 +11,8 @@ require('./icons/Circle.js');
 require('./icons/CircleLine.js');
 require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
-require('./components/Legends/index.module.css');
 require('./components/Legends/index.js');
 require('./icons/Point.js');
-require('./components/Dot/index.module.css');
 require('./components/Dot/index.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
@@ -26,11 +24,8 @@ require('./hooks/usePathBar/utils/getRadius.js');
 require('./hooks/usePathBar/index.js');
 require('./components/CustomizedLabel.js');
 require('./components/RectBar.js');
-require('./components/Tick/index.module.css');
 require('./components/Tick/index.js');
-require('./components/TooltipContent/index.module.css');
 require('./components/TooltipContent/index.js');
-require('./index.module.css');
 
 
 

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-c655ce35.js';
+import { _ as __assign } from './tslib.es6-cfdef4a6.js';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-c655ce35.js';
+import { _ as __assign } from '../../tslib.es6-cfdef4a6.js';
 import { useState, useEffect } from 'react';
 import { setComposedChartsMargin } from './utils/setComposedChartsMargin.js';
 import { setDatas } from './utils/setDatas.js';

package/chart/esm/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";
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
-declare const setDatas: (series: SeriaProps[], labels: import("react").Key[]) => DatasResultProps;
+declare const setDatas: (series: SeriaProps[], labels: (string | number)[]) => DatasResultProps;
 export { setDatas };

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-c655ce35.js';
+import { _ as __assign } from '../../../tslib.es6-cfdef4a6.js';
 
 var setDatas = function (series, labels) {
     var initData = [];

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-c655ce35.js';
+import { _ as __assign } from '../../../tslib.es6-cfdef4a6.js';
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-c655ce35.js';
+import './tslib.es6-cfdef4a6.js';
 import 'react';
 import 'classnames';
 import 'recharts';

package/chart/hooks/useSettings/index.js

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-36551613.js');
+var tslib_es6 = require('../../../tslib.es6-70d967a5.js');
 
 var setDatas = function (series, labels) {
     var initData = [];

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-36551613.js');
+var tslib_es6 = require('../../../tslib.es6-70d967a5.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-36551613.js');
+require('./tslib.es6-70d967a5.js');
 require('react');
 require('classnames');
 require('recharts');