intelicoreact 1.6.6 → 1.6.8

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

@@ -20,11 +20,39 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _Arrow = /*#__PURE__*/ _interop_require_default(require("./Arrow"));
 require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'UI/Arrow',
@@ -50,9 +78,7 @@ const _default = {
 };
 const Template = (args)=>{
     const { className, onClick } = args;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, {
-        ...args
-    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Arrow.default, _object_spread({}, args));
 };
 const ArrowTemplate = Template.bind({});
 ArrowTemplate.args = {
@@ -60,3 +86,5 @@ ArrowTemplate.args = {
     className: 'externall-class-name',
     onClick: (ev)=>console.log(ev.target.className)
 };
+
+//# sourceMappingURL=Arrow.stories.js.map

package/dist/Atomic/UI/Arrow/Arrow.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Arrow/Arrow.stories.js"],"sourcesContent":["import React from 'react';\nimport Arrow from './Arrow';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/Arrow',\n  component: Arrow,\n  argTypes: {\n    type: {\n      description: 'string: [\"left\", \"right\"]',\n      control: {\n        type: 'select',\n        options: ['left', 'right'],\n      },\n    },\n    isAlt: {\n      description: 'boolean: change the arrow print',\n      control: {\n        type: 'torrler',\n      },\n    },\n  },\n};\n\nconst Template = args => {\n  const {className, onClick} = args;\n  return <Arrow {...args} />;\n};\n\nexport const ArrowTemplate = Template.bind({});\n\nArrowTemplate.args = {\n  type: 'left',\n  className: 'externall-class-name',\n  onClick: ev => console.log(ev.target.className),\n};\n"],"names":["ArrowTemplate","global","lng","title","component","Arrow","argTypes","type","description","control","options","isAlt","Template","args","className","onClick","bind","ev","console","log","target"],"mappings":";;;;;;;;;;;IAgCaA,aAAa;eAAbA;;IAzBb,OAkBE;eAlBF;;;;8DAPkB;8DACA;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAK;IAChBC,UAAU;QACRC,MAAM;YACJC,aAAa;YACbC,SAAS;gBACPF,MAAM;gBACNG,SAAS;oBAAC;oBAAQ;iBAAQ;YAC5B;QACF;QACAC,OAAO;YACLH,aAAa;YACbC,SAAS;gBACPF,MAAM;YACR;QACF;IACF;AACF;AAEA,MAAMK,WAAWC,CAAAA;IACf,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAC,GAAGF;IAC7B,qBAAO,qBAACR,cAAK,qBAAKQ;AACpB;AAEO,MAAMb,gBAAgBY,SAASI,IAAI,CAAC,CAAC;AAE5ChB,cAAca,IAAI,GAAG;IACnBN,MAAM;IACNO,WAAW;IACXC,SAASE,CAAAA,KAAMC,QAAQC,GAAG,CAACF,GAAGG,MAAM,CAACN,SAAS;AAChD"}

package/dist/Atomic/UI/Box/Box.js

@@ -44,3 +44,5 @@ const Box = function({ children, paddingVariant = sizes.m, radiiVariant = sizes.
     });
 };
 const _default = Box;
+
+//# sourceMappingURL=Box.js.map

package/dist/Atomic/UI/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Box/Box.js"],"sourcesContent":["// global\nimport React from \"react\";\n\nimport cn from \"classnames\";\n\n// styles\nimport \"./Box.scss\";\n\nconst directionVariants = {\n  column: \"column\",\n  row: \"row\",\n};\n\nconst sizes = {\n  none: \"none\",\n  xs: \"xs\",\n  s: \"s\",\n  m: \"m\",\n  l: \"l\",\n  xl: \"xl\",\n};\n\nconst Box = function ({\n  children,\n  paddingVariant = sizes.m,\n  radiiVariant = sizes.s,\n  direction = directionVariants.column,\n  className,\n}) {\n  const styles = {\n    flexDirection: direction,\n  };\n  return (\n    <div\n      style={styles}\n      className={cn(\n        \"box\",\n        `box--padding-${paddingVariant}`,\n        `box--radii-${radiiVariant}`,\n        className,\n        {\n          df: direction === directionVariants.row,\n          \"dfc-jc\": direction === directionVariants.column,\n        },\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default Box;\n"],"names":["directionVariants","column","row","sizes","none","xs","s","m","l","xl","Box","children","paddingVariant","radiiVariant","direction","className","styles","flexDirection","div","style","cn","df"],"mappings":"AAAA,SAAS;;;;;+BAmDT;;;eAAA;;;;8DAlDkB;mEAEH;QAGR;;;;;;AAEP,MAAMA,oBAAoB;IACxBC,QAAQ;IACRC,KAAK;AACP;AAEA,MAAMC,QAAQ;IACZC,MAAM;IACNC,IAAI;IACJC,GAAG;IACHC,GAAG;IACHC,GAAG;IACHC,IAAI;AACN;AAEA,MAAMC,MAAM,SAAU,EACpBC,QAAQ,EACRC,iBAAiBT,MAAMI,CAAC,EACxBM,eAAeV,MAAMG,CAAC,EACtBQ,YAAYd,kBAAkBC,MAAM,EACpCc,SAAS,EACV;IACC,MAAMC,SAAS;QACbC,eAAeH;IACjB;IACA,qBACE,qBAACI;QACCC,OAAOH;QACPD,WAAWK,IAAAA,mBAAE,EACX,OACA,CAAC,aAAa,EAAER,gBAAgB,EAChC,CAAC,WAAW,EAAEC,cAAc,EAC5BE,WACA;YACEM,IAAIP,cAAcd,kBAAkBE,GAAG;YACvC,UAAUY,cAAcd,kBAAkBC,MAAM;QAClD;kBAGDU;;AAGP;MAEA,WAAeD"}

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

