@alfalab/core-components-international-phone-input 2.7.1 → 2.7.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.
Files changed (65) hide show
  1. package/Component.responsive.d.ts +4 -4
  2. package/components/base-international-phone-input/Component.js +12 -2
  3. package/components/base-international-phone-input/index.css +2 -2
  4. package/components/country-select/Component.js +1 -1
  5. package/components/country-select/index.css +8 -8
  6. package/components/flag-icon/component.js +1 -1
  7. package/components/flag-icon/index.css +3 -3
  8. package/components/select-field/component.js +1 -1
  9. package/components/select-field/index.css +9 -9
  10. package/cssm/Component.responsive.d.ts +4 -4
  11. package/cssm/components/base-international-phone-input/Component.js +11 -1
  12. package/cssm/index-464d40a4.d.ts +23 -0
  13. package/cssm/types.d.ts +1 -10
  14. package/cssm/typings-d515b24c.d.ts +1 -1
  15. package/cssm/use-skeleton-1328ead9.d.ts +7 -1
  16. package/cssm/utils/index.d.ts +3 -2
  17. package/cssm/utils/index.js +11 -5
  18. package/esm/Component.responsive.d.ts +4 -4
  19. package/esm/components/base-international-phone-input/Component.js +13 -3
  20. package/esm/components/base-international-phone-input/index.css +2 -2
  21. package/esm/components/country-select/Component.js +1 -1
  22. package/esm/components/country-select/index.css +8 -8
  23. package/esm/components/flag-icon/component.js +1 -1
  24. package/esm/components/flag-icon/index.css +3 -3
  25. package/esm/components/select-field/component.js +1 -1
  26. package/esm/components/select-field/index.css +9 -9
  27. package/esm/index-464d40a4.d.ts +23 -0
  28. package/esm/types.d.ts +1 -10
  29. package/esm/typings-d515b24c.d.ts +1 -1
  30. package/esm/use-skeleton-1328ead9.d.ts +7 -1
  31. package/esm/utils/index.d.ts +3 -2
  32. package/esm/utils/index.js +11 -5
  33. package/index-464d40a4.d.ts +23 -0
  34. package/modern/Component.responsive.d.ts +4 -4
  35. package/modern/components/base-international-phone-input/Component.js +11 -3
  36. package/modern/components/base-international-phone-input/index.css +2 -2
  37. package/modern/components/country-select/Component.js +1 -1
  38. package/modern/components/country-select/index.css +8 -8
  39. package/modern/components/flag-icon/component.js +1 -1
  40. package/modern/components/flag-icon/index.css +3 -3
  41. package/modern/components/select-field/component.js +1 -1
  42. package/modern/components/select-field/index.css +9 -9
  43. package/modern/index-464d40a4.d.ts +23 -0
  44. package/modern/types.d.ts +1 -10
  45. package/modern/typings-d515b24c.d.ts +1 -1
  46. package/modern/use-skeleton-1328ead9.d.ts +7 -1
  47. package/modern/utils/index.d.ts +3 -2
  48. package/modern/utils/index.js +9 -5
  49. package/moderncssm/Component.responsive.d.ts +4 -4
  50. package/moderncssm/components/base-international-phone-input/Component.js +10 -2
  51. package/moderncssm/index-464d40a4.d.ts +23 -0
  52. package/moderncssm/types.d.ts +1 -10
  53. package/moderncssm/typings-d515b24c.d.ts +1 -1
  54. package/moderncssm/use-skeleton-1328ead9.d.ts +7 -1
  55. package/moderncssm/utils/index.d.ts +3 -2
  56. package/moderncssm/utils/index.js +9 -5
  57. package/package.json +6 -6
  58. package/src/components/base-international-phone-input/Component.tsx +17 -1
  59. package/src/types.ts +3 -10
  60. package/src/utils/index.ts +16 -6
  61. package/types.d.ts +1 -10
  62. package/typings-d515b24c.d.ts +1 -1
  63. package/use-skeleton-1328ead9.d.ts +7 -1
  64. package/utils/index.d.ts +3 -2
  65. package/utils/index.js +11 -5
