@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/intl-phone-input/cssm/component.js

@@ -1,83 +1,107 @@
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import cn from 'classnames';
-import { InputAutocompleteDesktop } from '../../input-autocomplete/cssm/desktop';
-import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import { getCountriesHash, getCountries } from '@alfalab/utils';
-import { calculateCaretPos } from './utils/calculateCaretPos.js';
-import { formatPhoneWithUnclearableCountryCode } from './utils/format-phone-with-unclearable-country-code.js';
-import { preparePasteData } from './utils/preparePasteData.js';
-import 'react-merge-refs';
-import '@alfalab/hooks';
-import { FlagIcon } from './components/flag-icon/component.js';
-import './components/select-field/index.module.css';
-import { CountriesSelect } from './components/select/component.js';
-import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
-import styles from './index.module.css';
-import './components/flag-icon/flagSprite.js';
-import './components/flag-icon/index.module.css';
-import '../../select/cssm/desktop';
-import '../../select/cssm/shared';
-import './components/select-field/component.js';
-import './components/select/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const countriesHash = getCountriesHash();
-const MAX_DIAL_CODE_LENGTH = 4;
-const MASK_SYMBOLS = [' ', '-', '(', ')'];
-const MAX_PHONE_LEN = 15;
-const DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var desktop = require('../../input-autocomplete/cssm/desktop');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+var utils = require('@alfalab/utils');
+var utils_calculateCaretPos = require('./utils/calculateCaretPos.js');
+var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-with-unclearable-country-code.js');
+var utils_preparePasteData = require('./utils/preparePasteData.js');
+require('react-merge-refs');
+require('@alfalab/hooks');
+var components_flagIcon_component = require('./components/flag-icon/component.js');
+require('./components/select-field/index.module.css');
+var components_select_component = require('./components/select/component.js');
+var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var countriesHash = utils.getCountriesHash();
+var MAX_DIAL_CODE_LENGTH = 4;
+var MASK_SYMBOLS = [' ', '-', '(', ')'];
+var MAX_PHONE_LEN = 15;
+var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
 /**
  * @deprecated
  * use InternationalPhoneInput instead
  */