@@ -20,11 +20,63 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../../FormElements/CheckboxInput/CheckboxInput"));
 const _Box = /*#__PURE__*/ _interop_require_default(require("./Box"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function getRadioArgType(options, defaultValue) {
     return {
         description: `string: ${JSON.stringify(options)}. optional. ${defaultValue} is default`,
@@ -64,8 +116,7 @@ const Template = (args)=>{
     const { className, onClick } = args;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Box.default, _object_spread_props(_object_spread({}, args), {
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
                         label: "mock element one"
@@ -75,7 +126,7 @@ const Template = (args)=>{
                         label: "mock element second"
                     })
                 ]
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("h2", {
@@ -112,3 +163,5 @@ BoxTemplate.args = {
     paddingVariant: "m",
     className: "external-class-name"
 };
+
+//# sourceMappingURL=Box.stories.js.map

package/dist/Atomic/UI/Box/Box.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Box/Box.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport CheckboxInput from \"../../FormElements/CheckboxInput/CheckboxInput\";\n\nimport Box from \"./Box\";\n\nfunction getRadioArgType(options, defaultValue) {\n  return {\n    description: `string: ${JSON.stringify(options)}. optional. ${defaultValue} is default`,\n    control: {\n      type: \"radio\",\n    },\n    options,\n  };\n}\n\nexport default {\n  title: \"UI/Box\",\n  component: Box,\n  argTypes: {\n    direction: getRadioArgType([\"column\", \"row\"], \"column\"),\n    paddingVariant: getRadioArgType([\"none\", \"xs\", \"s\", \"m\", \"l\", \"xl\"], \"m\"),\n    radiiVariant: getRadioArgType([\"none\", \"xs\", \"s\", \"m\", \"l\", \"xl\"], \"s\"),\n  },\n};\n\nconst Template = (args) => {\n  const { className, onClick } = args;\n\n  return (\n    <>\n      <Box {...args}>\n        <CheckboxInput label=\"mock element one\" />\n        <br />\n        <CheckboxInput label=\"mock element second\" />\n      </Box>\n\n      <br />\n      <br />\n      <h2>direction: {args.direction}</h2>\n      <h2>radii: {args.radiiVariant}</h2>\n      <h2>padding: {args.paddingVariant}</h2>\n      <h2>className: {args.className}</h2>\n    </>\n  );\n};\n\nexport const BoxTemplate = Template.bind({});\n\nBoxTemplate.args = {\n  direction: \"column\",\n  radiiVariant: \"s\",\n  paddingVariant: \"m\",\n  className: \"external-class-name\",\n};\n"],"names":["BoxTemplate","getRadioArgType","options","defaultValue","description","JSON","stringify","control","type","title","component","Box","argTypes","direction","paddingVariant","radiiVariant","Template","args","className","onClick","CheckboxInput","label","br","h2","bind"],"mappings":";;;;;;;;;;;IA+CaA,WAAW;eAAXA;;IA/Bb,OAQE;eARF;;;;8DAhBkB;sEAEQ;4DAEV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEhB,SAASC,gBAAgBC,OAAO,EAAEC,YAAY;IAC5C,OAAO;QACLC,aAAa,CAAC,QAAQ,EAAEC,KAAKC,SAAS,CAACJ,SAAS,YAAY,EAAEC,aAAa,WAAW,CAAC;QACvFI,SAAS;YACPC,MAAM;QACR;QACAN;IACF;AACF;MAEA,WAAe;IACbO,OAAO;IACPC,WAAWC,YAAG;IACdC,UAAU;QACRC,WAAWZ,gBAAgB;YAAC;YAAU;SAAM,EAAE;QAC9Ca,gBAAgBb,gBAAgB;YAAC;YAAQ;YAAM;YAAK;YAAK;YAAK;SAAK,EAAE;QACrEc,cAAcd,gBAAgB;YAAC;YAAQ;YAAM;YAAK;YAAK;YAAK;SAAK,EAAE;IACrE;AACF;AAEA,MAAMe,WAAW,CAACC;IAChB,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGF;IAE/B,qBACE;;0BACE,sBAACN,YAAG,0CAAKM;;kCACP,qBAACG,sBAAa;wBAACC,OAAM;;kCACrB,qBAACC;kCACD,qBAACF,sBAAa;wBAACC,OAAM;;;;0BAGvB,qBAACC;0BACD,qBAACA;0BACD,sBAACC;;oBAAG;oBAAYN,KAAKJ,SAAS;;;0BAC9B,sBAACU;;oBAAG;oBAAQN,KAAKF,YAAY;;;0BAC7B,sBAACQ;;oBAAG;oBAAUN,KAAKH,cAAc;;;0BACjC,sBAACS;;oBAAG;oBAAYN,KAAKC,SAAS;;;;;AAGpC;AAEO,MAAMlB,cAAcgB,SAASQ,IAAI,CAAC,CAAC;AAE1CxB,YAAYiB,IAAI,GAAG;IACjBJ,WAAW;IACXE,cAAc;IACdD,gBAAgB;IAChBI,WAAW;AACb"}

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

@@ -12,16 +12,109 @@ const _jsxruntime = require("react/jsx-runtime");
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 require("./Button.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 const RC = 'button';
-const Button = ({ label, onClick, disabled, icon, className, children, style, noIcon, isIconRight, testId = 'button', tabIndex = 0, variant = 'primary', isTextEllipsis = false, ...props })=>{
+const Button = (_param)=>{
+    var { label, onClick, disabled, icon, className, children, style, noIcon, isIconRight, testId = 'button', tabIndex = 0, variant = 'primary', isTextEllipsis = false } = _param, props = _object_without_properties(_param, [
+        "label",
+        "onClick",
+        "disabled",
+        "icon",
+        "className",
+        "children",
+        "style",
+        "noIcon",
+        "isIconRight",
+        "testId",
+        "tabIndex",
+        "variant",
+        "isTextEllipsis"
+    ]);
     const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
-        ...props,
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", _object_spread_props(_object_spread({}, props), {
         "data-testid": testId,
         tabIndex: tabIndex,
         style: style,
@@ -43,6 +136,8 @@ const Button = ({ label, onClick, disabled, icon, className, children, style, no
             }),
             !label && children ? children : null
         ]
-    });
+    }));
 };
 const _default = Button;
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Button/Button.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { IUniProps } from '../../../types/base.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport './Button.scss';\n\nconst RC = 'button';\n\ntype TButtonVariant = 'primary' | 'ellipse-apply' | 'ellipse-cancel' | string;\n\ninterface IProps extends IUniProps, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled'> {\n  label?: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  icon?: ReactNode;\n  children?: ReactNode;\n  style?: CSSProperties;\n  noIcon?: boolean;\n  isIconRight?: boolean;\n  tabIndex?: number;\n  variant?: TButtonVariant;\n  isTextEllipsis?: boolean;\n}\n\nconst Button: React.FC<IProps> = ({\n  label,\n  onClick,\n  disabled,\n  icon,\n  className,\n  children,\n  style,\n  noIcon,\n  isIconRight,\n  testId = 'button',\n  tabIndex = 0,\n  variant = 'primary',\n  isTextEllipsis = false,\n  ...props\n}) => {\n  const noRenderIcon = noIcon || variant === 'ellipse-apply' || variant === 'ellipse-cancel';\n\n  return (\n    <button\n      {...props}\n      data-testid={testId}\n      tabIndex={tabIndex}\n      style={style}\n      className={cn(\n        RC,\n        {\n          [`${RC}_${variant}`]: variant,\n          'button_icon-left': icon && !isIconRight,\n          'button_icon-right': icon && isIconRight,\n        },\n        className,\n      )}\n      onClick={onClick}\n      disabled={disabled}\n      type=\"button\"\n    >\n      {!noRenderIcon && icon}\n      {label && <div className={cn('button__text', { 'text-ellipsis': isTextEllipsis })}>{label}</div>}\n      {!label && children ? children : null}\n    </button>\n  );\n};\n\nexport default Button;\n"],"names":["RC","Button","label","onClick","disabled","icon","className","children","style","noIcon","isIconRight","testId","tabIndex","variant","isTextEllipsis","props","noRenderIcon","button","data-testid","cn","type","div"],"mappings":";;;;+BAsEA;;;eAAA;;;;mEApEe;8DAEG;QAEX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAkBX,MAAMC,SAA2B;QAAC,EAChCC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACTC,QAAQ,EACRC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,SAAS,QAAQ,EACjBC,WAAW,CAAC,EACZC,UAAU,SAAS,EACnBC,iBAAiB,KAAK,EAEvB,WADIC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,eAAeP,UAAUI,YAAY,mBAAmBA,YAAY;IAE1E,qBACE,sBAACI,kDACKF;QACJG,eAAaP;QACbC,UAAUA;QACVJ,OAAOA;QACPF,WAAWa,IAAAA,mBAAE,EACXnB,IACA;YACE,CAAC,GAAGA,GAAG,CAAC,EAAEa,SAAS,CAAC,EAAEA;YACtB,oBAAoBR,QAAQ,CAACK;YAC7B,qBAAqBL,QAAQK;QAC/B,GACAJ;QAEFH,SAASA;QACTC,UAAUA;QACVgB,MAAK;;YAEJ,CAACJ,gBAAgBX;YACjBH,uBAAS,qBAACmB;gBAAIf,WAAWa,IAAAA,mBAAE,EAAC,gBAAgB;oBAAE,iBAAiBL;gBAAe;0BAAKZ;;YACnF,CAACA,SAASK,WAAWA,WAAW;;;AAGvC;MAEA,WAAeN"}

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

@@ -20,11 +20,39 @@ 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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 global.lng = "en";
 const _default = {
     title: "UI/Button",
@@ -88,9 +116,7 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-        ...args
-    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, _object_spread({}, args));
 };
 const ButtonTemplate = Template.bind({});
 ButtonTemplate.args = {
@@ -103,3 +129,5 @@ ButtonTemplate.args = {
     className: "test-class",
     testId: "test-id"
 };
+
+//# sourceMappingURL=Button.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Button/Button.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport { Check } from \"react-feather\";\n\nimport Button from \"./Button\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"UI/Button\",\n  component: Button,\n  argTypes: {\n    variant: {\n      description:\n        'string: [\"primary\", \"secondary\", \"dark-outline\", \"ellipse-apply\", \"ellipse-cancel\"]',\n      control: {\n        type: \"select\",\n        options: [\n          \"primary\",\n          \"success\",\n          \"warning\",\n          \"secondary\",\n          \"dark-outline\",\n          \"link\",\n          \"ellipse-apply\",\n          \"ellipse-cancel\",\n        ],\n      },\n    },\n    isTextEllipsis: {\n      description: \"boolean\",\n      control: { type: \"boolean\" },\n    },\n    label: { description: \"string\" },\n    disabled: { description: \"boolean\" },\n    onClick: { description: \"function\" },\n    icon: {\n      description: \"svg icon code\",\n      control: {\n        type: \"select\",\n        options: [\n          \"Check\",\n          \"Edit3\",\n          \"Plus\",\n          \"Tool\",\n          \"UploadCloud\",\n          \"X\",\n          \"ArrowLeft\",\n        ],\n      },\n    },\n    className: { description: \"string\" },\n    style: { description: \"object\" },\n    testId: { description: \"string\" },\n  },\n};\n\nconst Template = (args) => {\n  return <Button {...args} />;\n};\n\nexport const ButtonTemplate = Template.bind({});\n\nButtonTemplate.args = {\n  disabled: false,\n  onClick: () => null,\n  variant: \"\",\n  label: \"Button\",\n  icon: <Check />,\n  isIconRight: true,\n  className: \"test-class\",\n  testId: \"test-id\",\n};\n"],"names":["ButtonTemplate","global","lng","title","component","Button","argTypes","variant","description","control","type","options","isTextEllipsis","label","disabled","onClick","icon","className","style","testId","Template","args","bind","Check","isIconRight"],"mappings":";;;;;;;;;;;IA6DaA,cAAc;eAAdA;;IArDb,OA+CE;eA/CF;;;;8DARkB;8BAEI;+DAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnBC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,eAAM;IACjBC,UAAU;QACRC,SAAS;YACPC,aACE;YACFC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBACP;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;QACF;QACAC,gBAAgB;YACdJ,aAAa;YACbC,SAAS;gBAAEC,MAAM;YAAU;QAC7B;QACAG,OAAO;YAAEL,aAAa;QAAS;QAC/BM,UAAU;YAAEN,aAAa;QAAU;QACnCO,SAAS;YAAEP,aAAa;QAAW;QACnCQ,MAAM;YACJR,aAAa;YACbC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBACP;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;iBACD;YACH;QACF;QACAM,WAAW;YAAET,aAAa;QAAS;QACnCU,OAAO;YAAEV,aAAa;QAAS;QAC/BW,QAAQ;YAAEX,aAAa;QAAS;IAClC;AACF;AAEA,MAAMY,WAAW,CAACC;IAChB,qBAAO,qBAAChB,eAAM,qBAAKgB;AACrB;AAEO,MAAMrB,iBAAiBoB,SAASE,IAAI,CAAC,CAAC;AAE7CtB,eAAeqB,IAAI,GAAG;IACpBP,UAAU;IACVC,SAAS,IAAM;IACfR,SAAS;IACTM,OAAO;IACPG,oBAAM,qBAACO,mBAAK;IACZC,aAAa;IACbP,WAAW;IACXE,QAAQ;AACV"}

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

@@ -64,3 +64,5 @@ const ButtonsBar = ({ className, rejectBtnLabel, rejectBtnIcon, isRejectBtnIconR
     });
 };
 const _default = ButtonsBar;
