intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/UI/Button/Button.stories.js

@@ -1,34 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ButtonTemplate: function() {
-        return ButtonTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _reactfeather = require("react-feather");
-const _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { Check } from "react-feather";
+import Button from "./Button";
 global.lng = "en";
-const _default = {
+export default {
     title: "UI/Button",
-    component: _Button.default,
+    component: Button,
     argTypes: {
         variant: {
             description: 'string: ["primary", "secondary", "dark-outline", "ellipse-apply", "ellipse-cancel"]',
@@ -88,17 +65,17 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+    return /*#__PURE__*/ _jsx(Button, {
         ...args
     });
 };
-const ButtonTemplate = Template.bind({});
+export const ButtonTemplate = Template.bind({});
 ButtonTemplate.args = {
     disabled: false,
     onClick: ()=>null,
     variant: "",
     label: "Button",
-    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Check, {}),
+    icon: /*#__PURE__*/ _jsx(Check, {}),
     isIconRight: true,
     className: "test-class",
     testId: "test-id"

package/dist/Atomic/UI/Button/Button.test.js

@@ -1,147 +1,138 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-const _Button = /*#__PURE__*/ _interop_require_default(require("./Button"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import Button from './Button';
 describe('button component', ()=>{
     // Positive Scenarios
     it('renders with default props', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {}));
-        const button = _react.screen.getByTestId('button');
+        render(/*#__PURE__*/ _jsx(Button, {}));
+        const button = screen.getByTestId('button');
         expect(button).toBeInTheDocument();
         expect(button).toHaveClass('button button_primary');
         expect(button).not.toBeDisabled();
     });
     it('renders with a label', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             label: "Click me"
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).toHaveTextContent('Click me');
     });
     it('renders children when no label is provided', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        render(/*#__PURE__*/ _jsx(Button, {
+            children: /*#__PURE__*/ _jsx("span", {
                 children: "Child Text "
             })
         }));
-        const child = _react.screen.getByText('Child Text');
+        const child = screen.getByText('Child Text');
         expect(child).toBeInTheDocument();
     });
     it('renders with an icon', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-            icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        render(/*#__PURE__*/ _jsx(Button, {
+            icon: /*#__PURE__*/ _jsx("span", {
                 "data-testid": "icon"
             })
         }));
-        const icon = _react.screen.getByTestId('icon');
+        const icon = screen.getByTestId('icon');
         expect(icon).toBeInTheDocument();
     });
     it('renders with a right-aligned icon', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-            icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        render(/*#__PURE__*/ _jsx(Button, {
+            icon: /*#__PURE__*/ _jsx("span", {
                 "data-testid": "icon"
             }),
             isIconRight: true
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).toHaveClass('button_icon-right');
     });
     it('handles onClick event', ()=>{
         const handleClick = jest.fn();
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             onClick: handleClick
         }));
-        const button = _react.screen.getByTestId('button');
-        _react.fireEvent.click(button);
+        const button = screen.getByTestId('button');
+        fireEvent.click(button);
         expect(handleClick).toHaveBeenCalledTimes(1);
     });
     it('applies different variants', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             variant: "ellipse-apply"
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).toHaveClass('button button_ellipse-apply');
     });
     it('handles disabled state', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             disabled: true
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).toBeDisabled();
     });
     it('applies custom styles', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             style: {
                 backgroundColor: 'red'
             }
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).toHaveStyle('background-color: red');
     });
     it('handles isTextEllipsis prop', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             label: "Long text",
             isTextEllipsis: true
         }));
-        const text = _react.screen.getByText('Long text');
+        const text = screen.getByText('Long text');
         expect(text).toHaveClass('text-ellipsis');
     });
     it('renders without icon when noIcon is true', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-            icon: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        render(/*#__PURE__*/ _jsx(Button, {
+            icon: /*#__PURE__*/ _jsx("span", {
                 "data-testid": "icon"
             }),
             noIcon: true
         }));
-        const icon = _react.screen.queryByTestId('icon');
+        const icon = screen.queryByTestId('icon');
         expect(icon).not.toBeInTheDocument();
     });
     // Negative Scenarios
     it('does not trigger onClick when disabled', ()=>{
         const handleClick = jest.fn();
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             onClick: handleClick,
             disabled: true
         }));
