@arkyn/components 1.4.42 → 1.4.44

package/dist/components/PhoneInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,MAAM,cAAc,CAAC;AAY5D,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgKzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,eAAe,EAAE,MAAM,cAAc,CAAC;AAY5D,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAiKzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/PhoneInput/index.js

@@ -10,7 +10,7 @@ import { PhoneInputCountrySelector } from "./components/PhoneInputCountrySelecto
 import { PhoneInputMask } from "./components/PhoneInputMask";
 import { getDefaultFormatPhoneNumber } from "./services/getDefaultFormatPhoneNumber";
 function PhoneInput(props) {
-    const { defaultCountry, className = "", disabled = false, isError: baseIsError = false, isLoading = false, readOnly = false, size = "md", defaultValue = "", variant = "solid", name, searchCountryPlaceholder = "Pesquisar país", notFoundCountryText = "Nenhum país encontrado", ...rest } = props;
+    const { defaultCountry, className = "", disabled = false, isError: baseIsError = false, isLoading = false, readOnly = false, size = "md", defaultValue = "", variant = "solid", name, onChange, searchCountryPlaceholder = "Pesquisar país", notFoundCountryText = "Nenhum país encontrado", ...rest } = props;
     const defaultData = getDefaultFormatPhoneNumber(defaultValue);
     const [isFocused, setIsFocused] = useState(false);
     const [search, setSearch] = useState("");
@@ -68,12 +68,12 @@ function PhoneInput(props) {
             .replaceAll(")", "")
             .trim();
     }
-    function inputValue() {
+    function inputValue(props) {
         let returnValue = currentCountry.code;
         if (currentCountry.prefix)
             returnValue += `-${currentCountry.prefix}`;
         returnValue += " ";
-        returnValue += removeNumberMasks(value);
+        returnValue += removeNumberMasks(props || value);
         return returnValue;
     }
     return (_jsxs(PhoneInputContainer, { id: id, disabled: disabled, isError: isError, isLoading: isLoading, isFocused: isFocused, readOnly: readOnly, size: size, variant: variant, className: className, onFocus: handleContainerFocus, children: [_jsx(PhoneInputCountrySelector, { currentCountry: currentCountry, onClick: handleOpenCountryOptions, size: size }), _jsxs(PhoneInputCountryOptionsContainer, { isOpen: showCountryOptions, search: search, placeholder: searchCountryPlaceholder, onSearch: setSearch, children: [countries
@@ -85,7 +85,7 @@ function PhoneInput(props) {
                         }, isActive: country.iso === currentCountry.iso, size: size }, country.iso))), countries.filter((country) => filterCountryFunction(country))
                         .length === 0 && _jsx("p", { children: notFoundCountryText })] }), _jsx(PhoneInputCountriesOverlay, { isOpen: showCountryOptions, onClick: handleCloseCountryOptions }), _jsx(PhoneInputMask, { ref: inputPhoneMaskRef, currentCountry: currentCountry, value: value, onChange: (e) => {
                     setValue(e);
-                    rest.onChange && rest.onChange(e);
+                    onChange && onChange(inputValue(e));
                 }, disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, size: size }), _jsx("input", { ref: inputRef, type: "hidden", name: name, value: inputValue() })] }));
 }
 export { PhoneInput };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.4.42",
+  "version": "1.4.44",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/PhoneInput/index.tsx

@@ -23,6 +23,7 @@ function PhoneInput(props: PhoneInputProps) {
     defaultValue = "",
     variant = "solid",
     name,
+    onChange,
     searchCountryPlaceholder = "Pesquisar país",
     notFoundCountryText = "Nenhum país encontrado",
     ...rest
@@ -96,11 +97,11 @@ function PhoneInput(props: PhoneInputProps) {
       .trim();
   }
 
-  function inputValue() {
+  function inputValue(props?: string) {
     let returnValue = currentCountry.code;
     if (currentCountry.prefix) returnValue += `-${currentCountry.prefix}`;
     returnValue += " ";
-    returnValue += removeNumberMasks(value);
+    returnValue += removeNumberMasks(props || value);
     return returnValue;
   }
 
@@ -160,7 +161,7 @@ function PhoneInput(props: PhoneInputProps) {
         value={value}
         onChange={(e) => {
           setValue(e);
-          rest.onChange && rest.onChange(e);
+          onChange && onChange(inputValue(e));
         }}
         disabled={disabled}
         onBlur={handleInputBlur}