intelicoreact 1.6.0 → 1.6.2

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

@@ -1,86 +1,31 @@
-"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;
-}
+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";
 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), [
+    const dateRange = useMemo(()=>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 [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 getMockData = ()=>{
-        const labels = (0, _utils1.getLabels)(dateRange);
-        const mock = ()=>labels.map((label)=>(0, _utils1.getMockValue)());
+        const labels = getLabels(dateRange);
+        const mock = ()=>labels.map((label)=>getMockValue());
         return {
             labels,
             datasets: [
@@ -93,13 +38,13 @@ const ExampleChartIntegration = (props)=>{
     const getTabData = (tabId)=>{
         switch(tabId){
             case "tab1":
-                return !tab1 ? null : (0, _utils.clone)(tab1);
+                return !tab1 ? null : clone(tab1);
             case "tab2":
-                return !tab2 ? null : (0, _utils.clone)(tab2);
+                return !tab2 ? null : clone(tab2);
             case "tab3":
-                return !tab3 ? null : (0, _utils.clone)(tab3);
+                return !tab3 ? null : clone(tab3);
             case "tab4":
-                return !tab4 ? null : (0, _utils.clone)(tab4);
+                return !tab4 ? null : clone(tab4);
             default:
                 return null;
         }
@@ -119,7 +64,7 @@ const ExampleChartIntegration = (props)=>{
         }
     };
     const selectData = ()=>getTabData(tab) ? getTabData(tab) : getMockData();
-    const modelsForSwitch = (0, _react.useMemo)(()=>getTabData(tab) ? [
+    const modelsForSwitch = useMemo(()=>getTabData(tab) ? [
             "finturfChartBar",
             "finturfChartLine"
         ] : [
@@ -155,7 +100,7 @@ const ExampleChartIntegration = (props)=>{
         }
         return res;
     };
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         setTab1(null);
         setTab2(null);
         setTab3(null);
@@ -164,15 +109,15 @@ const ExampleChartIntegration = (props)=>{
         // вся логика происходит в самих входящих промисах
         // 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)
+            getTab("tab1", dateRange, processResponse),
+            getTab("tab2", dateRange, processResponse),
+            getTab("tab3", dateRange, processResponse),
+            getTab("tab4", dateRange, processResponse)
         ]);
     }, [
         dateRange
     ]);
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         setInitialModel(getModel());
         setDataForRender(selectData());
     }, [
@@ -180,40 +125,40 @@ const ExampleChartIntegration = (props)=>{
         tab,
         chartType
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: "example-wrapper",
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputDateRange.default, {
+            /*#__PURE__*/ _jsx(InputDateRange, {
                 ...inputDateRangeProps,
                 value: outerDateRange,
                 onChange: changeDateRange
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 className: "buttons-block",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                        className: (0, _classnames.default)("tab-button", {
+                    /*#__PURE__*/ _jsx("button", {
+                        className: cn("tab-button", {
                             "tab-button_active": tab === "tab1"
                         }),
                         onClick: ()=>setTab("tab1"),
                         children: "Tab 1"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                        className: (0, _classnames.default)("tab-button", {
+                    /*#__PURE__*/ _jsx("button", {
+                        className: cn("tab-button", {
                             "tab-button_active": tab === "tab2"
                         }),
                         onClick: ()=>setTab("tab2"),
                         children: "Tab 2"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                        className: (0, _classnames.default)("tab-button", {
+                    /*#__PURE__*/ _jsx("button", {
+                        className: cn("tab-button", {
                             "tab-button_active": tab === "tab3"
                         }),
                         onClick: ()=>setTab("tab3"),
                         children: "Tab 3"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                        className: (0, _classnames.default)("tab-button", {
+                    /*#__PURE__*/ _jsx("button", {
+                        className: cn("tab-button", {
                             "tab-button_active": tab === "tab4"
                         }),
                         onClick: ()=>setTab("tab4"),
@@ -221,7 +166,7 @@ const ExampleChartIntegration = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _react.createElement)(_Chart.default, {
+            /*#__PURE__*/ _createElement(Chart, {
                 ...chartProps,
                 key: JSON.stringify(dataForRender),
                 data: dataForRender,
@@ -247,7 +192,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" ? (0, _fieldValueFormatters.formatToPriceWithUSD)(context.raw || "0") : context.raw || "0";
+                                            return context.dataset.id === "tab3" || context.dataset.id === "tab4" ? formatToPriceWithUSD(context.raw || "0") : context.raw || "0";
                                         }
                                     }
                                 }
@@ -259,4 +204,4 @@ const ExampleChartIntegration = (props)=>{
         ]
     });
 };
-const _default = ExampleChartIntegration;
+export default ExampleChartIntegration;

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

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

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

@@ -1,48 +1,19 @@
-"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)({
+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({
         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)=>{
+        end: moment().endOf("day").format("YYYY-MM-DDTHH:mm:ss")
+    }) : getActualDateRange(dateRange);
+export 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 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 getValues = (intervalStepKey)=>{
         let format;
         switch(intervalStepKey){
@@ -67,7 +38,7 @@ const getLabels = (range)=>{
         ];
         const process = structure.reduce((acc, iteration)=>{
             acc.values.push(acc.point.format(format));
-            acc.point = (0, _momenttimezone.default)(acc.point).add(1, intervalStepKey);
+            acc.point = moment(acc.point).add(1, intervalStepKey);
             return acc;
         }, {
             point: start,
@@ -81,8 +52,8 @@ const getLabels = (range)=>{
     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 = async (tabId, range, callback)=>{
+export const getMockValue = ()=>Math.trunc(Math.random() * 1000000);
+export const getTab = async (tabId, range, callback)=>{
     let requestDelay;
     switch(tabId){
         case "tab1":

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

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

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

@@ -1,84 +1,28 @@
-/* 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 _Spinner = /*#__PURE__*/ _interop_require_default(require("@/Atomic/Layout/Spinner/Spinner"));
-const _utils = require("@/Functions/utils");
-const _CustomIcons = require("@/Molecular/CustomIcons");
-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 _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;
-}
+/* 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';
 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 = (0, _react.useRef)(null);
-    const timeoutRef = (0, _react.useRef)(null);
+    const hintRef = useRef(null);
+    const timeoutRef = useRef(null);
     var _ref;
-    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);
+    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);
     // ? Определяем handleScroll-стейт, чтобы никогда не менять ссылку тем самым гарантировать корректную работу removeEventListener.
     // ? Инициализируем стейт вызовом конструктора HandleScrollObj, передаем setIsOpen для записи в объект.
-    const [handleScroll] = (0, _react.useState)(new _utils1.HandleScrollObj(setIsOpen));
+    const [handleScroll] = useState(new HandleScrollObj(setIsOpen));
     // ? По аналогии определяем handleClickOutside
-    const [handleClickOutside] = (0, _react.useState)(new _utils1.HandleClickOutsideObj(hintId, setIsOpen));
+    const [handleClickOutside] = useState(new HandleClickOutsideObj(hintId, setIsOpen));
     const isCallbackExist = typeof onClickCallback === 'function';
     const handle = {
         onMouseEnter: ()=>{
@@ -116,16 +60,16 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
         onClick: isCloseOnChildrenClick ? ()=>setIsOpen(false) : ()=>{}
     };
     const getHintMarkUp = (className)=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             "data-testid": "test-hint-text",
-            className: (0, _classnames.default)('hint__text', `hint__text_${side}`, `hint--${className}__text`),
+            className: cn('hint__text', `hint__text_${side}`, `hint--${className}__text`),
             onMouseEnter: ()=>{
                 isContentHoveredOuter = true;
             },
             onMouseLeave: handle.onMouseLeaveHoverableContent,
             onClick: handle.onClick,
             children: [
-                isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                isLoading && /*#__PURE__*/ _jsx(Spinner, {
                     size: "small"
                 }),
                 hint,
@@ -135,7 +79,7 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
     };
     const setHintContainerStyles = ()=>{
         var _hintRef_current, _this, _this1, _this2;
-        const hc = (0, _utils1.getHintContainer)(hintId);
+        const hc = 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 : {};
@@ -181,17 +125,17 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
         }
     };
     const renderHintContainer = (className)=>{
-        const hc = (0, _utils1.getHintContainer)(hintId);
+        const hc = getHintContainer(hintId);
         if (!hc) return null;
-        return /*#__PURE__*/ (0, _reactdom.createPortal)(getHintMarkUp(className), hc);
+        return /*#__PURE__*/ createPortal(getHintMarkUp(className), hc);
     };
-    (0, _react.useEffect)(()=>{
-        (0, _utils1.initHintContainer)(hintId, hintContainer);
+    useEffect(()=>{
+        initHintContainer(hintId, hintContainer);
         return ()=>{
             if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
         };
     }, []);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setHintContainerStyles();
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(isOpen);
         if (isOpen) {
@@ -207,33 +151,33 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
     }, [
         isOpen
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)('hint', className),
+        className: cn('hint', className),
         ref: hintRef,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
+            /*#__PURE__*/ _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: (0, _classnames.default)('hint__button', {
+                className: cn('hint__button', {
                     hint__button_active: isOpen
                 }),
                 children: [
-                    icon || /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                    icon || /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
-                            variant === 'outlined' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.HelpCircle, {
+                            variant === 'outlined' && /*#__PURE__*/ _jsx(HelpCircle, {
                                 width: 16,
                                 height: 16,
                                 className: "hint__icon outlined"
                             }),
-                            variant === 'filled' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_CustomIcons.HelpCircleFilled, {
+                            variant === 'filled' && /*#__PURE__*/ _jsx(HelpCircleFilled, {
                                 className: "hint__icon filled"
                             }),
-                            variant === 'warning' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
+                            variant === 'warning' && /*#__PURE__*/ _jsx(AlertTriangle, {
                                 className: "hint__icon",
                                 color: "#F06D8D",
                                 width: 16,
@@ -241,11 +185,11 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
                             })
                         ]
                     }),
-                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        className: (0, _classnames.default)('hint__label', {
+                    label && /*#__PURE__*/ _jsx("span", {
+                        className: cn('hint__label', {
                             'color--primary': isOpen
                         }),
-                        children: (0, _utils.capitalized)(label)
+                        children: capitalized(label)
                     })
                 ]
             }),
@@ -253,4 +197,4 @@ const Hint = ({ hint, side = 'right', className, hintContainer = DEFAULT_EMPTY_O
         ]
     });
 };
-const _default = Hint;
+export default Hint;