+
+//# sourceMappingURL=ButtonsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ButtonsBar/ButtonsBar.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\nimport { Link } from \"react-router-dom\";\n\nimport Button from \"../Button/Button\";\n\nimport \"./ButtonsBar.scss\";\n\nconst ButtonsBar = ({\n  className,\n  rejectBtnLabel,\n  rejectBtnIcon,\n  isRejectBtnIconRight,\n  rejectBtnVariant,\n  rejectBtnClass,\n  isRejectBtnDisabled,\n  rejectLink,\n  onReject,\n  confirmBtnLabel,\n  confirmBtnIcon,\n  isConfirmBtnIconRight,\n  confirmBtnVariant,\n  confirmBtnClass,\n  isConfirmBtnDisabled,\n  onConfirm,\n  testIdFirstBtn = \"button-bar-first-item\",\n  testIdSecondBtn = \"button-bar-second-item\",\n}) => {\n  return (\n      <div className={cn(\"button-bar\", className)}>\n      {rejectLink ? (\n        <Link className=\"text-decoration-none\" to={rejectLink}>\n          <Button\n            testId={testIdFirstBtn}\n            label={rejectBtnLabel}\n            variant={rejectBtnVariant}\n            onClick={onReject}\n            disabled={isRejectBtnDisabled}\n            icon={rejectBtnIcon}\n            isIconRight={isRejectBtnIconRight}\n            className={cn(rejectBtnClass, { mr5: confirmBtnLabel })}\n          />\n        </Link>\n      ) : (\n        <Button\n          data-testid={testIdFirstBtn}\n          label={rejectBtnLabel}\n          variant={rejectBtnVariant}\n          onClick={onReject}\n          disabled={isRejectBtnDisabled}\n          icon={rejectBtnIcon}\n          isIconRight={isRejectBtnIconRight}\n          className={cn(rejectBtnClass, { mr5: confirmBtnLabel })}\n        />\n      )}\n\n      <Button\n        testId={testIdSecondBtn}\n        label={confirmBtnLabel}\n        variant={confirmBtnVariant}\n        onClick={onConfirm}\n        disabled={isConfirmBtnDisabled}\n        icon={confirmBtnIcon}\n        isIconRight={isConfirmBtnIconRight}\n        className={confirmBtnClass}\n      />\n    </div>\n  );\n};\n\nexport default ButtonsBar;\n"],"names":["ButtonsBar","className","rejectBtnLabel","rejectBtnIcon","isRejectBtnIconRight","rejectBtnVariant","rejectBtnClass","isRejectBtnDisabled","rejectLink","onReject","confirmBtnLabel","confirmBtnIcon","isConfirmBtnIconRight","confirmBtnVariant","confirmBtnClass","isConfirmBtnDisabled","onConfirm","testIdFirstBtn","testIdSecondBtn","div","cn","Link","to","Button","testId","label","variant","onClick","disabled","icon","isIconRight","mr5","data-testid"],"mappings":";;;;+BAuEA;;;eAAA;;;;8DAvEkB;mEAEH;gCACM;+DAEF;QAEZ;;;;;;AAEP,MAAMA,aAAa,CAAC,EAClBC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,oBAAoB,EACpBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,UAAU,EACVC,QAAQ,EACRC,eAAe,EACfC,cAAc,EACdC,qBAAqB,EACrBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,EACpBC,SAAS,EACTC,iBAAiB,uBAAuB,EACxCC,kBAAkB,wBAAwB,EAC3C;IACC,qBACI,sBAACC;QAAIlB,WAAWmB,IAAAA,mBAAE,EAAC,cAAcnB;;YAChCO,2BACC,qBAACa,oBAAI;gBAACpB,WAAU;gBAAuBqB,IAAId;0BACzC,cAAA,qBAACe,eAAM;oBACLC,QAAQP;oBACRQ,OAAOvB;oBACPwB,SAASrB;oBACTsB,SAASlB;oBACTmB,UAAUrB;oBACVsB,MAAM1B;oBACN2B,aAAa1B;oBACbH,WAAWmB,IAAAA,mBAAE,EAACd,gBAAgB;wBAAEyB,KAAKrB;oBAAgB;;+BAIzD,qBAACa,eAAM;gBACLS,eAAaf;gBACbQ,OAAOvB;gBACPwB,SAASrB;gBACTsB,SAASlB;gBACTmB,UAAUrB;gBACVsB,MAAM1B;gBACN2B,aAAa1B;gBACbH,WAAWmB,IAAAA,mBAAE,EAACd,gBAAgB;oBAAEyB,KAAKrB;gBAAgB;;0BAIzD,qBAACa,eAAM;gBACLC,QAAQN;gBACRO,OAAOf;gBACPgB,SAASb;gBACTc,SAASX;gBACTY,UAAUb;gBACVc,MAAMlB;gBACNmB,aAAalB;gBACbX,WAAWa;;;;AAInB;MAEA,WAAed"}

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

