@alfalab/core-components 27.5.0-beta.1 → 27.5.0-beta.2

package/gallery/components/index.js

@@ -11,7 +11,7 @@ require('../utils/utils.js');
 require('../utils/constants.js');
 require('../../typography');
 require('./header-info-block/Component.js');
-require('../tslib.es6-3ff42cef.js');
+require('../tslib.es6-9c472b66.js');
 require('../../icon-button');
 require('../../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -26,7 +26,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('../slide-4ec64746.js');
+require('../slide-febfc588.js');
 var components_imageViewer_component = require('./image-viewer/component.js');
 
 

package/gallery/cssm/components/image-viewer/component.js

@@ -96,7 +96,7 @@ var ImageViewer = function () {
     }, [swiper, fullScreen, initialSlide, handleSlideChange, setSwiper]);
     var showControls = !singleSlide && !fullScreen;
     var swiperWidth = (swiper === null || swiper === void 0 ? void 0 : swiper.width) || 1;
-    var swiperHeight = (swiper === null || swiper === void 0 ? void 0 : swiper.height) || 1;
+    var swiperHeight = (swiper === null || swiper === void 0 ? void 0 : swiper.height) || (swiper === null || swiper === void 0 ? void 0 : swiper.width) || 1;
     var swiperAspectRatio = swiperWidth / swiperHeight;
     var currentImage = getCurrentImage();
     return (

package/gallery/cssm/index.module.css

@@ -16,5 +16,6 @@
 .modal {
     flex-grow: 1;
     width: 100%;
+    height: 100%;
     background: transparent;
 }

package/gallery/esm/Component.js

@@ -10,7 +10,7 @@ import { NavigationBar } from './components/navigation-bar/Component.js';
 import './utils/split-filename.js';
 import '../../typography/esm';
 import './components/header-info-block/Component.js';
-import './tslib.es6-1a892a15.js';
+import './tslib.es6-4b0559b9.js';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -25,7 +25,7 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-077f2d7e.js';
+import './slide-3ba91942.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
 var styles = {"container":"gallery__container_1qccd","modal":"gallery__modal_1qccd"};

package/gallery/esm/components/header/Component.js

@@ -5,7 +5,7 @@ import { TestIds } from '../../utils/constants.js';
 import '../../utils/split-filename.js';
 import '../../../../typography/esm';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import '../../tslib.es6-1a892a15.js';
+import '../../tslib.es6-4b0559b9.js';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';

package/gallery/esm/components/header/buttons.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as __rest, _ as __assign } from '../../tslib.es6-1a892a15.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-4b0559b9.js';
 import { IconButton } from '../../../../icon-button/esm';
 import { Tooltip } from '../../../../tooltip/esm';
 import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';

package/gallery/esm/components/header/index.js

@@ -5,7 +5,7 @@ import '../../utils/constants.js';
 import '../../utils/split-filename.js';
 import '../../../../typography/esm';
 import '../header-info-block/Component.js';
-import '../../tslib.es6-1a892a15.js';
+import '../../tslib.es6-4b0559b9.js';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';

package/gallery/esm/components/image-viewer/component.js

@@ -5,14 +5,14 @@ import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import '../../../../typography/esm';
-import { _ as __assign } from '../../tslib.es6-1a892a15.js';
+import { _ as __assign } from '../../tslib.es6-4b0559b9.js';
 import SwiperCore, { EffectFade, A11y, Controller } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import elementClosest from 'element-closest';
 import 'swiper/swiper.min.css';
 import { ChevronBackHeavyMIcon } from '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import { s as styles, S as Slide } from '../../slide-077f2d7e.js';
+import { s as styles, S as Slide } from '../../slide-3ba91942.js';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 var ImageViewer = function () {
@@ -85,7 +85,7 @@ var ImageViewer = function () {
     }, [swiper, fullScreen, initialSlide, handleSlideChange, setSwiper]);
     var showControls = !singleSlide && !fullScreen;
     var swiperWidth = (swiper === null || swiper === void 0 ? void 0 : swiper.width) || 1;
