mui-tel-input 9.0.1 → 10.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -9
- package/dist/index.d.ts +1 -3
- package/dist/mui-tel-input.es.js +11031 -3913
- package/package.json +28 -31
package/README.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
</div>
|
|
4
4
|
<div align="center">
|
|
5
5
|
<h1>Material UI tel input</h1>
|
|
6
|
-
<p>A phone number input designed for the React library <a href="https://
|
|
6
|
+
<p>A phone number input designed for the React library <a href="https://mui.com/">MUI (Material UI)</a></p>
|
|
7
7
|
</div>
|
|
8
8
|
<div align="center">
|
|
9
9
|
|
|
@@ -20,11 +20,7 @@
|
|
|
20
20
|
## Installation
|
|
21
21
|
|
|
22
22
|
```
|
|
23
|
-
// with npm
|
|
24
23
|
npm install mui-tel-input
|
|
25
|
-
|
|
26
|
-
// with yarn
|
|
27
|
-
yarn add mui-tel-input
|
|
28
24
|
```
|
|
29
25
|
|
|
30
26
|
The component uses [libphonenumber-js](https://www.npmjs.com/package/libphonenumber-js) for phone number parsing and formatting.
|
|
@@ -50,16 +46,17 @@ const MyComponent = () => {
|
|
|
50
46
|
|
|
51
47
|
Learn how to use MUI Tel Input with [Next.js](https://nextjs.org/).
|
|
52
48
|
|
|
53
|
-
Once you have installed `MUI Tel Input` in your
|
|
49
|
+
Once you have installed `MUI Tel Input` in your Next.js project, it is important to transpile it as it is an ESM package first.
|
|
54
50
|
|
|
55
51
|
```js
|
|
52
|
+
// next.config.mjs
|
|
56
53
|
/** @type {import('next').NextConfig} */
|
|
57
54
|
const nextConfig = {
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
transpilePackages: ['mui-tel-input'],
|
|
56
|
+
// your config
|
|
60
57
|
}
|
|
61
58
|
|
|
62
|
-
|
|
59
|
+
export default nextConfig
|
|
63
60
|
```
|
|
64
61
|
|
|
65
62
|
## [Documentation](https://viclafouch.github.io/mui-tel-input/)
|
package/dist/index.d.ts
CHANGED
|
@@ -44,15 +44,13 @@ declare const ISO_CODES: CountryCode[];
|
|
|
44
44
|
export declare function matchIsValidTel(text: string, options?: {
|
|
45
45
|
excludedCountries?: MuiTelInputCountry[];
|
|
46
46
|
onlyCountries?: MuiTelInputCountry[];
|
|
47
|
-
continents?:
|
|
47
|
+
continents?: MuiTelInputContinent[];
|
|
48
48
|
}): boolean;
|
|
49
49
|
|
|
50
50
|
export declare const MuiTelInput: (props: MuiTelInputProps) => JSX.Element;
|
|
51
51
|
|
|
52
52
|
export declare type MuiTelInputContinent = 'EU' | 'AS' | 'NA' | 'SA' | 'OC' | 'AF';
|
|
53
53
|
|
|
54
|
-
declare type MuiTelInputContinent_2 = 'EU' | 'AS' | 'NA' | 'SA' | 'OC' | 'AF'
|
|
55
|
-
|
|
56
54
|
export declare type MuiTelInputCountry = (typeof ISO_CODES)[number];
|
|
57
55
|
|
|
58
56
|
export declare type MuiTelInputFlagElement = React.ReactNode;
|