intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -17,6 +17,19 @@ const _InputDateRange = /*#__PURE__*/ _interop_require_default(require("../../Fo
 const _Chart = /*#__PURE__*/ _interop_require_default(require("../Chart/Chart"));
 const _utils1 = require("./partial/utils");
 require("./partial/AnyOuterClass.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
@@ -63,6 +76,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 ExampleChartIntegration = (props)=>{
     const { inputDateRangeProps, chartProps } = props || {};
     const { value: outerDateRange, onChange: changeDateRange } = inputDateRangeProps || {};
@@ -183,11 +235,10 @@ const ExampleChartIntegration = (props)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         className: "example-wrapper",
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, {
-                ...inputDateRangeProps,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, _object_spread_props(_object_spread({}, inputDateRangeProps), {
                 value: outerDateRange,
                 onChange: changeDateRange
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "buttons-block",
                 children: [
@@ -221,8 +272,7 @@ const ExampleChartIntegration = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, {
-                ...chartProps,
+            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, _object_spread_props(_object_spread({}, chartProps), {
                 key: JSON.stringify(dataForRender),
                 data: dataForRender,
                 setModelExternalValue: handleChangeChartType,
@@ -236,27 +286,24 @@ const ExampleChartIntegration = (props)=>{
                 },
                 modifyOptions: (options)=>{
                     var _options_options, _options_options_plugins, _options_options1, _options_options_plugins_tooltip, _options_options_plugins1, _options_options2;
-                    return {
-                        ...options,
-                        options: {
-                            ...options === null || options === void 0 ? void 0 : options.options,
-                            plugins: {
-                                ...options === null || options === void 0 ? void 0 : (_options_options = options.options) === null || _options_options === void 0 ? void 0 : _options_options.plugins,
-                                tooltip: {
-                                    ...options === null || options === void 0 ? void 0 : (_options_options1 = options.options) === null || _options_options1 === void 0 ? void 0 : (_options_options_plugins = _options_options1.plugins) === null || _options_options_plugins === void 0 ? void 0 : _options_options_plugins.tooltip,
-                                    callbacks: {
-                                        ...options === null || options === void 0 ? void 0 : (_options_options2 = options.options) === null || _options_options2 === void 0 ? void 0 : (_options_options_plugins1 = _options_options2.plugins) === null || _options_options_plugins1 === void 0 ? void 0 : (_options_options_plugins_tooltip = _options_options_plugins1.tooltip) === null || _options_options_plugins_tooltip === void 0 ? void 0 : _options_options_plugins_tooltip.callbacks,
+                    return _object_spread_props(_object_spread({}, options), {
+                        options: _object_spread_props(_object_spread({}, options === null || options === void 0 ? void 0 : options.options), {
+                            plugins: _object_spread_props(_object_spread({}, options === null || options === void 0 ? void 0 : (_options_options = options.options) === null || _options_options === void 0 ? void 0 : _options_options.plugins), {
+                                tooltip: _object_spread_props(_object_spread({}, options === null || options === void 0 ? void 0 : (_options_options1 = options.options) === null || _options_options1 === void 0 ? void 0 : (_options_options_plugins = _options_options1.plugins) === null || _options_options_plugins === void 0 ? void 0 : _options_options_plugins.tooltip), {
+                                    callbacks: _object_spread_props(_object_spread({}, options === null || options === void 0 ? void 0 : (_options_options2 = options.options) === null || _options_options2 === void 0 ? void 0 : (_options_options_plugins1 = _options_options2.plugins) === null || _options_options_plugins1 === void 0 ? void 0 : (_options_options_plugins_tooltip = _options_options_plugins1.tooltip) === null || _options_options_plugins_tooltip === void 0 ? void 0 : _options_options_plugins_tooltip.callbacks), {
                                         label: (context)=>{
                                             return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
                                         }
-                                    }
-                                }
-                            }
-                        }
-                    };
+                                    })
+                                })
+                            })
+                        })
+                    });
                 }
-            })
+            }))
         ]
     });
 };
 const _default = ExampleChartIntegration;
+
+//# sourceMappingURL=ExampleChartIntegration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js"],"sourcesContent":["import React, { useLayoutEffect, useMemo, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { v4 as uuid } from \"uuid\";\n\nimport { formatToPriceWithUSD } from \"../../../Functions/fieldValueFormatters\";\nimport { clone } from \"../../../Functions/utils\";\nimport InputDateRange from \"../../FormElements/InputDateRange/InputDateRange\";\nimport Chart from \"../Chart/Chart\";\n\nimport {\n  getLabels,\n  getMockValue,\n  getSafelyDateRange,\n  getTab,\n} from \"./partial/utils\";\n\nimport \"./partial/AnyOuterClass.scss\";\n\nconst ExampleChartIntegration = (props) => {\n  const { inputDateRangeProps, chartProps } = props || {};\n  const { value: outerDateRange, onChange: changeDateRange } =\n    inputDateRangeProps || {};\n  const { initialChartType } = chartProps || {};\n  const dateRange = useMemo(\n    () => getSafelyDateRange(outerDateRange),\n    [outerDateRange],\n  );\n\n  const [chartType, setChartType] = useState(initialChartType || \"Bar\");\n  const [tab, setTab] = useState(\"tab1\");\n  const [initialModel, setInitialModel] = useState(\n    chartType === \"Bar\" ? \"finturfLoadingModeBar\" : \"finturfLoadingModeLine\",\n  );\n\n  const [tab1, setTab1] = useState(null);\n  const [tab2, setTab2] = useState(null);\n  const [tab3, setTab3] = useState(null);\n  const [tab4, setTab4] = useState(null);\n\n  const [dataForRender, setDataForRender] = useState(null);\n\n  const getMockData = () => {\n    const labels = getLabels(dateRange);\n    const mock = () => labels.map((label) => getMockValue());\n    return {\n      labels,\n      datasets: [\n        {\n          data: mock(),\n        },\n      ],\n    };\n  };\n\n  const getTabData = (tabId) => {\n    switch (tabId) {\n      case \"tab1\":\n        return !tab1 ? null : clone(tab1);\n      case \"tab2\":\n        return !tab2 ? null : clone(tab2);\n      case \"tab3\":\n        return !tab3 ? null : clone(tab3);\n      case \"tab4\":\n        return !tab4 ? null : clone(tab4);\n      default:\n        return null;\n    }\n  };\n\n  const getDescription = (tabId) => {\n    switch (tabId) {\n      case \"tab1\":\n        return \"Tab 1\";\n      case \"tab2\":\n        return \"Tab 2\";\n      case \"tab3\":\n        return \"Tab 3\";\n      case \"tab4\":\n        return \"Tab 4\";\n      default:\n        return null;\n    }\n  };\n\n  const selectData = () => (getTabData(tab) ? getTabData(tab) : getMockData());\n\n  const modelsForSwitch = useMemo(\n    () =>\n      getTabData(tab)\n        ? [\"finturfChartBar\", \"finturfChartLine\"]\n        : [\"finturfLoadingModeBar\", \"finturfLoadingModeLine\"],\n    [Boolean(getTabData(tab))],\n  );\n\n  const handleChangeChartType = (model) => {\n    setChartType(model.includes(\"Line\") ? \"Line\" : \"Bar\");\n    setInitialModel(model);\n  };\n\n  const getModel = () => {\n    if (!getTabData(tab))\n      return chartType === \"Bar\"\n        ? \"finturfLoadingModeBar\"\n        : \"finturfLoadingModeLine\";\n    else return chartType === \"Bar\" ? \"finturfChartBar\" : \"finturfChartLine\";\n  };\n\n  const processResponse = (res, tabId) => {\n    switch (tabId) {\n      case \"tab1\":\n        setTab1(res);\n        break;\n      case \"tab2\":\n        setTab2(res);\n        break;\n      case \"tab3\":\n        setTab3(res);\n        break;\n      case \"tab4\":\n        setTab4(res);\n        break;\n      default:\n        break;\n    }\n    return res;\n  };\n\n  useLayoutEffect(() => {\n    setTab1(null);\n    setTab2(null);\n    setTab3(null);\n    setTab4(null);\n\n    // эмуляция запросов\n    // вся логика происходит в самих входящих промисах\n    // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов\n    Promise.all([\n      getTab(\"tab1\", dateRange, processResponse),\n      getTab(\"tab2\", dateRange, processResponse),\n      getTab(\"tab3\", dateRange, processResponse),\n      getTab(\"tab4\", dateRange, processResponse),\n    ]);\n  }, [dateRange]);\n\n  useLayoutEffect(() => {\n    setInitialModel(getModel());\n    setDataForRender(selectData());\n  }, [Boolean(getTabData(tab)), tab, chartType]);\n\n  return (\n    <div className=\"example-wrapper\">\n      <InputDateRange\n        {...inputDateRangeProps}\n        value={outerDateRange}\n        onChange={changeDateRange}\n      />\n\n      <div className=\"buttons-block\">\n        <button\n          className={cn(\"tab-button\", { \"tab-button_active\": tab === \"tab1\" })}\n          onClick={() => setTab(\"tab1\")}\n        >\n          Tab 1\n        </button>\n        <button\n          className={cn(\"tab-button\", { \"tab-button_active\": tab === \"tab2\" })}\n          onClick={() => setTab(\"tab2\")}\n        >\n          Tab 2\n        </button>\n        <button\n          className={cn(\"tab-button\", { \"tab-button_active\": tab === \"tab3\" })}\n          onClick={() => setTab(\"tab3\")}\n        >\n          Tab 3\n        </button>\n        <button\n          className={cn(\"tab-button\", { \"tab-button_active\": tab === \"tab4\" })}\n          onClick={() => setTab(\"tab4\")}\n        >\n          Tab 4\n        </button>\n      </div>\n\n      <Chart\n        {...chartProps}\n        key={JSON.stringify(dataForRender)}\n        data={dataForRender}\n        setModelExternalValue={handleChangeChartType}\n        initialModel={initialModel}\n        modelsForSwitch={modelsForSwitch}\n        description={{ label: getDescription(tab) }}\n        addToDatasets={{ id: tab }}\n        modifyOptions={(options) => ({\n          ...options,\n          options: {\n            ...options?.options,\n            plugins: {\n              ...options?.options?.plugins,\n              tooltip: {\n                ...options?.options?.plugins?.tooltip,\n                callbacks: {\n                  ...options?.options?.plugins?.tooltip?.callbacks,\n                  label: (context) => {\n                    return context.dataset.id === \"tab3\" ||\n                      context.dataset.id === \"tab4\"\n                      ? formatToPriceWithUSD(context.raw || \"0\")\n                      : context.raw || \"0\";\n                  },\n                },\n              },\n            },\n          },\n        })}\n      />\n    </div>\n  );\n};\n\nexport default ExampleChartIntegration;\n"],"names":["ExampleChartIntegration","props","inputDateRangeProps","chartProps","value","outerDateRange","onChange","changeDateRange","initialChartType","dateRange","useMemo","getSafelyDateRange","chartType","setChartType","useState","tab","setTab","initialModel","setInitialModel","tab1","setTab1","tab2","setTab2","tab3","setTab3","tab4","setTab4","dataForRender","setDataForRender","getMockData","labels","getLabels","mock","map","label","getMockValue","datasets","data","getTabData","tabId","clone","getDescription","selectData","modelsForSwitch","Boolean","handleChangeChartType","model","includes","getModel","processResponse","res","useLayoutEffect","Promise","all","getTab","div","className","InputDateRange","button","cn","onClick","Chart","key","JSON","stringify","setModelExternalValue","description","addToDatasets","id","modifyOptions","options","plugins","tooltip","callbacks","context","dataset","formatToPriceWithUSD","raw"],"mappings":"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"}

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

@@ -19,6 +19,19 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _ExampleChartIntegration = /*#__PURE__*/ _interop_require_default(require("./ExampleChartIntegration"));
+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
@@ -65,6 +78,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;
+}
 global.lng = 'en';
 const _default = {
     title: 'UI/Chart',
@@ -76,11 +128,10 @@ const Template = (args)=>{
         intervalKey: 'last7Days'
     });
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExampleChartIntegration.default, {
-        inputDateRangeProps: {
-            ...inputDateRangeProps,
+        inputDateRangeProps: _object_spread_props(_object_spread({}, inputDateRangeProps), {
             value: outerDateRange,
             onChange: setOuterDateRange
-        },
+        }),
         chartProps: chartProps
     });
 };
