intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,309 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _utils = require("../../../Functions/utils");
+const _InputDateRange = /*#__PURE__*/ _interop_require_default(require("../../FormElements/InputDateRange/InputDateRange"));
+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
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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 || {};
+    const { initialChartType } = chartProps || {};
+    const dateRange = (0, _react.useMemo)(()=>(0, _utils1.getSafelyDateRange)(outerDateRange), [
+        outerDateRange
+    ]);
+    const [chartType, setChartType] = (0, _react.useState)(initialChartType || "Bar");
+    const [tab, setTab] = (0, _react.useState)("tab1");
+    const [initialModel, setInitialModel] = (0, _react.useState)(chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine");
+    const [tab1, setTab1] = (0, _react.useState)(null);
+    const [tab2, setTab2] = (0, _react.useState)(null);
+    const [tab3, setTab3] = (0, _react.useState)(null);
+    const [tab4, setTab4] = (0, _react.useState)(null);
+    const [dataForRender, setDataForRender] = (0, _react.useState)(null);
+    const getMockData = ()=>{
+        const labels = (0, _utils1.getLabels)(dateRange);
+        const mock = ()=>labels.map((label)=>(0, _utils1.getMockValue)());
+        return {
+            labels,
+            datasets: [
+                {
+                    data: mock()
+                }
+            ]
+        };
+    };
+    const getTabData = (tabId)=>{
+        switch(tabId){
+            case "tab1":
+                return !tab1 ? null : (0, _utils.clone)(tab1);
+            case "tab2":
+                return !tab2 ? null : (0, _utils.clone)(tab2);
+            case "tab3":
+                return !tab3 ? null : (0, _utils.clone)(tab3);
+            case "tab4":
+                return !tab4 ? null : (0, _utils.clone)(tab4);
+            default:
+                return null;
+        }
+    };
+    const getDescription = (tabId)=>{
+        switch(tabId){
+            case "tab1":
+                return "Tab 1";
+            case "tab2":
+                return "Tab 2";
+            case "tab3":
+                return "Tab 3";
+            case "tab4":
+                return "Tab 4";
+            default:
+                return null;
+        }
+    };
+    const selectData = ()=>getTabData(tab) ? getTabData(tab) : getMockData();
+    const modelsForSwitch = (0, _react.useMemo)(()=>getTabData(tab) ? [
+            "finturfChartBar",
+            "finturfChartLine"
+        ] : [
+            "finturfLoadingModeBar",
+            "finturfLoadingModeLine"
+        ], [
+        Boolean(getTabData(tab))
+    ]);
+    const handleChangeChartType = (model)=>{
+        setChartType(model.includes("Line") ? "Line" : "Bar");
+        setInitialModel(model);
+    };
+    const getModel = ()=>{
+        if (!getTabData(tab)) return chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine";
+        else return chartType === "Bar" ? "finturfChartBar" : "finturfChartLine";
+    };
+    const processResponse = (res, tabId)=>{
+        switch(tabId){
+            case "tab1":
+                setTab1(res);
+                break;
+            case "tab2":
+                setTab2(res);
+                break;
+            case "tab3":
+                setTab3(res);
+                break;
+            case "tab4":
+                setTab4(res);
+                break;
+            default:
+                break;
+        }
+        return res;
+    };
+    (0, _react.useLayoutEffect)(()=>{
+        setTab1(null);
+        setTab2(null);
+        setTab3(null);
+        setTab4(null);
+        // эмуляция запросов
+        // вся логика происходит в самих входящих промисах
+        // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
+        Promise.all([
+            (0, _utils1.getTab)("tab1", dateRange, processResponse),
+            (0, _utils1.getTab)("tab2", dateRange, processResponse),
+            (0, _utils1.getTab)("tab3", dateRange, processResponse),
+            (0, _utils1.getTab)("tab4", dateRange, processResponse)
+        ]);
+    }, [
+        dateRange
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        setInitialModel(getModel());
+        setDataForRender(selectData());
+    }, [
+        Boolean(getTabData(tab)),
+        tab,
+        chartType
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "example-wrapper",
+        children: [
+            /*#__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: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab1"
+                        }),
+                        onClick: ()=>setTab("tab1"),
+                        children: "Tab 1"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab2"
+                        }),
+                        onClick: ()=>setTab("tab2"),
+                        children: "Tab 2"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab3"
+                        }),
+                        onClick: ()=>setTab("tab3"),
+                        children: "Tab 3"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
+                            "tab-button_active": tab === "tab4"
+                        }),
+                        onClick: ()=>setTab("tab4"),
+                        children: "Tab 4"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, _object_spread_props(_object_spread({}, chartProps), {
+                key: JSON.stringify(dataForRender),
+                data: dataForRender,
+                setModelExternalValue: handleChangeChartType,
+                initialModel: initialModel,
+                modelsForSwitch: modelsForSwitch,
+                description: {
+                    label: getDescription(tab)
+                },
+                addToDatasets: {
+                    id: tab
+                },
+                modifyOptions: (options)=>{
+                    var _options_options, _options_options_plugins, _options_options1, _options_options_plugins_tooltip, _options_options_plugins1, _options_options2;
+                    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

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ExampleChartIntegrationTemplate: function() {
+        return ExampleChartIntegrationTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+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
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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',
+    component: _ExampleChartIntegration.default
+};
+const Template = (args)=>{
+    const { inputDateRangeProps, chartProps } = args;
+    const [outerDateRange, setOuterDateRange] = (0, _react.useState)({
+        intervalKey: 'last7Days'
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExampleChartIntegration.default, {
+        inputDateRangeProps: _object_spread_props(_object_spread({}, inputDateRangeProps), {
+            value: outerDateRange,
+            onChange: setOuterDateRange
+        }),
+        chartProps: chartProps
+    });
+};
+const ExampleChartIntegrationTemplate = Template.bind({});
+ExampleChartIntegrationTemplate.args = {
+    inputDateRangeProps: {
+        buttonsTypes: {
+            cancel: 'bark-outline'
+        },
+        isCompareHidden: true
+    },
+    chartProps: {
+        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

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    getLabels: function() {
+        return getLabels;
+    },
+    getMockValue: function() {
+        return getMockValue;
+    },
+    getSafelyDateRange: function() {
+        return getSafelyDateRange;
+    },
+    getTab: function() {
+        return getTab;
+    }
+});
+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
+    };
+}
+const getSafelyDateRange = (dateRange)=>(!(dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) || !(dateRange === null || dateRange === void 0 ? void 0 : dateRange.end)) && (!(dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) || (dateRange === null || dateRange === void 0 ? void 0 : dateRange.intervalKey) === "allTime") ? (0, _dependencies.getActualDateRange)({
+        start: "2022-01-01T00:00:00",
+        end: (0, _momenttimezone.default)().endOf("day").format("YYYY-MM-DDTHH:mm:ss")
+    }) : (0, _dependencies.getActualDateRange)(dateRange);
+const getLabels = (range)=>{
+    const MINIMUM_INTERVAL = "hour";
+    const NO_MORE_THAN_THREE_HOURS = 3; // this is hours
+    const NO_MORE_THAN_TWO_DAYS = 48; // this is hours
+    const NO_MORE_THAN_TWO_MONTHS = 2; // this is months
+    const NO_MORE_THAN_THREE_YEARS = 24; // this is months
+    // safely Range must have 'start' and 'end' properties
+    const safelyRange = (0, _dependencies.getActualDateRange)(range);
+    const start = (0, _momenttimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
+    const end = (0, _momenttimezone.default)(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
+    const getValues = (intervalStepKey)=>{
+        let format;
+        switch(intervalStepKey){
+            case "minutes":
+                format = "MM.DD hh:mm";
+                break;
+            case "hours":
+                format = "MM.DD.YYYY h A";
+                break;
+            case "days":
+                format = "MM.DD.YYYY";
+                break;
+            case "months":
+                format = "MM.YYYY";
+                break;
+            default:
+                format = "YYYY";
+                break;
+        }
+        const structure = [
+            ...Array(end.diff(start, intervalStepKey)).keys()
+        ];
+        const process = structure.reduce((acc, iteration)=>{
+            acc.values.push(acc.point.format(format));
+            acc.point = (0, _momenttimezone.default)(acc.point).add(1, intervalStepKey);
+            return acc;
+        }, {
+            point: start,
+            values: []
+        });
+        return process.values;
+    };
+    if (end.diff(start, "hours") <= NO_MORE_THAN_THREE_HOURS) return getValues("minutes");
+    else if (end.diff(start, "hours") <= NO_MORE_THAN_TWO_DAYS) return getValues("hours");
+    else if (end.diff(start, "months") <= NO_MORE_THAN_TWO_MONTHS) return getValues("days");
+    else if (end.diff(start, "months") <= NO_MORE_THAN_THREE_YEARS) return getValues("months");
+    else return getValues("years");
+};
+const getMockValue = ()=>Math.trunc(Math.random() * 1000000);
+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

@@ -0,0 +1,6 @@
+"use strict";
+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":""}