-        const button = _react.screen.getByTestId('button');
-        _react.fireEvent.click(button);
+        const button = screen.getByTestId('button');
+        fireEvent.click(button);
         expect(handleClick).not.toHaveBeenCalled();
     });
     it('does not apply variant class if variant is not provided', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             variant: ""
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).not.toHaveClass('button_');
     });
     it('does not render label or children when both are absent', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {}));
-        const button = _react.screen.getByTestId('button');
+        render(/*#__PURE__*/ _jsx(Button, {}));
+        const button = screen.getByTestId('button');
         expect(button).toBeInTheDocument();
         expect(button).toBeEmptyDOMElement();
     });
     it('does not render with invalid props', ()=>{
         // @ts-expect-error - Testing invalid prop
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             invalidProp: "value"
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).toBeInTheDocument();
     });
     it('does not apply isIconRight class when no icon is provided', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+        render(/*#__PURE__*/ _jsx(Button, {
             isIconRight: true
         }));
-        const button = _react.screen.getByTestId('button');
+        const button = screen.getByTestId('button');
         expect(button).not.toHaveClass('button_icon-right');
     });
 });

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js

@@ -1,32 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactrouterdom = require("react-router-dom");
-const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
-require("./ButtonsBar.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import cn from "classnames";
+import { Link } from "react-router-dom";
+import Button from "../Button/Button";
+import "./ButtonsBar.scss";
 const ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconRight, rejectBtnVariant, rejectBtnClass, isRejectBtnDisabled, rejectLink, onReject, confirmBtnLabel, confirmBtnIcon, isConfirmBtnIconRight, confirmBtnVariant, confirmBtnClass, isConfirmBtnDisabled, onConfirm, testIdFirstBtn = "button-bar-first-item", testIdSecondBtn = "button-bar-second-item" })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("button-bar", className),
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn("button-bar", className),
         children: [
-            rejectLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.Link, {
+            rejectLink ? /*#__PURE__*/ _jsx(Link, {
                 className: "text-decoration-none",
                 to: rejectLink,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                children: /*#__PURE__*/ _jsx(Button, {
                     testId: testIdFirstBtn,
                     label: rejectBtnLabel,
                     variant: rejectBtnVariant,
@@ -34,11 +19,11 @@ const ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconR
                     disabled: isRejectBtnDisabled,
                     icon: rejectBtnIcon,
                     isIconRight: isRejectBtnIconRight,
-                    className: (0, _classnames.default)(rejectBtnClass, {
+                    className: cn(rejectBtnClass, {
                         mr5: confirmBtnLabel
                     })
                 })
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+            }) : /*#__PURE__*/ _jsx(Button, {
                 "data-testid": testIdFirstBtn,
                 label: rejectBtnLabel,
                 variant: rejectBtnVariant,
@@ -46,11 +31,11 @@ const ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconR
                 disabled: isRejectBtnDisabled,
                 icon: rejectBtnIcon,
                 isIconRight: isRejectBtnIconRight,
-                className: (0, _classnames.default)(rejectBtnClass, {
+                className: cn(rejectBtnClass, {
                     mr5: confirmBtnLabel
                 })
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+            /*#__PURE__*/ _jsx(Button, {
                 testId: testIdSecondBtn,
                 label: confirmBtnLabel,
                 variant: confirmBtnVariant,
@@ -63,4 +48,4 @@ const ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconR
         ]
     });
 };
-const _default = ButtonsBar;
+export default ButtonsBar;

package/dist/Atomic/UI/ButtonsBar/ButtonsBar.stories.js

@@ -1,35 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ButtonsBarTemplate: function() {
-        return ButtonsBarTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _reactfeather = require("react-feather");
-const _ButtonsBar = /*#__PURE__*/ _interop_require_default(require("./ButtonsBar"));
-const _reactrouterdom = require("react-router-dom");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Plus, X } from 'react-feather';
+import ButtonsBar from './ButtonsBar';
+// import '../../../../../scss/main.scss';
+import { BrowserRouter } from 'react-router-dom';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'UI/ButtonsBar',
-    component: _ButtonsBar.default,
+    component: ButtonsBar,
     argTypes: {
         className: {
             description: 'string. optional'
@@ -104,26 +82,26 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonsBar.default, {
+    return /*#__PURE__*/ _jsx(BrowserRouter, {
+        children: /*#__PURE__*/ _jsx(ButtonsBar, {
             ...args
         })
     });
 };
-const ButtonsBarTemplate = Template.bind({});
+export const ButtonsBarTemplate = Template.bind({});
 ButtonsBarTemplate.args = {
     className: '',
     rejectLink: '/',
     rejectBtnLabel: 'Cancel',
     rejectBtnVariant: 'dark-outline',
-    rejectBtnIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {}),
+    rejectBtnIcon: /*#__PURE__*/ _jsx(X, {}),
     rejectBtnClass: 'className-test-reject',
     isRejectBtnDisabled: false,
     onReject: ()=>{},
     confirmBtnLabel: 'Create',
     confirmBtnVariant: 'primary',
     confirmBtnClass: 'className-test-confirm',
-    confirmBtnIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {}),
+    confirmBtnIcon: /*#__PURE__*/ _jsx(Plus, {}),
     isConfirmBtnDisabled: false,
     onConfirm: ()=>{}
 };

package/dist/Atomic/UI/Chart/Chart.js

@@ -1,107 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _chart = require("chart.js");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactchartjs2 = /*#__PURE__*/ _interop_require_wildcard(require("react-chartjs-2"));
-const _utils = require("../../../Functions/utils");
-const _Chartconstants = require("./partial/Chart.constants");
-const _ChartTypeSwitcherIcon = /*#__PURE__*/ _interop_require_default(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
-const _utils1 = require("./partial/utils");
-require("./Chart.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { BarElement, CategoryScale, Chart as ChartJS, Filler, LineElement, LinearScale, PointElement, Tooltip } from "chart.js";
+import cn from "classnames";
+import * as ChartComponents from "react-chartjs-2";
+import { clone } from "../../../Functions/utils";
+import { COMPONENT_OPTIONS, DEFAULT_CHART_MODEL, ICON_MODELS } from "./partial/Chart.constants";
+import ChartTypeSwitcherIcon from "./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon";
+import { correctModelKey, getChartTypeKey, getNotLibraryOptionsOptions, getOptions, prepareData } from "./partial/utils";
+import "./Chart.scss";
 const RC = "chart";
-_chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
+ChartJS.register(CategoryScale, LinearScale, BarElement, PointElement, LineElement, Filler, Tooltip);
 const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue, description, customOptions, data, addToDatasets, modifyOptions })=>{
     var _modifyOptions_toString;
     if (!data) return null;
     const { label, value } = description || {};
-    const [model, setModel] = (0, _react.useState)(_Chartconstants.DEFAULT_CHART_MODEL);
-    const [localData, setLocalData] = (0, _react.useState)(data);
-    const chartRef = (0, _react.useRef)(null);
-    const charContainertRef = (0, _react.useRef)(null);
-    const options = (0, _react.useMemo)(()=>customOptions || (modifyOptions ? modifyOptions((0, _utils1.getOptions)(model)) : (0, _utils1.getOptions)(model)), [
+    const [model, setModel] = useState(DEFAULT_CHART_MODEL);
+    const [localData, setLocalData] = useState(data);
+    const chartRef = useRef(null);
+    const charContainertRef = useRef(null);
+    const options = useMemo(()=>customOptions || (modifyOptions ? modifyOptions(getOptions(model)) : getOptions(model)), [
         customOptions,
         model,
         modifyOptions === null || modifyOptions === void 0 ? void 0 : (_modifyOptions_toString = modifyOptions.toString) === null || _modifyOptions_toString === void 0 ? void 0 : _modifyOptions_toString.call(modifyOptions),
         data
     ]);
-    const notLibraryOptionsOptions = (0, _react.useMemo)(()=>customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : (0, _utils1.getNotLibraryOptionsOptions)(model), [
+    const notLibraryOptionsOptions = useMemo(()=>customOptions ? customOptions === null || customOptions === void 0 ? void 0 : customOptions.notLibraryOptions : getNotLibraryOptionsOptions(model), [
         customOptions,
         model,
         data
     ]);
-    const ChartComponent = (0, _react.useCallback)((props)=>{
-        const Component = _reactchartjs2[(0, _utils1.getChartTypeKey)(model)];
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+    const ChartComponent = useCallback((props)=>{
+        const Component = ChartComponents[getChartTypeKey(model)];
+        return /*#__PURE__*/ _jsx(Component, {
             ref: chartRef,
             ...props
         });
     }, [
         model
     ]);
-    const isExcludeDescription = _Chartconstants.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
-    const isExcludeChartTypeSwitcher = _Chartconstants.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
-    (0, _react.useLayoutEffect)(()=>{
+    const isExcludeDescription = COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
+    const isExcludeChartTypeSwitcher = COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
+    useLayoutEffect(()=>{
         if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
     }, [
         model
     ]);
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         const { setCanvasDimensions } = notLibraryOptionsOptions || {};
         if (charContainertRef.current) {
             var _setCanvasDimensions_width;
@@ -112,61 +56,61 @@ const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue
     }, [
         notLibraryOptionsOptions
     ]);
-    (0, _react.useEffect)(()=>{
-        setModel((0, _utils1.correctModelKey)(initialModel));
+    useEffect(()=>{
+        setModel(correctModelKey(initialModel));
     }, [
         initialModel
     ]);
-    (0, _react.useEffect)(()=>{
-        setLocalData((0, _utils1.prepareData)(model, (0, _utils.clone)(data), chartRef.current, addToDatasets));
+    useEffect(()=>{
+        setLocalData(prepareData(model, clone(data), chartRef.current, addToDatasets));
     }, [
         model,
         data
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(RC, {
-            [`${RC}_icon-mode`]: _Chartconstants.ICON_MODELS.includes(model)
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn(RC, {
+            [`${RC}_icon-mode`]: ICON_MODELS.includes(model)
         }, className),
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)(`${RC}__header`, {
+            /*#__PURE__*/ _jsxs("div", {
+                className: cn(`${RC}__header`, {
                     [`${RC}__header_only-switcher`]: !description
                 }),
                 children: [
-                    description && !isExcludeDescription ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(`${RC}__description`),
+                    description && !isExcludeDescription ? /*#__PURE__*/ _jsxs("div", {
+                        className: cn(`${RC}__description`),
                         children: [
-                            label ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                                className: (0, _classnames.default)(`${RC}__description-title`),
+                            label ? /*#__PURE__*/ _jsx("span", {
+                                className: cn(`${RC}__description-title`),
                                 children: label
                             }) : null,
-                            value ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                className: (0, _classnames.default)(`${RC}__description-value`),
+                            value ? /*#__PURE__*/ _jsx("div", {
+                                className: cn(`${RC}__description-value`),
                                 children: value
                             }) : null
                         ]
                     }) : null,
-                    !isExcludeChartTypeSwitcher ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                        className: (0, _classnames.default)(`${RC}__type-switcher`),
+                    !isExcludeChartTypeSwitcher ? /*#__PURE__*/ _jsxs("div", {
+                        className: cn(`${RC}__type-switcher`),
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChartTypeSwitcherIcon.default, {
+                            /*#__PURE__*/ _jsx(ChartTypeSwitcherIcon, {
                                 iconType: "Bar",
-                                isActive: (0, _utils1.getChartTypeKey)(model) === "Bar",
+                                isActive: getChartTypeKey(model) === "Bar",
                                 onClick: ()=>setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || "barLayout")
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChartTypeSwitcherIcon.default, {
+                            /*#__PURE__*/ _jsx(ChartTypeSwitcherIcon, {
                                 iconType: "Line",
-                                isActive: (0, _utils1.getChartTypeKey)(model) === "Line",
+                                isActive: getChartTypeKey(model) === "Line",
                                 onClick: ()=>setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || "lineLayout")
                             })
                         ]
                     }) : null
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 ref: charContainertRef,
-                className: (0, _classnames.default)(`${RC}__chart-wrapper`),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartComponent, {
+                className: cn(`${RC}__chart-wrapper`),
+                children: /*#__PURE__*/ _jsx(ChartComponent, {
                     ...options,
                     data: localData
                 })
@@ -174,4 +118,4 @@ const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue
         ]
     });
 };
-const _default = Chart;
+export default Chart;