mui-tel-input 7.0.0 → 8.0.0

package/dist/shared/constants/continents.d.ts

@@ -0,0 +1,7 @@
+import { MuiTelInputCountry } from './countries';
+export type MuiTelInputContinent = 'EU' | 'AS' | 'NA' | 'SA' | 'OC' | 'AF';
+type Continents = {
+    [key in MuiTelInputContinent]: MuiTelInputCountry[];
+};
+export declare const CONTINENTS: Continents;
+export {};

package/dist/shared/constants/countries.d.ts

@@ -0,0 +1,5 @@
+import { MetadataJson } from 'libphonenumber-js';
+export declare const COUNTRIES: MetadataJson['countries'];
+export declare const ISO_CODES: import('libphonenumber-js').CountryCode[];
+export type MuiTelInputCountry = (typeof ISO_CODES)[number];
+export declare const DEFAULT_ISO_CODE: MuiTelInputCountry;

package/dist/shared/constants/flags.d.ts

@@ -0,0 +1,6 @@
+type Flags = {
+    AC: string;
+    TA: string;
+};
+export declare const FLAGS_SVG: Flags;
+export {};

package/dist/shared/constants/lang.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_LANG = "en";

package/dist/shared/helpers/__tests__/array.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/helpers/__tests__/country.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/helpers/array.d.ts

@@ -0,0 +1,2 @@
+export declare function matchIsArray(value: unknown, filled?: boolean): value is unknown[];
+export declare function getFirstIntersection<T extends unknown[]>(arrayA: T, arrayB: T): T[number] | null;

package/dist/shared/helpers/country.d.ts

@@ -0,0 +1,18 @@
+import { MuiTelInputContinent } from '../constants/continents';
+import { MuiTelInputCountry } from '../constants/countries';
+type FilterCountriesOptions = {
+    onlyCountries?: readonly MuiTelInputCountry[];
+    excludedCountries?: readonly MuiTelInputCountry[];
+    preferredCountries?: readonly MuiTelInputCountry[];
+    continents?: readonly MuiTelInputContinent[];
+};
+export declare function getCallingCodeOfCountry(isoCode: MuiTelInputCountry): string;
+export declare function getValidCountry(country?: MuiTelInputCountry): MuiTelInputCountry;
+export declare function sortPreferredCountries(countries: readonly MuiTelInputCountry[], preferredCountries: readonly MuiTelInputCountry[]): readonly MuiTelInputCountry[];
+export declare function getCountriesOfContinents(continents: readonly MuiTelInputContinent[]): readonly MuiTelInputCountry[];
+export declare function getOnlyCountries(countries: readonly MuiTelInputCountry[], onlyCountries: readonly MuiTelInputCountry[]): readonly MuiTelInputCountry[];
+export declare function excludeCountries(countries: readonly MuiTelInputCountry[], excludedCountries?: readonly MuiTelInputCountry[]): readonly MuiTelInputCountry[];
+export declare function sortAlphabeticallyCountryCodes(countryCodes: readonly MuiTelInputCountry[], displayNames: Intl.DisplayNames): readonly MuiTelInputCountry[];
+export declare function filterCountries(countries: readonly MuiTelInputCountry[], displayNames: Intl.DisplayNames, options: FilterCountriesOptions): readonly MuiTelInputCountry[];
+export declare function matchContinentsIncludeCountry(continents: MuiTelInputContinent[], isoCode: MuiTelInputCountry): boolean;
+export {};

package/dist/shared/helpers/dom.d.ts

@@ -0,0 +1 @@
+export declare function putCursorAtEndOfInput(inputElement: HTMLInputElement): void;

package/dist/shared/helpers/flag.d.ts

@@ -0,0 +1,14 @@
+import { GetFlagElement, MuiTelInputCountry } from '../../index.types';
+export declare const flagImgClass = "MuiTelInput-FlagImg";
+export declare const getDefaultImgProps: ({ isoCode, countryName }: {
+    isoCode: MuiTelInputCountry;
+    countryName: string;
+}) => {
+    src: string;
+    loading: "lazy";
+    width: number;
+    alt: string;
+    className: string;
+};
+export declare const getDefaultFlagElement: GetFlagElement;
+export declare const defaultUnknownFlagElement: import("react/jsx-runtime").JSX.Element;

package/dist/shared/helpers/intl.d.ts

@@ -0,0 +1 @@
+export declare function getDisplayNames(lang?: string): Intl.DisplayNames;

package/dist/shared/helpers/log.d.ts

@@ -0,0 +1 @@
+export declare function log(...args: Parameters<Console['error']>): void;

package/dist/shared/helpers/object.d.ts

@@ -0,0 +1,2 @@
+export declare function matchIsObject(value: unknown): value is object;
+export declare const getKeys: <T>(object: T) => (keyof T)[];

package/dist/shared/helpers/ref.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function refToRefs(refs: (React.Ref<unknown> | undefined)[]): (refInstance: unknown) => void;

package/dist/shared/helpers/string.d.ts

@@ -0,0 +1 @@
+export declare function removeOccurrence(text: string, part: string | RegExp): string;

package/dist/shared/helpers/valid-phone-number.d.ts

@@ -0,0 +1,7 @@
+import { MuiTelInputContinent } from 'index.types';
+import { MuiTelInputCountry } from '../constants/countries';
+export declare function matchIsValidTel(text: string, options?: {
+    excludedCountries?: MuiTelInputCountry[];
+    onlyCountries?: MuiTelInputCountry[];
+    continents?: MuiTelInputContinent[];
+}): boolean;

