react-simple-phone-input 1.0.8-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

@@ -4022,7 +4022,7 @@ const getCountryByFilter = (onlyCountry, excludeCountry, preferredCountry) => {
 };
 
 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" },