@alfalab/core-components-intl-phone-input 9.2.0 → 9.2.2

package/{component-b3b0e670.js → component-7910cc84.js}

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var cn = require('classnames');
-var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_1xm4x","flagIconContainer":"intl-phone-input__flagIconContainer_1xm4x","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1xm4x","disabled":"intl-phone-input__disabled_1xm4x","inner":"intl-phone-input__inner_1xm4x","l":"intl-phone-input__l_1xm4x","xl":"intl-phone-input__xl_1xm4x","focusVisible":"intl-phone-input__focusVisible_1xm4x"};
+var styles = {"component":"intl-phone-input__component_t4tca","flagIconContainer":"intl-phone-input__flagIconContainer_t4tca","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_t4tca","disabled":"intl-phone-input__disabled_t4tca","inner":"intl-phone-input__inner_t4tca","l":"intl-phone-input__l_t4tca","xl":"intl-phone-input__xl_t4tca","focusVisible":"intl-phone-input__focusVisible_t4tca"};
 require('./components/select-field/index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {
@@ -65,13 +65,13 @@ var SelectField = function (_a) {
     var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
     var wrapperRef = React.useRef(null);
     var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
-    var ref = innerProps.ref ? mergeRefs__default['default']([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](styles.component, size && styles[size], (_b = {},
+    var ref = innerProps.ref ? mergeRefs__default.default([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles.component, size && styles[size], (_b = {},
             _b[styles.focusVisible] = focusVisible,
             _b[styles.disabled] = disabled,
             _b)) },
-        React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
-            React__default['default'].createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles.emptyCountryIcon })) : (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
+        React__default.default.createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
+            React__default.default.createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles.emptyCountryIcon })) : (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 

package/component.d.ts

@@ -63,7 +63,7 @@ declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<Input
     /**
      * Обработчик события изменения страны
      */
-    onCountryChange?: ((countryCode?: CountryCode | undefined) => void) | undefined;
+    onCountryChange?: ((countryCode?: CountryCode) => void) | undefined;
     /**
      * Список стран
      */

package/component.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('./component-b3b0e670.js');
+var components_selectField_component = require('./component-7910cc84.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete');
@@ -13,19 +11,19 @@ var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-
 var utils_preparePasteData = require('./utils/preparePasteData.js');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('./components/flag-icon/flagSprite.js');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
-require('@alfalab/core-components-select');
 var components_select_component = require('./components/select/component.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
+require('./components/flag-icon/flagSprite.js');
+require('@alfalab/core-components-select');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_bt23w","l":"intl-phone-input__l_bt23w","xl":"intl-phone-input__xl_bt23w","flagIconWrapper":"intl-phone-input__flagIconWrapper_bt23w","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_bt23w"};
+var styles = {"addons":"intl-phone-input__addons_oa44m","l":"intl-phone-input__l_oa44m","xl":"intl-phone-input__xl_oa44m","flagIconWrapper":"intl-phone-input__flagIconWrapper_oa44m","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_oa44m"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
@@ -55,16 +53,16 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                     return part;
                 }
                 if (index > 2) {
-                    return acc + "-" + part;
+                    return "".concat(acc, "-").concat(part);
                 }
-                return acc + " " + part;
+                return "".concat(acc, " ").concat(part);
             }, '');
         }
         return newValue;
     };
     var setCountryByIso2 = function (iso2) {
         var country = countriesHash[iso2];
-        var inputValue = "+" + country.dialCode;
+        var inputValue = "+".concat(country.dialCode);
         onChange(inputValue);
         setCountryIso2(country.iso2);
         return country;
@@ -83,7 +81,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
         }
         var targetCountry = countries.find(function (country) {
-            if (new RegExp("^\\+" + country.dialCode).test(inputValue)) {
+            if (new RegExp("^\\+".concat(country.dialCode)).test(inputValue)) {
                 // Сначала проверяем, если приоритет не указан
                 if (country.priority === undefined) {
                     return true;
@@ -125,7 +123,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var addCountryCode = function (inputValue) {
         if (clearableCountryCode || !countryIso2) {
             return inputValue.length === 1 && inputValue !== '+'
-                ? "+" + inputValue
+                ? "+".concat(inputValue)
                 : inputValue;
         }
         var country = countriesHash[countryIso2];
@@ -139,7 +137,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         var selected = _a.selected;
         if (selected) {
             var country_1 = setCountryByIso2(selected.value);
-            var inputValue = "+" + country_1.dialCode;
+            var inputValue = "+".concat(country_1.dialCode);
             if (inputRef.current) {
                 inputRef.current.focus();
                 inputRef.current.setSelectionRange(inputValue.length, inputValue.length);
@@ -155,7 +153,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         onChange(formatPhone(selected.key));
     };
     var country = countryIso2 && countriesHash[countryIso2];
-    var countryCodeLength = country ? ("+" + country.dialCode).length : 0;
+    var countryCodeLength = country ? "+".concat(country.dialCode).length : 0;
     var isEmptyValue = clearableCountryCode
         ? value === '' || value === '+'
         : value.length <= countryCodeLength;
@@ -184,7 +182,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                 newValue = '+7';
             }
             else if (newValueDecimal.length === 1) {
-                newValue = "+7" + newValueDecimal;
+                newValue = "+7".concat(newValueDecimal);
             }
         }
         newValue = formatPhone(addCountryCode(newValue));
@@ -193,7 +191,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
         if (newValue && newValue[0] !== '+') {
-            newValue = "+" + newValue;
+            newValue = "+".concat(newValue);
         }
         setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
@@ -277,7 +275,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-0775258e.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-7545e519.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {
@@ -287,7 +285,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                 setCountryByDialCode(value);
             }
         })
-            .catch(function (error) { return "An error occurred while loading libphonenumber-js:\n" + error; });
+            .catch(function (error) { return "An error occurred while loading libphonenumber-js:\n".concat(error); });
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value]);
     React.useEffect(function () {
@@ -308,7 +306,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default['default'].createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default.default.createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default.default(className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default.default.createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 
 exports.IntlPhoneInput = IntlPhoneInput;

package/components/flag-icon/component.js

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var components_flagIcon_flagSprite = require('./flagSprite.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_aad6g","flagPlaceholder":"intl-phone-input__flagPlaceholder_aad6g"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1wuf7","flagPlaceholder":"intl-phone-input__flagPlaceholder_1wuf7"};
 require('./index.css')
 
 /**
@@ -19,7 +17,7 @@ require('./index.css')
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default['default'].createElement("span", { className: cn__default['default'](styles.flagIcon, className), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default['default'].createElement("div", { className: cn__default['default'](styles.flagPlaceholder, className) }));
+    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default.default.createElement("span", { className: cn__default.default(styles.flagIcon, className), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default.default.createElement("div", { className: cn__default.default(styles.flagPlaceholder, className) }));
 };
 
 exports.FlagIcon = FlagIcon;

package/components/flag-icon/flagSprite.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var flagSprite = {
     'ge-ab': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><g clip-path="url(#a)"><path fill="#F5F5F5" d="M24 6.4H0v2.2h24V6.4Z"/><path fill="#73AF00" d="M24 8.6H0V11h24V8.6Z"/><path fill="#F5F5F5" d="M24 10.9H0V13h24V11Z"/><path fill="#73AF00" d="M24 13.1H0v2.3h24V13Z"/><path fill="#F5F5F5" d="M24 15.4H0v2.2h24v-2.2Z"/><path fill="#73AF00" d="M22.2 4.1H1.8C.8 4.1 0 5 0 6v.5h24v-.5c0-1-.8-1.8-1.8-1.8ZM24 17.6H0v.5c0 1 .8 1.7 1.7 1.8h20.6c1 0 1.7-.9 1.7-1.8v-.5Z"/><path fill="#FF4B55" d="M0 6v4.5c0 .2.2.4.4.4h11.2c.2 0 .4-.2.4-.4v-6c0-.2-.2-.3-.4-.4H1.8C.8 4.1 0 5 0 6Z"/><path fill="#F5F5F5" d="M6.4 10.3H5.6l-.3-.6V7.3a.1.1 0 0 1 .2 0V8h.1V6.8a.1.1 0 0 1 .3 0V8L6 6.7a.1.1 0 0 1 .2 0V8h.2V7a.1.1 0 0 1 .2 0v1.2l.3.6c0-.2.2-.5.4-.6h.1v.2a1 1 0 0 0-.2.7v.1l-.6.7v.3l-.2.1ZM6 4.7l.1.3h.4l-.3.3.1.3-.3-.2-.3.2v-.3L5.6 5H6v-.4H6ZM4.4 5.2l.1.3H5l-.3.3.1.3-.3-.2-.3.2v-.3L4 5.6v-.1h.4v-.3h.1ZM7.7 5.2l.1.3h.3l-.2.3V6L7.7 6l-.3.2v-.3l-.2-.2v-.1h.3l.1-.3ZM8.8 6.4v.3h.4L9 7v.3l-.3-.2-.2.2V7l-.3-.2h.4l.1-.4ZM3.2 6.4l.1.3h.4l-.3.3.1.3-.3-.2-.3.2L3 7l-.3-.2h.4v-.4h.1ZM9 8l.2.3h.3v.1l-.2.2v.3l-.2-.1-.3.2v-.4l-.2-.2h.3L9 8ZM2.8 8l.1.3h.4v.1l-.3.2.1.3-.3-.1-.3.2v-.4l-.2-.2h.4V8h.1Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0V0Z"/></clipPath></defs></svg>',
     af: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><path fill="#464655" d="M1.8 19.9H8V4H1.8C.8 4.1 0 5 0 6v12.2c0 1 .8 1.8 1.8 1.8Z"/><path fill="#FF4B55" d="M16 4.1H8V20h8V4Z"/><path fill="#73AF00" d="M22.2 19.9c1 0 1.8-.8 1.8-1.8V5.9c0-1-.8-1.8-1.8-1.8H16V20h6.2Z"/><path fill="#F5F5F5" d="M11.4 11.6H11v.1h.4ZM13 12.8h-2v-.2h2v.2ZM13 10.9h-2v.2h2V11Z"/><path fill="#F5F5F5" d="M12.6 11h-1.2l.2-.2h.8l.2.2ZM11.4 12.2H11v.3h.4v-.3ZM11.4 11.9H11v.2h.4v-.2ZM11.4 11.3H11v.2h.4v-.2ZM13 12.2h-.4v.3h.4v-.3ZM13 11.9h-.4v.2h.4v-.2ZM13 11.3h-.4v.2h.4v-.2ZM13 11.6h-.4v.1h.4ZM11.4 10.3h-.2v.5h.2v-.5ZM11.4 10.2h-.2V10a.1.1 0 0 1 .2 0ZM12.8 10.3h-.2v.5h.2v-.5ZM12.8 10.2h-.2V10a.1.1 0 0 1 .2 0ZM12 11.3c-.3 0-.5.2-.5.4v.8h1v-.8c0-.2-.2-.4-.5-.4Z"/><path fill="#F5F5F5" d="m11.2 12-.6-.8a.1.1 0 1 0-.2.1l.1.1-.3.8.4.3.3-.7.2.3h.1Zm-.6.3-.3-.3.2-.3.3.3-.2.3ZM12.9 12l.2-.2.3.7.4-.3-.3-.8a.1.1 0 1 0 0-.2l-.7.8Zm.4 0 .2-.3.2.3-.3.3-.1-.3ZM12.1 10h-.2a.5.5 0 0 0-.4.7h1v-.2c0-.2-.2-.4-.4-.4ZM9.3 11.8a2.8 2.8 0 0 1 0-.6 2.6 2.6 0 0 0 0 .7h.3a2.4 2.4 0 0 1 0-.5l.2.6s.4-.6-.3-1.2v.2h-.4a3 3 0 0 0-.1.8h.3Z"/><path fill="#F5F5F5" d="M10.3 9.4a.1.1 0 1 0-.1-.2c-.6.5-1 1-1.1 1.7h.2c.2-.6.5-1.1 1-1.5Z"/><path fill="#F5F5F5" d="M10.2 9.7c-.3.3-.5.6-.6 1h.1l.6-.8a.1.1 0 0 0-.1-.2ZM9.7 13.2l-.4-.9h.2c0 .4.2.6.4.9h.2l-.3-.7h.1l.4.6h.2a2 2 0 0 1-.2-.4l-.2-.4-.2-.2h-.4l-.1-.1h-.1l-.3-.1H9v.2l.2.1c0 .4.2.7.4 1h.2ZM14.5 11v-.2c-.7.6-.3 1.2-.3 1.2 0-.2 0-.4.2-.6a2.1 2.1 0 0 1 0 .6l.2-.1a2.7 2.7 0 0 0 0-.7h.1a2.8 2.8 0 0 1 0 .6h.3a3 3 0 0 0 0-.7h-.5ZM14.7 10.9h.2a3 3 0 0 0-1-1.7.1.1 0 0 0-.2.2c.5.4.8 1 1 1.5ZM14.4 10.6l-.6-.9a.1.1 0 1 0-.1.2l.6.9.1-.2ZM15 11.9h-.3v.1h-.2l-.4.1-.2.2-.2.4-.2.3h.2c.2 0 .3-.3.4-.4l.1-.1-.3.6h.2l.4-.7h.2l-.4.8h.2c.2-.3.4-.6.4-1l.1-.1.1-.2H15ZM13.3 13.2a2 2 0 0 1-2.5 0h-.2l-1.2.2.2.2.3.1.7.6v.1a3 3 0 0 0 2.9 0l-.1-.1.7-.6h.3l.2-.3-1.2-.2h-.1Zm-2.6.9-.6-.5h.2l.5.4Zm3.2-.5-.6.5V14l.4-.4h.2ZM12 14c-.6 0-1.1-.2-1.5-.5h.1a2.3 2.3 0 0 0 2.8 0h.1c-.4.3-1 .5-1.5.5Z"/><path fill="#F5F5F5" d="m10.7 13 .1.2h2.4l.1-.2h-2.6Z"/></svg>',

package/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 18d6c */
+/* hash: 25mjn */
 :root {
     --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
 }
@@ -16,11 +16,11 @@
 :root {
     --border-radius-xs: 2px;
 }
-.intl-phone-input__flagIcon_aad6g {
+.intl-phone-input__flagIcon_1wuf7 {
     max-width: 24px;
     max-height: 24px;
 }
-.intl-phone-input__flagPlaceholder_aad6g {
+.intl-phone-input__flagPlaceholder_1wuf7 {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/flag-icon/index.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var components_flagIcon_component = require('./component.js');
 require('react');
 require('classnames');
 require('./flagSprite.js');
-var components_flagIcon_component = require('./component.js');
 
 
 

package/components/index.js

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('../component-b3b0e670.js');
+var components_selectField_component = require('../component-7910cc84.js');
+var components_flagIcon_component = require('./flag-icon/component.js');
+var components_select_component = require('./select/component.js');
 require('react');
-require('classnames');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
+require('classnames');
 require('@alfalab/hooks');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('./flag-icon/flagSprite.js');
-var components_flagIcon_component = require('./flag-icon/component.js');
 require('@alfalab/core-components-select');
-var components_select_component = require('./select/component.js');
 
 
 

package/components/select/component.js

@@ -1,22 +1,20 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('../../component-b3b0e670.js');
+var components_selectField_component = require('../../component-7910cc84.js');
 var React = require('react');
-require('classnames');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+var coreComponentsSelect = require('@alfalab/core-components-select');
+var components_flagIcon_component = require('../flag-icon/component.js');
 require('react-merge-refs');
+require('classnames');
 require('@alfalab/hooks');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('../flag-icon/flagSprite.js');
-var components_flagIcon_component = require('../flag-icon/component.js');
-var coreComponentsSelect = require('@alfalab/core-components-select');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"component":"intl-phone-input__component_1hlhb","option":"intl-phone-input__option_1hlhb","flag":"intl-phone-input__flag_1hlhb","countryName":"intl-phone-input__countryName_1hlhb","dialCode":"intl-phone-input__dialCode_1hlhb"};
+var styles = {"component":"intl-phone-input__component_1ef99","option":"intl-phone-input__option_1ef99","flag":"intl-phone-input__flag_1ef99","countryName":"intl-phone-input__countryName_1ef99","dialCode":"intl-phone-input__dialCode_1ef99"};
 require('./index.css')
 
 var CountriesSelect = function (_a) {
@@ -27,20 +25,20 @@ var CountriesSelect = function (_a) {
             return ({
                 key: iso2,
                 value: iso2,
-                content: (React__default['default'].createElement("span", { className: styles.option },
-                    React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: iso2, className: styles.flag }),
-                    React__default['default'].createElement("span", { className: styles.optionTextWrap },
-                        React__default['default'].createElement("span", { className: styles.countryName }, name),
-                        React__default['default'].createElement("span", { className: styles.dialCode },
+                content: (React__default.default.createElement("span", { className: styles.option },
+                    React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: iso2, className: styles.flag }),
+                    React__default.default.createElement("span", { className: styles.optionTextWrap },
+                        React__default.default.createElement("span", { className: styles.countryName }, name),
+                        React__default.default.createElement("span", { className: styles.dialCode },
                             "+",
                             dialCode)))),
             });
         });
     }, [countries]);
-    var renderOptionsList = React.useCallback(function (props) { return (React__default['default'].createElement("div", { style: { width: fieldWidth || 0 } },
-        React__default['default'].createElement(coreComponentsSelect.VirtualOptionsList, components_selectField_component.__assign({}, props)))); }, [fieldWidth]);
-    return (React__default['default'].createElement("div", { className: styles.component, onClick: function (event) { return event.stopPropagation(); } },
-        React__default['default'].createElement(coreComponentsSelect.Select, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: components_selectField_component.SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
+    var renderOptionsList = React.useCallback(function (props) { return (React__default.default.createElement("div", { style: { width: fieldWidth || 0 } },
+        React__default.default.createElement(coreComponentsSelect.VirtualOptionsList, components_selectField_component.__assign({}, props)))); }, [fieldWidth]);
+    return (React__default.default.createElement("div", { className: styles.component, onClick: function (event) { return event.stopPropagation(); } },
+        React__default.default.createElement(coreComponentsSelect.Select, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: components_selectField_component.SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
 };
 
 exports.CountriesSelect = CountriesSelect;

package/components/select/index.css

@@ -1,4 +1,4 @@
-/* hash: 3jm6f */
+/* hash: 1tuv8 */
 :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
@@ -16,23 +16,23 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_1hlhb {
+.intl-phone-input__component_1ef99 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1hlhb {
+.intl-phone-input__option_1ef99 {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1hlhb {
+.intl-phone-input__flag_1ef99 {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1hlhb {
+.intl-phone-input__countryName_1ef99 {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1hlhb {
+.intl-phone-input__dialCode_1ef99 {
     color: var(--text-secondary-color);
 }

package/components/select/index.js

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../../component-b3b0e670.js');
+var components_select_component = require('./component.js');
+require('../../component-7910cc84.js');
 require('react');
-require('classnames');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
+require('classnames');
 require('@alfalab/hooks');
-require('../flag-icon/flagSprite.js');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('../flag-icon/component.js');
+require('../flag-icon/flagSprite.js');
 require('@alfalab/core-components-select');
-var components_select_component = require('./component.js');
 
 
 

package/components/select-field/component.js

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('../../component-b3b0e670.js');
+var components_selectField_component = require('../../component-7910cc84.js');
 require('react');
-require('classnames');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
+require('classnames');
 require('@alfalab/hooks');
-require('../flag-icon/flagSprite.js');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('../flag-icon/component.js');
+require('../flag-icon/flagSprite.js');
 
 
 

package/components/select-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1sbmn */
+/* hash: jiroi */
 :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-secondary: #6d7986;
@@ -20,13 +20,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_1xm4x {
+.intl-phone-input__component_t4tca {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1xm4x {
+.intl-phone-input__flagIconContainer_t4tca {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -34,13 +34,13 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__emptyCountryIcon_1xm4x {
+.intl-phone-input__emptyCountryIcon_t4tca {
     color: var(--color-light-graphic-secondary);
 }
-.intl-phone-input__disabled_1xm4x {
+.intl-phone-input__disabled_t4tca {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1xm4x {
+.intl-phone-input__inner_t4tca {
     position: relative;
     display: flex;
     align-items: center;
@@ -48,11 +48,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1xm4x .intl-phone-input__inner_1xm4x,
-.intl-phone-input__xl_1xm4x .intl-phone-input__inner_1xm4x {
+.intl-phone-input__l_t4tca .intl-phone-input__inner_t4tca,
+.intl-phone-input__xl_t4tca .intl-phone-input__inner_t4tca {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1xm4x {
+.intl-phone-input__focusVisible_t4tca {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-b3b0e670";
+export * from "../../component-7910cc84";

package/components/select-field/index.js

@@ -1,15 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('../../component-b3b0e670.js');
+var components_selectField_component = require('../../component-7910cc84.js');
 require('react');
-require('classnames');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
+require('classnames');
 require('@alfalab/hooks');
-require('../flag-icon/flagSprite.js');
+require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('../flag-icon/component.js');
+require('../flag-icon/flagSprite.js');
 
 
 

package/cssm/{component-1eeab8e9.js → component-01884de0.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var cn = require('classnames');
-var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
 var styles = require('./components/select-field/index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -64,13 +64,13 @@ var SelectField = function (_a) {
     var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
     var wrapperRef = React.useRef(null);
     var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
-    var ref = innerProps.ref ? mergeRefs__default['default']([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](styles__default['default'].component, size && styles__default['default'][size], (_b = {},
-            _b[styles__default['default'].focusVisible] = focusVisible,
-            _b[styles__default['default'].disabled] = disabled,
+    var ref = innerProps.ref ? mergeRefs__default.default([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles__default.default.component, size && styles__default.default[size], (_b = {},
+            _b[styles__default.default.focusVisible] = focusVisible,
+            _b[styles__default.default.disabled] = disabled,
             _b)) },
-        React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles__default['default'].inner }),
-            React__default['default'].createElement("span", { className: styles__default['default'].flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles__default['default'].emptyCountryIcon })) : (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
+        React__default.default.createElement("div", exports.__assign({}, innerProps, { className: styles__default.default.inner }),
+            React__default.default.createElement("span", { className: styles__default.default.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })) : (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 

package/cssm/component.d.ts

@@ -63,7 +63,7 @@ declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<Input
     /**
      * Обработчик события изменения страны
      */
-    onCountryChange?: ((countryCode?: CountryCode | undefined) => void) | undefined;
+    onCountryChange?: ((countryCode?: CountryCode) => void) | undefined;
     /**
      * Список стран
      */