@alfalab/core-components-intl-phone-input 9.0.0 → 9.0.2
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/{component-cff706a9.d.ts → component-45364492.d.ts} +0 -0
- package/{component-cff706a9.js → component-45364492.js} +1 -1
- package/component.js +24 -6
- package/components/flag-icon/component.js +2 -2
- package/components/flag-icon/index.css +261 -261
- package/components/index.js +1 -1
- package/components/select/component.js +2 -2
- package/components/select/index.css +6 -6
- package/components/select/index.js +1 -1
- package/components/select-field/component.js +1 -1
- package/components/select-field/index.css +9 -9
- package/components/select-field/index.d.ts +1 -1
- package/components/select-field/index.js +1 -1
- package/cssm/{component-6cde4bb4.d.ts → component-215a3963.d.ts} +0 -0
- package/cssm/{component-6cde4bb4.js → component-215a3963.js} +0 -0
- package/cssm/component.js +22 -4
- package/cssm/components/flag-icon/component.js +1 -1
- package/cssm/components/index.js +1 -1
- package/cssm/components/select/component.js +1 -1
- package/cssm/components/select/index.js +1 -1
- package/cssm/components/select-field/component.js +1 -1
- package/cssm/components/select-field/index.d.ts +1 -1
- package/cssm/components/select-field/index.js +1 -1
- package/cssm/index.js +1 -1
- package/esm/{component-ecacd04e.d.ts → component-122e7388.d.ts} +0 -0
- package/esm/{component-ecacd04e.js → component-122e7388.js} +1 -1
- package/esm/component.js +24 -6
- package/esm/components/flag-icon/component.js +2 -2
- package/esm/components/flag-icon/index.css +261 -261
- package/esm/components/index.js +1 -1
- package/esm/components/select/component.js +2 -2
- package/esm/components/select/index.css +6 -6
- package/esm/components/select/index.js +1 -1
- package/esm/components/select-field/component.js +1 -1
- package/esm/components/select-field/index.css +9 -9
- package/esm/components/select-field/index.d.ts +1 -1
- package/esm/components/select-field/index.js +1 -1
- package/esm/index.css +5 -5
- package/esm/index.js +1 -1
- package/esm/{libphonenumber-js.min-98e51f5c.d.ts → libphonenumber-js.min-60e0fae3.d.ts} +0 -0
- package/esm/{libphonenumber-js.min-98e51f5c.js → libphonenumber-js.min-60e0fae3.js} +0 -0
- package/index.css +5 -5
- package/index.js +1 -1
- package/{libphonenumber-js.min-189e6bdc.d.ts → libphonenumber-js.min-149ceb21.d.ts} +0 -0
- package/{libphonenumber-js.min-189e6bdc.js → libphonenumber-js.min-149ceb21.js} +0 -0
- package/modern/component.js +22 -5
- package/modern/components/flag-icon/component.js +2 -2
- package/modern/components/flag-icon/index.css +261 -261
- package/modern/components/select/component.js +1 -1
- package/modern/components/select/index.css +6 -6
- package/modern/components/select-field/component.js +1 -1
- package/modern/components/select-field/index.css +9 -9
- package/modern/index.css +5 -5
- package/modern/{libphonenumber-js.min-98e51f5c.d.ts → libphonenumber-js.min-60e0fae3.d.ts} +0 -0
- package/modern/{libphonenumber-js.min-98e51f5c.js → libphonenumber-js.min-60e0fae3.js} +0 -0
- package/package.json +5 -5
- package/send-stats.js +1 -1
package/esm/components/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-
|
|
1
|
+
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../component-122e7388.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-
|
|
1
|
+
import { a as __assign, E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-122e7388.js';
|
|
2
2
|
import React, { useMemo, useCallback } from 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
@@ -7,7 +7,7 @@ import '@alfalab/hooks';
|
|
|
7
7
|
import { FlagIcon } from '../flag-icon/component.js';
|
|
8
8
|
import { VirtualOptionsList, Select } from '@alfalab/core-components-select/esm';
|
|
9
9
|
|
|
10
|
-
var styles = {"component":"intl-phone-
|
|
10
|
+
var styles = {"component":"intl-phone-input__component_v55xj","option":"intl-phone-input__option_v55xj","flag":"intl-phone-input__flag_v55xj","countryName":"intl-phone-input__countryName_v55xj","dialCode":"intl-phone-input__dialCode_v55xj"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
var CountriesSelect = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1p9tc */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-text-secondary: rgba(11, 31, 53, 0.7);
|
|
4
4
|
}
|
|
@@ -17,24 +17,24 @@
|
|
|
17
17
|
:root {
|
|
18
18
|
--text-secondary-color: var(--color-light-text-secondary);
|
|
19
19
|
}
|
|
20
|
-
.intl-phone-
|
|
20
|
+
.intl-phone-input__component_v55xj {
|
|
21
21
|
position: static;
|
|
22
22
|
display: flex;
|
|
23
23
|
min-width: initial;
|
|
24
24
|
height: 100%;
|
|
25
25
|
}
|
|
26
|
-
.intl-phone-
|
|
26
|
+
.intl-phone-input__option_v55xj {
|
|
27
27
|
display: flex;
|
|
28
28
|
align-items: flex-start;
|
|
29
29
|
}
|
|
30
|
-
.intl-phone-
|
|
30
|
+
.intl-phone-input__flag_v55xj {
|
|
31
31
|
flex-shrink: 0;
|
|
32
32
|
margin-top: var(--gap-2xs);
|
|
33
33
|
margin-right: var(--gap-xs);
|
|
34
34
|
}
|
|
35
|
-
.intl-phone-
|
|
35
|
+
.intl-phone-input__countryName_v55xj {
|
|
36
36
|
margin-right: var(--gap-xs);
|
|
37
37
|
}
|
|
38
|
-
.intl-phone-
|
|
38
|
+
.intl-phone-input__dialCode_v55xj {
|
|
39
39
|
color: var(--text-secondary-color);
|
|
40
40
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-
|
|
1
|
+
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-122e7388.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: o3tkr */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-border-link: #007aff;
|
|
4
4
|
--color-light-graphic-secondary: #6d7986;
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
--focus-color: var(--color-light-border-link);
|
|
21
21
|
--disabled-cursor: not-allowed;
|
|
22
22
|
}
|
|
23
|
-
.intl-phone-
|
|
23
|
+
.intl-phone-input__component_l1c9p {
|
|
24
24
|
height: 100%;
|
|
25
25
|
cursor: pointer;
|
|
26
26
|
outline: none;
|
|
27
27
|
position: relative;
|
|
28
28
|
}
|
|
29
|
-
.intl-phone-
|
|
29
|
+
.intl-phone-input__flagIconContainer_l1c9p {
|
|
30
30
|
display: flex;
|
|
31
31
|
justify-content: center;
|
|
32
32
|
align-items: center;
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
height: 24px;
|
|
35
35
|
margin-right: var(--gap-2xs);
|
|
36
36
|
}
|
|
37
|
-
.intl-phone-
|
|
37
|
+
.intl-phone-input__emptyCountryIcon_l1c9p {
|
|
38
38
|
color: var(--color-light-graphic-secondary);
|
|
39
39
|
}
|
|
40
|
-
.intl-phone-
|
|
40
|
+
.intl-phone-input__disabled_l1c9p {
|
|
41
41
|
cursor: var(--disabled-cursor);
|
|
42
42
|
}
|
|
43
|
-
.intl-phone-
|
|
43
|
+
.intl-phone-input__inner_l1c9p {
|
|
44
44
|
position: relative;
|
|
45
45
|
display: flex;
|
|
46
46
|
align-items: center;
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
padding-left: var(--gap-s);
|
|
49
49
|
outline: none;
|
|
50
50
|
}
|
|
51
|
-
.intl-phone-
|
|
52
|
-
.intl-phone-
|
|
51
|
+
.intl-phone-input__l_l1c9p .intl-phone-input__inner_l1c9p,
|
|
52
|
+
.intl-phone-input__xl_l1c9p .intl-phone-input__inner_l1c9p {
|
|
53
53
|
padding-left: var(--gap-m);
|
|
54
54
|
}
|
|
55
|
-
.intl-phone-
|
|
55
|
+
.intl-phone-input__focusVisible_l1c9p {
|
|
56
56
|
outline: 2px solid var(--focus-color);
|
|
57
57
|
outline-offset: 2px;
|
|
58
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "../../component-
|
|
1
|
+
export * from "../../component-122e7388";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-
|
|
1
|
+
export { E as EMPTY_COUNTRY_SELECT_FIELD, S as SelectField } from '../../component-122e7388.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '@alfalab/icons-glyph/WorldMagnifierMIcon';
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: q59nq */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-secondary: #6d7986;
|
|
4
4
|
}
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
:root {
|
|
14
14
|
--gap-s: 12px;
|
|
15
15
|
}
|
|
16
|
-
.intl-phone-
|
|
16
|
+
.intl-phone-input__addons_288d9 {
|
|
17
17
|
padding-left: 0;
|
|
18
18
|
}
|
|
19
|
-
.intl-phone-
|
|
19
|
+
.intl-phone-input__l_288d9 .intl-phone-input__addons_288d9, .intl-phone-input__xl_288d9 .intl-phone-input__addons_288d9 {
|
|
20
20
|
padding-left: 0;
|
|
21
21
|
}
|
|
22
|
-
.intl-phone-
|
|
22
|
+
.intl-phone-input__flagIconWrapper_288d9 {
|
|
23
23
|
display: flex;
|
|
24
24
|
justify-content: center;
|
|
25
25
|
align-items: center;
|
|
@@ -27,6 +27,6 @@
|
|
|
27
27
|
height: 24px;
|
|
28
28
|
margin-left: var(--gap-s);
|
|
29
29
|
}
|
|
30
|
-
.intl-phone-
|
|
30
|
+
.intl-phone-input__emptyCountryIcon_288d9 {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
package/esm/index.js
CHANGED
|
File without changes
|
|
File without changes
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: q59nq */
|
|
2
2
|
:root {
|
|
3
3
|
--color-light-graphic-secondary: #6d7986;
|
|
4
4
|
}
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
:root {
|
|
14
14
|
--gap-s: 12px;
|
|
15
15
|
}
|
|
16
|
-
.intl-phone-
|
|
16
|
+
.intl-phone-input__addons_288d9 {
|
|
17
17
|
padding-left: 0;
|
|
18
18
|
}
|
|
19
|
-
.intl-phone-
|
|
19
|
+
.intl-phone-input__l_288d9 .intl-phone-input__addons_288d9, .intl-phone-input__xl_288d9 .intl-phone-input__addons_288d9 {
|
|
20
20
|
padding-left: 0;
|
|
21
21
|
}
|
|
22
|
-
.intl-phone-
|
|
22
|
+
.intl-phone-input__flagIconWrapper_288d9 {
|
|
23
23
|
display: flex;
|
|
24
24
|
justify-content: center;
|
|
25
25
|
align-items: center;
|
|
@@ -27,6 +27,6 @@
|
|
|
27
27
|
height: 24px;
|
|
28
28
|
margin-left: var(--gap-s);
|
|
29
29
|
}
|
|
30
|
-
.intl-phone-
|
|
30
|
+
.intl-phone-input__emptyCountryIcon_288d9 {
|
|
31
31
|
color: var(--color-light-graphic-secondary);
|
|
32
32
|
}
|
package/index.js
CHANGED
|
File without changes
|
|
File without changes
|
package/modern/component.js
CHANGED
|
@@ -14,7 +14,7 @@ import '@alfalab/core-components-select/modern';
|
|
|
14
14
|
import { CountriesSelect } from './components/select/component.js';
|
|
15
15
|
import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
|
|
16
16
|
|
|
17
|
-
var styles = {"addons":"intl-phone-
|
|
17
|
+
var styles = {"addons":"intl-phone-input__addons_288d9","l":"intl-phone-input__l_288d9","xl":"intl-phone-input__xl_288d9","flagIconWrapper":"intl-phone-input__flagIconWrapper_288d9","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_288d9"};
|
|
18
18
|
require('./index.css')
|
|
19
19
|
|
|
20
20
|
const countriesHash = getCountriesHash();
|
|
@@ -28,14 +28,14 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
|
|
|
28
28
|
const [inputWrapperRef, setInputWrapperRef] = useState(null);
|
|
29
29
|
const [caretPos, setCaretPos] = useState();
|
|
30
30
|
const phoneLibUtils = useRef();
|
|
31
|
-
const formatPhone = (inputValue) => {
|
|
31
|
+
const formatPhone = (inputValue, iso2 = countryIso2) => {
|
|
32
32
|
let newValue = inputValue;
|
|
33
33
|
if (phoneLibUtils.current) {
|
|
34
34
|
const Utils = phoneLibUtils.current;
|
|
35
|
-
const utils = new Utils(
|
|
35
|
+
const utils = new Utils(iso2 ? iso2.toUpperCase() : undefined);
|
|
36
36
|
newValue = utils.input(inputValue);
|
|
37
37
|
}
|
|
38
|
-
if (
|
|
38
|
+
if (iso2 === 'ru') {
|
|
39
39
|
const parts = newValue.split(' ');
|
|
40
40
|
newValue = parts.reduce((acc, part, index) => {
|
|
41
41
|
if (index === 0) {
|
|
@@ -262,7 +262,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
|
|
|
262
262
|
if (phoneLibUtils.current)
|
|
263
263
|
return;
|
|
264
264
|
import(
|
|
265
|
-
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-
|
|
265
|
+
/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-60e0fae3.js')
|
|
266
266
|
.then((utils) => {
|
|
267
267
|
phoneLibUtils.current = utils.AsYouType;
|
|
268
268
|
if (canBeEmptyCountry) {
|
|
@@ -275,6 +275,23 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
|
|
|
275
275
|
.catch((error) => `An error occurred while loading libphonenumber-js:\n${error}`);
|
|
276
276
|
/* eslint-disable-next-line react-hooks/exhaustive-deps */
|
|
277
277
|
}, [value]);
|
|
278
|
+
useEffect(() => {
|
|
279
|
+
if (value && value.length > 1 && !value.includes(' ')) {
|
|
280
|
+
const newCountry = getCountryByNumber(value);
|
|
281
|
+
if (newCountry && countryIso2 !== newCountry.iso2) {
|
|
282
|
+
setCountryIso2(newCountry.iso2);
|
|
283
|
+
handleCountryChange(newCountry.iso2);
|
|
284
|
+
}
|
|
285
|
+
else if (canBeEmptyCountry &&
|
|
286
|
+
!newCountry &&
|
|
287
|
+
countryIso2 !== defaultCountryIso2.toLowerCase()) {
|
|
288
|
+
setCountryIso2(undefined);
|
|
289
|
+
handleCountryChange(undefined);
|
|
290
|
+
}
|
|
291
|
+
onChange(formatPhone(value, newCountry?.iso2));
|
|
292
|
+
}
|
|
293
|
+
/* eslint-disable-next-line react-hooks/exhaustive-deps */
|
|
294
|
+
}, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);
|
|
278
295
|
useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode });
|
|
279
296
|
return (React.createElement(InputAutocomplete, { ...restProps, ref: ref, inputProps: {
|
|
280
297
|
clear: clear && !isEmptyValue,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
var styles = {"flagIcon":"intl-phone-
|
|
4
|
+
var styles = {"flagIcon":"intl-phone-input__flagIcon_130ue","ac":"intl-phone-input__ac_130ue","ad":"intl-phone-input__ad_130ue","ae":"intl-phone-input__ae_130ue","af":"intl-phone-input__af_130ue","ag":"intl-phone-input__ag_130ue","ai":"intl-phone-input__ai_130ue","al":"intl-phone-input__al_130ue","am":"intl-phone-input__am_130ue","ao":"intl-phone-input__ao_130ue","aq":"intl-phone-input__aq_130ue","ar":"intl-phone-input__ar_130ue","as":"intl-phone-input__as_130ue","at":"intl-phone-input__at_130ue","au":"intl-phone-input__au_130ue","aw":"intl-phone-input__aw_130ue","ax":"intl-phone-input__ax_130ue","az":"intl-phone-input__az_130ue","ba":"intl-phone-input__ba_130ue","bb":"intl-phone-input__bb_130ue","bd":"intl-phone-input__bd_130ue","be":"intl-phone-input__be_130ue","bf":"intl-phone-input__bf_130ue","bg":"intl-phone-input__bg_130ue","bh":"intl-phone-input__bh_130ue","bi":"intl-phone-input__bi_130ue","bj":"intl-phone-input__bj_130ue","bl":"intl-phone-input__bl_130ue","bm":"intl-phone-input__bm_130ue","bn":"intl-phone-input__bn_130ue","bo":"intl-phone-input__bo_130ue","bq":"intl-phone-input__bq_130ue","br":"intl-phone-input__br_130ue","bs":"intl-phone-input__bs_130ue","bt":"intl-phone-input__bt_130ue","bv":"intl-phone-input__bv_130ue","bw":"intl-phone-input__bw_130ue","by":"intl-phone-input__by_130ue","bz":"intl-phone-input__bz_130ue","ca":"intl-phone-input__ca_130ue","cc":"intl-phone-input__cc_130ue","cd":"intl-phone-input__cd_130ue","cf":"intl-phone-input__cf_130ue","cg":"intl-phone-input__cg_130ue","ch":"intl-phone-input__ch_130ue","ci":"intl-phone-input__ci_130ue","ck":"intl-phone-input__ck_130ue","cl":"intl-phone-input__cl_130ue","cm":"intl-phone-input__cm_130ue","cn":"intl-phone-input__cn_130ue","co":"intl-phone-input__co_130ue","cp":"intl-phone-input__cp_130ue","cr":"intl-phone-input__cr_130ue","cu":"intl-phone-input__cu_130ue","cv":"intl-phone-input__cv_130ue","cw":"intl-phone-input__cw_130ue","cx":"intl-phone-input__cx_130ue","cy":"intl-phone-input__cy_130ue","cz":"intl-phone-input__cz_130ue","de":"intl-phone-input__de_130ue","dg":"intl-phone-input__dg_130ue","dj":"intl-phone-input__dj_130ue","dk":"intl-phone-input__dk_130ue","dm":"intl-phone-input__dm_130ue","do":"intl-phone-input__do_130ue","dz":"intl-phone-input__dz_130ue","ea":"intl-phone-input__ea_130ue","ec":"intl-phone-input__ec_130ue","ee":"intl-phone-input__ee_130ue","eg":"intl-phone-input__eg_130ue","eh":"intl-phone-input__eh_130ue","er":"intl-phone-input__er_130ue","es":"intl-phone-input__es_130ue","et":"intl-phone-input__et_130ue","eu":"intl-phone-input__eu_130ue","fi":"intl-phone-input__fi_130ue","fj":"intl-phone-input__fj_130ue","fk":"intl-phone-input__fk_130ue","fm":"intl-phone-input__fm_130ue","fo":"intl-phone-input__fo_130ue","fr":"intl-phone-input__fr_130ue","ga":"intl-phone-input__ga_130ue","gb":"intl-phone-input__gb_130ue","gd":"intl-phone-input__gd_130ue","ge":"intl-phone-input__ge_130ue","gf":"intl-phone-input__gf_130ue","gg":"intl-phone-input__gg_130ue","gh":"intl-phone-input__gh_130ue","gi":"intl-phone-input__gi_130ue","gl":"intl-phone-input__gl_130ue","gm":"intl-phone-input__gm_130ue","gn":"intl-phone-input__gn_130ue","gp":"intl-phone-input__gp_130ue","gq":"intl-phone-input__gq_130ue","gr":"intl-phone-input__gr_130ue","gs":"intl-phone-input__gs_130ue","gt":"intl-phone-input__gt_130ue","gu":"intl-phone-input__gu_130ue","gw":"intl-phone-input__gw_130ue","gy":"intl-phone-input__gy_130ue","hk":"intl-phone-input__hk_130ue","hm":"intl-phone-input__hm_130ue","hn":"intl-phone-input__hn_130ue","hr":"intl-phone-input__hr_130ue","ht":"intl-phone-input__ht_130ue","hu":"intl-phone-input__hu_130ue","ic":"intl-phone-input__ic_130ue","id":"intl-phone-input__id_130ue","ie":"intl-phone-input__ie_130ue","il":"intl-phone-input__il_130ue","im":"intl-phone-input__im_130ue","in":"intl-phone-input__in_130ue","io":"intl-phone-input__io_130ue","iq":"intl-phone-input__iq_130ue","ir":"intl-phone-input__ir_130ue","is":"intl-phone-input__is_130ue","it":"intl-phone-input__it_130ue","je":"intl-phone-input__je_130ue","jm":"intl-phone-input__jm_130ue","jo":"intl-phone-input__jo_130ue","jp":"intl-phone-input__jp_130ue","ke":"intl-phone-input__ke_130ue","kg":"intl-phone-input__kg_130ue","kh":"intl-phone-input__kh_130ue","ki":"intl-phone-input__ki_130ue","km":"intl-phone-input__km_130ue","kn":"intl-phone-input__kn_130ue","kp":"intl-phone-input__kp_130ue","kr":"intl-phone-input__kr_130ue","kw":"intl-phone-input__kw_130ue","ky":"intl-phone-input__ky_130ue","kz":"intl-phone-input__kz_130ue","la":"intl-phone-input__la_130ue","lb":"intl-phone-input__lb_130ue","lc":"intl-phone-input__lc_130ue","li":"intl-phone-input__li_130ue","lk":"intl-phone-input__lk_130ue","lr":"intl-phone-input__lr_130ue","ls":"intl-phone-input__ls_130ue","lt":"intl-phone-input__lt_130ue","lu":"intl-phone-input__lu_130ue","lv":"intl-phone-input__lv_130ue","ly":"intl-phone-input__ly_130ue","ma":"intl-phone-input__ma_130ue","mc":"intl-phone-input__mc_130ue","md":"intl-phone-input__md_130ue","me":"intl-phone-input__me_130ue","mf":"intl-phone-input__mf_130ue","mg":"intl-phone-input__mg_130ue","mh":"intl-phone-input__mh_130ue","mk":"intl-phone-input__mk_130ue","ml":"intl-phone-input__ml_130ue","mm":"intl-phone-input__mm_130ue","mn":"intl-phone-input__mn_130ue","mo":"intl-phone-input__mo_130ue","mp":"intl-phone-input__mp_130ue","mq":"intl-phone-input__mq_130ue","mr":"intl-phone-input__mr_130ue","ms":"intl-phone-input__ms_130ue","mt":"intl-phone-input__mt_130ue","mu":"intl-phone-input__mu_130ue","mv":"intl-phone-input__mv_130ue","mw":"intl-phone-input__mw_130ue","mx":"intl-phone-input__mx_130ue","my":"intl-phone-input__my_130ue","mz":"intl-phone-input__mz_130ue","na":"intl-phone-input__na_130ue","nc":"intl-phone-input__nc_130ue","ne":"intl-phone-input__ne_130ue","nf":"intl-phone-input__nf_130ue","ng":"intl-phone-input__ng_130ue","ni":"intl-phone-input__ni_130ue","nl":"intl-phone-input__nl_130ue","no":"intl-phone-input__no_130ue","np":"intl-phone-input__np_130ue","nr":"intl-phone-input__nr_130ue","nu":"intl-phone-input__nu_130ue","nz":"intl-phone-input__nz_130ue","om":"intl-phone-input__om_130ue","pa":"intl-phone-input__pa_130ue","pe":"intl-phone-input__pe_130ue","pf":"intl-phone-input__pf_130ue","pg":"intl-phone-input__pg_130ue","ph":"intl-phone-input__ph_130ue","pk":"intl-phone-input__pk_130ue","pl":"intl-phone-input__pl_130ue","pm":"intl-phone-input__pm_130ue","pn":"intl-phone-input__pn_130ue","pr":"intl-phone-input__pr_130ue","ps":"intl-phone-input__ps_130ue","pt":"intl-phone-input__pt_130ue","pw":"intl-phone-input__pw_130ue","py":"intl-phone-input__py_130ue","qa":"intl-phone-input__qa_130ue","re":"intl-phone-input__re_130ue","ro":"intl-phone-input__ro_130ue","rs":"intl-phone-input__rs_130ue","ru":"intl-phone-input__ru_130ue","rw":"intl-phone-input__rw_130ue","sa":"intl-phone-input__sa_130ue","sb":"intl-phone-input__sb_130ue","sc":"intl-phone-input__sc_130ue","sd":"intl-phone-input__sd_130ue","se":"intl-phone-input__se_130ue","sg":"intl-phone-input__sg_130ue","sh":"intl-phone-input__sh_130ue","si":"intl-phone-input__si_130ue","sj":"intl-phone-input__sj_130ue","sk":"intl-phone-input__sk_130ue","sl":"intl-phone-input__sl_130ue","sm":"intl-phone-input__sm_130ue","sn":"intl-phone-input__sn_130ue","so":"intl-phone-input__so_130ue","sr":"intl-phone-input__sr_130ue","ss":"intl-phone-input__ss_130ue","st":"intl-phone-input__st_130ue","sv":"intl-phone-input__sv_130ue","sx":"intl-phone-input__sx_130ue","sy":"intl-phone-input__sy_130ue","sz":"intl-phone-input__sz_130ue","ta":"intl-phone-input__ta_130ue","tc":"intl-phone-input__tc_130ue","td":"intl-phone-input__td_130ue","tf":"intl-phone-input__tf_130ue","tg":"intl-phone-input__tg_130ue","th":"intl-phone-input__th_130ue","tj":"intl-phone-input__tj_130ue","tk":"intl-phone-input__tk_130ue","tl":"intl-phone-input__tl_130ue","tm":"intl-phone-input__tm_130ue","tn":"intl-phone-input__tn_130ue","to":"intl-phone-input__to_130ue","tr":"intl-phone-input__tr_130ue","tt":"intl-phone-input__tt_130ue","tv":"intl-phone-input__tv_130ue","tw":"intl-phone-input__tw_130ue","tz":"intl-phone-input__tz_130ue","ua":"intl-phone-input__ua_130ue","ug":"intl-phone-input__ug_130ue","um":"intl-phone-input__um_130ue","un":"intl-phone-input__un_130ue","us":"intl-phone-input__us_130ue","uy":"intl-phone-input__uy_130ue","uz":"intl-phone-input__uz_130ue","va":"intl-phone-input__va_130ue","vc":"intl-phone-input__vc_130ue","ve":"intl-phone-input__ve_130ue","vg":"intl-phone-input__vg_130ue","vi":"intl-phone-input__vi_130ue","vn":"intl-phone-input__vn_130ue","vu":"intl-phone-input__vu_130ue","wf":"intl-phone-input__wf_130ue","ws":"intl-phone-input__ws_130ue","xk":"intl-phone-input__xk_130ue","ye":"intl-phone-input__ye_130ue","yt":"intl-phone-input__yt_130ue","za":"intl-phone-input__za_130ue","zm":"intl-phone-input__zm_130ue","zw":"intl-phone-input__zw_130ue"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* Компонент флага в виде иконки.
|
|
9
9
|
*/
|
|
10
|
-
const FlagIcon = ({ country = '', className }) => React.createElement("span", { className: cn(styles.flagIcon, styles[country], className) });
|
|
10
|
+
const FlagIcon = ({ country = '', className }) => (React.createElement("span", { className: cn(styles.flagIcon, styles[country], className) }));
|
|
11
11
|
|
|
12
12
|
export { FlagIcon };
|