@alfalab/core-components-intl-phone-input 10.0.1 → 10.0.2

package/component.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { CountryCode } from 'libphonenumber-js/min';
-import { InputAutocompleteDesktopProps } from '@alfalab/core-components-input-autocomplete/desktop';
-import type { SelectProps } from '@alfalab/core-components-select';
-import { Country } from '@alfalab/utils';
+import { type CountryCode } from 'libphonenumber-js/min';
+import { type InputAutocompleteDesktopProps } from '@alfalab/core-components-input-autocomplete/desktop';
+import { type SelectProps } from '@alfalab/core-components-select';
+import { type Country } from '@alfalab/utils';
 declare type MaxPhoneLenByCountry = Record<string, number>;
 export declare type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange'>> & Pick<SelectProps, 'preventFlip'> & {
     /**

package/component.js

@@ -53,11 +53,12 @@ var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
  * use InternationalPhoneInput instead
  */
 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 _b;
+    var _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, _e = _a.hideCountrySelect, hideCountrySelect = _e === void 0 ? false : _e, _f = _a.canBeEmptyCountry, canBeEmptyCountry = _f === void 0 ? false : _f, _g = _a.ruNumberPriority, ruNumberPriority = _g === void 0 ? false : _g, _h = _a.clear, clear = _h === void 0 ? false : _h, _j = _a.size, size = _j === void 0 ? 'm' : _j, _k = _a.colors, colors = _k === void 0 ? 'default' : _k, _l = _a.options, options = _l === void 0 ? [] : _l, _m = _a.countries, countries = _m === void 0 ? utils.getCountries() : _m, _o = _a.clearableCountryCode, clearableCountryCode = _o === void 0 ? true : _o, _p = _a.maxDialCodeLength, maxDialCodeLength = _p === void 0 ? MAX_DIAL_CODE_LENGTH : _p, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _q = _a.defaultCountryIso2, defaultCountryIso2 = _q === void 0 ? 'ru' : _q, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _r = _a.maxPhoneLen, maxPhoneLen = _r === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _r, 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 _s = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _s[0], setCountryIso2 = _s[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 _t = React.useState(null), inputWrapperRef = _t[0], setInputWrapperRef = _t[1];
+    var _u = React.useState(), caretPos = _u[0], setCaretPos = _u[1];
     var phoneLibUtils = React.useRef();
     var formatPhone = function (inputValue, iso2) {
         if (iso2 === void 0) { iso2 = countryIso2; }
@@ -345,7 +346,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(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, index_module[size]), addonsClassName: index_module.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default.default.createElement("span", { className: index_module.flagIconWrapper }, countryIso2 ? (React__default.default.createElement(component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: index_module.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(component$1.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(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, index_module[size]), addonsClassName: index_module.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default.default.createElement("span", { className: index_module.flagIconWrapper }, countryIso2 ? (React__default.default.createElement(component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: index_module.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(component$1.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: (_b = inputWrapperRef === null || inputWrapperRef === void 0 ? void 0 : inputWrapperRef.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : null, 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/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\nimport { AsYouType, CountryCode } from 'libphonenumber-js/min';\n\nimport {\n    InputAutocompleteDesktop,\n    InputAutocompleteDesktopProps,\n} from '@alfalab/core-components-input-autocomplete/desktop';\nimport type { SelectProps } from '@alfalab/core-components-select';\nimport type { OptionShape } from '@alfalab/core-components-select/shared';\nimport WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';\nimport { Country, getCountries, getCountriesHash } from '@alfalab/utils';\n\nimport { calculateCaretPos } from './utils/calculateCaretPos';\nimport { formatPhoneWithUnclearableCountryCode } from './utils/format-phone-with-unclearable-country-code';\nimport { preparePasteData } from './utils/preparePasteData';\nimport { CountriesSelect, FlagIcon } from './components';\nimport { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode';\n\nimport styles from './index.module.css';\n\nconst countriesHash = getCountriesHash();\n\nconst MAX_DIAL_CODE_LENGTH = 4;\n\nconst MASK_SYMBOLS = [' ', '-', '(', ')'];\n\nconst MAX_PHONE_LEN = 15;\n\nconst DEFAULT_MAX_PHONE_LEN_BY_COUNTRY: MaxPhoneLenByCountry = { RU: 11 };\n\ntype MaxPhoneLenByCountry = Record<string, number>;\n\nexport type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange'>> &\n    Pick<SelectProps, 'preventFlip'> & {\n        /**\n         * Значение\n         */\n        value: string;\n\n        /**\n         * Набор цветов для компонента\n         */\n        colors?: 'default' | 'inverted';\n\n        /**\n         * Обработчик события изменения значения\n         */\n        onChange: (value: string) => void;\n\n        /**\n         * Дефолтный код страны\n         */\n        defaultCountryIso2?: string;\n\n        /**\n         * Обработчик события изменения страны\n         */\n        onCountryChange?: (countryCode?: CountryCode) => void;\n\n        /**\n         * Список стран\n         */\n        countries?: Country[];\n\n        /**\n         * Максимальная длина кода страны\n         */\n        maxDialCodeLength?: number;\n\n        /**\n         * Возможность стереть код страны\n         */\n        clearableCountryCode?: boolean;\n\n        /**\n         * Ограничение длин вводимых номеров по странам.\n         */\n        maxPhoneLen?: MaxPhoneLenByCountry;\n\n        /*\n         * Отключает выбор страны через селект\n         */\n        hideCountrySelect?: boolean;\n\n        /*\n         * Разрешает состояние без выбранной страны\n         */\n        canBeEmptyCountry?: boolean;\n\n        /*\n         * Подставляет +7 при выбранной стране 'ru' и вводе первых цифр номера.\n         * При canBeEmptyCountry - работает только с дефолтным значением 'ru'\n         */\n        ruNumberPriority?: boolean;\n\n        /*\n         * Разрешает очищать поле крестиком\n         */\n        clear?: boolean;\n    };\n\n/**\n * @deprecated\n * use InternationalPhoneInput instead\n */\nexport const IntlPhoneInput = forwardRef<HTMLInputElement, IntlPhoneInputProps>(\n    (\n        {\n            disabled = false,\n            readOnly = false,\n            hideCountrySelect = false,\n            canBeEmptyCountry = false,\n            ruNumberPriority = false,\n            clear = false,\n            size = 'm',\n            colors = 'default',\n            options = [],\n            countries = getCountries(),\n            clearableCountryCode = true,\n            maxDialCodeLength = MAX_DIAL_CODE_LENGTH,\n            className,\n            value,\n            onChange,\n            onCountryChange,\n            defaultCountryIso2 = 'ru',\n            preventFlip,\n            inputProps,\n            maxPhoneLen = DEFAULT_MAX_PHONE_LEN_BY_COUNTRY,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [countryIso2, setCountryIso2] = useState<string | undefined>(\n            defaultCountryIso2.toLowerCase(),\n        );\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const [inputWrapperRef, setInputWrapperRef] = useState<HTMLDivElement | null>(null);\n\n        const [caretPos, setCaretPos] = useState<number>();\n\n        const phoneLibUtils = useRef<typeof AsYouType>();\n\n        const formatPhone = (inputValue: string, iso2 = countryIso2) => {\n            let newValue = inputValue;\n\n            if (phoneLibUtils.current) {\n                const Utils = phoneLibUtils.current;\n                const utils = new Utils(iso2 ? (iso2.toUpperCase() as CountryCode) : undefined);\n\n                newValue = utils.input(inputValue);\n            }\n\n            if (iso2 === 'ru') {\n                const parts = newValue.split(' ');\n\n                newValue = parts.reduce((acc, part, index) => {\n                    if (index === 0) {\n                        return part;\n                    }\n                    if (index > 2) {\n                        return `${acc}-${part}`;\n                    }\n\n                    return `${acc} ${part}`;\n                }, '');\n            }\n\n            return newValue;\n        };\n\n        const setCountryByIso2 = (iso2: string) => {\n            const country = countriesHash[iso2];\n\n            const inputValue = `+${country.dialCode}`;\n\n            onChange(inputValue);\n            setCountryIso2(country.iso2);\n\n            return country;\n        };\n\n        const handleCountryChange = (countryCode?: string) => {\n            if (onCountryChange) {\n                onCountryChange(\n                    countryCode ? (countryCode.toUpperCase() as CountryCode) : undefined,\n                );\n            }\n        };\n\n        const getCountryByNumber = (inputValue: string) => {\n            // dialcode казахстанских номеров совпадает с российскими, поэтому проверяем отдельно\n            if (new RegExp('^\\\\+7(\\\\s)?7').test(inputValue)) {\n                const kzCoutry = countries.find((item) => item.iso2 === 'kz');\n\n                if (kzCoutry) {\n                    return kzCoutry;\n                }\n            }\n\n            const targetCountry = countries.find((country) => {\n                if (new RegExp(`^\\\\+${country.dialCode}`).test(inputValue)) {\n                    // Сначала проверяем, если приоритет не указан\n                    if (country.priority === undefined) {\n                        return true;\n                    }\n\n                    // Если страна уже была выставлена через селект, и коды совпадают\n                    if (countryIso2 === country.iso2 && countryIso2 !== 'kz') {\n                        return true;\n                    }\n\n                    // Если не совпадают - выбираем по приоритету\n                    if (country.priority === 0) {\n                        return true;\n                    }\n\n                    return false;\n                }\n\n                return false;\n            });\n\n            return targetCountry;\n        };\n\n        const changePhone = (phone: string, iso2?: string) => {\n            const newValue = formatPhone(phone, iso2);\n\n            if (newValue !== value) {\n                onChange(newValue);\n            }\n        };\n\n        const addCountryCode = (inputValue: string) => {\n            if (clearableCountryCode || !countryIso2) {\n                return inputValue.length === 1 && inputValue !== '+'\n                    ? `+${inputValue}`\n                    : inputValue;\n            }\n            const country = countriesHash[countryIso2];\n\n            return formatPhoneWithUnclearableCountryCode(inputValue, country);\n        };\n\n        const setCountryByDialCode = (inputValue: string) => {\n            const country = getCountryByNumber(inputValue);\n\n            changePhone(addCountryCode(inputValue), country?.iso2);\n            if (country) {\n                setCountryIso2(country.iso2);\n                handleCountryChange(country.iso2);\n            } else if (canBeEmptyCountry) {\n                setCountryIso2(undefined);\n                handleCountryChange(undefined);\n            }\n        };\n\n        const setCountryByDialCodeWithLengthCheck = (inputValue: string) => {\n            if (inputRef.current) {\n                const { selectionStart } = inputRef.current;\n\n                if ((selectionStart || 0) <= maxDialCodeLength) {\n                    setCountryByDialCode(inputValue);\n                }\n            }\n        };\n\n        const handleInputChange: InputAutocompleteDesktopProps['onInput'] = (newValue) => {\n            setCountryByDialCodeWithLengthCheck(newValue);\n            changePhone(addCountryCode(newValue));\n        };\n\n        const handleSelectChange: Required<SelectProps>['onChange'] = ({ selected }) => {\n            if (selected) {\n                const country = setCountryByIso2(selected.value);\n                const inputValue = `+${country.dialCode}`;\n\n                if (inputRef.current) {\n                    inputRef.current.focus();\n                    inputRef.current.setSelectionRange(inputValue.length, inputValue.length);\n                }\n\n                handleCountryChange(country.iso2);\n            }\n        };\n\n        const handleChange = (payload: {\n            selected: OptionShape | null;\n            selectedMultiple: OptionShape[];\n            name?: string;\n        }) => {\n            const { selected } = payload;\n\n            if (!selected) return;\n            setCountryByDialCodeWithLengthCheck(selected.key);\n            changePhone(selected.key);\n        };\n\n        const country = countryIso2 && countriesHash[countryIso2];\n        const countryCodeLength = country ? `+${country.dialCode}`.length : 0;\n        const isEmptyValue = clearableCountryCode\n            ? value === '' || value === '+'\n            : value.length <= countryCodeLength;\n\n        const handleInputNewChar = (\n            event: React.KeyboardEvent<HTMLInputElement>,\n            caretPosition: number,\n        ) => {\n            const input = event.target as HTMLInputElement;\n            const currentValue = input.value;\n            const maxPhoneLength =\n                (countryIso2 && maxPhoneLen?.[countryIso2.toUpperCase()]) || MAX_PHONE_LEN;\n            // Если номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.\n            const shouldReplace = maxPhoneLength === currentValue.replace(/\\D/g, '').length;\n\n            let endPhonePart = currentValue.slice(caretPosition);\n\n            if (shouldReplace) {\n                let cursor = 0;\n\n                while (MASK_SYMBOLS.includes(endPhonePart.charAt(cursor))) {\n                    cursor += 1;\n                }\n\n                endPhonePart = endPhonePart.slice(cursor + 1);\n            }\n\n            let newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;\n\n            const newValueDecimal = newValue.replace(/\\D/g, '');\n\n            // Запрещаем ввод, если номер уже заполнен.\n            if (newValueDecimal.length > maxPhoneLength) {\n                newValue = newValue.slice(0, -1);\n            }\n\n            if (ruNumberPriority && !value && countryIso2 === 'ru') {\n                if (newValue === '7' || newValue === '8') {\n                    newValue = '+7';\n                } else if (newValueDecimal.length === 1) {\n                    newValue = `+7${newValueDecimal}`;\n                }\n            }\n\n            newValue = formatPhone(addCountryCode(newValue));\n\n            let phonePartWithoutMask =\n                currentValue.slice(0, caretPosition).replace(/\\D/g, '') + event.key;\n\n            if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {\n                phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);\n            }\n\n            if (newValue && newValue[0] !== '+') {\n                newValue = `+${newValue}`;\n            }\n\n            setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));\n            setCountryByDialCodeWithLengthCheck(newValue);\n            onChange(newValue);\n        };\n\n        const handleDeleteChar = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const input = event.target as HTMLInputElement;\n            const selectionStart = input.selectionStart || 0;\n            const selectionEnd = input.selectionEnd || 0;\n\n            if (!clearableCountryCode && selectionEnd <= countryCodeLength) return;\n\n            const currentValue = input.value;\n\n            const isMaskSymbol = (count: number) => {\n                const isMask = MASK_SYMBOLS.includes(currentValue.charAt(selectionEnd - 1 - count));\n                const isPossibleToRemove = clearableCountryCode\n                    ? selectionEnd - count > 0\n                    : selectionEnd - count > countryCodeLength;\n\n                return isMask && isPossibleToRemove;\n            };\n\n            let deletedCharsCount = Math.max(1, selectionEnd - selectionStart);\n\n            // Высчитываем кол-во символов, которые нужно удалить.\n            while (isMaskSymbol(deletedCharsCount)) {\n                deletedCharsCount += 1;\n            }\n\n            const phonePart = currentValue.slice(0, selectionEnd - deletedCharsCount);\n            const newValue = formatPhone(\n                addCountryCode(phonePart + currentValue.slice(selectionEnd)),\n            );\n\n            const phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');\n\n            setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));\n            setCountryByDialCodeWithLengthCheck(newValue);\n            onChange(newValue);\n        };\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const input = event.target as HTMLInputElement;\n            const caretPosition = input.selectionStart || 0;\n            const disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё,. ]/;\n            const withoutCombo = !event.altKey && !event.metaKey && !event.ctrlKey;\n\n            // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш\n            if (withoutCombo && event.key.length === 1 && disallowedSymbols.test(event.key)) {\n                event.preventDefault();\n\n                return;\n            }\n\n            // Нажат только Backspace, не сочетание клавиш с ним.\n            if (!event.shiftKey && withoutCombo && event.key === 'Backspace') {\n                if (!caretPosition) return;\n\n                event.preventDefault();\n\n                handleDeleteChar(event);\n\n                return;\n            }\n\n            if (event.key.length === 1 && /[0-9+]/.test(event.key)) {\n                event.preventDefault();\n\n                handleInputNewChar(event, caretPosition);\n            }\n        };\n\n        const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n            inputProps?.onClear?.(event);\n\n            if (clearableCountryCode) {\n                onChange('+');\n                if (canBeEmptyCountry) {\n                    setCountryIso2(undefined);\n                    handleCountryChange(undefined);\n                }\n            } else {\n                onChange(value.substring(0, countryCodeLength));\n            }\n        };\n\n        const handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n            inputProps?.onPaste?.(event);\n\n            event.preventDefault();\n            const text = event.clipboardData?.getData('Text');\n\n            if (!text || !inputRef.current) {\n                return;\n            }\n\n            const { selectionStart, selectionEnd } = inputRef.current;\n            const preparedNumber = preparePasteData(\n                value,\n                text,\n                selectionStart || 0,\n                selectionEnd || 0,\n                ruNumberPriority && countryIso2 === 'ru',\n            );\n            const targetCountry = getCountryByNumber(preparedNumber);\n            const maxPhoneLength =\n                (targetCountry && maxPhoneLen?.[targetCountry.iso2.toUpperCase()]) || MAX_PHONE_LEN;\n            const resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);\n\n            if (resultNumber) {\n                setCountryIso2(targetCountry ? targetCountry.iso2 : undefined);\n                changePhone(addCountryCode(resultNumber));\n            }\n        };\n\n        useEffect(() => {\n            if (inputRef.current && caretPos !== undefined) {\n                inputRef.current.setSelectionRange(caretPos, caretPos);\n                setCaretPos(undefined);\n            }\n        }, [caretPos]);\n\n        useEffect(() => {\n            if (phoneLibUtils.current) return;\n\n            import(/* webpackChunkName: \"libphonenumber\" */ 'libphonenumber-js/min')\n                .then((utils) => {\n                    phoneLibUtils.current = utils.AsYouType;\n\n                    if (canBeEmptyCountry) {\n                        changePhone(value);\n                    } else {\n                        setCountryByDialCode(value);\n                    }\n                })\n                .catch((error) => `An error occurred while loading libphonenumber-js:\\n${error}`);\n\n            /* eslint-disable-next-line react-hooks/exhaustive-deps */\n        }, [value]);\n\n        useEffect(() => {\n            if (value && value.length > 1 && !value.includes(' ')) {\n                const newCountry = getCountryByNumber(value);\n\n                if (newCountry && countryIso2 !== newCountry.iso2) {\n                    setCountryIso2(newCountry.iso2);\n                    handleCountryChange(newCountry.iso2);\n                } else if (\n                    canBeEmptyCountry &&\n                    !newCountry &&\n                    countryIso2 !== defaultCountryIso2.toLowerCase()\n                ) {\n                    setCountryIso2(undefined);\n                    handleCountryChange(undefined);\n                }\n\n                changePhone(value, newCountry?.iso2);\n            }\n            /* eslint-disable-next-line react-hooks/exhaustive-deps */\n        }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);\n\n        useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode });\n\n        return (\n            <InputAutocompleteDesktop\n                {...restProps}\n                ref={ref}\n                inputProps={{\n                    clear: clear && !isEmptyValue,\n                    ...inputProps,\n                    onClear: handleClear,\n                    ref: inputRef,\n                    wrapperRef: setInputWrapperRef,\n                    type: 'tel',\n                    colors,\n                    className: cn(className, styles[size]),\n                    addonsClassName: styles.addons,\n                    onKeyDown: handleKeyDown,\n                    onPaste: handlePaste,\n                    leftAddons: hideCountrySelect ? (\n                        <span className={styles.flagIconWrapper}>\n                            {countryIso2 ? (\n                                <FlagIcon country={countryIso2} />\n                            ) : (\n                                <WorldMagnifierMIcon className={styles.emptyCountryIcon} />\n                            )}\n                        </span>\n                    ) : (\n                        countries.length > 1 && (\n                            <CountriesSelect\n                                dataTestId='countries-select'\n                                disabled={disabled || readOnly}\n                                size={size}\n                                selected={countryIso2}\n                                countries={countries}\n                                onChange={handleSelectChange}\n                                fieldWidth={\n                                    inputWrapperRef && inputWrapperRef.getBoundingClientRect().width\n                                }\n                                preventFlip={preventFlip}\n                            />\n                        )\n                    ),\n                }}\n                optionsListWidth='field'\n                closeOnSelect={true}\n                onInput={handleInputChange}\n                onChange={handleChange}\n                options={options}\n                disabled={disabled}\n                readOnly={readOnly}\n                size={size}\n                className={className}\n                value={value}\n            />\n        );\n    },\n);\n"],"names":["getCountriesHash","forwardRef","getCountries","__rest","useState","useRef","formatPhoneWithUnclearableCountryCode","calculateCaretPos","preparePasteData","useEffect","useCaretAvoidCountryCode","React","InputAutocompleteDesktop","__assign","cn","styles","FlagIcon","WorldMagnifierMIcon","CountriesSelect"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport cn from 'classnames';\nimport { type AsYouType, type CountryCode } from 'libphonenumber-js/min';\n\nimport {\n    InputAutocompleteDesktop,\n    type InputAutocompleteDesktopProps,\n} from '@alfalab/core-components-input-autocomplete/desktop';\nimport { type SelectProps } from '@alfalab/core-components-select';\nimport { type OptionShape } from '@alfalab/core-components-select/shared';\nimport WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';\nimport { type Country, getCountries, getCountriesHash } from '@alfalab/utils';\n\nimport { calculateCaretPos } from './utils/calculateCaretPos';\nimport { formatPhoneWithUnclearableCountryCode } from './utils/format-phone-with-unclearable-country-code';\nimport { preparePasteData } from './utils/preparePasteData';\nimport { CountriesSelect, FlagIcon } from './components';\nimport { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode';\n\nimport styles from './index.module.css';\n\nconst countriesHash = getCountriesHash();\n\nconst MAX_DIAL_CODE_LENGTH = 4;\n\nconst MASK_SYMBOLS = [' ', '-', '(', ')'];\n\nconst MAX_PHONE_LEN = 15;\n\nconst DEFAULT_MAX_PHONE_LEN_BY_COUNTRY: MaxPhoneLenByCountry = { RU: 11 };\n\ntype MaxPhoneLenByCountry = Record<string, number>;\n\nexport type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange'>> &\n    Pick<SelectProps, 'preventFlip'> & {\n        /**\n         * Значение\n         */\n        value: string;\n\n        /**\n         * Набор цветов для компонента\n         */\n        colors?: 'default' | 'inverted';\n\n        /**\n         * Обработчик события изменения значения\n         */\n        onChange: (value: string) => void;\n\n        /**\n         * Дефолтный код страны\n         */\n        defaultCountryIso2?: string;\n\n        /**\n         * Обработчик события изменения страны\n         */\n        onCountryChange?: (countryCode?: CountryCode) => void;\n\n        /**\n         * Список стран\n         */\n        countries?: Country[];\n\n        /**\n         * Максимальная длина кода страны\n         */\n        maxDialCodeLength?: number;\n\n        /**\n         * Возможность стереть код страны\n         */\n        clearableCountryCode?: boolean;\n\n        /**\n         * Ограничение длин вводимых номеров по странам.\n         */\n        maxPhoneLen?: MaxPhoneLenByCountry;\n\n        /*\n         * Отключает выбор страны через селект\n         */\n        hideCountrySelect?: boolean;\n\n        /*\n         * Разрешает состояние без выбранной страны\n         */\n        canBeEmptyCountry?: boolean;\n\n        /*\n         * Подставляет +7 при выбранной стране 'ru' и вводе первых цифр номера.\n         * При canBeEmptyCountry - работает только с дефолтным значением 'ru'\n         */\n        ruNumberPriority?: boolean;\n\n        /*\n         * Разрешает очищать поле крестиком\n         */\n        clear?: boolean;\n    };\n\n/**\n * @deprecated\n * use InternationalPhoneInput instead\n */\nexport const IntlPhoneInput = forwardRef<HTMLInputElement, IntlPhoneInputProps>(\n    (\n        {\n            disabled = false,\n            readOnly = false,\n            hideCountrySelect = false,\n            canBeEmptyCountry = false,\n            ruNumberPriority = false,\n            clear = false,\n            size = 'm',\n            colors = 'default',\n            options = [],\n            countries = getCountries(),\n            clearableCountryCode = true,\n            maxDialCodeLength = MAX_DIAL_CODE_LENGTH,\n            className,\n            value,\n            onChange,\n            onCountryChange,\n            defaultCountryIso2 = 'ru',\n            preventFlip,\n            inputProps,\n            maxPhoneLen = DEFAULT_MAX_PHONE_LEN_BY_COUNTRY,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [countryIso2, setCountryIso2] = useState<string | undefined>(\n            defaultCountryIso2.toLowerCase(),\n        );\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const [inputWrapperRef, setInputWrapperRef] = useState<HTMLDivElement | null>(null);\n\n        const [caretPos, setCaretPos] = useState<number>();\n\n        const phoneLibUtils = useRef<typeof AsYouType>();\n\n        const formatPhone = (inputValue: string, iso2 = countryIso2) => {\n            let newValue = inputValue;\n\n            if (phoneLibUtils.current) {\n                const Utils = phoneLibUtils.current;\n                const utils = new Utils(iso2 ? (iso2.toUpperCase() as CountryCode) : undefined);\n\n                newValue = utils.input(inputValue);\n            }\n\n            if (iso2 === 'ru') {\n                const parts = newValue.split(' ');\n\n                newValue = parts.reduce((acc, part, index) => {\n                    if (index === 0) {\n                        return part;\n                    }\n                    if (index > 2) {\n                        return `${acc}-${part}`;\n                    }\n\n                    return `${acc} ${part}`;\n                }, '');\n            }\n\n            return newValue;\n        };\n\n        const setCountryByIso2 = (iso2: string) => {\n            const country = countriesHash[iso2];\n\n            const inputValue = `+${country.dialCode}`;\n\n            onChange(inputValue);\n            setCountryIso2(country.iso2);\n\n            return country;\n        };\n\n        const handleCountryChange = (countryCode?: string) => {\n            if (onCountryChange) {\n                onCountryChange(\n                    countryCode ? (countryCode.toUpperCase() as CountryCode) : undefined,\n                );\n            }\n        };\n\n        const getCountryByNumber = (inputValue: string) => {\n            // dialcode казахстанских номеров совпадает с российскими, поэтому проверяем отдельно\n            if (new RegExp('^\\\\+7(\\\\s)?7').test(inputValue)) {\n                const kzCoutry = countries.find((item) => item.iso2 === 'kz');\n\n                if (kzCoutry) {\n                    return kzCoutry;\n                }\n            }\n\n            const targetCountry = countries.find((country) => {\n                if (new RegExp(`^\\\\+${country.dialCode}`).test(inputValue)) {\n                    // Сначала проверяем, если приоритет не указан\n                    if (country.priority === undefined) {\n                        return true;\n                    }\n\n                    // Если страна уже была выставлена через селект, и коды совпадают\n                    if (countryIso2 === country.iso2 && countryIso2 !== 'kz') {\n                        return true;\n                    }\n\n                    // Если не совпадают - выбираем по приоритету\n                    if (country.priority === 0) {\n                        return true;\n                    }\n\n                    return false;\n                }\n\n                return false;\n            });\n\n            return targetCountry;\n        };\n\n        const changePhone = (phone: string, iso2?: string) => {\n            const newValue = formatPhone(phone, iso2);\n\n            if (newValue !== value) {\n                onChange(newValue);\n            }\n        };\n\n        const addCountryCode = (inputValue: string) => {\n            if (clearableCountryCode || !countryIso2) {\n                return inputValue.length === 1 && inputValue !== '+'\n                    ? `+${inputValue}`\n                    : inputValue;\n            }\n            const country = countriesHash[countryIso2];\n\n            return formatPhoneWithUnclearableCountryCode(inputValue, country);\n        };\n\n        const setCountryByDialCode = (inputValue: string) => {\n            const country = getCountryByNumber(inputValue);\n\n            changePhone(addCountryCode(inputValue), country?.iso2);\n            if (country) {\n                setCountryIso2(country.iso2);\n                handleCountryChange(country.iso2);\n            } else if (canBeEmptyCountry) {\n                setCountryIso2(undefined);\n                handleCountryChange(undefined);\n            }\n        };\n\n        const setCountryByDialCodeWithLengthCheck = (inputValue: string) => {\n            if (inputRef.current) {\n                const { selectionStart } = inputRef.current;\n\n                if ((selectionStart || 0) <= maxDialCodeLength) {\n                    setCountryByDialCode(inputValue);\n                }\n            }\n        };\n\n        const handleInputChange: InputAutocompleteDesktopProps['onInput'] = (newValue) => {\n            setCountryByDialCodeWithLengthCheck(newValue);\n            changePhone(addCountryCode(newValue));\n        };\n\n        const handleSelectChange: Required<SelectProps>['onChange'] = ({ selected }) => {\n            if (selected) {\n                const country = setCountryByIso2(selected.value);\n                const inputValue = `+${country.dialCode}`;\n\n                if (inputRef.current) {\n                    inputRef.current.focus();\n                    inputRef.current.setSelectionRange(inputValue.length, inputValue.length);\n                }\n\n                handleCountryChange(country.iso2);\n            }\n        };\n\n        const handleChange = (payload: {\n            selected: OptionShape | null;\n            selectedMultiple: OptionShape[];\n            name?: string;\n        }) => {\n            const { selected } = payload;\n\n            if (!selected) return;\n            setCountryByDialCodeWithLengthCheck(selected.key);\n            changePhone(selected.key);\n        };\n\n        const country = countryIso2 && countriesHash[countryIso2];\n        const countryCodeLength = country ? `+${country.dialCode}`.length : 0;\n        const isEmptyValue = clearableCountryCode\n            ? value === '' || value === '+'\n            : value.length <= countryCodeLength;\n\n        const handleInputNewChar = (\n            event: React.KeyboardEvent<HTMLInputElement>,\n            caretPosition: number,\n        ) => {\n            const input = event.target as HTMLInputElement;\n            const currentValue = input.value;\n            const maxPhoneLength =\n                (countryIso2 && maxPhoneLen?.[countryIso2.toUpperCase()]) || MAX_PHONE_LEN;\n            // Если номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.\n            const shouldReplace = maxPhoneLength === currentValue.replace(/\\D/g, '').length;\n\n            let endPhonePart = currentValue.slice(caretPosition);\n\n            if (shouldReplace) {\n                let cursor = 0;\n\n                while (MASK_SYMBOLS.includes(endPhonePart.charAt(cursor))) {\n                    cursor += 1;\n                }\n\n                endPhonePart = endPhonePart.slice(cursor + 1);\n            }\n\n            let newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;\n\n            const newValueDecimal = newValue.replace(/\\D/g, '');\n\n            // Запрещаем ввод, если номер уже заполнен.\n            if (newValueDecimal.length > maxPhoneLength) {\n                newValue = newValue.slice(0, -1);\n            }\n\n            if (ruNumberPriority && !value && countryIso2 === 'ru') {\n                if (newValue === '7' || newValue === '8') {\n                    newValue = '+7';\n                } else if (newValueDecimal.length === 1) {\n                    newValue = `+7${newValueDecimal}`;\n                }\n            }\n\n            newValue = formatPhone(addCountryCode(newValue));\n\n            let phonePartWithoutMask =\n                currentValue.slice(0, caretPosition).replace(/\\D/g, '') + event.key;\n\n            if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {\n                phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);\n            }\n\n            if (newValue && newValue[0] !== '+') {\n                newValue = `+${newValue}`;\n            }\n\n            setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));\n            setCountryByDialCodeWithLengthCheck(newValue);\n            onChange(newValue);\n        };\n\n        const handleDeleteChar = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const input = event.target as HTMLInputElement;\n            const selectionStart = input.selectionStart || 0;\n            const selectionEnd = input.selectionEnd || 0;\n\n            if (!clearableCountryCode && selectionEnd <= countryCodeLength) return;\n\n            const currentValue = input.value;\n\n            const isMaskSymbol = (count: number) => {\n                const isMask = MASK_SYMBOLS.includes(currentValue.charAt(selectionEnd - 1 - count));\n                const isPossibleToRemove = clearableCountryCode\n                    ? selectionEnd - count > 0\n                    : selectionEnd - count > countryCodeLength;\n\n                return isMask && isPossibleToRemove;\n            };\n\n            let deletedCharsCount = Math.max(1, selectionEnd - selectionStart);\n\n            // Высчитываем кол-во символов, которые нужно удалить.\n            while (isMaskSymbol(deletedCharsCount)) {\n                deletedCharsCount += 1;\n            }\n\n            const phonePart = currentValue.slice(0, selectionEnd - deletedCharsCount);\n            const newValue = formatPhone(\n                addCountryCode(phonePart + currentValue.slice(selectionEnd)),\n            );\n\n            const phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');\n\n            setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));\n            setCountryByDialCodeWithLengthCheck(newValue);\n            onChange(newValue);\n        };\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const input = event.target as HTMLInputElement;\n            const caretPosition = input.selectionStart || 0;\n            const disallowedSymbols = /[/|?!@#$%^&*()_=A-Za-zА-Яа-яЁё,. ]/;\n            const withoutCombo = !event.altKey && !event.metaKey && !event.ctrlKey;\n\n            // Запрещаем вводить неразрешенные символы за исключением комбинций клавиш\n            if (withoutCombo && event.key.length === 1 && disallowedSymbols.test(event.key)) {\n                event.preventDefault();\n\n                return;\n            }\n\n            // Нажат только Backspace, не сочетание клавиш с ним.\n            if (!event.shiftKey && withoutCombo && event.key === 'Backspace') {\n                if (!caretPosition) return;\n\n                event.preventDefault();\n\n                handleDeleteChar(event);\n\n                return;\n            }\n\n            if (event.key.length === 1 && /[0-9+]/.test(event.key)) {\n                event.preventDefault();\n\n                handleInputNewChar(event, caretPosition);\n            }\n        };\n\n        const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n            inputProps?.onClear?.(event);\n\n            if (clearableCountryCode) {\n                onChange('+');\n                if (canBeEmptyCountry) {\n                    setCountryIso2(undefined);\n                    handleCountryChange(undefined);\n                }\n            } else {\n                onChange(value.substring(0, countryCodeLength));\n            }\n        };\n\n        const handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n            inputProps?.onPaste?.(event);\n\n            event.preventDefault();\n            const text = event.clipboardData?.getData('Text');\n\n            if (!text || !inputRef.current) {\n                return;\n            }\n\n            const { selectionStart, selectionEnd } = inputRef.current;\n            const preparedNumber = preparePasteData(\n                value,\n                text,\n                selectionStart || 0,\n                selectionEnd || 0,\n                ruNumberPriority && countryIso2 === 'ru',\n            );\n            const targetCountry = getCountryByNumber(preparedNumber);\n            const maxPhoneLength =\n                (targetCountry && maxPhoneLen?.[targetCountry.iso2.toUpperCase()]) || MAX_PHONE_LEN;\n            const resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);\n\n            if (resultNumber) {\n                setCountryIso2(targetCountry ? targetCountry.iso2 : undefined);\n                changePhone(addCountryCode(resultNumber));\n            }\n        };\n\n        useEffect(() => {\n            if (inputRef.current && caretPos !== undefined) {\n                inputRef.current.setSelectionRange(caretPos, caretPos);\n                setCaretPos(undefined);\n            }\n        }, [caretPos]);\n\n        useEffect(() => {\n            if (phoneLibUtils.current) return;\n\n            import(/* webpackChunkName: \"libphonenumber\" */ 'libphonenumber-js/min')\n                .then((utils) => {\n                    phoneLibUtils.current = utils.AsYouType;\n\n                    if (canBeEmptyCountry) {\n                        changePhone(value);\n                    } else {\n                        setCountryByDialCode(value);\n                    }\n                })\n                .catch((error) => `An error occurred while loading libphonenumber-js:\\n${error}`);\n\n            /* eslint-disable-next-line react-hooks/exhaustive-deps */\n        }, [value]);\n\n        useEffect(() => {\n            if (value && value.length > 1 && !value.includes(' ')) {\n                const newCountry = getCountryByNumber(value);\n\n                if (newCountry && countryIso2 !== newCountry.iso2) {\n                    setCountryIso2(newCountry.iso2);\n                    handleCountryChange(newCountry.iso2);\n                } else if (\n                    canBeEmptyCountry &&\n                    !newCountry &&\n                    countryIso2 !== defaultCountryIso2.toLowerCase()\n                ) {\n                    setCountryIso2(undefined);\n                    handleCountryChange(undefined);\n                }\n\n                changePhone(value, newCountry?.iso2);\n            }\n            /* eslint-disable-next-line react-hooks/exhaustive-deps */\n        }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);\n\n        useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode });\n\n        return (\n            <InputAutocompleteDesktop\n                {...restProps}\n                ref={ref}\n                inputProps={{\n                    clear: clear && !isEmptyValue,\n                    ...inputProps,\n                    onClear: handleClear,\n                    ref: inputRef,\n                    wrapperRef: setInputWrapperRef,\n                    type: 'tel',\n                    colors,\n                    className: cn(className, styles[size]),\n                    addonsClassName: styles.addons,\n                    onKeyDown: handleKeyDown,\n                    onPaste: handlePaste,\n                    leftAddons: hideCountrySelect ? (\n                        <span className={styles.flagIconWrapper}>\n                            {countryIso2 ? (\n                                <FlagIcon country={countryIso2} />\n                            ) : (\n                                <WorldMagnifierMIcon className={styles.emptyCountryIcon} />\n                            )}\n                        </span>\n                    ) : (\n                        countries.length > 1 && (\n                            <CountriesSelect\n                                dataTestId='countries-select'\n                                disabled={disabled || readOnly}\n                                size={size}\n                                selected={countryIso2}\n                                countries={countries}\n                                onChange={handleSelectChange}\n                                fieldWidth={inputWrapperRef?.getBoundingClientRect().width ?? null}\n                                preventFlip={preventFlip}\n                            />\n                        )\n                    ),\n                }}\n                optionsListWidth='field'\n                closeOnSelect={true}\n                onInput={handleInputChange}\n                onChange={handleChange}\n                options={options}\n                disabled={disabled}\n                readOnly={readOnly}\n                size={size}\n                className={className}\n                value={value}\n            />\n        );\n    },\n);\n"],"names":["getCountriesHash","forwardRef","getCountries","__rest","useState","useRef","formatPhoneWithUnclearableCountryCode","calculateCaretPos","preparePasteData","useEffect","useCaretAvoidCountryCode","React","InputAutocompleteDesktop","__assign","cn","styles","FlagIcon","WorldMagnifierMIcon","CountriesSelect"],"mappings":"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"}

package/components/flag-icon/component.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 export declare type FlagIconProps = {
     /**
      * Код страны из <a href="https://ru.wikipedia.org/wiki/ISO_3166-1_alpha-2" target="_blank">ISO 3166-1 alpha-2</a>

package/components/flag-icon/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/flag-icon/component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { flagSprite } from './flagSprite';\n\nimport styles from './index.module.css';\n\nexport type FlagIconProps = {\n    /**\n     * Код страны из <a href=\"https://ru.wikipedia.org/wiki/ISO_3166-1_alpha-2\" target=\"_blank\">ISO 3166-1 alpha-2</a>\n     */\n    country?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n};\n\n/**\n * Компонент флага в виде иконки.\n */\nexport const FlagIcon: FC<FlagIconProps> = ({ country = '', className }) =>\n    flagSprite[country] ? (\n        <span\n            className={cn(styles.flagIcon, className)}\n            data-test-id={`flag-icon-${country}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{ __html: flagSprite[country] }}\n        />\n    ) : (\n        <div className={cn(styles.flagPlaceholder, className)} />\n    );\n"],"names":["flagSprite","React","cn","styles"],"mappings":";;;;;;;;;;;;;;AAmBA;;AAEG;AACI,IAAM,QAAQ,GAAsB,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;IACjE,OAAAA,qBAAU,CAAC,OAAO,CAAC,IACfC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,cAAA,EAC3B,YAAa,CAAA,MAAA,CAAA,OAAO,CAAE;;QAEpC,uBAAuB,EAAE,EAAE,MAAM,EAAEH,qBAAU,CAAC,OAAO,CAAC,EAAE,EAC1D,CAAA,KAEFC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA,CAAI,CAC5D;AATD;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/flag-icon/component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport cn from 'classnames';\n\nimport { flagSprite } from './flagSprite';\n\nimport styles from './index.module.css';\n\nexport type FlagIconProps = {\n    /**\n     * Код страны из <a href=\"https://ru.wikipedia.org/wiki/ISO_3166-1_alpha-2\" target=\"_blank\">ISO 3166-1 alpha-2</a>\n     */\n    country?: string;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n};\n\n/**\n * Компонент флага в виде иконки.\n */\nexport const FlagIcon: FC<FlagIconProps> = ({ country = '', className }) =>\n    flagSprite[country] ? (\n        <span\n            className={cn(styles.flagIcon, className)}\n            data-test-id={`flag-icon-${country}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{ __html: flagSprite[country] }}\n        />\n    ) : (\n        <div className={cn(styles.flagPlaceholder, className)} />\n    );\n"],"names":["flagSprite","React","cn","styles"],"mappings":";;;;;;;;;;;;;;AAmBA;;AAEG;AACI,IAAM,QAAQ,GAAsB,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;IACjE,OAAAA,qBAAU,CAAC,OAAO,CAAC,IACfC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAA,cAAA,EAC3B,YAAa,CAAA,MAAA,CAAA,OAAO,CAAE;;QAEpC,uBAAuB,EAAE,EAAE,MAAM,EAAEH,qBAAU,CAAC,OAAO,CAAC,EAAE,EAC1D,CAAA,KAEFC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,eAAe,EAAE,SAAS,CAAC,EAAA,CAAI,CAC5D;AATD;;;;"}

package/components/flag-icon/index.css

@@ -6,10 +6,10 @@
 } :root {
     --gap-3xs: 2px;
     --gap-2: var(--gap-3xs);
-} .intl-phone-input__flagIcon_gbsg7 {
+} .intl-phone-input__flagIcon_1855m {
     max-width: 24px;
     max-height: 24px;
-} .intl-phone-input__flagPlaceholder_gbsg7 {
+} .intl-phone-input__flagPlaceholder_1855m {
     width: 24px;
     height: 16px;
     max-height: 16px;

package/components/flag-icon/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_gbsg7","flagPlaceholder":"intl-phone-input__flagPlaceholder_gbsg7"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1855m","flagPlaceholder":"intl-phone-input__flagPlaceholder_1855m"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/flag-icon/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/flag-icon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.flagIcon {\n    max-width: 24px;\n    max-height: 24px;\n}\n\n.flagPlaceholder {\n    width: 24px;\n    height: 16px;\n    max-height: 16px;\n    border-radius: var(--border-radius-2);\n    margin-top: var(--gap-2);\n    background-color: var(--color-light-neutral-translucent-300);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,yCAAyC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/flag-icon/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.flagIcon {\n    max-width: 24px;\n    max-height: 24px;\n}\n\n.flagPlaceholder {\n    width: 24px;\n    height: 16px;\n    max-height: 16px;\n    border-radius: var(--border-radius-2);\n    margin-top: var(--gap-2);\n    background-color: var(--color-light-neutral-translucent-300);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,UAAU,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,yCAAyC,CAAC;;;;"}

package/components/select/component.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { SelectDesktopProps } from '@alfalab/core-components-select/desktop';
-import { Country } from '@alfalab/utils';
+import { type FC } from 'react';
+import { type SelectDesktopProps } from '@alfalab/core-components-select/desktop';
+import { type Country } from '@alfalab/utils';
 declare type CountriesSelectProps = Pick<SelectDesktopProps, 'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'> & {
     selected?: string;
     countries: Country[];

package/components/select/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/select/component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { FC, useCallback, useMemo } from 'react';\n\nimport { SelectDesktop, SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { OptionsListProps, VirtualOptionsList } from '@alfalab/core-components-select/shared';\nimport { Country } from '@alfalab/utils';\n\nimport { FlagIcon } from '../flag-icon';\nimport { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field';\n\nimport styles from './index.module.css';\n\ntype CountriesSelectProps = Pick<\n    SelectDesktopProps,\n    'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'\n> & {\n    selected?: string;\n    countries: Country[];\n    fieldWidth: number | null;\n};\n\nexport const CountriesSelect: FC<CountriesSelectProps> = ({\n    disabled,\n    size,\n    selected,\n    countries,\n    fieldWidth,\n    preventFlip,\n    onChange,\n    dataTestId,\n}) => {\n    const options = useMemo(\n        () =>\n            countries.map(({ iso2, dialCode, name }) => ({\n                key: iso2,\n                value: iso2,\n                content: (\n                    <span className={styles.option}>\n                        <FlagIcon country={iso2} className={styles.flag} />\n\n                        <span className={styles.optionTextWrap}>\n                            <span className={styles.countryName}>{name}</span>\n                            <span className={styles.dialCode}>+{dialCode}</span>\n                        </span>\n                    </span>\n                ),\n            })),\n        [countries],\n    );\n\n    const renderOptionsList = useCallback(\n        (props: OptionsListProps) => (\n            <div style={{ width: fieldWidth || 0 }}>\n                <VirtualOptionsList {...props} optionsListWidth='field' />\n            </div>\n        ),\n        [fieldWidth],\n    );\n\n    return (\n        <div className={styles.component} onClick={(event) => event.stopPropagation()}>\n            <SelectDesktop\n                dataTestId={dataTestId}\n                disabled={disabled}\n                size={size}\n                options={options}\n                selected={selected || EMPTY_COUNTRY_SELECT_FIELD}\n                onChange={onChange}\n                Field={SelectField}\n                OptionsList={renderOptionsList}\n                preventFlip={preventFlip}\n            />\n        </div>\n    );\n};\n"],"names":["useMemo","React","styles","FlagIcon","useCallback","VirtualOptionsList","__assign","SelectDesktop","EMPTY_COUNTRY_SELECT_FIELD","SelectField"],"mappings":";;;;;;;;;;;;;;;;AAsBO,IAAM,eAAe,GAA6B,UAAC,EASzD,EAAA;QARG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA;IAEV,IAAM,OAAO,GAAGA,aAAO,CACnB,YAAA;AACI,QAAA,OAAA,SAAS,CAAC,GAAG,CAAC,UAAC,EAAwB,EAAA;AAAtB,YAAA,IAAA,IAAI,UAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AAAO,YAAA,QAAC;AACzC,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,OAAO,GACHC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAA;oBAC1BD,sBAAC,CAAA,aAAA,CAAAE,kBAAQ,EAAC,EAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAED,YAAM,CAAC,IAAI,EAAI,CAAA;AAEnD,oBAAAD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,cAAc,EAAA;AAClC,wBAAAD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,WAAW,EAAA,EAAG,IAAI,CAAQ;AAClD,wBAAAD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,QAAQ,EAAA;;4BAAI,QAAQ,CAAQ,CACjD,CACJ,CACV;aACJ;AAb2C,SAa1C,CAAC;AAbH,KAaG,EACP,CAAC,SAAS,CAAC,CACd;AAED,IAAA,IAAM,iBAAiB,GAAGE,iBAAW,CACjC,UAAC,KAAuB,IAAK,QACzBH,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,EAAA;AAClC,QAAAA,sBAAA,CAAA,aAAA,CAACI,yBAAkB,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,gBAAgB,EAAC,OAAO,EAAA,CAAA,CAAG,CACxD,IACT,EACD,CAAC,UAAU,CAAC,CACf;AAED,IAAA,QACIL,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,SAAS,EAAE,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,GAAA,EAAA;AACzE,QAAAD,sBAAA,CAAA,aAAA,CAACM,qBAAa,EACV,EAAA,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAIC,sCAA0B,EAChD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAEC,uBAAW,EAClB,WAAW,EAAE,iBAAiB,EAC9B,WAAW,EAAE,WAAW,EAC1B,CAAA,CACA;AAEd;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/select/component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { type FC, useCallback, useMemo } from 'react';\n\nimport { SelectDesktop, type SelectDesktopProps } from '@alfalab/core-components-select/desktop';\nimport { type OptionsListProps, VirtualOptionsList } from '@alfalab/core-components-select/shared';\nimport { type Country } from '@alfalab/utils';\n\nimport { FlagIcon } from '../flag-icon';\nimport { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field';\n\nimport styles from './index.module.css';\n\ntype CountriesSelectProps = Pick<\n    SelectDesktopProps,\n    'size' | 'dataTestId' | 'disabled' | 'onChange' | 'preventFlip'\n> & {\n    selected?: string;\n    countries: Country[];\n    fieldWidth: number | null;\n};\n\nexport const CountriesSelect: FC<CountriesSelectProps> = ({\n    disabled,\n    size,\n    selected,\n    countries,\n    fieldWidth,\n    preventFlip,\n    onChange,\n    dataTestId,\n}) => {\n    const options = useMemo(\n        () =>\n            countries.map(({ iso2, dialCode, name }) => ({\n                key: iso2,\n                value: iso2,\n                content: (\n                    <span className={styles.option}>\n                        <FlagIcon country={iso2} className={styles.flag} />\n\n                        <span className={styles.optionTextWrap}>\n                            <span className={styles.countryName}>{name}</span>\n                            <span className={styles.dialCode}>+{dialCode}</span>\n                        </span>\n                    </span>\n                ),\n            })),\n        [countries],\n    );\n\n    const renderOptionsList = useCallback(\n        (props: OptionsListProps) => (\n            <div style={{ width: fieldWidth || 0 }}>\n                <VirtualOptionsList {...props} optionsListWidth='field' />\n            </div>\n        ),\n        [fieldWidth],\n    );\n\n    return (\n        <div className={styles.component} onClick={(event) => event.stopPropagation()}>\n            <SelectDesktop\n                dataTestId={dataTestId}\n                disabled={disabled}\n                size={size}\n                options={options}\n                selected={selected || EMPTY_COUNTRY_SELECT_FIELD}\n                onChange={onChange}\n                Field={SelectField}\n                OptionsList={renderOptionsList}\n                preventFlip={preventFlip}\n            />\n        </div>\n    );\n};\n"],"names":["useMemo","React","styles","FlagIcon","useCallback","VirtualOptionsList","__assign","SelectDesktop","EMPTY_COUNTRY_SELECT_FIELD","SelectField"],"mappings":";;;;;;;;;;;;;;;;AAsBO,IAAM,eAAe,GAA6B,UAAC,EASzD,EAAA;QARG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,GAAA,EAAA,CAAA,UAAA;IAEV,IAAM,OAAO,GAAGA,aAAO,CACnB,YAAA;AACI,QAAA,OAAA,SAAS,CAAC,GAAG,CAAC,UAAC,EAAwB,EAAA;AAAtB,YAAA,IAAA,IAAI,UAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;AAAO,YAAA,QAAC;AACzC,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,OAAO,GACHC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAA;oBAC1BD,sBAAC,CAAA,aAAA,CAAAE,kBAAQ,EAAC,EAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAED,YAAM,CAAC,IAAI,EAAI,CAAA;AAEnD,oBAAAD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,cAAc,EAAA;AAClC,wBAAAD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,WAAW,EAAA,EAAG,IAAI,CAAQ;AAClD,wBAAAD,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,YAAM,CAAC,QAAQ,EAAA;;4BAAI,QAAQ,CAAQ,CACjD,CACJ,CACV;aACJ;AAb2C,SAa1C,CAAC;AAbH,KAaG,EACP,CAAC,SAAS,CAAC,CACd;AAED,IAAA,IAAM,iBAAiB,GAAGE,iBAAW,CACjC,UAAC,KAAuB,IAAK,QACzBH,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,EAAE,EAAA;AAClC,QAAAA,sBAAA,CAAA,aAAA,CAACI,yBAAkB,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,gBAAgB,EAAC,OAAO,EAAA,CAAA,CAAG,CACxD,IACT,EACD,CAAC,UAAU,CAAC,CACf;AAED,IAAA,QACIL,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,SAAS,EAAE,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,GAAA,EAAA;AACzE,QAAAD,sBAAA,CAAA,aAAA,CAACM,qBAAa,EACV,EAAA,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAIC,sCAA0B,EAChD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAEC,uBAAW,EAClB,WAAW,EAAE,iBAAiB,EAC9B,WAAW,EAAE,WAAW,EAC1B,CAAA,CACA;AAEd;;;;"}

package/components/select/index.css

@@ -3,20 +3,20 @@
 } :root {
     --gap-xs: 8px;
     --gap-8: var(--gap-xs);
-} .intl-phone-input__component_1y1ex {
+} .intl-phone-input__component_60fyo {
     position: static;
     display: flex;
     min-width: 0;
     min-width: initial;
     height: 100%;
-} .intl-phone-input__option_1y1ex {
+} .intl-phone-input__option_60fyo {
     display: flex;
     align-items: flex-start;
-} .intl-phone-input__flag_1y1ex {
+} .intl-phone-input__flag_60fyo {
     flex-shrink: 0;
     margin-right: var(--gap-8);
-} .intl-phone-input__countryName_1y1ex {
+} .intl-phone-input__countryName_60fyo {
     margin-right: var(--gap-8);
-} .intl-phone-input__dialCode_1y1ex {
+} .intl-phone-input__dialCode_60fyo {
     color: var(--color-light-text-secondary);
 }

package/components/select/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"intl-phone-input__component_1y1ex","option":"intl-phone-input__option_1y1ex","flag":"intl-phone-input__flag_1y1ex","countryName":"intl-phone-input__countryName_1y1ex","dialCode":"intl-phone-input__dialCode_1y1ex"};
+var styles = {"component":"intl-phone-input__component_60fyo","option":"intl-phone-input__option_60fyo","flag":"intl-phone-input__flag_60fyo","countryName":"intl-phone-input__countryName_60fyo","dialCode":"intl-phone-input__dialCode_60fyo"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/select/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    position: static;\n    display: flex;\n    min-width: initial;\n    height: 100%;\n}\n\n.option {\n    display: flex;\n    align-items: flex-start;\n}\n\n.flag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n}\n\n.countryName {\n    margin-right: var(--gap-8);\n}\n\n.dialCode {\n    color: var(--color-light-text-secondary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,QAAQ,CAAC,gCAAgC,CAAC,MAAM,CAAC,8BAA8B,CAAC,aAAa,CAAC,qCAAqC,CAAC,UAAU,CAAC,kCAAkC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/select/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    position: static;\n    display: flex;\n    min-width: initial;\n    height: 100%;\n}\n\n.option {\n    display: flex;\n    align-items: flex-start;\n}\n\n.flag {\n    flex-shrink: 0;\n    margin-right: var(--gap-8);\n}\n\n.countryName {\n    margin-right: var(--gap-8);\n}\n\n.dialCode {\n    color: var(--color-light-text-secondary);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,QAAQ,CAAC,gCAAgC,CAAC,MAAM,CAAC,8BAA8B,CAAC,aAAa,CAAC,qCAAqC,CAAC,UAAU,CAAC,kCAAkC,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import type { FieldProps } from '@alfalab/core-components-select/shared';
+import { type FC } from 'react';
+import { type FieldProps } from '@alfalab/core-components-select/shared';
 export declare const EMPTY_COUNTRY_SELECT_FIELD: {
     value: string;
     key: string;

package/components/select-field/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/components/select-field/component.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport type { FieldProps } from '@alfalab/core-components-select/shared';\nimport { useFocus } from '@alfalab/hooks';\nimport WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';\n\nimport { FlagIcon } from '../flag-icon';\n\nimport styles from './index.module.css';\n\nexport const EMPTY_COUNTRY_SELECT_FIELD = {\n    value: 'EMPTY_COUNTRY_SELECT_VALUE',\n    key: 'EMPTY_COUNTRY_SELECT_KEY',\n};\n\nexport const SelectField: FC<FieldProps> = ({\n    selected,\n    Arrow,\n    size,\n    disabled,\n    innerProps = {},\n}) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.component, size && styles[size], {\n                [styles.focusVisible]: focusVisible,\n                [styles.disabled]: disabled,\n            })}\n        >\n            <div {...innerProps} className={styles.inner}>\n                <span className={styles.flagIconContainer}>\n                    {!selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (\n                        <WorldMagnifierMIcon className={styles.emptyCountryIcon} />\n                    ) : (\n                        <FlagIcon country={selected.value} />\n                    )}\n                </span>\n                {Arrow}\n            </div>\n        </div>\n    );\n};\n"],"names":["useRef","useFocus","mergeRefs","React","cn","styles","__assign","WorldMagnifierMIcon","FlagIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYa,IAAA,0BAA0B,GAAG;AACtC,IAAA,KAAK,EAAE,4BAA4B;AACnC,IAAA,GAAG,EAAE,0BAA0B;;AAG5B,IAAM,WAAW,GAAmB,UAAC,EAM3C,EAAA;;AALG,IAAA,IAAA,QAAQ,cAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAe,GAAA,EAAA,CAAA,UAAA,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;AAEf,IAAA,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC;IAExC,IAAA,YAAY,GAAIC,cAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA,CAAA,CAApC;IAEnB,IAAM,GAAG,GAAG,UAAU,CAAC,GAAG,GAAGC,0BAAS,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,GAAG,UAAU;AAEjF,IAAA,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,IAAI,IAAIA,YAAM,CAAC,IAAI,CAAC,GAAA,EAAA,GAAA,EAAA;AAChD,YAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AACnC,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAG,cAAA,CAAA,EAAA,EAAS,UAAU,EAAE,EAAA,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA,CAAA;AACxC,YAAAF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEE,YAAM,CAAC,iBAAiB,EAAA,EACpC,CAAC,QAAQ,IAAI,QAAQ,KAAK,0BAA0B,IACjDF,sBAAA,CAAA,aAAA,CAACI,oCAAmB,EAAC,EAAA,SAAS,EAAEF,YAAM,CAAC,gBAAgB,EAAA,CAAI,KAE3DF,sBAAA,CAAA,aAAA,CAACK,kBAAQ,EAAA,EAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAA,CAAI,CACxC,CACE;YACN,KAAK,CACJ,CACJ;AAEd;;;;;"}
+{"version":3,"file":"component.js","sources":["../../src/components/select-field/component.tsx"],"sourcesContent":["import React, { type FC, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { type FieldProps } from '@alfalab/core-components-select/shared';\nimport { useFocus } from '@alfalab/hooks';\nimport WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';\n\nimport { FlagIcon } from '../flag-icon';\n\nimport styles from './index.module.css';\n\nexport const EMPTY_COUNTRY_SELECT_FIELD = {\n    value: 'EMPTY_COUNTRY_SELECT_VALUE',\n    key: 'EMPTY_COUNTRY_SELECT_KEY',\n};\n\nexport const SelectField: FC<FieldProps> = ({\n    selected,\n    Arrow,\n    size,\n    disabled,\n    innerProps = {},\n}) => {\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;\n\n    return (\n        <div\n            ref={ref}\n            className={cn(styles.component, size && styles[size], {\n                [styles.focusVisible]: focusVisible,\n                [styles.disabled]: disabled,\n            })}\n        >\n            <div {...innerProps} className={styles.inner}>\n                <span className={styles.flagIconContainer}>\n                    {!selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (\n                        <WorldMagnifierMIcon className={styles.emptyCountryIcon} />\n                    ) : (\n                        <FlagIcon country={selected.value} />\n                    )}\n                </span>\n                {Arrow}\n            </div>\n        </div>\n    );\n};\n"],"names":["useRef","useFocus","mergeRefs","React","cn","styles","__assign","WorldMagnifierMIcon","FlagIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYa,IAAA,0BAA0B,GAAG;AACtC,IAAA,KAAK,EAAE,4BAA4B;AACnC,IAAA,GAAG,EAAE,0BAA0B;;AAG5B,IAAM,WAAW,GAAmB,UAAC,EAM3C,EAAA;;AALG,IAAA,IAAA,QAAQ,cAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAe,GAAA,EAAA,CAAA,UAAA,EAAf,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;AAEf,IAAA,IAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC;IAExC,IAAA,YAAY,GAAIC,cAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA,CAAA,CAApC;IAEnB,IAAM,GAAG,GAAG,UAAU,CAAC,GAAG,GAAGC,0BAAS,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,GAAG,UAAU;AAEjF,IAAA,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,IAAI,IAAIA,YAAM,CAAC,IAAI,CAAC,GAAA,EAAA,GAAA,EAAA;AAChD,YAAA,EAAA,CAACA,YAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AACnC,YAAA,EAAA,CAACA,YAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAAG,cAAA,CAAA,EAAA,EAAS,UAAU,EAAE,EAAA,SAAS,EAAED,YAAM,CAAC,KAAK,EAAA,CAAA;AACxC,YAAAF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEE,YAAM,CAAC,iBAAiB,EAAA,EACpC,CAAC,QAAQ,IAAI,QAAQ,KAAK,0BAA0B,IACjDF,sBAAA,CAAA,aAAA,CAACI,oCAAmB,EAAC,EAAA,SAAS,EAAEF,YAAM,CAAC,gBAAgB,EAAA,CAAI,KAE3DF,sBAAA,CAAA,aAAA,CAACK,kBAAQ,EAAA,EAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAA,CAAI,CACxC,CACE;YACN,KAAK,CACJ,CACJ;AAEd;;;;;"}

package/components/select-field/index.css

@@ -11,33 +11,33 @@
 } :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} .intl-phone-input__component_1h67c {
+} .intl-phone-input__component_el72z {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
-} .intl-phone-input__flagIconContainer_1h67c {
+} .intl-phone-input__flagIconContainer_el72z {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-right: var(--gap-4);
-} .intl-phone-input__emptyCountryIcon_1h67c {
+} .intl-phone-input__emptyCountryIcon_el72z {
     color: var(--color-light-neutral-700);
-} .intl-phone-input__disabled_1h67c {
+} .intl-phone-input__disabled_el72z {
     cursor: var(--disabled-cursor);
-} .intl-phone-input__inner_1h67c {
+} .intl-phone-input__inner_el72z {
     position: relative;
     display: flex;
     align-items: center;
     height: 100%;
     padding-left: var(--gap-12);
     outline: none;
-} .intl-phone-input__l_1h67c .intl-phone-input__inner_1h67c,
-.intl-phone-input__xl_1h67c .intl-phone-input__inner_1h67c {
+} .intl-phone-input__l_el72z .intl-phone-input__inner_el72z,
+.intl-phone-input__xl_el72z .intl-phone-input__inner_el72z {
     padding-left: var(--gap-16);
-} .intl-phone-input__focusVisible_1h67c {
+} .intl-phone-input__focusVisible_el72z {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/components/select-field/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"intl-phone-input__component_1h67c","flagIconContainer":"intl-phone-input__flagIconContainer_1h67c","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1h67c","disabled":"intl-phone-input__disabled_1h67c","inner":"intl-phone-input__inner_1h67c","l":"intl-phone-input__l_1h67c","xl":"intl-phone-input__xl_1h67c","focusVisible":"intl-phone-input__focusVisible_1h67c"};
+var styles = {"component":"intl-phone-input__component_el72z","flagIconContainer":"intl-phone-input__flagIconContainer_el72z","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_el72z","disabled":"intl-phone-input__disabled_el72z","inner":"intl-phone-input__inner_el72z","l":"intl-phone-input__l_el72z","xl":"intl-phone-input__xl_el72z","focusVisible":"intl-phone-input__focusVisible_el72z"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/select-field/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n    height: 100%;\n    cursor: pointer;\n    outline: none;\n    position: relative;\n}\n\n.flagIconContainer {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 24px;\n    height: 24px;\n    margin-right: var(--gap-4);\n}\n\n.emptyCountryIcon {\n    color: var(--color-light-neutral-700);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.inner {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding-left: var(--gap-12);\n    outline: none;\n}\n\n.l .inner,\n.xl .inner {\n    padding-left: var(--gap-16);\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC,UAAU,CAAC,kCAAkC,CAAC,OAAO,CAAC,+BAA+B,CAAC,GAAG,CAAC,2BAA2B,CAAC,IAAI,CAAC,4BAA4B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/select-field/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n    height: 100%;\n    cursor: pointer;\n    outline: none;\n    position: relative;\n}\n\n.flagIconContainer {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 24px;\n    height: 24px;\n    margin-right: var(--gap-4);\n}\n\n.emptyCountryIcon {\n    color: var(--color-light-neutral-700);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.inner {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding-left: var(--gap-12);\n    outline: none;\n}\n\n.l .inner,\n.xl .inner {\n    padding-left: var(--gap-16);\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,mCAAmC,CAAC,mBAAmB,CAAC,2CAA2C,CAAC,kBAAkB,CAAC,0CAA0C,CAAC,UAAU,CAAC,kCAAkC,CAAC,OAAO,CAAC,+BAA+B,CAAC,GAAG,CAAC,2BAA2B,CAAC,IAAI,CAAC,4BAA4B,CAAC,cAAc,CAAC,sCAAsC,CAAC;;;;"}

package/cssm/component.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { CountryCode } from 'libphonenumber-js/min';
-import { InputAutocompleteDesktopProps } from '@alfalab/core-components-input-autocomplete/cssm/desktop';
-import type { SelectProps } from '@alfalab/core-components-select/cssm';
-import { Country } from '@alfalab/utils';
+import { type CountryCode } from 'libphonenumber-js/min';
+import { type InputAutocompleteDesktopProps } from '@alfalab/core-components-input-autocomplete/cssm/desktop';
+import { type SelectProps } from '@alfalab/core-components-select/cssm';
+import { type Country } from '@alfalab/utils';
 declare type MaxPhoneLenByCountry = Record<string, number>;
 export declare type IntlPhoneInputProps = Partial<Omit<InputAutocompleteDesktopProps, 'onChange'>> & Pick<SelectProps, 'preventFlip'> & {
     /**

package/cssm/component.js

@@ -54,11 +54,12 @@ var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
  * use InternationalPhoneInput instead
  */
 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 _b;
+    var _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, _e = _a.hideCountrySelect, hideCountrySelect = _e === void 0 ? false : _e, _f = _a.canBeEmptyCountry, canBeEmptyCountry = _f === void 0 ? false : _f, _g = _a.ruNumberPriority, ruNumberPriority = _g === void 0 ? false : _g, _h = _a.clear, clear = _h === void 0 ? false : _h, _j = _a.size, size = _j === void 0 ? 'm' : _j, _k = _a.colors, colors = _k === void 0 ? 'default' : _k, _l = _a.options, options = _l === void 0 ? [] : _l, _m = _a.countries, countries = _m === void 0 ? utils.getCountries() : _m, _o = _a.clearableCountryCode, clearableCountryCode = _o === void 0 ? true : _o, _p = _a.maxDialCodeLength, maxDialCodeLength = _p === void 0 ? MAX_DIAL_CODE_LENGTH : _p, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _q = _a.defaultCountryIso2, defaultCountryIso2 = _q === void 0 ? 'ru' : _q, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _r = _a.maxPhoneLen, maxPhoneLen = _r === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _r, 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 _s = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _s[0], setCountryIso2 = _s[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 _t = React.useState(null), inputWrapperRef = _t[0], setInputWrapperRef = _t[1];
+    var _u = React.useState(), caretPos = _u[0], setCaretPos = _u[1];
     var phoneLibUtils = React.useRef();
     var formatPhone = function (inputValue, iso2) {
         if (iso2 === void 0) { iso2 = countryIso2; }
@@ -346,7 +347,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(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(component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(component$1.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(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(component.FlagIcon, { country: countryIso2 })) : (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })))) : (countries.length > 1 && (React__default.default.createElement(component$1.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: (_b = inputWrapperRef === null || inputWrapperRef === void 0 ? void 0 : inputWrapperRef.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : null, 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;