@alfalab/core-components-input-autocomplete 12.9.0 → 12.9.1-snapshot-1393ffa

package/Component.responsive.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('@alfalab/core-components-mq');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var 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 }; }
@@ -16,8 +16,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue", "mobileProps"]);
     var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
-    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 })));
+    return isDesktop ? (React__default.default.createElement(Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });
 InputAutocomplete.displayName = 'InputAutocomplete';
 
 exports.InputAutocomplete = InputAutocomplete;
+//# sourceMappingURL=Component.responsive.js.map

package/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { InputAutocompleteDesktop } from './desktop';\nimport { InputAutocompleteMobile } from './mobile';\nimport { InputAutocompleteProps } from './types';\n\nexport const InputAutocomplete = forwardRef<\n    HTMLInputElement | HTMLDivElement,\n    InputAutocompleteProps\n>(\n    (\n        {\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            mobileProps,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <InputAutocompleteDesktop {...restProps} ref={ref as React.Ref<HTMLInputElement>} />\n        ) : (\n            <InputAutocompleteMobile {...restProps} {...mobileProps} ref={ref} />\n        );\n    },\n);\n\nInputAutocomplete.displayName = 'InputAutocomplete';\n"],"names":["forwardRef","__rest","useIsDesktop","React","InputAutocompleteDesktop","__assign","InputAutocompleteMobile"],"mappings":";;;;;;;;;;;;;;;IAQa,iBAAiB,GAAGA,gBAAU,CAIvC,UACI,EAMC,EACD,GAAG,EAAA;AANC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAChF,WAAW,GAAA,EAAA,CAAA,WAAA,EACR,SAAS,GAAAC,YAAA,CAAA,EAAA,EALhB,iEAMC,CADe;IAIhB,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,OAAO,SAAS,IACZC,sBAAA,CAAA,aAAA,CAACC,0CAAwB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAkC,EAAI,CAAA,CAAA,KAEpFF,sBAAC,CAAA,aAAA,CAAAG,wCAAuB,qBAAK,SAAS,EAAM,WAAW,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACxE;AACL,CAAC;AAGL,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/autocomplete-field/Component.js

@@ -8,6 +8,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var desktop = require('@alfalab/core-components-input/desktop');
 var enums = require('../enums.js');
+var index_module = require('./index.module.css.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -15,9 +16,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_1hlbt","error":"input-autocomplete__error_1hlbt"};
-require('./index.css')
-
 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;
@@ -39,9 +37,10 @@ var AutocompleteField = function (_a) {
             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,
             inputProps.rightAddons,
-            Arrow && (React__default.default.createElement("span", { className: cn__default.default(styles.arrow, (_b = {},
-                    _b[styles.error] = error,
+            Arrow && (React__default.default.createElement("span", { className: cn__default.default(index_module.arrow, (_b = {},
+                    _b[index_module.error] = error,
                     _b)) }, Arrow)))) })));
 };
 
 exports.AutocompleteField = AutocompleteField;
+//# sourceMappingURL=Component.js.map

package/autocomplete-field/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/autocomplete-field/Component.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { InputProps } from '@alfalab/core-components-input';\nimport { InputDesktop as DefaultInput } from '@alfalab/core-components-input/desktop';\nimport type { FieldProps } from '@alfalab/core-components-select/shared';\n\nimport { OnInputReason } from '../enums';\nimport { InputAutocompleteCommonProps } from '../types';\n\nimport styles from './index.module.css';\n\nexport type AutocompleteFieldProps = FieldProps &\n    Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;\n\nexport const AutocompleteField = ({\n    label,\n    labelView = 'inner',\n    placeholder,\n    size,\n    Arrow,\n    Input = DefaultInput,\n    value,\n    error,\n    success,\n    hint,\n    disabled,\n    readOnly,\n    onInput,\n    inputProps = {},\n    innerProps,\n    dataTestId,\n}: AutocompleteFieldProps) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const { onClick, onFocus } = innerProps;\n\n    const inputDisabled = disabled || readOnly;\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            if (onClick) onClick(event);\n\n            if (inputRef.current) {\n                inputRef.current.focus();\n            }\n        },\n        [onClick],\n    );\n\n    const handleInput: InputProps['onChange'] = (_, payload) =>\n        onInput?.(payload.value, OnInputReason.Change);\n\n    return (\n        <Input\n            dataTestId={dataTestId}\n            {...inputProps}\n            {...innerProps}\n            wrapperRef={mergeRefs([\n                innerProps.ref as React.Ref<HTMLElement>,\n                inputProps.wrapperRef as React.Ref<HTMLElement>,\n            ])}\n            ref={mergeRefs([inputRef, inputProps.ref as React.Ref<HTMLElement>])}\n            disabled={disabled}\n            readOnly={readOnly}\n            block={true}\n            label={label}\n            labelView={labelView}\n            placeholder={placeholder}\n            size={size}\n            error={error}\n            success={success}\n            hint={hint}\n            onChange={handleInput}\n            onClick={inputDisabled ? undefined : handleClick}\n            onFocus={inputDisabled ? undefined : onFocus}\n            autoComplete='off'\n            value={value}\n            rightAddons={\n                (Arrow || inputProps.rightAddons) && (\n                    <React.Fragment>\n                        {inputProps.rightAddons}\n                        {Arrow && (\n                            <span\n                                className={cn(styles.arrow, {\n                                    [styles.error]: error,\n                                })}\n                            >\n                                {Arrow}\n                            </span>\n                        )}\n                    </React.Fragment>\n                )\n            }\n        />\n    );\n};\n"],"names":["DefaultInput","useRef","useCallback","OnInputReason","React","__assign","mergeRefs","cn","styles"],"mappings":"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"}