package/Component.responsive.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
4
- country?: import("./types").Country | undefined;
4
+ country?: import("./index-464d40a4").Country | undefined;
5
5
  countries?: string[] | undefined;
6
6
  defaultIso2?: string | undefined;
7
7
  customCountriesList?: import("./index").CountriesData[] | undefined;
@@ -9,7 +9,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
9
9
  countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
10
10
  clear?: boolean | undefined;
11
11
  filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
12
- onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
12
+ onCountryChange?: ((country?: import("./index-464d40a4").Country | undefined) => void) | undefined;
13
13
  onChange?: ((phone: string) => void) | undefined;
14
14
  onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
15
15
  onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -22,7 +22,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
22
22
  client?: "desktop" | "mobile" | undefined;
23
23
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
24
24
  }) | ({
25
- country?: import("./types").Country | undefined;
25
+ country?: import("./index-464d40a4").Country | undefined;
26
26
  countries?: string[] | undefined;
27
27
  defaultIso2?: string | undefined;
28
28
  customCountriesList?: import("./index").CountriesData[] | undefined;
@@ -30,7 +30,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
30
30
  countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
31
31
  clear?: boolean | undefined;
32
32
  filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
33
- onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
33
+ onCountryChange?: ((country?: import("./index-464d40a4").Country | undefined) => void) | undefined;
34
34
  onChange?: ((phone: string) => void) | undefined;
35
35
  onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
36
36
  onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
package/components/base-international-phone-input/Component.js CHANGED
@@ -8,6 +8,7 @@ var mergeRefs = require('react-merge-refs');
8
8
  var core = require('@maskito/core');
9
9
  var react = require('@maskito/react');
10
10
  var shared = require('@alfalab/core-components-select/shared');
11
+ var coreComponentsShared = require('@alfalab/core-components-shared');
11
12
  var utils_index = require('../../utils/index.js');
12
13
  var components_countrySelect_Component = require('../country-select/Component.js');
13
14
 
@@ -16,11 +17,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
18
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
18
19
 
19
- var styles = {"component":"international-phone-input__component_1d6mt","addons":"international-phone-input__addons_1d6mt"};
20
+ var styles = {"component":"international-phone-input__component_1ym8l","addons":"international-phone-input__addons_1ym8l"};
20
21
  require('./index.css')
21
22
 
22
23
  var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
23
24
  var _b = _a.clearableCountryCode, clearableCountryCodeFromProps = _b === void 0 ? true : _b, value = _a.value, countryProp = _a.country, filterFn = _a.filterFn, onChange = _a.onChange, onCountryChange = _a.onCountryChange, countrySelectProps = _a.countrySelectProps, countries = _a.countries, defaultIso2 = _a.defaultIso2, disabled = _a.disabled, options = _a.options, _c = _a.size, size = _c === void 0 ? 56 : _c, Input = _a.Input, InputAutocomplete = _a.InputAutocomplete, SelectComponent = _a.SelectComponent, view = _a.view, clearProp = _a.clear, openProps = _a.open, defaultOpen = _a.defaultOpen, customCountriesList = _a.customCountriesList, restProps = tslib.__rest(_a, ["clearableCountryCode", "value", "country", "filterFn", "onChange", "onCountryChange", "countrySelectProps", "countries", "defaultIso2", "disabled", "options", "size", "Input", "InputAutocomplete", "SelectComponent", "view", "clear", "open", "defaultOpen", "customCountriesList"]);
25
+ var lastCountryRef = React.useRef(null);
24
26
  var countriesData = React.useMemo(function () { return utils_index.initCountries(countries, customCountriesList); }, [countries, customCountriesList]);
25
27
  var inputRef = React.useRef(null);
26
28
  var inputWrapperRef = React.useRef(null);
@@ -38,7 +40,9 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
38
40
  };
39
41
  var preserveCountryCode = clearableCountryCodeFromProps === 'preserve';
40
42
  var clearableCountryCode = preserveCountryCode || clearableCountryCodeFromProps;
41
- var maskOptions = React.useMemo(function () { return utils_index.createMaskOptions(country, clearableCountryCode, preserveCountryCode); }, [country, clearableCountryCode, preserveCountryCode]);
43
+ var maskOptions = React.useMemo(function () {
44
+ return utils_index.createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef);
45
+ }, [country, clearableCountryCode, preserveCountryCode]);
42
46
  var maskRef = react.useMaskito({ options: maskOptions });
