intelicoreact 1.5.41 → 1.6.0

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

@@ -1,72 +1,66 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactRouterDom = require("react-router-dom");
-var _Button = _interopRequireDefault(require("../Button/Button"));
+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");
-const ButtonsBar = _ref => {
-  let {
-    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"
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("button-bar", className)
-  }, rejectLink ? /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    className: "text-decoration-none",
-    to: rejectLink
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: testIdFirstBtn,
-    label: rejectBtnLabel,
-    variant: rejectBtnVariant,
-    onClick: onReject,
-    disabled: isRejectBtnDisabled,
-    icon: rejectBtnIcon,
-    isIconRight: isRejectBtnIconRight,
-    className: (0, _classnames.default)(rejectBtnClass, {
-      mr5: confirmBtnLabel
-    })
-  })) : /*#__PURE__*/_react.default.createElement(_Button.default, {
-    "data-testid": testIdFirstBtn,
-    label: rejectBtnLabel,
-    variant: rejectBtnVariant,
-    onClick: onReject,
-    disabled: isRejectBtnDisabled,
-    icon: rejectBtnIcon,
-    isIconRight: isRejectBtnIconRight,
-    className: (0, _classnames.default)(rejectBtnClass, {
-      mr5: confirmBtnLabel
-    })
-  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: testIdSecondBtn,
-    label: confirmBtnLabel,
-    variant: confirmBtnVariant,
-    onClick: onConfirm,
-    disabled: isConfirmBtnDisabled,
-    icon: confirmBtnIcon,
-    isIconRight: isConfirmBtnIconRight,
-    className: confirmBtnClass
-  }));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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),
+        children: [
+            rejectLink ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.Link, {
+                className: "text-decoration-none",
+                to: rejectLink,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                    testId: testIdFirstBtn,
+                    label: rejectBtnLabel,
+                    variant: rejectBtnVariant,
+                    onClick: onReject,
+                    disabled: isRejectBtnDisabled,
+                    icon: rejectBtnIcon,
+                    isIconRight: isRejectBtnIconRight,
+                    className: (0, _classnames.default)(rejectBtnClass, {
+                        mr5: confirmBtnLabel
+                    })
+                })
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                "data-testid": testIdFirstBtn,
+                label: rejectBtnLabel,
+                variant: rejectBtnVariant,
+                onClick: onReject,
+                disabled: isRejectBtnDisabled,
+                icon: rejectBtnIcon,
+                isIconRight: isRejectBtnIconRight,
+                className: (0, _classnames.default)(rejectBtnClass, {
+                    mr5: confirmBtnLabel
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                testId: testIdSecondBtn,
+                label: confirmBtnLabel,
+                variant: confirmBtnVariant,
+                onClick: onConfirm,
+                disabled: isConfirmBtnDisabled,
+                icon: confirmBtnIcon,
+                isIconRight: isConfirmBtnIconRight,
+                className: confirmBtnClass
+            })
+        ]
+    });
 };
-var _default = exports.default = ButtonsBar;
+const _default = ButtonsBar;

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

@@ -0,0 +1,129 @@
+"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
+    };
+}
+global.lng = 'en';
+const _default = {
+    title: 'UI/ButtonsBar',
+    component: _ButtonsBar.default,
+    argTypes: {
+        className: {
+            description: 'string. optional'
+        },
+        rejectLink: {
+            description: 'link for reject button. string. optional'
+        },
+        rejectBtnLabel: {
+            description: 'label for reject button. string. '
+        },
+        rejectBtnVariant: {
+            description: 'variant for reject button. string. optional. primary is default.ariant for reject button.',
+            control: {
+                type: 'select',
+                options: [
+                    'dark-outline',
+                    'warning',
+                    'success',
+                    'primary',
+                    'secondary',
+                    'ellipse-apply',
+                    'ellipse-cancel',
+                    'link',
+                    'text'
+                ]
+            }
+        },
+        rejectBtnIcon: {
+            description: 'icon for reject button. jsx. optional'
+        },
+        rejectBtnClass: {
+            description: 'className for reject button. string. optional'
+        },
+        isRejectBtnDisabled: {
+            description: 'disable reject button. boolean. optional'
+        },
+        onReject: {
+            description: 'on reject button click function'
+        },
+        confirmBtnLabel: {
+            description: 'label for confirm button. string.'
+        },
+        confirmBtnVariant: {
+            description: 'variant for confirm button. string. optional. primary is default.',
+            control: {
+                type: 'select',
+                options: [
+                    'dark-outline',
+                    'warning',
+                    'success',
+                    'primary',
+                    'secondary',
+                    'ellipse-apply',
+                    'ellipse-cancel',
+                    'link',
+                    'text'
+                ]
+            }
+        },
+        confirmBtnClass: {
+            description: 'className for confirm button. string. optional'
+        },
+        confirmBtnIcon: {
+            description: 'icon for confirm button. jsx. optional'
+        },
+        isConfirmBtnDisabled: {
+            description: 'disable confirm button. boolean. optional'
+        },
+        onConfirm: {
+            description: 'on confirm button click function'
+        }
+    }
+};
+const Template = (args)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonsBar.default, {
+            ...args
+        })
+    });
+};
+const ButtonsBarTemplate = Template.bind({});
+ButtonsBarTemplate.args = {
+    className: '',
+    rejectLink: '/',
+    rejectBtnLabel: 'Cancel',
+    rejectBtnVariant: 'dark-outline',
+    rejectBtnIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {}),
+    rejectBtnClass: 'className-test-reject',
+    isRejectBtnDisabled: false,
+    onReject: ()=>{},
+    confirmBtnLabel: 'Create',
+    confirmBtnVariant: 'primary',
+    confirmBtnClass: 'className-test-confirm',
+    confirmBtnIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {}),
+    isConfirmBtnDisabled: false,
+    onConfirm: ()=>{}
+};

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

