UNPKG

21.1 kBTypeScriptView Raw
1import * as React from 'react';
2import {StyletronComponent} from 'styletron-react';
3import {SIZE, InputProps} from '../input';
4import {OnChangeParams} from '../select';
5import {Override} from '../overrides';
6
7export interface STATE_CHANGE_TYPE {
8 textChange: 'textChange';
9 countryChange: 'countryChange';
10}
11
12export {SIZE};
13
14export interface COUNTRIES {
15 AF: {label: 'Afghanistan (‫افغانستان‬‎)'; id: 'AF'; dialCode: '+93'};
16 AL: {label: 'Albania (Shqipëri)'; id: 'AL'; dialCode: '+355'};
17 DZ: {label: 'Algeria (‫الجزائر‬‎)'; id: 'DZ'; dialCode: '+213'};
18 AS: {label: 'American Samoa'; id: 'AS'; dialCode: '+1684'};
19 AD: {label: 'Andorra'; id: 'AD'; dialCode: '+376'};
20 AO: {label: 'Angola'; id: 'AO'; dialCode: '+244'};
21 AI: {label: 'Anguilla'; id: 'AI'; dialCode: '+1264'};
22 AG: {label: 'Antigua and Barbuda'; id: 'AG'; dialCode: '+1268'};
23 AR: {label: 'Argentina'; id: 'AR'; dialCode: '+54'};
24 AM: {label: 'Armenia (Հայաստան)'; id: 'AM'; dialCode: '+374'};
25 AW: {label: 'Aruba'; id: 'AW'; dialCode: '+297'};
26 AU: {label: 'Australia'; id: 'AU'; dialCode: '+61'};
27 AT: {label: 'Austria (Österreich)'; id: 'AT'; dialCode: '+43'};
28 AZ: {label: 'Azerbaijan (Azərbaycan)'; id: 'AZ'; dialCode: '+994'};
29 BS: {label: 'Bahamas'; id: 'BS'; dialCode: '+1242'};
30 BH: {label: 'Bahrain (‫البحرين‬‎)'; id: 'BH'; dialCode: '+973'};
31 BD: {label: 'Bangladesh (বাংলাদেশ)'; id: 'BD'; dialCode: '+880'};
32 BB: {label: 'Barbados'; id: 'BB'; dialCode: '+1246'};
33 BY: {label: 'Belarus (Беларусь)'; id: 'BY'; dialCode: '+375'};
34 BE: {label: 'Belgium (België)'; id: 'BE'; dialCode: '+32'};
35 BZ: {label: 'Belize'; id: 'BZ'; dialCode: '+501'};
36 BJ: {label: 'Benin (Bénin)'; id: 'BJ'; dialCode: '+229'};
37 BM: {label: 'Bermuda'; id: 'BM'; dialCode: '+1441'};
38 BT: {label: 'Bhutan (འབྲུག)'; id: 'BT'; dialCode: '+975'};
39 BO: {label: 'Bolivia'; id: 'BO'; dialCode: '+591'};
40 BA: {
41 label: 'Bosnia and Herzegovina (Босна и Херцеговина)';
42 id: 'BA';
43 dialCode: '+387';
44 };
45 BW: {label: 'Botswana'; id: 'BW'; dialCode: '+267'};
46 BR: {label: 'Brazil (Brasil)'; id: 'BR'; dialCode: '+55'};
47 IO: {label: 'British Indian Ocean Territory'; id: 'IO'; dialCode: '+246'};
48 VG: {label: 'British Virgin Islands'; id: 'VG'; dialCode: '+1284'};
49 BN: {label: 'Brunei'; id: 'BN'; dialCode: '+673'};
50 BG: {label: 'Bulgaria (България)'; id: 'BG'; dialCode: '+359'};
51 BF: {label: 'Burkina Faso'; id: 'BF'; dialCode: '+226'};
52 BI: {label: 'Burundi (Uburundi)'; id: 'BI'; dialCode: '+257'};
53 KH: {label: 'Cambodia (កម្ពុជា)'; id: 'KH'; dialCode: '+855'};
54 CM: {label: 'Cameroon (Cameroun)'; id: 'CM'; dialCode: '+237'};
55 CA: {label: 'Canada'; id: 'CA'; dialCode: '+1'};
56 CV: {label: 'Cape Verde (Kabu Verdi)'; id: 'CV'; dialCode: '+238'};
57 KY: {label: 'Cayman Islands'; id: 'KY'; dialCode: '+1345'};
58 CF: {
59 label: 'Central African Republic (République centrafricaine)';
60 id: 'CF';
61 dialCode: '+236';
62 };
63 TD: {label: 'Chad (Tchad)'; id: 'TD'; dialCode: '+235'};
64 CL: {label: 'Chile'; id: 'CL'; dialCode: '+56'};
65 CN: {label: 'China (中国)'; id: 'CN'; dialCode: '+86'};
66 CX: {label: 'Christmas Island'; id: 'CX'; dialCode: '+61'};
67 CC: {label: 'Cocos (Keeling) Islands'; id: 'CC'; dialCode: '+61'};
68 CO: {label: 'Colombia'; id: 'CO'; dialCode: '+57'};
69 KM: {label: 'Comoros (‫جزر القمر‬‎)'; id: 'KM'; dialCode: '+269'};
70 CD: {
71 label: 'Congo (DRC) (Jamhuri ya Kisoemokrasia ya Kongo)';
72 id: 'CD';
73 dialCode: '+243';
74 };
75 CG: {
76 label: 'Congo (Republic) (Congo-Brazzaville)';
77 id: 'CG';
78 dialCode: '+242';
79 };
80 CK: {label: 'Cook Islands'; id: 'CK'; dialCode: '+682'};
81 CR: {label: 'Costa Rica'; id: 'CR'; dialCode: '+506'};
82 CI: {label: 'Côte d’Ivoire'; id: 'CI'; dialCode: '+225'};
83 HR: {label: 'Croatia (Hrvatska)'; id: 'HR'; dialCode: '+385'};
84 CU: {label: 'Cuba'; id: 'CU'; dialCode: '+53'};
85 CW: {label: 'Curaçao'; id: 'CW'; dialCode: '+599'};
86 CY: {label: 'Cyprus (Κύπρος)'; id: 'CY'; dialCode: '+357'};
87 CZ: {label: 'Czech Republic (Česká republika)'; id: 'CZ'; dialCode: '+420'};
88 DK: {label: 'Denmark (Danmark)'; id: 'DK'; dialCode: '+45'};
89 DJ: {label: 'Djibouti'; id: 'DJ'; dialCode: '+253'};
90 DM: {label: 'Dominica'; id: 'DM'; dialCode: '+1767'};
91 DO: {
92 label: 'Dominican Republic (República Dominicana)';
93 id: 'DO';
94 dialCode: '+1';
95 };
96 EC: {label: 'Ecuador'; id: 'EC'; dialCode: '+593'};
97 EG: {label: 'Egypt (‫مصر‬‎)'; id: 'EG'; dialCode: '+20'};
98 SV: {label: 'El Salvador'; id: 'SV'; dialCode: '+503'};
99 GQ: {
100 label: 'Equatorial Guinea (Guinea Ecuatorial)';
101 id: 'GQ';
102 dialCode: '+240';
103 };
104 ER: {label: 'Eritrea'; id: 'ER'; dialCode: '+291'};
105 EE: {label: 'Estonia (Eesti)'; id: 'EE'; dialCode: '+372'};
106 ET: {label: 'Ethiopia'; id: 'ET'; dialCode: '+251'};
107 FK: {label: 'Falkland Islands (Islas Malvinas)'; id: 'FK'; dialCode: '+500'};
108 FO: {label: 'Faroe Islands (Føroyar)'; id: 'FO'; dialCode: '+298'};
109 FJ: {label: 'Fiji'; id: 'FJ'; dialCode: '+679'};
110 FI: {label: 'Finland (Suomi)'; id: 'FI'; dialCode: '+358'};
111 FR: {label: 'France'; id: 'FR'; dialCode: '+33'};
112 GF: {label: 'French Guiana (Guyane française)'; id: 'GF'; dialCode: '+594'};
113 PF: {
114 label: 'French Polynesia (Polynésie française)';
115 id: 'PF';
116 dialCode: '+689';
117 };
118 GA: {label: 'Gabon'; id: 'GA'; dialCode: '+241'};
119 GM: {label: 'Gambia'; id: 'GM'; dialCode: '+220'};
120 GE: {label: 'Georgia (საქართველო)'; id: 'GE'; dialCode: '+995'};
121 DE: {label: 'Germany (Deutschland)'; id: 'DE'; dialCode: '+49'};
122 GH: {label: 'Ghana (Gaana)'; id: 'GH'; dialCode: '+233'};
123 GI: {label: 'Gibraltar'; id: 'GI'; dialCode: '+350'};
124 GR: {label: 'Greece (Ελλάδα)'; id: 'GR'; dialCode: '+30'};
125 GL: {label: 'Greenland (Kalaallit Nunaat)'; id: 'GL'; dialCode: '+299'};
126 GD: {label: 'Grenada'; id: 'GD'; dialCode: '+1473'};
127 GP: {label: 'Guadeloupe'; id: 'GP'; dialCode: '+590'};
128 GU: {label: 'Guam'; id: 'GU'; dialCode: '+1671'};
129 GT: {label: 'Guatemala'; id: 'GT'; dialCode: '+502'};
130 GG: {label: 'Guernsey'; id: 'GG'; dialCode: '+44'};
131 GN: {label: 'Guinea (Guinée)'; id: 'GN'; dialCode: '+224'};
132 GW: {label: 'Guinea-Bissau (Guiné Bissau)'; id: 'GW'; dialCode: '+245'};
133 GY: {label: 'Guyana'; id: 'GY'; dialCode: '+592'};
134 HT: {label: 'Haiti'; id: 'HT'; dialCode: '+509'};
135 HN: {label: 'Honduras'; id: 'HN'; dialCode: '+504'};
136 HK: {label: 'Hong Kong (香港)'; id: 'HK'; dialCode: '+852'};
137 HU: {label: 'Hungary (Magyarország)'; id: 'HU'; dialCode: '+36'};
138 IS: {label: 'Iceland (Ísland)'; id: 'IS'; dialCode: '+354'};
139 IN: {label: 'India (भारत)'; id: 'IN'; dialCode: '+91'};
140 ID: {label: 'Indonesia'; id: 'ID'; dialCode: '+62'};
141 IR: {label: 'Iran (‫ایران‬‎)'; id: 'IR'; dialCode: '+98'};
142 IQ: {label: 'Iraq (‫العراق‬‎)'; id: 'IQ'; dialCode: '+964'};
143 IE: {label: 'Ireland'; id: 'IE'; dialCode: '+353'};
144 IM: {label: 'Isle of Man'; id: 'IM'; dialCode: '+44'};
145 IL: {label: 'Israel (‫ישראל‬‎)'; id: 'IL'; dialCode: '+972'};
146 IT: {label: 'Italy (Italia)'; id: 'IT'; dialCode: '+39'};
147 JM: {label: 'Jamaica'; id: 'JM'; dialCode: '+1'};
148 JP: {label: 'Japan (日本)'; id: 'JP'; dialCode: '+81'};
149 JE: {label: 'Jersey'; id: 'JE'; dialCode: '+44'};
150 JO: {label: 'Jordan (‫الأردن‬‎)'; id: 'JO'; dialCode: '+962'};
151 KZ: {label: 'Kazakhstan (Казахстан)'; id: 'KZ'; dialCode: '+7'};
152 KE: {label: 'Kenya'; id: 'KE'; dialCode: '+254'};
153 KI: {label: 'Kiribati'; id: 'KI'; dialCode: '+686'};
154 XK: {label: 'Kosovo'; id: 'XK'; dialCode: '+383'};
155 KW: {label: 'Kuwait (‫الكويت‬‎)'; id: 'KW'; dialCode: '+965'};
156 KG: {label: 'Kyrgyzstan (Кыргызстан)'; id: 'KG'; dialCode: '+996'};
157 LA: {label: 'Laos (ລາວ)'; id: 'LA'; dialCode: '+856'};
158 LV: {label: 'Latvia (Latvija)'; id: 'LV'; dialCode: '+371'};
159 LB: {label: 'Lebanon (‫لبنان‬‎)'; id: 'LB'; dialCode: '+961'};
160 LS: {label: 'Lesotho'; id: 'LS'; dialCode: '+266'};
161 LR: {label: 'Liberia'; id: 'LR'; dialCode: '+231'};
162 LY: {label: 'Libya (‫ليبيا‬‎)'; id: 'LY'; dialCode: '+218'};
163 LI: {label: 'Liechtenstein'; id: 'LI'; dialCode: '+423'};
164 LT: {label: 'Lithuania (Lietuva)'; id: 'LT'; dialCode: '+370'};
165 LU: {label: 'Luxembourg'; id: 'LU'; dialCode: '+352'};
166 MO: {label: 'Macau (澳門)'; id: 'MO'; dialCode: '+853'};
167 MK: {label: 'Macedonia (FYROM) (Македонија)'; id: 'MK'; dialCode: '+389'};
168 MG: {label: 'Madagascar (Madagasikara)'; id: 'MG'; dialCode: '+261'};
169 MW: {label: 'Malawi'; id: 'MW'; dialCode: '+265'};
170 MY: {label: 'Malaysia'; id: 'MY'; dialCode: '+60'};
171 MV: {label: 'Maldives'; id: 'MV'; dialCode: '+960'};
172 ML: {label: 'Mali'; id: 'ML'; dialCode: '+223'};
173 MT: {label: 'Malta'; id: 'MT'; dialCode: '+356'};
174 MH: {label: 'Marshall Islands'; id: 'MH'; dialCode: '+692'};
175 MQ: {label: 'Martinique'; id: 'MQ'; dialCode: '+596'};
176 MR: {label: 'Mauritania (‫موريتانيا‬‎)'; id: 'MR'; dialCode: '+222'};
177 MU: {label: 'Mauritius (Moris)'; id: 'MU'; dialCode: '+230'};
178 YT: {label: 'Mayotte'; id: 'YT'; dialCode: '+262'};
179 MX: {label: 'Mexico (México)'; id: 'MX'; dialCode: '+52'};
180 FM: {label: 'Micronesia'; id: 'FM'; dialCode: '+691'};
181 MD: {label: 'Moldova (Republica Moldova)'; id: 'MD'; dialCode: '+373'};
182 MC: {label: 'Monaco'; id: 'MC'; dialCode: '+377'};
183 MN: {label: 'Mongolia (Монгол)'; id: 'MN'; dialCode: '+976'};
184 ME: {label: 'Montenegro (Crna Gora)'; id: 'ME'; dialCode: '+382'};
185 MS: {label: 'Montserrat'; id: 'MS'; dialCode: '+1664'};
186 MA: {label: 'Morocco (‫المغرب‬‎)'; id: 'MA'; dialCode: '+212'};
187 MZ: {label: 'Mozambique (Moçambique)'; id: 'MZ'; dialCode: '+258'};
188 MM: {label: 'Myanmar (Burma) (မြန်မာ)'; id: 'MM'; dialCode: '+95'};
189 NA: {label: 'Namibia (Namibië)'; id: 'NA'; dialCode: '+264'};
190 NR: {label: 'Nauru'; id: 'NR'; dialCode: '+674'};
191 NP: {label: 'Nepal (नेपाल)'; id: 'NP'; dialCode: '+977'};
192 NL: {label: 'Netherlands (Nederland)'; id: 'NL'; dialCode: '+31'};
193 NC: {label: 'New Caledonia (Nouvelle-Calédonie)'; id: 'NC'; dialCode: '+687'};
194 NZ: {label: 'New Zealand'; id: 'NZ'; dialCode: '+64'};
195 NI: {label: 'Nicaragua'; id: 'NI'; dialCode: '+505'};
196 NE: {label: 'Niger (Nijar)'; id: 'NE'; dialCode: '+227'};
197 NG: {label: 'Nigeria'; id: 'NG'; dialCode: '+234'};
198 NU: {label: 'Niue'; id: 'NU'; dialCode: '+683'};
199 NF: {label: 'Norfolk Island'; id: 'NF'; dialCode: '+672'};
200 KP: {
201 label: 'North Korea (조선 민주주의 인민 공화국)';
202 id: 'KP';
203 dialCode: '+850';
204 };
205 MP: {label: 'Northern Mariana Islands'; id: 'MP'; dialCode: '+1670'};
206 NO: {label: 'Norway (Norge)'; id: 'NO'; dialCode: '+47'};
207 OM: {label: 'Oman (‫عُمان‬‎)'; id: 'OM'; dialCode: '+968'};
208 PK: {label: 'Pakistan (‫پاکستان‬‎)'; id: 'PK'; dialCode: '+92'};
209 PW: {label: 'Palau'; id: 'PW'; dialCode: '+680'};
210 PS: {label: 'Palestine (‫فلسطين‬‎)'; id: 'PS'; dialCode: '+970'};
211 PA: {label: 'Panama (Panamá)'; id: 'PA'; dialCode: '+507'};
212 PG: {label: 'Papua New Guinea'; id: 'PG'; dialCode: '+675'};
213 PY: {label: 'Paraguay'; id: 'PY'; dialCode: '+595'};
214 PE: {label: 'Peru (Perú)'; id: 'PE'; dialCode: '+51'};
215 PH: {label: 'Philippines'; id: 'PH'; dialCode: '+63'};
216 PL: {label: 'Poland (Polska)'; id: 'PL'; dialCode: '+48'};
217 PT: {label: 'Portugal'; id: 'PT'; dialCode: '+351'};
218 PR: {label: 'Puerto Rico'; id: 'PR'; dialCode: '+1'};
219 QA: {label: 'Qatar (‫قطر‬‎)'; id: 'QA'; dialCode: '+974'};
220 RE: {label: 'Réunion (La Réunion)'; id: 'RE'; dialCode: '+262'};
221 RO: {label: 'Romania (România)'; id: 'RO'; dialCode: '+40'};
222 RU: {label: 'Russia (Россия)'; id: 'RU'; dialCode: '+7'};
223 RW: {label: 'Rwanda'; id: 'RW'; dialCode: '+250'};
224 BL: {label: 'Saint Barthélemy'; id: 'BL'; dialCode: '+590'};
225 SH: {label: 'Saint Helena'; id: 'SH'; dialCode: '+290'};
226 KN: {label: 'Saint Kitts and Nevis'; id: 'KN'; dialCode: '+1869'};
227 LC: {label: 'Saint Lucia'; id: 'LC'; dialCode: '+1758'};
228 MF: {
229 label: 'Saint Martin (Saint-Martin (partie française))';
230 id: 'MF';
231 dialCode: '+590';
232 };
233 PM: {
234 label: 'Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)';
235 id: 'PM';
236 dialCode: '+508';
237 };
238 VC: {label: 'Saint Vincent and the Grenadines'; id: 'VC'; dialCode: '+1784'};
239 WS: {label: 'Samoa'; id: 'WS'; dialCode: '+685'};
240 SM: {label: 'San Marino'; id: 'SM'; dialCode: '+378'};
241 ST: {
242 label: 'São Tomé and Príncipe (São Tomé e Príncipe)';
243 id: 'ST';
244 dialCode: '+239';
245 };
246 SA: {
247 label: 'Saudi Arabia (‫المملكة العربية السعودية‬‎)';
248 id: 'SA';
249 dialCode: '+966';
250 };
251 SN: {label: 'Senegal (Sénégal)'; id: 'SN'; dialCode: '+221'};
252 RS: {label: 'Serbia (Србија)'; id: 'RS'; dialCode: '+381'};
253 SC: {label: 'Seychelles'; id: 'SC'; dialCode: '+248'};
254 SL: {label: 'Sierra Leone'; id: 'SL'; dialCode: '+232'};
255 SG: {label: 'Singapore'; id: 'SG'; dialCode: '+65'};
256 SX: {label: 'Sint Maarten'; id: 'SX'; dialCode: '+1721'};
257 SK: {label: 'Slovakia (Slovensko)'; id: 'SK'; dialCode: '+421'};
258 SI: {label: 'Slovenia (Slovenija)'; id: 'SI'; dialCode: '+386'};
259 SB: {label: 'Solomon Islands'; id: 'SB'; dialCode: '+677'};
260 SO: {label: 'Somalia (Soomaaliya)'; id: 'SO'; dialCode: '+252'};
261 ZA: {label: 'South Africa'; id: 'ZA'; dialCode: '+27'};
262 KR: {label: 'South Korea (대한민국)'; id: 'KR'; dialCode: '+82'};
263 SS: {label: 'South Sudan (‫جنوب السودان‬‎)'; id: 'SS'; dialCode: '+211'};
264 ES: {label: 'Spain (España)'; id: 'ES'; dialCode: '+34'};
265 LK: {label: 'Sri Lanka (ශ්‍රී ලංකාව)'; id: 'LK'; dialCode: '+94'};
266 SD: {label: 'Sudan (‫السودان‬‎)'; id: 'SD'; dialCode: '+249'};
267 SR: {label: 'Suriname'; id: 'SR'; dialCode: '+597'};
268 SJ: {label: 'Svalbard and Jan Mayen'; id: 'SJ'; dialCode: '+47'};
269 SZ: {label: 'Swaziland'; id: 'SZ'; dialCode: '+268'};
270 SE: {label: 'Sweden (Sverige)'; id: 'SE'; dialCode: '+46'};
271 CH: {label: 'Switzerland (Schweiz)'; id: 'CH'; dialCode: '+41'};
272 SY: {label: 'Syria (‫سوريا‬‎)'; id: 'SY'; dialCode: '+963'};
273 TW: {label: 'Taiwan (台灣)'; id: 'TW'; dialCode: '+886'};
274 TJ: {label: 'Tajikistan'; id: 'TJ'; dialCode: '+992'};
275 TZ: {label: 'Tanzania'; id: 'TZ'; dialCode: '+255'};
276 TH: {label: 'Thailand (ไทย)'; id: 'TH'; dialCode: '+66'};
277 TL: {label: 'Timor-Leste'; id: 'TL'; dialCode: '+670'};
278 TG: {label: 'Togo'; id: 'TG'; dialCode: '+228'};
279 TK: {label: 'Tokelau'; id: 'TK'; dialCode: '+690'};
280 TO: {label: 'Tonga'; id: 'TO'; dialCode: '+676'};
281 TT: {label: 'Trinisoad and Tobago'; id: 'TT'; dialCode: '+1868'};
282 TN: {label: 'Tunisia (‫تونس‬‎)'; id: 'TN'; dialCode: '+216'};
283 TR: {label: 'Turkey (Türkiye)'; id: 'TR'; dialCode: '+90'};
284 TM: {label: 'Turkmenistan'; id: 'TM'; dialCode: '+993'};
285 TC: {label: 'Turks and Caicos Islands'; id: 'TC'; dialCode: '+1649'};
286 TV: {label: 'Tuvalu'; id: 'TV'; dialCode: '+688'};
287 VI: {label: 'U.S. Virgin Islands'; id: 'VI'; dialCode: '+1340'};
288 UG: {label: 'Uganda'; id: 'UG'; dialCode: '+256'};
289 UA: {label: 'Ukraine (Україна)'; id: 'UA'; dialCode: '+380'};
290 AE: {
291 label: 'United Arab Emirates (‫الإمارات العربية المتحدة‬‎)';
292 id: 'AE';
293 dialCode: '+971';
294 };
295 GB: {label: 'United Kingdom'; id: 'GB'; dialCode: '+44'};
296 US: {label: 'United States'; id: 'US'; dialCode: '+1'};
297 UY: {label: 'Uruguay'; id: 'UY'; dialCode: '+598'};
298 UZ: {label: 'Uzbekistan (Oʻzbekiston)'; id: 'UZ'; dialCode: '+998'};
299 VU: {label: 'Vanuatu'; id: 'VU'; dialCode: '+678'};
300 VA: {label: 'Vatican City (Città del Vaticano)'; id: 'VA'; dialCode: '+39'};
301 VE: {label: 'Venezuela'; id: 'VE'; dialCode: '+58'};
302 VN: {label: 'Vietnam (Việt Nam)'; id: 'VN'; dialCode: '+84'};
303 WF: {
304 label: 'Wallis and Futuna (Wallis-et-Futuna)';
305 id: 'WF';
306 dialCode: '+681';
307 };
308 YE: {label: 'Yemen (‫اليمن‬‎)'; id: 'YE'; dialCode: '+967'};
309 ZM: {label: 'Zambia'; id: 'ZM'; dialCode: '+260'};
310 ZW: {label: 'Zimbabwe'; id: 'ZW'; dialCode: '+263'};
311 AX: {label: 'Åland Islands'; id: 'AX'; dialCode: '+358'};
312}
313
314export interface PhoneInputOverrides {
315 Input?: Override<any>;
316 DialCode?: Override<any>;
317 CountrySelect?: Override<any>;
318 CountrySelectDropdown?: Override<any>;
319 CountrySelectDropdownListItem?: Override<any>;
320 CountrySelectDropdownFlagColumn?: Override<any>;
321 CountrySelectDropdownNameColumn?: Override<any>;
322 CountrySelectDropdownDialcodeColumn?: Override<any>;
323 FlagContainer?: Override<any>;
324}
325export interface PhoneInputProps extends InputProps {
326 'aria-label'?: string;
327 text?: string;
328 country?: Country;
329 onTextChange?: (event: React.SyntheticEvent<HTMLInputElement>) => any;
330 onCountryChange?: (event: OnChangeParams) => any;
331 mapIsoToLabel?: (iso: string) => string;
332 size?: SIZE[keyof SIZE];
333 maxDropdownHeight?: string;
334 maxDropdownWidth?: string;
335 overrides?: PhoneInputOverrides;
336}
337export const PhoneInput: React.FC<PhoneInputProps>;
338export const PhoneInputNext: React.FC<PhoneInputProps>;
339
340export interface PhoneInputLiteProps extends PhoneInputProps {
341 countries: {[key: string]: Country};
342}
343export const PhoneInputLite: React.FC<PhoneInputLiteProps>;
344
345export interface StatefulPhoneInputProps {
346 'aria-label'?: string;
347 initialState?: State;
348 stateReducer?: StateReducer;
349 onTextChange?: (event: React.SyntheticEvent<HTMLInputElement>) => any;
350 onCountryChange?: (event: OnChangeParams) => any;
351 mapIsoToLabel?: (iso: string) => string;
352 overrides?: PhoneInputOverrides;
353}
354export const StatefulPhoneInput: React.FC<StatefulPhoneInputProps>;
355
356export type StateReducer = (
357 type: StateChange,
358 nextState: State,
359 currentState: State,
360) => State;
361export interface StatefulPhoneInputContainerProps {
362 'aria-label'?: string;
363 children?: React.ReactNode;
364 initialState?: State;
365 stateReducer?: StateReducer;
366 onTextChange?: (event: React.SyntheticEvent<HTMLInputElement>) => any;
367 onCountryChange?: (event: OnChangeParams) => any;
368 mapIsoToLabel?: (iso: string) => string;
369 overrides?: PhoneInputOverrides;
370}
371export interface Country {
372 id: keyof COUNTRIES;
373 label: string;
374 dialCode: string;
375}
376export interface State {
377 text?: string;
378 country: Readonly<Country>;
379}
380export type StateChange = STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE];
381export class StatefulPhoneInputContainer extends React.Component<
382 StatefulPhoneInputContainerProps,
383 State
384> {
385 internalSetState(type: StateChange, nextState: Readonly<State>): void;
386 onTextChange(event: React.SyntheticEvent<HTMLInputElement>): void;
387 onCountryChange(event: OnChangeParams): void;
388}
389
390export interface CountrySelectProps {
391 countries: {[key: string]: Country};
392 country?: Country;
393 inputRef?: React.Ref<HTMLInputElement>;
394 onCountryChange?: (event: OnChangeParams) => any;
395 size?: SIZE[keyof SIZE];
396 maxDropdownWidth?: string;
397 maxDropdownHeight?: string;
398 mapIsoToLabel?: (iso: string) => string;
399 overrides?: {
400 DialCode?: Override<any>;
401 CountrySelect?: Override<any>;
402 CountrySelectDropdown?: Override<any>;
403 CountrySelectDropdownListItem?: Override<any>;
404 CountrySelectDropdownFlagColumn?: Override<any>;
405 CountrySelectDropdownNameColumn?: Override<any>;
406 CountrySelectDropdownDialcodeColumn?: Override<any>;
407 FlagContainer?: Override<any>;
408 };
409}
410export const CountrySelect: React.FC<CountrySelectProps>;
411
412export interface CountrySelectDropdownProps {
413 children?: Readonly<React.ReactNode[]>;
414 country?: Country;
415 maxDropdownHeight?: string;
416 mapIsoToLabel?: (iso: string) => string;
417 overrides?: {
418 CountrySelectDropdown?: Override<any>;
419 CountrySelectDropdownListItem?: Override<any>;
420 CountrySelectDropdownFlagColumn?: Override<any>;
421 CountrySelectDropdownNameColumn?: Override<any>;
422 CountrySelectDropdownDialcodeColumn?: Override<any>;
423 FlagContainer?: Override<any>;
424 };
425}
426export const CountrySelectDropdown: React.RefForwardingComponent<
427 CountrySelectDropdownProps
428>;
429
430export interface FlagProps {
431 iso: COUNTRIES[keyof COUNTRIES];
432 width?: string;
433}
434export const Flag: React.FC<FlagProps>;
435
436export const StyledFlag: StyletronComponent<any>;
437export const StyledRoot: StyletronComponent<any>;
438export const StyledDialCode: StyletronComponent<any>;
439export const StyledCountrySelectContainer: StyletronComponent<any>;
440export const StyledCountrySelectDropdownContainer: StyletronComponent<any>;
441export const StyledCountrySelectDropdownListItem: StyletronComponent<any>;
442export const StyledCountrySelectDropdownFlagColumn: StyletronComponent<any>;
443export const StyledCountrySelectDropdownNameColumn: StyletronComponent<any>;
444export const StyledCountrySelectDropdownDialcodeColumn: StyletronComponent<any>;
445
446export const DEFAULT_MAX_DROPDOWN_WIDTH: '400px';
447export const DEFAULT_MAX_DROPDOWN_HEIGHT: '400px';
448export const STATE_CHANGE_TYPE: STATE_CHANGE_TYPE;
449export const COUNTRIES: COUNTRIES;