43
47
  var changeNumber = function (phone) {
44
48
  onChange === null || onChange === void 0 ? void 0 : onChange(phone);
@@ -120,6 +124,12 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
120
124
  return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width, onOpen: handleCountrySelectOpen, open: showCountrySelect })));
121
125
  };
122
126
  var inputProps = tslib.__assign({ className: styles.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
127
+ React.useEffect(function () {
128
+ if (!preserveCountryCode || coreComponentsShared.isNullable(country)) {
129
+ return;
130
+ }
131
+ lastCountryRef.current = country;
132
+ }, [country, preserveCountryCode]);
123
133
  return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, open: showPhoneSelect, onOpen: handlePhoneSelectOpen, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
124
134
  });
125
135
 
package/components/base-international-phone-input/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 18pao */
1
+ /* hash: 1d659 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -22,6 +22,6 @@
22
22
  --gap-0: 0px;
23
23
  } :root {
24
24
  } :root {
25
- } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1d6mt .international-phone-input__addons_1d6mt {
25
+ } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1ym8l .international-phone-input__addons_1ym8l {
26
26
  padding-left: var(--gap-0);
27
27
  }
package/components/country-select/Component.js CHANGED
@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
14
14
 
15
15
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
 
17
- var styles = {"component":"international-phone-input__component_xeoxd","option":"international-phone-input__option_xeoxd","flag":"international-phone-input__flag_xeoxd","countryName":"international-phone-input__countryName_xeoxd","dialCode":"international-phone-input__dialCode_xeoxd","flagIconWrapper":"international-phone-input__flagIconWrapper_xeoxd","emptyCountryIcon":"international-phone-input__emptyCountryIcon_xeoxd"};
17
+ var styles = {"component":"international-phone-input__component_4sw1e","option":"international-phone-input__option_4sw1e","flag":"international-phone-input__flag_4sw1e","countryName":"international-phone-input__countryName_4sw1e","dialCode":"international-phone-input__dialCode_4sw1e","flagIconWrapper":"international-phone-input__flagIconWrapper_4sw1e","emptyCountryIcon":"international-phone-input__emptyCountryIcon_4sw1e"};
18
18
  require('./index.css')
19
19
 
20
20
  var CountrySelect = function (_a) {
package/components/country-select/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1rnhi */
1
+ /* hash: no31x */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -27,29 +27,29 @@
27
27
  --gap-12: var(--gap-s);
28
28
  } :root {
29
29
  } :root {
30
- } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_xeoxd {
30
+ } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_4sw1e {
31
31
  position: static;
32
32
  display: flex;
33
33
  min-width: initial;
34
34
  height: 100%;
35
- } .international-phone-input__option_xeoxd {
35
+ } .international-phone-input__option_4sw1e {
36
36
  display: flex;
37
37
  align-items: flex-start;
38
38
  padding: var(--gap-12);
39
- } .international-phone-input__flag_xeoxd {
39
+ } .international-phone-input__flag_4sw1e {
40
40
  flex-shrink: 0;
41
41
  margin-right: var(--gap-8);
42
- } .international-phone-input__countryName_xeoxd {
42
+ } .international-phone-input__countryName_4sw1e {
43
43
  margin-right: var(--gap-8);
44
- } .international-phone-input__dialCode_xeoxd {
44
+ } .international-phone-input__dialCode_4sw1e {
45
45
  color: var(--color-light-text-secondary);
46
- } .international-phone-input__flagIconWrapper_xeoxd {
46
+ } .international-phone-input__flagIconWrapper_4sw1e {
47
47
  display: flex;
48
48
  justify-content: center;
49
49
  align-items: center;
50
50
  width: 24px;
51
51
  height: 24px;
52
52
  margin-left: var(--gap-12);
53
- } .international-phone-input__emptyCountryIcon_xeoxd {
53
+ } .international-phone-input__emptyCountryIcon_4sw1e {
54
54
  color: var(--color-light-neutral-translucent-700);
55
55
  }