package/dist/shared/hooks/__tests__/useMissmatch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/shared/hooks/useAnchor.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { MuiTelInputProps } from '../../index.types';
+type Options = Pick<MuiTelInputProps, 'disableDropdown' | 'disabled'>;
+export declare function useAnchor({ disabled, disableDropdown }: Options): {
+    anchorRef: React.RefObject<HTMLDivElement | null>;
+    anchorEl: HTMLDivElement | null;
+    openMenu: () => void;
+    closeMenu: () => void;
+};
+export {};

package/dist/shared/hooks/useEvents.d.ts

@@ -0,0 +1,10 @@
+import { TextFieldProps } from '@mui/material';
+type Options = Pick<TextFieldProps, 'onDoubleClick' | 'onCopy' | 'onFocus'> & {
+    inputRef: React.MutableRefObject<HTMLInputElement | null>;
+};
+export declare function useEvents({ onDoubleClick, onCopy, onFocus, inputRef }: Options): {
+    handleDoubleClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleCopy: (event: React.ClipboardEvent<HTMLInputElement>) => void;
+    handleFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+};
+export {};

package/dist/shared/hooks/useMissmatchProps.d.ts

@@ -0,0 +1,2 @@
+import { MuiTelInputProps } from '../../index.types';
+export declare function useMismatchProps(props: MuiTelInputProps): void;

package/dist/shared/hooks/usePhoneDigits.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { MuiTelInputContinent } from '../constants/continents';
+import { MuiTelInputCountry } from '../constants/countries';
+import { MuiTelInputInfo, MuiTelInputReason } from '../../index.types';
+type UsePhoneDigitsParams = {
+    value: string;
+    onChange?: (value: string, info: MuiTelInputInfo) => void;
+    defaultCountry?: MuiTelInputCountry;
+    forceCallingCode: boolean;
+    disableFormatting: boolean;
+    excludedCountries?: MuiTelInputCountry[];
+    onlyCountries?: MuiTelInputCountry[];
+    continents?: MuiTelInputContinent[];
+};
+type State = {
+    inputValue: string;
+    isoCode: MuiTelInputCountry | null;
+};
+type GetInitialStateParams = {
+    defaultCountry?: MuiTelInputCountry;
+    initialValue: string;
+    forceCallingCode: boolean;
+    disableFormatting: boolean;
+};
+export declare function getInitialState(params: GetInitialStateParams): State;
+export default function usePhoneDigits({ value, onChange, defaultCountry, onlyCountries, excludedCountries, continents, disableFormatting, forceCallingCode }: UsePhoneDigitsParams): {
+    inputValue: string;
+    isoCode: import('libphonenumber-js').CountryCode | null;
+    onInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onCountryChange: (newCountry: MuiTelInputCountry) => void;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    buildInputInfo: (reason: MuiTelInputReason) => MuiTelInputInfo;
+};
+export {};

package/dist/testUtils/index.d.ts

@@ -0,0 +1,11 @@
+import { MuiTelInputCountry } from '../shared/constants/countries';
+export declare function getInputElement(): HTMLInputElement;
+export declare function getButtonElement(): HTMLButtonElement;
+export declare function expectButtonIsFlagOf(isoCode: MuiTelInputCountry): void;
+export declare function expectButtonNotIsFlagOf(isoCode: MuiTelInputCountry): void;
+export declare function expectButtonContainsCallingCode(callingCode: string): void;
+export declare function typeInInputElement(value: string): Promise<{
+    result: string;
+}>;
+export declare function selectCountry(isoCode: MuiTelInputCountry): void;
+export declare function closeFlagsMenu(): Promise<void>;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/viclafouch/mui-tel-input/issues"
   },
   "homepage": "https://viclafouch.github.io/mui-tel-input",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "files": [
     "dist"
   ],
@@ -61,9 +61,9 @@
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^6.0.0",
-    "@types/react": "^18.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -71,43 +71,43 @@
     }
   },
   "dependencies": {
-    "@types/node": "^22.9.0",
-    "libphonenumber-js": "^1.11.14"
+    "@types/node": "^22.13.7",
+    "libphonenumber-js": "^1.11.19"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^6.1.6",
-    "@storybook/addon-actions": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-interactions": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-vite": "^8.4.2",
-    "@storybook/test": "^8.4.2",
+    "@babel/core": "^7.26.9",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^6.4.6",
+    "@storybook/addon-actions": "^8.6.2",
+    "@storybook/addon-essentials": "^8.6.2",
+    "@storybook/addon-interactions": "^8.6.2",
+    "@storybook/addon-links": "^8.6.2",
+    "@storybook/react": "^8.6.2",
+    "@storybook/react-vite": "^8.6.2",
+    "@storybook/test": "^8.6.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@viclafouch/eslint-config-viclafouch": "^4.16.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@viclafouch/eslint-config-viclafouch": "4.16.0",
+    "@vitejs/plugin-react": "^4.3.4",
     "babel-loader": "^9.2.1",
     "eslint": "^8.56.0",
-    "husky": "^9.1.6",
-    "jsdom": "^25.0.1",
-    "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "husky": "^9.1.7",
+    "jsdom": "^26.0.0",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "standard-version": "^9.5.0",
-    "storybook": "^8.4.2",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
-    "vite-aliases": "^0.11.7",
-    "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.4"
+    "storybook": "^8.6.2",
+    "typescript": "^5.8.2",
+    "vite": "6.2.0",
+    "vite-aliases": "^0.11.8",
+    "vite-plugin-dts": "^4.5.1",
+    "vitest": "^3.0.7"
   }
 }