@alfalab/core-components 45.8.0-beta.5 → 45.9.0-beta.0

package/international-phone-input/cssm/desktop/index.js

@@ -1,7 +1,25 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.InternationalPhoneInputDesktop = desktop_Component_desktop.InternationalPhoneInputDesktop;
+export { InternationalPhoneInputDesktop } from './Component.desktop.js';
+import 'react';
+import '../../../input/cssm/desktop';
+import '../../../input-autocomplete/cssm/desktop';
+import '../../../select/cssm/desktop';
+import '../components/base-international-phone-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/core';
+import '@maskito/react';
+import '../../../select/cssm/shared';
+import '../utils/index.js';
+import '../../../shared/cssm';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/country-select/Component.js';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../components/flag-icon/component.js';
+import 'classnames';
+import '../components/flag-icon/flagSprite.js';
+import '../components/flag-icon/index.module.css';
+import '../components/select-field/component.js';
+import '@alfalab/hooks';
+import '../components/select-field/index.module.css';
+import '../components/country-select/index.module.css';
+import '../components/base-international-phone-input/index.module.css';

package/international-phone-input/cssm/index.js

@@ -1,7 +1,31 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-
-
-
-exports.InternationalPhoneInput = Component_responsive.InternationalPhoneInput;
+export { InternationalPhoneInput } from './Component.responsive.js';
+import 'react';
+import '../../mq/cssm';
+import './desktop/Component.desktop.js';
+import '../../input/cssm/desktop';
+import '../../input-autocomplete/cssm/desktop';
+import '../../select/cssm/desktop';
+import './components/base-international-phone-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/core';
+import '@maskito/react';
+import '../../select/cssm/shared';
+import './utils/index.js';
+import '../../shared/cssm';
+import './consts.js';
+import './data/country-data.js';
+import './components/country-select/Component.js';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import './components/flag-icon/component.js';
+import 'classnames';
+import './components/flag-icon/flagSprite.js';
+import './components/flag-icon/index.module.css';
+import './components/select-field/component.js';
+import '@alfalab/hooks';
+import './components/select-field/index.module.css';
+import './components/country-select/index.module.css';
+import './components/base-international-phone-input/index.module.css';
+import './mobile/Component.mobile.js';
+import '../../input/cssm/mobile';
+import '../../input-autocomplete/cssm/mobile';
+import '../../select/cssm/mobile';

package/international-phone-input/cssm/mobile/Component.mobile.js