package/components/flag-icon/component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"flagIcon":"international-phone-input__flagIcon_1euhf","flagPlaceholder":"international-phone-input__flagPlaceholder_1euhf"};
14
+ var styles = {"flagIcon":"international-phone-input__flagIcon_8f693","flagPlaceholder":"international-phone-input__flagPlaceholder_8f693"};
15
15
  require('./index.css')
16
16
 
17
17
  /**
package/components/flag-icon/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19ykf */
1
+ /* hash: ewuu4 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,10 +26,10 @@
26
26
  --gap-2: var(--gap-3xs);
27
27
  } :root {
28
28
  } :root {
29
- } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__flagIcon_1euhf {
29
+ } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__flagIcon_8f693 {
30
30
  max-width: 24px;
31
31
  max-height: 24px;
32
- } .international-phone-input__flagPlaceholder_1euhf {
32
+ } .international-phone-input__flagPlaceholder_8f693 {
33
33
  width: 24px;
34
34
  height: 16px;
35
35
  max-height: 16px;
package/components/select-field/component.js CHANGED
@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
16
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var styles = {"component":"international-phone-input__component_1ozf0","flagIconContainer":"international-phone-input__flagIconContainer_1ozf0","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1ozf0","disabled":"international-phone-input__disabled_1ozf0","inner":"international-phone-input__inner_1ozf0","size-64":"international-phone-input__size-64_1ozf0","size-72":"international-phone-input__size-72_1ozf0","focusVisible":"international-phone-input__focusVisible_1ozf0"};
19
+ var styles = {"component":"international-phone-input__component_66s35","flagIconContainer":"international-phone-input__flagIconContainer_66s35","emptyCountryIcon":"international-phone-input__emptyCountryIcon_66s35","disabled":"international-phone-input__disabled_66s35","inner":"international-phone-input__inner_66s35","size-64":"international-phone-input__size-64_66s35","size-72":"international-phone-input__size-72_66s35","focusVisible":"international-phone-input__focusVisible_66s35"};
20
20
  require('./index.css')
21
21
 
22
22
  var EMPTY_COUNTRY_SELECT_FIELD = {
package/components/select-field/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: zw2ja */
1
+ /* hash: gc6oa */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -31,33 +31,33 @@
31
31
  } :root {
32
32
  --focus-color: var(--color-light-status-info);
33
33
  --disabled-cursor: not-allowed;
34
- } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_1ozf0 {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .international-phone-input__component_66s35 {
35
35
  height: 100%;
36
36
  cursor: pointer;
37
37
  outline: none;
38
38
  position: relative;
39
- } .international-phone-input__flagIconContainer_1ozf0 {
39
+ } .international-phone-input__flagIconContainer_66s35 {
40
40
  display: flex;
41
41
  justify-content: center;
42
42
  align-items: center;
43
43
  width: 24px;
44
44
  height: 24px;
45
45
  margin-right: var(--gap-4);
46
- } .international-phone-input__emptyCountryIcon_1ozf0 {
46
+ } .international-phone-input__emptyCountryIcon_66s35 {
47
47
  color: var(--color-light-neutral-translucent-700);
48
- } .international-phone-input__disabled_1ozf0 {
48
+ } .international-phone-input__disabled_66s35 {
49
49
  cursor: var(--disabled-cursor);
50
- } .international-phone-input__inner_1ozf0 {
50
+ } .international-phone-input__inner_66s35 {
51
51
  position: relative;
52
52
  display: flex;
53
53
  align-items: center;
54
54
  height: 100%;
55
55
  padding-left: var(--gap-12);
56
56
  outline: none;
57
- } .international-phone-input__size-64_1ozf0 .international-phone-input__inner_1ozf0,
58
- .international-phone-input__size-72_1ozf0 .international-phone-input__inner_1ozf0 {
57
+ } .international-phone-input__size-64_66s35 .international-phone-input__inner_66s35,
58
+ .international-phone-input__size-72_66s35 .international-phone-input__inner_66s35 {
59
59
  padding-left: var(--gap-16);
60
- } .international-phone-input__focusVisible_1ozf0 {
60
+ } .international-phone-input__focusVisible_66s35 {
61
61
  outline: 2px solid var(--focus-color);
62
62
  outline-offset: 2px;
63
63
  }
package/cssm/Component.responsive.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
4
- country?: import("./types").Country | undefined;
4
+ country?: import("./index-464d40a4").Country | undefined;
5
5
  countries?: string[] | undefined;
6
6
  defaultIso2?: string | undefined;
7
7
  customCountriesList?: import("./index").CountriesData[] | undefined;
@@ -9,7 +9,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
9
9
  countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
10
10
  clear?: boolean | undefined;
11
11
  filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
12
- onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
12
+ onCountryChange?: ((country?: import("./index-464d40a4").Country | undefined) => void) | undefined;
13
13
  onChange?: ((phone: string) => void) | undefined;
14
14
  onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
15
15
  onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -22,7 +22,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
22
22
  client?: "desktop" | "mobile" | undefined;
23
23
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
24
24
  }) | ({
25
- country?: import("./types").Country | undefined;
25
+ country?: import("./index-464d40a4").Country | undefined;
26
26
  countries?: string[] | undefined;
27
27
  defaultIso2?: string | undefined;
28
28
  customCountriesList?: import("./index").CountriesData[] | undefined;
@@ -30,7 +30,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
30
30
  countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
31
31
  clear?: boolean | undefined;
32
32
  filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
33
- onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
33
+ onCountryChange?: ((country?: import("./index-464d40a4").Country | undefined) => void) | undefined;
34
34
  onChange?: ((phone: string) => void) | undefined;
35
35
  onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
36
36
  onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
package/cssm/components/base-international-phone-input/Component.js CHANGED
@@ -8,6 +8,7 @@ var mergeRefs = require('react-merge-refs');
8
8
  var core = require('@maskito/core');
9
9
  var react = require('@maskito/react');
10
10
  var shared = require('@alfalab/core-components-select/cssm/shared');
11
+ var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
11
12
  var utils_index = require('../../utils/index.js');
12
13
  var components_countrySelect_Component = require('../country-select/Component.js');
13
14
  var styles = require('./index.module.css');
@@ -20,6 +21,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
20
21
 
21
22
  var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
22
23
  var _b = _a.clearableCountryCode, clearableCountryCodeFromProps = _b === void 0 ? true : _b, value = _a.value, countryProp = _a.country, filterFn = _a.filterFn, onChange = _a.onChange, onCountryChange = _a.onCountryChange, countrySelectProps = _a.countrySelectProps, countries = _a.countries, defaultIso2 = _a.defaultIso2, disabled = _a.disabled, options = _a.options, _c = _a.size, size = _c === void 0 ? 56 : _c, Input = _a.Input, InputAutocomplete = _a.InputAutocomplete, SelectComponent = _a.SelectComponent, view = _a.view, clearProp = _a.clear, openProps = _a.open, defaultOpen = _a.defaultOpen, customCountriesList = _a.customCountriesList, restProps = tslib.__rest(_a, ["clearableCountryCode", "value", "country", "filterFn", "onChange", "onCountryChange", "countrySelectProps", "countries", "defaultIso2", "disabled", "options", "size", "Input", "InputAutocomplete", "SelectComponent", "view", "clear", "open", "defaultOpen", "customCountriesList"]);
24
+ var lastCountryRef = React.useRef(null);
23
25
  var countriesData = React.useMemo(function () { return utils_index.initCountries(countries, customCountriesList); }, [countries, customCountriesList]);
24
26
  var inputRef = React.useRef(null);
25
27
  var inputWrapperRef = React.useRef(null);
@@ -37,7 +39,9 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
37
39
  };
38
40
  var preserveCountryCode = clearableCountryCodeFromProps === 'preserve';
39
41
  var clearableCountryCode = preserveCountryCode || clearableCountryCodeFromProps;
40
- var maskOptions = React.useMemo(function () { return utils_index.createMaskOptions(country, clearableCountryCode, preserveCountryCode); }, [country, clearableCountryCode, preserveCountryCode]);
42
+ var maskOptions = React.useMemo(function () {
43
+ return utils_index.createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef);
44
+ }, [country, clearableCountryCode, preserveCountryCode]);
41
45
  var maskRef = react.useMaskito({ options: maskOptions });
