intelicoreact 1.6.8 → 1.6.10

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

@@ -1,309 +1 @@
-"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
+function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=Array(n);r<n;r++)e[r]=t[r];return e}function n(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.forEach(function(n){var e;e=r[n],n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e})}return t}function r(t,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):(function(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);r.push.apply(r,e)}return r})(Object(n)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))}),t}function e(n,r){return function(t){if(Array.isArray(t))return t}(n)||function(t,n){var r,e,a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var o=[],i=!0,u=!1;try{for(a=a.call(t);!(i=(r=a.next()).done)&&(o.push(r.value),!n||o.length!==n);i=!0);}catch(t){u=!0,e=t}finally{try{i||null==a.return||a.return()}finally{if(u)throw e}}return o}}(n,r)||function(n,r){if(n){if("string"==typeof n)return t(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(n,r)}}(n,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as a,jsxs as o}from"react/jsx-runtime";import{createElement as i}from"react";import{useLayoutEffect as u,useMemo as l,useState as c}from"react";import s from"classnames";import"uuid";import{formatToPriceWithUSD as b}from"../../../Functions/fieldValueFormatters";import{clone as f}from"../../../Functions/utils";import p from"../../FormElements/InputDateRange/InputDateRange";import d from"../Chart/Chart";import{getLabels as m,getMockValue as y,getSafelyDateRange as h,getTab as g}from"./partial/utils";import"./partial/AnyOuterClass.scss";export default function(t){var v=t||{},O=v.inputDateRangeProps,j=v.chartProps,w=O||{},C=w.value,P=w.onChange,k=(j||{}).initialChartType,L=l(function(){return h(C)},[C]),S=e(c(k||"Bar"),2),T=S[0],B=S[1],M=e(c("tab1"),2),D=M[0],x=M[1],A=e(c("Bar"===T?"finturfLoadingModeBar":"finturfLoadingModeLine"),2),N=A[0],E=A[1],F=e(c(null),2),I=F[0],_=F[1],R=e(c(null),2),V=R[0],J=R[1],U=e(c(null),2),$=U[0],q=U[1],z=e(c(null),2),G=z[0],H=z[1],K=e(c(null),2),Q=K[0],W=K[1],X=function(){var t=m(L);return{labels:t,datasets:[{data:t.map(function(t){return y()})}]}},Y=function(t){switch(t){case"tab1":return I?f(I):null;case"tab2":return V?f(V):null;case"tab3":return $?f($):null;case"tab4":return G?f(G):null;default:return null}},Z=l(function(){return Y(D)?["finturfChartBar","finturfChartLine"]:["finturfLoadingModeBar","finturfLoadingModeLine"]},[!!Y(D)]),tt=function(t,n){switch(n){case"tab1":_(t);break;case"tab2":J(t);break;case"tab3":q(t);break;case"tab4":H(t)}return t};return u(function(){_(null),J(null),q(null),H(null),Promise.all([g("tab1",L,tt),g("tab2",L,tt),g("tab3",L,tt),g("tab4",L,tt)])},[L]),u(function(){E(Y(D)?"Bar"===T?"finturfChartBar":"finturfChartLine":"Bar"===T?"finturfLoadingModeBar":"finturfLoadingModeLine"),W(Y(D)?Y(D):X())},[!!Y(D),D,T]),o("div",{className:"example-wrapper",children:[a(p,r(n({},O),{value:C,onChange:P})),o("div",{className:"buttons-block",children:[a("button",{className:s("tab-button",{"tab-button_active":"tab1"===D}),onClick:function(){return x("tab1")},children:"Tab 1"}),a("button",{className:s("tab-button",{"tab-button_active":"tab2"===D}),onClick:function(){return x("tab2")},children:"Tab 2"}),a("button",{className:s("tab-button",{"tab-button_active":"tab3"===D}),onClick:function(){return x("tab3")},children:"Tab 3"}),a("button",{className:s("tab-button",{"tab-button_active":"tab4"===D}),onClick:function(){return x("tab4")},children:"Tab 4"})]}),i(d,r(n({},j),{key:JSON.stringify(Q),data:Q,setModelExternalValue:function(t){B(t.includes("Line")?"Line":"Bar"),E(t)},initialModel:N,modelsForSwitch:Z,description:{label:function(t){switch(t){case"tab1":return"Tab 1";case"tab2":return"Tab 2";case"tab3":return"Tab 3";case"tab4":return"Tab 4";default:return null}}(D)},addToDatasets:{id:D},modifyOptions:function(t){var e,a,o,i,u,l;return r(n({},t),{options:r(n({},null==t?void 0:t.options),{plugins:r(n({},null==t||null==(e=t.options)?void 0:e.plugins),{tooltip:r(n({},null==t||null==(o=t.options)||null==(a=o.plugins)?void 0:a.tooltip),{callbacks:r(n({},null==t||null==(l=t.options)||null==(u=l.plugins)||null==(i=u.tooltip)?void 0:i.callbacks),{label:function(t){return"tab3"===t.dataset.id||"tab4"===t.dataset.id?b(t.raw||"0"):t.raw||"0"}})})})})})}}))]})}

package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss

@@ -0,0 +1,68 @@
+@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
+
+.example-wrapper {
+  max-width: 850px;
+
+  .buttons-block {
+    display: flex;
+    flex-flow: row nowrap;
+
+    width: 100%;
+    margin-top: 50px;
+  }
+
+  .tab-button {
+    width: 100px;
+    height: 40px;
+    margin-right: 20px;
+
+    border: 1px solid black;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &_active {
+      text-decoration: underline;
+    }
+  }
+
+  .chart:not(.chart_icon-mode) {
+    max-width: 806px;
+
+    border-radius: 16px;
+    background: #fff;
+    box-shadow: 0 16px 24px rgb(0 0 0 / 5%);
+  }
+
+  .chart__description-title {
+    font-family: Sarabun, sans-serif;
+    font-size: 16px;
+    font-weight: 600;
+    font-style: normal;
+    line-height: 24px;
+    letter-spacing: 0.1px;
+
+    color: #3b414b;
+  }
+
+  .chart__description-value {
+    span {
+      font-size: 20px;
+      font-weight: 600;
+      font-style: normal;
+      line-height: 30px;
+      letter-spacing: 0.359794px;
+
+      color: #3b414b;
+
+      &:last-child {
+        font-size: 14px;
+        line-height: 20px;
+        letter-spacing: 0.2px;
+
+        color: #757f8c;
+      }
+    }
+  }
+}

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

@@ -1,151 +1 @@
-"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
+var t,e;function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function n(t,e,r,n,a,o,i){try{var u=t[o](i),l=u.value}catch(t){r(t);return}u.done?e(l):Promise.resolve(l).then(n,a)}import a from"moment-timezone";import{getActualDateRange as o}from"../../../FormElements/InputDateRange/dependencies";export var getSafelyDateRange=function(t){return(null==t?void 0:t.start)&&(null==t?void 0:t.end)||(null==t?void 0:t.intervalKey)&&(null==t?void 0:t.intervalKey)!=="allTime"?o(t):o({start:"2022-01-01T00:00:00",end:a().endOf("day").format("YYYY-MM-DDTHH:mm:ss")})};export var getLabels=function(t){var e="hour",n=o(t),i=a(null==n?void 0:n.start).startOf(e),u=a(null==n?void 0:n.end).startOf(e),l=function(t){var e,n;switch(t){case"minutes":n="MM.DD hh:mm";break;case"hours":n="MM.DD.YYYY h A";break;case"days":n="MM.DD.YYYY";break;case"months":n="MM.YYYY";break;default:n="YYYY"}return((function(t){if(Array.isArray(t))return r(t)})(e=Array(u.diff(i,t)).keys())||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(t,e){if(t){if("string"==typeof t)return r(t,void 0);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).reduce(function(e,r){return e.values.push(e.point.format(n)),e.point=a(e.point).add(1,t),e},{point:i,values:[]}).values};return 3>=u.diff(i,"hours")?l("minutes"):48>=u.diff(i,"hours")?l("hours"):2>=u.diff(i,"months")?l("days"):24>=u.diff(i,"months")?l("months"):l("years")};export var getMockValue=function(){return Math.trunc(1e6*Math.random())};export var getTab=(t=function(t,e,r){var n;return function(t,e){var r,n,a,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return i.next=u(0),i.throw=u(1),i.return=u(2),"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(u){return function(l){var s=[u,l];if(r)throw TypeError("Generator is already executing.");for(;i&&(i=0,s[0]&&(o=0)),o;)try{if(r=1,n&&(a=2&s[0]?n.return:s[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;switch(n=0,a&&(s=[2&s[0],a.value]),s[0]){case 0:case 1:a=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,n=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!(a=(a=o.trys).length>0&&a[a.length-1])&&(6===s[0]||2===s[0])){o=0;continue}if(3===s[0]&&(!a||s[1]>a[0]&&s[1]<a[3])){o.label=s[1];break}if(6===s[0]&&o.label<a[1]){o.label=a[1],a=s;break}if(a&&o.label<a[2]){o.label=a[2],o.ops.push(s);break}a[2]&&o.ops.pop(),o.trys.pop();continue}s=e.call(t,o)}catch(t){s=[6,t],n=0}finally{r=a=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}}(this,function(a){switch(t){case"tab1":n=2e3;break;case"tab2":n=1500;break;case"tab3":n=3e3;break;case"tab4":n=500;break;default:n=1e3}return[2,new Promise(function(t){return setTimeout(function(){var r=getLabels(e);t({labels:r,datasets:[{data:r.map(function(){return getMockValue()})}]})},n)}).then(function(e){return r?r(e,t):e})]})},e=function(){var e=this,r=arguments;return new Promise(function(a,o){var i=t.apply(e,r);function u(t){n(i,a,o,u,l,"next",t)}function l(t){n(i,a,o,u,l,"throw",t)}u(void 0)})},function(t,r,n){return e.apply(this,arguments)});

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

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { IUniProps } from '../../../types/base.interface';
+
+export interface IHintProps extends IUniProps {
+  key?: string;
+  id?: string;
+  hint?: string;
+  side?: 'top' | 'centeredTop' | 'bottom' | 'centeredBottom' | 'left' | 'right';
+  hintContainer?: { className?: string, addWidth?: string | number, addLeft?: string | number, addTop?: string | number };
+  label?: string | ReactNode;
+  variant?: 'outlined' | 'filled' | 'warning';
+  handleOpenType?: 'click' | 'hover';
+  children?: ReactNode;
+  icon?: ReactNode;
+  isAccessability?: boolean;
+  isHoverableContent?: boolean;
+  isLoading?: boolean;
+  isCloseOnChildrenClick?: boolean;
+  onClickCallback?: () => void;
+  onOpenChange?: (isOpen: boolean) => void;
+};