@alfalab/core-components-chart 3.1.0 → 3.1.1

package/cssm/index.js

@@ -2,12 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-2be2aee7.js');
+require('./tslib.es6-0de342ae.js');
 require('react');
 require('classnames');
 require('recharts');
-var Component = require('./Component.js');
-require('./components/LinearGradient.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./hooks/usePathBar/index.js');
+require('./components/CustomizedLabel.js');
+require('./icons/Point.js');
+require('./components/Dot/index.module.css');
+require('./components/Dot/index.js');
 require('@alfalab/core-components-typography/cssm');
 require('./icons/Circle.js');
 require('./icons/CircleLine.js');
@@ -15,23 +19,19 @@ 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('./components/LinearGradient.js');
+require('./components/RectBar.js');
+require('./components/Tick/index.module.css');
+require('./components/Tick/index.js');
+require('./components/TooltipContent/index.module.css');
+require('./components/TooltipContent/index.js');
+var Component = require('./Component.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
 require('./hooks/useSettings/utils/setGradientCharts.js');
 require('./hooks/useSettings/utils/setLegendMargin.js');
 require('./hooks/useSettings/utils/sortByIndex.js');
 require('./hooks/useSettings/index.js');
-require('./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/cssm/{tslib.es6-2be2aee7.d.ts → tslib.es6-0de342ae.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/{tslib.es6-e232afa5.js → cssm/tslib.es6-0de342ae.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

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

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
 import { RectangleProps } from 'recharts';
 import { DataKey } from 'recharts/types/util/types';
-import { DotSettingProps } from "./utils/dot.types";
 import { DataProps } from "./utils/data.types";
+import { DotSettingProps } from "./utils/dot.types";
 type CurveType = 'linear' | 'monotone' | 'step';
 type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
 interface ChartProps {

package/cssm/types/options.types.d.ts

@@ -4,11 +4,11 @@ import { BrushProps } from "./brush.types";
 import { CartesianGridProps } from "./cartesianGrid.types";
 import { ComposedChartProps } from "./composedChart.types";
 import { LegendProps } from "./legend.types";
+import { ResponsiveContainerProps } from "./responsiveContainer.types";
+import { SeriaProps } from "./seria.types";
 import { TooltipProps } from "./tooltip.types";
 import { XAxisProps } from "./xAxis.types";
 import { YAxisProps } from "./yAxis.types";
-import { SeriaProps } from "./seria.types";
-import { ResponsiveContainerProps } from "./responsiveContainer.types";
 interface OptionsProps {
     /**
      * Индефикатор графика

package/cssm/types/seria.types.d.ts

@@ -1,7 +1,7 @@
-import { ChartProps } from "./chart.types";
-import { LabelListProps } from "./labelList.types";
 import { DataProps } from "./utils/data.types";
 import { GradientProps } from "./utils/gradient.types";
+import { ChartProps } from "./chart.types";
+import { LabelListProps } from "./labelList.types";
 type RadiusProp = {
     top?: number;
     bottom?: number;

package/cssm/types/tooltip.types.d.ts

@@ -57,7 +57,7 @@ interface TooltipProps {
     /**
      * Стиль метки всплывающей подсказки по умолчанию, которая является элементом p.
      */
-    labelStyle?: {};
+    labelStyle?: Record<string, unknown>;
     /**
      * Значение метки, которое сейчас активно, обычно рассчитывается внутри компании.
      */

package/esm/Component.js

@@ -1,37 +1,35 @@
-import { _ as __assign } from './tslib.es6-f1220da2.js';
+import { _ as __assign } from './tslib.es6-bb9808f4.js';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
-import { LinearGradient } from './components/LinearGradient.js';
+import './hooks/usePathBar/utils/getRadius.js';
+import './hooks/usePathBar/index.js';
+import { CustomizedLabel } from './components/CustomizedLabel.js';
+import './icons/Point.js';
+import { Dot } from './components/Dot/index.js';
 import '@alfalab/core-components-typography/esm';
 import './icons/Circle.js';
 import './icons/CircleLine.js';
 import './icons/FilledCircle.js';
 import './icons/StrokeCircle.js';
 import { Legends } from './components/Legends/index.js';
-import './icons/Point.js';
-import { Dot } from './components/Dot/index.js';
+import { LinearGradient } from './components/LinearGradient.js';
+import { RectBar } from './components/RectBar.js';
+import { Tick } from './components/Tick/index.js';
+import { TooltipContent } from './components/TooltipContent/index.js';
 import './hooks/useSettings/utils/setComposedChartsMargin.js';
 import './hooks/useSettings/utils/setDatas.js';
 import './hooks/useSettings/utils/setGradientCharts.js';
 import './hooks/useSettings/utils/setLegendMargin.js';
 import './hooks/useSettings/utils/sortByIndex.js';
 import { useSettings } from './hooks/useSettings/index.js';
-import './hooks/usePathBar/utils/getRadius.js';
-import './hooks/usePathBar/index.js';
-import { CustomizedLabel } from './components/CustomizedLabel.js';
-import { RectBar } from './components/RectBar.js';
-import { Tick } from './components/Tick/index.js';
-import { TooltipContent } from './components/TooltipContent/index.js';
 
 var CustomizedHOC = function (Component, options) {
-    var NewComponent = function (props) {
-        return React.createElement(Component, __assign({}, props, options));
-    };
+    var NewComponent = function (props) { return React.createElement(Component, __assign({}, props, options)); };
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_1xrvo","bar":"chart__bar_1xrvo","unfocused":"chart__unfocused_1xrvo"};
+var styles = {"coreChart":"chart__coreChart_1gg5z","bar":"chart__bar_1gg5z","unfocused":"chart__unfocused_1gg5z"};
 require('./index.css')
 
 var Chart = function (props) {
@@ -168,7 +166,8 @@ var Chart = function (props) {
                             ? CustomizedHOC(Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
-                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke) ? properties.inheritStroke
+                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke)
+                                    ? properties.inheritStroke
                                     : false,
                             })
                             : false, activeDot: false }))) : null;
