@alfalab/core-components 44.7.0-beta.0 → 44.7.0-beta.1

package/gallery/modern/components/navigation-bar/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-4029172e.js';
+import '../../slide-438e6913.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/components/navigation-bar/index.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-4029172e.js';
+import '../../slide-438e6913.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-4029172e.js';
+import './slide-438e6913.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-030cc857.js';
+import './buttons-30fa8a5d.js';

package/input-autocomplete/autocomplete-field/Component.js

@@ -28,11 +28,10 @@ var AutocompleteField = function (_a) {
             inputRef.current.focus();
         }
     }, [onClick]);
-    var handleInput = function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); };
     return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
             innerProps.ref,
             inputProps.wrapperRef,
-        ]), ref: mergeRefs__default.default([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: handleInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,
+        ]), ref: mergeRefs__default.default([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,
             inputProps.rightAddons,
             Arrow && (React__default.default.createElement("span", { className: cn__default.default(styles.arrow, (_b = {},
                     _b[styles.error] = error,

package/input-autocomplete/cssm/autocomplete-field/Component.js

@@ -27,11 +27,10 @@ var AutocompleteField = function (_a) {
             inputRef.current.focus();
         }
     }, [onClick]);
-    var handleInput = function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); };
     return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
             innerProps.ref,
             inputProps.wrapperRef,
-        ]), ref: mergeRefs__default.default([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: handleInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,
+        ]), ref: mergeRefs__default.default([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,
             inputProps.rightAddons,
             Arrow && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.arrow, (_b = {},
                     _b[styles__default.default.error] = error,

package/input-autocomplete/cssm/mobile/Component.mobile.js

@@ -27,7 +27,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
     var frozenValue = React.useRef('');
     var searchInputRef = React.useRef(null);
     var targetRef = React.useRef(null);
-    var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current); };
+    var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(null, { value: frozenValue.current }); };
     var setModalVisibility = function (isOpen) {
         if (isOpen) {
             frozenValue.current = value || '';
@@ -82,7 +82,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
         }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
             value: value,
             filterFn: utils.searchFilterStub,
-            componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles__default.default.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); } }),
+            componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles__default.default.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: onInput }),
         }, Search: Input, ref: mergeRefs__default.default([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: isOpen ? frozenValue.current : value, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined }, restProps.fieldProps) })));
 });
 

package/input-autocomplete/cssm/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefAttributes } from 'react';
+import { ChangeEvent, FC, RefAttributes } from 'react';
 import { InputProps } from "../../input";
 import { BaseSelectProps, BottomSheetSelectMobileProps } from "../../select/shared";
 interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
@@ -25,7 +25,9 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
     /**
      * Обработчик ввода
      */
