react-simple-phone-input 1.0.10-beta → 1.1.1-beta

package/dist/cjs/index.js

@@ -4053,30 +4053,11 @@ const getCountryByFilter = (onlyCountry, excludeCountry, preferredCountry) => {
     return result;
 };
 
-function useOnClickOutside(ref, handler) {
-    React.useEffect(() => {
-        const listener = (event) => {
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
-            }
-            handler(event);
-        };
-        document.addEventListener("mousedown", listener);
-        document.addEventListener("touchstart", listener);
-        return () => {
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
-        };
-    }, [ref, handler]);
-}
-
 const PhoneInput = ({ placeholder, country, onChange, value, iconComponent, inputProps, onlyCountries, excludeCountries, preferredCountries, showDropdownIcon = true, dialCodeInputField = false, search = true, searchPlaceholder = "Search country", showSearchIcon = true, searchIconComponent, searchProps, searchNotFound = "Not found" }) => {
     const [selected, setSelected] = React.useState({});
     const [isDropdown, setDropdown] = React.useState(false);
     const [inputValue, setInputValue] = React.useState(value || "");
     const [countryDataInfo, setCountryData] = React.useState(countryData);
-    const ref = React.useRef();
-    useOnClickOutside(ref, () => setDropdown(false));
     //Handler
     const handleChange = (e) => {
         const onlyNumber = e.target.value.replace(/\D/g, '');
@@ -4118,7 +4099,7 @@ const PhoneInput = ({ placeholder, country, onChange, value, iconComponent, inpu
     }, [onlyCountries, excludeCountries, preferredCountries]);
     return (React.createElement("div", { className: "simple-phone-input-sri198-container" },
         React.createElement("div", { className: "simple-phone-input-sri198-main" },
-            React.createElement("div", { className: "simple-phone-input-sri198-dropdown-container", ref: ref },
+            React.createElement("div", { className: "simple-phone-input-sri198-dropdown-container" },
                 React.createElement("div", { onClick: () => setDropdown(!isDropdown), className: dialCodeInputField ? "simple-phone-input-sri198-dropdown-container-button dial" : "simple-phone-input-sri198-dropdown-container-button" },
                     React.createElement("img", { src: "https://cdn.jsdelivr.net/gh/siamahnaf198/country-flags@main/img/" + selected.countryCode + ".svg", alt: selected.country, width: "20px" }),
                     !dialCodeInputField &&