@@ -1,103 +1,177 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _chart = require("chart.js");
-var _helpers = require("chart.js/helpers");
-var _classnames = _interopRequireDefault(require("classnames"));
-var ChartComponents = _interopRequireWildcard(require("react-chartjs-2"));
-var _utils = require("../../../Functions/utils");
-var _Chart = require("./partial/Chart.constants");
-var _ChartTypeSwitcherIcon = _interopRequireDefault(require("./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon"));
-var _utils2 = require("./partial/utils");
+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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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;
+}
 const RC = "chart";
 _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
-const Chart = _ref => {
-  let {
-    className,
-    initialModel,
-    modelsForSwitch,
-    setModelExternalValue,
-    description,
-    customOptions,
-    data,
-    addToDatasets,
-    modifyOptions
-  } = _ref;
-  if (!data) return null;
-  const {
-    label,
-    value
-  } = description || {};
-  const [model, setModel] = (0, _react.useState)(_Chart.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, _utils2.getOptions)(model)) : (0, _utils2.getOptions)(model)), [customOptions, model, modifyOptions?.toString?.(), data]);
-  const notLibraryOptionsOptions = (0, _react.useMemo)(() => customOptions ? customOptions?.notLibraryOptions : (0, _utils2.getNotLibraryOptionsOptions)(model), [customOptions, model, data]);
-  const ChartComponent = (0, _react.useCallback)(props => {
-    const Component = ChartComponents[(0, _utils2.getChartTypeKey)(model)];
-    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-      ref: chartRef
-    }, props));
-  }, [model]);
-  const isExcludeDescription = _Chart.COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);
-  const isExcludeChartTypeSwitcher = _Chart.COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);
-  (0, _react.useLayoutEffect)(() => {
-    if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
-  }, [model]);
-  (0, _react.useLayoutEffect)(() => {
-    const {
-      setCanvasDimensions
-    } = notLibraryOptionsOptions || {};
-    if (charContainertRef.current) {
-      charContainertRef.current.style.width = setCanvasDimensions?.width ?? "";
-      charContainertRef.current.style.height = setCanvasDimensions?.height ?? "";
-    }
-  }, [notLibraryOptionsOptions]);
-  (0, _react.useEffect)(() => {
-    setModel((0, _utils2.correctModelKey)(initialModel));
-  }, [initialModel]);
-  (0, _react.useEffect)(() => {
-    setLocalData((0, _utils2.prepareData)(model, (0, _utils.clone)(data), chartRef.current, addToDatasets));
-  }, [model, data]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, {
-      [`${RC}_icon-mode`]: _Chart.ICON_MODELS.includes(model)
-    }, className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__header`, {
-      [`${RC}__header_only-switcher`]: !description
-    })
-  }, description && !isExcludeDescription ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__description`)
-  }, label ? /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(`${RC}__description-title`)
-  }, label) : null, value ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__description-value`)
-  }, value) : null) : null, !isExcludeChartTypeSwitcher ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__type-switcher`)
-  }, /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
-    iconType: "Bar",
-    isActive: (0, _utils2.getChartTypeKey)(model) === "Bar",
-    onClick: () => setModel(modelsForSwitch?.[0] || "barLayout")
-  }), /*#__PURE__*/_react.default.createElement(_ChartTypeSwitcherIcon.default, {
-    iconType: "Line",
-    isActive: (0, _utils2.getChartTypeKey)(model) === "Line",
-    onClick: () => setModel(modelsForSwitch?.[1] || "lineLayout")
-  })) : null), /*#__PURE__*/_react.default.createElement("div", {
-    ref: charContainertRef,
-    className: (0, _classnames.default)(`${RC}__chart-wrapper`)
-  }, /*#__PURE__*/_react.default.createElement(ChartComponent, (0, _extends2.default)({}, options, {
-    data: localData
-  }))));
+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)), [
+        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), [
+        customOptions,
+        model,
+        data
+    ]);
+    const ChartComponent = (0, _react.useCallback)((props)=>{
+        const Component = _reactchartjs2[(0, _utils1.getChartTypeKey)(model)];
+        return /*#__PURE__*/ (0, _jsxruntime.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)(()=>{
+        if (setModelExternalValue && model !== "emptyLayout") setModelExternalValue(model);
+    }, [
+        model
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        const { setCanvasDimensions } = notLibraryOptionsOptions || {};
+        if (charContainertRef.current) {
+            var _setCanvasDimensions_width;
+            charContainertRef.current.style.width = (_setCanvasDimensions_width = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.width) !== null && _setCanvasDimensions_width !== void 0 ? _setCanvasDimensions_width : "";
+            var _setCanvasDimensions_height;
+            charContainertRef.current.style.height = (_setCanvasDimensions_height = setCanvasDimensions === null || setCanvasDimensions === void 0 ? void 0 : setCanvasDimensions.height) !== null && _setCanvasDimensions_height !== void 0 ? _setCanvasDimensions_height : "";
+        }
+    }, [
+        notLibraryOptionsOptions
+    ]);
+    (0, _react.useEffect)(()=>{
+        setModel((0, _utils1.correctModelKey)(initialModel));
+    }, [
+        initialModel
+    ]);
+    (0, _react.useEffect)(()=>{
+        setLocalData((0, _utils1.prepareData)(model, (0, _utils.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)
+        }, className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)(`${RC}__header`, {
+                    [`${RC}__header_only-switcher`]: !description
+                }),
+                children: [
+                    description && !isExcludeDescription ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)(`${RC}__description`),
+                        children: [
+                            label ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                className: (0, _classnames.default)(`${RC}__description-title`),
+                                children: label
+                            }) : null,
+                            value ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                className: (0, _classnames.default)(`${RC}__description-value`),
+                                children: value
+                            }) : null
+                        ]
+                    }) : null,
+                    !isExcludeChartTypeSwitcher ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: (0, _classnames.default)(`${RC}__type-switcher`),
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChartTypeSwitcherIcon.default, {
+                                iconType: "Bar",
+                                isActive: (0, _utils1.getChartTypeKey)(model) === "Bar",
+                                onClick: ()=>setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[0]) || "barLayout")
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChartTypeSwitcherIcon.default, {
+                                iconType: "Line",
+                                isActive: (0, _utils1.getChartTypeKey)(model) === "Line",
+                                onClick: ()=>setModel((modelsForSwitch === null || modelsForSwitch === void 0 ? void 0 : modelsForSwitch[1]) || "lineLayout")
+                            })
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                ref: charContainertRef,
+                className: (0, _classnames.default)(`${RC}__chart-wrapper`),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartComponent, {
+                    ...options,
+                    data: localData
+                })
+            })
+        ]
+    });
 };