@@ -21,11 +21,39 @@ 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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'UI/ButtonsBar',
@@ -105,9 +133,7 @@ const _default = {
 };
 const Template = (args)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactrouterdom.BrowserRouter, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonsBar.default, {
-            ...args
-        })
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonsBar.default, _object_spread({}, args))
     });
 };
 const ButtonsBarTemplate = Template.bind({});
@@ -127,3 +153,5 @@ ButtonsBarTemplate.args = {
     isConfirmBtnDisabled: false,
     onConfirm: ()=>{}
 };
+
+//# sourceMappingURL=ButtonsBar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ButtonsBar/ButtonsBar.stories.js"],"sourcesContent":["import React from 'react';\nimport { Plus, X } from 'react-feather';\n\nimport ButtonsBar from './ButtonsBar';\n\n// import '../../../../../scss/main.scss';\nimport { BrowserRouter } from 'react-router-dom';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/ButtonsBar',\n  component: ButtonsBar,\n  argTypes: {\n    className: {      description: 'string. optional' },\n    rejectLink: { description: 'link for reject button. string. optional' },\n    rejectBtnLabel: { description: 'label for reject button. string. ' },\n    rejectBtnVariant: {\n      description:\n        'variant for reject button. string. optional. primary is default.ariant for reject button.',\n      control: {\n        type: 'select',\n        options: ['dark-outline', 'warning', 'success', 'primary', 'secondary', 'ellipse-apply', 'ellipse-cancel', 'link', 'text'],\n      },\n    },\n    rejectBtnIcon: { description: 'icon for reject button. jsx. optional' },\n    rejectBtnClass: { description: 'className for reject button. string. optional' },\n    isRejectBtnDisabled: { description: 'disable reject button. boolean. optional' },\n    onReject: { description: 'on reject button click function' },\n    confirmBtnLabel: { description: 'label for confirm button. string.' },\n    confirmBtnVariant: {\n      description: 'variant for confirm button. string. optional. primary is default.',\n      control: {\n        type: 'select',\n        options: ['dark-outline', 'warning', 'success', 'primary', 'secondary', 'ellipse-apply', 'ellipse-cancel', 'link', 'text'],\n      },\n    },\n    confirmBtnClass: { description: 'className for confirm button. string. optional' },\n    confirmBtnIcon: { description: 'icon for confirm button. jsx. optional' },\n    isConfirmBtnDisabled: { description: 'disable confirm button. boolean. optional' },\n    onConfirm: { description: 'on confirm button click function' },\n  },\n};\n\nconst Template = (args) => {\n  return (\n    <BrowserRouter>\n      <ButtonsBar {...args} />\n    </BrowserRouter>\n  );\n};\n\nexport const ButtonsBarTemplate = Template.bind({});\n\nButtonsBarTemplate.args = {\n  className: '',\n  rejectLink: '/',\n  rejectBtnLabel: 'Cancel',\n  rejectBtnVariant: 'dark-outline',\n  rejectBtnIcon: <X />,\n  rejectBtnClass: 'className-test-reject',\n  isRejectBtnDisabled: false,\n  onReject: () => {},\n  confirmBtnLabel: 'Create',\n  confirmBtnVariant: 'primary',\n  confirmBtnClass: 'className-test-confirm',\n  confirmBtnIcon: <Plus />,\n  isConfirmBtnDisabled: false,\n  onConfirm: () => {},\n};\n"],"names":["ButtonsBarTemplate","global","lng","title","component","ButtonsBar","argTypes","className","description","rejectLink","rejectBtnLabel","rejectBtnVariant","control","type","options","rejectBtnIcon","rejectBtnClass","isRejectBtnDisabled","onReject","confirmBtnLabel","confirmBtnVariant","confirmBtnClass","confirmBtnIcon","isConfirmBtnDisabled","onConfirm","Template","args","BrowserRouter","bind","X","Plus"],"mappings":";;;;;;;;;;;IAoDaA,kBAAkB;eAAlBA;;IA1Cb,OAgCE;eAhCF;;;;8DAVkB;8BACM;mEAED;gCAGO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9BC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,mBAAU;IACrBC,UAAU;QACRC,WAAW;YAAOC,aAAa;QAAmB;QAClDC,YAAY;YAAED,aAAa;QAA2C;QACtEE,gBAAgB;YAAEF,aAAa;QAAoC;QACnEG,kBAAkB;YAChBH,aACE;YACFI,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAgB;oBAAW;oBAAW;oBAAW;oBAAa;oBAAiB;oBAAkB;oBAAQ;iBAAO;YAC5H;QACF;QACAC,eAAe;YAAEP,aAAa;QAAwC;QACtEQ,gBAAgB;YAAER,aAAa;QAAgD;QAC/ES,qBAAqB;YAAET,aAAa;QAA2C;QAC/EU,UAAU;YAAEV,aAAa;QAAkC;QAC3DW,iBAAiB;YAAEX,aAAa;QAAoC;QACpEY,mBAAmB;YACjBZ,aAAa;YACbI,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAgB;oBAAW;oBAAW;oBAAW;oBAAa;oBAAiB;oBAAkB;oBAAQ;iBAAO;YAC5H;QACF;QACAO,iBAAiB;YAAEb,aAAa;QAAiD;QACjFc,gBAAgB;YAAEd,aAAa;QAAyC;QACxEe,sBAAsB;YAAEf,aAAa;QAA4C;QACjFgB,WAAW;YAAEhB,aAAa;QAAmC;IAC/D;AACF;AAEA,MAAMiB,WAAW,CAACC;IAChB,qBACE,qBAACC,6BAAa;kBACZ,cAAA,qBAACtB,mBAAU,qBAAKqB;;AAGtB;AAEO,MAAM1B,qBAAqByB,SAASG,IAAI,CAAC,CAAC;AAEjD5B,mBAAmB0B,IAAI,GAAG;IACxBnB,WAAW;IACXE,YAAY;IACZC,gBAAgB;IAChBC,kBAAkB;IAClBI,6BAAe,qBAACc,eAAC;IACjBb,gBAAgB;IAChBC,qBAAqB;IACrBC,UAAU,KAAO;IACjBC,iBAAiB;IACjBC,mBAAmB;IACnBC,iBAAiB;IACjBC,8BAAgB,qBAACQ,kBAAI;IACrBP,sBAAsB;IACtBC,WAAW,KAAO;AACpB"}

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

