1 | import * as React from 'react';
|
2 | import {StyletronComponent} from 'styletron-react';
|
3 | import {SIZE, InputProps} from '../input';
|
4 | import {OnChangeParams} from '../select';
|
5 | import {Override} from '../overrides';
|
6 |
|
7 | export interface STATE_CHANGE_TYPE {
|
8 | textChange: 'textChange';
|
9 | countryChange: 'countryChange';
|
10 | }
|
11 |
|
12 | export {SIZE};
|
13 |
|
14 | export 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 |
|
314 | export 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 | }
|
325 | export 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 | }
|
337 | export const PhoneInput: React.FC<PhoneInputProps>;
|
338 | export const PhoneInputNext: React.FC<PhoneInputProps>;
|
339 |
|
340 | export interface PhoneInputLiteProps extends PhoneInputProps {
|
341 | countries: {[key: string]: Country};
|
342 | }
|
343 | export const PhoneInputLite: React.FC<PhoneInputLiteProps>;
|
344 |
|
345 | export 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 | }
|
354 | export const StatefulPhoneInput: React.FC<StatefulPhoneInputProps>;
|
355 |
|
356 | export type StateReducer = (
|
357 | type: StateChange,
|
358 | nextState: State,
|
359 | currentState: State,
|
360 | ) => State;
|
361 | export 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 | }
|
371 | export interface Country {
|
372 | id: keyof COUNTRIES;
|
373 | label: string;
|
374 | dialCode: string;
|
375 | }
|
376 | export interface State {
|
377 | text?: string;
|
378 | country: Readonly<Country>;
|
379 | }
|
380 | export type StateChange = STATE_CHANGE_TYPE[keyof STATE_CHANGE_TYPE];
|
381 | export 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 |
|
390 | export 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 | }
|
410 | export const CountrySelect: React.FC<CountrySelectProps>;
|
411 |
|
412 | export 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 | }
|
426 | export const CountrySelectDropdown: React.RefForwardingComponent<
|
427 | CountrySelectDropdownProps
|
428 | >;
|
429 |
|
430 | export interface FlagProps {
|
431 | iso: COUNTRIES[keyof COUNTRIES];
|
432 | width?: string;
|
433 | }
|
434 | export const Flag: React.FC<FlagProps>;
|
435 |
|
436 | export const StyledFlag: StyletronComponent<any>;
|
437 | export const StyledRoot: StyletronComponent<any>;
|
438 | export const StyledDialCode: StyletronComponent<any>;
|
439 | export const StyledCountrySelectContainer: StyletronComponent<any>;
|
440 | export const StyledCountrySelectDropdownContainer: StyletronComponent<any>;
|
441 | export const StyledCountrySelectDropdownListItem: StyletronComponent<any>;
|
442 | export const StyledCountrySelectDropdownFlagColumn: StyletronComponent<any>;
|
443 | export const StyledCountrySelectDropdownNameColumn: StyletronComponent<any>;
|
444 | export const StyledCountrySelectDropdownDialcodeColumn: StyletronComponent<any>;
|
445 |
|
446 | export const DEFAULT_MAX_DROPDOWN_WIDTH: '400px';
|
447 | export const DEFAULT_MAX_DROPDOWN_HEIGHT: '400px';
|
448 | export const STATE_CHANGE_TYPE: STATE_CHANGE_TYPE;
|
449 | export const COUNTRIES: COUNTRIES;
|