mui-tel-input 3.1.2 → 3.2.0

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

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

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

@@ -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/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 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

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

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 React from 'react';
+export declare function assocRefToPropRef(ref: unknown, propRef: React.Ref<unknown> | undefined): void;

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

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

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,33 @@
+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/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.1.2",
+  "version": "3.2.0",
   "files": [
     "dist"
   ],
@@ -41,8 +41,8 @@
     "build": "vite build",
     "lint": "tsc && eslint . --ext .js,.jsx,.ts,.tsx",
     "lint:fix": "npm run lint -- --fix",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "test": "vitest",
     "release": "standard-version",
     "coverage": "vitest run --coverage",
@@ -71,51 +71,53 @@
     }
   },
   "dependencies": {
-    "libphonenumber-js": "^1.10.15"
+    "@types/node": "^20.2.5",
+    "libphonenumber-js": "^1.10.30"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.3",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "@mui/material": "^5.10.8",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-interactions": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/react": "^6.5.12",
-    "@storybook/testing-library": "^0.0.13",
+    "@babel/core": "^7.22.1",
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.13.2",
+    "@storybook/addon-actions": "^7.0.18",
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-interactions": "^7.0.18",
+    "@storybook/addon-links": "^7.0.18",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-vite": "^7.0.18",
+    "@storybook/testing-library": "^0.1.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/ramda": "^0.28.15",
-    "@types/react": "^18.0.21",
-    "@typescript-eslint/eslint-plugin": "^5.39.0",
-    "@typescript-eslint/parser": "^5.39.0",
-    "@viclafouch/eslint-config-viclafouch": "^3.8.1",
-    "@vitejs/plugin-react": "^2.1.0",
-    "babel-loader": "^8.2.5",
-    "eslint": "^8.24.0",
+    "@types/react": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "@typescript-eslint/parser": "^5.59.7",
+    "@viclafouch/eslint-config-viclafouch": "^3.9.2",
+    "@vitejs/plugin-react": "^4.0.0",
+    "babel-loader": "^9.1.2",
+    "eslint": "^8.41.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "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.31.8",
+    "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^8.0.0",
-    "eslint-plugin-testing-library": "^5.7.2",
-    "husky": "^8.0.1",
-    "jsdom": "^20.0.1",
-    "prettier": "^2.7.1",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
+    "eslint-plugin-testing-library": "^5.11.0",
+    "husky": "^8.0.3",
+    "jsdom": "^22.1.0",
+    "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "standard-version": "^9.5.0",
-    "typescript": "^4.8.4",
-    "vite": "^3.1.6",
-    "vite-aliases": "^0.9.2",
-    "vite-plugin-dts": "^1.6.5",
-    "vitest": "^0.23.4"
+    "storybook": "^7.0.18",
+    "typescript": "^5.0.4",
+    "vite": "^4.3.9",
+    "vite-aliases": "^0.11.2",
+    "vite-plugin-dts": "^2.3.0",
+    "vitest": "^0.31.1"
   }
 }