@ews-admin/global-design-system 1.1.26 → 1.1.27

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

@@ -0,0 +1,19 @@
+import React from "react";
+import type { InputProps } from "../Input/Input";
+export interface PhoneInputProps extends Omit<InputProps, "countryCodeSelect" | "leftIcon" | "type"> {
+    /** Currently selected country code (controlled). Defaults to +221 if omitted. */
+    countryCode?: string;
+    /** Called when the user changes the country code dropdown. */
+    onCountryCodeChange?: (code: string) => void;
+}
+/**
+ * Phone number input with integrated country code selector.
+ *
+ * The component stores the **full** phone number (e.g. "+22177123456") as its
+ * form value so that the country code prefix is always preserved on save.
+ * The text field displays only the local part ("77123456") for a clean UX.
+ *
+ * Works with React Hook Form via `Controller` — no extra setup needed.
+ */
+export declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=PhoneInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAO1F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIjD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,mBAAmB,GAAG,UAAU,GAAG,MAAM,CAAC;IACnE,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,0FAgGtB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { PhoneInput } from "./PhoneInput";
+export type { PhoneInputProps } from "./PhoneInput";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhoneInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.d.ts

@@ -34,15 +34,15 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-interface CountryCodeOption {
+interface CountryCodeOption$1 {
     code: string;
     country: string;
 }
-interface CountryCodeSelectProps {
+interface CountryCodeSelectProps$1 {
     /**
      * Array of country code options
      */
-    options: CountryCodeOption[];
+    options: CountryCodeOption$1[];
     /**
      * Currently selected country code
      */
@@ -104,7 +104,7 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
     /**
      * Country code dropdown configuration for phone inputs
      */
-    countryCodeSelect?: CountryCodeSelectProps;
+    countryCodeSelect?: CountryCodeSelectProps$1;
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
@@ -379,6 +379,23 @@ interface DropdownMultiSelectProps<T extends FieldValues, TValue> {
 }
 declare const DropdownMultiSelect: <T extends FieldValues, TValue extends string | number | object>({ options, name, control, placeholder, searchPlaceholder, onChange, value: controlledValue, defaultValue, onValidate, disabled, error, label, className, }: DropdownMultiSelectProps<T, TValue>) => react_jsx_runtime.JSX.Element;
 
+interface PhoneInputProps extends Omit<InputProps, "countryCodeSelect" | "leftIcon" | "type"> {
+    /** Currently selected country code (controlled). Defaults to +221 if omitted. */
+    countryCode?: string;
+    /** Called when the user changes the country code dropdown. */
+    onCountryCodeChange?: (code: string) => void;
+}
+/**
+ * Phone number input with integrated country code selector.
+ *
+ * The component stores the **full** phone number (e.g. "+22177123456") as its
+ * form value so that the country code prefix is always preserved on save.
+ * The text field displays only the local part ("77123456") for a clean UX.
+ *
+ * Works with React Hook Form via `Controller` — no extra setup needed.
+ */
+declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<HTMLInputElement>>;
+
 type LogoSize = "sm" | "md" | "lg" | "xl";
 type LogoVariant = "normal" | "white" | "fullWhite" | "favicon";
 interface LogoProps {
@@ -522,6 +539,54 @@ interface EnvConfig {
  */
 declare function createEnvConfig(env: string, overrides?: EnvConfigOverrides): EnvConfig;
 
+/**
+ * Country code option for phone number selection
+ */
+interface CountryCodeOption {
+    code: string;
+    country: string;
+}
+/**
+ * Props for country code select component
+ */
+interface CountryCodeSelectProps {
+    options: CountryCodeOption[];
+    value: string;
+    onChange: (code: string) => void;
+}
+/**
+ * Available country codes supported by the platform
+ */
+declare const COUNTRY_CODES: CountryCodeOption[];
+/**
+ * Determines the default country code based on phone number prefix or country ISO code.
+ * Falls back to "+221" (Senegal) when no match is found.
+ */
+declare function getDefaultCountryCode(phoneNumber?: string, country?: string): string;
+/**
+ * Extracts the country code prefix from a phone number and returns both
+ * the detected country code and the local number without the prefix.
+ *
+ * @example
+ * extractCountryCodeFromPhoneNumber("+22177123456") // { countryCode: "+221", cleanedPhoneNumber: "77123456" }
+ * extractCountryCodeFromPhoneNumber("77123456")     // { countryCode: "+221", cleanedPhoneNumber: "77123456" }
+ */
+declare function extractCountryCodeFromPhoneNumber(phoneNumber: string, country?: string): {
+    countryCode: string;
+    cleanedPhoneNumber: string;
+};
+/**
+ * Formats a phone number by prepending the country code if not already present.
+ * If the number already starts with a known country code it is returned as-is.
+ * Leading zeros, spaces and dashes are stripped from the local part before formatting.
+ *
+ * @example
+ * formatPhoneNumberWithCountryCode("77123456", "+221")    // "+22177123456"
+ * formatPhoneNumberWithCountryCode("+22177123456", "+221") // "+22177123456" (unchanged)
+ * formatPhoneNumberWithCountryCode("077123456", "+221")   // "+22177123456" (leading 0 stripped)
+ */
+declare function formatPhoneNumberWithCountryCode(phoneNumber: string, countryCode?: string): string;
+
 /**
  * Utility function to merge class names
  * @param inputs - Class values to merge
@@ -647,5 +712,5 @@ interface ThemeProviderProps {
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 declare const useTheme: () => ThemeContextType;
 
-export { BLOOD_TYPES, BloodType, Button, DoctorIcon, DropdownMultiSelect, Icon, Input, Logo, Modal, MultiSearchAutocomplete, PatientIcon, ProfileImageUpload, SearchAutocomplete, Select, SpecialtySearchAutocomplete, ThemeDebugger, ThemeProvider, ThemeToggle, UserIcon, cn, createEnvConfig, debounce, formatCurrency, formatDate, formatNumeric, generateId, isValidPhoneNumber, useDebounce, useDebouncedCallback, useSelectField, useTheme };
-export type { ButtonProps, DropdownMultiSelectProps, EnvConfig, EnvConfigOverrides, Environment, ErrorField, ErrorObject, IconProps, InputProps, LogoProps, ModalProps, ProfileImageUploadProps, SearchableEntity, SelectOption, SelectProps, SimpleIconProps, Specialty, SpecialtySearchAutocompleteProps, Theme, ThemeConfig, ThemeContextType, ThemeDebuggerProps, ThemeToggleProps, UseSelectFieldProps };
+export { BLOOD_TYPES, BloodType, Button, COUNTRY_CODES, DoctorIcon, DropdownMultiSelect, Icon, Input, Logo, Modal, MultiSearchAutocomplete, PatientIcon, PhoneInput, ProfileImageUpload, SearchAutocomplete, Select, SpecialtySearchAutocomplete, ThemeDebugger, ThemeProvider, ThemeToggle, UserIcon, cn, createEnvConfig, debounce, extractCountryCodeFromPhoneNumber, formatCurrency, formatDate, formatNumeric, formatPhoneNumberWithCountryCode, generateId, getDefaultCountryCode, isValidPhoneNumber, useDebounce, useDebouncedCallback, useSelectField, useTheme };
+export type { ButtonProps, CountryCodeOption, CountryCodeSelectProps, DropdownMultiSelectProps, EnvConfig, EnvConfigOverrides, Environment, ErrorField, ErrorObject, IconProps, InputProps, LogoProps, ModalProps, PhoneInputProps, ProfileImageUploadProps, SearchableEntity, SelectOption, SelectProps, SimpleIconProps, Specialty, SpecialtySearchAutocompleteProps, Theme, ThemeConfig, ThemeContextType, ThemeDebuggerProps, ThemeToggleProps, UseSelectFieldProps };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,YAAY,EAAE,SAAS,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAG/E,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1D,OAAO,EACL,WAAW,EACX,SAAS,EACT,EAAE,EACF,eAAe,EACf,QAAQ,EACR,cAAc,EACd,UAAU,EACV,aAAa,EACb,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG1E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,YAAY,EAAE,SAAS,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAG/E,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1D,OAAO,EACL,WAAW,EACX,SAAS,EACT,EAAE,EACF,aAAa,EACb,eAAe,EACf,QAAQ,EACR,iCAAiC,EACjC,cAAc,EACd,UAAU,EACV,aAAa,EACb,gCAAgC,EAChC,UAAU,EACV,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,iBAAiB,EACjB,sBAAsB,EACtB,SAAS,EACT,kBAAkB,EAClB,WAAW,GACZ,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC5E,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAG1E,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC"}