@alfalab/core-components 45.8.0-beta.5 → 45.9.0-beta.0

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

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_elbtb","error":"input-autocomplete__error_elbtb"};
+var styles = {"arrow":"input-autocomplete__arrow_1cmwe","error":"input-autocomplete__error_1cmwe"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: hr1t6 */
-.input-autocomplete__arrow_elbtb.input-autocomplete__error_elbtb ~ * {
+/* hash: m6pio */
+.input-autocomplete__arrow_1cmwe.input-autocomplete__error_1cmwe ~ * {
     display: none;
 }

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

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_ami7t","field":"input-autocomplete__field_ami7t","disabled":"input-autocomplete__disabled_ami7t","placeholder":"input-autocomplete__placeholder_ami7t","contentWrapper":"input-autocomplete__contentWrapper_ami7t","value":"input-autocomplete__value_ami7t","focusVisible":"input-autocomplete__focusVisible_ami7t"};
+var styles = {"component":"input-autocomplete__component_1bm1o","field":"input-autocomplete__field_1bm1o","disabled":"input-autocomplete__disabled_1bm1o","placeholder":"input-autocomplete__placeholder_1bm1o","contentWrapper":"input-autocomplete__contentWrapper_1bm1o","value":"input-autocomplete__value_1bm1o","focusVisible":"input-autocomplete__focusVisible_1bm1o"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

package/input-autocomplete/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: gl8w5 */
+/* hash: c5l6n */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_ami7t {
+} .input-autocomplete__component_1bm1o {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_ami7t:not(.input-autocomplete__disabled_ami7t) {
+} .input-autocomplete__field_1bm1o:not(.input-autocomplete__disabled_1bm1o) {
     cursor: pointer;
-} .input-autocomplete__disabled_ami7t {
+} .input-autocomplete__disabled_1bm1o {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_ami7t {
+} .input-autocomplete__placeholder_1bm1o {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_ami7t {
+} .input-autocomplete__contentWrapper_1bm1o {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_ami7t {
+} .input-autocomplete__value_1bm1o {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_ami7t {
+} .input-autocomplete__focusVisible_1bm1o {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1,20 +1,30 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '../../mq/cssm';
+import { InputAutocompleteDesktop } from './desktop/Component.desktop.js';
+import { InputAutocompleteMobile } from './mobile/Component.mobile.js';
+import './mobile/Component.modal.mobile.js';
+import '../../popover/cssm';
+import '../../select/cssm/shared';
+import './autocomplete-field/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../input/cssm/desktop';
+import './enums.js';
+import './autocomplete-field/index.module.css';
+import 'lodash.throttle';
+import '../../select/cssm/mobile';
+import './autocomplete-mobile-field/Component.js';
+import '../../form-control/cssm/mobile';
+import '../../input/cssm/shared';
+import '../../shared/cssm';
+import '@alfalab/hooks';
+import './autocomplete-mobile-field/index.module.css';
+import './utils.js';
+import './mobile/mobile.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('../../mq/cssm');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-require('./mobile/Component.modal.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var InputAutocomplete = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? true : _c, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "mobileProps"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
+const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue = true, mobileProps, ...restProps }, ref) => {
+    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
+    return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
 });
 
-exports.InputAutocomplete = InputAutocomplete;
+export { InputAutocomplete };

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

@@ -1,44 +1,30 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useRef, useCallback } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { InputDesktop } from '../../../input/cssm/desktop';
+import { OnInputReason } from '../enums.js';
+import styles from './index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var desktop = require('../../../input/cssm/desktop');
-var enums = require('../enums.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var AutocompleteField = function (_a) {
-    var _b;
-    var label = _a.label, _c = _a.labelView, labelView = _c === void 0 ? 'inner' : _c, placeholder = _a.placeholder, size = _a.size, Arrow = _a.Arrow, _d = _a.Input, Input = _d === void 0 ? desktop.InputDesktop : _d, value = _a.value, error = _a.error, success = _a.success, hint = _a.hint, disabled = _a.disabled, readOnly = _a.readOnly, onInput = _a.onInput, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, innerProps = _a.innerProps, dataTestId = _a.dataTestId;
-    var inputRef = React.useRef(null);
-    var onClick = innerProps.onClick, onFocus = innerProps.onFocus;
-    var inputDisabled = disabled || readOnly;
-    var handleClick = React.useCallback(function (event) {
+const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {
+    const inputRef = useRef(null);
+    const { onClick, onFocus } = innerProps;
+    const inputDisabled = disabled || readOnly;
+    const handleClick = useCallback((event) => {
         if (onClick)
             onClick(event);
         if (inputRef.current) {
             inputRef.current.focus();
         }
     }, [onClick]);
-    var handleInput = function (_, payload) {
-        return onInput === null || onInput === void 0 ? void 0 : onInput(payload.value, enums.OnInputReason.Change);
-    };
-    return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
+    const handleInput = (_, payload) => onInput?.(payload.value, OnInputReason.Change);
+    return (React.createElement(Input, { dataTestId: dataTestId, ...inputProps, ...innerProps, wrapperRef: mergeRefs([
             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([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,
             inputProps.rightAddons,
-            Arrow && (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.arrow, (_b = {},
-                    _b[styles__default.default.error] = error,
-                    _b)) }, Arrow)))) })));
+            Arrow && (React.createElement("span", { className: cn(styles.arrow, {
+                    [styles.error]: error,
+                }) }, Arrow)))) }));
 };
 
-exports.AutocompleteField = AutocompleteField;
+export { AutocompleteField };

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

@@ -1,7 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var autocompleteField_Component = require('./Component.js');
-
-
-
-exports.AutocompleteField = autocompleteField_Component.AutocompleteField;
+export { AutocompleteField } from './Component.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../input/cssm/desktop';
+import '../enums.js';
+import './index.module.css';

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

@@ -1,43 +1,32 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useState, useRef } from 'react';
+import cn from 'classnames';
+import { FormControlMobile } from '../../../form-control/cssm/mobile';
+import { ClearButton } from '../../../input/cssm/shared';
+import { getDataTestId } from '../../../shared/cssm';
+import { useFocus } from '@alfalab/hooks';
+import styles from './index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var mobile = require('../../../form-control/cssm/mobile');
-var shared = require('../../../input/cssm/shared');
-var coreComponentsShared = require('../../../shared/cssm');
-var hooks = require('@alfalab/hooks');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var AutocompleteMobileField = function (_a) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? 56 : _c, open = _a.open, disabled = _a.disabled, value = _a.value, innerProps = _a.innerProps, dataTestId = _a.dataTestId, fieldClassName = _a.fieldClassName, _d = _a.labelView, labelView = _d === void 0 ? 'inner' : _d, placeholder = _a.placeholder, Arrow = _a.Arrow; _a.valueRenderer; _a.toggleMenu; _a.setSelectedItems; _a.selectedMultiple; _a.FormControlComponent; var rightAddons = _a.rightAddons, error = _a.error, readOnly = _a.readOnly, clear = _a.clear, onClear = _a.onClear; _a.onInput; var _e = _a.colors, colors = _e === void 0 ? 'default' : _e, restProps = tslib.__rest(_a, ["size", "open", "disabled", "value", "innerProps", "dataTestId", "fieldClassName", "labelView", "placeholder", "Arrow", "valueRenderer", "toggleMenu", "setSelectedItems", "selectedMultiple", "FormControlComponent", "rightAddons", "error", "readOnly", "clear", "onClear", "onInput", "colors"]);
-    var _f = React.useState(false), focused = _f[0], setFocused = _f[1];
-    var wrapperRef = React.useRef(null);
-    var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
-    var filled = Boolean(value);
-    var showPlaceholder = placeholder && !filled && labelView === 'outer';
-    var clearButtonVisible = clear && filled && !disabled && !readOnly;
-    var tabIndex = innerProps.tabIndex, restInnerProps = tslib.__rest(innerProps, ["tabIndex"]);
-    return (React__default.default.createElement("div", { className: styles__default.default.component, ref: wrapperRef, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); } },
-        React__default.default.createElement(mobile.FormControlMobile, tslib.__assign({ fieldClassName: cn__default.default(styles__default.default.field, fieldClassName, (_b = {},
-                _b[styles__default.default.disabled] = disabled,
-                _b[styles__default.default.focusVisible] = focusVisible,
-                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control'), 
+const AutocompleteMobileField = ({ size = 56, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView = 'inner', placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, rightAddons, error, readOnly, clear, onClear, onInput, colors = 'default', ...restProps }) => {
+    const [focused, setFocused] = useState(false);
+    const wrapperRef = useRef(null);
+    const [focusVisible] = useFocus(wrapperRef, 'keyboard');
+    const filled = Boolean(value);
+    const showPlaceholder = placeholder && !filled && labelView === 'outer';
+    const clearButtonVisible = clear && filled && !disabled && !readOnly;
+    const { tabIndex, ...restInnerProps } = innerProps;
+    return (React.createElement("div", { className: styles.component, ref: wrapperRef, onFocus: () => setFocused(true), onBlur: () => setFocused(false) },
+        React.createElement(FormControlMobile, { fieldClassName: cn(styles.field, fieldClassName, {
+                [styles.disabled]: disabled,
+                [styles.focusVisible]: focusVisible,
+            }), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, dataTestId: getDataTestId(dataTestId, 'form-control'), 
             // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус
-            tabIndex: open ? undefined : tabIndex }, restProps, restInnerProps, { readOnly: readOnly, colors: colors, error: error, rightAddons: (Arrow || rightAddons || clearButtonVisible) && (React__default.default.createElement(React__default.default.Fragment, null,
-                clearButtonVisible && (React__default.default.createElement(shared.ClearButton, { onClick: onClear, disabled: disabled, colors: colors })),
+            tabIndex: open ? undefined : tabIndex, ...restProps, ...restInnerProps, readOnly: readOnly, colors: colors, error: error, rightAddons: (Arrow || rightAddons || clearButtonVisible) && (React.createElement(React.Fragment, null,
+                clearButtonVisible && (React.createElement(ClearButton, { onClick: onClear, disabled: disabled, colors: colors })),
                 rightAddons,
-                Arrow)) }),
-            React__default.default.createElement("div", { className: styles__default.default.contentWrapper },
-                showPlaceholder && React__default.default.createElement("span", { className: styles__default.default.placeholder }, placeholder),
-                filled && React__default.default.createElement("div", { className: styles__default.default.value }, value)))));
+                Arrow)) },
+            React.createElement("div", { className: styles.contentWrapper },
+                showPlaceholder && React.createElement("span", { className: styles.placeholder }, placeholder),
+                filled && React.createElement("div", { className: styles.value }, value)))));
 };
 