@@ -96,3 +147,5 @@ ExampleChartIntegrationTemplate.args = {
         initialChartType: 'Line'
     }
 };
+
+//# sourceMappingURL=ExampleChartIntegration.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.stories.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport ExampleChartIntegration from './ExampleChartIntegration';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/Chart',\n  component: ExampleChartIntegration,\n};\n\nconst Template = args => {\n  const {inputDateRangeProps, chartProps} = args;\n  const [outerDateRange, setOuterDateRange] = useState({intervalKey: 'last7Days'});\n  return (\n    <ExampleChartIntegration\n      inputDateRangeProps={{...inputDateRangeProps, value: outerDateRange, onChange: setOuterDateRange}}\n      chartProps={chartProps}\n    />\n  );\n};\n\nexport const ExampleChartIntegrationTemplate = Template.bind({});\n\nExampleChartIntegrationTemplate.args = {\n  inputDateRangeProps: {\n    buttonsTypes: {\n      cancel: 'bark-outline',\n    },\n    isCompareHidden: true,\n  },\n  chartProps: {\n    initialChartType: 'Line',\n  },\n};\n"],"names":["ExampleChartIntegrationTemplate","global","lng","title","component","ExampleChartIntegration","Template","args","inputDateRangeProps","chartProps","outerDateRange","setOuterDateRange","useState","intervalKey","value","onChange","bind","buttonsTypes","cancel","isCompareHidden","initialChartType"],"mappings":";;;;;;;;;;;IAsBaA,+BAA+B;eAA/BA;;IAhBb,OAGE;eAHF;;;;+DANgC;gFAEI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEpCC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,gCAAuB;AACpC;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,mBAAmB,EAAEC,UAAU,EAAC,GAAGF;IAC1C,MAAM,CAACG,gBAAgBC,kBAAkB,GAAGC,IAAAA,eAAQ,EAAC;QAACC,aAAa;IAAW;IAC9E,qBACE,qBAACR,gCAAuB;QACtBG,qBAAqB,wCAAIA;YAAqBM,OAAOJ;YAAgBK,UAAUJ;;QAC/EF,YAAYA;;AAGlB;AAEO,MAAMT,kCAAkCM,SAASU,IAAI,CAAC,CAAC;AAE9DhB,gCAAgCO,IAAI,GAAG;IACrCC,qBAAqB;QACnBS,cAAc;YACZC,QAAQ;QACV;QACAC,iBAAiB;IACnB;IACAV,YAAY;QACVW,kBAAkB;IACpB;AACF"}

package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js

@@ -24,6 +24,35 @@ _export(exports, {
 });
 const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
 const _dependencies = require("../../../FormElements/InputDateRange/dependencies");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -82,34 +111,41 @@ const getLabels = (range)=>{
     else return getValues("years");
 };
 const getMockValue = ()=>Math.trunc(Math.random() * 1000000);
