intelicoreact 1.6.2 → 1.6.3

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

@@ -1,31 +1,86 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import React, { useLayoutEffect, useMemo, useState } from "react";
-import cn from "classnames";
-import { formatToPriceWithUSD } from "../../../Functions/fieldValueFormatters";
-import { clone } from "../../../Functions/utils";
-import InputDateRange from "../../FormElements/InputDateRange/InputDateRange";
-import Chart from "../Chart/Chart";
-import { getLabels, getMockValue, getSafelyDateRange, getTab } from "./partial/utils";
-import "./partial/AnyOuterClass.scss";
+"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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
 const ExampleChartIntegration = (props)=>{
     const { inputDateRangeProps, chartProps } = props || {};
     const { value: outerDateRange, onChange: changeDateRange } = inputDateRangeProps || {};
     const { initialChartType } = chartProps || {};
-    const dateRange = useMemo(()=>getSafelyDateRange(outerDateRange), [
+    const dateRange = (0, _react.useMemo)(()=>(0, _utils1.getSafelyDateRange)(outerDateRange), [
         outerDateRange
     ]);
-    const [chartType, setChartType] = useState(initialChartType || "Bar");
-    const [tab, setTab] = useState("tab1");
-    const [initialModel, setInitialModel] = useState(chartType === "Bar" ? "finturfLoadingModeBar" : "finturfLoadingModeLine");
-    const [tab1, setTab1] = useState(null);
-    const [tab2, setTab2] = useState(null);
-    const [tab3, setTab3] = useState(null);
-    const [tab4, setTab4] = useState(null);
-    const [dataForRender, setDataForRender] = useState(null);
+    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 = getLabels(dateRange);
-        const mock = ()=>labels.map((label)=>getMockValue());
+        const labels = (0, _utils1.getLabels)(dateRange);
+        const mock = ()=>labels.map((label)=>(0, _utils1.getMockValue)());
         return {
             labels,
             datasets: [
@@ -38,13 +93,13 @@ const ExampleChartIntegration = (props)=>{
     const getTabData = (tabId)=>{
         switch(tabId){
             case "tab1":
-                return !tab1 ? null : clone(tab1);
+                return !tab1 ? null : (0, _utils.clone)(tab1);
             case "tab2":
-                return !tab2 ? null : clone(tab2);
+                return !tab2 ? null : (0, _utils.clone)(tab2);
             case "tab3":
-                return !tab3 ? null : clone(tab3);
+                return !tab3 ? null : (0, _utils.clone)(tab3);
             case "tab4":
-                return !tab4 ? null : clone(tab4);
+                return !tab4 ? null : (0, _utils.clone)(tab4);
             default:
                 return null;
         }
@@ -64,7 +119,7 @@ const ExampleChartIntegration = (props)=>{
         }
     };
     const selectData = ()=>getTabData(tab) ? getTabData(tab) : getMockData();
-    const modelsForSwitch = useMemo(()=>getTabData(tab) ? [
+    const modelsForSwitch = (0, _react.useMemo)(()=>getTabData(tab) ? [
             "finturfChartBar",
             "finturfChartLine"
         ] : [
@@ -100,7 +155,7 @@ const ExampleChartIntegration = (props)=>{
         }
         return res;
     };
-    useLayoutEffect(()=>{
+    (0, _react.useLayoutEffect)(()=>{
         setTab1(null);
         setTab2(null);
         setTab3(null);
@@ -109,15 +164,15 @@ const ExampleChartIntegration = (props)=>{
         // вся логика происходит в самих входящих промисах
         // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
         Promise.all([
-            getTab("tab1", dateRange, processResponse),
-            getTab("tab2", dateRange, processResponse),
-            getTab("tab3", dateRange, processResponse),
-            getTab("tab4", dateRange, processResponse)
+            (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
     ]);
-    useLayoutEffect(()=>{
+    (0, _react.useLayoutEffect)(()=>{
         setInitialModel(getModel());
         setDataForRender(selectData());
     }, [
@@ -125,40 +180,40 @@ const ExampleChartIntegration = (props)=>{
         tab,
         chartType
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         className: "example-wrapper",
         children: [
-            /*#__PURE__*/ _jsx(InputDateRange, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, {
                 ...inputDateRangeProps,
                 value: outerDateRange,
                 onChange: changeDateRange
             }),
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 className: "buttons-block",
                 children: [
-                    /*#__PURE__*/ _jsx("button", {
-                        className: cn("tab-button", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
                             "tab-button_active": tab === "tab1"
                         }),
                         onClick: ()=>setTab("tab1"),
                         children: "Tab 1"
                     }),
-                    /*#__PURE__*/ _jsx("button", {
-                        className: cn("tab-button", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
                             "tab-button_active": tab === "tab2"
                         }),
                         onClick: ()=>setTab("tab2"),
                         children: "Tab 2"
                     }),
-                    /*#__PURE__*/ _jsx("button", {
-                        className: cn("tab-button", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
                             "tab-button_active": tab === "tab3"
                         }),
                         onClick: ()=>setTab("tab3"),
                         children: "Tab 3"
                     }),
-                    /*#__PURE__*/ _jsx("button", {
-                        className: cn("tab-button", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        className: (0, _classnames.default)("tab-button", {
                             "tab-button_active": tab === "tab4"
                         }),
                         onClick: ()=>setTab("tab4"),
@@ -166,7 +221,7 @@ const ExampleChartIntegration = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ _createElement(Chart, {
+            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, {
                 ...chartProps,
                 key: JSON.stringify(dataForRender),
                 data: dataForRender,
@@ -192,7 +247,7 @@ const ExampleChartIntegration = (props)=>{
                                     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,
                                         label: (context)=>{
-                                            return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? formatToPriceWithUSD(context.raw || "0") : context.raw || "0";
+                                            return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
                                         }
                                     }
                                 }
@@ -204,4 +259,4 @@ const ExampleChartIntegration = (props)=>{
         ]
     });
 };
-export default ExampleChartIntegration;
+const _default = ExampleChartIntegration;

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

@@ -1,17 +1,81 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import ExampleChartIntegration from './ExampleChartIntegration';
+"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 _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;
+}
 global.lng = 'en';
-export default {
+const _default = {
     title: 'UI/Chart',
-    component: ExampleChartIntegration
+    component: _ExampleChartIntegration.default
 };
 const Template = (args)=>{
     const { inputDateRangeProps, chartProps } = args;
-    const [outerDateRange, setOuterDateRange] = useState({
+    const [outerDateRange, setOuterDateRange] = (0, _react.useState)({
         intervalKey: 'last7Days'
     });
-    return /*#__PURE__*/ _jsx(ExampleChartIntegration, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ExampleChartIntegration.default, {
         inputDateRangeProps: {
             ...inputDateRangeProps,
             value: outerDateRange,
@@ -20,7 +84,7 @@ const Template = (args)=>{
         chartProps: chartProps
     });
 };
-export const ExampleChartIntegrationTemplate = Template.bind({});
+const ExampleChartIntegrationTemplate = Template.bind({});
 ExampleChartIntegrationTemplate.args = {
     inputDateRangeProps: {
         buttonsTypes: {

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

@@ -1,19 +1,48 @@
-import moment from "moment-timezone";
-import { getActualDateRange } from "../../../FormElements/InputDateRange/dependencies";
-export 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") ? getActualDateRange({
+"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 _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: moment().endOf("day").format("YYYY-MM-DDTHH:mm:ss")
-    }) : getActualDateRange(dateRange);
-export const getLabels = (range)=>{
+        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 = getActualDateRange(range);
-    const start = moment(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.start).startOf(MINIMUM_INTERVAL);
-    const end = moment(safelyRange === null || safelyRange === void 0 ? void 0 : safelyRange.end).startOf(MINIMUM_INTERVAL);
+    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){
@@ -38,7 +67,7 @@ export const getLabels = (range)=>{
         ];
         const process = structure.reduce((acc, iteration)=>{
             acc.values.push(acc.point.format(format));
-            acc.point = moment(acc.point).add(1, intervalStepKey);
+            acc.point = (0, _momenttimezone.default)(acc.point).add(1, intervalStepKey);
             return acc;
         }, {
             point: start,
@@ -52,8 +81,8 @@ export const getLabels = (range)=>{
     else if (end.diff(start, "months") <= NO_MORE_THAN_THREE_YEARS) return getValues("months");
     else return getValues("years");
 };
-export const getMockValue = ()=>Math.trunc(Math.random() * 1000000);
-export const getTab = async (tabId, range, callback)=>{
+const getMockValue = ()=>Math.trunc(Math.random() * 1000000);
+const getTab = async (tabId, range, callback)=>{
     let requestDelay;
     switch(tabId){
         case "tab1":

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

@@ -1 +1,4 @@
-export { };
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -1,28 +1,84 @@
-/* eslint-disable react-web-api/no-leaked-event-listener */ /* eslint-disable react-dom/no-missing-button-type */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import cn from 'classnames';
-import React, { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-import { AlertTriangle, HelpCircle } from 'react-feather';
-import { capitalized } from '../../../Functions/utils';
-import { HelpCircleFilled } from '../../../Molecular/CustomIcons';
-import Spinner from '../../Layout/Spinner/Spinner';
-import { getHintContainer, HandleClickOutsideObj, HandleScrollObj, initHintContainer } from './partials/_utils';
-import './Hint.scss';
+/* eslint-disable react-web-api/no-leaked-event-listener */ /* eslint-disable react-dom/no-missing-button-type */ "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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactdom = require("react-dom");
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _CustomIcons = require("../../../Molecular/CustomIcons");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _utils1 = require("./partials/_utils");
+require("./Hint.scss");
+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;
+}
 let isContentHoveredOuter = false;
 const DEFAULT_EMPTY_OBJ = {};
 function DEFAULT_VOID_FN() {}
 const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_OBJ, label = '', variant = 'filled', handleOpenType = 'click', onClickCallback, onOpenChange = DEFAULT_VOID_FN, key, id, children, icon, isAccessability = false, testId = 'hint', isHoverableContent = false, isLoading, isCloseOnChildrenClick = false })=>{
     var _label_replace;
-    const hintRef = useRef(null);
-    const timeoutRef = useRef(null);
+    const hintRef = (0, _react.useRef)(null);
+    const timeoutRef = (0, _react.useRef)(null);
     var _ref;
-    const [hintId] = useState((_ref = key !== null && key !== void 0 ? key : id) !== null && _ref !== void 0 ? _ref : Math.random().toString(16).slice(2));
-    const [isOpen, setIsOpen] = useState(false);
+    const [hintId] = (0, _react.useState)((_ref = key !== null && key !== void 0 ? key : id) !== null && _ref !== void 0 ? _ref : Math.random().toString(16).slice(2));
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
     // ? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
     // ? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
-    const [handleScroll] = useState(new HandleScrollObj(setIsOpen));
+    const [handleScroll] = (0, _react.useState)(new _utils1.HandleScrollObj(setIsOpen));
     // ? По аналогии определяем handleClickOutside
-    const [handleClickOutside] = useState(new HandleClickOutsideObj(hintId, setIsOpen));
+    const [handleClickOutside] = (0, _react.useState)(new _utils1.HandleClickOutsideObj(hintId, setIsOpen));
     const isCallbackExist = typeof onClickCallback === 'function';
     const handle = {
         onMouseEnter: ()=>{
@@ -60,16 +116,16 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
         onClick: isCloseOnChildrenClick ? ()=>setIsOpen(false) : ()=>{}
     };
     const getHintMarkUp = (className)=>{
-        return /*#__PURE__*/ _jsxs("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             "data-testid": "test-hint-text",
-            className: cn('hint__text', `hint__text_${side}`, `hint--${className}__text`),
+            className: (0, _classnames.default)('hint__text', `hint__text_${side}`, `hint--${className}__text`),
             onMouseEnter: ()=>{
                 isContentHoveredOuter = true;
             },
             onMouseLeave: handle.onMouseLeaveHoverableContent,
             onClick: handle.onClick,
             children: [
-                isLoading && /*#__PURE__*/ _jsx(Spinner, {
+                isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
                     size: "small"
                 }),
                 hint,
@@ -79,7 +135,7 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
     };
     const setHintContainerStyles = ()=>{
         var _hintRef_current, _this, _this1, _this2;
-        const hc = getHintContainer(hintId);
+        const hc = (0, _utils1.getHintContainer)(hintId);
         if (!hc || !isOpen) return false;
         const { width = 0, top = 0, left = 0 } = (hintRef === null || hintRef === void 0 ? void 0 : hintRef.current) !== null ? hintRef === null || hintRef === void 0 ? void 0 : (_hintRef_current = hintRef.current) === null || _hintRef_current === void 0 ? void 0 : _hintRef_current.getBoundingClientRect() : {};
         const { addWidth, addLeft, addTop } = hintContainer !== null && hintContainer !== void 0 ? hintContainer : {};
@@ -125,17 +181,17 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
         }
     };
     const renderHintContainer = (className)=>{
-        const hc = getHintContainer(hintId);
+        const hc = (0, _utils1.getHintContainer)(hintId);
         if (!hc) return null;
-        return /*#__PURE__*/ createPortal(getHintMarkUp(className), hc);
+        return /*#__PURE__*/ (0, _reactdom.createPortal)(getHintMarkUp(className), hc);
     };
-    useEffect(()=>{
-        initHintContainer(hintId, hintContainer);
+    (0, _react.useEffect)(()=>{
+        (0, _utils1.initHintContainer)(hintId, hintContainer);
         return ()=>{
             if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
         };
     }, []);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         setHintContainerStyles();
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
         if (isOpen) {
@@ -151,33 +207,33 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
     }, [
         isOpen
     ]);
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
-        className: cn('hint', className),
+        className: (0, _classnames.default)('hint', className),
         ref: hintRef,
         children: [
-            /*#__PURE__*/ _jsxs("button", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
                 tabIndex: isAccessability ? 0 : -1,
                 "data-testid": typeof label === 'string' && label.length ? (_label_replace = label.replace) === null || _label_replace === void 0 ? void 0 : _label_replace.call(label, /\s/g, '-') : `${testId}--button`,
                 "aria-label": isAccessability && typeof label === 'string' ? label : '',
                 onClick: ()=>handleOpenType === 'click' && (isCallbackExist ? onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback() : setIsOpen(!isOpen)),
                 onMouseEnter: handle.onMouseEnter,
                 onMouseLeave: handle.onMouseLeave,
-                className: cn('hint__button', {
+                className: (0, _classnames.default)('hint__button', {
                     hint__button_active: isOpen
                 }),
                 children: [
-                    icon || /*#__PURE__*/ _jsxs(_Fragment, {
+                    icon || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                         children: [
-                            variant === 'outlined' && /*#__PURE__*/ _jsx(HelpCircle, {
+                            variant === 'outlined' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.HelpCircle, {
                                 width: 16,
                                 height: 16,
                                 className: "hint__icon outlined"
                             }),
-                            variant === 'filled' && /*#__PURE__*/ _jsx(HelpCircleFilled, {
+                            variant === 'filled' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.HelpCircleFilled, {
                                 className: "hint__icon filled"
                             }),
-                            variant === 'warning' && /*#__PURE__*/ _jsx(AlertTriangle, {
+                            variant === 'warning' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
                                 className: "hint__icon",
                                 color: "#F06D8D",
                                 width: 16,
@@ -185,11 +241,11 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
                             })
                         ]
                     }),
-                    label && /*#__PURE__*/ _jsx("span", {
-                        className: cn('hint__label', {
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)('hint__label', {
                             'color--primary': isOpen
                         }),
-                        children: capitalized(label)
+                        children: (0, _utils.capitalized)(label)
                     })
                 ]
             }),
@@ -197,4 +253,4 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
         ]
     });
 };
-export default Hint;
+const _default = Hint;