react-simple-phone-input 1.0.7-beta → 1.0.9-beta

package/dist/cjs/types/components/PhoneInput/PhoneInput.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from "react";
+import React from "react";
 interface Props {
     placeholder: string;
     country: string;
     onChange: (e: string) => void;
     value?: string;
-    iconComponent?: ReactNode;
+    iconComponent?: React.ReactNode;
     inputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     onlyCountries?: string[];
     excludeCountries?: string[];
@@ -14,7 +14,7 @@ interface Props {
     search?: boolean;
     searchPlaceholder?: string;
     showSearchIcon?: boolean;
-    searchIconComponent?: ReactNode;
+    searchIconComponent?: React.ReactNode;
     searchProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     searchNotFound?: string;
 }

package/dist/esm/index.js

@@ -3988,12 +3988,12 @@ const getDefaultCountry = (code) => {
     return result;
 };
 const getBySearch = (search, onlyCountry, excludeCountry) => {
-    let countries = [];
+    var countries = [];
     if (excludeCountry && excludeCountry.length > 0) {
-        countries = countryData.filter((item) => !(excludeCountry === null || excludeCountry === void 0 ? void 0 : excludeCountry.includes(item.countryCode)));
+        countries = countryData.filter((item) => (excludeCountry === null || excludeCountry === void 0 ? void 0 : excludeCountry.indexOf(item.countryCode)) === -1);
     }
     else if (onlyCountry && (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.length) > 0) {
-        countries = countryData.filter((item) => onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.includes(item.countryCode));
+        countries = countryData.filter((item) => (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.indexOf(item.countryCode)) !== -1);
     }
     else {
         countries = countryData;
@@ -4006,23 +4006,23 @@ const getBySearch = (search, onlyCountry, excludeCountry) => {
     return result;
 };
 const getCountryByFilter = (onlyCountry, excludeCountry, preferredCountry) => {
-    let countries = [];
+    var countries = [];
     if (excludeCountry && excludeCountry.length > 0) {
-        countries = countryData.filter((item) => !(excludeCountry === null || excludeCountry === void 0 ? void 0 : excludeCountry.includes(item.countryCode)));
+        countries = countryData.filter((item) => (excludeCountry === null || excludeCountry === void 0 ? void 0 : excludeCountry.indexOf(item.countryCode)) === -1);
     }
     else if (onlyCountry && (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.length) > 0) {
-        countries = countryData.filter((item) => onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.includes(item.countryCode));
+        countries = countryData.filter((item) => (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.indexOf(item.countryCode)) !== -1);
     }
     else {
         countries = countryData;
     }
-    const result = countries.sort((a, b) => (Number(preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.includes(b.countryCode)) - Number(preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.includes(a.countryCode)))
+    const result = countries.sort((a, b) => (Number(preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(b.countryCode)) - Number(preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(a.countryCode)))
         || ((preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(a.countryCode)) - (preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(b.countryCode))));
     return result;
 };
 
 function useOnClickOutside(ref, handler) {
-    react.exports.useEffect(() => {
+    React.useEffect(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
@@ -4039,11 +4039,11 @@ function useOnClickOutside(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.exports.useState({});
-    const [isDropdown, setDropdown] = react.exports.useState(false);
-    const [inputValue, setInputValue] = react.exports.useState(value || "");
-    const [countryDataInfo, setCountryData] = react.exports.useState(countryData);
-    const ref = react.exports.useRef();
+    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) => {
@@ -4073,7 +4073,7 @@ const PhoneInput = ({ placeholder, country, onChange, value, iconComponent, inpu
         setSelected(item);
         setDropdown(false);
     };
-    react.exports.useMemo(() => {
+    React.useMemo(() => {
         if (dialCodeInputField) {
             const result = inputValue === null || inputValue === void 0 ? void 0 : inputValue.replace(selected.callingCode, getDefaultCountry(country).callingCode);
             console.log(result);
@@ -4081,7 +4081,7 @@ const PhoneInput = ({ placeholder, country, onChange, value, iconComponent, inpu
         }
         setSelected(getDefaultCountry(country));
     }, [country, dialCodeInputField]);
-    react.exports.useMemo(() => {
+    React.useMemo(() => {
         setCountryData(getCountryByFilter(onlyCountries, excludeCountries, preferredCountries));
     }, [onlyCountries, excludeCountries, preferredCountries]);
     return (React.createElement("div", { className: "simple-phone-input-sri198-container" },