-const getTab = async (tabId, range, callback)=>{
-    let requestDelay;
-    switch(tabId){
-        case "tab1":
-            requestDelay = 2000;
-            break;
-        case "tab2":
-            requestDelay = 1500;
-            break;
-        case "tab3":
-            requestDelay = 3000;
-            break;
-        case "tab4":
-            requestDelay = 500;
-            break;
-        default:
-            requestDelay = 1000;
-            break;
-    }
-    return new Promise((res)=>setTimeout(()=>{
-            const labels = getLabels(range);
-            res({
-                labels,
-                datasets: [
-                    {
-                        data: labels.map(()=>getMockValue())
-                    }
-                ]
-            });
-        }, requestDelay)).then((res)=>callback ? callback(res, tabId) : res);
-};
+const getTab = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function*(tabId, range, callback) {
+        let requestDelay;
+        switch(tabId){
+            case "tab1":
+                requestDelay = 2000;
+                break;
+            case "tab2":
+                requestDelay = 1500;
+                break;
+            case "tab3":
+                requestDelay = 3000;
+                break;
+            case "tab4":
+                requestDelay = 500;
+                break;
+            default:
+                requestDelay = 1000;
+                break;
+        }
+        return new Promise((res)=>setTimeout(()=>{
+                const labels = getLabels(range);
+                res({
+                    labels,
+                    datasets: [
+                        {
+                            data: labels.map(()=>getMockValue())
+                        }
+                    ]
+                });
+            }, requestDelay)).then((res)=>callback ? callback(res, tabId) : res);
+    });
+    return function getTab(tabId, range, callback) {
+        return _ref.apply(this, arguments);
+    };
+}();
+
+//# sourceMappingURL=utils.js.map

package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/ExampleChartIntegration/partial/utils.js"],"sourcesContent":["import moment from \"moment-timezone\";\n\nimport { getActualDateRange } from \"../../../FormElements/InputDateRange/dependencies\";\n\nexport const getSafelyDateRange = (dateRange) =>\n  (!dateRange?.start || !dateRange?.end) &&\n  (!dateRange?.intervalKey || dateRange?.intervalKey === \"allTime\")\n    ? getActualDateRange({\n        start: \"2022-01-01T00:00:00\",\n        end: moment().endOf(\"day\").format(\"YYYY-MM-DDTHH:mm:ss\"),\n      })\n    : getActualDateRange(dateRange);\n\nexport const getLabels = (range) => {\n  const MINIMUM_INTERVAL = \"hour\";\n  const NO_MORE_THAN_THREE_HOURS = 3; // this is hours\n  const NO_MORE_THAN_TWO_DAYS = 48; // this is hours\n  const NO_MORE_THAN_TWO_MONTHS = 2; // this is months\n  const NO_MORE_THAN_THREE_YEARS = 24; // this is months\n\n  // safely Range must have 'start' and 'end' properties\n  const safelyRange = getActualDateRange(range);\n  const start = moment(safelyRange?.start).startOf(MINIMUM_INTERVAL);\n  const end = moment(safelyRange?.end).startOf(MINIMUM_INTERVAL);\n\n  const getValues = (intervalStepKey) => {\n    let format;\n    switch (intervalStepKey) {\n      case \"minutes\":\n        format = \"MM.DD hh:mm\";\n        break;\n      case \"hours\":\n        format = \"MM.DD.YYYY h A\";\n        break;\n      case \"days\":\n        format = \"MM.DD.YYYY\";\n        break;\n      case \"months\":\n        format = \"MM.YYYY\";\n        break;\n      default:\n        format = \"YYYY\";\n        break;\n    }\n\n    const structure = [...Array(end.diff(start, intervalStepKey)).keys()];\n\n    const process = structure.reduce(\n      (acc, iteration) => {\n        acc.values.push(acc.point.format(format));\n        acc.point = moment(acc.point).add(1, intervalStepKey);\n        return acc;\n      },\n      { point: start, values: [] },\n    );\n\n    return process.values;\n  };\n\n  if (end.diff(start, \"hours\") <= NO_MORE_THAN_THREE_HOURS)\n    return getValues(\"minutes\");\n  else if (end.diff(start, \"hours\") <= NO_MORE_THAN_TWO_DAYS)\n    return getValues(\"hours\");\n  else if (end.diff(start, \"months\") <= NO_MORE_THAN_TWO_MONTHS)\n    return getValues(\"days\");\n  else if (end.diff(start, \"months\") <= NO_MORE_THAN_THREE_YEARS)\n    return getValues(\"months\");\n  else return getValues(\"years\");\n};\n\nexport const getMockValue = () => Math.trunc(Math.random() * 1000000);\n\nexport const getTab = async (tabId, range, callback) => {\n  let requestDelay;\n  switch (tabId) {\n    case \"tab1\":\n      requestDelay = 2000;\n      break;\n    case \"tab2\":\n      requestDelay = 1500;\n      break;\n    case \"tab3\":\n      requestDelay = 3000;\n      break;\n    case \"tab4\":\n      requestDelay = 500;\n      break;\n    default:\n      requestDelay = 1000;\n      break;\n  }\n\n  return new Promise((res) =>\n    setTimeout(() => {\n      const labels = getLabels(range);\n      res({\n        labels,\n        datasets: [\n          {\n            data: labels.map(() => getMockValue()),\n          },\n        ],\n      });\n    }, requestDelay),\n  ).then((res) => (callback ? callback(res, tabId) : res));\n};\n"],"names":["getLabels","getMockValue","getSafelyDateRange","getTab","dateRange","start","end","intervalKey","getActualDateRange","moment","endOf","format","range","MINIMUM_INTERVAL","NO_MORE_THAN_THREE_HOURS","NO_MORE_THAN_TWO_DAYS","NO_MORE_THAN_TWO_MONTHS","NO_MORE_THAN_THREE_YEARS","safelyRange","startOf","getValues","intervalStepKey","structure","Array","diff","keys","process","reduce","acc","iteration","values","push","point","add","Math","trunc","random","tabId","callback","requestDelay","Promise","res","setTimeout","labels","datasets","data","map","then"],"mappings":"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"}

package/dist/Atomic/UI/Hint/Hint.interface.js

@@ -2,3 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+
+//# sourceMappingURL=Hint.interface.js.map

package/dist/Atomic/UI/Hint/Hint.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Hint/Hint.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/Hint/Hint.js

@@ -254,3 +254,5 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
     });
 };
 const _default = Hint;