-exports.AutocompleteMobileField = AutocompleteMobileField;
+export { AutocompleteMobileField };

package/input-autocomplete/cssm/autocomplete-mobile-field/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var autocompleteMobileField_Component = require('./Component.js');
-
-
-
-exports.AutocompleteMobileField = autocompleteMobileField_Component.AutocompleteMobileField;
+export { AutocompleteMobileField } from './Component.js';
+import 'react';
+import 'classnames';
+import '../../../form-control/cssm/mobile';
+import '../../../input/cssm/shared';
+import '../../../shared/cssm';
+import '@alfalab/hooks';
+import './index.module.css';

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

@@ -1,18 +1,21 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { Popover } from '../../../popover/cssm';
+import { BaseSelect, OptionsList, Optgroup, Option } from '../../../select/cssm/shared';
+import { AutocompleteField } from '../autocomplete-field/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../input/cssm/desktop';
+import '../enums.js';
+import '../autocomplete-field/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsPopover = require('../../../popover/cssm');
-var shared = require('../../../select/cssm/shared');
-var autocompleteField_Component = require('../autocomplete-field/Component.js');
+const InputAutocompleteDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Input, inputProps = {}, onInput, value, success, readOnly, closeOnSelect = false, options, ...restProps }, ref) => (React.createElement(BaseSelect, { view: 'desktop', Popover: Popover, ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, Optgroup: Optgroup$1, OptionsList: OptionsList$1, ...restProps, fieldProps: {
+        ...restProps.fieldProps,
+        Input,
+        onInput,
+        value,
+        inputProps,
+        readOnly,
+        success,
+    } })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var InputAutocompleteDesktop = React.forwardRef(function (_a, ref) {
-    var _b = _a.OptionsList, OptionsList = _b === void 0 ? shared.OptionsList : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, _d = _a.Option, Option = _d === void 0 ? shared.Option : _d, Input = _a.Input, _e = _a.inputProps, inputProps = _e === void 0 ? {} : _e, onInput = _a.onInput, value = _a.value, success = _a.success, readOnly = _a.readOnly, _f = _a.closeOnSelect, closeOnSelect = _f === void 0 ? false : _f, options = _a.options, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "Input", "inputProps", "onInput", "value", "success", "readOnly", "closeOnSelect", "options"]);
-    return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({ view: 'desktop', Popover: coreComponentsPopover.Popover, ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option, Field: autocompleteField_Component.AutocompleteField, Optgroup: Optgroup, OptionsList: OptionsList }, restProps, { fieldProps: tslib.__assign(tslib.__assign({}, restProps.fieldProps), { Input: Input, onInput: onInput, value: value, inputProps: inputProps, readOnly: readOnly, success: success }) })));
-});
-
-exports.InputAutocompleteDesktop = InputAutocompleteDesktop;
+export { InputAutocompleteDesktop };