-const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCountrySelect = false, canBeEmptyCountry = false, ruNumberPriority = false, clear = false, size = 'm', colors = 'default', options = [], countries = getCountries(), clearableCountryCode = true, maxDialCodeLength = MAX_DIAL_CODE_LENGTH, className, value, onChange, onCountryChange, defaultCountryIso2 = 'ru', preventFlip, inputProps, maxPhoneLen = DEFAULT_MAX_PHONE_LEN_BY_COUNTRY, ...restProps }, ref) => {
-    const [countryIso2, setCountryIso2] = useState(defaultCountryIso2.toLowerCase());
-    const inputRef = useRef(null);
-    const [inputWrapperRef, setInputWrapperRef] = useState(null);
-    const [caretPos, setCaretPos] = useState();
-    const phoneLibUtils = useRef();
-    const formatPhone = (inputValue, iso2 = countryIso2) => {
-        let newValue = inputValue;
+var IntlPhoneInput = React.forwardRef(function (_a, ref) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.hideCountrySelect, hideCountrySelect = _d === void 0 ? false : _d, _e = _a.canBeEmptyCountry, canBeEmptyCountry = _e === void 0 ? false : _e, _f = _a.ruNumberPriority, ruNumberPriority = _f === void 0 ? false : _f, _g = _a.clear, clear = _g === void 0 ? false : _g, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.options, options = _k === void 0 ? [] : _k, _l = _a.countries, countries = _l === void 0 ? utils.getCountries() : _l, _m = _a.clearableCountryCode, clearableCountryCode = _m === void 0 ? true : _m, _o = _a.maxDialCodeLength, maxDialCodeLength = _o === void 0 ? MAX_DIAL_CODE_LENGTH : _o, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _p = _a.defaultCountryIso2, defaultCountryIso2 = _p === void 0 ? 'ru' : _p, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _q = _a.maxPhoneLen, maxPhoneLen = _q === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _q, restProps = tslib.__rest(_a, ["disabled", "readOnly", "hideCountrySelect", "canBeEmptyCountry", "ruNumberPriority", "clear", "size", "colors", "options", "countries", "clearableCountryCode", "maxDialCodeLength", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
+    var _r = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _r[0], setCountryIso2 = _r[1];
+    var inputRef = React.useRef(null);
+    var _s = React.useState(null), inputWrapperRef = _s[0], setInputWrapperRef = _s[1];
+    var _t = React.useState(), caretPos = _t[0], setCaretPos = _t[1];
+    var phoneLibUtils = React.useRef();
+    var formatPhone = function (inputValue, iso2) {
+        if (iso2 === void 0) { iso2 = countryIso2; }
+        var newValue = inputValue;
         if (phoneLibUtils.current) {
-            const Utils = phoneLibUtils.current;
-            const utils = new Utils(iso2 ? iso2.toUpperCase() : undefined);
+            var Utils = phoneLibUtils.current;
+            var utils = new Utils(iso2 ? iso2.toUpperCase() : undefined);
             newValue = utils.input(inputValue);
         }
         if (iso2 === 'ru') {
-            const parts = newValue.split(' ');
-            newValue = parts.reduce((acc, part, index) => {
+            var parts = newValue.split(' ');
+            newValue = parts.reduce(function (acc, part, index) {
                 if (index === 0) {
                     return part;
                 }
                 if (index > 2) {
-                    return `${acc}-${part}`;
+                    return "".concat(acc, "-").concat(part);
                 }
-                return `${acc} ${part}`;
+                return "".concat(acc, " ").concat(part);
             }, '');
         }
         return newValue;
     };
-    const setCountryByIso2 = (iso2) => {
-        const country = countriesHash[iso2];
-        const inputValue = `+${country.dialCode}`;
+    var setCountryByIso2 = function (iso2) {
+        var country = countriesHash[iso2];
+        var inputValue = "+".concat(country.dialCode);
         onChange(inputValue);
         setCountryIso2(country.iso2);
         return country;
     };
-    const handleCountryChange = (countryCode) => {
+    var handleCountryChange = function (countryCode) {
         if (onCountryChange) {
             onCountryChange(countryCode ? countryCode.toUpperCase() : undefined);
         }
     };
-    const getCountryByNumber = (inputValue) => {
+    var getCountryByNumber = function (inputValue) {
         // dialcode казахстанских номеров совпадает с российскими, поэтому проверяем отдельно
         if (new RegExp('^\\+7(\\s)?7').test(inputValue)) {
-            const kzCoutry = countries.find((item) => item.iso2 === 'kz');
+            var kzCoutry = countries.find(function (item) { return item.iso2 === 'kz'; });
             if (kzCoutry) {
                 return kzCoutry;
             }
         }
-        const targetCountry = countries.find((country) => {
-            if (new RegExp(`^\\+${country.dialCode}`).test(inputValue)) {
+        var targetCountry = countries.find(function (country) {
+            if (new RegExp("^\\+".concat(country.dialCode)).test(inputValue)) {
                 // Сначала проверяем, если приоритет не указан
                 if (country.priority === undefined) {
                     return true;
@@ -96,24 +120,24 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
         });
         return targetCountry;
     };
-    const changePhone = (phone, iso2) => {
-        const newValue = formatPhone(phone, iso2);
+    var changePhone = function (phone, iso2) {
+        var newValue = formatPhone(phone, iso2);
         if (newValue !== value) {
             onChange(newValue);
         }
     };
-    const addCountryCode = (inputValue) => {
+    var addCountryCode = function (inputValue) {
         if (clearableCountryCode || !countryIso2) {
             return inputValue.length === 1 && inputValue !== '+'
-                ? `+${inputValue}`
+                ? "+".concat(inputValue)
                 : inputValue;
         }
-        const country = countriesHash[countryIso2];
-        return formatPhoneWithUnclearableCountryCode(inputValue, country);
+        var country = countriesHash[countryIso2];
+        return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
     };
-    const setCountryByDialCode = (inputValue) => {
-        const country = getCountryByNumber(inputValue);
-        changePhone(addCountryCode(inputValue), country?.iso2);
+    var setCountryByDialCode = function (inputValue) {
+        var country = getCountryByNumber(inputValue);
+        changePhone(addCountryCode(inputValue), country === null || country === void 0 ? void 0 : country.iso2);
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -123,57 +147,58 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
             handleCountryChange(undefined);
         }
     };
-    const setCountryByDialCodeWithLengthCheck = (inputValue) => {
+    var setCountryByDialCodeWithLengthCheck = function (inputValue) {
         if (inputRef.current) {
-            const { selectionStart } = inputRef.current;
+            var selectionStart = inputRef.current.selectionStart;
             if ((selectionStart || 0) <= maxDialCodeLength) {
                 setCountryByDialCode(inputValue);
             }
         }
     };
-    const handleInputChange = (newValue) => {
+    var handleInputChange = function (newValue) {
         setCountryByDialCodeWithLengthCheck(newValue);
         changePhone(addCountryCode(newValue));
     };
-    const handleSelectChange = ({ selected }) => {
+    var handleSelectChange = function (_a) {
+        var selected = _a.selected;
         if (selected) {
-            const country = setCountryByIso2(selected.value);
-            const inputValue = `+${country.dialCode}`;
+            var country_1 = setCountryByIso2(selected.value);
+            var inputValue = "+".concat(country_1.dialCode);
             if (inputRef.current) {
                 inputRef.current.focus();
                 inputRef.current.setSelectionRange(inputValue.length, inputValue.length);
             }
-            handleCountryChange(country.iso2);
+            handleCountryChange(country_1.iso2);
         }
     };
-    const handleChange = (payload) => {
-        const { selected } = payload;
+    var handleChange = function (payload) {
+        var selected = payload.selected;
         if (!selected)
             return;
         setCountryByDialCodeWithLengthCheck(selected.key);
         changePhone(selected.key);
     };
-    const country = countryIso2 && countriesHash[countryIso2];
-    const countryCodeLength = country ? `+${country.dialCode}`.length : 0;
-    const isEmptyValue = clearableCountryCode
+    var country = countryIso2 && countriesHash[countryIso2];
+    var countryCodeLength = country ? "+".concat(country.dialCode).length : 0;
+    var isEmptyValue = clearableCountryCode
         ? value === '' || value === '+'
         : value.length <= countryCodeLength;
-    const handleInputNewChar = (event, caretPosition) => {
-        const input = event.target;
-        const currentValue = input.value;
-        const maxPhoneLength = (countryIso2 && maxPhoneLen?.[countryIso2.toUpperCase()]) || MAX_PHONE_LEN;
+    var handleInputNewChar = function (event, caretPosition) {
+        var input = event.target;
+        var currentValue = input.value;
+        var maxPhoneLength = (countryIso2 && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[countryIso2.toUpperCase()])) || MAX_PHONE_LEN;
         // Если номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
-        const shouldReplace = maxPhoneLength === currentValue.replace(/\D/g, '').length;
-        let endPhonePart = currentValue.slice(caretPosition);
+        var shouldReplace = maxPhoneLength === currentValue.replace(/\D/g, '').length;
+        var endPhonePart = currentValue.slice(caretPosition);
         if (shouldReplace) {
-            let cursor = 0;
+            var cursor = 0;
             while (MASK_SYMBOLS.includes(endPhonePart.charAt(cursor))) {
                 cursor += 1;
             }
             endPhonePart = endPhonePart.slice(cursor + 1);
         }
-        let newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;
-        const newValueDecimal = newValue.replace(/\D/g, '');
+        var newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;
+        var newValueDecimal = newValue.replace(/\D/g, '');
         // Запрещаем ввод, если номер уже заполнен.
         if (newValueDecimal.length > maxPhoneLength) {
             newValue = newValue.slice(0, -1);
@@ -183,52 +208,52 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
                 newValue = '+7';
             }
             else if (newValueDecimal.length === 1) {
-                newValue = `+7${newValueDecimal}`;
+                newValue = "+7".concat(newValueDecimal);
             }
         }
         newValue = formatPhone(addCountryCode(newValue));
-        let phonePartWithoutMask = currentValue.slice(0, caretPosition).replace(/\D/g, '') + event.key;
+        var phonePartWithoutMask = currentValue.slice(0, caretPosition).replace(/\D/g, '') + event.key;
         if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {
             phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
         if (newValue && newValue[0] !== '+') {
-            newValue = `+${newValue}`;
+            newValue = "+".concat(newValue);
         }
-        setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));
+        setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
-    const handleDeleteChar = (event) => {
-        const input = event.target;
-        const selectionStart = input.selectionStart || 0;
-        const selectionEnd = input.selectionEnd || 0;
+    var handleDeleteChar = function (event) {
+        var input = event.target;
+        var selectionStart = input.selectionStart || 0;
+        var selectionEnd = input.selectionEnd || 0;
         if (!clearableCountryCode && selectionEnd <= countryCodeLength)
             return;
-        const currentValue = input.value;
-        const isMaskSymbol = (count) => {
-            const isMask = MASK_SYMBOLS.includes(currentValue.charAt(selectionEnd - 1 - count));
-            const isPossibleToRemove = clearableCountryCode
+        var currentValue = input.value;
+        var isMaskSymbol = function (count) {
+            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(selectionEnd - 1 - count));
+            var isPossibleToRemove = clearableCountryCode
                 ? selectionEnd - count > 0
                 : selectionEnd - count > countryCodeLength;
             return isMask && isPossibleToRemove;
         };
-        let deletedCharsCount = Math.max(1, selectionEnd - selectionStart);
+        var deletedCharsCount = Math.max(1, selectionEnd - selectionStart);
         // Высчитываем кол-во символов, которые нужно удалить.
         while (isMaskSymbol(deletedCharsCount)) {
             deletedCharsCount += 1;
         }
-        const phonePart = currentValue.slice(0, selectionEnd - deletedCharsCount);
-        const newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(selectionEnd)));
-        const phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
-        setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));
+        var phonePart = currentValue.slice(0, selectionEnd - deletedCharsCount);
+        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(selectionEnd)));
+        var phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
+        setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
-    const handleKeyDown = (event) => {
-        const input = event.target;
-        const caretPosition = input.selectionStart || 0;
-        const disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё,. ]/;
-        const withoutCombo = !event.altKey && !event.metaKey && !event.ctrlKey;
+    var handleKeyDown = function (event) {
+        var input = event.target;
+        var caretPosition = input.selectionStart || 0;
+        var disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё,. ]/;
+        var withoutCombo = !event.altKey && !event.metaKey && !event.ctrlKey;
         // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш
         if (withoutCombo && event.key.length === 1 && disallowedSymbols.test(event.key)) {
             event.preventDefault();
@@ -247,8 +272,9 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
             handleInputNewChar(event, caretPosition);
         }
     };
-    const handleClear = (event) => {
-        inputProps?.onClear?.(event);
+    var handleClear = function (event) {
+        var _a;
+        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
         if (clearableCountryCode) {
             onChange('+');
             if (canBeEmptyCountry) {
@@ -260,34 +286,35 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
             onChange(value.substring(0, countryCodeLength));
         }
     };
-    const handlePaste = (event) => {
-        inputProps?.onPaste?.(event);
+    var handlePaste = function (event) {
+        var _a, _b;
+        (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onPaste) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
         event.preventDefault();
-        const text = event.clipboardData?.getData('Text');
+        var text = (_b = event.clipboardData) === null || _b === void 0 ? void 0 : _b.getData('Text');
         if (!text || !inputRef.current) {
             return;
         }
-        const { selectionStart, selectionEnd } = inputRef.current;
-        const preparedNumber = preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
-        const targetCountry = getCountryByNumber(preparedNumber);
-        const maxPhoneLength = (targetCountry && maxPhoneLen?.[targetCountry.iso2.toUpperCase()]) || MAX_PHONE_LEN;
-        const resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
+        var _c = inputRef.current, selectionStart = _c.selectionStart, selectionEnd = _c.selectionEnd;
+        var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0, ruNumberPriority && countryIso2 === 'ru');
+        var targetCountry = getCountryByNumber(preparedNumber);
+        var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
+        var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
         if (resultNumber) {
             setCountryIso2(targetCountry ? targetCountry.iso2 : undefined);
             changePhone(addCountryCode(resultNumber));
         }
     };
-    useEffect(() => {
+    React.useEffect(function () {
         if (inputRef.current && caretPos !== undefined) {
             inputRef.current.setSelectionRange(caretPos, caretPos);
             setCaretPos(undefined);
         }
     }, [caretPos]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (phoneLibUtils.current)
             return;
-        import(/* webpackChunkName: "libphonenumber" */ 'libphonenumber-js/min')
-            .then((utils) => {
+        Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceCompat(require(/* webpackChunkName: "libphonenumber" */ 'libphonenumber-js/min')); })
+            .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {
                 changePhone(value);
@@ -296,12 +323,12 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
                 setCountryByDialCode(value);
             }
         })
-            .catch((error) => `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]);
-    useEffect(() => {
+    React.useEffect(function () {
         if (value && value.length > 1 && !value.includes(' ')) {
-            const newCountry = getCountryByNumber(value);
+            var newCountry = getCountryByNumber(value);
             if (newCountry && countryIso2 !== newCountry.iso2) {
                 setCountryIso2(newCountry.iso2);
                 handleCountryChange(newCountry.iso2);
@@ -312,25 +339,12 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
                 setCountryIso2(undefined);
                 handleCountryChange(undefined);
             }
-            changePhone(value, newCountry?.iso2);
+            changePhone(value, newCountry === null || newCountry === void 0 ? void 0 : newCountry.iso2);
         }
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);
-    useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode });
-    return (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref, inputProps: {
-            clear: clear && !isEmptyValue,
-            ...inputProps,
-            onClear: handleClear,
-            ref: inputRef,
-            wrapperRef: setInputWrapperRef,
-            type: 'tel',
-            colors,
-            className: cn(className, styles[size]),
-            addonsClassName: styles.addons,
-            onKeyDown: handleKeyDown,
-            onPaste: handlePaste,
-            leftAddons: hideCountrySelect ? (React.createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React.createElement(FlagIcon, { country: countryIso2 })) : (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React.createElement(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 }));
+    useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
+    return (React__default.default.createElement(desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref, inputProps: tslib.__assign(tslib.__assign({ clear: clear && !isEmptyValue }, inputProps), { onClear: handleClear, ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default.default(className, styles__default.default[size]), addonsClassName: styles__default.default.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default.default.createElement("span", { className: styles__default.default.flagIconWrapper }, countryIso2 ? (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.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 })));
 });
 
-export { IntlPhoneInput };
+exports.IntlPhoneInput = IntlPhoneInput;

package/intl-phone-input/cssm/components/flag-icon/component.js

@@ -1,13 +1,24 @@
-import React from 'react';
-import cn from 'classnames';
-import { flagSprite } from './flagSprite.js';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var components_flagIcon_flagSprite = require('./flagSprite.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 /**
  * Компонент флага в виде иконки.
  */
-const FlagIcon = ({ country = '', className }) => flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), "data-test-id": `flag-icon-${country}`, 
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: { __html: flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
+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__default.default.flagIcon, className), "data-test-id": "flag-icon-".concat(country), 
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.flagPlaceholder, className) }));
+};
 
-export { FlagIcon };
+exports.FlagIcon = FlagIcon;

package/intl-phone-input/cssm/components/flag-icon/flagSprite.js

@@ -1,4 +1,6 @@
-const flagSprite = {
+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>',
     ax: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><path fill="#4173CD" d="M22.2 19.9H1.8C.8 19.9 0 19 0 18V5.9c0-1 .8-1.8 1.8-1.8h20.4c1 0 1.8.8 1.8 1.8v12.2c0 1-.8 1.8-1.8 1.8Z"/><path fill="#FFE15A" d="M24 10H10.8V4H6.6V10H0v4.2h6.6v5.8h4.2V14H24V9.9Z"/><path fill="#FF4B55" d="M24 11.2H9.5v-7H8v7H0v1.6h7.9v7h1.6v-7H24v-1.6Z"/></svg>',
@@ -226,4 +228,4 @@ const flagSprite = {
     zw: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path d="M0 0h24v24H0z"/><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.8Z"/><path fill="#FFE15A" d="M24 6.4H0v2.2h24V6.4Z"/><path fill="#FF4B55" d="M24 8.6H0V11h24V8.6Z"/><path fill="#73AF00" d="M0 18C0 19 .8 20 1.8 20h20.4c1 0 1.8-.8 1.8-1.8v-.5H0v.5Z"/><path fill="#FFE15A" d="M24 15.4H0v2.2h24v-2.2Z"/><path fill="#FF4B55" d="M24 13.1H0v2.3h24V13Z"/><path fill="#464655" d="M1 4.4c-.4.1-.7.5-.9.8v13.6c.2.3.5.7.8.8l8.3-6.5H24V11H9.2L.9 4.4Z"/><path fill="#F5F5F5" d="M.6 19.4 9.9 12 .6 4.6c-.4.3-.6.8-.6 1.3v12.2c0 .5.2 1 .6 1.3Z"/><path fill="#FF4B55" d="m4 9 1 1.7 1.9.3-1.5 1.4.4 2-1.8-1-1.7 1 .3-2L1.2 11l2-.3L4 9Z"/><path fill="#FFE15A" d="M6.3 12.2 4 10.4c-.3-.6-.7-1-1-1-.3 0-.4.2-.5.4-.2 0-.2.3-.2.3.3 0 .6 0 .7.6 0 .4 0 1-.3 1.5-.2.4-.1.7-.1.7l.2 1v.1h2.9l.3-1.3.1-.4h.2Z"/><path fill="#464655" d="M6.3 12.2 4 10.4c-.3-.6-.7-1-1-1-.3 0-.4.2-.5.4-.2 0-.2.3-.2.3.3 0 .6 0 .7.6 0 .4 0 1-.3 1.5-.2.4-.1.7-.1.7l.2 1v.1h2.9l.3-1.3.1-.4h.2Zm-3.5 0c.2-.4.3-1 .2-1.5 0-.6-.4-.7-.6-.7l.2-.1s.1-.4.4-.4c.3 0 .6.4.9 1l2.2 1.7-2-.4c-.3-.1-.4-.3-.4-.5h-.1c0 .2.1.4.5.6h.2s0 .3-.5.4l-.6.5H3v-.1l.2-.4c.1-.2.3-.4.3-.7l-.4.7-.2.4v.1h-.1v-.5Zm1.7-.2-.3.2.2-.2h.1Zm.1 0h.2c0 .2-.2.2-.3.2l.1-.2ZM6 13l-2.6-.2.4-.3c1.2 0 2 .2 2.2.2v.3Zm0 .2-.3-.2.3.1v.1Zm-2.4 0 .1.2v-.1Zm2.3.3-.3-.3-.3.2-.2-.2-.3.1-.2-.2-.3.2-.2-.2-.3.2-.2-.2V13l.2.1.3-.2.2.3.3-.2.2.2.3-.2.2.2.3-.2.3.3v.2Zm-.2 0h-.3l.2-.2.1.1Zm-.5-.1h-.3l.2-.1.1.1Zm-.5 0h-.3l.2-.2.1.2Zm-.5 0h-.3l.2-.2.1.2Zm-.5-.5h.3l-.2.2-.1-.2Zm.5 0h.3l-.2.2-.1-.2Zm.5 0h.3l-.2.2-.1-.1Zm.5 0 .3.1-.2.1V13Zm-2.3 0h.6l.1 1H3l-.1-1Zm2.9 1h-2l-.2-.5a16.1 16.1 0 0 1 2.2.2v.3Zm.3-1.3c-.2 0-1-.2-2.1-.2h.4c.2 0 .5-.1.6-.3l1.2.2-.1.3Z"/><path fill="#464655" d="M3.1 9.8a.1.1 0 1 0-.3 0 .1.1 0 0 0 .3 0Zm-.1 0ZM4.2 12.5a.1.1 0 1 0 0 .3.1.1 0 0 0 0-.3Zm0 .2ZM4.6 12.6a.1.1 0 1 0 0 .2.1.1 0 0 0 0-.2Zm0 .2v-.2.2Z"/></svg>',
 };
 
-export { flagSprite };
+exports.flagSprite = flagSprite;

package/intl-phone-input/cssm/components/flag-icon/index.js

@@ -1,5 +1,7 @@
-export { FlagIcon } from './component.js';
-import 'react';
-import 'classnames';
-import './flagSprite.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_flagIcon_component = require('./component.js');
+
+
+
+exports.FlagIcon = components_flagIcon_component.FlagIcon;

package/intl-phone-input/cssm/components/index.js

@@ -1,14 +1,12 @@
-export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './select-field/component.js';
-export { FlagIcon } from './flag-icon/component.js';
-export { CountriesSelect } from './select/component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import './select-field/index.module.css';
-import './flag-icon/flagSprite.js';
-import './flag-icon/index.module.css';
-import '../../../select/cssm/desktop';
-import '../../../select/cssm/shared';
-import './select/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_selectField_component = require('./select-field/component.js');
+var components_flagIcon_component = require('./flag-icon/component.js');
+var components_select_component = require('./select/component.js');
+
+
+
+exports.EMPTY_COUNTRY_SELECT_FIELD = components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD;
+exports.SelectField = components_selectField_component.SelectField;
+exports.FlagIcon = components_flagIcon_component.FlagIcon;
+exports.CountriesSelect = components_select_component.CountriesSelect;