package/autocomplete-field/index.css

@@ -1,4 +1,3 @@
-/* hash: oaqiy */
-.input-autocomplete__arrow_1hlbt.input-autocomplete__error_1hlbt ~ * {
+.input-autocomplete__arrow_14qlp.input-autocomplete__error_14qlp ~ * {
     display: none;
 }

package/autocomplete-field/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.AutocompleteField = autocompleteField_Component.AutocompleteField;
+exports.AutocompleteField = Component.AutocompleteField;
+//# sourceMappingURL=index.js.map

package/autocomplete-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/autocomplete-field/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"arrow":"input-autocomplete__arrow_14qlp","error":"input-autocomplete__error_14qlp"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/autocomplete-field/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../src/autocomplete-field/index.module.css"],"sourcesContent":[".arrow.error ~ * {\n    display: none;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC,OAAO,CAAC,iCAAiC,CAAC;;;;"}

package/autocomplete-mobile-field/Component.js

@@ -10,15 +10,13 @@ var shared = require('@alfalab/core-components-input/shared');
 var coreComponentsShared = require('@alfalab/core-components-shared');
 var coreComponentsStatusBadge = require('@alfalab/core-components-status-badge');
 var hooks = require('@alfalab/hooks');
+var index_module = require('./index.module.css.js');
 
 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 = {"component":"input-autocomplete__component_367mt","field":"input-autocomplete__field_367mt","disabled":"input-autocomplete__disabled_367mt","errorIcon":"input-autocomplete__errorIcon_367mt","size-40":"input-autocomplete__size-40_367mt","successIcon":"input-autocomplete__successIcon_367mt","placeholder":"input-autocomplete__placeholder_367mt","contentWrapper":"input-autocomplete__contentWrapper_367mt","value":"input-autocomplete__value_367mt","focusVisible":"input-autocomplete__focusVisible_367mt"};
-require('./index.css')
-
 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, success = _a.success, 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", "success", "onClear", "onInput", "colors"]);
@@ -33,20 +31,21 @@ var AutocompleteMobileField = function (_a) {
         clearButtonVisible && (React__default.default.createElement(shared.ClearButton, { onClick: onClear, disabled: disabled, colors: colors })),
         rightAddons,
         Arrow,
-        error && (React__default.default.createElement("div", { className: cn__default.default(styles.errorIcon, styles["size-".concat(size)]), "data-addon": 'error-icon' },
+        error && (React__default.default.createElement("div", { className: cn__default.default(index_module.errorIcon, index_module["size-".concat(size)]), "data-addon": 'error-icon' },
             React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, { view: 'negative-alert', size: size === 40 ? 16 : 20, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'error-icon') }))),
-        success && !error && (React__default.default.createElement("div", { className: cn__default.default(styles.successIcon, styles["size-".concat(size)]) },
+        success && !error && (React__default.default.createElement("div", { className: cn__default.default(index_module.successIcon, index_module["size-".concat(size)]) },
             React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, { view: 'positive-checkmark', size: size === 40 ? 16 : 20, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'success-icon') })))));
-    return (React__default.default.createElement("div", { className: styles.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.field, fieldClassName, (_b = {},
-                _b[styles.disabled] = disabled,
-                _b[styles.focusVisible] = focusVisible,
+    return (React__default.default.createElement("div", { className: index_module.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(index_module.field, fieldClassName, (_b = {},
+                _b[index_module.disabled] = disabled,
+                _b[index_module.focusVisible] = focusVisible,
                 _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control'), 
             // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус
             tabIndex: open ? undefined : tabIndex }, restProps, restInnerProps, { readOnly: readOnly, colors: colors, error: error, rightAddons: formRightAddons }),
-            React__default.default.createElement("div", { className: styles.contentWrapper },
-                showPlaceholder && React__default.default.createElement("span", { className: styles.placeholder }, placeholder),
-                filled && React__default.default.createElement("div", { className: styles.value }, value)))));
+            React__default.default.createElement("div", { className: index_module.contentWrapper },
+                showPlaceholder && React__default.default.createElement("span", { className: index_module.placeholder }, placeholder),
+                filled && React__default.default.createElement("div", { className: index_module.value }, value)))));
 };
 
 exports.AutocompleteMobileField = AutocompleteMobileField;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../src/autocomplete-mobile-field/Component.tsx"],"sourcesContent":["import React, { ElementType, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n    FormControlMobile,\n    FormControlMobileProps,\n} from '@alfalab/core-components-form-control/mobile';\nimport { ClearButton } from '@alfalab/core-components-input/shared';\nimport type { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { StatusBadge } from '@alfalab/core-components-status-badge';\nimport { useFocus } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n    /**\n     * Компонент FormControl\n     */\n    FormControlComponent?: ElementType;\n};\n\nexport type AutocompleteMobileFieldProps = FormControlMobileProps &\n    Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {\n        /**\n         * Значение поля ввода\n         */\n        value?: string;\n    };\n\nexport const AutocompleteMobileField = ({\n    size = 56,\n    open,\n    disabled,\n    value,\n    innerProps,\n    dataTestId,\n    fieldClassName,\n    labelView = 'inner',\n    placeholder,\n    Arrow,\n    valueRenderer,\n    toggleMenu,\n    setSelectedItems,\n    selectedMultiple,\n    FormControlComponent,\n    rightAddons,\n    error,\n    readOnly,\n    clear,\n    success,\n    onClear,\n    onInput,\n    colors = 'default',\n    ...restProps\n}: AutocompleteMobileFieldProps & FieldProps) => {\n    const [focused, setFocused] = useState(false);\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const filled = Boolean(value);\n    const showPlaceholder = placeholder && !filled && labelView === 'outer';\n    const clearButtonVisible = clear && filled && !disabled && !readOnly;\n\n    const { tabIndex, ...restInnerProps } = innerProps;\n\n    const formRightAddons = (Arrow || rightAddons || clearButtonVisible || error || success) && (\n        <React.Fragment>\n            {clearButtonVisible && (\n                <ClearButton onClick={onClear} disabled={disabled} colors={colors} />\n            )}\n            {rightAddons}\n            {Arrow}\n            {error && (\n                <div\n                    className={cn(styles.errorIcon, styles[`size-${size}`])}\n                    data-addon='error-icon'\n                >\n                    <StatusBadge\n                        view='negative-alert'\n                        size={size === 40 ? 16 : 20}\n                        dataTestId={getDataTestId(dataTestId, 'error-icon')}\n                    />\n                </div>\n            )}\n            {success && !error && (\n                <div className={cn(styles.successIcon, styles[`size-${size}`])}>\n                    <StatusBadge\n                        view='positive-checkmark'\n                        size={size === 40 ? 16 : 20}\n                        dataTestId={getDataTestId(dataTestId, 'success-icon')}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return (\n        <div\n            className={styles.component}\n            ref={wrapperRef}\n            onFocus={() => setFocused(true)}\n            onBlur={() => setFocused(false)}\n        >\n            <FormControlMobile\n                fieldClassName={cn(styles.field, fieldClassName, {\n                    [styles.disabled]: disabled,\n                    [styles.focusVisible]: focusVisible,\n                })}\n                block={true}\n                size={size}\n                focused={focused}\n                disabled={disabled}\n                filled={filled}\n                labelView={labelView}\n                dataTestId={getDataTestId(dataTestId, 'form-control')}\n                // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус\n                tabIndex={open ? undefined : tabIndex}\n                {...restProps}\n                {...restInnerProps}\n                readOnly={readOnly}\n                colors={colors}\n                error={error}\n                rightAddons={formRightAddons}\n            >\n                <div className={styles.contentWrapper}>\n                    {showPlaceholder && <span className={styles.placeholder}>{placeholder}</span>}\n                    {filled && <div className={styles.value}>{value}</div>}\n                </div>\n            </FormControlMobile>\n        </div>\n    );\n};\n"],"names":["__rest","useState","useRef","useFocus","React","ClearButton","cn","styles","StatusBadge","getDataTestId","FormControlMobile","__assign"],"mappings":"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"}

package/autocomplete-mobile-field/index.css

@@ -1,69 +1,46 @@
-/* hash: a1k6d */
-: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 {
+:root {
     --color-light-status-info: #2288fa;
-    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :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 */ /* 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 { /* 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 */
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
 } :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-
-    /* новые значения, используйте их */
-} :root { /* deprecated */
-    --gap-2xs: 4px; /* deprecated */ /* deprecated */
-    --gap-s: 12px; /* 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 */
-
-    /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-2xs: 4px;
+    --gap-s: 12px;
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
 } :root {
-} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
     --focus-color: var(--color-light-status-info);
     --disabled-cursor: not-allowed;
-} /* сбрасывает синюю подсветку при нажатии */ :root {
-    /* display */
+} :root {
     --input-error-icon-display: none;
     --input-success-icon-display: flex;
-
-    /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input-autocomplete__component_367mt {
+} .input-autocomplete__component_1u6xx {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_367mt:not(.input-autocomplete__disabled_367mt) {
+} .input-autocomplete__field_1u6xx:not(.input-autocomplete__disabled_1u6xx) {
     cursor: pointer;
-} .input-autocomplete__errorIcon_367mt {
+} .input-autocomplete__errorIcon_1u6xx {
     display: var(--input-error-icon-display)
-} .input-autocomplete__errorIcon_367mt:not(:only-child) {
+} .input-autocomplete__errorIcon_1u6xx:not(:only-child) {
         margin-left: var(--gap-4);
-    } .input-autocomplete__errorIcon_367mt.input-autocomplete__size-40_367mt:not(:only-child) {
+    } .input-autocomplete__errorIcon_1u6xx.input-autocomplete__size-40_1u6xx:not(:only-child) {
         margin-left: 6px;
-    } * + .input-autocomplete__errorIcon_367mt {
+    } * + .input-autocomplete__errorIcon_1u6xx {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input-autocomplete__errorIcon_367mt {
+} button[class*='eye'] + .input-autocomplete__errorIcon_1u6xx {
     margin-right: var(--gap-12);
-} .input-autocomplete__successIcon_367mt {
+} .input-autocomplete__successIcon_1u6xx {
     display: var(--input-success-icon-display)
-} .input-autocomplete__successIcon_367mt:not(:only-child) {
+} .input-autocomplete__successIcon_1u6xx:not(:only-child) {
         margin-left: var(--gap-4);
-    } .input-autocomplete__successIcon_367mt.input-autocomplete__size-40_367mt:not(:only-child) {
+    } .input-autocomplete__successIcon_1u6xx.input-autocomplete__size-40_1u6xx:not(:only-child) {
         margin-left: 6px;
-    } button[class*='eye'] + .input-autocomplete__successIcon_367mt {
+    } button[class*='eye'] + .input-autocomplete__successIcon_1u6xx {
     margin-right: var(--gap-12);
-} .input-autocomplete__disabled_367mt {
+} .input-autocomplete__disabled_1u6xx {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_367mt {
+} .input-autocomplete__placeholder_1u6xx {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_367mt {
+} .input-autocomplete__contentWrapper_1u6xx {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -72,11 +49,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_367mt {
+} .input-autocomplete__value_1u6xx {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_367mt {
+} .input-autocomplete__focusVisible_1u6xx {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/autocomplete-mobile-field/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteMobileField_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.AutocompleteMobileField = autocompleteMobileField_Component.AutocompleteMobileField;
+exports.AutocompleteMobileField = Component.AutocompleteMobileField;
+//# sourceMappingURL=index.js.map

package/autocomplete-mobile-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/autocomplete-mobile-field/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"component":"input-autocomplete__component_1u6xx","field":"input-autocomplete__field_1u6xx","disabled":"input-autocomplete__disabled_1u6xx","errorIcon":"input-autocomplete__errorIcon_1u6xx","size-40":"input-autocomplete__size-40_1u6xx","successIcon":"input-autocomplete__successIcon_1u6xx","placeholder":"input-autocomplete__placeholder_1u6xx","contentWrapper":"input-autocomplete__contentWrapper_1u6xx","value":"input-autocomplete__value_1u6xx","focusVisible":"input-autocomplete__focusVisible_1u6xx"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/autocomplete-mobile-field/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../src/autocomplete-mobile-field/index.module.css"],"sourcesContent":["@import '../../../vars/src/index.css';\n@import '../vars.css';\n\n.component {\n    width: 100%;\n    outline: none;\n}\n\n.field:not(.disabled) {\n    cursor: pointer;\n}\n\n.errorIcon {\n    display: var(--input-error-icon-display);\n\n    &:not(:only-child) {\n        margin-left: var(--gap-4);\n    }\n\n    &.size-40:not(:only-child) {\n        margin-left: 6px;\n    }\n}\n\n* + .errorIcon {\n    display: var(--input-error-icon-not-alone-display);\n}\n\nbutton[class*='eye'] + .errorIcon {\n    margin-right: var(--gap-12);\n}\n\n.successIcon {\n    display: var(--input-success-icon-display);\n\n    &:not(:only-child) {\n        margin-left: var(--gap-4);\n    }\n\n    &.size-40:not(:only-child) {\n        margin-left: 6px;\n    }\n}\n\nbutton[class*='eye'] + .successIcon {\n    margin-right: var(--gap-12);\n}\n\n.disabled {\n    cursor: var(--disabled-cursor);\n}\n\n.placeholder {\n    color: var(--color-light-text-secondary);\n}\n\n.contentWrapper {\n    @mixin paragraph_component;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    width: 100%;\n}\n\n.value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    text-align: left;\n}\n\n.focusVisible {\n    @mixin focus-outline;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,qCAAqC,CAAC,OAAO,CAAC,iCAAiC,CAAC,UAAU,CAAC,oCAAoC,CAAC,WAAW,CAAC,qCAAqC,CAAC,SAAS,CAAC,mCAAmC,CAAC,aAAa,CAAC,uCAAuC,CAAC,aAAa,CAAC,uCAAuC,CAAC,gBAAgB,CAAC,0CAA0C,CAAC,OAAO,CAAC,iCAAiC,CAAC,cAAc,CAAC,wCAAwC,CAAC;;;;"}

package/cssm/Component.responsive.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
+var cssm = require('@alfalab/core-components-mq/cssm');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var 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 }; }
@@ -15,9 +15,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var InputAutocomplete = React.forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, mobileProps = _a.mobileProps, restProps = tslib.__rest(_a, ["breakpoint", "client", "defaultMatchMediaValue", "mobileProps"]);
-    var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
-    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 })));
+    var isDesktop = cssm.useIsDesktop(breakpoint, defaultMatchMediaValue);
+    return isDesktop ? (React__default.default.createElement(Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });
 InputAutocomplete.displayName = 'InputAutocomplete';
 
 exports.InputAutocomplete = InputAutocomplete;
+//# sourceMappingURL=Component.responsive.js.map

package/cssm/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { InputAutocompleteDesktop } from './desktop';\nimport { InputAutocompleteMobile } from './mobile';\nimport { InputAutocompleteProps } from './types';\n\nexport const InputAutocomplete = forwardRef<\n    HTMLInputElement | HTMLDivElement,\n    InputAutocompleteProps\n>(\n    (\n        {\n            breakpoint,\n            client,\n            defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop',\n            mobileProps,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);\n\n        return isDesktop ? (\n            <InputAutocompleteDesktop {...restProps} ref={ref as React.Ref<HTMLInputElement>} />\n        ) : (\n            <InputAutocompleteMobile {...restProps} {...mobileProps} ref={ref} />\n        );\n    },\n);\n\nInputAutocomplete.displayName = 'InputAutocomplete';\n"],"names":["forwardRef","__rest","useIsDesktop","React","InputAutocompleteDesktop","__assign","InputAutocompleteMobile"],"mappings":";;;;;;;;;;;;;;;IAQa,iBAAiB,GAAGA,gBAAU,CAIvC,UACI,EAMC,EACD,GAAG,EAAA;AANC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAgF,GAAA,EAAA,CAAA,sBAAA,EAAhF,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,KAAK,SAAS,GAAG,SAAS,GAAG,MAAM,KAAK,SAAS,GAAA,EAAA,EAChF,WAAW,GAAA,EAAA,CAAA,WAAA,EACR,SAAS,GAAAC,YAAA,CAAA,EAAA,EALhB,iEAMC,CADe;IAIhB,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAElE,IAAA,OAAO,SAAS,IACZC,sBAAA,CAAA,aAAA,CAACC,0CAAwB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAkC,EAAI,CAAA,CAAA,KAEpFF,sBAAC,CAAA,aAAA,CAAAG,wCAAuB,qBAAK,SAAS,EAAM,WAAW,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACxE;AACL,CAAC;AAGL,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/cssm/autocomplete-field/Component.js

@@ -44,3 +44,4 @@ var AutocompleteField = function (_a) {
 };
 
 exports.AutocompleteField = AutocompleteField;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/autocomplete-field/Component.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { InputProps } from '@alfalab/core-components-input';\nimport { InputDesktop as DefaultInput } from '@alfalab/core-components-input/desktop';\nimport type { FieldProps } from '@alfalab/core-components-select/shared';\n\nimport { OnInputReason } from '../enums';\nimport { InputAutocompleteCommonProps } from '../types';\n\nimport styles from './index.module.css';\n\nexport type AutocompleteFieldProps = FieldProps &\n    Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;\n\nexport const AutocompleteField = ({\n    label,\n    labelView = 'inner',\n    placeholder,\n    size,\n    Arrow,\n    Input = DefaultInput,\n    value,\n    error,\n    success,\n    hint,\n    disabled,\n    readOnly,\n    onInput,\n    inputProps = {},\n    innerProps,\n    dataTestId,\n}: AutocompleteFieldProps) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const { onClick, onFocus } = innerProps;\n\n    const inputDisabled = disabled || readOnly;\n\n    const handleClick = useCallback(\n        (event: React.MouseEvent<HTMLDivElement>) => {\n            if (onClick) onClick(event);\n\n            if (inputRef.current) {\n                inputRef.current.focus();\n            }\n        },\n        [onClick],\n    );\n\n    const handleInput: InputProps['onChange'] = (_, payload) =>\n        onInput?.(payload.value, OnInputReason.Change);\n\n    return (\n        <Input\n            dataTestId={dataTestId}\n            {...inputProps}\n            {...innerProps}\n            wrapperRef={mergeRefs([\n                innerProps.ref as React.Ref<HTMLElement>,\n                inputProps.wrapperRef as React.Ref<HTMLElement>,\n            ])}\n            ref={mergeRefs([inputRef, inputProps.ref as React.Ref<HTMLElement>])}\n            disabled={disabled}\n            readOnly={readOnly}\n            block={true}\n            label={label}\n            labelView={labelView}\n            placeholder={placeholder}\n            size={size}\n            error={error}\n            success={success}\n            hint={hint}\n            onChange={handleInput}\n            onClick={inputDisabled ? undefined : handleClick}\n            onFocus={inputDisabled ? undefined : onFocus}\n            autoComplete='off'\n            value={value}\n            rightAddons={\n                (Arrow || inputProps.rightAddons) && (\n                    <React.Fragment>\n                        {inputProps.rightAddons}\n                        {Arrow && (\n                            <span\n                                className={cn(styles.arrow, {\n                                    [styles.error]: error,\n                                })}\n                            >\n                                {Arrow}\n                            </span>\n                        )}\n                    </React.Fragment>\n                )\n            }\n        />\n    );\n};\n"],"names":["DefaultInput","useRef","useCallback","OnInputReason","React","__assign","mergeRefs","cn","styles"],"mappings":"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"}

package/cssm/autocomplete-field/index.js

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.AutocompleteField = autocompleteField_Component.AutocompleteField;
+exports.AutocompleteField = Component.AutocompleteField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -7,8 +7,8 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('@alfalab/core-components-form-control/cssm/mobile');
 var shared = require('@alfalab/core-components-input/cssm/shared');
-var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
-var coreComponentsStatusBadge = require('@alfalab/core-components-status-badge/cssm');
+var cssm$1 = require('@alfalab/core-components-shared/cssm');
+var cssm = require('@alfalab/core-components-status-badge/cssm');
 var hooks = require('@alfalab/hooks');
 var styles = require('./index.module.css');
 
@@ -33,14 +33,14 @@ var AutocompleteMobileField = function (_a) {
         rightAddons,
         Arrow,
         error && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.errorIcon, styles__default.default["size-".concat(size)]), "data-addon": 'error-icon' },
-            React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, { view: 'negative-alert', size: size === 40 ? 16 : 20, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'error-icon') }))),
+            React__default.default.createElement(cssm.StatusBadge, { view: 'negative-alert', size: size === 40 ? 16 : 20, dataTestId: cssm$1.getDataTestId(dataTestId, 'error-icon') }))),
         success && !error && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.successIcon, styles__default.default["size-".concat(size)]) },