-    onInput?: (value: string) => void;
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: string;
+    }) => void;
 }
 type MobileProps = {
     /**

package/input-autocomplete/esm/autocomplete-field/Component.js

@@ -20,11 +20,10 @@ var AutocompleteField = function (_a) {
             inputRef.current.focus();
         }
     }, [onClick]);
-    var handleInput = function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); };
     return (React.createElement(Input, __assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs([
             innerProps.ref,
             inputProps.wrapperRef,
-        ]), ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: handleInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
+        ]), ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
             inputProps.rightAddons,
             Arrow && (React.createElement("span", { className: cn(styles.arrow, (_b = {},
                     _b[styles.error] = error,

package/input-autocomplete/esm/mobile/Component.mobile.js

@@ -23,7 +23,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
     var frozenValue = useRef('');
     var searchInputRef = useRef(null);
     var targetRef = useRef(null);
-    var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current); };
+    var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(null, { value: frozenValue.current }); };
     var setModalVisibility = function (isOpen) {
         if (isOpen) {
             frozenValue.current = value || '';
@@ -78,7 +78,7 @@ var InputAutocompleteMobile = React.forwardRef(function (_a, ref) {
         }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
             value: value,
             filterFn: searchFilterStub,
-            componentProps: __assign(__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); } }),
+            componentProps: __assign(__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: onInput }),
         }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: __assign({ footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: __assign({ value: isOpen ? frozenValue.current : value, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined }, restProps.fieldProps) })));
 });
 

package/input-autocomplete/esm/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefAttributes } from 'react';
+import { ChangeEvent, FC, RefAttributes } from 'react';
 import { InputProps } from "../../input";
 import { BaseSelectProps, BottomSheetSelectMobileProps } from "../../select/shared";
 interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
@@ -25,7 +25,9 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
     /**
      * Обработчик ввода
      */
-    onInput?: (value: string) => void;
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: string;
+    }) => void;
 }
 type MobileProps = {
     /**

package/input-autocomplete/mobile/Component.mobile.js

@@ -28,7 +28,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
     var frozenValue = React.useRef('');
     var searchInputRef = React.useRef(null);
     var targetRef = React.useRef(null);
-    var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(frozenValue.current); };
+    var restorePrevValue = function () { return onInput === null || onInput === void 0 ? void 0 : onInput(null, { value: frozenValue.current }); };
     var setModalVisibility = function (isOpen) {
         if (isOpen) {
             frozenValue.current = value || '';
@@ -83,7 +83,7 @@ var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, re
         }), { dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
             value: value,
             filterFn: utils.searchFilterStub,
-            componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: function (_, payload) { return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value); } }),
+            componentProps: tslib.__assign(tslib.__assign({ leftAddons: null, placeholder: placeholder }, inputProps), { className: cn__default.default(styles.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className), clear: clear, ref: mergeRefs__default.default([searchInputRef, inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref]), onChange: onInput }),
         }, Search: Input, ref: mergeRefs__default.default([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: tslib.__assign({ footer: (React__default.default.createElement(shared.Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })) }, restProps.optionsListProps), fieldProps: tslib.__assign({ value: isOpen ? frozenValue.current : value, clear: clear, onClear: clear ? inputProps === null || inputProps === void 0 ? void 0 : inputProps.onClear : undefined }, restProps.fieldProps) })));
 });
 

package/input-autocomplete/modern/autocomplete-field/Component.js

@@ -17,11 +17,10 @@ const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arro
             inputRef.current.focus();
         }
     }, [onClick]);
-    const handleInput = (_, payload) => onInput?.(payload.value);
     return (React.createElement(Input, { dataTestId: dataTestId, ...inputProps, ...innerProps, wrapperRef: mergeRefs([
             innerProps.ref,
             inputProps.wrapperRef,
-        ]), ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: handleInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
+        ]), ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,
             inputProps.rightAddons,
             Arrow && (React.createElement("span", { className: cn(styles.arrow, {
                     [styles.error]: error,

package/input-autocomplete/modern/mobile/Component.mobile.js

@@ -19,7 +19,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
     const frozenValue = useRef('');
     const searchInputRef = useRef(null);
     const targetRef = useRef(null);
-    const restorePrevValue = () => onInput?.(frozenValue.current);
+    const restorePrevValue = () => onInput?.(null, { value: frozenValue.current });
     const setModalVisibility = (isOpen) => {
         if (isOpen) {
             frozenValue.current = value || '';
@@ -80,7 +80,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow =
                 className: cn(styles.input, inputProps?.className),
                 clear,
                 ref: mergeRefs([searchInputRef, inputProps?.ref]),
-                onChange: (_, payload) => onInput?.(payload.value),
+                onChange: onInput,
             },
         }, Search: Input, ref: mergeRefs([targetRef, ref]), open: isOpen, onOpen: handleOpen, Arrow: Arrow, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, optionsListProps: {
             footer: (React.createElement(Footer, { showClear: true, handleClear: handleCancel, handleApply: handleApply, clearText: '\u041E\u0442\u043C\u0435\u043D\u0430', applyText: '\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C', dataTestId: dataTestId })),

package/input-autocomplete/modern/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefAttributes } from 'react';
+import { ChangeEvent, FC, RefAttributes } from 'react';
 import { InputProps } from "../../input";
 import { BaseSelectProps, BottomSheetSelectMobileProps } from "../../select/shared";
 interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
@@ -25,7 +25,9 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
     /**
      * Обработчик ввода
      */
-    onInput?: (value: string) => void;
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: string;
+    }) => void;
 }
 type MobileProps = {
     /**

package/input-autocomplete/types.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefAttributes } from 'react';
+import { ChangeEvent, FC, RefAttributes } from 'react';
 import { InputProps } from "../input";
 import { BaseSelectProps, BottomSheetSelectMobileProps } from "../select/shared";
 interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomplete' | 'Field' | 'nativeSelect' | 'searchProps' | 'showSearch' | 'Search'> {
@@ -25,7 +25,9 @@ interface InputAutocompleteCommonProps extends Omit<BaseSelectProps, 'autocomple
     /**
      * Обработчик ввода
      */
-    onInput?: (value: string) => void;
+    onInput?: (event: ChangeEvent<HTMLInputElement> | null, payload: {
+        value: string;
+    }) => void;
 }
 type MobileProps = {
     /**

package/international-phone-input/Component.responsive.d.ts

@@ -9,7 +9,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
@@ -28,7 +30,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

package/international-phone-input/components/base-international-phone-input/Component.d.ts

@@ -11,7 +11,9 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("../../typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

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

@@ -34,43 +34,43 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var maskOptions = React.useMemo(function () { return utils_index.createMaskOptions(country, clearableCountryCode); }, [country, clearableCountryCode]);
     var maskRef = react.useMaskito({ options: maskOptions });
-    var changeNumber = function (phone) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(phone);
+    var changeNumber = function (e, phone) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, { value: phone });
     };
-    var updatePhoneData = function (phone) {
+    var updatePhoneData = function (phone, e) {
         var _a = utils_index.getPhoneData(phone, countriesData, defaultIso2), nextCountry = _a.nextCountry, nextPhone = _a.nextPhone;
         if (nextCountry !== country) {
             handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         }
-        changeNumber(nextPhone);
+        changeNumber(e, nextPhone);
     };
     var handleSelectCountry = function (_a) {
         var selected = _a.selected;
         var nextCountry = selected === null || selected === void 0 ? void 0 : selected.value;
         handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         if (nextCountry) {
-            changeNumber("+".concat(nextCountry.dialCode));
+            changeNumber(null, "+".concat(nextCountry.dialCode));
         }
         requestAnimationFrame(function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
     };
     var handleOptionSelect = function (payload) {
         var _a;
-        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions));
+        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions), null);
     };
     var handleInput = function (e) {
-        updatePhoneData(e.target.value);
+        updatePhoneData(e.target.value, e);
     };
     var handleClear = function (event) {
         var _a, _b;
         (_b = (_a = restProps.inputProps) === null || _a === void 0 ? void 0 : _a.onClear) === null || _b === void 0 ? void 0 : _b.call(_a, event);
         var countryCode = (country === null || country === void 0 ? void 0 : country.countryCode) || '';
-        changeNumber(clearableCountryCode ? '' : "+".concat(countryCode));
+        changeNumber(null, clearableCountryCode ? '' : "+".concat(countryCode));
     };
     React.useEffect(function () {
         if (value) {
             var newValue = core.maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue);
+                updatePhoneData(newValue, null);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -81,7 +81,10 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__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 = tslib.__assign({ className: styles.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
-    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.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: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 exports.BaseInternationalPhoneInput = BaseInternationalPhoneInput;

package/international-phone-input/cssm/Component.responsive.d.ts

@@ -9,7 +9,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
@@ -28,7 +30,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts

@@ -11,7 +11,9 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("../../typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

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

@@ -33,43 +33,43 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var maskOptions = React.useMemo(function () { return utils_index.createMaskOptions(country, clearableCountryCode); }, [country, clearableCountryCode]);
     var maskRef = react.useMaskito({ options: maskOptions });
-    var changeNumber = function (phone) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(phone);
+    var changeNumber = function (e, phone) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, { value: phone });
     };
-    var updatePhoneData = function (phone) {
+    var updatePhoneData = function (phone, e) {
         var _a = utils_index.getPhoneData(phone, countriesData, defaultIso2), nextCountry = _a.nextCountry, nextPhone = _a.nextPhone;
         if (nextCountry !== country) {
             handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         }
-        changeNumber(nextPhone);
+        changeNumber(e, nextPhone);
     };
     var handleSelectCountry = function (_a) {
         var selected = _a.selected;
         var nextCountry = selected === null || selected === void 0 ? void 0 : selected.value;
         handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         if (nextCountry) {
-            changeNumber("+".concat(nextCountry.dialCode));
+            changeNumber(null, "+".concat(nextCountry.dialCode));
         }
         requestAnimationFrame(function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
     };
     var handleOptionSelect = function (payload) {
         var _a;
-        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions));
+        updatePhoneData(core.maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions), null);
     };
     var handleInput = function (e) {
-        updatePhoneData(e.target.value);
+        updatePhoneData(e.target.value, e);
     };
     var handleClear = function (event) {
         var _a, _b;
         (_b = (_a = restProps.inputProps) === null || _a === void 0 ? void 0 : _a.onClear) === null || _b === void 0 ? void 0 : _b.call(_a, event);
         var countryCode = (country === null || country === void 0 ? void 0 : country.countryCode) || '';
-        changeNumber(clearableCountryCode ? '' : "+".concat(countryCode));
+        changeNumber(null, clearableCountryCode ? '' : "+".concat(countryCode));
     };
     React.useEffect(function () {
         if (value) {
             var newValue = core.maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue);
+                updatePhoneData(newValue, null);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -80,7 +80,10 @@ var BaseInternationalPhoneInput = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(components_countrySelect_Component.CountrySelect, tslib.__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 = tslib.__assign({ className: styles__default.default.component, ref: mergeRefs__default.default([maskRef, ref, inputRef]), wrapperRef: inputWrapperRef, addonsClassName: styles__default.default.addons, type: 'tel', clear: utils_index.getClear(clearProp, clearableCountryCode, value, country === null || country === void 0 ? void 0 : country.countryCode) }, restProps.inputProps);
-    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.BaseOption, size: size }, restProps, { disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: function (phone) { return updatePhoneData(phone); }, inputProps: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
+    return Array.isArray(options) ? (React__default.default.createElement(InputAutocomplete, tslib.__assign({ closeOnSelect: true, Option: shared.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: tslib.__assign(tslib.__assign({}, inputProps), { onClear: handleClear, onInput: handleInput, leftAddons: renderCountrySelect(view === 'mobile') }), fieldProps: tslib.__assign(tslib.__assign(tslib.__assign({}, restProps.fieldProps), { className: inputProps.className, addonsClassName: inputProps.addonsClassName }), (view === 'mobile' ? { leftAddons: renderCountrySelect() } : null)) }))) : (React__default.default.createElement(Input, tslib.__assign({}, restProps, inputProps, { onClear: inputProps.clear ? handleClear : undefined, leftAddons: renderCountrySelect(), size: size, onInput: handleInput, value: value, disabled: disabled })));
 });
 
 exports.BaseInternationalPhoneInput = BaseInternationalPhoneInput;

package/international-phone-input/cssm/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, FC, FocusEvent } from 'react';
+import { ChangeEvent, ElementType, FC, FocusEvent } from 'react';
 import { InputProps } from "../../input";
 import { InputDesktopProps } from "../../input/desktop";
 import { InputMobileProps } from "../../input/mobile";
@@ -57,7 +57,9 @@ type CommonPhoneInputProps = {
     /**
      *  Обработчик изменения номера
      */
-    onChange?: (phone: string) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void;
     /**
      * Обработчик блюра поля
      */

package/international-phone-input/esm/Component.responsive.d.ts

@@ -9,7 +9,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {
@@ -28,7 +30,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("./typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: import("./types").Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

package/international-phone-input/esm/components/base-international-phone-input/Component.d.ts

@@ -11,7 +11,9 @@ declare const BaseInternationalPhoneInput: React.ForwardRefExoticComponent<{
     clear?: boolean | undefined;
     filterFn?: ((value: string | undefined, option: import("../../typings-c29389e5").OptionShape) => boolean) | undefined;
     onCountryChange?: ((country?: Country | undefined) => void) | undefined;
-    onChange?: ((phone: string) => void) | undefined;
+    onChange?: ((e: React.ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void) | undefined;
     onBlur?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
     onFocus?: ((event: React.FocusEvent<HTMLDivElement | HTMLInputElement, Element>) => void) | undefined;
 } & {

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

@@ -36,43 +36,43 @@ var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {
     };
     var maskOptions = useMemo(function () { return createMaskOptions(country, clearableCountryCode); }, [country, clearableCountryCode]);
     var maskRef = useMaskito({ options: maskOptions });
-    var changeNumber = function (phone) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(phone);
+    var changeNumber = function (e, phone) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, { value: phone });
     };
-    var updatePhoneData = function (phone) {
+    var updatePhoneData = function (phone, e) {
         var _a = getPhoneData(phone, countriesData, defaultIso2), nextCountry = _a.nextCountry, nextPhone = _a.nextPhone;
         if (nextCountry !== country) {
             handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         }
-        changeNumber(nextPhone);
+        changeNumber(e, nextPhone);
     };
     var handleSelectCountry = function (_a) {
         var selected = _a.selected;
         var nextCountry = selected === null || selected === void 0 ? void 0 : selected.value;
         handleCountryChange === null || handleCountryChange === void 0 ? void 0 : handleCountryChange(nextCountry);
         if (nextCountry) {
-            changeNumber("+".concat(nextCountry.dialCode));
+            changeNumber(null, "+".concat(nextCountry.dialCode));
         }
         requestAnimationFrame(function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
     };
     var handleOptionSelect = function (payload) {
         var _a;
-        updatePhoneData(maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions));
+        updatePhoneData(maskitoTransform(typeof payload === 'string' ? payload : ((_a = payload.selected) === null || _a === void 0 ? void 0 : _a.key) || '', maskOptions), null);
     };
     var handleInput = function (e) {
-        updatePhoneData(e.target.value);
+        updatePhoneData(e.target.value, e);
     };
     var handleClear = function (event) {
         var _a, _b;
         (_b = (_a = restProps.inputProps) === null || _a === void 0 ? void 0 : _a.onClear) === null || _b === void 0 ? void 0 : _b.call(_a, event);
         var countryCode = (country === null || country === void 0 ? void 0 : country.countryCode) || '';
-        changeNumber(clearableCountryCode ? '' : "+".concat(countryCode));
+        changeNumber(null, clearableCountryCode ? '' : "+".concat(countryCode));
     };
     useEffect(function () {
         if (value) {
             var newValue = maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue);
+                updatePhoneData(newValue, null);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -83,7 +83,10 @@ var BaseInternationalPhoneInput = forwardRef(function (_a, ref) {
         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 (phone) { return updatePhoneData(phone); }, 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 })));
+    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(__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/international-phone-input/esm/types.d.ts

@@ -1,4 +1,4 @@
-import { ElementType, FC, FocusEvent } from 'react';
+import { ChangeEvent, ElementType, FC, FocusEvent } from 'react';
 import { InputProps } from "../../input";
 import { InputDesktopProps } from "../../input/desktop";
 import { InputMobileProps } from "../../input/mobile";
@@ -57,7 +57,9 @@ type CommonPhoneInputProps = {
     /**
      *  Обработчик изменения номера
      */
-    onChange?: (phone: string) => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement> | null, { value }: {
+        value: string;
+    }) => void;
     /**
      * Обработчик блюра поля
      */