+
+//# sourceMappingURL=Hint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Hint/Hint.tsx"],"sourcesContent":["/* eslint-disable react-web-api/no-leaked-event-listener */\n/* eslint-disable react-dom/no-missing-button-type */\nimport type { ReactNode } from 'react';\nimport type { IHintProps } from './Hint.interface';\n\nimport cn from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { AlertTriangle, HelpCircle } from 'react-feather';\nimport { capitalized } from '../../../Functions/utils';\n\nimport { HelpCircleFilled } from '../../../Molecular/CustomIcons';\n\nimport Spinner from '../../Layout/Spinner/Spinner';\n\nimport { getHintContainer, HandleClickOutsideObj, HandleScrollObj, initHintContainer } from './partials/_utils';\nimport './Hint.scss';\n\nlet isContentHoveredOuter = false;\n\nconst DEFAULT_EMPTY_OBJ = {} as IHintProps['hintContainer'];\n\nfunction DEFAULT_VOID_FN(): void {}\n\nconst Hint: React.FC<IHintProps> = ({\n  hint,\n  side = 'right',\n  className,\n  hintContainer = DEFAULT_EMPTY_OBJ,\n  label = '',\n  variant = 'filled',\n  handleOpenType = 'click',\n  onClickCallback,\n  onOpenChange = DEFAULT_VOID_FN,\n  key,\n  id,\n  children,\n  icon,\n  isAccessability = false,\n  testId = 'hint',\n  isHoverableContent = false,\n  isLoading,\n  isCloseOnChildrenClick = false,\n}) => {\n  const hintRef = useRef(null);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const [hintId] = useState<string>(key ?? id ?? Math.random().toString(16).slice(2));\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  // ? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.\n  // ? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.\n  const [handleScroll] = useState(new (HandleScrollObj as any)(setIsOpen));\n  // ? По аналогии определяем handleClickOutside\n  const [handleClickOutside] = useState(new (HandleClickOutsideObj as any)(hintId, setIsOpen));\n\n  const isCallbackExist: boolean = typeof onClickCallback === 'function';\n\n  const handle = {\n    onMouseEnter: (): void => {\n      if (handleOpenType === 'hover') {\n        timeoutRef.current = setTimeout(() => {\n          setIsOpen(true);\n          !isOpen && onClickCallback?.();\n        }, 350);\n      }\n    },\n    onMouseLeave: (): void => {\n      if (!isHoverableContent && handleOpenType === 'hover') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setIsOpen(false);\n        }, 1000);\n      }\n      else if (isHoverableContent && handleOpenType === 'hover') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          if (!isContentHoveredOuter) {\n            setIsOpen(false);\n          }\n        }, 100);\n      }\n    },\n    onMouseLeaveHoverableContent: (): void => {\n      if (isHoverableContent && handleOpenType === 'hover') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setIsOpen(false);\n          isContentHoveredOuter = false;\n        }, 100);\n      }\n    },\n    onClick: isCloseOnChildrenClick ? (): void => setIsOpen(false) : (): void => {},\n  };\n\n  const getHintMarkUp = (className: string | undefined): ReactNode => {\n    return (\n      <div\n        data-testid=\"test-hint-text\"\n        className={cn(\n          'hint__text',\n          `hint__text_${side}`,\n          `hint--${className}__text`,\n        )}\n        onMouseEnter={(): void => { isContentHoveredOuter = true }}\n        onMouseLeave={handle.onMouseLeaveHoverableContent}\n        onClick={handle.onClick}\n      >\n        {isLoading && <Spinner size=\"small\" />}\n        {hint}\n        {children}\n      </div>\n    );\n  };\n\n  const setHintContainerStyles = (): void | boolean => {\n    const hc = getHintContainer(hintId);\n\n    if (!hc || !isOpen) return false;\n\n    const { width = 0, top = 0, left = 0 } = hintRef?.current !== null ? (hintRef?.current as HTMLElement)?.getBoundingClientRect() : {};\n    const { addWidth, addLeft, addTop } = hintContainer ?? {};\n    const windowInnerWidth = document.documentElement.clientWidth\n    const windowInnerHeight = document.documentElement.clientHeight\n\n    const sw = hc.getElementsByClassName('hint__text')[0];\n    const { width: swWidth, height: swHeight } = sw?.getBoundingClientRect() || {};\n\n    hc.style.width = isOpen ? ((addWidth && !Number.isNaN(+addWidth) ? +addWidth : 0) + width)?.toString().concat('px') : '0';\n    hc.style.left = isOpen ? ((addLeft && !Number.isNaN(+addLeft) ? +addLeft : 0) + left)?.toString().concat('px') : '0';\n    hc.style.top = isOpen ? ((addTop && !Number.isNaN(+addTop) ? +addTop : 0) + top)?.toString().concat('px') : '0';\n    hc.style.maxHeight = isOpen ? swHeight?.toString().concat('px') : '0';\n\n    // ? Базовое значение погрешности\n    // ? В разных свитч-кейсах может использоваться по разному (вся или частично). Определял \"на глазок\"\n    const INACCURACY = 20;\n    switch (side) {\n      case 'top':\n      case 'centeredTop':\n        if (top - swHeight - (INACCURACY / 2) < 0) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add(`hint__text_${side === 'top' ? 'bottom' : 'centeredBottom'}`);\n        }\n        break;\n\n      case 'bottom':\n      case 'centeredBottom':\n        if (top + swHeight + INACCURACY > windowInnerHeight) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add(`hint__text_${side === 'bottom' ? 'top' : 'centeredTop'}`);\n        }\n        break;\n\n      case 'left':\n        if (left - swWidth - (INACCURACY / 2) < 0) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add('hint__text_right');\n        }\n        break;\n\n      case 'right':\n      default:\n        if (left + width + swWidth + (INACCURACY / 2) > windowInnerWidth) {\n          sw.classList.remove(`hint__text_${side}`);\n          sw.classList.add('hint__text_left');\n        }\n        break;\n    }\n  };\n\n  const renderHintContainer = (className: string | undefined): React.ReactPortal | null => {\n    const hc = getHintContainer(hintId);\n    if (!hc) return null;\n    return createPortal(getHintMarkUp(className), hc);\n  }\n\n  useEffect(() => {\n    initHintContainer(hintId, hintContainer);\n\n    return () => {\n      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    setHintContainerStyles();\n    onOpenChange?.(isOpen);\n\n    if (isOpen) {\n      document.addEventListener('scroll', handleScroll, true);\n      document.addEventListener('click', handleClickOutside, true);\n    }\n    else {\n      document.removeEventListener('scroll', handleScroll, true);\n      document.removeEventListener('click', handleClickOutside, true);\n    }\n\n    return () => {\n      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n    };\n  }, [isOpen]);\n\n  return (\n    <div data-testid={testId} className={cn('hint', className)} ref={hintRef}>\n      <button\n        tabIndex={isAccessability ? 0 : -1}\n        data-testid={typeof label === 'string' && label.length ? label.replace?.(/\\s/g, '-') : `${testId}--button`}\n        aria-label={isAccessability && typeof label === 'string' ? label : ''}\n        onClick={() =>\n          handleOpenType === 'click'\n          && (isCallbackExist ? onClickCallback?.() : setIsOpen(!isOpen))}\n        onMouseEnter={handle.onMouseEnter}\n        onMouseLeave={handle.onMouseLeave}\n        className={cn('hint__button', { hint__button_active: isOpen })}\n      >\n        {icon || icon === null || (\n          <>\n            {variant === 'outlined' && (\n              <HelpCircle\n                width={16}\n                height={16}\n                className=\"hint__icon outlined\"\n              />\n            )}\n\n            {variant === 'filled' && (\n              <HelpCircleFilled className=\"hint__icon filled\" />\n            )}\n\n            {variant === 'warning' && (\n              <AlertTriangle\n                className=\"hint__icon\"\n                color=\"#F06D8D\"\n                width={16}\n                height={16}\n              />\n            )}\n          </>\n        )}\n\n        {label && (\n          <span className={cn('hint__label', { 'color--primary': isOpen })}>\n            {capitalized(label)}\n          </span>\n        )}\n      </button>\n\n      {isOpen && renderHintContainer(className)}\n    </div>\n  );\n}\n\nexport default Hint;\n"],"names":["isContentHoveredOuter","DEFAULT_EMPTY_OBJ","DEFAULT_VOID_FN","Hint","hint","side","className","hintContainer","label","variant","handleOpenType","onClickCallback","onOpenChange","key","id","children","icon","isAccessability","testId","isHoverableContent","isLoading","isCloseOnChildrenClick","hintRef","useRef","timeoutRef","hintId","useState","Math","random","toString","slice","isOpen","setIsOpen","handleScroll","HandleScrollObj","handleClickOutside","HandleClickOutsideObj","isCallbackExist","handle","onMouseEnter","current","setTimeout","onMouseLeave","clearTimeout","onMouseLeaveHoverableContent","onClick","getHintMarkUp","div","data-testid","cn","Spinner","size","setHintContainerStyles","hc","getHintContainer","width","top","left","getBoundingClientRect","addWidth","addLeft","addTop","windowInnerWidth","document","documentElement","clientWidth","windowInnerHeight","clientHeight","sw","getElementsByClassName","swWidth","height","swHeight","style","Number","isNaN","concat","maxHeight","INACCURACY","classList","remove","add","renderHintContainer","createPortal","useEffect","initHintContainer","addEventListener","removeEventListener","ref","button","tabIndex","length","replace","aria-label","hint__button_active","HelpCircle","HelpCircleFilled","AlertTriangle","color","span","capitalized"],"mappings":"AAAA,yDAAyD,GACzD,mDAAmD;;;;+BA2PnD;;;eAAA;;;;mEAvPe;+DACoC;0BACtB;8BAEa;uBACd;6BAEK;gEAEb;wBAEwE;QACrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAIA,wBAAwB;AAE5B,MAAMC,oBAAoB,CAAC;AAE3B,SAASC,mBAAyB;AAElC,MAAMC,OAA6B,CAAC,EAClCC,IAAI,EACJC,OAAO,OAAO,EACdC,SAAS,EACTC,gBAAgBN,iBAAiB,EACjCO,QAAQ,EAAE,EACVC,UAAU,QAAQ,EAClBC,iBAAiB,OAAO,EACxBC,eAAe,EACfC,eAAeV,eAAe,EAC9BW,GAAG,EACHC,EAAE,EACFC,QAAQ,EACRC,IAAI,EACJC,kBAAkB,KAAK,EACvBC,SAAS,MAAM,EACfC,qBAAqB,KAAK,EAC1BC,SAAS,EACTC,yBAAyB,KAAK,EAC/B;QAkKgEb;IAjK/D,MAAMc,UAAUC,IAAAA,aAAM,EAAC;IACvB,MAAMC,aAAaD,IAAAA,aAAM,EAAwB;QACfV;IAAlC,MAAM,CAACY,OAAO,GAAGC,IAAAA,eAAQ,EAASb,CAAAA,OAAAA,gBAAAA,iBAAAA,MAAOC,gBAAPD,kBAAAA,OAAac,KAAKC,MAAM,GAAGC,QAAQ,CAAC,IAAIC,KAAK,CAAC;IAChF,MAAM,CAACC,QAAQC,UAAU,GAAGN,IAAAA,eAAQ,EAAU;IAE9C,iIAAiI;IACjI,uGAAuG;IACvG,MAAM,CAACO,aAAa,GAAGP,IAAAA,eAAQ,EAAC,IAAKQ,uBAAe,CAASF;IAC7D,8CAA8C;IAC9C,MAAM,CAACG,mBAAmB,GAAGT,IAAAA,eAAQ,EAAC,IAAKU,6BAAqB,CAASX,QAAQO;IAEjF,MAAMK,kBAA2B,OAAO1B,oBAAoB;IAE5D,MAAM2B,SAAS;QACbC,cAAc;YACZ,IAAI7B,mBAAmB,SAAS;gBAC9Bc,WAAWgB,OAAO,GAAGC,WAAW;oBAC9BT,UAAU;oBACV,CAACD,WAAUpB,4BAAAA,sCAAAA;gBACb,GAAG;YACL;QACF;QACA+B,cAAc;YACZ,IAAI,CAACvB,sBAAsBT,mBAAmB,SAAS;gBACrD,IAAIc,WAAWgB,OAAO,KAAK,MAAMG,aAAanB,WAAWgB,OAAO;gBAChEhB,WAAWgB,OAAO,GAAGC,WAAW;oBAC9BT,UAAU;gBACZ,GAAG;YACL,OACK,IAAIb,sBAAsBT,mBAAmB,SAAS;gBACzD,IAAIc,WAAWgB,OAAO,KAAK,MAAMG,aAAanB,WAAWgB,OAAO;gBAChEhB,WAAWgB,OAAO,GAAGC,WAAW;oBAC9B,IAAI,CAACzC,uBAAuB;wBAC1BgC,UAAU;oBACZ;gBACF,GAAG;YACL;QACF;QACAY,8BAA8B;YAC5B,IAAIzB,sBAAsBT,mBAAmB,SAAS;gBACpD,IAAIc,WAAWgB,OAAO,KAAK,MAAMG,aAAanB,WAAWgB,OAAO;gBAChEhB,WAAWgB,OAAO,GAAGC,WAAW;oBAC9BT,UAAU;oBACVhC,wBAAwB;gBAC1B,GAAG;YACL;QACF;QACA6C,SAASxB,yBAAyB,IAAYW,UAAU,SAAS,KAAa;IAChF;IAEA,MAAMc,gBAAgB,CAACxC;QACrB,qBACE,sBAACyC;YACCC,eAAY;YACZ1C,WAAW2C,IAAAA,mBAAE,EACX,cACA,CAAC,WAAW,EAAE5C,MAAM,EACpB,CAAC,MAAM,EAAEC,UAAU,MAAM,CAAC;YAE5BiC,cAAc;gBAAcvC,wBAAwB;YAAK;YACzD0C,cAAcJ,OAAOM,4BAA4B;YACjDC,SAASP,OAAOO,OAAO;;gBAEtBzB,2BAAa,qBAAC8B,gBAAO;oBAACC,MAAK;;gBAC3B/C;gBACAW;;;IAGP;IAEA,MAAMqC,yBAAyB;YAKyC9B,kBAQ3C,OACD,QACD;QAdzB,MAAM+B,KAAKC,IAAAA,wBAAgB,EAAC7B;QAE5B,IAAI,CAAC4B,MAAM,CAACtB,QAAQ,OAAO;QAE3B,MAAM,EAAEwB,QAAQ,CAAC,EAAEC,MAAM,CAAC,EAAEC,OAAO,CAAC,EAAE,GAAGnC,CAAAA,oBAAAA,8BAAAA,QAASkB,OAAO,MAAK,OAAQlB,oBAAAA,+BAAAA,mBAAAA,QAASkB,OAAO,cAAhBlB,uCAAD,AAACA,iBAAkCoC,qBAAqB,KAAK,CAAC;QACnI,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGtD,0BAAAA,2BAAAA,gBAAiB,CAAC;QACxD,MAAMuD,mBAAmBC,SAASC,eAAe,CAACC,WAAW;QAC7D,MAAMC,oBAAoBH,SAASC,eAAe,CAACG,YAAY;QAE/D,MAAMC,KAAKf,GAAGgB,sBAAsB,CAAC,aAAa,CAAC,EAAE;QACrD,MAAM,EAAEd,OAAOe,OAAO,EAAEC,QAAQC,QAAQ,EAAE,GAAGJ,CAAAA,eAAAA,yBAAAA,GAAIV,qBAAqB,OAAM,CAAC;QAE7EL,GAAGoB,KAAK,CAAClB,KAAK,GAAGxB,UAAU,QAAA,AAAC4B,CAAAA,YAAY,CAACe,OAAOC,KAAK,CAAC,CAAChB,YAAY,CAACA,WAAW,CAAA,IAAKJ,mBAAzD,4BAAD,AAAC,MAAiE1B,QAAQ,GAAG+C,MAAM,CAAC,QAAQ;QACtHvB,GAAGoB,KAAK,CAAChB,IAAI,GAAG1B,UAAU,SAAA,AAAC6B,CAAAA,WAAW,CAACc,OAAOC,KAAK,CAAC,CAACf,WAAW,CAACA,UAAU,CAAA,IAAKH,kBAAtD,6BAAD,AAAC,OAA6D5B,QAAQ,GAAG+C,MAAM,CAAC,QAAQ;QACjHvB,GAAGoB,KAAK,CAACjB,GAAG,GAAGzB,UAAU,SAAA,AAAC8B,CAAAA,UAAU,CAACa,OAAOC,KAAK,CAAC,CAACd,UAAU,CAACA,SAAS,CAAA,IAAKL,iBAAnD,6BAAD,AAAC,OAAyD3B,QAAQ,GAAG+C,MAAM,CAAC,QAAQ;QAC5GvB,GAAGoB,KAAK,CAACI,SAAS,GAAG9C,SAASyC,qBAAAA,+BAAAA,SAAU3C,QAAQ,GAAG+C,MAAM,CAAC,QAAQ;QAElE,iCAAiC;QACjC,oGAAoG;QACpG,MAAME,aAAa;QACnB,OAAQzE;YACN,KAAK;YACL,KAAK;gBACH,IAAImD,MAAMgB,WAAYM,aAAa,IAAK,GAAG;oBACzCV,GAAGW,SAAS,CAACC,MAAM,CAAC,CAAC,WAAW,EAAE3E,MAAM;oBACxC+D,GAAGW,SAAS,CAACE,GAAG,CAAC,CAAC,WAAW,EAAE5E,SAAS,QAAQ,WAAW,kBAAkB;gBAC/E;gBACA;YAEF,KAAK;YACL,KAAK;gBACH,IAAImD,MAAMgB,WAAWM,aAAaZ,mBAAmB;oBACnDE,GAAGW,SAAS,CAACC,MAAM,CAAC,CAAC,WAAW,EAAE3E,MAAM;oBACxC+D,GAAGW,SAAS,CAACE,GAAG,CAAC,CAAC,WAAW,EAAE5E,SAAS,WAAW,QAAQ,eAAe;gBAC5E;gBACA;YAEF,KAAK;gBACH,IAAIoD,OAAOa,UAAWQ,aAAa,IAAK,GAAG;oBACzCV,GAAGW,SAAS,CAACC,MAAM,CAAC,CAAC,WAAW,EAAE3E,MAAM;oBACxC+D,GAAGW,SAAS,CAACE,GAAG,CAAC;gBACnB;gBACA;YAEF,KAAK;YACL;gBACE,IAAIxB,OAAOF,QAAQe,UAAWQ,aAAa,IAAKhB,kBAAkB;oBAChEM,GAAGW,SAAS,CAACC,MAAM,CAAC,CAAC,WAAW,EAAE3E,MAAM;oBACxC+D,GAAGW,SAAS,CAACE,GAAG,CAAC;gBACnB;gBACA;QACJ;IACF;IAEA,MAAMC,sBAAsB,CAAC5E;QAC3B,MAAM+C,KAAKC,IAAAA,wBAAgB,EAAC7B;QAC5B,IAAI,CAAC4B,IAAI,OAAO;QAChB,qBAAO8B,IAAAA,sBAAY,EAACrC,cAAcxC,YAAY+C;IAChD;IAEA+B,IAAAA,gBAAS,EAAC;QACRC,IAAAA,yBAAiB,EAAC5D,QAAQlB;QAE1B,OAAO;YACL,IAAIiB,WAAWgB,OAAO,KAAK,MAAMG,aAAanB,WAAWgB,OAAO;QAClE;IACF,GAAG,EAAE;IAEL4C,IAAAA,gBAAS,EAAC;QACRhC;QACAxC,yBAAAA,mCAAAA,aAAemB;QAEf,IAAIA,QAAQ;YACVgC,SAASuB,gBAAgB,CAAC,UAAUrD,cAAc;YAClD8B,SAASuB,gBAAgB,CAAC,SAASnD,oBAAoB;QACzD,OACK;YACH4B,SAASwB,mBAAmB,CAAC,UAAUtD,cAAc;YACrD8B,SAASwB,mBAAmB,CAAC,SAASpD,oBAAoB;QAC5D;QAEA,OAAO;YACL,IAAIX,WAAWgB,OAAO,KAAK,MAAMG,aAAanB,WAAWgB,OAAO;QAClE;IACF,GAAG;QAACT;KAAO;IAEX,qBACE,sBAACgB;QAAIC,eAAa9B;QAAQZ,WAAW2C,IAAAA,mBAAE,EAAC,QAAQ3C;QAAYkF,KAAKlE;;0BAC/D,sBAACmE;gBACCC,UAAUzE,kBAAkB,IAAI,CAAC;gBACjC+B,eAAa,OAAOxC,UAAU,YAAYA,MAAMmF,MAAM,IAAGnF,iBAAAA,MAAMoF,OAAO,cAAbpF,qCAAAA,oBAAAA,OAAgB,OAAO,OAAO,GAAGU,OAAO,QAAQ,CAAC;gBAC1G2E,cAAY5E,mBAAmB,OAAOT,UAAU,WAAWA,QAAQ;gBACnEqC,SAAS,IACPnC,mBAAmB,WACf2B,CAAAA,kBAAkB1B,4BAAAA,sCAAAA,oBAAsBqB,UAAU,CAACD,OAAM;gBAC/DQ,cAAcD,OAAOC,YAAY;gBACjCG,cAAcJ,OAAOI,YAAY;gBACjCpC,WAAW2C,IAAAA,mBAAE,EAAC,gBAAgB;oBAAE6C,qBAAqB/D;gBAAO;;oBAE3Df,QAAQA,SAAS,sBAChB;;4BACGP,YAAY,4BACX,qBAACsF,wBAAU;gCACTxC,OAAO;gCACPgB,QAAQ;gCACRjE,WAAU;;4BAIbG,YAAY,0BACX,qBAACuF,6BAAgB;gCAAC1F,WAAU;;4BAG7BG,YAAY,2BACX,qBAACwF,2BAAa;gCACZ3F,WAAU;gCACV4F,OAAM;gCACN3C,OAAO;gCACPgB,QAAQ;;;;oBAMf/D,uBACC,qBAAC2F;wBAAK7F,WAAW2C,IAAAA,mBAAE,EAAC,eAAe;4BAAE,kBAAkBlB;wBAAO;kCAC3DqE,IAAAA,kBAAW,EAAC5F;;;;YAKlBuB,UAAUmD,oBAAoB5E;;;AAGrC;MAEA,WAAeH"}