-    var swiperHeight = (swiper === null || swiper === void 0 ? void 0 : swiper.height) || 1;
+    var swiperHeight = (swiper === null || swiper === void 0 ? void 0 : swiper.height) || (swiper === null || swiper === void 0 ? void 0 : swiper.width) || 1;
     var swiperAspectRatio = swiperWidth / swiperHeight;
     var currentImage = getCurrentImage();
     return (

package/gallery/esm/components/image-viewer/index.js

@@ -5,12 +5,12 @@ import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/esm';
-import '../../tslib.es6-1a892a15.js';
+import '../../tslib.es6-4b0559b9.js';
 import 'swiper';
 import 'swiper/react';
 import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-077f2d7e.js';
+import '../../slide-3ba91942.js';
 export { ImageViewer } from './component.js';

package/gallery/esm/components/image-viewer/slide.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/esm';
-export { S as Slide } from '../../slide-077f2d7e.js';
+export { S as Slide } from '../../slide-3ba91942.js';

package/gallery/esm/components/index.js

@@ -9,7 +9,7 @@ export { NavigationBar } from './navigation-bar/Component.js';
 import '../utils/split-filename.js';
 import '../../../typography/esm';
 import './header-info-block/Component.js';
-import '../tslib.es6-1a892a15.js';
+import '../tslib.es6-4b0559b9.js';
 import '../../../icon-button/esm';
 import '../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -24,5 +24,5 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-077f2d7e.js';
+import '../slide-3ba91942.js';
 export { ImageViewer } from './image-viewer/component.js';

package/gallery/esm/index.css

@@ -17,5 +17,6 @@
 .gallery__modal_1qccd {
     flex-grow: 1;
     width: 100%;
+    height: 100%;
     background: transparent;
 }

package/gallery/esm/index.js

@@ -10,7 +10,7 @@ import './components/navigation-bar/Component.js';
 export { splitFilename } from './utils/split-filename.js';
 import '../../typography/esm';
 import './components/header-info-block/Component.js';
-import './tslib.es6-1a892a15.js';
+import './tslib.es6-4b0559b9.js';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -25,6 +25,6 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-077f2d7e.js';
+import './slide-3ba91942.js';
 import './components/image-viewer/component.js';
 export { Gallery } from './Component.js';

package/gallery/index.css

@@ -17,5 +17,6 @@
 .gallery__modal_1qccd {
     flex-grow: 1;
     width: 100%;
+    height: 100%;
     background: transparent;
 }

package/gallery/index.js

@@ -12,7 +12,7 @@ var utils_utils = require('./utils/utils.js');
 var utils_constants = require('./utils/constants.js');
 require('../typography');
 require('./components/header-info-block/Component.js');
-require('./tslib.es6-3ff42cef.js');
+require('./tslib.es6-9c472b66.js');
 require('../icon-button');
 require('../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -27,7 +27,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-4ec64746.js');
+require('./slide-febfc588.js');
 require('./components/image-viewer/component.js');
 var Component = require('./Component.js');
 

package/gallery/modern/Component.js

@@ -24,7 +24,7 @@ import '../../icon-button/modern';
 import '../../tooltip/modern';
 import './components/header/buttons.js';
 import { Header } from './components/header/Component.js';
-import './slide-2ca52914.js';
+import './slide-865cf04c.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
 var styles = {"container":"gallery__container_1qccd","modal":"gallery__modal_1qccd"};

package/gallery/modern/components/image-viewer/component.js

@@ -11,7 +11,7 @@ import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import { TestIds } from '../../utils/constants.js';
 import '../../../../typography/modern';
-import { s as styles, S as Slide } from '../../slide-2ca52914.js';
+import { s as styles, S as Slide } from '../../slide-865cf04c.js';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 const ImageViewer = () => {
@@ -79,7 +79,7 @@ const ImageViewer = () => {
     }), [swiper, fullScreen, initialSlide, handleSlideChange, setSwiper]);
     const showControls = !singleSlide && !fullScreen;
     const swiperWidth = swiper?.width || 1;
