@xsolla/xui-input-phone 0.119.0 → 0.120.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-input-phone",
-  "version": "0.119.0",
+  "version": "0.120.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,8 +13,8 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.119.0",
-    "@xsolla/xui-primitives-core": "0.119.0",
+    "@xsolla/xui-core": "0.120.0",
+    "@xsolla/xui-primitives-core": "0.120.0",
     "libphonenumber-js": "^1.10.56"
   },
   "peerDependencies": {

package/native/index.js.flow

@@ -1,247 +0,0 @@
-/**
- * Flowtype definitions for index
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-
-import React, { Node, InputHTMLAttributes } from "react";
-
-/**
- * Country data for phone input
- */
-declare interface Country {
-  /**
-   * ISO 3166-1 alpha-2 country code (e.g., "US", "GB")
-   */
-  code: string;
-
-  /**
-   * Country name
-   */
-  name: string;
-
-  /**
-   * International dial code (e.g., "+1", "+44")
-   */
-  dialCode: string;
-
-  /**
-   * Flag icon component
-   */
-  flag?: Node;
-}
-declare type InputPhoneProps = {
-  /**
-   * Property for specifying the value of the control.
-   */
-  value?: string,
-
-  /**
-   * Property for specifying the placeholder of the control.
-   */
-  placeholder?: string,
-
-  /**
-   * Event handler when the value changes (for controlled mode).
-   */
-  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,
-
-  /**
-   * Event handler when the text changes (alternative to onChange).
-   */
-  onChangeText?: (text: string) => void,
-
-  /**
-   * Property for changing the size of the input.
-   */
-  size?: "xl" | "lg" | "md" | "sm" | "xs",
-
-  /**
-   * Property for specifying the name of the control.
-   */
-  name?: string,
-
-  /**
-   * Property for disabling the control.
-   */
-  disabled?: boolean,
-
-  /**
-   * Property for displaying an error message and highlighting the control as invalid.
-   */
-  errorMessage?: string,
-
-  /**
-   * Property for displaying an error and highlighting the control as invalid.
-   */
-  error?: boolean,
-
-  /**
-   * Array of countries to display in the dropdown.
-   * Defaults to all 200+ countries if not provided.
-   */
-  countries?: Country[],
-
-  /**
-   * Currently selected country.
-   */
-  selectedCountry?: Country,
-
-  /**
-   * Callback when a country is selected.
-   */
-  onCountryChange?: (country: Country) => void,
-
-  /**
-   * Add function clear for input.
-   */
-  extraClear?: boolean,
-
-  /**
-   * Function triggered when user clicks on extraClear button.
-   */
-  onRemove?: () => void,
-
-  /**
-   * Property for show checked status in input. Show only if not errorMessage.
-   */
-  checked?: boolean,
-
-  /**
-   * Property for passing a new icon to replace the default checked icon.
-   */
-  checkedIcon?: Node,
-
-  /**
-   * Unique identifier for the input element. Used for accessibility linking.
-   */
-  id?: string,
-
-  /**
-   * Accessible label for screen readers when no visible label is present.
-   */
-  "aria-label"?: string,
-
-  /**
-   * Test identifier for the component.
-   */
-  testID?: string,
-  ...
-} & $Diff<InputHTMLAttributes<HTMLInputElement>, { size: any, onChange: any }>;
-declare var InputPhone: React.ForwardRefExoticComponent<{
-  ...InputPhoneProps,
-  ...React.RefAttributes<HTMLInputElement>,
-}>;
-declare interface UsePhoneNumberOptions {
-  /**
-   * Initial country code (ISO 3166-1 alpha-2, e.g., "US", "MY")
-   */
-  initialCountry?: string;
-
-  /**
-   * Initial phone number value
-   */
-  initialValue?: string;
-
-  /**
-   * Callback when phone number changes
-   */
-  onChange?: (phoneNumber: string) => void;
-
-  /**
-   * Callback when country changes
-   */
-  onCountryChange?: (country: Country | void) => void;
-}
-declare interface UsePhoneNumberReturn {
-  /**
-   * Raw phone number (with country code)
-   */
-  phoneNumber: string;
-
-  /**
-   * Formatted phone number for display
-   */
-  formattedPhoneNumber: string;
-
-  /**
-   * Currently detected/selected country
-   */
-  country: Country | void;
-
-  /**
-   * All available countries
-   */
-  countries: Country[];
-
-  /**
-   * Handle phone number input change
-   */
-  handlePhoneChange: (value: string) => void;
-
-  /**
-   * Handle country selection change
-   */
-  handleCountryChange: (country: Country) => void;
-
-  /**
-   * Set phone number programmatically
-   */
-  setPhoneNumber: (value: string) => void;
-}
-/**
- * Hook for managing phone number input with formatting and country detection
- * @example ```tsx
- * const {
- *   phoneNumber,
- *   formattedPhoneNumber,
- *   country,
- *   countries,
- *   handlePhoneChange,
- *   handleCountryChange,
- * } = usePhoneNumber({
- *   initialCountry: "MY",
- *   onChange: (phone) => console.log("Phone:", phone),
- * });
- * ```
- */
-declare var usePhoneNumber: (
-  options?: UsePhoneNumberOptions
-) => UsePhoneNumberReturn;
-/**
- * Get flag component for a country code
- */
-declare var getFlag: (code: string) => React.ReactNode;
-/**
- * Complete list of all countries with flags
- * Sorted alphabetically by name
- */
-declare var allCountries: Country[];
-/**
- * Get a country by its ISO code
- */
-declare var getCountryByCode: (code: string) => Country | void;
-/**
- * Get a country by its dial code
- */
-declare var getCountryByDialCode: (dialCode: string) => Country | void;
-/**
- * Default countries (commonly used)
- */
-declare var defaultCountries: Country[];
-export type {
-  Country,
-  InputPhoneProps,
-  UsePhoneNumberOptions,
-  UsePhoneNumberReturn,
-};
-declare export {
-  InputPhone,
-  allCountries,
-  defaultCountries,
-  getCountryByCode,
-  getCountryByDialCode,
-  getFlag,
-  usePhoneNumber,
-};

package/web/index.js.flow

@@ -1,247 +0,0 @@
-/**
- * Flowtype definitions for index
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-
-import React, { Node, InputHTMLAttributes } from "react";
-
-/**
- * Country data for phone input
- */
-declare interface Country {
-  /**
-   * ISO 3166-1 alpha-2 country code (e.g., "US", "GB")
-   */
-  code: string;
-
-  /**
-   * Country name
-   */
-  name: string;
-
-  /**
-   * International dial code (e.g., "+1", "+44")
-   */
-  dialCode: string;
-
-  /**
-   * Flag icon component
-   */
-  flag?: Node;
-}
-declare type InputPhoneProps = {
-  /**
-   * Property for specifying the value of the control.
-   */
-  value?: string,
-
-  /**
-   * Property for specifying the placeholder of the control.
-   */
-  placeholder?: string,
-
-  /**
-   * Event handler when the value changes (for controlled mode).
-   */
-  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void,
-
-  /**
-   * Event handler when the text changes (alternative to onChange).
-   */
-  onChangeText?: (text: string) => void,
-
-  /**
-   * Property for changing the size of the input.
-   */
-  size?: "xl" | "lg" | "md" | "sm" | "xs",
-
-  /**
-   * Property for specifying the name of the control.
-   */
-  name?: string,
-
-  /**
-   * Property for disabling the control.
-   */
-  disabled?: boolean,
-
-  /**
-   * Property for displaying an error message and highlighting the control as invalid.
-   */
-  errorMessage?: string,
-
-  /**
-   * Property for displaying an error and highlighting the control as invalid.
-   */
-  error?: boolean,
-
-  /**
-   * Array of countries to display in the dropdown.
-   * Defaults to all 200+ countries if not provided.
-   */
-  countries?: Country[],
-
-  /**
-   * Currently selected country.
-   */
-  selectedCountry?: Country,
-
-  /**
-   * Callback when a country is selected.
-   */
-  onCountryChange?: (country: Country) => void,
-
-  /**
-   * Add function clear for input.
-   */
-  extraClear?: boolean,
-
-  /**
-   * Function triggered when user clicks on extraClear button.
-   */
-  onRemove?: () => void,
-
-  /**
-   * Property for show checked status in input. Show only if not errorMessage.
-   */
-  checked?: boolean,
-
-  /**
-   * Property for passing a new icon to replace the default checked icon.
-   */
-  checkedIcon?: Node,
-
-  /**
-   * Unique identifier for the input element. Used for accessibility linking.
-   */
-  id?: string,
-
-  /**
-   * Accessible label for screen readers when no visible label is present.
-   */
-  "aria-label"?: string,
-
-  /**
-   * Test identifier for the component.
-   */
-  testID?: string,
-  ...
-} & $Diff<InputHTMLAttributes<HTMLInputElement>, { size: any, onChange: any }>;
-declare var InputPhone: React.ForwardRefExoticComponent<{
-  ...InputPhoneProps,
-  ...React.RefAttributes<HTMLInputElement>,
-}>;
-declare interface UsePhoneNumberOptions {
-  /**
-   * Initial country code (ISO 3166-1 alpha-2, e.g., "US", "MY")
-   */
-  initialCountry?: string;
-
-  /**
-   * Initial phone number value
-   */
-  initialValue?: string;
-
-  /**
-   * Callback when phone number changes
-   */
-  onChange?: (phoneNumber: string) => void;
-
-  /**
-   * Callback when country changes
-   */
-  onCountryChange?: (country: Country | void) => void;
-}
-declare interface UsePhoneNumberReturn {
-  /**
-   * Raw phone number (with country code)
-   */
-  phoneNumber: string;
-
-  /**
-   * Formatted phone number for display
-   */
-  formattedPhoneNumber: string;
-
-  /**
-   * Currently detected/selected country
-   */
-  country: Country | void;
-
-  /**
-   * All available countries
-   */
-  countries: Country[];
-
-  /**
-   * Handle phone number input change
-   */
-  handlePhoneChange: (value: string) => void;
-
-  /**
-   * Handle country selection change
-   */
-  handleCountryChange: (country: Country) => void;
-
-  /**
-   * Set phone number programmatically
-   */
-  setPhoneNumber: (value: string) => void;
-}
-/**
- * Hook for managing phone number input with formatting and country detection
- * @example ```tsx
- * const {
- *   phoneNumber,
- *   formattedPhoneNumber,
- *   country,
- *   countries,
- *   handlePhoneChange,
- *   handleCountryChange,
- * } = usePhoneNumber({
- *   initialCountry: "MY",
- *   onChange: (phone) => console.log("Phone:", phone),
- * });
- * ```
- */
-declare var usePhoneNumber: (
-  options?: UsePhoneNumberOptions
-) => UsePhoneNumberReturn;
-/**
- * Get flag component for a country code
- */
-declare var getFlag: (code: string) => React.ReactNode;
-/**
- * Complete list of all countries with flags
- * Sorted alphabetically by name
- */
-declare var allCountries: Country[];
-/**
- * Get a country by its ISO code
- */
-declare var getCountryByCode: (code: string) => Country | void;
-/**
- * Get a country by its dial code
- */
-declare var getCountryByDialCode: (dialCode: string) => Country | void;
-/**
- * Default countries (commonly used)
- */
-declare var defaultCountries: Country[];
-export type {
-  Country,
-  InputPhoneProps,
-  UsePhoneNumberOptions,
-  UsePhoneNumberReturn,
-};
-declare export {
-  InputPhone,
-  allCountries,
-  defaultCountries,
-  getCountryByCode,
-  getCountryByDialCode,
-  getFlag,
-  usePhoneNumber,
-};