42
46
  var changeNumber = function (phone) {
43
47
  onChange === null || onChange === void 0 ? void 0 : onChange(phone);
@@ -119,6 +123,12 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
119
123
  return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width, onOpen: handleCountrySelectOpen, open: showCountrySelect })));
120
124
  };
121
125
  var inputProps = tslib.__assign({ className: styles__default.default.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles__default.default.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
126
+ React.useEffect(function () {
127
+ if (!preserveCountryCode || coreComponentsShared.isNullable(country)) {
128
+ return;
129
+ }
130
+ lastCountryRef.current = country;
131
+ }, [country, preserveCountryCode]);
122
132
  return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, open: showPhoneSelect, onOpen: handlePhoneSelectOpen, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
123
133
  });
124
134
 
package/cssm/index-464d40a4.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
2
+ type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
3
+ type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
4
+ type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
5
+ type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
6
+ type PaddingType = number | string | {
7
+ top?: number;
8
+ right?: number;
9
+ bottom?: number;
10
+ left?: number;
11
+ };
12
+ type TypographyType = 'accent-caps' | 'accent-component-primary' | 'accent-component-secondary' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'accent-secondary-large' | 'accent-secondary-medium' | 'accent-secondary-small' | 'action-caps' | 'action-component-primary' | 'action-component-secondary' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'action-secondary-large' | 'action-secondary-medium' | 'action-secondary-small' | 'headline-mobile-large' | 'headline-mobile-medium' | 'headline-mobile-small' | 'headline-mobile-xlarge' | 'headline-mobile-xsmall' | 'headline-system-mobile-large' | 'headline-system-mobile-medium' | 'headline-system-mobile-small' | 'headline-system-mobile-xlarge' | 'headline-system-mobile-xsmall' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xlarge' | 'headline-system-xsmall' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xlarge' | 'headline-xsmall' | 'key-large' | 'key-medium' | 'key-small' | 'key-xlarge' | 'key-xsmall' | 'paragraph-caps' | 'paragraph-component-primary' | 'paragraph-component-secondary' | 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'paragraph-secondary-large' | 'paragraph-secondary-medium' | 'paragraph-secondary-small' | 'promo-mobile-large' | 'promo-mobile-medium' | 'promo-mobile-small' | 'promo-mobile-xlarge' | 'promo-mobile-xsmall' | 'promo-system-mobile-large' | 'promo-system-mobile-medium' | 'promo-system-mobile-small' | 'promo-system-mobile-xlarge' | 'promo-system-mobile-xsmall' | 'promo-system-large' | 'promo-system-medium' | 'promo-system-small' | 'promo-system-xlarge' | 'promo-system-xsmall' | 'promo-large' | 'promo-medium' | 'promo-small' | 'promo-xlarge' | 'promo-xsmall' | 'accent-component' | 'action-component' | 'paragraph-component';
13
+ type Country = {
14
+ name: string;
15
+ regions?: string[];
16
+ iso2: string;
17
+ countryCode: string;
18
+ dialCode: string;
19
+ format?: string;
20
+ priority: number;
21
+ mainCode?: boolean;
22
+ };
23
+ export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType, TypographyType, Country };
package/cssm/types.d.ts CHANGED
@@ -6,18 +6,9 @@ import { InputAutocompleteProps } from "@alfalab/core-components-input-autocompl
6
6
  import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
