intelicoreact 1.6.0 → 1.6.2

package/dist/Molecular/InputAddress/InputAddress.js

@@ -1,74 +1,18 @@
-"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;
-}
+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";
 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 && ((0, _utils.getIsOnlyAnObject)(val1) ? (0, _utils.compare)(val1, val2) : val1 === val2);
+    return typeof val1 === typeof val2 && (getIsOnlyAnObject(val1) ? compare(val1, val2) : val1 === val2);
 };
 const throttle = (fn, ms)=>{
     let id = null;
@@ -82,27 +26,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 } = (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)(()=>{
+    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(()=>{
         var _innerValue_street;
         if (noValidate) return false;
         if (innerValue === "") return false;
@@ -127,7 +71,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         }, 0);
     };
     // ? Базовый метод получения списка вариантов адреса
-    const getAddressVariants = (0, _react.useMemo)(()=>(innerValue)=>{
+    const getAddressVariants = useMemo(()=>(innerValue)=>{
             var _getListItems;
             return (_getListItems = getListItems(innerValue)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(()=>setIsListLoading(false));
         }, [
@@ -135,7 +79,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     ]);
     // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)
     // ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)
-    const getAddressVariantsWithThrottling = (0, _react.useMemo)(()=>{
+    const getAddressVariantsWithThrottling = useMemo(()=>{
         const execute = getIsValidNumber(additionalThrottleTimeForListingRequest) ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest) : getAddressVariants;
         return getIsValidNumber(throttleTime) ? throttle(execute, throttleTime) : execute;
     }, [
@@ -262,11 +206,11 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     };
     // ? Основной блок работы со значениями адреса
     // ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         // ? Исключение инициализации - равны только при первом рендере компонента,
         // ? т.к. рефка и стейт инициализируются верхним value
         if (!compareValues(innerValue, previousValueRef.current)) {
-            const isObject = (0, _utils.getIsOnlyAnObject)(innerValue);
+            const isObject = 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;
@@ -312,7 +256,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     }, [
         innerValue
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!isFocused && !isMobile) {
             setIsListVisible(false);
             setHightlightedIndex(null);
@@ -320,7 +264,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     }, [
         isFocused
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!isListVisible) {
             setListItems([]);
             resetListHeight();
@@ -332,7 +276,7 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     }, [
         isListVisible
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         // ? учет изменения value сверху (верхние переназначения велью)
         if (!compareValues(value, innerValue)) setInnerValue(value);
         // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации
@@ -342,13 +286,13 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     ]);
     const renderSearchableInput = ()=>{
         const inputValue = getSelectedItemLabel();
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("input-address__input-wrapper"),
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn("input-address__input-wrapper"),
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                /*#__PURE__*/ _jsx(Input, {
                     ref: inputRef,
                     testId: `inputAddress--input--key-${testId || fieldKey}`,
-                    className: (0, _classnames.default)("input-address__input", className),
+                    className: cn("input-address__input", className),
                     value: inputValue,
                     onChange: setInnerValue,
                     onFocus: (e)=>{
@@ -358,22 +302,22 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
                     onKeyDown: onKeyDown,
                     attributesOfNativeInput: attributesOfNativeInput
                 }),
-                isWrongAddress && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)("input-address__alert", {
+                isWrongAddress && /*#__PURE__*/ _jsx("div", {
+                    className: cn("input-address__alert", {
                         "input-address__alert--visible": !isFocused
                     }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Hint.default, {
+                    children: /*#__PURE__*/ _jsx(Hint, {
                         side: "left",
                         hint: getHintMessage(),
-                        icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {}),
+                        icon: /*#__PURE__*/ _jsx(AlertTriangle, {}),
                         handleOpenType: "hover"
                     })
                 }),
-                isClearable && (!isWrongAddress || isFocused) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)("input-address__clear-query", {
+                isClearable && (!isWrongAddress || isFocused) && /*#__PURE__*/ _jsx("div", {
+                    className: cn("input-address__clear-query", {
                         "input-address__clear-query--input-focused": isFocused
                     }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                    children: /*#__PURE__*/ _jsx(X, {
                         onClick: onClearClick
                     })
                 })
@@ -382,11 +326,11 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
     };
     const renderInput = ()=>{
         const inputValue = getSelectedItemLabel(isListVisible ? tempInnerValue : innerValue);
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)("input-address__input-wrapper"),
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn("input-address__input-wrapper"),
+            children: /*#__PURE__*/ _jsx(Input, {
                 testId: `inputAddress--input--key-${testId || fieldKey}`,
-                className: (0, _classnames.default)("input-address__input", className),
+                className: cn("input-address__input", className),
                 value: inputValue,
                 onChange: setInnerValue,
                 onFocus: (e)=>{
@@ -402,15 +346,15 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         });
     };
     const renderLoader = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        return /*#__PURE__*/ _jsx("div", {
             className: "input-address__list--loader",
             children: loader || "Loading..."
         });
     };
     const renderList = ()=>{
         const renderListItem = (item, i)=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)("input-address__list--item", {
+            return /*#__PURE__*/ _jsx("div", {
+                className: cn("input-address__list--item", {
                     "input-address__list--item-hightlighted": i === hightlightedIndex
                 }),
                 onMouseDown: (e)=>setItemAsInnerValue(e, item),
@@ -418,29 +362,29 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
             }, `input-address__list-item${i}`);
         };
         const renderListItemCustom = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)("input-address__list--item", "input-address__list--item-custom"),
+            return /*#__PURE__*/ _jsxs("div", {
+                className: cn("input-address__list--item", "input-address__list--item-custom"),
                 onMouseDown: (e)=>setItemAsInnerValue(e, getSelectedItemLabel()),
                 children: [
                     getSelectedItemLabel(),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {}),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    /*#__PURE__*/ _jsx(AlertTriangle, {}),
+                    /*#__PURE__*/ _jsx("span", {
                         children: "Choose this only if your address is not listed below"
                     })
                 ]
             }, `input-address__list-item--custom`);
         };
         const renderNoItems = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            return /*#__PURE__*/ _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__*/ (0, _jsxruntime.jsx)("div", {
+            return /*#__PURE__*/ _jsx("div", {
                 className: "input-address__list-wrapper",
                 ref: listWrapperRef,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                children: /*#__PURE__*/ _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()
@@ -448,47 +392,47 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
             });
         };
         const renderListMobile = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            return /*#__PURE__*/ _jsx("div", {
                 className: "input-address__list-overlay",
                 ref: listOverlayRef,
                 onClick: onOverlayClick,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                children: /*#__PURE__*/ _jsxs("div", {
                     className: "input-address__list-wrapper",
                     ref: listWrapperRef,
                     children: [
-                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        isMobile && /*#__PURE__*/ _jsxs("div", {
                             ref: listHeaderRef,
-                            className: (0, _classnames.default)(`${RC}__list-header`, {
+                            className: cn(`${RC}__list-header`, {
                                 [`${RC}__list-header-with-shadow`]: isScrollableList && isMobile,
                                 [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0
                             }),
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                                    className: (0, _classnames.default)(`${RC}__list-header-row`),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: cn(`${RC}__list-header-row`),
                                     children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)(`${RC}__list-label`),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: cn(`${RC}__list-label`),
                                             children: label || "Address"
                                         }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)(`${RC}__list-close-icon`),
+                                        /*#__PURE__*/ _jsx("div", {
+                                            className: cn(`${RC}__list-close-icon`),
                                             onClick: ()=>setIsListVisible(false),
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                                            children: /*#__PURE__*/ _jsx(X, {
                                                 onClick: ()=>setIsListVisible(false)
                                             })
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                    className: (0, _classnames.default)(`${RC}__list-header-row`),
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: cn(`${RC}__list-header-row`),
                                     children: renderSearchableInput()
                                 })
                             ]
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             className: "input-address__list",
                             ref: listRef,
-                            children: isListLoading ? renderLoader() : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                            children: isListLoading ? renderLoader() : /*#__PURE__*/ _jsxs(_Fragment, {
                                 children: [
                                     getSelectedItemLabel() && renderListItemCustom(),
                                     listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem),
@@ -502,12 +446,12 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         };
         return isMobile ? renderListMobile() : renderListDesktop();
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)("input-address", {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn("input-address", {
             "input-address--error": error || isWrongAddress && !isFocused
         }),
         children: [
-            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            isLoading && /*#__PURE__*/ _jsx(Spinner, {
                 size: "small"
             }),
             isMobile ? renderInput() : renderSearchableInput(),
@@ -515,4 +459,4 @@ const InputAddress = ({ label, className = "", isClearable = true, isKeyboardCon
         ]
     });
 };
-const _default = InputAddress;
+export default InputAddress;

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

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

package/dist/Molecular/InputPassword/InputPassword.js

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