-            React__default.default.createElement(coreComponentsStatusBadge.StatusBadge, { view: 'positive-checkmark', size: size === 40 ? 16 : 20, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'success-icon') })))));
+            React__default.default.createElement(cssm.StatusBadge, { view: 'positive-checkmark', size: size === 40 ? 16 : 20, dataTestId: cssm$1.getDataTestId(dataTestId, 'success-icon') })))));
     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'), 
+                _b)), block: true, size: size, focused: focused, disabled: disabled, filled: filled, labelView: labelView, dataTestId: cssm$1.getDataTestId(dataTestId, 'form-control'), 
             // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус
             tabIndex: open ? undefined : tabIndex }, restProps, restInnerProps, { readOnly: readOnly, colors: colors, error: error, rightAddons: formRightAddons }),
             React__default.default.createElement("div", { className: styles__default.default.contentWrapper },
@@ -49,3 +49,4 @@ var AutocompleteMobileField = function (_a) {
 };
 
 exports.AutocompleteMobileField = AutocompleteMobileField;
+//# sourceMappingURL=Component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/autocomplete-mobile-field/Component.tsx"],"sourcesContent":["import React, { ElementType, useRef, useState } from 'react';\nimport cn from 'classnames';\n\nimport {\n    FormControlMobile,\n    FormControlMobileProps,\n} from '@alfalab/core-components-form-control/mobile';\nimport { ClearButton } from '@alfalab/core-components-input/shared';\nimport type { FieldProps as BaseFieldProps } from '@alfalab/core-components-select/shared';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { StatusBadge } from '@alfalab/core-components-status-badge';\nimport { useFocus } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype FieldProps = {\n    /**\n     * Компонент FormControl\n     */\n    FormControlComponent?: ElementType;\n};\n\nexport type AutocompleteMobileFieldProps = FormControlMobileProps &\n    Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {\n        /**\n         * Значение поля ввода\n         */\n        value?: string;\n    };\n\nexport const AutocompleteMobileField = ({\n    size = 56,\n    open,\n    disabled,\n    value,\n    innerProps,\n    dataTestId,\n    fieldClassName,\n    labelView = 'inner',\n    placeholder,\n    Arrow,\n    valueRenderer,\n    toggleMenu,\n    setSelectedItems,\n    selectedMultiple,\n    FormControlComponent,\n    rightAddons,\n    error,\n    readOnly,\n    clear,\n    success,\n    onClear,\n    onInput,\n    colors = 'default',\n    ...restProps\n}: AutocompleteMobileFieldProps & FieldProps) => {\n    const [focused, setFocused] = useState(false);\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    const [focusVisible] = useFocus(wrapperRef, 'keyboard');\n\n    const filled = Boolean(value);\n    const showPlaceholder = placeholder && !filled && labelView === 'outer';\n    const clearButtonVisible = clear && filled && !disabled && !readOnly;\n\n    const { tabIndex, ...restInnerProps } = innerProps;\n\n    const formRightAddons = (Arrow || rightAddons || clearButtonVisible || error || success) && (\n        <React.Fragment>\n            {clearButtonVisible && (\n                <ClearButton onClick={onClear} disabled={disabled} colors={colors} />\n            )}\n            {rightAddons}\n            {Arrow}\n            {error && (\n                <div\n                    className={cn(styles.errorIcon, styles[`size-${size}`])}\n                    data-addon='error-icon'\n                >\n                    <StatusBadge\n                        view='negative-alert'\n                        size={size === 40 ? 16 : 20}\n                        dataTestId={getDataTestId(dataTestId, 'error-icon')}\n                    />\n                </div>\n            )}\n            {success && !error && (\n                <div className={cn(styles.successIcon, styles[`size-${size}`])}>\n                    <StatusBadge\n                        view='positive-checkmark'\n                        size={size === 40 ? 16 : 20}\n                        dataTestId={getDataTestId(dataTestId, 'success-icon')}\n                    />\n                </div>\n            )}\n        </React.Fragment>\n    );\n\n    return (\n        <div\n            className={styles.component}\n            ref={wrapperRef}\n            onFocus={() => setFocused(true)}\n            onBlur={() => setFocused(false)}\n        >\n            <FormControlMobile\n                fieldClassName={cn(styles.field, fieldClassName, {\n                    [styles.disabled]: disabled,\n                    [styles.focusVisible]: focusVisible,\n                })}\n                block={true}\n                size={size}\n                focused={focused}\n                disabled={disabled}\n                filled={filled}\n                labelView={labelView}\n                dataTestId={getDataTestId(dataTestId, 'form-control')}\n                // downshift устанавливает фокус на таргет поле после выбора опции, не даем ему это сделать пока открыт список, иначе поле поиска будет терять фокус\n                tabIndex={open ? undefined : tabIndex}\n                {...restProps}\n                {...restInnerProps}\n                readOnly={readOnly}\n                colors={colors}\n                error={error}\n                rightAddons={formRightAddons}\n            >\n                <div className={styles.contentWrapper}>\n                    {showPlaceholder && <span className={styles.placeholder}>{placeholder}</span>}\n                    {filled && <div className={styles.value}>{value}</div>}\n                </div>\n            </FormControlMobile>\n        </div>\n    );\n};\n"],"names":["__rest","useState","useRef","useFocus","React","ClearButton","cn","styles","StatusBadge","getDataTestId","FormControlMobile","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BO,IAAM,uBAAuB,GAAG,UAAC,EAyBI,EAAA;;AAxBxC,IAAA,IAAA,YAAS,CAAT,CAAA,IAAI,mBAAG,EAAE,GAAA,EAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,CACJ,CAAA,QAAQ,cAAA,CACR,CAAA,KAAK,WAAA,CACL,CAAA,UAAU,gBAAA,CACV,CAAA,UAAU,GAAA,EAAA,CAAA,UAAA,CAAA,CACV,cAAc,GAAA,EAAA,CAAA,cAAA,CAAA,CACd,iBAAmB,CAAnB,CAAA,SAAS,mBAAG,OAAO,GAAA,EAAA,CACnB,CAAA,WAAW,iBAAA,CACX,CAAA,KAAK,WAAA,CACL,iBAAa,CACb,CAAU,EAAA,CAAA,UAAA,CAAA,CACM,EAAA,CAAA,gBAAA,CAAA,CACA,EAAA,CAAA,gBAAA,CAAA,CACI,EAAA,CAAA,oBAAA,CAAA,KACpB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,CACL,CAAA,OAAO,aAAA,CACP,CAAA,OAAO,aAAA,CACP,WAAO,CACP,KAAA,EAAA,GAAA,EAAA,CAAA,MAAkB,CAAlB,CAAA,MAAM,mBAAG,SAAS,GAAA,EAAA,EACf,SAAS,GAAAA,YAAA,CAAA,EAAA,EAxBwB,+SAyBvC;IACS,IAAA,EAAA,GAAwBC,cAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7C,IAAA,IAAM,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;IAExC,IAAA,YAAY,GAAIC,cAAQ,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA,CAAA,CAApC;AAEnB,IAAA,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;IAC7B,IAAM,eAAe,GAAG,WAAW,IAAI,CAAC,MAAM,IAAI,SAAS,KAAK,OAAO;IACvE,IAAM,kBAAkB,GAAG,KAAK,IAAI,MAAM,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;IAE5D,IAAA,QAAQ,GAAwB,UAAU,CAAlC,QAAA,EAAK,cAAc,GAAAH,YAAA,CAAK,UAAU,EAA5C,CAA+B,UAAA,CAAA,CAAF;AAEnC,IAAA,IAAM,eAAe,GAAG,CAAC,KAAK,IAAI,WAAW,IAAI,kBAAkB,IAAI,KAAK,IAAI,OAAO,MACnFI,sBAAC,CAAA,aAAA,CAAAA,sBAAK,CAAC,QAAQ,EAAA,IAAA;AACV,QAAA,kBAAkB,KACfA,sBAAA,CAAA,aAAA,CAACC,kBAAW,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CACxE;QACA,WAAW;QACX,KAAK;AACL,QAAA,KAAK,KACFD,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEE,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAEA,uBAAM,CAAC,OAAQ,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,CAAC,gBAC5C,YAAY,EAAA;AAEvB,YAAAH,sBAAA,CAAA,aAAA,CAACI,gBAAW,EAAA,EACR,IAAI,EAAC,gBAAgB,EACrB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,UAAU,EAAEC,oBAAa,CAAC,UAAU,EAAE,YAAY,CAAC,EAAA,CACrD,CACA,CACT;QACA,OAAO,IAAI,CAAC,KAAK,KACdL,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEE,mBAAE,CAACC,uBAAM,CAAC,WAAW,EAAEA,uBAAM,CAAC,eAAQ,IAAI,CAAE,CAAC,CAAC,EAAA;AAC1D,YAAAH,sBAAA,CAAA,aAAA,CAACI,gBAAW,EAAA,EACR,IAAI,EAAC,oBAAoB,EACzB,IAAI,EAAE,IAAI,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAC3B,UAAU,EAAEC,oBAAa,CAAC,UAAU,EAAE,cAAc,CAAC,EACvD,CAAA,CACA,CACT,CACY,CACpB;AAED,IAAA,QACIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEG,uBAAM,CAAC,SAAS,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,IAAI,CAAC,CAAhB,EAAgB,EAC/B,MAAM,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,KAAK,CAAC,GAAA,EAAA;QAE/BH,sBAAC,CAAA,aAAA,CAAAM,wBAAiB,EACdC,cAAA,CAAA,EAAA,cAAc,EAAEL,mBAAE,CAACC,uBAAM,CAAC,KAAK,EAAE,cAAc,GAAA,EAAA,GAAA,EAAA;AAC3C,gBAAA,EAAA,CAACA,uBAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC3B,gBAAA,EAAA,CAACA,uBAAM,CAAC,YAAY,CAAA,GAAG,YAAY;AACrC,gBAAA,EAAA,EAAA,EACF,KAAK,EAAE,IAAI,EACX,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,UAAU,EAAEE,oBAAa,CAAC,UAAU,EAAE,cAAc,CAAC;;AAErD,YAAA,QAAQ,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,EACjC,EAAA,SAAS,EACT,cAAc,EAClB,EAAA,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,eAAe,EAAA,CAAA;AAE5B,YAAAL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,uBAAM,CAAC,cAAc,EAAA;gBAChC,eAAe,IAAIH,+CAAM,SAAS,EAAEG,uBAAM,CAAC,WAAW,EAAG,EAAA,WAAW,CAAQ;AAC5E,gBAAA,MAAM,IAAIH,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEG,uBAAM,CAAC,KAAK,EAAG,EAAA,KAAK,CAAO,CACpD,CACU,CAClB;AAEd;;;;"}

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

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteMobileField_Component = require('./Component.js');
+var Component = require('./Component.js');
 
 
 
-exports.AutocompleteMobileField = autocompleteMobileField_Component.AutocompleteMobileField;
+exports.AutocompleteMobileField = Component.AutocompleteMobileField;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}