package/input-autocomplete/cssm/desktop/index.js

@@ -1,7 +1,10 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.InputAutocompleteDesktop = desktop_Component_desktop.InputAutocompleteDesktop;
+export { InputAutocompleteDesktop } from './Component.desktop.js';
+import 'react';
+import '../../../popover/cssm';
+import '../../../select/cssm/shared';
+import '../autocomplete-field/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../input/cssm/desktop';
+import '../enums.js';
+import '../autocomplete-field/index.module.css';

package/input-autocomplete/cssm/enums.js

@@ -1,7 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-exports.OnInputReason = void 0;
+var OnInputReason;
 (function (OnInputReason) {
     OnInputReason["Close"] = "close";
     OnInputReason["Change"] = "change";
-})(exports.OnInputReason || (exports.OnInputReason = {}));
+})(OnInputReason || (OnInputReason = {}));
+
+export { OnInputReason };

package/input-autocomplete/cssm/index.js

@@ -1,7 +1,24 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-
-
-
-exports.InputAutocomplete = Component_responsive.InputAutocomplete;
+export { InputAutocomplete } from './Component.responsive.js';
+import 'react';
+import '../../mq/cssm';
+import './desktop/Component.desktop.js';
+import '../../popover/cssm';
+import '../../select/cssm/shared';
+import './autocomplete-field/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../input/cssm/desktop';
+import './enums.js';
+import './autocomplete-field/index.module.css';
+import './mobile/Component.mobile.js';
+import 'lodash.throttle';
+import '../../select/cssm/mobile';
+import './autocomplete-mobile-field/Component.js';
+import '../../form-control/cssm/mobile';
+import '../../input/cssm/shared';
+import '../../shared/cssm';
+import '@alfalab/hooks';
+import './autocomplete-mobile-field/index.module.css';
+import './utils.js';
+import './mobile/mobile.module.css';
+import './mobile/Component.modal.mobile.js';

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