@@ -18,6 +18,19 @@ 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 _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -64,6 +77,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const RC = "chart";
 _chart.Chart.register(_chart.CategoryScale, _chart.LinearScale, _chart.BarElement, _chart.PointElement, _chart.LineElement, _chart.Filler, _chart.Tooltip);
 const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue, description, customOptions, data, addToDatasets, modifyOptions })=>{
@@ -87,10 +139,9 @@ const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue
     ]);
     const ChartComponent = (0, _react.useCallback)((props)=>{
         const Component = _reactchartjs2[(0, _utils1.getChartTypeKey)(model)];
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
-            ref: chartRef,
-            ...props
-        });
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread({
+            ref: chartRef
+        }, props));
     }, [
         model
     ]);
@@ -166,12 +217,13 @@ const Chart = ({ className, initialModel, modelsForSwitch, setModelExternalValue
             /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 ref: charContainertRef,
                 className: (0, _classnames.default)(`${RC}__chart-wrapper`),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartComponent, {
-                    ...options,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(ChartComponent, _object_spread_props(_object_spread({}, options), {
                     data: localData
-                })
+                }))
             })
         ]
     });
 };
 const _default = Chart;
+
+//# sourceMappingURL=Chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Chart/Chart.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  BarElement,\n  CategoryScale,\n  Chart as ChartJS,\n  Filler,\n  LineElement,\n  LinearScale,\n  PointElement,\n  Tooltip,\n} from \"chart.js\";\nimport { getRelativePosition } from \"chart.js/helpers\";\nimport cn from \"classnames\";\nimport * as ChartComponents from \"react-chartjs-2\";\n\nimport { clone } from \"../../../Functions/utils\";\n\nimport {\n  CHART_TYPES,\n  COMPONENT_OPTIONS,\n  DEFAULT_CHART_MODEL,\n  ICON_MODELS,\n} from \"./partial/Chart.constants\";\nimport ChartTypeSwitcherIcon from \"./partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon\";\nimport {\n  correctModelKey,\n  getChartTypeKey,\n  getNotLibraryOptionsOptions,\n  getOptions,\n  prepareData,\n} from \"./partial/utils\";\n\nimport \"./Chart.scss\";\n\nconst RC = \"chart\";\n\nChartJS.register(\n  CategoryScale,\n  LinearScale,\n  BarElement,\n  PointElement,\n  LineElement,\n  Filler,\n  Tooltip,\n);\n\nconst Chart = ({\n  className,\n  initialModel,\n  modelsForSwitch,\n  setModelExternalValue,\n  description,\n  customOptions,\n  data,\n  addToDatasets,\n  modifyOptions,\n}) => {\n  if (!data) return null;\n\n  const { label, value } = description || {};\n\n  const [model, setModel] = useState(DEFAULT_CHART_MODEL);\n  const [localData, setLocalData] = useState(data);\n  const chartRef = useRef(null);\n  const charContainertRef = useRef(null);\n\n  const options = useMemo(\n    () =>\n      customOptions ||\n      (modifyOptions ? modifyOptions(getOptions(model)) : getOptions(model)),\n    [customOptions, model, modifyOptions?.toString?.(), data],\n  );\n\n  const notLibraryOptionsOptions = useMemo(\n    () =>\n      customOptions\n        ? customOptions?.notLibraryOptions\n        : getNotLibraryOptionsOptions(model),\n    [customOptions, model, data],\n  );\n\n  const ChartComponent = useCallback(\n    (props) => {\n      const Component = ChartComponents[getChartTypeKey(model)];\n      return <Component ref={chartRef} {...props} />;\n    },\n    [model],\n  );\n\n  const isExcludeDescription =\n    COMPONENT_OPTIONS.disableDescriptionsFor.includes(model);\n  const isExcludeChartTypeSwitcher =\n    COMPONENT_OPTIONS.disableChartTypeSwitcherFor.includes(model);\n\n  useLayoutEffect(() => {\n    if (setModelExternalValue && model !== \"emptyLayout\")\n      setModelExternalValue(model);\n  }, [model]);\n\n  useLayoutEffect(() => {\n    const { setCanvasDimensions } = notLibraryOptionsOptions || {};\n    if (charContainertRef.current) {\n      charContainertRef.current.style.width = setCanvasDimensions?.width ?? \"\";\n      charContainertRef.current.style.height =\n        setCanvasDimensions?.height ?? \"\";\n    }\n  }, [notLibraryOptionsOptions]);\n\n  useEffect(() => {\n    setModel(correctModelKey(initialModel));\n  }, [initialModel]);\n\n  useEffect(() => {\n    setLocalData(\n      prepareData(model, clone(data), chartRef.current, addToDatasets),\n    );\n  }, [model, data]);\n\n  return (\n    <div\n      className={cn(\n        RC,\n        { [`${RC}_icon-mode`]: ICON_MODELS.includes(model) },\n        className,\n      )}\n    >\n      <div\n        className={cn(`${RC}__header`, {\n          [`${RC}__header_only-switcher`]: !description,\n        })}\n      >\n        {description && !isExcludeDescription ? (\n          <div className={cn(`${RC}__description`)}>\n            {label ? (\n              <span className={cn(`${RC}__description-title`)}>{label}</span>\n            ) : null}\n            {value ? (\n              <div className={cn(`${RC}__description-value`)}>{value}</div>\n            ) : null}\n          </div>\n        ) : null}\n        {!isExcludeChartTypeSwitcher ? (\n          <div className={cn(`${RC}__type-switcher`)}>\n            <ChartTypeSwitcherIcon\n              iconType=\"Bar\"\n              isActive={getChartTypeKey(model) === \"Bar\"}\n              onClick={() => setModel(modelsForSwitch?.[0] || \"barLayout\")}\n            />\n            <ChartTypeSwitcherIcon\n              iconType=\"Line\"\n              isActive={getChartTypeKey(model) === \"Line\"}\n              onClick={() => setModel(modelsForSwitch?.[1] || \"lineLayout\")}\n            />\n          </div>\n        ) : null}\n      </div>\n      <div ref={charContainertRef} className={cn(`${RC}__chart-wrapper`)}>\n        <ChartComponent {...options} data={localData} />\n      </div>\n    </div>\n  );\n};\n\nexport default Chart;\n"],"names":["RC","ChartJS","register","CategoryScale","LinearScale","BarElement","PointElement","LineElement","Filler","Tooltip","Chart","className","initialModel","modelsForSwitch","setModelExternalValue","description","customOptions","data","addToDatasets","modifyOptions","label","value","model","setModel","useState","DEFAULT_CHART_MODEL","localData","setLocalData","chartRef","useRef","charContainertRef","options","useMemo","getOptions","toString","notLibraryOptionsOptions","notLibraryOptions","getNotLibraryOptionsOptions","ChartComponent","useCallback","props","Component","ChartComponents","getChartTypeKey","ref","isExcludeDescription","COMPONENT_OPTIONS","disableDescriptionsFor","includes","isExcludeChartTypeSwitcher","disableChartTypeSwitcherFor","useLayoutEffect","setCanvasDimensions","current","style","width","height","useEffect","correctModelKey","prepareData","clone","div","cn","ICON_MODELS","span","ChartTypeSwitcherIcon","iconType","isActive","onClick"],"mappings":"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"}