package/dist/Atomic/UI/Hint/index.js

@@ -15,3 +15,5 @@ function _interop_require_default(obj) {
     };
 }
 const _default = _Hint.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/Hint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Hint/index.ts"],"sourcesContent":["import type { IHintProps } from './Hint.interface';\nimport Hint from './Hint';\n\nexport default Hint;\nexport type { IHintProps };\n"],"names":["Hint"],"mappings":";;;;+BAGA;;;eAAA;;;6DAFiB;;;;;;MAEjB,WAAeA,aAAI"}

package/dist/Atomic/UI/Hint/partials/_utils.js

@@ -62,3 +62,5 @@ function HandleClickOutsideObj(id, setIsOpen) {
         }
     };
 }
+
+//# sourceMappingURL=_utils.js.map

package/dist/Atomic/UI/Hint/partials/_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Hint/partials/_utils.ts"],"sourcesContent":["export const getHintContainerId = (hintId: string | number): string => `hint-container-for-hint--id-${hintId}`;\n\nexport function getHintContainer(hintId: string | number): HTMLElement | null {\n  return document.getElementById(getHintContainerId(hintId));\n}\n\nexport function getParentNode(): HTMLElement | null {\n  return (\n    document.querySelector('div#root')\n    ?? document.querySelector('div#app')\n    ?? document.body\n  );\n}\n\nexport function initHintContainer(hintId: string | number, hintContainerSettings: any): void {\n  const { className } = hintContainerSettings;\n  const hintContainer = document.createElement('div');\n\n  hintContainer.setAttribute('id', getHintContainerId(hintId));\n  hintContainer.classList.add('hint__container');\n  if (className) hintContainer.classList.add(className);\n\n  getParentNode()?.append(hintContainer);\n}\n\n// ? addEventListener можно инициализировать двумя способами\n// ?   - передать прямой колбэк (ф-ю)\n// ?   - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)\n// ? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по \"дзену\")\n// ! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом\nexport function HandleScrollObj(this: any, setIsOpen: (isOpen: boolean) => void): void {\n  this.setIsOpen = setIsOpen;\n  this.handleEvent = function () {\n    this.setIsOpen(false);\n  };\n}\n\nexport function HandleClickOutsideObj(this: any, id: string | number, setIsOpen: (isOpen: boolean) => void): void {\n  this.id = id;\n  this.setIsOpen = setIsOpen;\n  this.handleEvent = function (event: Event) {\n    if (getHintContainer(this.id)) {\n      if (!(getHintContainer(this.id) as HTMLElement).contains(event?.target as Node)) {\n        this.setIsOpen(false);\n      }\n    }\n  };\n}\n"],"names":["HandleClickOutsideObj","HandleScrollObj","getHintContainer","getHintContainerId","getParentNode","initHintContainer","hintId","document","getElementById","querySelector","body","hintContainerSettings","className","hintContainer","createElement","setAttribute","classList","add","append","setIsOpen","handleEvent","id","event","contains","target"],"mappings":";;;;;;;;;;;IAqCgBA,qBAAqB;eAArBA;;IAPAC,eAAe;eAAfA;;IA5BAC,gBAAgB;eAAhBA;;IAFHC,kBAAkB;eAAlBA;;IAMGC,aAAa;eAAbA;;IAQAC,iBAAiB;eAAjBA;;;AAdT,MAAMF,qBAAqB,CAACG,SAAoC,CAAC,4BAA4B,EAAEA,QAAQ;AAEvG,SAASJ,iBAAiBI,MAAuB;IACtD,OAAOC,SAASC,cAAc,CAACL,mBAAmBG;AACpD;AAEO,SAASF;QAEZG,yBAAAA;IADF,OACEA,CAAAA,OAAAA,CAAAA,0BAAAA,SAASE,aAAa,CAAC,yBAAvBF,qCAAAA,0BACGA,SAASE,aAAa,CAAC,wBAD1BF,kBAAAA,OAEGA,SAASG,IAAI;AAEpB;AAEO,SAASL,kBAAkBC,MAAuB,EAAEK,qBAA0B;QAQnFP;IAPA,MAAM,EAAEQ,SAAS,EAAE,GAAGD;IACtB,MAAME,gBAAgBN,SAASO,aAAa,CAAC;IAE7CD,cAAcE,YAAY,CAAC,MAAMZ,mBAAmBG;IACpDO,cAAcG,SAAS,CAACC,GAAG,CAAC;IAC5B,IAAIL,WAAWC,cAAcG,SAAS,CAACC,GAAG,CAACL;KAE3CR,iBAAAA,6BAAAA,qCAAAA,eAAiBc,MAAM,CAACL;AAC1B;AAOO,SAASZ,gBAA2BkB,SAAoC;IAC7E,IAAI,CAACA,SAAS,GAAGA;IACjB,IAAI,CAACC,WAAW,GAAG;QACjB,IAAI,CAACD,SAAS,CAAC;IACjB;AACF;AAEO,SAASnB,sBAAiCqB,EAAmB,EAAEF,SAAoC;IACxG,IAAI,CAACE,EAAE,GAAGA;IACV,IAAI,CAACF,SAAS,GAAGA;IACjB,IAAI,CAACC,WAAW,GAAG,SAAUE,KAAY;QACvC,IAAIpB,iBAAiB,IAAI,CAACmB,EAAE,GAAG;YAC7B,IAAI,CAAC,AAACnB,iBAAiB,IAAI,CAACmB,EAAE,EAAkBE,QAAQ,CAACD,kBAAAA,4BAAAA,MAAOE,MAAM,GAAW;gBAC/E,IAAI,CAACL,SAAS,CAAC;YACjB;QACF;IACF;AACF"}

