@alfalab/core-components-international-phone-input 1.3.2 → 1.3.3

package/cssm/index.js

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

package/cssm/mobile/Component.mobile.js

@@ -8,25 +8,6 @@ var mobile$1 = require('@alfalab/core-components-input/cssm/mobile');
 var mobile$2 = require('@alfalab/core-components-input-autocomplete/cssm/mobile');
 var mobile = require('@alfalab/core-components-select/cssm/mobile');
 var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('@alfalab/core-components-select/cssm/shared');
-require('../utils/index.js');
-require('@alfalab/core-components-shared/cssm');
-require('../consts.js');
-require('../data/country-data.js');
-require('../components/country-select/Component.js');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-require('../components/flag-icon/component.js');
-require('classnames');
-require('../components/flag-icon/flagSprite.js');
-require('../components/flag-icon/index.module.css');
-require('../components/select-field/component.js');
-require('@alfalab/hooks');
-require('../components/select-field/index.module.css');
-require('../components/country-select/index.module.css');
-require('../components/base-international-phone-input/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/cssm/mobile/index.js

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

package/cssm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from "../utils/index";

package/cssm/shared/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils_index = require('../utils/index.js');
+
+
+
+exports.getInternationalPhoneInputDesktopTestIds = utils_index.getInternationalPhoneInputDesktopTestIds;
+exports.getInternationalPhoneInputMobileTestIds = utils_index.getInternationalPhoneInputMobileTestIds;

package/{modern/typings-202ae1dc.d.ts → cssm/typings-c241b310.d.ts}

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/cssm/typings-c29389e5.d.ts

@@ -10,7 +10,7 @@ import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
 import { SwipeableHandlers } from "react-swipeable";
 import { TextElementType, TextSkeletonProps } from "./types-1328ead9";
-import { ButtonProps } from "./index-202ae1dc";
+import { ButtonProps } from "./index-c241b310";
 import { ContentProps } from "./typings-8a2a8ad1";
 import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 import { InputProps } from "@alfalab/core-components-input";
@@ -646,6 +646,10 @@ type FooterProps$0 = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
 type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
@@ -763,7 +767,7 @@ type TitleProps = Omit<NativeProps$0, "color"> & {
     /**
      * Толщина шрифта
      */
-    weight?: "regular" | "medium" | "bold";
+    weight?: "regular" | "medium" | "bold" | "semibold";
     /**
      * Шрифт текста
      */
@@ -825,7 +829,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
     color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
-    weight?: "bold" | "medium" | "regular" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
     font?: "styrene" | "system" | undefined;
     defaultMargins?: boolean | undefined;
     className?: string | undefined;
@@ -835,6 +839,7 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
     showSkeleton?: boolean | undefined;
     skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
 } & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
 type IconButtonProps = {
     /**
      * Компонент иконки
@@ -1572,7 +1577,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, 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, 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 type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TitleProps, TextProps, Color };
 export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
 export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";

package/cssm/utils/index.d.ts

@@ -15,4 +15,59 @@ declare function getPhoneData(phone: string, countries: Country[][], defaultIso2
     nextCountry: Country | undefined;
 };
 declare function getClear(clear?: boolean, clearableCountryCode?: boolean, value?: string, countryCode?: string): boolean;
-export { initCountries, findCountry, guessCountry, clearMask, createPhoneMaskExpression, createMaskOptions, filterPhones, getPhoneData, getClear };
+declare function getInternationalPhoneInputDesktopTestIds(dataTestId: string): {
+    fieldAutocompleteWrapper: string;
+    fieldAutocompleteInner: string;
+    fieldAutocompleteFormControl: string;
+    fieldAutocompleteLeftAddons: string;
+    fieldAutocompleteRightAddons: string;
+    fieldAutocompleteError: string;
+    fieldAutocompleteHint: string;
+    option: string;
+    optionsList: string;
+    countryOption: string;
+    countryOptionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInternationalPhoneInputMobileTestIds(dataTestId: string): {
+    fieldAutocompleteWrapper: string;
+    fieldAutocompleteInner: string;
+    fieldAutocompleteFormControl: string;
+    fieldAutocompleteLeftAddons: string;
+    fieldAutocompleteRightAddons: string;
+    fieldAutocompleteError: string;
+    fieldAutocompleteHint: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    countryOption: string;
+    countryOptionsList: string;
+    countryBottomSheet: string;
+    countryBottomSheetHeader: string;
+    countryBottomSheetContent: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { initCountries, findCountry, guessCountry, clearMask, createPhoneMaskExpression, createMaskOptions, filterPhones, getPhoneData, getClear, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds };

package/cssm/utils/index.js

@@ -190,6 +190,65 @@ function getClear(clear, clearableCountryCode, value, countryCode) {
         ? trimmedValue !== '' && trimmedValue !== '+'
         : trimmedValue.length > countryCode.length + 1;
 }
+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'),
+        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'),
+    };
+}
+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'),
+        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'),
+    };
+}
 
 exports.clearMask = clearMask;
 exports.createMaskOptions = createMaskOptions;
@@ -197,6 +256,8 @@ 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;

package/{esm/utils-d2597f31.d.ts → cssm/utils-89376c31.d.ts}

@@ -38,4 +38,30 @@ declare function defaultFilterFn(optionText: string, search: string): boolean;
 declare function defaultAccessor(option: OptionShape): string;
 declare function usePrevious<T>(value: T): T | undefined;
 declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf };
+declare function getSelectTestIds(dataTestId: string): {
+    select: string;
+    option: string;
+    optionsList: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+};
+export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, defaultFilterFn, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };

package/desktop/Component.desktop.js

@@ -8,21 +8,6 @@ var desktop$1 = require('@alfalab/core-components-input/desktop');
 var desktop$2 = require('@alfalab/core-components-input-autocomplete/desktop');
 var desktop = require('@alfalab/core-components-select/desktop');
 var components_baseInternationalPhoneInput_Component = require('../components/base-international-phone-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('@alfalab/core-components-select/shared');
-require('../utils/index.js');
-require('@alfalab/core-components-shared');
-require('../consts.js');
-require('../data/country-data.js');
-require('../components/country-select/Component.js');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-require('../components/flag-icon/component.js');
-require('classnames');
-require('../components/flag-icon/flagSprite.js');
-require('../components/select-field/component.js');
-require('@alfalab/hooks');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/desktop/index.js

@@ -3,27 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var desktop_Component_desktop = require('./Component.desktop.js');
-require('tslib');
-require('react');
-require('@alfalab/core-components-input/desktop');
-require('@alfalab/core-components-input-autocomplete/desktop');
-require('@alfalab/core-components-select/desktop');
-require('../components/base-international-phone-input/Component.js');
-require('react-merge-refs');
-require('@maskito/core');
-require('@maskito/react');
-require('@alfalab/core-components-select/shared');
-require('../utils/index.js');
-require('@alfalab/core-components-shared');
-require('../consts.js');
-require('../data/country-data.js');
-require('../components/country-select/Component.js');
-require('@alfalab/icons-glyph/WorldMagnifierMIcon');
-require('../components/flag-icon/component.js');
-require('classnames');
-require('../components/flag-icon/flagSprite.js');
-require('../components/select-field/component.js');
-require('@alfalab/hooks');
 
 
 

package/{modern/Component-202ae1dc.d.ts → esm/Component-c241b310.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-c241b310";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

package/esm/Component.responsive-8566963f.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
+import { CommonButtonProps, ButtonProps } from "./typings-c241b310";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-c241b310";

package/esm/Component.responsive.js

@@ -3,28 +3,6 @@ import React from 'react';
 import { useMatchMedia } from '@alfalab/core-components-mq/esm';
 import { InternationalPhoneInputDesktop } from './desktop/Component.desktop.js';
 import { InternationalPhoneInputMobile } from './mobile/Component.mobile.js';
-import '@alfalab/core-components-input/esm/desktop';
-import '@alfalab/core-components-input-autocomplete/esm/desktop';
-import '@alfalab/core-components-select/esm/desktop';
-import './components/base-international-phone-input/Component.js';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '@alfalab/core-components-select/esm/shared';
-import './utils/index.js';
-import '@alfalab/core-components-shared/esm';
-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/select-field/component.js';
-import '@alfalab/hooks';
-import '@alfalab/core-components-input/esm/mobile';
-import '@alfalab/core-components-input-autocomplete/esm/mobile';
-import '@alfalab/core-components-select/esm/mobile';
 
 var InternationalPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue"]);

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

@@ -6,17 +6,8 @@ import { useMaskito } from '@maskito/react';
 import { BaseOption } from '@alfalab/core-components-select/esm/shared';
 import { initCountries, findCountry, filterPhones, createMaskOptions, getClear, getPhoneData } from '../../utils/index.js';
 import { CountrySelect } from '../country-select/Component.js';
-import '@alfalab/core-components-shared/esm';
-import '../../consts.js';
-import '../../data/country-data.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/component.js';
-import 'classnames';
-import '../flag-icon/flagSprite.js';
-import '../select-field/component.js';
-import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_qs477","addons":"international-phone-input__addons_qs477"};
+var styles = {"component":"international-phone-input__component_1ql2c","addons":"international-phone-input__addons_1ql2c"};
 require('./index.css')
 
 var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {
@@ -82,20 +73,13 @@ var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {
     var renderCountrySelect = function (compact) {
         var _a;
         if (compact === void 0) { compact = false; }
-        return (React.createElement(CountrySelect, __assign({}, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
-    };
-    var inputProps = {
-        className: styles.component,
-        ref: mergeRefs([maskRef, ref, inputRef]),
-        wrapperRef: inputWrapperRef,
-        addonsClassName: styles.addons,
-        type: 'tel',
-        clear: getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode),
+        return (React.createElement(CountrySelect, __assign({ dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }, countrySelectProps, { view: view, SelectComponent: SelectComponent, disabled: disabled || (countrySelectProps === null || countrySelectProps === void 0 ? void 0 : countrySelectProps.disabled), onChange: handleSelectCountry, country: country, countries: compact ? [] : countriesData, fieldWidth: (_a = inputWrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width })));
     };
+    var inputProps = __assign({ className: styles.component, ref: mergeRefs([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles.addons, type: 'tel', clear: getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
     return Array.isArray(options) ? (React.createElement(InputAutocomplete, __assign({ closeOnSelect: true, Option: BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (event, _a) {
             var phone = _a.value;
             return updatePhoneData(phone, event);
-        }, inputProps: __assign(__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: __assign({ className: inputProps.className, addonsClassName: inputProps.addonsClassName }, (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React.createElement(Input, __assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+        }, inputProps: __assign(__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: __assign(__assign(__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React.createElement(Input, __assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 export { BaseInternationalPhoneInput };

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

@@ -1,5 +1,5 @@
-/* hash: 11st0 */
+/* hash: qky8l */
 
-    .international-phone-input__component_qs477 .international-phone-input__addons_qs477 {
+    .international-phone-input__component_1ql2c .international-phone-input__addons_1ql2c {
         padding-left: 0;
     }

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

@@ -1,18 +1 @@
 export { BaseInternationalPhoneInput } from './Component.js';
-import 'tslib';
-import 'react';
-import 'react-merge-refs';
-import '@maskito/core';
-import '@maskito/react';
-import '@alfalab/core-components-select/esm/shared';
-import '../../utils/index.js';
-import '@alfalab/core-components-shared/esm';
-import '../../consts.js';
-import '../../data/country-data.js';
-import '../country-select/Component.js';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/component.js';
-import 'classnames';
-import '../flag-icon/flagSprite.js';
-import '../select-field/component.js';
-import '@alfalab/hooks';

package/esm/components/country-select/Component.js

@@ -5,12 +5,8 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
 import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import { FlagIcon } from '../flag-icon/component.js';
 import { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field/component.js';
-import 'classnames';
-import '../flag-icon/flagSprite.js';
-import 'react-merge-refs';
-import '@alfalab/hooks';
 
-var styles = {"component":"international-phone-input__component_o5szj","option":"international-phone-input__option_o5szj","flag":"international-phone-input__flag_o5szj","countryName":"international-phone-input__countryName_o5szj","dialCode":"international-phone-input__dialCode_o5szj","flagIconWrapper":"international-phone-input__flagIconWrapper_o5szj","emptyCountryIcon":"international-phone-input__emptyCountryIcon_o5szj"};
+var styles = {"component":"international-phone-input__component_1oi9d","option":"international-phone-input__option_1oi9d","flag":"international-phone-input__flag_1oi9d","countryName":"international-phone-input__countryName_1oi9d","dialCode":"international-phone-input__dialCode_1oi9d","flagIconWrapper":"international-phone-input__flagIconWrapper_1oi9d","emptyCountryIcon":"international-phone-input__emptyCountryIcon_1oi9d"};
 require('./index.css')
 
 var CountrySelect = function (_a) {

package/esm/components/country-select/index.css

@@ -1,4 +1,4 @@
-/* hash: 1buos */
+/* hash: 12p5y */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47);
@@ -18,29 +18,29 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .international-phone-input__component_o5szj {
+} .international-phone-input__component_1oi9d {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
-} .international-phone-input__option_o5szj {
+} .international-phone-input__option_1oi9d {
     display: flex;
     align-items: flex-start;
     padding: var(--gap-s);
-} .international-phone-input__flag_o5szj {
+} .international-phone-input__flag_1oi9d {
     flex-shrink: 0;
     margin-right: var(--gap-xs);
-} .international-phone-input__countryName_o5szj {
+} .international-phone-input__countryName_1oi9d {
     margin-right: var(--gap-xs);
-} .international-phone-input__dialCode_o5szj {
+} .international-phone-input__dialCode_1oi9d {
     color: var(--color-light-text-secondary);
-} .international-phone-input__flagIconWrapper_o5szj {
+} .international-phone-input__flagIconWrapper_1oi9d {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 24px;
     height: 24px;
     margin-left: var(--gap-s);
-} .international-phone-input__emptyCountryIcon_o5szj {
+} .international-phone-input__emptyCountryIcon_1oi9d {
     color: var(--color-light-neutral-translucent-700);
 }

package/esm/components/country-select/index.js

@@ -1,12 +1 @@
 export { CountrySelect } from './Component.js';
-import 'tslib';
-import 'react';
-import '@alfalab/core-components-select/esm/shared';
-import '@alfalab/core-components-shared/esm';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/component.js';
-import 'classnames';
-import '../flag-icon/flagSprite.js';
-import '../select-field/component.js';
-import 'react-merge-refs';
-import '@alfalab/hooks';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { flagSprite } from './flagSprite.js';
 
-var styles = {"flagIcon":"international-phone-input__flagIcon_1gyt4","flagPlaceholder":"international-phone-input__flagPlaceholder_1gyt4"};
+var styles = {"flagIcon":"international-phone-input__flagIcon_137ee","flagPlaceholder":"international-phone-input__flagPlaceholder_137ee"};
 require('./index.css')
 
 /**

package/esm/components/flag-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1prd5 */
+/* hash: 1ywvz */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-3xs: 2px;
 } :root {
 } :root {
-} .international-phone-input__flagIcon_1gyt4 {
+} .international-phone-input__flagIcon_137ee {
     max-width: 24px;
     max-height: 24px;
-} .international-phone-input__flagPlaceholder_1gyt4 {
+} .international-phone-input__flagPlaceholder_137ee {
     width: 24px;
     height: 16px;
     max-height: 16px;