@alfalab/core-components 44.5.1 → 44.6.0

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

@@ -8,14 +8,14 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/modern/shared';
+import '../utils/index.js';
 import '../../../shared/modern';
+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 '../utils/index.js';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/flag-icon/flagSprite.js';

package/international-phone-input/modern/index-8566963f.d.ts

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

package/international-phone-input/modern/{index-202ae1dc.d.ts → index-c241b310.d.ts}

@@ -1,2 +1,2 @@
 export { Button } from "./Component.responsive-8566963f";
-export type { ButtonProps } from "./typings-202ae1dc";
+export type { ButtonProps } from "./typings-c241b310";

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

@@ -10,18 +10,18 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../select/modern/shared';
+import './utils/index.js';
 import '../../shared/modern';
+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 './mobile/Component.mobile.js';
 import '../../input/modern/mobile';
 import '../../input-autocomplete/modern/mobile';
 import '../../select/modern/mobile';
-import './utils/index.js';
-import './consts.js';
-import './data/country-data.js';
-import './components/flag-icon/flagSprite.js';

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

@@ -7,17 +7,17 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/modern/shared';
+import '../utils/index.js';
 import '../../../shared/modern';
+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 '../utils/index.js';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/flag-icon/flagSprite.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 })));
 

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

@@ -8,14 +8,14 @@ import 'react-merge-refs';
 import '@maskito/core';
 import '@maskito/react';
 import '../../../select/modern/shared';
+import '../utils/index.js';
 import '../../../shared/modern';
+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 '../utils/index.js';
-import '../consts.js';
-import '../data/country-data.js';
-import '../components/flag-icon/flagSprite.js';

package/international-phone-input/modern/shared/index.d.ts

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

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

@@ -0,0 +1,5 @@
+export { getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds } from '../utils/index.js';
+import '../../../select/modern/shared';
+import '../../../shared/modern';
+import '../consts.js';
+import '../data/country-data.js';

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

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

package/international-phone-input/modern/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 "../../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/international-phone-input/modern/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/international-phone-input/modern/utils/index.js

@@ -1,5 +1,5 @@
 import { isGroup } from '../../../select/modern/shared';
-import { maskUtils } from '../../../shared/modern';
+import { maskUtils, getDataTestId } from '../../../shared/modern';
 import { DEFAULT_PHONE_FORMAT } from '../consts.js';
 import { countriesData } from '../data/country-data.js';
 
@@ -180,5 +180,64 @@ function getClear(clear, clearableCountryCode, value = '', countryCode = '') {
         ? trimmedValue !== '' && trimmedValue !== '+'
         : trimmedValue.length > countryCode.length + 1;
 }
+function getInternationalPhoneInputDesktopTestIds(dataTestId) {
+    return {
+        fieldAutocompleteWrapper: dataTestId,
+        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: 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: 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: 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'),
+    };
+}
 
-export { clearMask, createMaskOptions, createPhoneMaskExpression, filterPhones, findCountry, getClear, getPhoneData, guessCountry, initCountries };
+export { clearMask, createMaskOptions, createPhoneMaskExpression, filterPhones, findCountry, getClear, getInternationalPhoneInputDesktopTestIds, getInternationalPhoneInputMobileTestIds, getPhoneData, guessCountry, initCountries };

package/international-phone-input/modern/{utils-d2597f31.d.ts → 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/international-phone-input/shared/index.d.ts

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

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

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

package/international-phone-input/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/international-phone-input/{typings-202ae1dc.d.ts → typings-c241b310.d.ts}

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

package/international-phone-input/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 "../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/international-phone-input/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/international-phone-input/utils/index.js

@@ -188,6 +188,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;
@@ -195,6 +254,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/international-phone-input/{utils-d2597f31.d.ts → 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/intl-phone-input/component.js

@@ -14,10 +14,6 @@ require('@alfalab/hooks');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
 var components_select_component = require('./components/select/component.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
-require('./components/flag-icon/flagSprite.js');
-require('../select/desktop');
-require('../select/shared');
-require('./components/select-field/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -43,7 +39,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_19nep","l":"intl-phone-input__l_19nep","xl":"intl-phone-input__xl_19nep","flagIconWrapper":"intl-phone-input__flagIconWrapper_19nep","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_19nep"};
+var styles = {"addons":"intl-phone-input__addons_1c5yc","l":"intl-phone-input__l_1c5yc","xl":"intl-phone-input__xl_1c5yc","flagIconWrapper":"intl-phone-input__flagIconWrapper_1c5yc","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1c5yc"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();

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

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_imppq","flagPlaceholder":"intl-phone-input__flagPlaceholder_imppq"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1citq","flagPlaceholder":"intl-phone-input__flagPlaceholder_1citq"};
 require('./index.css');
 
 /**