package/dist/Atomic/UI/Modal/Modal.interface.js

@@ -2,3 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+
+//# sourceMappingURL=Modal.interface.js.map

package/dist/Atomic/UI/Modal/Modal.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/Modal.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/Modal/Modal.js

@@ -29,11 +29,63 @@ const _ModalTitle = /*#__PURE__*/ _interop_require_default(require("./partials/M
 const _useMobileModal = /*#__PURE__*/ _interop_require_default(require("./partials/useMobileModal"));
 require("./Modal.scss");
 require("./ModalMobile.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;
+}
 const attrsForModalBodyDefault = {};
 const KEY_CODE = Object.freeze({
     ENTER: 13,
@@ -119,15 +171,14 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
                                 })
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                            ...atributesForModalBody,
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, atributesForModalBody), {
                             ref: modalMobileBodyRef,
                             className: (0, _classnames.default)('modal__body', {
                                 'modal__body--no-footer': noFooter
                             }),
                             role: "document",
                             children: children
-                        }),
+                        })),
                         (!noFooter || customFooter) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ModalFooter.default, {
                             wrapperRef: modalMobileFooterRef,
                             className: (0, _classnames.default)({
@@ -177,3 +228,5 @@ const Modal = /*#__PURE__*/ (0, _react.forwardRef)(({ zIndex = 100, isOpen, onCo
 });
 Modal.displayName = 'Modal';
 const _default = Modal;
+
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/Modal.tsx"],"sourcesContent":["import type { IModalProps } from './Modal.interface';\nimport cn from 'classnames';\n\nimport { forwardRef, useRef } from 'react';\nimport useHandleKeyPress from '../../../Functions/useKeyPress/useHandleKeyPress';\n\nimport Button from '../Button/Button';\nimport ModalFooter from './partials/ModalFooter';\nimport ModalTitle from './partials/ModalTitle';\nimport useMobileModal from './partials/useMobileModal';\n\nimport './Modal.scss';\nimport './ModalMobile.scss';\n\nconst attrsForModalBodyDefault = {}\nexport const KEY_CODE = Object.freeze({\n  ENTER: 13,\n  ESC: 27,\n} as const);\n\nexport function renderModalTitle({\n  mode,\n  title,\n  onlyTitle,\n}: {\n  mode?: string;\n  title: string;\n  onlyTitle?: boolean;\n}): string {\n  if (mode && mode !== 'default' && !onlyTitle) {\n    return `${mode[0].toUpperCase()}${mode.slice(1)} ${title}`;\n  }\n  return title;\n}\n\nconst Modal = forwardRef<HTMLDivElement, IModalProps>(\n  (\n    {\n      zIndex = 100,\n      isOpen,\n      onConfirm,\n      onDecline,\n      closeModal,\n      children,\n      className,\n      title,\n      variant = 'primary',\n      onlyTitle,\n      mode,\n      size,\n      atributesForModalBody = attrsForModalBodyDefault,\n      confirmBtnClassName,\n      confirmBtnLabel,\n      confirmBtnVariant = 'primary',\n      confirmBtnDisable,\n      confirmBtnIcon,\n      isConfirmBtnIconPositionRight,\n      noConfirmBtn,\n      noCloseBtn,\n      noFooter,\n      noHeader,\n      closeBtnClassName,\n      closeBtnText,\n      closeBtnVariant,\n      closeBtnDisable,\n      closeBtnIcon,\n      forced,\n      btnClassNames,\n      isCloseBtnIconPositionRight,\n      submitOnEnter = true,\n      closeOnEsc = true,\n      leftContentOfFooter,\n      customFooter,\n      testId = 'modal',\n      noHeaderCloseBtn,\n      withMobileLogic,\n      withFixedFooter,\n    },\n    ref,\n  ) => {\n    const internalRef = useRef<HTMLDivElement | null>(null);\n    const modalRef = ref || internalRef;\n\n    const {\n      modalMobileHeaderRef,\n      modalMobileBodyRef,\n      modalMobileFooterRef,\n      MODALS_LOGIC,\n      renderModal,\n      isMobile,\n      scrollTop,\n      scrollHeight,\n    } = useMobileModal({\n      withMobileLogic,\n      withFixedFooter,\n      isOpen,\n    });\n\n    const handle = {\n      confirm: () => {\n        onConfirm?.();\n      },\n      decline: () => {\n        if (typeof onDecline === 'function') {\n          onDecline();\n        }\n        else {\n          closeModal?.();\n        }\n      },\n    };\n\n    useHandleKeyPress({\n      enterCallback: submitOnEnter && typeof onConfirm === 'function' ? () => handle.confirm() : undefined,\n      escCallback: closeOnEsc && typeof closeModal === 'function' ? () => closeModal() : undefined,\n      withClamping: false,\n    });\n\n    if (!isOpen) return null;\n\n    return (\n      <div\n        style={{ zIndex }}\n        data-testid={testId}\n        className=\"modal-box j5\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={`${testId}-title`}\n      >\n        {renderModal(\n          <>\n            <div\n              data-testid={`${testId}-overlay`}\n              className={isOpen ? 'modal-overlay' : 'hidden'}\n              onClick={closeModal}\n              role=\"presentation\"\n            />\n            <div\n              ref={modalRef}\n              style={{ width: typeof size === 'number' ? `${size}px` : `${size?.replace('px', '')}px` }}\n              className={cn(className, {\n                'modal': isOpen,\n                'modal--no-header': isOpen && noHeader,\n                'modal-mobile': isOpen && isMobile,\n                'hidden': !isOpen,\n              })}\n            >\n              {!noHeader && (\n                <ModalTitle\n                  wrapperRef={modalMobileHeaderRef}\n                  className={cn({\n                    'modal__header--hidden': MODALS_LOGIC.IS_HEADER_HIDDEN,\n                    'modal__header--sticky': !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY,\n                  })}\n                  variant={variant}\n                  isForced={forced}\n                  onClose={handle.decline}\n                  noHeaderCloseBtn={noHeaderCloseBtn}\n                >\n                  <span id={`${testId}-title`}>{renderModalTitle({ mode, title, onlyTitle })}</span>\n                </ModalTitle>\n              )}\n\n              <div\n                {...atributesForModalBody}\n                ref={modalMobileBodyRef}\n                className={cn('modal__body', {\n                  'modal__body--no-footer': noFooter,\n                })}\n                role=\"document\"\n              >\n                {children}\n              </div>\n\n              {(!noFooter || customFooter) && (\n                <ModalFooter\n                  wrapperRef={modalMobileFooterRef}\n                  className={cn({\n                    'modal__footer--hidden': MODALS_LOGIC.IS_FOOTER_HIDDEN,\n                    'modal__footer--sticky':\n                      !MODALS_LOGIC.IS_FOOTER_HIDDEN\n                      && MODALS_LOGIC.IS_FOOTER_STICKY\n                      && scrollTop !== scrollHeight,\n                    'modal__footer_with-left-content': leftContentOfFooter,\n                  })}\n                >\n                  {customFooter || (\n                    <>\n                      {leftContentOfFooter}\n                      {(!noCloseBtn || !noConfirmBtn) && (\n                        <div className=\"modal__buttons-block\">\n                          {!noCloseBtn && (\n                            <Button\n                              testId=\"modal\"\n                              className={cn(closeBtnClassName, btnClassNames)}\n                              variant={closeBtnVariant || 'dark-outline'}\n                              onClick={() => handle.decline()}\n                              label={closeBtnText || 'Cancel'}\n                              disabled={closeBtnDisable}\n                              icon={closeBtnIcon}\n                              isIconRight={isCloseBtnIconPositionRight}\n                              tabIndex={1}\n                              aria-label=\"Close modal\"\n                            />\n                          )}\n                          {!noConfirmBtn && (\n                            <Button\n                              testId=\"modal\"\n                              onClick={() => handle.confirm()}\n                              label={\n                                confirmBtnLabel\n                                || (mode && mode?.[0].toUpperCase() + mode?.slice(1))\n                                || 'Apply'\n                              }\n                              className={cn('ml5', confirmBtnClassName, btnClassNames)}\n                              variant={confirmBtnVariant}\n                              disabled={confirmBtnDisable}\n                              icon={confirmBtnIcon}\n                              isIconRight={isConfirmBtnIconPositionRight}\n                              aria-label=\"Confirm modal\"\n                            />\n                          )}\n                        </div>\n                      )}\n                    </>\n                  )}\n                </ModalFooter>\n              )}\n            </div>\n          </>,\n        )}\n      </div>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"names":["KEY_CODE","renderModalTitle","attrsForModalBodyDefault","Object","freeze","ENTER","ESC","mode","title","onlyTitle","toUpperCase","slice","Modal","forwardRef","zIndex","isOpen","onConfirm","onDecline","closeModal","children","className","variant","size","atributesForModalBody","confirmBtnClassName","confirmBtnLabel","confirmBtnVariant","confirmBtnDisable","confirmBtnIcon","isConfirmBtnIconPositionRight","noConfirmBtn","noCloseBtn","noFooter","noHeader","closeBtnClassName","closeBtnText","closeBtnVariant","closeBtnDisable","closeBtnIcon","forced","btnClassNames","isCloseBtnIconPositionRight","submitOnEnter","closeOnEsc","leftContentOfFooter","customFooter","testId","noHeaderCloseBtn","withMobileLogic","withFixedFooter","ref","internalRef","useRef","modalRef","modalMobileHeaderRef","modalMobileBodyRef","modalMobileFooterRef","MODALS_LOGIC","renderModal","isMobile","scrollTop","scrollHeight","useMobileModal","handle","confirm","decline","useHandleKeyPress","enterCallback","undefined","escCallback","withClamping","div","style","data-testid","role","aria-modal","aria-labelledby","onClick","width","replace","cn","ModalTitle","wrapperRef","IS_HEADER_HIDDEN","IS_HEADER_STICKY","isForced","onClose","span","id","ModalFooter","IS_FOOTER_HIDDEN","IS_FOOTER_STICKY","Button","label","disabled","icon","isIconRight","tabIndex","aria-label","displayName"],"mappings":"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"}

package/dist/Atomic/UI/Modal/ModalHOC.js

@@ -95,3 +95,5 @@ const Modal = ({ zIndex = 100, isOpen, closeModal, children, className, size, te
     });
 };
 const _default = Modal;
+
+//# sourceMappingURL=ModalHOC.js.map

package/dist/Atomic/UI/Modal/ModalHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/ModalHOC.tsx"],"sourcesContent":["import type { IModalHOCProps } from './Modal.interface';\nimport cn from 'classnames';\n\nimport React, { useRef } from 'react';\n\nimport useHandleKeyPress from '../../../Functions/useKeyPress/useHandleKeyPress';\n\nimport './Modal.scss';\n\nconst Modal: React.FC<IModalHOCProps> = ({\n  zIndex = 100,\n  isOpen,\n  closeModal,\n  children,\n  className,\n  size,\n  testId = 'modal',\n  closeOnEsc = true,\n}) => {\n  const modalRef = useRef(null);\n  useHandleKeyPress({\n    escCallback: closeOnEsc && typeof closeModal === 'function' ? () => closeModal?.() : undefined,\n  });\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={{ zIndex }} data-testid={testId} className=\"modal-box j5\" role=\"presentation\">\n      <div className=\"modal-overlay\" onClick={closeModal} role=\"presentation\" aria-hidden=\"true\" />\n      <div\n        ref={modalRef}\n        style={{ width: size }}\n        className={cn(className, 'modal')}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={testId}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default Modal;\n"],"names":["Modal","zIndex","isOpen","closeModal","children","className","size","testId","closeOnEsc","modalRef","useRef","useHandleKeyPress","escCallback","undefined","div","style","data-testid","role","onClick","aria-hidden","ref","width","cn","aria-modal","aria-labelledby","tabIndex"],"mappings":";;;;+BA4CA;;;eAAA;;;;mEA3Ce;+DAEe;0EAEA;QAEvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAkC,CAAC,EACvCC,SAAS,GAAG,EACZC,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,SAAS,OAAO,EAChBC,aAAa,IAAI,EAClB;IACC,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IACxBC,IAAAA,0BAAiB,EAAC;QAChBC,aAAaJ,cAAc,OAAOL,eAAe,aAAa,IAAMA,uBAAAA,iCAAAA,eAAiBU;IACvF;IAEA,IAAI,CAACX,QAAQ,OAAO;IAEpB,qBACE,sBAACY;QAAIC,OAAO;YAAEd;QAAO;QAAGe,eAAaT;QAAQF,WAAU;QAAeY,MAAK;;0BACzE,qBAACH;gBAAIT,WAAU;gBAAgBa,SAASf;gBAAYc,MAAK;gBAAeE,eAAY;;0BACpF,qBAACL;gBACCM,KAAKX;gBACLM,OAAO;oBAAEM,OAAOf;gBAAK;gBACrBD,WAAWiB,IAAAA,mBAAE,EAACjB,WAAW;gBACzBY,MAAK;gBACLM,cAAW;gBACXC,mBAAiBjB;gBACjBkB,UAAU,CAAC;0BAEVrB;;;;AAIT;MAEA,WAAeJ"}

package/dist/Atomic/UI/Modal/index.js

@@ -24,3 +24,5 @@ function _interop_require_default(obj) {
     };
 }
 const _default = _Modal.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Modal/index.ts"],"sourcesContent":["import Modal from './Modal';\nimport ModalHOC from './ModalHOC';\n\nexport default Modal;\nexport type { IModalFooterProps, IModalHOCProps, IModalProps, IModalTitleProps } from './Modal.interface';\nexport { ModalHOC };\n"],"names":["ModalHOC","Modal"],"mappings":";;;;;;;;;;;IAKSA,QAAQ;eAARA,iBAAQ;;IAFjB,OAAqB;eAArB;;;8DAHkB;iEACG;;;;;;MAErB,WAAeC,cAAK"}