-    const swiperHeight = swiper?.height || 1;
+    const swiperHeight = swiper?.height || swiper?.width || 1;
     const swiperAspectRatio = swiperWidth / swiperHeight;
     const currentImage = getCurrentImage();
     return (

package/gallery/modern/components/image-viewer/index.js

@@ -11,5 +11,5 @@ import '../../context.js';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/modern';
-import '../../slide-2ca52914.js';
+import '../../slide-865cf04c.js';
 export { ImageViewer } from './component.js';

package/gallery/modern/components/image-viewer/slide.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../utils/utils.js';
 import '../../utils/constants.js';
 import '../../../../typography/modern';
-export { S as Slide } from '../../slide-2ca52914.js';
+export { S as Slide } from '../../slide-865cf04c.js';

package/gallery/modern/components/index.js

@@ -23,5 +23,5 @@ import '../../../icon-button/modern';
 import '../../../tooltip/modern';
 import './header/buttons.js';
 export { Header } from './header/Component.js';
-import '../slide-2ca52914.js';
+import '../slide-865cf04c.js';
 export { ImageViewer } from './image-viewer/component.js';

package/gallery/modern/index.css

@@ -17,5 +17,6 @@
 .gallery__modal_1qccd {
     flex-grow: 1;
     width: 100%;
+    height: 100%;
     background: transparent;
 }

package/gallery/modern/index.js

@@ -24,6 +24,6 @@ import '../../icon-button/modern';
 import '../../tooltip/modern';
 import './components/header/buttons.js';
 import './components/header/Component.js';
-import './slide-2ca52914.js';
+import './slide-865cf04c.js';
 import './components/image-viewer/component.js';
 export { Gallery } from './Component.js';

package/intl-phone-input/component.d.ts

@@ -34,7 +34,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     clearableCountryCode?: boolean;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "error" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-e1246f94.js');
+var components_selectField_component = require('./component-d3f3fb37.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -27,9 +27,8 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
-    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -82,7 +81,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = React.useCallback(function () {
         // prettier-ignore
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-4aa7d56f.js'); })
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-c58dc584.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -140,12 +139,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    React.useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-e1246f94.js');
+var components_selectField_component = require('../component-d3f3fb37.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-e1246f94.js');
+var components_selectField_component = require('../../component-d3f3fb37.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-e1246f94.js');
+require('../../component-d3f3fb37.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-e1246f94.js');
+var components_selectField_component = require('../../component-d3f3fb37.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-e1246f94";
+export * from "../../component-d3f3fb37";

package/intl-phone-input/components/select-field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-e1246f94.js');
+var components_selectField_component = require('../../component-d3f3fb37.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -29,9 +29,8 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
-    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -142,12 +141,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    React.useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import { _ as __rest, a as __assign } from './component-09d8ae3e.js';
+import { _ as __rest, a as __assign } from './component-ef1434b1.js';
 import { getCountriesHash, getCountries } from '@alfalab/utils';
 import { InputAutocomplete } from '../../input-autocomplete/esm';
 import '../../select/esm';
@@ -20,9 +20,8 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = __rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
-    var _l = useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = useRef(null);
-    var _m = useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _l = useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
     var phoneLibUtils = useRef();
     var setCountryByIso2 = useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -75,7 +74,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = useCallback(function () {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9c36b30c.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-61838ac7.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -133,12 +132,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 export { FlagIcon } from './flag-icon/component.js';
-export { S as SelectField } from '../component-09d8ae3e.js';
+export { S as SelectField } from '../component-ef1434b1.js';
 import '../../../select/esm';
 export { CountriesSelect } from './select/component.js';

package/intl-phone-input/esm/components/select/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
-import { a as __assign, S as SelectField } from '../../component-09d8ae3e.js';
+import { a as __assign, S as SelectField } from '../../component-ef1434b1.js';
 import { VirtualOptionsList, Select } from '../../../../select/esm';
 
 var styles = {"component":"intl-phone-input__component_19bc0","option":"intl-phone-input__option_19bc0","flag":"intl-phone-input__flag_19bc0","countryName":"intl-phone-input__countryName_19bc0","dialCode":"intl-phone-input__dialCode_19bc0"};

package/intl-phone-input/esm/components/select/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-import '../../component-09d8ae3e.js';
+import '../../component-ef1434b1.js';
 import '../../../../select/esm';
 export { CountriesSelect } from './component.js';

package/intl-phone-input/esm/components/select-field/component.js

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-09d8ae3e.js';
+export { S as SelectField } from '../../component-ef1434b1.js';

package/intl-phone-input/esm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-09d8ae3e";
+export * from "../../component-ef1434b1";

package/intl-phone-input/esm/components/select-field/index.js

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-09d8ae3e.js';
+export { S as SelectField } from '../../component-ef1434b1.js';

package/intl-phone-input/esm/index.js

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import './component-09d8ae3e.js';
+import './component-ef1434b1.js';
 import '@alfalab/utils';
 import '../../input-autocomplete/esm';
 import '../../select/esm';

package/intl-phone-input/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-e1246f94.js');
+require('./component-d3f3fb37.js');
 require('react');
 require('classnames');
 require('@alfalab/utils');