7
7
  import { InputAutocompleteMobileProps } from "@alfalab/core-components-input-autocomplete/mobile";
8
8
  import { OptionShape } from "./typings-d515b24c";
9
+ import { Country } from "./index-464d40a4";
9
10
  import { SharedCountrySelectProps } from "./components/country-select/index";
10
11
  import { CountriesData } from "./data/country-data";
11
- type Country = {
12
- name: string;
13
- regions?: string[];
14
- iso2: string;
15
- countryCode: string;
16
- dialCode: string;
17
- format?: string;
18
- priority: number;
19
- mainCode?: boolean;
20
- };
21
12
  type AreaItem = Country & {
22
13
  isAreaCode: boolean;
23
14
  areaCodeLength: number;
package/cssm/typings-d515b24c.d.ts CHANGED
@@ -5,6 +5,7 @@ import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttribute
5
5
  import { HandledEvents } from "react-swipeable/es/types";
6
6
  import { TransitionProps } from "react-transition-group/Transition";
7
7
  import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
8
+ import { BackgroundColorType } from "./index-464d40a4";
8
9
  import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
9
10
  import { ContentProps } from "./typings-4b7234ef";
10
11
  import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
@@ -175,7 +176,6 @@ type NavigationBarPrivateProps = {
175
176
  scrollableParentRef?: React.RefObject<HTMLDivElement>;
176
177
  };
177
178
  type NavigationBarProps = NavigationBarPrivateProps;
178
- type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
179
179
  type BottomSheetTitleAlign = "center" | "left";
180
180
  type BottomSheetProps = {
181
181
  /**
package/cssm/use-skeleton-1328ead9.d.ts CHANGED
@@ -2,6 +2,7 @@
2
2
  import React from "react";
3
3
  import { ReactNode } from "react";
4
4
  import { TextSkeletonProps } from "./types-1328ead9";
5
+ type BorderRadiusSize = 0 | 2 | 4 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 36 | 64 | "pill";
5
6
  type SkeletonProps = {
6
7
  /**
7
8
  * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
@@ -36,6 +37,11 @@ type SkeletonProps = {
36
37
  * @default default
37
38
  */
38
39
  colors?: "default" | "inverted";
40
+ /**
41
+ * Скругление углов
42
+ * @default 8
43
+ */
44
+ borderRadius?: BorderRadiusSize;
39
45
  };
40
46
  declare const Skeleton: React.FC<SkeletonProps>;
41
47
  type SkeletonProps$0 = {
@@ -46,4 +52,4 @@ declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeleto
46
52
  renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
47
53
  textRef: React.RefObject<HTMLElement>;
48
54
  };
49
- export { SkeletonProps, Skeleton, useSkeleton };
55
+ export { BorderRadiusSize, SkeletonProps, Skeleton, useSkeleton };
package/cssm/utils/index.d.ts CHANGED
@@ -1,14 +1,15 @@
1
+ import { RefObject } from 'react';
1
2
  import { MaskitoOptions } from '@maskito/core';
2
3
  import { InputAutocompleteDesktopProps } from "@alfalab/core-components-input-autocomplete/desktop";
3
4
  import { GroupShape, OptionShape } from "@alfalab/core-components-select/shared";
4
5
  import { CountriesData } from "../data/country-data";
5
6
  import { Country } from "../types";
6
7
  declare function initCountries(iso2s?: string[], customCountriesList?: CountriesData[]): Country[][];
7
- declare function findCountry(countries: Country[][], value?: string, iso2?: string, country?: Country): Country | undefined;
8
+ declare function findCountry(countries: Country[][], value: string | undefined, iso2: string | undefined, country?: Country): Country | undefined;
8
9
  declare function guessCountry(inputNumber: string, data: Country[][]): Country | undefined;
9
10
  declare function clearMask(value: string): string;
10
11
  declare function createPhoneMaskExpression(country: Country | undefined, clearableCountryCode: boolean): Array<RegExp | string>;
11
- declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean): MaskitoOptions;
12
+ declare function createMaskOptions(country: Country | undefined, clearableCountryCode: boolean, preserveCountryCode: boolean, lastCountryRef: RefObject<Country | null>): MaskitoOptions;
12
13
  declare function defaultFilterFn(value: string | undefined, option: OptionShape): boolean;