@@ -235,12 +234,10 @@ var Chart = function (props) {
             });
         }
         if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {
-            setActiveDotsState(function (prev) {
-                return {
-                    prev: prev.active,
-                    active: activeTooltipIndex,
-                };
-            });
+            setActiveDotsState(function (prev) { return ({
+                prev: prev.active,
+                active: activeTooltipIndex,
+            }); });
         }
     };
     var mouseMove = function (e) {

package/esm/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: jtc4y */
-.chart__dotUnfocused_11lde {
+/* hash: 2cox0 */
+.chart__dotUnfocused_1kzzv {
     opacity: 0.3;
 }
 
-.chart__dot_11lde,
-.chart__dotItem_11lde,
-.chart__dotWrap_11lde {
+.chart__dot_1kzzv,
+.chart__dotItem_1kzzv,
+.chart__dotWrap_1kzzv {
     transition: all 0.2s ease;
 }
 
-.chart__dot_11lde {
-    animation: chart__showDot_11lde 0.5s ease;
+.chart__dot_1kzzv {
+    animation: chart__showDot_1kzzv 0.5s ease;
 }
 
-@keyframes chart__showDot_11lde {
+@keyframes chart__showDot_1kzzv {
     from {
         opacity: 0;
     }

package/esm/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_11lde","dot":"chart__dot_11lde","dotItem":"chart__dotItem_11lde","dotWrap":"chart__dotWrap_11lde","showDot":"chart__showDot_11lde"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_1kzzv","dot":"chart__dot_1kzzv","dotItem":"chart__dotItem_1kzzv","dotWrap":"chart__dotWrap_1kzzv","showDot":"chart__showDot_1kzzv"};
 require('./index.css')
 
 var Dot = React.forwardRef(function (_a, ref) {

package/esm/components/Legends/index.css

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

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

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

package/esm/components/Legends/index.js

@@ -6,7 +6,7 @@ import { CircleLineIcon } from '../../icons/CircleLine.js';
 import { FilledCircleIcon } from '../../icons/FilledCircle.js';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_11jmi","legendWrap":"chart__legendWrap_11jmi","legendItem":"chart__legendItem_11jmi","legendUnactive":"chart__legendUnactive_11jmi","legendIcon":"chart__legendIcon_11jmi","legendValue":"chart__legendValue_11jmi"};
+var styles = {"legendContent":"chart__legendContent_i501f","legendWrap":"chart__legendWrap_i501f","legendItem":"chart__legendItem_i501f","legendUnactive":"chart__legendUnactive_i501f","legendIcon":"chart__legendIcon_i501f","legendValue":"chart__legendValue_i501f"};
 require('./index.css')
 
 var icons = {
@@ -30,7 +30,8 @@ var Legends = React.forwardRef(function (_a, ref) {
         return (React.createElement("li", { role: 'presentation', key: id + "-" + item.properties.dataKey, className: cn(styles.legendItem, charts["" + item.properties.dataKey] ? '' : styles.legendUnactive), onClick: function () { return toggleChart(item); } },
             React.createElement("div", { className: cn(styles.legendContent) },
                 Icon ? (React.createElement("i", { className: cn(styles.legendIcon) },
-                    React.createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) || ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
+                    React.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.createElement(Typography.Text, { view: 'primary-medium', tag: 'span', className: cn(styles.legendValue) }, item.properties.name))));
     })));

package/esm/components/LinearGradient.d.ts

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

package/esm/components/RectBar.js

@@ -4,11 +4,7 @@ import { usePathBar } from '../hooks/usePathBar/index.js';
 
 // eslint-disable-next-line complexity
 var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, initY) {
-    return "\n        M" + (x + ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight || 0) + "\n        Q" + x + " " + (initY + initHeight) + " " + x + " " + (initY +
-        initHeight -
-        ((height !== 0 && bottomRadius) || 0)) + "\n        L" + x + " " + (initY + ((height !== 0 && topRadius) || 0)) + "\n        Q" + x + " " + initY + " " + (x + ((height !== 0 && topRadius) || 0)) + " " + initY + "\n        L" + (x + width - ((height !== 0 && topRadius) || 0)) + " " + initY + "\n        Q" + (x + width) + " " + initY + " " + (x + width) + " " + (initY + (topRadius || 0)) + "\n        L" + (x + width) + " " + (initY + initHeight - ((height !== 0 && bottomRadius) || 0)) + "\n        Q" + (x + width) + " " + (initY + initHeight) + " " + (x +
-        width -
-        ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight) + "\n        Z\n    ";
+    return "\n        M" + (x + ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight || 0) + "\n        Q" + x + " " + (initY + initHeight) + " " + x + " " + (initY + initHeight - ((height !== 0 && bottomRadius) || 0)) + "\n        L" + x + " " + (initY + ((height !== 0 && topRadius) || 0)) + "\n        Q" + x + " " + initY + " " + (x + ((height !== 0 && topRadius) || 0)) + " " + initY + "\n        L" + (x + width - ((height !== 0 && topRadius) || 0)) + " " + initY + "\n        Q" + (x + width) + " " + initY + " " + (x + width) + " " + (initY + (topRadius || 0)) + "\n        L" + (x + width) + " " + (initY + initHeight - ((height !== 0 && bottomRadius) || 0)) + "\n        Q" + (x + width) + " " + (initY + initHeight) + " " + (x + width - ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight) + "\n        Z\n    ";
 };
 var RectBar = function (_a) {
     var fill = _a.fill, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius, background = _a.background;
@@ -18,8 +14,7 @@ var RectBar = function (_a) {
         background: background,
         y: y,
     }), initHeight = _b[0], topRadius = _b[1], bottomRadius = _b[2], initY = _b[3];
-    var path = useMemo(function () { return (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
-    return React.createElement(React.Fragment, null, path);
+    return useMemo(function () { return (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
 };
 
 export { RectBar };

package/esm/components/Tick/index.css

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

package/esm/components/Tick/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"tickText":"chart__tickText_ey3tb","circle":"chart__circle_ey3tb"};
+var styles = {"tickText":"chart__tickText_1ftma","circle":"chart__circle_1ftma"};
 require('./index.css')
 
 var Tick = function (_a) {

package/esm/components/TooltipContent/index.css

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

package/esm/components/TooltipContent/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '@alfalab/core-components-typography/esm';
 
-var styles = {"tooltip":"chart__tooltip_47jo6","tooltipList":"chart__tooltipList_47jo6","tooltipItem":"chart__tooltipItem_47jo6","tooltipArrow":"chart__tooltipArrow_47jo6","tooltipArrowRight":"chart__tooltipArrowRight_47jo6"};
+var styles = {"tooltip":"chart__tooltip_14g20","tooltipList":"chart__tooltipList_14g20","tooltipItem":"chart__tooltipItem_14g20","tooltipArrow":"chart__tooltipArrow_14g20","tooltipArrowRight":"chart__tooltipArrowRight_14g20"};
 require('./index.css')
 
 var TooltipContent = function (_a) {

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

@@ -1,16 +1,19 @@
 import { Dispatch, SetStateAction } from 'react';
 import { OptionsProps } from "../../types/options.types";
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../types/utils/data.types";
-type Settings = [{
-    state: OptionsProps | null;
-    data: DataDynamicProps[];
-    charts: DataDynamicBooleanProps;
-    filterCount: number;
-}, {
-    setState: Dispatch<SetStateAction<OptionsProps | null>>;
-    setData: Dispatch<SetStateAction<DataDynamicProps[]>>;
-    setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;
-    setFilterCount: Dispatch<SetStateAction<number>>;
-}];
+type Settings = [
+    {
+        state: OptionsProps | null;
+        data: DataDynamicProps[];
+        charts: DataDynamicBooleanProps;
+        filterCount: number;
+    },
+    {
+        setState: Dispatch<SetStateAction<OptionsProps | null>>;
+        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;
+        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;
+        setFilterCount: Dispatch<SetStateAction<number>>;
+    }
+];
 declare const useSettings: (options: OptionsProps) => Settings;
 export { useSettings };

package/esm/hooks/useSettings/index.js

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

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

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

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

@@ -1,6 +1,6 @@
 var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
     var _a, _b, _c, _d;
-    return {
+    return ({
         top: (((_a = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _a === void 0 ? void 0 : _a.top) || 0) +
             ((legend === null || legend === void 0 ? void 0 : legend.verticalAlign) === 'top' && (legend === null || legend === void 0 ? void 0 : legend.marginTop) ? Math.abs(legend.marginTop) : 0),
         bottom: (((_b = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _b === void 0 ? void 0 : _b.bottom) || 0) +
@@ -9,7 +9,7 @@ var setComposedChartsMargin = function (composeChart, legend, brush, xAxis) {
             ((legend === null || legend === void 0 ? void 0 : legend.verticalAlign) !== 'top' && (legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop : 0),
         left: ((_c = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _c === void 0 ? void 0 : _c.left) || 0,
         right: ((_d = composeChart === null || composeChart === void 0 ? void 0 : composeChart.initMargin) === null || _d === void 0 ? void 0 : _d.right) || 0,
-    };
+    });
 };
 
 export { setComposedChartsMargin };

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

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

@@ -1,11 +1,11 @@
-import { _ as __assign } from '../../../tslib.es6-f1220da2.js';
+import { _ as __assign } from '../../../tslib.es6-bb9808f4.js';
 
 var setDatas = function (series, labels) {
     var initData = [];
     var chartsNames = {};
     var count = 0;
     var _loop_1 = function (i) {
-        var _a = series[i], _b = _a.properties, _c = (_b === void 0 ? {} : _b).dataKey, dataKey = _c === void 0 ? '' : _c, _d = _a.data, seriaData = _d === void 0 ? [] : _d, hideLegend = _a.hideLegend, hide = _a.hide;
+        var _a = series[i], _b = _a.properties, _c = _b === void 0 ? {} : _b, _d = _c.dataKey, dataKey = _d === void 0 ? '' : _d, _e = _a.data, seriaData = _e === void 0 ? [] : _e, hideLegend = _a.hideLegend, hide = _a.hide;
         if (!hideLegend && !hide)
             count += 1;
         labels.map(function (label) {

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

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

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

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

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

@@ -1,10 +1,8 @@
-var sortByIndex = function (series) {
-    return series.sort(function (a, b) {
-        if ((a === null || a === void 0 ? void 0 : a.zIndex) && (b === null || b === void 0 ? void 0 : b.zIndex) && (a === null || a === void 0 ? void 0 : a.zIndex) > (b === null || b === void 0 ? void 0 : b.zIndex)) {
-            return 1;
-        }
-        return -1;
-    });
-};
+var sortByIndex = function (series) { return series.sort(function (a, b) {
+    if ((a === null || a === void 0 ? void 0 : a.zIndex) && (b === null || b === void 0 ? void 0 : b.zIndex) && (a === null || a === void 0 ? void 0 : a.zIndex) > (b === null || b === void 0 ? void 0 : b.zIndex)) {
+        return 1;
+    }
+    return -1;
+}); };
 
 export { sortByIndex };

package/esm/icons/CircleLine.d.ts

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

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: eq4rl */
+/* hash: w6rzj */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -10,17 +10,17 @@
 
     /* Hard up */
 }
-.chart__coreChart_1xrvo .recharts-line path {
+.chart__coreChart_1gg5z .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_1xrvo .recharts-text tspan {
+.chart__coreChart_1gg5z .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_1xrvo {
+.chart__bar_1gg5z {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_1xrvo {
+.chart__unfocused_1gg5z {
     opacity: 0.3;
 }