intelicoreact 1.6.8 → 1.6.10

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

@@ -1,35 +1 @@
-"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__*/ (0, _jsxruntime.jsx)("div", {
-        className: "dropdown-loader-box j5",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: `lds-ring${variant === "little" ? " lds-ring_little" : ""}`,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {}),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {})
-            ]
-        })
-    });
-};
-const _default = DropdownLoader;
-
-//# sourceMappingURL=DropdownLoader.js.map
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import"react";import"./DropdownLoader.scss";export default function(d){var t=d.variant;return r("div",{className:"dropdown-loader-box j5",children:i("div",{className:"lds-ring".concat("little"===t?" lds-ring_little":""),children:[r("div",{}),r("div",{}),r("div",{}),r("div",{})]})})}

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

@@ -1,541 +1 @@
-"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 _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-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;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-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] = (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 = (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 : "";
-    }, [
-        value,
-        options
-    ]);
-    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 = (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);
-            }
-        }
-    }, [
-        options
-    ]);
-    const setSearchValue = (val, isChanged = true)=>{
-        if (isChanged) setIsSearchValueChangedAfterOpen(true);
-        setSV(val);
-        searchValueRef.current = val;
-    };
-    const setIsOpen = (v)=>{
-        setIsOpenState(v);
-        setSearchValue("", false);
-        if (!v) setIsSearchValueChangedAfterOpen(false);
-    };
-    const getParentNode = ()=>{
-        var _document_querySelector, _ref;
-        return (_ref = (_document_querySelector = document.querySelector("div#root")) !== null && _document_querySelector !== void 0 ? _document_querySelector : document.querySelector("div#app")) !== null && _ref !== void 0 ? _ref : document.querySelector("div#storybook-root");
-    };
-    const getListContainer = ()=>{
-        return document.getElementById(dropdownId);
-    };
-    const onWrapperClick = (e)=>{
-        if (e.target === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
-            e.stopPropagation();
-            e.preventDefault();
-            setIsOpen(false);
-        }
-    };
-    const onSearchableInputFocus = (e)=>{
-        if (!isOpen) {
-            e.preventDefault();
-            e.stopPropagation();
-        }
-    };
-    const handleClickOutside = (event)=>{
-        var _getListContainer;
-        if (!dropdownLiveSearchRef.current.contains(event.target) && (!getListContainer() || !((_getListContainer = getListContainer()) === null || _getListContainer === void 0 ? void 0 : _getListContainer.contains(event.target)))) setIsOpen(false);
-    };
-    const closeListViaEsc = (e)=>{
-        if ([
-            27
-        ].includes(e.keyCode)) setIsOpen(false);
-    };
-    const closeList = isOpen ? handleClickOutside : ()=>{};
-    const handle = {
-        onInputClick: (e)=>{
-            if (!isOpen) setIsOpen(true);
-            if (isMobile && withMobileLogic) {
-                e.preventDefault();
-                e.stopPropagation();
-                e.target.blur();
-            } else {
-                e.target.select();
-            }
-        },
-        onInputChange: (e)=>{
-            let inputValue = e.target.value;
-            if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-            setSearchValue(inputValue);
-            if ((searchValue || !isSearchValueChangedAfterOpen) && !e.target.value) {
-                onChange("");
-                setSearchValue("");
-                setIsValueDeleted(true);
-            } else setIsValueDeleted(false);
-        }
-    };
-    const highlightedText = (text, postfix)=>{
-        if (!isSearchable) return text;
-        else {
-            const preparedSearchValue = isSearchValueChangedAfterOpen || isMobile && withMobileLogic ? searchValue : labelByValue;
-            const prepare = (text)=>text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
-            text = text.replace(/["&<>]/g, (a)=>{
-                return ({
-                    '"': "&quot;",
-                    "&": "&amp;",
-                    "<": "&lt;",
-                    ">": "&gt;"
-                })[a];
-            });
-            const main = preparedSearchValue ? text === null || text === void 0 ? void 0 : text.replace(new RegExp(prepare(preparedSearchValue), "i"), (match)=>`<span class="bg--yellow">${match}</span>`) : text;
-            const postfixPart = postfix ? `<span class="dropdown__list-item-postfix">${postfix}</span>` : "";
-            return main + postfixPart;
-        }
-    };
-    const getMarkupForElement = (item, index, optTestId)=>{
-        var _item_value_toString, _item_value;
-        const lowerLabel = item.label.toLowerCase();
-        const lowerSearchValue = searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase();
-        var _item_customMobileIcon;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("button", {
-            "data-testid": `${testId}-${optTestId || index}-option`,
-            onClick: ()=>{
-                onChange(item.value);
-                setIsOpen(false);
-            },
-            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__*/ (0, _jsxruntime.jsx)("span", {
-                    className: (0, _classnames.default)(`${RC}__active-icon`, {
-                        [`${RC}__active-icon_active`]: lowerLabel === lowerSearchValue
-                    }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Check, {})
-                }),
-                /*#__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__*/ (0, _jsxruntime.jsx)(_RadioInput.default, {
-                    value: item.value,
-                    checked: value
-                }) : ""
-            ]
-        }, (_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__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)(`${RC}__container-wrapper`),
-            ref: wrapperRef,
-            onClick: isMobile ? onWrapperClick : ()=>{},
-            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__*/ (0, _jsxruntime.jsxs)("div", {
-                    id: "dropdown-live-search-list",
-                    className: (0, _classnames.default)(`${RC}__container`, {
-                        [`${RC}__list-top`]: isListTop
-                    }),
-                    ref: dropdownListBoxRef,
-                    children: [
-                        isMobile && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            ref: dropdownListHeaderRef,
-                            className: (0, _classnames.default)(`${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`),
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)(`${RC}__list-label`),
-                                            children: label
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                            className: (0, _classnames.default)(`${RC}__list-close-icon`),
-                                            onClick: ()=>setIsOpen(false),
-                                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
-                                                onClick: ()=>setIsOpen(false)
-                                            })
-                                        })
-                                    ]
-                                }),
-                                isSearchable && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
-                                    ref: searchInputModalRef,
-                                    className: `${RC}__input`,
-                                    value: isOpen ? searchValue : labelByValue,
-                                    onChange: handle.onInputChange,
-                                    placeholder: placeholder,
-                                    onFocus: onSearchableInputFocus,
-                                    tabIndex: -1
-                                }, attributesOfNativeInput))
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                            className: (0, _classnames.default)(`${RC}__list`, {
-                                disabled: isLoading
-                            }),
-                            ref: dropdownListRef,
-                            children: [
-                                options.map((option)=>getMarkupForElement(option)),
-                                !options.length && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                                    className: `${RC}__list-item ${RC}__list-item--no-options`,
-                                    children: noOptionsText
-                                })
-                            ]
-                        }),
-                        isLoading && isOpen && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
-                            size: options.length <= 3 ? "small" : null
-                        })
-                    ]
-                })
-            })
-        });
-    };
-    const initListContainer = ()=>{
-        const dropdownList = document.createElement("div");
-        dropdownList.setAttribute("id", dropdownId);
-        dropdownList.classList.add("dropdown__container");
-        if (isMobile) {
-            dropdownList.addEventListener("click", (e)=>{
-                if (e.target.id === dropdownId) setIsOpen(false);
-            });
-        }
-        try {
-            var _getListContainer;
-            (_getListContainer = getListContainer()) === null || _getListContainer === void 0 ? void 0 : _getListContainer.remove();
-        } finally{
-            if (isMobile) {
-                var _getParentNode;
-                try {
-                    var _document_getElementById;
-                    (_document_getElementById = document.getElementById(`mlw-${dropdownId}`)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.remove();
-                } catch (e) {}
-                const dropdownMobileListWrapper = document.createElement("div");
-                dropdownMobileListWrapper.classList.add("dropdown-live-search-mobile");
-                dropdownMobileListWrapper.setAttribute("id", `mlw-${dropdownId}`);
-                dropdownMobileListWrapper === null || dropdownMobileListWrapper === void 0 ? void 0 : dropdownMobileListWrapper.append(dropdownList);
-                (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(dropdownMobileListWrapper);
-            } else {
-                var _getParentNode1;
-                (_getParentNode1 = getParentNode()) === null || _getParentNode1 === void 0 ? void 0 : _getParentNode1.append(dropdownList);
-            }
-        }
-    };
-    const renderListContainer = ()=>{
-        const lc = getListContainer();
-        if (!lc) return null;
-        return /*#__PURE__*/ (0, _reactdom.createPortal)(getListMarkUp(), lc);
-    };
-    (0, _react.useEffect)(()=>{
-        document.addEventListener("click", handleClickOutside, true);
-        return ()=>document.removeEventListener("click", handleClickOutside, true);
-    }, []);
-    (0, _react.useEffect)(()=>{
-        if (options.length === 1 && searchValue === options[0].label) {
-            setSearchValue(options[0].label);
-            onChange(options[0].value);
-        }
-    }, [
-        options
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (isSearchable && (debouncedSearchTerm || isValueDeleted)) {
-            doRequest(debouncedSearchTerm);
-            if (isValueDeleted) setIsValueDeleted(false);
-        }
-    }, [
-        debouncedSearchTerm,
-        isValueDeleted
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (isMobile && withMobileLogic) {
-            initListContainer();
-        }
-    }, [
-        isMobile,
-        withMobileLogic
-    ]);
-    (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));
-            setIsFixedMaxHeight(isScrollableList || (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current2 = dropdownListRef.current) === null || _dropdownListRef_current2 === void 0 ? void 0 : _dropdownListRef_current2.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current3 = dropdownListRef.current) === null || _dropdownListRef_current3 === void 0 ? void 0 : _dropdownListRef_current3.clientHeight));
-        }
-    }, [
-        isOpen,
-        isMobile,
-        isScrollableList,
-        dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current,
-        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
-    ]);
-    (0, _react.useLayoutEffect)(()=>{
-        const list = document.getElementById("dropdown-live-search-list");
-        if ((list || isOpen) && (!withMobileLogic || !isMobile)) {
-            var _dropdownLiveSearchRef_current;
-            const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 ? void 0 : (_dropdownLiveSearchRef_current = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRef_current === void 0 ? void 0 : _dropdownLiveSearchRef_current.clientWidth;
-            list.style.minWidth = `${dropdownWidth}px`;
-        }
-    }, [
-        dropdownLiveSearchRef,
-        isOpen,
-        withMobileLogic
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (!isOpen) {
-            setIsFocusedByClick(false);
-            if (withMobileLogic && isMobile) setSearchValue("");
-        }
-        if (isOpen && dropdownListRef && dropdownListRef.current) {
-            if (isMobile && withMobileLogic) {
-                var _searchInputModalRef_current;
-                doRequest("").then(()=>{
-                    setTimeout(()=>{
-                        var _dropdownListBoxRef_current_getBoundingClientRect, _dropdownListBoxRef_current, _dropdownListHeaderRef_current_getBoundingClientRect, _dropdownListHeaderRef_current;
-                        dropdownListRef.current.style.maxHeight = `${(dropdownListBoxRef === null || dropdownListBoxRef === void 0 ? void 0 : (_dropdownListBoxRef_current = dropdownListBoxRef.current) === null || _dropdownListBoxRef_current === void 0 ? void 0 : (_dropdownListBoxRef_current_getBoundingClientRect = _dropdownListBoxRef_current.getBoundingClientRect()) === null || _dropdownListBoxRef_current_getBoundingClientRect === void 0 ? void 0 : _dropdownListBoxRef_current_getBoundingClientRect.height) - (dropdownListHeaderRef === null || dropdownListHeaderRef === void 0 ? void 0 : (_dropdownListHeaderRef_current = dropdownListHeaderRef.current) === null || _dropdownListHeaderRef_current === void 0 ? void 0 : (_dropdownListHeaderRef_current_getBoundingClientRect = _dropdownListHeaderRef_current.getBoundingClientRect()) === null || _dropdownListHeaderRef_current_getBoundingClientRect === void 0 ? void 0 : _dropdownListHeaderRef_current_getBoundingClientRect.height)}px`;
-                    }, 1);
-                });
-                searchInputModalRef === null || searchInputModalRef === void 0 ? void 0 : (_searchInputModalRef_current = searchInputModalRef.current) === null || _searchInputModalRef_current === void 0 ? void 0 : _searchInputModalRef_current.focus();
-            }
-            dropdownListRef.current.addEventListener("scroll", doScrollCallback);
-        }
-        return ()=>{
-            removeEventListener("scroll", doScrollCallback);
-        };
-    }, [
-        isOpen,
-        dropdownListRef
-    ]);
-    (0, _react.useLayoutEffect)(()=>{
-        var _getListContainer;
-        if (!isMobile) {
-            window.addEventListener("mousewheel", closeList);
-            window.addEventListener("scroll", closeList);
-            window.addEventListener("touchmove", closeList);
-        } else {
-            window.removeEventListener("mousewheel", closeList);
-            window.removeEventListener("scroll", closeList);
-            window.removeEventListener("touchmove", closeList);
-        }
-        (_getListContainer = getListContainer()) === null || _getListContainer === void 0 ? void 0 : _getListContainer.addEventListener("click", closeList);
-        window.addEventListener("keyup", closeListViaEsc);
-        return ()=>{
-            var _getListContainer;
-            window.removeEventListener("mousewheel", closeList);
-            window.removeEventListener("scroll", closeList);
-            window.removeEventListener("touchmove", closeList);
-            window.removeEventListener("keyup", closeListViaEsc);
-            (_getListContainer = getListContainer()) === null || _getListContainer === void 0 ? void 0 : _getListContainer.removeEventListener("click", closeList);
-        };
-    }, [
-        getListContainer
-    ]);
-    (0, _react.useEffect)(()=>{
-        const setScrollTopValue = (e)=>{
-            setScrollTop(parseInt(e.target.scrollTop, 10));
-        };
-        if (isOpen && isMobile && (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current)) {
-            var _dropdownListRef_current;
-            dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current = dropdownListRef.current) === null || _dropdownListRef_current === void 0 ? void 0 : _dropdownListRef_current.addEventListener("scroll", setScrollTopValue);
-        }
-        return ()=>{
-            var _dropdownListRef_current;
-            dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef_current = dropdownListRef.current) === null || _dropdownListRef_current === void 0 ? void 0 : _dropdownListRef_current.removeEventListener("scroll", setScrollTopValue);
-        };
-    }, [
-        isOpen,
-        isMobile,
-        dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current
-    ]);
-    (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));
-        }
-    }, [
-        scrollTop,
-        dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current
-    ]);
-    if (!options) return null;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(RC, className, {
-            disabled,
-            [`${RC}-mobile`]: isMobile,
-            [`${RC}--focused`]: isOpen
-        }),
-        ref: dropdownLiveSearchRef,
-        children: [
-            /*#__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,
-                onMouseDown: ()=>setIsFocusedByClick(true),
-                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__*/ (0, _jsxruntime.jsx)("input", _object_spread({
-                        ref: searchInputRef,
-                        className: `${RC}__input`,
-                        value: isOpen ? isMobile && withMobileLogic || !isSearchValueChangedAfterOpen ? labelByValue : searchValue : labelByValue,
-                        onChange: handle.onInputChange,
-                        placeholder: placeholder,
-                        onFocus: onSearchableInputFocus,
-                        onClick: handle.onInputClick,
-                        tabIndex: -1
-                    }, attributesOfNativeInput)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        className: "text",
-                        children: labelByValue || placeholder
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        className: (0, _classnames.default)(`${RC}__arrow`, {
-                            [`${RC}__arrow_active`]: isOpen
-                        }),
-                        onClick: ()=>setIsOpen(!isOpen),
-                        children: isMobile ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Code, {
-                            className: "mobile-icon"
-                        }) : isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {})
-                    })
-                ]
-            }),
-            isOpen && (isMobile && withMobileLogic ? renderListContainer() : getListMarkUp())
-        ]
-    });
-};
-const _default = DropdownLiveSearch;
-
-//# sourceMappingURL=DropdownLiveSearch.js.map
+function n(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=Array(e);t<e;t++)r[t]=n[t];return r}function e(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function t(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),l.forEach(function(t){e(n,t,r[t])})}return n}function r(e,t){return function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t,r,l=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=l){var o=[],i=!0,c=!1;try{for(l=l.call(n);!(i=(t=l.next()).done)&&(o.push(t.value),!e||o.length!==e);i=!0);}catch(n){c=!0,r=n}finally{try{i||null==l.return||l.return()}finally{if(c)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as l,jsxs as o}from"react/jsx-runtime";import{useCallback as i,useEffect as c,useLayoutEffect as a,useMemo as u,useRef as s,useState as d}from"react";import v from"classnames";import{createPortal as f}from"react-dom";import{Check as m,ChevronDown as p,ChevronUp as h,Code as g,X as w}from"react-feather";import{formatToOnlyASCIICodeText as _}from"../../../Functions/fieldValueFormatters";import{useDebounce as b}from"../../../Functions/useDebounce";import y from"../../../Functions/useIsMobile/useIsMobile";import L from"../../Layout/Spinner/Spinner";import E from"../RadioInput/RadioInput";import"./DropdownLiveSearch.scss";var I="dropdown-live-search";export default function(n){var N,C,k,S,x,H=n.label,O=n.value,j=n.error,M=n.disabled,A=n.onChange,D=n.placeholder,F=n.className,P=n.isSearchable,T=n.doRequest,R=n.isLoading,q=n.options,B=void 0===q?[]:q,V=n.fieldKey,$=n.id,W=n.isListTop,z=n.attributesOfNativeInput,K=void 0===z?{}:z,U=n.withMobileLogic,G=n.tabIndex,J=n.isNotValidateASCII,Q=void 0!==J&&J,X=n.noOptionsText,Y=void 0===X?"No options available":X,Z=n.testId,nn=void 0===Z?"dropdown-live-search":Z,ne=r(d($||V||Math.random().toString(16).slice(2)),1)[0],nt=r(d(!1),2),nr=nt[0],nl=nt[1],no=r(d(!1),2),ni=no[0],nc=no[1],na=y().isMobile&&U&&window.screen.width<=768,nu=u(function(){var n,e;return null!=(e=null==B||null==(n=B.find(function(n){return n.value===O}))?void 0:n.label)?e:""},[O,B]),ns=r(d(""),2),nd=ns[0],nv=ns[1],nf=r(d(!1),2),nm=nf[0],np=nf[1],nh=s(null),ng=s(null),nw=s(null),n_=s(null),nb=s(null),ny=s(null),nL=s(null),nE=s(null),nI=r(d(!1),2),nN=nI[0],nC=nI[1],nk=r(d(null),2),nS=nk[0],nx=nk[1],nH=r(d(!1),2),nO=nH[0],nj=nH[1],nM=r(d(0),2),nA=nM[0],nD=nM[1],nF=r(d(1),2),nP=nF[0],nT=nF[1],nR=b({searchValue:nd,delay:600}),nq=i(function(n){T&&"function"==typeof T&&Math.round(n.target.clientHeight+n.target.scrollTop)==n.target.scrollHeight&&T(nL.current,!0)},[B]),nB=function(n){var e=!(arguments.length>1)||void 0===arguments[1]||arguments[1];e&&np(!0),nv(n),nL.current=n},nV=function(n){nl(n),nB("",!1),n||np(!1)},n$=function(){var n,e;return null!=(e=null!=(n=document.querySelector("div#root"))?n:document.querySelector("div#app"))?e:document.querySelector("div#storybook-root")},nW=function(){return document.getElementById(ne)},nz=function(n){n.target===(null==nE?void 0:nE.current)&&(n.stopPropagation(),n.preventDefault(),nV(!1))},nK=function(n){nr||(n.preventDefault(),n.stopPropagation())},nU=function(n){var e;nh.current.contains(n.target)||nW()&&(null==(e=nW())?void 0:e.contains(n.target))||nV(!1)},nG=function(n){[27].includes(n.keyCode)&&nV(!1)},nJ=nr?nU:function(){},nQ={onInputClick:function(n){nr||nV(!0),na&&U?(n.preventDefault(),n.stopPropagation(),n.target.blur()):n.target.select()},onInputChange:function(n){var e=n.target.value;Q||(e=_(e)),nB(e),!nd&&nm||n.target.value?nc(!1):(A(""),nB(""),nc(!0))}},nX=function(n,e){if(!P)return n;var t=nm||na&&U?nd:nu;return n=n.replace(/["&<>]/g,function(n){return({'"':"&quot;","&":"&amp;","<":"&lt;",">":"&gt;"})[n]}),(t?null==n?void 0:n.replace(RegExp(null==t?void 0:t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&"),"i"),function(n){return'<span class="bg--yellow">'.concat(n,"</span>")}):n)+(e?'<span class="dropdown__list-item-postfix">'.concat(e,"</span>"):"")},nY=function(n,t,r){var i,c,a,u,s=n.label.toLowerCase(),d=null==nd?void 0:nd.toLowerCase();return o("button",{"data-testid":"".concat(nn,"-").concat(r||t,"-option"),onClick:function(){A(n.value),nV(!1)},className:v("".concat(I,"__list-item"),(e(u={},"".concat(I,"__list-item_active"),n.value===O),e(u,"".concat(I,"__list-item_disabled"),n.disabled),u),n.className),children:[!na||na&&!U&&l("span",{className:v("".concat(I,"__active-icon"),e({},"".concat(I,"__active-icon_active"),s===d)),children:l(m,{})}),l("p",{title:n.label,className:n.labelClassName||"",dangerouslySetInnerHTML:{__html:nX(n.label,n.postfix)}}),na?null!=(a=null==n?void 0:n.customMobileIcon)?a:l(E,{value:n.value,checked:O}):""]},null==(c=n.value)||null==(i=c.toString())?void 0:i.replace(/ /g,"_"))},nZ=function(){var n,r;return l("div",{className:v("".concat(I,"__container-wrapper")),ref:nE,onClick:na?nz:function(){},children:l("div",{className:v("".concat(I,"__list-wrapper"),(e(n={},"".concat(I,"__list-wrapper--fixed-height"),nO),e(n,"".concat(I,"__list-wrapper--with-bottom-shadow"),nS&&na),e(n,"".concat(I,"__list-wrapper--with-bottom-shadow-hidden"),nA===nP),n)),children:o("div",{id:"dropdown-live-search-list",className:v("".concat(I,"__container"),e({},"".concat(I,"__list-top"),W)),ref:ng,children:[na&&o("div",{ref:n_,className:v("".concat(I,"__list-header"),(e(r={},"".concat(I,"__list-header-with-shadow"),nS&&na),e(r,"".concat(I,"__list-header-with-shadow-hidden"),0===nA),r)),children:[o("div",{className:v("".concat(I,"__list-header-row")),children:[l("div",{className:v("".concat(I,"__list-label")),children:H}),l("div",{className:v("".concat(I,"__list-close-icon")),onClick:function(){return nV(!1)},children:l(w,{onClick:function(){return nV(!1)}})})]}),P&&l("input",t({ref:ny,className:"".concat(I,"__input"),value:nr?nd:nu,onChange:nQ.onInputChange,placeholder:D,onFocus:nK,tabIndex:-1},K))]}),o("div",{className:v("".concat(I,"__list"),{disabled:R}),ref:nw,children:[B.map(function(n){return nY(n)}),!B.length&&l("div",{className:"".concat(I,"__list-item ").concat(I,"__list-item--no-options"),children:Y})]}),R&&nr&&l(L,{size:B.length<=3?"small":null})]})})})},n0=function(){var n=document.createElement("div");n.setAttribute("id",ne),n.classList.add("dropdown__container"),na&&n.addEventListener("click",function(n){n.target.id===ne&&nV(!1)});try{null==(e=nW())||e.remove()}finally{if(na){try{null==(l=document.getElementById("mlw-".concat(ne)))||l.remove()}catch(n){}var e,t,r,l,o=document.createElement("div");o.classList.add("dropdown-live-search-mobile"),o.setAttribute("id","mlw-".concat(ne)),null==o||o.append(n),null==(r=n$())||r.append(o)}else null==(t=n$())||t.append(n)}};return(c(function(){return document.addEventListener("click",nU,!0),function(){return document.removeEventListener("click",nU,!0)}},[]),c(function(){1===B.length&&nd===B[0].label&&(nB(B[0].label),A(B[0].value))},[B]),c(function(){P&&(nR||ni)&&(T(nR),ni&&nc(!1))},[nR,ni]),c(function(){na&&U&&n0()},[na,U]),c(function(){if(nr&&na&&(null==nw?void 0:nw.current)&&!nd){var n,e,t,r;nx((null==nw||null==(n=nw.current)?void 0:n.scrollHeight)>(null==nw||null==(e=nw.current)?void 0:e.clientHeight)),nj(nS||(null==nw||null==(t=nw.current)?void 0:t.scrollHeight)>(null==nw||null==(r=nw.current)?void 0:r.clientHeight))}},[nr,na,nS,null==nw?void 0:nw.current,null==nw||null==(C=nw.current)?void 0:C.scrollHeight,null==nw||null==(k=nw.current)?void 0:k.clientHeight]),a(function(){var n=document.getElementById("dropdown-live-search-list");if((n||nr)&&(!U||!na)){var e,t=null==nh||null==(e=nh.current)?void 0:e.clientWidth;n.style.minWidth="".concat(t,"px")}},[nh,nr,U]),c(function(){if(!nr&&(nC(!1),U&&na&&nB("")),nr&&nw&&nw.current){if(na&&U){var n;T("").then(function(){setTimeout(function(){var n,e,t,r;nw.current.style.maxHeight="".concat((null==ng||null==(e=ng.current)||null==(n=e.getBoundingClientRect())?void 0:n.height)-(null==n_||null==(r=n_.current)||null==(t=r.getBoundingClientRect())?void 0:t.height),"px")},1)}),null==ny||null==(n=ny.current)||n.focus()}nw.current.addEventListener("scroll",nq)}return function(){removeEventListener("scroll",nq)}},[nr,nw]),a(function(){var n;return na?(window.removeEventListener("mousewheel",nJ),window.removeEventListener("scroll",nJ),window.removeEventListener("touchmove",nJ)):(window.addEventListener("mousewheel",nJ),window.addEventListener("scroll",nJ),window.addEventListener("touchmove",nJ)),null==(n=nW())||n.addEventListener("click",nJ),window.addEventListener("keyup",nG),function(){var n;window.removeEventListener("mousewheel",nJ),window.removeEventListener("scroll",nJ),window.removeEventListener("touchmove",nJ),window.removeEventListener("keyup",nG),null==(n=nW())||n.removeEventListener("click",nJ)}},[nW]),c(function(){var n,e=function(n){nD(parseInt(n.target.scrollTop,10))};return nr&&na&&(null==nw?void 0:nw.current)&&(null==nw||null==(n=nw.current)||n.addEventListener("scroll",e)),function(){var n;null==nw||null==(n=nw.current)||n.removeEventListener("scroll",e)}},[nr,na,null==nw?void 0:nw.current]),c(function(){if(null==nw?void 0:nw.current){var n,e;nT(parseInt((null==nw||null==(n=nw.current)?void 0:n.scrollHeight)-(null==nw||null==(e=nw.current)?void 0:e.clientHeight),10))}},[nA,null==nw?void 0:nw.current]),B)?o("div",{className:v(I,F,(e(x={disabled:M},"".concat(I,"-mobile"),na),e(x,"".concat(I,"--focused"),nr),x)),ref:nh,children:[o("button",{"data-testid":nn,className:"".concat(I,"__trigger input__wrap ").concat(nr?"input__wrap--focus":""," ").concat(!O?"placeholder":""," ").concat(j?"error":""),onClick:function(){return P?null:nV(!nr)},onMouseDown:function(){return nC(!0)},onFocus:function(){return nN?null:nV(!0)},tabIndex:null==G||null==(S=G.toString)?void 0:S.call(G),children:[P?l("input",t({ref:nb,className:"".concat(I,"__input"),value:nr?na&&U||!nm?nu:nd:nu,onChange:nQ.onInputChange,placeholder:D,onFocus:nK,onClick:nQ.onInputClick,tabIndex:-1},K)):l("span",{className:"text",children:nu||D}),l("span",{className:v("".concat(I,"__arrow"),e({},"".concat(I,"__arrow_active"),nr)),onClick:function(){return nV(!nr)},children:na?l(g,{className:"mobile-icon"}):nr?l(h,{}):l(p,{})})]}),nr&&(na&&U?(N=nW())?f(nZ(),N):null:nZ())]}):null}