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

package/international-phone-input/modern/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/modern/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/modern/components/base-international-phone-input/Component.js

@@ -32,40 +32,40 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, c
     };
     const maskOptions = useMemo(() => createMaskOptions(country, clearableCountryCode), [country, clearableCountryCode]);
     const maskRef = useMaskito({ options: maskOptions });
-    const changeNumber = (phone) => {
-        onChange?.(phone);
+    const changeNumber = (e, phone) => {
+        onChange?.(e, { value: phone });
     };
-    const updatePhoneData = (phone) => {
+    const updatePhoneData = (phone, e) => {
         const { nextCountry, nextPhone } = getPhoneData(phone, countriesData, defaultIso2);
         if (nextCountry !== country) {
             handleCountryChange?.(nextCountry);
         }
-        changeNumber(nextPhone);
+        changeNumber(e, nextPhone);
     };
     const handleSelectCountry = ({ selected }) => {
         const nextCountry = selected?.value;
         handleCountryChange?.(nextCountry);
         if (nextCountry) {
-            changeNumber(`+${nextCountry.dialCode}`);
+            changeNumber(null, `+${nextCountry.dialCode}`);
         }
         requestAnimationFrame(() => inputRef.current?.focus());
     };
     const handleOptionSelect = (payload) => {
-        updatePhoneData(maskitoTransform(typeof payload === 'string' ? payload : payload.selected?.key || '', maskOptions));
+        updatePhoneData(maskitoTransform(typeof payload === 'string' ? payload : payload.selected?.key || '', maskOptions), null);
     };
     const handleInput = (e) => {
-        updatePhoneData(e.target.value);
+        updatePhoneData(e.target.value, e);
     };
     const handleClear = (event) => {
         restProps.inputProps?.onClear?.(event);
         const countryCode = country?.countryCode || '';
-        changeNumber(clearableCountryCode ? '' : `+${countryCode}`);
+        changeNumber(null, clearableCountryCode ? '' : `+${countryCode}`);
     };
     useEffect(() => {
         if (value) {
             const newValue = maskitoTransform(value, maskOptions);
             if (value !== newValue) {
-                updatePhoneData(newValue);
+                updatePhoneData(newValue, null);
             }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -80,7 +80,7 @@ const BaseInternationalPhoneInput = forwardRef(({ clearableCountryCode, value, c
         clear: getClear(clearProp, clearableCountryCode, value, country?.countryCode),
         ...restProps.inputProps,
     };
-    return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: (phone) => updatePhoneData(phone), inputProps: {
+    return Array.isArray(options) ? (React.createElement(InputAutocomplete, { closeOnSelect: true, Option: BaseOption, size: size, ...restProps, disabled: disabled, options: filteredOptions, value: value, onChange: handleOptionSelect, onInput: (event, { value: phone }) => updatePhoneData(phone, event), inputProps: {
             ...inputProps,
             onClear: handleClear,
             onInput: handleInput,

package/international-phone-input/modern/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/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/intl-phone-input/component.js

@@ -155,9 +155,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleInputChange = function (newValue) {
-        setCountryByDialCodeWithLengthCheck(newValue);
-        changePhone(addCountryCode(newValue));
+    var handleInputChange = function (_, payload) {
+        setCountryByDialCodeWithLengthCheck(payload.value);
+        changePhone(addCountryCode(payload.value));
     };
     var handleSelectChange = function (_a) {
         var selected = _a.selected;

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

@@ -155,9 +155,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleInputChange = function (newValue) {
-        setCountryByDialCodeWithLengthCheck(newValue);
-        changePhone(addCountryCode(newValue));
+    var handleInputChange = function (_, payload) {
+        setCountryByDialCodeWithLengthCheck(payload.value);
+        changePhone(addCountryCode(payload.value));
     };
     var handleSelectChange = function (_a) {
         var selected = _a.selected;

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

@@ -133,9 +133,9 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
             }
         }
     };
-    var handleInputChange = function (newValue) {
-        setCountryByDialCodeWithLengthCheck(newValue);
-        changePhone(addCountryCode(newValue));
+    var handleInputChange = function (_, payload) {
+        setCountryByDialCodeWithLengthCheck(payload.value);
+        changePhone(addCountryCode(payload.value));
     };
     var handleSelectChange = function (_a) {
         var selected = _a.selected;

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

@@ -130,9 +130,9 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
             }
         }
     };
-    const handleInputChange = (newValue) => {
-        setCountryByDialCodeWithLengthCheck(newValue);
-        changePhone(addCountryCode(newValue));
+    const handleInputChange = (_, payload) => {
+        setCountryByDialCodeWithLengthCheck(payload.value);
+        changePhone(addCountryCode(payload.value));
     };
     const handleSelectChange = ({ selected }) => {
         if (selected) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "44.7.0-beta.0",
+  "version": "44.7.0-beta.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -68,7 +68,7 @@
     "classnames": "^2.3.1",
     "compute-scroll-into-view": "^3.1.0",
     "date-fns": "^2.16.1",
-    "downshift": "^8.2.2",
+    "downshift": "^8.3.1",
     "element-closest": "^3.0.2",
     "intersection-observer": "^0.12.0",
     "libphonenumber-js": "^1.10.30",

package/pure-cell/component.js

@@ -6,7 +6,7 @@ require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
-var components_addon_component = require('./component-8965c1f1.js');
+var components_addon_component = require('./component-ba329973.js');
 
 
 

package/pure-cell/components/addon/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/addon/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/amount/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/amount/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/amount-title/component.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../../../amount');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/amount-title/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/category/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/category/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/content/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/content/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/footer/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/footer/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/footer-button/component.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../button');
 require('../../../shared');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/footer-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/footer-text/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/footer-text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/graphics/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/graphics/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/main/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../shared');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/main/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/text/component.js

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../../shared');
 require('../../../typography');
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-8965c1f1";
+export * from "../../component-ba329973";

package/pure-cell/components/text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('../../component-8965c1f1.js');
+var components_addon_component = require('../../component-ba329973.js');
 
 
 

package/pure-cell/esm/component.js

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../comment/esm';
 import '@alfalab/hooks';
-export { P as PureCell, f as PureCellContext } from './component-991fe90e.js';
+export { P as PureCell, f as PureCellContext } from './component-8dcf2e94.js';
 import '../../shared/esm';
 import '../../amount/esm';
 import '../../typography/esm';

package/pure-cell/esm/components/addon/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { A as Addon } from '../../component-991fe90e.js';
+export { A as Addon } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-991fe90e";
+export * from "../../component-8dcf2e94";

package/pure-cell/esm/components/addon/index.js

@@ -1,4 +1,4 @@
-export { A as Addon } from '../../component-991fe90e.js';
+export { A as Addon } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount/component.js

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { a as Amount } from '../../component-991fe90e.js';
+export { a as Amount } from '../../component-8dcf2e94.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-991fe90e";
+export * from "../../component-8dcf2e94";

package/pure-cell/esm/components/amount/index.js

@@ -1,4 +1,4 @@
-export { a as Amount } from '../../component-991fe90e.js';
+export { a as Amount } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/amount-title/component.js

@@ -4,7 +4,7 @@ import 'classnames';
 import '../../../../amount/esm';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { b as AmountTitle } from '../../component-991fe90e.js';
+export { b as AmountTitle } from '../../component-8dcf2e94.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';

package/pure-cell/esm/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-991fe90e";
+export * from "../../component-8dcf2e94";

package/pure-cell/esm/components/amount-title/index.js

@@ -1,4 +1,4 @@
-export { b as AmountTitle } from '../../component-991fe90e.js';
+export { b as AmountTitle } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/category/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/esm';
 import '../../../../typography/esm';
-export { C as Category } from '../../component-991fe90e.js';
+export { C as Category } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/esm/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-991fe90e";
+export * from "../../component-8dcf2e94";

package/pure-cell/esm/components/category/index.js

@@ -1,4 +1,4 @@
-export { C as Category } from '../../component-991fe90e.js';
+export { C as Category } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { c as Content } from '../../component-991fe90e.js';
+export { c as Content } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-991fe90e";
+export * from "../../component-8dcf2e94";

package/pure-cell/esm/components/content/index.js

@@ -1,4 +1,4 @@
-export { c as Content } from '../../component-991fe90e.js';
+export { c as Content } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/components/footer/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/esm';
-export { F as Footer } from '../../component-991fe90e.js';
+export { F as Footer } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react-merge-refs';
 import '../../../../comment/esm';

package/pure-cell/esm/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-991fe90e";
+export * from "../../component-8dcf2e94";

package/pure-cell/esm/components/footer/index.js

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-991fe90e.js';
+export { F as Footer } from '../../component-8dcf2e94.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';