intelicoreact 1.6.2 → 1.6.4

package/dist/Molecular/InputAddress/InputAddress.js

@@ -1,18 +1,74 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import cn from "classnames";
-import { AlertTriangle, X } from "react-feather";
-import Input from "../../Atomic/FormElements/Input/Input";
-import Spinner from "../../Atomic/Layout/Spinner/Spinner";
-import Hint from "../../Atomic/UI/Hint/Hint";
-import useIsMobile from "../../Functions/useIsMobile/useIsMobile";
-import { compare, getIsOnlyAnObject } from "../../Functions/utils";
-import "./InputAddress.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 _reactfeather = require("react-feather");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Atomic/Layout/Spinner/Spinner"));
+const _Hint = /*#__PURE__*/ _interop_require_default(require("../../Atomic/UI/Hint/Hint"));
+const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../Functions/useIsMobile/useIsMobile"));
+const _utils = require("../../Functions/utils");
+require("./InputAddress.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 DEFAULT_HINT_MESSAGE = "Select the correct address from the list of suggestions (must contains house number and street name)";
 const RC = "input-address";
 // ? Если равны - true
 const compareValues = (val1, val2)=>{
-    return typeof val1 === typeof val2 && (getIsOnlyAnObject(val1) ? compare(val1, val2) : val1 === val2);
+    return typeof val1 === typeof val2 && ((0, _utils.getIsOnlyAnObject)(val1) ? (0, _utils.compare)(val1, val2) : val1 === val2);
 };
 const throttle = (fn, ms)=>{
     let id = null;
@@ -26,27 +82,27 @@ const throttle = (fn, ms)=>{
 // Отдает true если value валидное НЕ нулевое число
 const getIsValidNumber = (value)=>Boolean(value) && typeof value === "number" && !Number.isNaN(value);
 const InputAddress = ({ label, className = "", isClearable = true, isKeyboardControlled = true, fieldKey = "", testId = "", throttle: throttleTime = 500, additionalThrottleTimeForListingRequest = 0, loader = "", noItemsMessage = "", error, value = "", onChange = ()=>{}, onChangeValueTransformer, disabled, getListItems = ()=>{}, clarifyAddressInfo, noValidate = false, renderSelectedItem, renderListItem, renderHintMessage, attributesOfNativeInput })=>{
-    const { isMobile } = useIsMobile();
-    const inputRef = useRef(null);
-    const listRef = useRef(null);
-    const listOverlayRef = useRef(null);
-    const listWrapperRef = useRef(null);
-    const listHeaderRef = useRef(null);
-    const previousValueRef = useRef(value);
-    const [isValueInited, setIsValueInited] = useState(false);
-    const [isScrollableList, setIsScrollableList] = useState(null);
-    const [scrollTop, setScrollTop] = useState(0);
-    const [scrollHeight, setScrollHeight] = useState(1);
-    const [innerValue, setInnerValue] = useState(value);
-    const [tempInnerValue, setTempInnerValue] = useState(null);
-    const [tempValue, setTempValue] = useState(null);
-    const [listItems, setListItems] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isListLoading, setIsListLoading] = useState(false);
-    const [hightlightedIndex, setHightlightedIndex] = useState(null);
-    const [isFocused, setIsFocused] = useState(false);
-    const [isListVisible, setIsListVisible] = useState(false);
-    const isWrongAddress = useMemo(()=>{
+    const { isMobile } = (0, _useIsMobile.default)();
+    const inputRef = (0, _react.useRef)(null);
+    const listRef = (0, _react.useRef)(null);
+    const listOverlayRef = (0, _react.useRef)(null);
+    const listWrapperRef = (0, _react.useRef)(null);
+    const listHeaderRef = (0, _react.useRef)(null);
+    const previousValueRef = (0, _react.useRef)(value);
+    const [isValueInited, setIsValueInited] = (0, _react.useState)(false);
+    const [isScrollableList, setIsScrollableList] = (0, _react.useState)(null);
+    const [scrollTop, setScrollTop] = (0, _react.useState)(0);
+    const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
+    const [innerValue, setInnerValue] = (0, _react.useState)(value);
+    const [tempInnerValue, setTempInnerValue] = (0, _react.useState)(null);
+    const [tempValue, setTempValue] = (0, _react.useState)(null);
+    const [listItems, setListItems] = (0, _react.useState)([]);
+    const [isLoading, setIsLoading] = (0, _react.useState)(false);
+    const [isListLoading, setIsListLoading] = (0, _react.useState)(false);
+    const [hightlightedIndex, setHightlightedIndex] = (0, _react.useState)(null);
+    const [isFocused, setIsFocused] = (0, _react.useState)(false);
+    const [isListVisible, setIsListVisible] = (0, _react.useState)(false);
+    const isWrongAddress = (0, _react.useMemo)(()=>{
         var _innerValue_street;
         if (noValidate) return false;
         if (innerValue === "") return false;
@@ -71,7 +127,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         }, 0);
     };
     // ? Базовый метод получения списка вариантов адреса
-    const getAddressVariants = useMemo(()=>(innerValue)=>{
+    const getAddressVariants = (0, _react.useMemo)(()=>(innerValue)=>{
             var _getListItems;
             return (_getListItems = getListItems(innerValue)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(()=>setIsListLoading(false));
         }, [
@@ -79,7 +135,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     ]);
     // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)
     // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)
-    const getAddressVariantsWithThrottling = useMemo(()=>{
+    const getAddressVariantsWithThrottling = (0, _react.useMemo)(()=>{
         const execute = getIsValidNumber(additionalThrottleTimeForListingRequest) ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest) : getAddressVariants;
         return getIsValidNumber(throttleTime) ? throttle(execute, throttleTime) : execute;
     }, [
@@ -206,11 +262,11 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     };
     // ? Основной блок работы со значениями адреса
     // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         // ? Исключение инициализации - равны только при первом рендере компонента,
         // ? т.к. рефка и стейт инициализируются верхним value
         if (!compareValues(innerValue, previousValueRef.current)) {
-            const isObject = getIsOnlyAnObject(innerValue);
+            const isObject = (0, _utils.getIsOnlyAnObject)(innerValue);
             // ? innerValue меняется либо от ручного ввода, либо от выбора из списка
             // ? Полная информация или нет - напрямую зависит от ответа getListItems
             const isFullInfo = isObject && "streetNumber" in innerValue && "street" in innerValue && "city" in innerValue && "state" in innerValue && "country" in innerValue && "zipCode" in innerValue;
@@ -256,7 +312,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     }, [
         innerValue
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (!isFocused && !isMobile) {
             setIsListVisible(false);
             setHightlightedIndex(null);
@@ -264,7 +320,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     }, [
         isFocused
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (!isListVisible) {
             setListItems([]);
             resetListHeight();
@@ -276,7 +332,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     }, [
         isListVisible
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         // ? учет изменения value сверху (верхние переназначения велью)
         if (!compareValues(value, innerValue)) setInnerValue(value);
         // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации
@@ -286,13 +342,13 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     ]);
     const renderSearchableInput = ()=>{
         const inputValue = getSelectedItemLabel();
-        return /*#__PURE__*/ _jsxs("div", {
-            className: cn("input-address__input-wrapper"),
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)("input-address__input-wrapper"),
             children: [
-                /*#__PURE__*/ _jsx(Input, {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                     ref: inputRef,
                     testId: `inputAddress--input--key-${testId || fieldKey}`,
-                    className: cn("input-address__input", className),
+                    className: (0, _classnames.default)("input-address__input", className),
                     value: inputValue,
                     onChange: setInnerValue,
                     onFocus: (e)=>{
@@ -302,22 +358,22 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
                     onKeyDown: onKeyDown,
                     attributesOfNativeInput: attributesOfNativeInput
                 }),
-                isWrongAddress && /*#__PURE__*/ _jsx("div", {
-                    className: cn("input-address__alert", {
+                isWrongAddress && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: (0, _classnames.default)("input-address__alert", {
                         "input-address__alert--visible": !isFocused
                     }),
-                    children: /*#__PURE__*/ _jsx(Hint, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
                         side: "left",
                         hint: getHintMessage(),
-                        icon: /*#__PURE__*/ _jsx(AlertTriangle, {}),
+                        icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {}),
                         handleOpenType: "hover"
                     })
                 }),
-                isClearable && (!isWrongAddress || isFocused) && /*#__PURE__*/ _jsx("div", {
-                    className: cn("input-address__clear-query", {
+                isClearable && (!isWrongAddress || isFocused) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: (0, _classnames.default)("input-address__clear-query", {
                         "input-address__clear-query--input-focused": isFocused
                     }),
-                    children: /*#__PURE__*/ _jsx(X, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
                         onClick: onClearClick
                     })
                 })
@@ -326,11 +382,11 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     };
     const renderInput = ()=>{
         const inputValue = getSelectedItemLabel(isListVisible ? tempInnerValue : innerValue);
-        return /*#__PURE__*/ _jsx("div", {
-            className: cn("input-address__input-wrapper"),
-            children: /*#__PURE__*/ _jsx(Input, {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: (0, _classnames.default)("input-address__input-wrapper"),
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                 testId: `inputAddress--input--key-${testId || fieldKey}`,
-                className: cn("input-address__input", className),
+                className: (0, _classnames.default)("input-address__input", className),
                 value: inputValue,
                 onChange: setInnerValue,
                 onFocus: (e)=>{
@@ -346,15 +402,15 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         });
     };
     const renderLoader = ()=>{
-        return /*#__PURE__*/ _jsx("div", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
             className: "input-address__list--loader",
             children: loader || "Loading..."
         });
     };
     const renderList = ()=>{
         const renderListItem = (item, i)=>{
-            return /*#__PURE__*/ _jsx("div", {
-                className: cn("input-address__list--item", {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)("input-address__list--item", {
                     "input-address__list--item-hightlighted": i === hightlightedIndex
                 }),
                 onMouseDown: (e)=>setItemAsInnerValue(e, item),
@@ -362,29 +418,29 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
             }, `input-address__list-item${i}`);
         };
         const renderListItemCustom = ()=>{
-            return /*#__PURE__*/ _jsxs("div", {
-                className: cn("input-address__list--item", "input-address__list--item-custom"),
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)("input-address__list--item", "input-address__list--item-custom"),
                 onMouseDown: (e)=>setItemAsInnerValue(e, getSelectedItemLabel()),
                 children: [
                     getSelectedItemLabel(),
-                    /*#__PURE__*/ _jsx(AlertTriangle, {}),
-                    /*#__PURE__*/ _jsx("span", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                         children: "Choose this only if your address is not listed below"
                     })
                 ]
             }, `input-address__list-item--custom`);
         };
         const renderNoItems = ()=>{
-            return /*#__PURE__*/ _jsx("div", {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "input-address__list--no-items",
                 children: isMobile && !(innerValue === null || innerValue === void 0 ? void 0 : innerValue.length) ? "Please begin entering your address" : noItemsMessage || "No Items"
             });
         };
         const renderListDesktop = ()=>{
-            return /*#__PURE__*/ _jsx("div", {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "input-address__list-wrapper",
                 ref: listWrapperRef,
-                children: /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "input-address__list",
                     ref: listRef,
                     children: isListLoading ? renderLoader() : (listItems === null || listItems === void 0 ? void 0 : listItems.length) ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems()
@@ -392,47 +448,47 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
             });
         };
         const renderListMobile = ()=>{
-            return /*#__PURE__*/ _jsx("div", {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "input-address__list-overlay",
                 ref: listOverlayRef,
                 onClick: onOverlayClick,
-                children: /*#__PURE__*/ _jsxs("div", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: "input-address__list-wrapper",
                     ref: listWrapperRef,
                     children: [
-                        isMobile && /*#__PURE__*/ _jsxs("div", {
+                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                             ref: listHeaderRef,
-                            className: cn(`${RC}__list-header`, {
+                            className: (0, _classnames.default)(`${RC}__list-header`, {
                                 [`${RC}__list-header-with-shadow`]: isScrollableList && isMobile,
                                 [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0
                             }),
                             children: [
-                                /*#__PURE__*/ _jsxs("div", {
-                                    className: cn(`${RC}__list-header-row`),
+                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                                    className: (0, _classnames.default)(`${RC}__list-header-row`),
                                     children: [
-                                        /*#__PURE__*/ _jsx("div", {
-                                            className: cn(`${RC}__list-label`),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                            className: (0, _classnames.default)(`${RC}__list-label`),
                                             children: label || "Address"
                                         }),
-                                        /*#__PURE__*/ _jsx("div", {
-                                            className: cn(`${RC}__list-close-icon`),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                            className: (0, _classnames.default)(`${RC}__list-close-icon`),
                                             onClick: ()=>setIsListVisible(false),
-                                            children: /*#__PURE__*/ _jsx(X, {
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
                                                 onClick: ()=>setIsListVisible(false)
                                             })
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ _jsx("div", {
-                                    className: cn(`${RC}__list-header-row`),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                    className: (0, _classnames.default)(`${RC}__list-header-row`),
                                     children: renderSearchableInput()
                                 })
                             ]
                         }),
-                        /*#__PURE__*/ _jsx("div", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                             className: "input-address__list",
                             ref: listRef,
-                            children: isListLoading ? renderLoader() : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: isListLoading ? renderLoader() : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                                 children: [
                                     getSelectedItemLabel() && renderListItemCustom(),
                                     listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem),
@@ -446,12 +502,12 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         };
         return isMobile ? renderListMobile() : renderListDesktop();
     };
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cn("input-address", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("input-address", {
             "input-address--error": error || isWrongAddress && !isFocused
         }),
         children: [
-            isLoading && /*#__PURE__*/ _jsx(Spinner, {
+            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
                 size: "small"
             }),
             isMobile ? renderInput() : renderSearchableInput(),
@@ -459,4 +515,4 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         ]
     });
 };
-export default InputAddress;
+const _default = InputAddress;

package/dist/Molecular/InputAddress/InputAddress.stories.js

@@ -1,14 +1,78 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import InputAddress from './InputAddress';
+"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, {
+    InputTemplate: function() {
+        return InputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _InputAddress = /*#__PURE__*/ _interop_require_default(require("./InputAddress"));
+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: 'Form Elements/InputAddress',
-    component: InputAddress,
+    component: _InputAddress.default,
     argTypes: {}
 };
 const Template = (args)=>{
-    const [value, setValue] = useState('');
+    const [value, setValue] = (0, _react.useState)('');
     function shuffle(arr) {
         for(var i = 0; i < arr.length; i++){
             var j = Math.floor(Math.random() * (i + 1));
@@ -408,7 +472,7 @@ const Template = (args)=>{
     };
     const getValue = ()=>{
         if (typeof value === 'string') return value;
-        return /*#__PURE__*/ _jsx("pre", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
             children: JSON.stringify(value, null, 2)
         });
     };
@@ -444,9 +508,9 @@ const Template = (args)=>{
     const transformValue = (item)=>{
         return item === null || item === void 0 ? void 0 : item.fullPrediction;
     };
-    return /*#__PURE__*/ _jsxs(_Fragment, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ _jsx(InputAddress, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputAddress.default, {
                 field: {
                     ...args,
                     value
@@ -459,13 +523,13 @@ const Template = (args)=>{
                 renderSelectedItem: renderSelectedItem,
                 renderHintMessage: renderHintMessage
             }),
-            /*#__PURE__*/ _jsx("br", {}),
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 children: [
-                    /*#__PURE__*/ _jsx("b", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("b", {
                         children: "Value: "
                     }),
-                    /*#__PURE__*/ _jsx("i", {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("i", {
                         children: getValue()
                     })
                 ]
@@ -473,5 +537,5 @@ const Template = (args)=>{
         ]
     });
 };
-export const InputTemplate = Template.bind({});
+const InputTemplate = Template.bind({});
 InputTemplate.args = {};

package/dist/Molecular/InputPassword/InputPassword.js

@@ -1,43 +1,99 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useRef, useState } from "react";
-import cn from "classnames";
-import { Eye, EyeOff } from "react-feather";
-import Input from "../../Atomic/FormElements/Input/Input";
-import { setCarretToEnd } from "../../Functions/utils";
-import "./InputPassword.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 _reactfeather = require("react-feather");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
+const _utils = require("../../Functions/utils");
+require("./InputPassword.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 InputPassword = ({ field = {}, onChange = ()=>{}, testId = "input-password" })=>{
-    const [showPassword, setSP] = useState(false);
-    const inputWrapper = useRef(null);
+    const [showPassword, setSP] = (0, _react.useState)(false);
+    const inputWrapper = (0, _react.useRef)(null);
     const handle = {
         changeView: ()=>{
             var _inputWrapper_current;
             const input = inputWrapper === null || inputWrapper === void 0 ? void 0 : (_inputWrapper_current = inputWrapper.current) === null || _inputWrapper_current === void 0 ? void 0 : _inputWrapper_current.querySelector("input");
             input === null || input === void 0 ? void 0 : input.focus();
-            setCarretToEnd(input);
+            (0, _utils.setCarretToEnd)(input);
             setSP(!showPassword);
         }
     };
-    return /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-testid": testId,
         className: "password",
         ref: inputWrapper,
         children: [
-            /*#__PURE__*/ _jsx(Input, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
                 ...field,
                 testId: `inputPassword--input--key-${testId || field.key}`,
-                className: cn("input-fin", field === null || field === void 0 ? void 0 : field.key),
+                className: (0, _classnames.default)("input-fin", field === null || field === void 0 ? void 0 : field.key),
                 onChange: onChange,
                 type: showPassword ? "text" : "password"
             }),
-            /*#__PURE__*/ _jsxs("span", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
                 className: "password-eye-holder",
                 onClick: handle.changeView,
                 children: [
                     " ",
-                    showPassword ? /*#__PURE__*/ _jsx(EyeOff, {
+                    showPassword ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.EyeOff, {
                         strokeWidth: 1,
                         className: "password-icon"
-                    }) : /*#__PURE__*/ _jsx(Eye, {
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Eye, {
                         strokeWidth: 1,
                         className: "password-icon"
                     })
@@ -46,4 +102,4 @@ const InputPassword = ({ field = {}, onChange = ()=>{}, testId = "input-password
         ]
     });
 };
-export default InputPassword;
+const _default = InputPassword;