13
14
  declare const filterPhones: (value?: string, options?: InputAutocompleteDesktopProps['options'], filterFn?: typeof defaultFilterFn) => (OptionShape | GroupShape)[];
14
15
  declare function getPhoneData(phone: string, countries: Country[][], defaultIso2?: string): {
package/cssm/utils/index.js CHANGED
@@ -120,17 +120,23 @@ function createPhoneMaskExpression(country, clearableCountryCode) {
120
120
  ' '
121
121
  ], false), format.split('').map(itemToMask), true);
122
122
  }
123
- function createMaskOptions(country, clearableCountryCode, preserveCountryCode) {
123
+ function createMaskOptions(country, clearableCountryCode, preserveCountryCode, lastCountryRef) {
124
124
  var countryCode = country === null || country === void 0 ? void 0 : country.countryCode;
125
125
  var prefix = countryCode ? getInitialValueFromCountry(countryCode) : '';
126
126
  var prefixLen = !clearableCountryCode && prefix ? prefix.length : 0;
127
127
  var mask = createPhoneMaskExpression(country, clearableCountryCode);
128
+ var preprocessors = [
129
+ coreComponentsShared.maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
130
+ ];
131
+ if (preserveCountryCode) {
132
+ var createMask = function (lastCountry) {
133
+ return createPhoneMaskExpression(lastCountry, clearableCountryCode);
134
+ };
135
+ preprocessors.push(coreComponentsShared.maskUtils.preserveCountryCodePreprocessor(lastCountryRef, createMask));
136
+ }
128
137
  return {
129
138
  mask: mask,
130
- preprocessors: [
131
- coreComponentsShared.maskUtils.insertionPhonePreprocessor(mask, countryCode, clearableCountryCode),
132
- coreComponentsShared.maskUtils.preserveCountryCodePreprocessor(countryCode, preserveCountryCode),
133
- ],
139
+ preprocessors: preprocessors,
134
140
  postprocessors: [coreComponentsShared.maskUtils.prefixPostprocessor(prefixLen > 0 ? prefix : '')],
135
141
  plugins: [
136
142
  coreComponentsShared.maskUtils.caretGuard(function (value, _a) {
package/esm/Component.responsive.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
3
  declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
4
- country?: import("./types").Country | undefined;
4
+ country?: import("./index-464d40a4").Country | undefined;
5
5
  countries?: string[] | undefined;
6
6
  defaultIso2?: string | undefined;
7
7
  customCountriesList?: import("./index").CountriesData[] | undefined;
@@ -9,7 +9,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
9
9
  countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
10
10
  clear?: boolean | undefined;
11
11
  filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
12
- onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
12
+ onCountryChange?: ((country?: import("./index-464d40a4").Country | undefined) => void) | undefined;
13
13
  onChange?: ((phone: string) => void) | undefined;
14
14
  onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
15
15
  onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
@@ -22,7 +22,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
22
22
  client?: "desktop" | "mobile" | undefined;
23
23
  defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
24
24
  }) | ({
25
- country?: import("./types").Country | undefined;
25
+ country?: import("./index-464d40a4").Country | undefined;
26
26
  countries?: string[] | undefined;
27
27
  defaultIso2?: string | undefined;
28
28
  customCountriesList?: import("./index").CountriesData[] | undefined;
@@ -30,7 +30,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
30
30
  countrySelectProps?: import("./components/country-select/index").SharedCountrySelectProps | undefined;
31
31
  clear?: boolean | undefined;
32
32
  filterFn?: ((value: string | undefined, option: import("./typings-d515b24c").OptionShape) => boolean) | undefined;
33
- onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
33
+ onCountryChange?: ((country?: import("./index-464d40a4").Country | undefined) => void) | undefined;
34
34
  onChange?: ((phone: string) => void) | undefined;
35
35
  onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
36
36
  onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;