@@ -1,90 +1,96 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useState, useRef, useMemo } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import throttle from 'lodash.throttle';
+import { SelectMobile, SelectModalMobile } from '../../../select/cssm/mobile';
+import { Footer } from '../../../select/cssm/shared';
+import { AutocompleteMobileField } from '../autocomplete-mobile-field/Component.js';
+import { OnInputReason } from '../enums.js';
+import { searchFilterStub } from '../utils.js';
+import styles from './mobile.module.css';
+import '../../../form-control/cssm/mobile';
+import '../../../input/cssm/shared';
+import '../../../shared/cssm';
+import '@alfalab/hooks';
+import '../autocomplete-mobile-field/index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var throttle = require('lodash.throttle');
-var mobile = require('../../../select/cssm/mobile');
-var shared = require('../../../select/cssm/shared');
-var autocompleteMobileField_Component = require('../autocomplete-mobile-field/Component.js');
-var enums = require('../enums.js');
-var utils = require('../utils.js');
-var styles = require('./mobile.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var InputAutocompleteMobile = React__default.default.forwardRef(function (_a, ref) {
-    var _b;
-    var _c;
-    var Input = _a.Input, value = _a.value, name = _a.name, _d = _a.Arrow, Arrow = _d === void 0 ? null : _d, label = _a.label, _e = _a.placeholder, placeholder = _e === void 0 ? '' : _e, _f = _a.size, size = _f === void 0 ? 48 : _f, openProp = _a.open, onInput = _a.onInput, onOpen = _a.onOpen, multiple = _a.multiple, inputProps = _a.inputProps, _g = _a.isBottomSheet, isBottomSheet = _g === void 0 ? true : _g, dataTestId = _a.dataTestId, transitionProps = _a.transitionProps, onCancel = _a.onCancel, onApply = _a.onApply, title = _a.title, restProps = tslib.__rest(_a, ["Input", "value", "name", "Arrow", "label", "placeholder", "size", "open", "onInput", "onOpen", "multiple", "inputProps", "isBottomSheet", "dataTestId", "transitionProps", "onCancel", "onApply", "title"]);
-    var _h = React.useState(false), open = _h[0], setOpen = _h[1];
-    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, enums.OnInputReason.Close); };
-    var setModalVisibility = function (isOpen) {
+const InputAutocompleteMobile = React.forwardRef(({ Input, value, name, Arrow = null, label, placeholder = '', size = 48, open: openProp, onInput, onOpen, multiple, inputProps, isBottomSheet = true, dataTestId, transitionProps, onCancel, onApply, title, ...restProps }, ref) => {
+    const [open, setOpen] = useState(false);
+    const frozenValue = useRef('');
+    const searchInputRef = useRef(null);
+    const targetRef = useRef(null);
+    const restorePrevValue = () => onInput?.(frozenValue.current, OnInputReason.Close);
+    const setModalVisibility = (isOpen) => {
         if (isOpen) {
             frozenValue.current = value || '';
         }
         if (openProp === undefined) {
             setOpen(isOpen);
         }
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen({ open: isOpen, name: name });
+        onOpen?.({ open: isOpen, name });
     };
-    var handleOpen = function (payload) {
+    const handleOpen = (payload) => {
         setModalVisibility(Boolean(payload.open));
     };
-    var handleOptionsListTouchMove = React.useMemo(function () {
-        return throttle__default.default(function () {
-            var input = searchInputRef.current;
-            if (input && document.activeElement === input) {
-                input.blur();
-            }
-        }, 300);
-    }, []);
-    var handleApply = function () {
+    const handleOptionsListTouchMove = useMemo(() => throttle(() => {
+        const input = searchInputRef.current;
+        if (input && document.activeElement === input) {
+            input.blur();
+        }
+    }, 300), []);
+    const handleApply = () => {
         setModalVisibility(false);
-        onApply === null || onApply === void 0 ? void 0 : onApply();
+        onApply?.();
     };
-    var handleCancel = function () {
+    const handleCancel = () => {
         setModalVisibility(false);
         restorePrevValue();
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+        onCancel?.();
     };
-    var handleExiting = function (node) {
-        var _a, _b;
-        (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        (_b = transitionProps === null || transitionProps === void 0 ? void 0 : transitionProps.onExiting) === null || _b === void 0 ? void 0 : _b.call(transitionProps, node);
+    const handleExiting = (node) => {
+        targetRef.current?.focus();
+        transitionProps?.onExiting?.(node);
     };
-    var isOpen = Boolean(open || openProp);
-    var Component = isBottomSheet ? mobile.SelectMobile : mobile.SelectModalMobile;
-    var componentProps = (_b = {
-            title: title || label || placeholder,
-            onClose: restorePrevValue,
-            transitionProps: tslib.__assign(tslib.__assign({}, transitionProps), { onExiting: handleExiting })
+    const isOpen = Boolean(open || openProp);
+    const Component = isBottomSheet ? SelectMobile : SelectModalMobile;
+    const componentProps = {
+        title: title || label || placeholder,
+        onClose: restorePrevValue,
+        transitionProps: {
+            ...transitionProps,
+            onExiting: handleExiting,
         },
-        _b[isBottomSheet ? 'containerProps' : 'componentDivProps'] = {
+        [isBottomSheet ? 'containerProps' : 'componentDivProps']: {
             onTouchMove: handleOptionsListTouchMove,
         },
-        _b);
-    var clear = (_c = inputProps === null || inputProps === void 0 ? void 0 : inputProps.clear) !== null && _c !== void 0 ? _c : false;
-    return (React__default.default.createElement(Component, tslib.__assign({ Field: autocompleteMobileField_Component.AutocompleteMobileField }, restProps, (isBottomSheet
-        ? { bottomSheetProps: componentProps }
-        : {
-            modalProps: componentProps,
-            modalHeaderProps: { title: title },
-        }), { 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, enums.OnInputReason.Change); } }),
-        }, 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) })));
+    };
+    const clear = inputProps?.clear ?? false;
+    return (React.createElement(Component, { Field: AutocompleteMobileField, ...restProps, ...(isBottomSheet
+            ? { bottomSheetProps: componentProps }
+            : {
+                modalProps: componentProps,
+                modalHeaderProps: { title },
+            }), dataTestId: dataTestId, useWithApplyHook: false, showSearch: true, searchProps: {
+            value,
+            filterFn: searchFilterStub,
+            componentProps: {
+                leftAddons: null,
+                placeholder,
+                ...inputProps,
+                className: cn(styles.input, inputProps?.className),
+                clear,
+                ref: mergeRefs([searchInputRef, inputProps?.ref]),
+                onChange: (_, payload) => onInput?.(payload.value, OnInputReason.Change),
+            },
+        }, 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 })),
+            ...restProps.optionsListProps,
+        }, fieldProps: {
+            value: isOpen ? frozenValue.current : value,
+            clear,
+            onClear: clear ? inputProps?.onClear : undefined,
+            ...restProps.fieldProps,
+        } }));
 });
 
-exports.InputAutocompleteMobile = InputAutocompleteMobile;
+export { InputAutocompleteMobile };

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

@@ -1,13 +1,20 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import { InputAutocompleteMobile } from './Component.mobile.js';
+import 'react-merge-refs';
+import 'classnames';
+import 'lodash.throttle';
+import '../../../select/cssm/mobile';
+import '../../../select/cssm/shared';
+import '../autocomplete-mobile-field/Component.js';
+import '../../../form-control/cssm/mobile';
+import '../../../input/cssm/shared';
+import '../../../shared/cssm';
+import '@alfalab/hooks';
+import '../autocomplete-mobile-field/index.module.css';
+import '../enums.js';
+import '../utils.js';
+import './mobile.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var mobile_Component_mobile = require('./Component.mobile.js');
+const InputAutocompleteModalMobile = React.forwardRef((props, ref) => React.createElement(InputAutocompleteMobile, { ...props, ref: ref, isBottomSheet: false }));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var InputAutocompleteModalMobile = React__default.default.forwardRef(function (props, ref) { return React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, props, { ref: ref, isBottomSheet: false })); });
-
-exports.InputAutocompleteModalMobile = InputAutocompleteModalMobile;
+export { InputAutocompleteModalMobile };