mui-tel-input 3.2.2 → 4.0.0

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": "3.2.2",
+  "version": "4.0.0",
   "files": [
     "dist"
   ],
@@ -61,9 +61,9 @@
     "@emotion/react": "^11.5.0",
     "@emotion/styled": "^11.3.0",
     "@mui/material": "^5.0.0",
-    "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -71,53 +71,41 @@
     }
   },
   "dependencies": {
-    "@types/node": "^20.3.3",
-    "libphonenumber-js": "^1.10.37"
+    "@types/node": "^20.4.7",
+    "libphonenumber-js": "^1.10.39"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.5",
+    "@babel/core": "^7.22.9",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@mui/material": "^5.13.6",
-    "@storybook/addon-actions": "^7.0.24",
-    "@storybook/addon-essentials": "^7.0.24",
-    "@storybook/addon-interactions": "^7.0.24",
-    "@storybook/addon-links": "^7.0.24",
-    "@storybook/react": "^7.0.24",
-    "@storybook/react-vite": "^7.0.24",
+    "@mui/material": "^5.14.3",
+    "@storybook/addon-actions": "^7.2.1",
+    "@storybook/addon-essentials": "^7.2.1",
+    "@storybook/addon-interactions": "^7.2.1",
+    "@storybook/addon-links": "^7.2.1",
+    "@storybook/react": "^7.2.1",
+    "@storybook/react-vite": "^7.2.1",
     "@storybook/testing-library": "^0.2.0",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/react": "^18.2.14",
-    "@typescript-eslint/eslint-plugin": "^5.60.1",
-    "@typescript-eslint/parser": "^5.60.1",
-    "@viclafouch/eslint-config-viclafouch": "^3.9.2",
-    "@vitejs/plugin-react": "^4.0.1",
-    "babel-loader": "^9.1.2",
-    "eslint": "^8.44.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "eslint-plugin-testing-library": "^5.11.0",
+    "@types/react": "^18.2.18",
+    "@viclafouch/eslint-config-viclafouch": "^4.1.1",
+    "@vitejs/plugin-react": "^4.0.4",
+    "babel-loader": "^9.1.3",
+    "eslint": "^8.46.0",
     "husky": "^8.0.3",
     "jsdom": "^22.1.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "standard-version": "^9.5.0",
-    "storybook": "^7.0.24",
+    "storybook": "^7.2.1",
     "typescript": "^5.1.6",
-    "vite": "^4.3.9",
+    "vite": "^4.4.8",
     "vite-aliases": "^0.11.2",
-    "vite-plugin-dts": "^3.0.2",
-    "vitest": "^0.32.2"
+    "vite-plugin-dts": "^3.5.0",
+    "vitest": "^0.34.1"
   }
 }

package/dist/index.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ComponentStory } from '@storybook/react';
-import { MuiTelInput, MuiTelInputProps } from './index';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, Omit<MuiTelInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Primary: ComponentStory<typeof MuiTelInput>;

package/dist/index.types.d.ts

@@ -1,33 +0,0 @@
-import { NumberType } from 'libphonenumber-js';
-import type { MenuProps } from '@mui/material/Menu';
-import type { TextFieldProps } from '@mui/material/TextField';
-import type { MuiTelInputContinent } from './shared/constants/continents';
-import type { MuiTelInputCountry } from './shared/constants/countries';
-type BaseTextFieldProps = Omit<TextFieldProps, 'onChange' | 'select' | 'type' | 'multiline' | 'defaultValue'>;
-export type { MuiTelInputContinent, MuiTelInputCountry };
-export type FlagSize = `small` | 'medium';
-export type MuiTelInputReason = 'country' | 'input';
-export interface MuiTelInputInfo {
-    countryCode: MuiTelInputCountry | null;
-    countryCallingCode: string | null;
-    nationalNumber: string | null;
-    numberType: Exclude<NumberType, undefined> | null;
-    numberValue: string | null;
-    reason: MuiTelInputReason;
-}
-export interface MuiTelInputProps extends BaseTextFieldProps {
-    excludedCountries?: MuiTelInputCountry[];
-    onlyCountries?: MuiTelInputCountry[];
-    preferredCountries?: MuiTelInputCountry[];
-    defaultCountry?: MuiTelInputCountry;
-    forceCallingCode?: boolean;
-    focusOnSelectCountry?: boolean;
-    disableDropdown?: boolean;
-    flagSize?: FlagSize;
-    langOfCountryName?: string;
-    disableFormatting?: boolean;
-    continents?: MuiTelInputContinent[];
-    onChange?: (value: string, info: MuiTelInputInfo) => void;
-    value?: string | undefined;
-    MenuProps?: Partial<MenuProps>;
-}

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

@@ -1,7 +0,0 @@
-import { MuiTelInputCountry } from '../constants/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

@@ -1,4 +0,0 @@
-export declare const COUNTRIES: import("libphonenumber-js/types").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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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 sortedPreferredCountries(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 filterCountries(countries: readonly MuiTelInputCountry[], options: FilterCountriesOptions): readonly MuiTelInputCountry[];
-export declare function matchContinentsIncludeCountry(continents: MuiTelInputContinent[], isoCode: MuiTelInputCountry): boolean;
-export declare function sortAlphabeticallyCountryCodes(countryCodes: readonly MuiTelInputCountry[], displayNames: Intl.DisplayNames): readonly MuiTelInputCountry[];
-export {};

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function assocRefToPropRef(ref: unknown, propRef: React.Ref<unknown> | undefined): void;

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

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

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

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

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

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

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

@@ -1,33 +0,0 @@
-import React from 'react';
-import { MuiTelInputContinent } from '../constants/continents';
-import { MuiTelInputCountry } from '../constants/countries';
-import { MuiTelInputInfo } 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>;
-};
-export {};

package/dist/testUtils/index.d.ts

@@ -1,11 +0,0 @@
-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 expectButtonContainsCallingCode(callingCode: string): void;
-export declare function expectButtonNotIsFlagOf(isoCode: MuiTelInputCountry): void;
-export declare function typeInInputElement(value: string): Promise<{
-    result: string;
-}>;
-export declare function selectCountry(isoCode: MuiTelInputCountry): void;
-export declare function closeFlagsMenu(): Promise<void>;