npm - intelicoreact - Versions diffs - 1.6.2 → 1.6.3 - Mend

intelicoreact 1.6.2 → 1.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (467) hide show

package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js CHANGED Viewed

@@ -1,18 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import "./DropdownLoader.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_default(require("react"));
+require("./DropdownLoader.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const DropdownLoader = function({ variant }) {
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         className: "dropdown-loader-box j5",
-        children: /*#__PURE__*/ _jsxs("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             className: `lds-ring${variant === "little" ? " lds-ring_little" : ""}`,
             children: [
-                /*#__PURE__*/ _jsx("div", {}),
-                /*#__PURE__*/ _jsx("div", {}),
-                /*#__PURE__*/ _jsx("div", {}),
-                /*#__PURE__*/ _jsx("div", {})
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
             ]
         })
     });
 };
-export default DropdownLoader;
+const _default = DropdownLoader;

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js CHANGED Viewed

@@ -1,23 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import cn from "classnames";
-import { createPortal } from "react-dom";
-import { Check, ChevronDown, ChevronUp, Code, X } from "react-feather";
-import { formatToOnlyASCIICodeText } from "../../../Functions/fieldValueFormatters";
-import { useDebounce } from "../../../Functions/useDebounce";
-import useIsMobile from "../../../Functions/useIsMobile/useIsMobile";
-import Spinner from "../../Layout/Spinner/Spinner";
-import RadioInput from "../RadioInput/RadioInput";
-import "./DropdownLiveSearch.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 _reactdom = require("react-dom");
+const _reactfeather = require("react-feather");
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _useDebounce = require("../../../Functions/useDebounce");
+const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+const _RadioInput = /*#__PURE__*/ _interop_require_default(require("../RadioInput/RadioInput"));
+require("./DropdownLiveSearch.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 RC = "dropdown-live-search";
 const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placeholder, className, isSearchable, doRequest, isLoading, options = [], fieldKey, id, isListTop, attributesOfNativeInput = {}, withMobileLogic, tabIndex, isNotValidateASCII = false, noOptionsText = "No options available", testId = "dropdown-live-search" })=>{
     var _dropdownListRef_current, _dropdownListRef_current1, _tabIndex_toString;
-    const [dropdownId] = useState(id || fieldKey || Math.random().toString(16).slice(2));
-    const [isOpen, setIsOpenState] = useState(false);
-    const [isValueDeleted, setIsValueDeleted] = useState(false);
-    const { isMobile: isMobileProp } = useIsMobile();
+    const [dropdownId] = (0, _react.useState)(id || fieldKey || Math.random().toString(16).slice(2));
+    const [isOpen, setIsOpenState] = (0, _react.useState)(false);
+    const [isValueDeleted, setIsValueDeleted] = (0, _react.useState)(false);
+    const { isMobile: isMobileProp } = (0, _useIsMobile.default)();
     const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
-    const labelByValue = useMemo(()=>{
+    const labelByValue = (0, _react.useMemo)(()=>{
         var _options_find;
         var _options_find_label;
         return (_options_find_label = options === null || options === void 0 ? void 0 : (_options_find = options.find((item)=>item.value === value)) === null || _options_find === void 0 ? void 0 : _options_find.label) !== null && _options_find_label !== void 0 ? _options_find_label : "";
@@ -25,26 +81,26 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         value,
         options
     ]);
-    const [searchValue, setSV] = useState("");
-    const [isSearchValueChangedAfterOpen, setIsSearchValueChangedAfterOpen] = useState(false);
-    const dropdownLiveSearchRef = useRef(null);
-    const dropdownListBoxRef = useRef(null);
-    const dropdownListRef = useRef(null);
-    const dropdownListHeaderRef = useRef(null);
-    const searchInputRef = useRef(null);
-    const searchInputModalRef = useRef(null);
-    const searchValueRef = useRef(null);
-    const wrapperRef = useRef(null);
-    const [isFocusedByClick, setIsFocusedByClick] = useState(false);
-    const [isScrollableList, setIsScrollableList] = useState(null);
-    const [isFixedMaxHeight, setIsFixedMaxHeight] = useState(false);
-    const [scrollTop, setScrollTop] = useState(0);
-    const [scrollHeight, setScrollHeight] = useState(1);
-    const debouncedSearchTerm = useDebounce({
+    const [searchValue, setSV] = (0, _react.useState)("");
+    const [isSearchValueChangedAfterOpen, setIsSearchValueChangedAfterOpen] = (0, _react.useState)(false);
+    const dropdownLiveSearchRef = (0, _react.useRef)(null);
+    const dropdownListBoxRef = (0, _react.useRef)(null);
+    const dropdownListRef = (0, _react.useRef)(null);
+    const dropdownListHeaderRef = (0, _react.useRef)(null);
+    const searchInputRef = (0, _react.useRef)(null);
+    const searchInputModalRef = (0, _react.useRef)(null);
+    const searchValueRef = (0, _react.useRef)(null);
+    const wrapperRef = (0, _react.useRef)(null);
+    const [isFocusedByClick, setIsFocusedByClick] = (0, _react.useState)(false);
+    const [isScrollableList, setIsScrollableList] = (0, _react.useState)(null);
+    const [isFixedMaxHeight, setIsFixedMaxHeight] = (0, _react.useState)(false);
+    const [scrollTop, setScrollTop] = (0, _react.useState)(0);
+    const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
+    const debouncedSearchTerm = (0, _useDebounce.useDebounce)({
         searchValue,
         delay: 600
     });
-    const doScrollCallback = useCallback((e)=>{
+    const doScrollCallback = (0, _react.useCallback)((e)=>{
         if (doRequest && typeof doRequest === "function") {
             if (Math.round(e.target.clientHeight + e.target.scrollTop) == e.target.scrollHeight) {
                 doRequest(searchValueRef.current, true);
@@ -106,7 +162,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         },
         onInputChange: (e)=>{
             let inputValue = e.target.value;
-            if (!isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
+            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
             setSearchValue(inputValue);
             if ((searchValue || !isSearchValueChangedAfterOpen) && !e.target.value) {
                 onChange("");
@@ -138,31 +194,31 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         const lowerLabel = item.label.toLowerCase();
         const lowerSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase();
         var _item_customMobileIcon;
-        return /*#__PURE__*/ _jsxs("button", {
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
             "data-testid": `${testId}-${optTestId || index}-option`,
             onClick: ()=>{
                 onChange(item.value);
                 setIsOpen(false);
             },
-            className: cn(`${RC}__list-item`, {
+            className: (0, _classnames.default)(`${RC}__list-item`, {
                 [`${RC}__list-item_active`]: item.value === value,
                 [`${RC}__list-item_disabled`]: item.disabled
             }, item.className),
             children: [
-                !isMobile || isMobile && !withMobileLogic && /*#__PURE__*/ _jsx("span", {
-                    className: cn(`${RC}__active-icon`, {
+                !isMobile || isMobile && !withMobileLogic && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: (0, _classnames.default)(`${RC}__active-icon`, {
                         [`${RC}__active-icon_active`]: lowerLabel === lowerSearchValue
                     }),
-                    children: /*#__PURE__*/ _jsx(Check, {})
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Check, {})
                 }),
-                /*#__PURE__*/ _jsx("p", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
                     title: item.label,
                     className: item.labelClassName || "",
                     dangerouslySetInnerHTML: {
                         __html: highlightedText(item.label, item.postfix)
                     }
                 }),
-                isMobile ? (_item_customMobileIcon = item === null || item === void 0 ? void 0 : item.customMobileIcon) !== null && _item_customMobileIcon !== void 0 ? _item_customMobileIcon : /*#__PURE__*/ _jsx(RadioInput, {
+                isMobile ? (_item_customMobileIcon = item === null || item === void 0 ? void 0 : item.customMobileIcon) !== null && _item_customMobileIcon !== void 0 ? _item_customMobileIcon : /*#__PURE__*/ (0, _jsxruntime.jsx)(_RadioInput.default, {
                     value: item.value,
                     checked: value
                 }) : ""
@@ -170,47 +226,47 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         }, (_item_value = item.value) === null || _item_value === void 0 ? void 0 : (_item_value_toString = _item_value.toString()) === null || _item_value_toString === void 0 ? void 0 : _item_value_toString.replace(/ /g, "_"));
     };
     const getListMarkUp = ()=>{
-        return /*#__PURE__*/ _jsx("div", {
-            className: cn(`${RC}__container-wrapper`),
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: (0, _classnames.default)(`${RC}__container-wrapper`),
             ref: wrapperRef,
             onClick: isMobile ? onWrapperClick : ()=>{},
-            children: /*#__PURE__*/ _jsx("div", {
-                className: cn(`${RC}__list-wrapper`, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__list-wrapper`, {
                     [`${RC}__list-wrapper--fixed-height`]: isFixedMaxHeight,
                     [`${RC}__list-wrapper--with-bottom-shadow`]: isScrollableList && isMobile,
                     [`${RC}__list-wrapper--with-bottom-shadow-hidden`]: scrollTop === scrollHeight
                 }),
-                children: /*#__PURE__*/ _jsxs("div", {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     id: "dropdown-live-search-list",
-                    className: cn(`${RC}__container`, {
+                    className: (0, _classnames.default)(`${RC}__container`, {
                         [`${RC}__list-top`]: isListTop
                     }),
                     ref: dropdownListBoxRef,
                     children: [
-                        isMobile && /*#__PURE__*/ _jsxs("div", {
+                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                             ref: dropdownListHeaderRef,
-                            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
                                         }),
-                                        /*#__PURE__*/ _jsx("div", {
-                                            className: cn(`${RC}__list-close-icon`),
+                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                            className: (0, _classnames.default)(`${RC}__list-close-icon`),
                                             onClick: ()=>setIsOpen(false),
-                                            children: /*#__PURE__*/ _jsx(X, {
+                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
                                                 onClick: ()=>setIsOpen(false)
                                             })
                                         })
                                     ]
                                 }),
-                                isSearchable && /*#__PURE__*/ _jsx("input", {
+                                isSearchable && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                                     ref: searchInputModalRef,
                                     className: `${RC}__input`,
                                     value: isOpen ? searchValue : labelByValue,
@@ -222,20 +278,20 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
                                 })
                             ]
                         }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: cn(`${RC}__list`, {
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: (0, _classnames.default)(`${RC}__list`, {
                                 disabled: isLoading
                             }),
                             ref: dropdownListRef,
                             children: [
                                 options.map((option)=>getMarkupForElement(option)),
-                                !options.length && /*#__PURE__*/ _jsx("div", {
+                                !options.length && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                                     className: `${RC}__list-item ${RC}__list-item--no-options`,
                                     children: noOptionsText
                                 })
                             ]
                         }),
-                        isLoading && isOpen && /*#__PURE__*/ _jsx(Spinner, {
+                        isLoading && isOpen && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
                             size: options.length <= 3 ? "small" : null
                         })
                     ]
@@ -276,13 +332,13 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
     const renderListContainer = ()=>{
         const lc = getListContainer();
         if (!lc) return null;
-        return /*#__PURE__*/ createPortal(getListMarkUp(), lc);
+        return /*#__PURE__*/ (0, _reactdom.createPortal)(getListMarkUp(), lc);
     };
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         document.addEventListener("click", handleClickOutside, true);
         return ()=>document.removeEventListener("click", handleClickOutside, true);
     }, []);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (options.length === 1 && searchValue === options[0].label) {
             setSearchValue(options[0].label);
             onChange(options[0].value);
@@ -290,7 +346,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
     }, [
         options
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isSearchable && (debouncedSearchTerm || isValueDeleted)) {
             doRequest(debouncedSearchTerm);
             if (isValueDeleted) setIsValueDeleted(false);
@@ -299,7 +355,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         debouncedSearchTerm,
         isValueDeleted
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isMobile && withMobileLogic) {
             initListContainer();
         }
@@ -307,7 +363,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         isMobile,
         withMobileLogic
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (isOpen && isMobile && (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current) && !searchValue) {
             var _dropdownListRef_current, _dropdownListRef_current1, _dropdownListRef_current2, _dropdownListRef_current3;
             setIsScrollableList((dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current = dropdownListRef.current) === null || _dropdownListRef_current === void 0 ? void 0 : _dropdownListRef_current.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current1 = dropdownListRef.current) === null || _dropdownListRef_current1 === void 0 ? void 0 : _dropdownListRef_current1.clientHeight));
@@ -321,7 +377,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current = dropdownListRef.current) === null || _dropdownListRef_current === void 0 ? void 0 : _dropdownListRef_current.scrollHeight,
         dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current1 = dropdownListRef.current) === null || _dropdownListRef_current1 === void 0 ? void 0 : _dropdownListRef_current1.clientHeight
     ]);
-    useLayoutEffect(()=>{
+    (0, _react.useLayoutEffect)(()=>{
         const list = document.getElementById("dropdown-live-search-list");
         if ((list || isOpen) && (!withMobileLogic || !isMobile)) {
             var _dropdownLiveSearchRef_current;
@@ -333,7 +389,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         isOpen,
         withMobileLogic
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (!isOpen) {
             setIsFocusedByClick(false);
             if (withMobileLogic && isMobile) setSearchValue("");
@@ -358,7 +414,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         isOpen,
         dropdownListRef
     ]);
-    useLayoutEffect(()=>{
+    (0, _react.useLayoutEffect)(()=>{
         var _getListContainer;
         if (!isMobile) {
             window.addEventListener("mousewheel", closeList);
@@ -382,7 +438,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
     }, [
         getListContainer
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         const setScrollTopValue = (e)=>{
             setScrollTop(parseInt(e.target.scrollTop, 10));
         };
@@ -399,7 +455,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         isMobile,
         dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current
     ]);
-    useEffect(()=>{
+    (0, _react.useEffect)(()=>{
         if (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current) {
             var _dropdownListRef_current, _dropdownListRef_current1;
             setScrollHeight(parseInt((dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current = dropdownListRef.current) === null || _dropdownListRef_current === void 0 ? void 0 : _dropdownListRef_current.scrollHeight) - (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current1 = dropdownListRef.current) === null || _dropdownListRef_current1 === void 0 ? void 0 : _dropdownListRef_current1.clientHeight), 10));
@@ -409,15 +465,15 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current
     ]);
     if (!options) return null;
-    return /*#__PURE__*/ _jsxs("div", {
-        className: cn(RC, className, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, className, {
             disabled,
             [`${RC}-mobile`]: isMobile,
             [`${RC}--focused`]: isOpen
         }),
         ref: dropdownLiveSearchRef,
         children: [
-            /*#__PURE__*/ _jsxs("button", {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
                 "data-testid": testId,
                 className: `${RC}__trigger input__wrap ${isOpen ? "input__wrap--focus" : ""} ${!value ? "placeholder" : ""} ${error ? "error" : ""}`,
                 onClick: ()=>!isSearchable ? setIsOpen(!isOpen) : null,
@@ -425,7 +481,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
                 onFocus: ()=>!isFocusedByClick ? setIsOpen(true) : null,
                 tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex_toString = tabIndex.toString) === null || _tabIndex_toString === void 0 ? void 0 : _tabIndex_toString.call(tabIndex),
                 children: [
-                    isSearchable ? /*#__PURE__*/ _jsx("input", {
+                    isSearchable ? /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                         ref: searchInputRef,
                         className: `${RC}__input`,
                         value: isOpen ? isMobile && withMobileLogic || !isSearchValueChangedAfterOpen ? labelByValue : searchValue : labelByValue,
@@ -435,18 +491,18 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
                         onClick: handle.onInputClick,
                         tabIndex: -1,
                         ...attributesOfNativeInput
-                    }) : /*#__PURE__*/ _jsx("span", {
+                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                         className: "text",
                         children: labelByValue || placeholder
                     }),
-                    /*#__PURE__*/ _jsx("span", {
-                        className: cn(`${RC}__arrow`, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)(`${RC}__arrow`, {
                             [`${RC}__arrow_active`]: isOpen
                         }),
                         onClick: ()=>setIsOpen(!isOpen),
-                        children: isMobile ? /*#__PURE__*/ _jsx(Code, {
+                        children: isMobile ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Code, {
                             className: "mobile-icon"
-                        }) : isOpen ? /*#__PURE__*/ _jsx(ChevronUp, {}) : /*#__PURE__*/ _jsx(ChevronDown, {})
+                        }) : isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {})
                     })
                 ]
             }),
@@ -454,4 +510,4 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
         ]
     });
 };
-export default DropdownLiveSearch;
+const _default = DropdownLiveSearch;

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.stories.js CHANGED Viewed

@@ -1,9 +1,73 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-import DropdownLiveSearch from "./DropdownLiveSearch";
-export default {
+"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, {
+    DropdownLiveSearchTemplate: function() {
+        return DropdownLiveSearchTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _DropdownLiveSearch = /*#__PURE__*/ _interop_require_default(require("./DropdownLiveSearch"));
+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 = {
     title: "Form Elements/DropdownLiveSearch",
-    component: DropdownLiveSearch,
+    component: _DropdownLiveSearch.default,
     argTypes: {
         className: {
             description: "string"
@@ -45,10 +109,10 @@ const separatorStyles = {
     marginBottom: '20px'
 };
 const Template = (args)=>{
-    const [value, setValue] = useState(args.value);
-    const [disabled, setDisabled] = useState(args.disabled);
-    const [isLoading, setIsLoading] = useState(false);
-    const [newOptions, setNewOptions] = useState(args.options);
+    const [value, setValue] = (0, _react.useState)(args.value);
+    const [disabled, setDisabled] = (0, _react.useState)(args.disabled);
+    const [isLoading, setIsLoading] = (0, _react.useState)(false);
+    const [newOptions, setNewOptions] = (0, _react.useState)(args.options);
     //request emulation
     const doRequest = async (debouncedSearchTerm, isScrollDown)=>{
         if (isScrollDown) {
@@ -65,15 +129,15 @@ const Template = (args)=>{
             setNewOptions(args.options.filter((item)=>item.label.toLowerCase().includes(debouncedSearchTerm === null || debouncedSearchTerm === void 0 ? void 0 : debouncedSearchTerm.toLowerCase())));
         }
     };
-    return /*#__PURE__*/ _jsx("div", {
-        children: /*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             style: blockStyles,
             children: [
-                /*#__PURE__*/ _jsx("div", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     style: {
                         width: 200
                     },
-                    children: /*#__PURE__*/ _jsx(DropdownLiveSearch, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DropdownLiveSearch.default, {
                         ...args,
                         doRequest: doRequest,
                         value: value,
@@ -84,7 +148,7 @@ const Template = (args)=>{
                         label: "Test"
                     })
                 }, "dropdown"),
-                /*#__PURE__*/ _jsx("button", {
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                     style: buttonStyles,
                     onClick: ()=>{
                         setValue("");
@@ -96,7 +160,7 @@ const Template = (args)=>{
         })
     });
 };
-export const DropdownLiveSearchTemplate = Template.bind({});
+const DropdownLiveSearchTemplate = Template.bind({});
 DropdownLiveSearchTemplate.args = {
     value: "",
     placeholder: "Placeholder",