-var _default = exports.default = Chart;
+const _default = Chart;

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

@@ -0,0 +1,93 @@
+"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, {
+    ChartTemplate: function() {
+        return ChartTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Chart = /*#__PURE__*/ _interop_require_default(require("./Chart"));
+require("./partial/AnyOuterClass.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+// import '../../../../../scss/main.scss';
+global.lng = 'en';
+const _default = {
+    title: 'UI/Chart',
+    component: _Chart.default,
+    argTypes: {
+        initialModel: {
+            description: 'string',
+            control: {
+                type: 'select',
+                options: [
+                    'finturfChartBar ',
+                    'finturfChartLine',
+                    'finturfPositiveLineIcon',
+                    'finturfNegativeLineIcon',
+                    'finturfLoadingModeBar',
+                    'finturfLoadingModeLine',
+                    'emptyLayout'
+                ]
+            }
+        },
+        modelsForSwitch: {
+            description: 'Array of strings'
+        },
+        description: {
+            label: 'object: { label, value }'
+        }
+    }
+};
+const Template = (args)=>{
+    const { isIncludeOuterStyles, ...restArgs } = args;
+    const labels = [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July'
+    ];
+    const data = {
+        labels,
+        datasets: [
+            {
+                data: labels.map(()=>Math.trunc(Math.random() * 1000))
+            }
+        ]
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Chart.default, {
+        ...restArgs,
+        className: isIncludeOuterStyles ? 'any-outer-class__chart' : '',
+        data: data
+    });
+};
+const ChartTemplate = Template.bind({});
+ChartTemplate.args = {
+    isIncludeOuterStyles: true,
+    initialModel: 'finturfChartBar',
+    modelsForSwitch: [
+        'finturfChartBar',
+        'finturfChartLine'
+    ],
+    description: {
+        label: 'Total Approval Rate'
+    }
+};