@@ -1,19 +1,28 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { InputMobile } from '../../../input/cssm/mobile';
+import { InputAutocompleteMobile } from '../../../input-autocomplete/cssm/mobile';
+import { SelectMobile } from '../../../select/cssm/mobile';
+import { BaseInternationalPhoneInput } from '../components/base-international-phone-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/core';
+import '@maskito/react';
+import '../../../select/cssm/shared';
+import '../utils/index.js';
+import '../../../shared/cssm';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/country-select/Component.js';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../components/flag-icon/component.js';
+import 'classnames';
+import '../components/flag-icon/flagSprite.js';
+import '../components/flag-icon/index.module.css';
+import '../components/select-field/component.js';
+import '@alfalab/hooks';
+import '../components/select-field/index.module.css';
+import '../components/country-select/index.module.css';
+import '../components/base-international-phone-input/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var mobile$1 = require('../../../input/cssm/mobile');
-var mobile$2 = require('../../../input-autocomplete/cssm/mobile');
-var mobile = require('../../../select/cssm/mobile');
-var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
+const InternationalPhoneInputMobile = forwardRef(({ value, clearableCountryCode = true, ...restProps }, ref) => (React.createElement(BaseInternationalPhoneInput, { selected: value, ...restProps, clearableCountryCode: clearableCountryCode, value: value, view: 'mobile', ref: ref, SelectComponent: SelectMobile, Input: InputMobile, InputAutocomplete: InputAutocompleteMobile })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var InternationalPhoneInputMobile = React.forwardRef(function (_a, ref) {
-    var value = _a.value, _b = _a.clearableCountryCode, clearableCountryCode = _b === void 0 ? true : _b, restProps = tslib.__rest(_a, ["value", "clearableCountryCode"]);
-    return (React__default.default.createElement(components_baseInternationalPhoneInput_Component.BaseInternationalPhoneInput, tslib.__assign({ selected: value }, restProps, { clearableCountryCode: clearableCountryCode, value: value, view: 'mobile', ref: ref, SelectComponent: mobile.SelectMobile, Input: mobile$1.InputMobile, InputAutocomplete: mobile$2.InputAutocompleteMobile })));
-});
-
-exports.InternationalPhoneInputMobile = InternationalPhoneInputMobile;
+export { InternationalPhoneInputMobile };

package/international-phone-input/cssm/mobile/index.js

@@ -1,7 +1,25 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var mobile_Component_mobile = require('./Component.mobile.js');
-
-
-
-exports.InternationalPhoneInputMobile = mobile_Component_mobile.InternationalPhoneInputMobile;
+export { InternationalPhoneInputMobile } from './Component.mobile.js';
+import 'react';
+import '../../../input/cssm/mobile';
+import '../../../input-autocomplete/cssm/mobile';
+import '../../../select/cssm/mobile';
+import '../components/base-international-phone-input/Component.js';
+import 'react-merge-refs';
+import '@maskito/core';
+import '@maskito/react';
+import '../../../select/cssm/shared';
+import '../utils/index.js';
+import '../../../shared/cssm';
+import '../consts.js';
+import '../data/country-data.js';
+import '../components/country-select/Component.js';
+import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../components/flag-icon/component.js';
+import 'classnames';
+import '../components/flag-icon/flagSprite.js';
+import '../components/flag-icon/index.module.css';
+import '../components/select-field/component.js';
+import '@alfalab/hooks';
+import '../components/select-field/index.module.css';
+import '../components/country-select/index.module.css';
+import '../components/base-international-phone-input/index.module.css';

package/international-phone-input/cssm/shared/index.js

@@ -1,8 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils_index = require('../utils/index.js');
-
-
-
-exports.getInternationalPhoneInputDesktopTestIds = utils_index.getInternationalPhoneInputDesktopTestIds;
-exports.getInternationalPhoneInputMobileTestIds = utils_index.getInternationalPhoneInputMobileTestIds;
+export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from '../utils/index.js';
+import '../../../select/cssm/shared';
+import '../../../shared/cssm';
+import '../consts.js';
+import '../data/country-data.js';

package/international-phone-input/cssm/typings-57569e57.d.ts

@@ -8,7 +8,7 @@ import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { BaseFormControlProps, BackdropProps } from "./index-ebda875c";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { SwipeableHandlers } from "react-swipeable";
+import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
 import { ButtonProps } from "./index-6d57839f";
 import { ContentProps } from "./typings-88b743b5";
@@ -672,6 +672,16 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
+declare const horizontalDirections: [
+    string,
+    string
+];
+type ShouldSkipSwipingParams = {
+    deltaY: number;
+    startY: number;
+    event: HandledEvents;
+    dir: SwipeDirections;
+};
 declare const colors: readonly [
     "tertiary",
     "disabled",
@@ -885,6 +895,12 @@ declare const IconButton: React.ForwardRefExoticComponent<{
     dataTestId?: string | undefined;
     colors?: "default" | "inverted" | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "breakpoint" | "href" | "Component" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+declare enum SwipeDirection {
+    Left = "Left",
+    Right = "Right",
+    Up = "Up",
+    Down = "Down"
+}
 declare const Content: FC<ContentProps>;
 type UseSelectWithApplyProps = {
     /**
@@ -1586,7 +1602,7 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, FormControlProps, FormControl, ModalResponsive as Modal, ModalContext, getModalTestIds, Position, PopoverProps, Popover, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, Typography, typographyPresets, TitleResponsive, getDefaultWeight, IconButtonProps, IconButton, SwipeDirection, Content, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export type { ContentProps as ModalContentProps } from "./typings-88b743b5";

package/international-phone-input/cssm/utils/index.js

@@ -1,18 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var shared = require('../../../select/cssm/shared');
-var coreComponentsShared = require('../../../shared/cssm');
-var consts = require('../consts.js');
-var data_countryData = require('../data/country-data.js');
+import { isGroup } from '../../../select/cssm/shared';
+import { maskUtils, getDataTestId } from '../../../shared/cssm';
+import { DEFAULT_PHONE_FORMAT } from '../consts.js';
+import { countriesData } from '../data/country-data.js';
 
 function initCountries(iso2s) {
-    var filteredCountriesData = Array.isArray(iso2s)
-        ? data_countryData.countriesData.filter(function (country) { return iso2s.includes(country[2]); })
-        : data_countryData.countriesData;
-    return filteredCountriesData.map(function (country) {
-        var _a;
-        var countryItem = {
+    const filteredCountriesData = Array.isArray(iso2s)
+        ? countriesData.filter((country) => iso2s.includes(country[2]))
+        : countriesData;
+    return filteredCountriesData.map((country) => {
+        const countryItem = {
             name: country[0],
             regions: country[1],
             iso2: country[2],
@@ -21,10 +17,10 @@ function initCountries(iso2s) {
             format: country[4],
             priority: country[5] || 0,
         };
-        var areaItems = [];
+        const areaItems = [];
         if (country[6]) {
-            (_a = country[6]) === null || _a === void 0 ? void 0 : _a.forEach(function (areaCode) {
-                var areaItem = tslib.__assign({}, countryItem);
+            country[6]?.forEach((areaCode) => {
+                const areaItem = { ...countryItem };
                 areaItem.dialCode = country[3] + areaCode;
                 areaItem.isAreaCode = true;
                 areaItem.areaCodeLength = areaCode.length;
@@ -33,33 +29,31 @@ function initCountries(iso2s) {
         }
         if (areaItems.length > 0) {
             countryItem.mainCode = true;
-            return tslib.__spreadArray([countryItem], areaItems, true);
+            return [countryItem, ...areaItems];
         }
         return [countryItem];
     });
 }
 function findCountry(countries, value, iso2, country) {
-    var _a;
     if (country)
         return country;
     if (value) {
-        var inputNumber = clearMask(value);
-        var nextCountry = guessCountry(inputNumber, countries);
+        const inputNumber = clearMask(value);
+        const nextCountry = guessCountry(inputNumber, countries);
         return nextCountry;
     }
     if (!iso2)
         return undefined;
-    return (_a = countries.find(function (c) { return c[0].iso2 === iso2; })) === null || _a === void 0 ? void 0 : _a[0];
+    return countries.find((c) => c[0].iso2 === iso2)?.[0];
 }
 function guessCountry(inputNumber, data) {
-    var _a;
-    var inputNumberDialCode = inputNumber.slice(0, 6);
-    var result = data.reduce(function (selectedCountry, countryData) {
-        var guess;
-        countryData.forEach(function (country) {
+    const inputNumberDialCode = inputNumber.slice(0, 6);
+    const result = data.reduce((selectedCountry, countryData) => {
+        let guess;
+        countryData.forEach((country) => {
             if (inputNumberDialCode.startsWith(country.dialCode)) {
-                var selectedCountryDialCode = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.dialCode) || '';
-                var selectedCountryPriority = (selectedCountry === null || selectedCountry === void 0 ? void 0 : selectedCountry.priority) || 100;
+                const selectedCountryDialCode = selectedCountry?.dialCode || '';
+                const selectedCountryPriority = selectedCountry?.priority || 100;
                 if (country.dialCode.length > selectedCountryDialCode.length) {
                     guess = country;
                 }
@@ -72,7 +66,7 @@ function guessCountry(inputNumber, data) {
         return guess || selectedCountry;
     }, undefined);
     if (!result && inputNumber.length > 5 && inputNumber.startsWith('8'))
-        return (_a = data.find(function (countryData) { return countryData[0].iso2 === 'ru'; })) === null || _a === void 0 ? void 0 : _a[0];
+        return data.find((countryData) => countryData[0].iso2 === 'ru')?.[0];
     return result;
 }
 function clearMask(value) {
@@ -83,10 +77,10 @@ function itemToMask(item) {
 }
 function prepareDefaultFormat(countryCode, clearableCountryCode) {
     if (!countryCode)
-        return tslib.__spreadArray(['+'], consts.DEFAULT_PHONE_FORMAT.split('').map(itemToMask), true);
-    var removeDots = function (count) {
-        var removed = 0;
-        var res = consts.DEFAULT_PHONE_FORMAT;
+        return ['+', ...DEFAULT_PHONE_FORMAT.split('').map(itemToMask)];
+    const removeDots = (count) => {
+        let removed = 0;
+        let res = DEFAULT_PHONE_FORMAT;
         while (removed < count) {
             res = res.replace(/\./, '');
             removed += 1;
@@ -94,71 +88,71 @@ function prepareDefaultFormat(countryCode, clearableCountryCode) {
         return res.trim();
     };
     if (clearableCountryCode) {
-        return tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([
-            '+'
-        ], countryCode.split('').map(function () { return /\d/; }), true), [
-            ' '
-        ], false), removeDots(countryCode.length).split('').map(itemToMask).reverse(), true);
+        return [
+            '+',
+            ...countryCode.split('').map(() => /\d/),
+            ' ',
+            ...removeDots(countryCode.length).split('').map(itemToMask).reverse(),
+        ];
     }
-    return tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([
-        '+'
-    ], countryCode.split(''), true), [
-        ' '
-    ], false), removeDots(countryCode.length).split('').map(itemToMask).reverse(), true);
+    return [
+        '+',
+        ...countryCode.split(''),
+        ' ',
+        ...removeDots(countryCode.length).split('').map(itemToMask).reverse(),
+    ];
 }
 function createPhoneMaskExpression(country, clearableCountryCode) {
-    var _a = country || {}, countryCode = _a.countryCode, format = _a.format;
+    const { countryCode, format } = country || {};
     if (!countryCode || !format) {
         return prepareDefaultFormat(countryCode, clearableCountryCode);
     }
-    return tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([
-        '+'
-    ], (clearableCountryCode ? countryCode.split('').map(function () { return /\d/; }) : countryCode.split('')), true), [
-        ' '
-    ], false), format.split('').map(function (item) { return (item === '.' ? /\d/ : item); }), true);
+    return [
+        '+',
+        ...(clearableCountryCode ? countryCode.split('').map(() => /\d/) : countryCode.split('')),
+        ' ',
+        ...format.split('').map((item) => (item === '.' ? /\d/ : item)),
+    ];
 }
 function createMaskOptions(country, clearableCountryCode) {
-    var prefixLen = !clearableCountryCode && (country === null || country === void 0 ? void 0 : country.countryCode) ? country.countryCode.length + 1 : 0;
-    var mask = createPhoneMaskExpression(country, clearableCountryCode);
+    const prefixLen = !clearableCountryCode && country?.countryCode ? country.countryCode.length + 1 : 0;
+    const mask = createPhoneMaskExpression(country, clearableCountryCode);
     return {
-        mask: mask,
+        mask,
         preprocessors: [
-            coreComponentsShared.maskUtils.insertionPhonePreprocessor(mask, country === null || country === void 0 ? void 0 : country.countryCode, clearableCountryCode),
+            maskUtils.insertionPhonePreprocessor(mask, country?.countryCode, clearableCountryCode),
         ],
         postprocessors: [
-            coreComponentsShared.maskUtils.prefixPostprocessor(prefixLen ? "+".concat(country === null || country === void 0 ? void 0 : country.countryCode) : ''),
+            maskUtils.prefixPostprocessor(prefixLen ? `+${country?.countryCode}` : ''),
         ],
         plugins: [
-            coreComponentsShared.maskUtils.caretGuard(function (value, _a) {
-                var from = _a[0], to = _a[1];
-                return [
-                    from === to ? prefixLen : 0,
-                    value.length,
-                ];
-            }),
+            maskUtils.caretGuard((value, [from, to]) => [
+                from === to ? prefixLen : 0,
+                value.length,
+            ]),
         ],
     };
 }
-function defaultFilterFn(value, option) {
-    if (value === void 0) { value = ''; }
+function defaultFilterFn(value = '', option) {
     return clearMask(option.key).includes(clearMask(value));
 }
-var EMPTY_OPTIONS = [];
-var filterPhones = function (value, options, filterFn) {
-    if (value === void 0) { value = ''; }
-    if (filterFn === void 0) { filterFn = defaultFilterFn; }
+const EMPTY_OPTIONS = [];
+const filterPhones = (value = '', options, filterFn = defaultFilterFn) => {
     if (!options || options.length === 0)
         return EMPTY_OPTIONS;
-    var filteredOptions = [];
-    options.forEach(function (option) {
-        if (shared.isGroup(option)) {
-            var group_1 = tslib.__assign(tslib.__assign({}, option), { options: [] });
-            option.options.forEach(function (groupOption) {
+    const filteredOptions = [];
+    options.forEach((option) => {
+        if (isGroup(option)) {
+            const group = {
+                ...option,
+                options: [],
+            };
+            option.options.forEach((groupOption) => {
                 if (filterFn(value, groupOption))
-                    group_1.options.push(groupOption);
+                    group.options.push(groupOption);
             });
-            if (group_1.options.length)
-                filteredOptions.push(group_1);
+            if (group.options.length)
+                filteredOptions.push(group);
         }
         else if (filterFn(value, option))
             filteredOptions.push(option);
@@ -166,23 +160,21 @@ var filterPhones = function (value, options, filterFn) {
     return filteredOptions;
 };
 function getPhoneData(phone, countries, defaultIso2) {
-    var nextPhone = phone;
-    var inputNumber = clearMask(nextPhone);
-    var nextCountry = findCountry(countries, phone, defaultIso2);
-    if ((nextCountry === null || nextCountry === void 0 ? void 0 : nextCountry.iso2) === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
+    let nextPhone = phone;
+    const inputNumber = clearMask(nextPhone);
+    const nextCountry = findCountry(countries, phone, defaultIso2);
+    if (nextCountry?.iso2 === 'ru' && inputNumber.length > 5 && inputNumber.startsWith('8')) {
         nextPhone = phone.replace(/\+?8/, '+7');
     }
     return {
-        nextPhone: nextPhone,
-        nextCountry: nextCountry,
+        nextPhone,
+        nextCountry,
     };
 }
-function getClear(clear, clearableCountryCode, value, countryCode) {
-    if (value === void 0) { value = ''; }
-    if (countryCode === void 0) { countryCode = ''; }
+function getClear(clear, clearableCountryCode, value = '', countryCode = '') {
     if (!clear)
         return false;
-    var trimmedValue = value.trim();
+    const trimmedValue = value.trim();
     return clearableCountryCode
         ? trimmedValue !== '' && trimmedValue !== '+'
         : trimmedValue.length > countryCode.length + 1;
@@ -190,71 +182,61 @@ function getClear(clear, clearableCountryCode, value, countryCode) {
 function getInternationalPhoneInputDesktopTestIds(dataTestId) {
     return {
         fieldAutocompleteWrapper: dataTestId,
-        fieldAutocompleteInner: "".concat(dataTestId, "-field-form-control-inner"),
-        fieldAutocompleteFormControl: "".concat(dataTestId, "-field-form-control"),
-        fieldAutocompleteLeftAddons: "".concat(dataTestId, "-field-form-control-left-addons"),
-        fieldAutocompleteRightAddons: "".concat(dataTestId, "-field-form-control-right-addons"),
-        fieldAutocompleteError: "".concat(dataTestId, "-field-form-control-error-message"),
-        fieldAutocompleteHint: "".concat(dataTestId, "-field-form-control-hint"),
-        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
-        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
-        countryOption: coreComponentsShared.getDataTestId(dataTestId, 'country-select-option'),
-        countryOptionsList: coreComponentsShared.getDataTestId(dataTestId, 'country-select-options-list'),
+        fieldAutocompleteInner: `${dataTestId}-field-form-control-inner`,
+        fieldAutocompleteFormControl: `${dataTestId}-field-form-control`,
+        fieldAutocompleteLeftAddons: `${dataTestId}-field-form-control-left-addons`,
+        fieldAutocompleteRightAddons: `${dataTestId}-field-form-control-right-addons`,
+        fieldAutocompleteError: `${dataTestId}-field-form-control-error-message`,
+        fieldAutocompleteHint: `${dataTestId}-field-form-control-hint`,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        countryOption: getDataTestId(dataTestId, 'country-select-option'),
+        countryOptionsList: getDataTestId(dataTestId, 'country-select-options-list'),
         field: dataTestId,
-        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
-        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
-        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
-        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
-        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
-        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+        fieldInner: getDataTestId(dataTestId, 'form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'form-control-hint'),
     };
 }
 function getInternationalPhoneInputMobileTestIds(dataTestId) {
     return {
         fieldAutocompleteWrapper: dataTestId,
-        fieldAutocompleteInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
-        fieldAutocompleteFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
-        fieldAutocompleteLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
-        fieldAutocompleteRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
-        fieldAutocompleteError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
-        fieldAutocompleteHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
-        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
-        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
-        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
-        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
-        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
-        countryOption: coreComponentsShared.getDataTestId(dataTestId, 'country-select-option'),
-        countryOptionsList: coreComponentsShared.getDataTestId(dataTestId, 'country-select-options-list'),
-        countryBottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet'),
-        countryBottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet-header'),
-        countryBottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'country-select-bottom-sheet-content'),
-        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'clear'),
-        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'apply'),
+        fieldAutocompleteInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldAutocompleteFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldAutocompleteLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldAutocompleteRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldAutocompleteError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldAutocompleteHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
+        countryOption: getDataTestId(dataTestId, 'country-select-option'),
+        countryOptionsList: getDataTestId(dataTestId, 'country-select-options-list'),
+        countryBottomSheet: getDataTestId(dataTestId, 'country-select-bottom-sheet'),
+        countryBottomSheetHeader: getDataTestId(dataTestId, 'country-select-bottom-sheet-header'),
+        countryBottomSheetContent: getDataTestId(dataTestId, 'country-select-bottom-sheet-content'),
+        clearButton: getDataTestId(dataTestId, 'clear'),
+        applyButton: getDataTestId(dataTestId, 'apply'),
         field: dataTestId,
-        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
-        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
-        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
-        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
-        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
-        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
-        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
-        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
-        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
-        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
-        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
-        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
-        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
+        fieldInner: getDataTestId(dataTestId, 'form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'form-control-hint'),
+        searchInput: getDataTestId(dataTestId, 'search'),
+        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
     };
 }
 
-exports.clearMask = clearMask;
-exports.createMaskOptions = createMaskOptions;
-exports.createPhoneMaskExpression = createPhoneMaskExpression;
-exports.filterPhones = filterPhones;
-exports.findCountry = findCountry;
-exports.getClear = getClear;
-exports.getInternationalPhoneInputDesktopTestIds = getInternationalPhoneInputDesktopTestIds;
-exports.getInternationalPhoneInputMobileTestIds = getInternationalPhoneInputMobileTestIds;
-exports.getPhoneData = getPhoneData;
-exports.guessCountry = guessCountry;
-exports.initCountries = initCountries;
+export { clearMask, createMaskOptions, createPhoneMaskExpression, filterPhones, findCountry, getClear, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds, getPhoneData, guessCountry, initCountries };

package/international-phone-input/esm/components/base-international-phone-input/Component.js

@@ -16,7 +16,7 @@ import '../flag-icon/flagSprite.js';
 import '../select-field/component.js';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_1ojnt","addons":"international-phone-input__addons_1ojnt"};
+var styles = {"component":"international-phone-input__component_123jv","addons":"international-phone-input__addons_123jv"};
 require('./index.css');
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {

package/international-phone-input/esm/components/base-international-phone-input/index.css

@@ -1,5 +1,5 @@
-/* hash: n73ko */
+/* hash: 1q5zy */
 
-    .international-phone-input__component_1ojnt .international-phone-input__addons_1ojnt {
+    .international-phone-input__component_123jv .international-phone-input__addons_123jv {
         padding-left: 0;
     }

package/international-phone-input/esm/components/country-select/Component.js

@@ -10,7 +10,7 @@ import '../flag-icon/flagSprite.js';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_mzgzx","option":"international-phone-input__option_mzgzx","flag":"international-phone-input__flag_mzgzx","countryName":"international-phone-input__countryName_mzgzx","dialCode":"international-phone-input__dialCode_mzgzx","flagIconWrapper":"international-phone-input__flagIconWrapper_mzgzx","emptyCountryIcon":"international-phone-input__emptyCountryIcon_mzgzx"};
+var styles = {"component":"international-phone-input__component_i5hyq","option":"international-phone-input__option_i5hyq","flag":"international-phone-input__flag_i5hyq","countryName":"international-phone-input__countryName_i5hyq","dialCode":"international-phone-input__dialCode_i5hyq","flagIconWrapper":"international-phone-input__flagIconWrapper_i5hyq","emptyCountryIcon":"international-phone-input__emptyCountryIcon_i5hyq"};
 require('./index.css');
 
 var CountrySelect = function (_a) {