@arkyn/components 1.4.56 → 1.5.0

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":"AAEA,OAAO,EAAe,eAAe,EAAE,MAAM,cAAc,CAAC;AAY5D,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkKzC;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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { countries } from "@arkyn/templates";
-import { formatToPhone } from "@arkyn/shared";
 import { useRef, useState } from "react";
 import { useFormController } from "../Form/FormController";
 import { PhoneInputContainer } from "./components/PhoneInputContainer";
@@ -11,13 +10,12 @@ 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, onChange, searchCountryPlaceholder = "Pesquisar país", notFoundCountryText = "Nenhum país encontrado", value: fixedValue, } = 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("");
     const [showCountryOptions, setShowCountryOptions] = useState(false);
     const [value, setValue] = useState(defaultData.formattedNumber || "");
-    const usedValue = formatToPhone(fixedValue) || value;
     const [currentCountry, setCurrentCountry] = useState(() => {
         if (defaultData.country)
             return defaultData.country;
@@ -75,7 +73,7 @@ function PhoneInput(props) {
         if (currentCountry.prefix)
             returnValue += `-${currentCountry.prefix}`;
         returnValue += " ";
-        returnValue += removeNumberMasks(props || usedValue);
+        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 +83,7 @@ function PhoneInput(props) {
                             setShowCountryOptions(false);
                             setValue(country.mask);
                         }, 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: usedValue, onChange: (e) => {
+                        .length === 0 && _jsx("p", { children: notFoundCountryText })] }), _jsx(PhoneInputCountriesOverlay, { isOpen: showCountryOptions, onClick: handleCloseCountryOptions }), _jsx(PhoneInputMask, { ref: inputPhoneMaskRef, currentCountry: currentCountry, value: value, onChange: (e) => {
                     setValue(e);
                     onChange && onChange(inputValue(e));
                 }, disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, size: size }), _jsx("input", { ref: inputRef, type: "hidden", name: name, value: inputValue() })] }));