@mbao01/common 0.4.3 → 0.4.4

package/dist/types/components/Form/Phone/Phone.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
-import { PhoneProps } from './types';
-declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
+declare const Phone: React.ForwardRefExoticComponent<Omit<import('../Input/types').InputProps, "type" | "inputMode" | "label"> & Pick<import('react-international-phone').UsePhoneInputConfig, "defaultCountry"> & React.RefAttributes<HTMLInputElement>>;
 export { Phone };

package/dist/types/components/Form/Phone/types.d.ts

@@ -1,2 +1,3 @@
+import { UsePhoneInputConfig } from 'react-international-phone';
 import { InputProps } from '../Input/types';
-export type PhoneProps = Omit<InputProps, "type" | "label" | "inputMode">;
+export type PhoneProps = Omit<InputProps, "type" | "label" | "inputMode"> & Pick<UsePhoneInputConfig, "defaultCountry">;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.4.3",
+  "version": "0.4.4",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -168,5 +168,5 @@
     "recharts": "2",
     "typescript": "5"
   },
-  "gitHead": "f1e87f8fc6fc61de80777905e5d8e3bb214fab28"
+  "gitHead": "e3e23ca85c4e11eb4e1ce1c07bc110f9d639b818"
 }

package/src/components/Form/Phone/Phone.tsx

@@ -22,14 +22,15 @@ const Phone = React.forwardRef<HTMLInputElement, PhoneProps>(
       outline,
       wide,
       size,
+      defaultCountry = "us",
       ...props
     },
     ref
   ) => {
     const [open, setOpen] = React.useState(false);
     const { inputValue, handlePhoneValueChange, inputRef, country, setCountry } = usePhoneInput({
-      value: defaultValue ? String(defaultValue) : "+231",
-      defaultCountry: "lr",
+      value: defaultValue ? String(defaultValue) : "",
+      defaultCountry,
       forceDialCode: true,
       inputRef: ref as MutableRefObject<HTMLInputElement | null>,
     });

package/src/components/Form/Phone/types.ts

@@ -1,3 +1,5 @@
+import { UsePhoneInputConfig } from "react-international-phone";
 import { type InputProps } from "../Input/types";
 
-export type PhoneProps = Omit<InputProps, "type" | "label" | "inputMode">;
+export type PhoneProps = Omit<InputProps, "type" | "label" | "inputMode"> &
+  Pick<UsePhoneInputConfig, "defaultCountry">;