feat: onEndEditing to return a single object with all values

fakeheal · Mar 1, 2022 · ee188f1 · ee188f1
1 parent 6191efb
commit ee188f1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/example/App.js b/example/App.js
@@ -24,7 +24,7 @@ export default function App() {
   const [filled, setFilled] = useState(DEFAULT_STATE);
 
   const onEndEditingMinimal = useCallback(
-    (isValid, countryCode, value, formatted, flag) => {
+    ({isValid, countryCode, value, formatted, flag}) => {
       console.log(
         'onEndEditingMinimal',
         isValid,
@@ -40,7 +40,7 @@ export default function App() {
   );
 
   const onEndEditingDefaultCountry = useCallback(
-    (isValid, countryCode, value, formatted, flag) => {
+    ({isValid, countryCode, value, formatted, flag}) => {
       console.log(
         'onEndEditingDefaultCountry',
         isValid,
@@ -55,7 +55,7 @@ export default function App() {
   );
 
   const onEndEditingFilled = useCallback(
-    (isValid, countryCode, value, formatted, flag) => {
+    ({isValid, countryCode, value, formatted, flag}) => {
       console.log(
         'onEndEditingFilled',
         isValid,

diff --git a/src/index.tsx b/src/index.tsx
@@ -5,7 +5,7 @@ import { getEmojiFlag } from 'countries-list';
 
 const INTL_SYMBOL = '+';
 
-type IntlPhoneFieldProps = {
+export type IntlPhoneFieldProps = {
   flagUndetermined: string;
   placeholder: string;
   defaultCountry?: CountryCode;
@@ -120,7 +120,7 @@ export default function IntlPhoneField({
         keyboardType="phone-pad"
         onEndEditing={() => {
           if (onEndEditing) {
-            onEndEditing(isValid, countryCode, value, formatted, flag);
+            onEndEditing({ isValid, countryCode, value, formatted, flag });
           }
         }}
         {...textInputProps}