@alfalab/core-components 44.5.1 → 44.6.0

package/input/modern/components/base-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 7vvfc */
+/* hash: 3vtjc */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #2288fa;
@@ -73,7 +73,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-} .input__input_1c75k {
+} .input__input_458ek {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -88,82 +88,82 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-} .input__input_1c75k::placeholder {
+} .input__input_458ek::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .input__hasInnerLabel_1c75k::placeholder {
+} .input__hasInnerLabel_458ek::placeholder {
         opacity: 0;
-    } .input__hasInnerLabel_1c75k.input__s_1c75k {
+    } .input__hasInnerLabel_458ek.input__s_458ek {
         height: var(--form-control-s-min-height);
-    } .input__hasInnerLabel_1c75k.input__m_1c75k {
+    } .input__hasInnerLabel_458ek.input__m_458ek {
         height: var(--form-control-m-min-height);
-    } .input__hasInnerLabel_1c75k.input__l_1c75k {
+    } .input__hasInnerLabel_458ek.input__l_458ek {
         height: var(--form-control-l-min-height);
-    } .input__hasInnerLabel_1c75k.input__xl_1c75k {
+    } .input__hasInnerLabel_458ek.input__xl_458ek {
         height: var(--form-control-xl-min-height);
-    } .input__block_1c75k {
+    } .input__block_458ek {
     width: 100%;
-} .input__errorIcon_1c75k {
+} .input__errorIcon_458ek {
     display: var(--input-error-icon-display)
-} .input__errorIcon_1c75k:not(:only-child) {
+} .input__errorIcon_458ek:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } * + .input__errorIcon_1c75k {
+    } * + .input__errorIcon_458ek {
     display: var(--input-error-icon-not-alone-display);
-} button[class*='eye'] + .input__errorIcon_1c75k {
+} button[class*='eye'] + .input__errorIcon_458ek {
     margin-right: var(--gap-s);
-} .input__errorColorIcon_1c75k {
+} .input__errorColorIcon_458ek {
     color: var(--color-light-status-negative);
-} .input__successIcon_1c75k {
+} .input__successIcon_458ek {
     display: var(--input-success-icon-display)
-} .input__successIcon_1c75k:not(:only-child) {
+} .input__successIcon_458ek:not(:only-child) {
         margin-left: var(--gap-2xs);
-    } button[class*='eye'] + .input__successIcon_1c75k {
+    } button[class*='eye'] + .input__successIcon_458ek {
     margin-right: var(--gap-s);
-} .input__successColorIcon_1c75k {
+} .input__successColorIcon_458ek {
     color: var(--color-light-status-positive);
-} /* DISABLED STATE */ .input__input_1c75k:disabled {
+} /* DISABLED STATE */ .input__input_458ek:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* FOCUS STATE */ .input__input_1c75k:focus.input__hasInnerLabel_1c75k::placeholder {
+} /* FOCUS STATE */ .input__input_458ek:focus.input__hasInnerLabel_458ek::placeholder {
     opacity: 1;
-} .input__focusVisible_1c75k {
+} .input__focusVisible_458ek {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* READ-ONLY STATE */ .input__hasInnerLabel_1c75k:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_458ek:read-only:focus::placeholder {
     opacity: 0;
-} /* Убирает синюю заливку при автокомплите */ .input__input_1c75k:-webkit-autofill:first-line, .input__input_1c75k:-webkit-autofill:hover:first-line, .input__input_1c75k:-webkit-autofill:focus:first-line, .input__input_1c75k:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_458ek:-webkit-autofill:first-line, .input__input_458ek:-webkit-autofill:hover:first-line, .input__input_458ek:-webkit-autofill:focus:first-line, .input__input_458ek:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        } .input__input_1c75k:-webkit-autofill,
-    .input__input_1c75k:-webkit-autofill:hover,
-    .input__input_1c75k:-webkit-autofill:focus,
-    .input__input_1c75k:-webkit-autofill:active {
+        } .input__input_458ek:-webkit-autofill,
+    .input__input_458ek:-webkit-autofill:hover,
+    .input__input_458ek:-webkit-autofill:focus,
+    .input__input_458ek:-webkit-autofill:active {
 
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    } .input__input_1c75k:-webkit-autofill {
-        animation: input__onautofillstart_1c75k 999999s forwards;
-    } .input__input_1c75k:not(:-webkit-autofill) {
+    } .input__input_458ek:-webkit-autofill {
+        animation: input__onautofillstart_458ek 999999s forwards;
+    } .input__input_458ek:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_1c75k 999999s;
-    } /* Убирает нативные стрелочки при type=number */ .input__input_1c75k::-webkit-outer-spin-button,
-    .input__input_1c75k::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_458ek 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_458ek::-webkit-outer-spin-button,
+    .input__input_458ek::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    } .input__input_1c75k {
+    } .input__input_458ek {
 
     /* Firefox */
-} .input__input_1c75k[type='number'] {
+} .input__input_458ek[type='number'] {
         -moz-appearance: textfield;
-    } @keyframes input__onautofillstart_1c75k {
+    } @keyframes input__onautofillstart_458ek {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-} @keyframes input__onautofillcancel_1c75k {
+} @keyframes input__onautofillcancel_458ek {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/components/base-input/inverted.css

@@ -1,4 +1,4 @@
-/* hash: pk4p8 */
+/* hash: 9zumm */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-1500-inverted: #fff;
@@ -37,26 +37,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__input_1lr3r {
+} .input__input_tarq0 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_1lr3r:-webkit-autofill {
+} .input__input_tarq0:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .input__input_1lr3r::placeholder {
+} .input__input_tarq0::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .input__hasInnerLabel_1lr3r::placeholder {
+} .input__hasInnerLabel_tarq0::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .input__input_1lr3r:read-only:not(.input__disableUserInput_1lr3r) {
+} /* READ-ONLY STATE */ .input__input_tarq0:read-only:not(.input__disableUserInput_tarq0) {
     color: var(--input-inverted-read-only-color)
-} .input__input_1lr3r:read-only:not(.input__disableUserInput_1lr3r):focus::placeholder {
+} .input__input_tarq0:read-only:not(.input__disableUserInput_tarq0):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .input__input_1lr3r:disabled {
+    } /* DISABLED STATE */ .input__input_tarq0:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .input__input_1lr3r:focus::placeholder {
+} /* FOCUS STATE */ .input__input_tarq0:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .input__error_1lr3r {
+} /* ERROR STATE */ .input__error_tarq0 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input/modern/components/clear-button/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import { Button } from '../../../../button/modern';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 
-const defaultColors = {"clearIcon":"input__clearIcon_sr69o"};
+const defaultColors = {"clearIcon":"input__clearIcon_au8hn"};
 require('./default.css');
 
-const styles = {"clearIcon":"input__clearIcon_1ujto","clearButton":"input__clearButton_1ujto"};
+const styles = {"clearIcon":"input__clearIcon_mhwiq","clearButton":"input__clearButton_mhwiq"};
 require('./index.css');
 
-const invertedColors = {"clearIcon":"input__clearIcon_1iggd"};
+const invertedColors = {"clearIcon":"input__clearIcon_1838h"};
 require('./inverted.css');
 
 const colorStyles = {

package/input/modern/components/clear-button/default.css

@@ -1,4 +1,4 @@
-/* hash: 17dhg */
+/* hash: rt7dp */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -28,10 +28,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_sr69o {
+} .input__clearIcon_au8hn {
     color: var(--color-light-neutral-translucent-500)
-} .input__clearIcon_sr69o:hover {
+} .input__clearIcon_au8hn:hover {
         color: var(--color-light-neutral-translucent-500-hover);
-    } .input__clearIcon_sr69o:active {
+    } .input__clearIcon_au8hn:active {
         color: var(--color-light-neutral-translucent-500-press);
     }

package/input/modern/components/clear-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1egdc */
+/* hash: 1agbg */
 :root {
 } /* 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 */
 } :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 */
@@ -54,11 +54,11 @@
     --input-error-icon-display: none;
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1ujto {
+} .input__clearIcon_mhwiq {
     display: block;
     transition: opacity 0.2s ease;
-} .input__clearButton_1ujto + * {
+} .input__clearButton_mhwiq + * {
     margin-left: var(--gap-2xs);
-} .input__clearButton_1ujto + [data-addon='error-icon'] {
+} .input__clearButton_mhwiq + [data-addon='error-icon'] {
     display: var(--input-error-icon-display);
 }

package/input/modern/components/clear-button/inverted.css

@@ -1,4 +1,4 @@
-/* hash: g4rn0 */
+/* hash: khke9 */
 :root {
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
@@ -28,10 +28,10 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .input__clearIcon_1iggd {
+} .input__clearIcon_1838h {
     color: var(--color-light-neutral-translucent-500-inverted)
-} .input__clearIcon_1iggd:hover {
+} .input__clearIcon_1838h:hover {
         color: var(--color-light-neutral-translucent-500-inverted-hover);
-    } .input__clearIcon_1iggd:active {
+    } .input__clearIcon_1838h:active {
         color: var(--color-light-neutral-translucent-500-inverted-press);
     }

package/input/modern/shared/index.d.ts

@@ -1 +1,2 @@
 export * from "../components/clear-button/index";
+export { getInputTestIds } from "../utils";

package/input/modern/shared/index.js

@@ -1,5 +1,7 @@
 export { ClearButton } from '../components/clear-button/Component.js';
+export { getInputTestIds } from '../utils.js';
 import 'react';
 import 'classnames';
 import '../../../button/modern';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../../../shared/modern';

package/input/modern/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+};
+export { getInputTestIds };

package/input/modern/utils.js

@@ -0,0 +1,15 @@
+import { getDataTestId } from '../../shared/modern';
+
+function getInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: getDataTestId(dataTestId, 'form-control-hint'),
+    };
+}
+
+export { getInputTestIds };

package/input/shared/index.d.ts

@@ -1 +1,2 @@
 export * from "../components/clear-button/index";
+export { getInputTestIds } from "../utils";

package/input/shared/index.js

@@ -1,11 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_clearButton_Component = require('../components/clear-button/Component.js');
-require('react');
-require('classnames');
-require('../../button');
-require('@alfalab/icons-glyph/CrossCircleMIcon');
+var utils = require('../utils.js');
 
 
 
 exports.ClearButton = components_clearButton_Component.ClearButton;
+exports.getInputTestIds = utils.getInputTestIds;

package/input/utils.d.ts

@@ -0,0 +1,10 @@
+declare function getInputTestIds(dataTestId: string): {
+    input: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
+};
+export { getInputTestIds };

package/input/utils.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../shared');
+
+function getInputTestIds(dataTestId) {
+    return {
+        input: dataTestId,
+        inputWrapper: coreComponentsShared.getDataTestId(dataTestId, 'form-control'),
+        inputWrapperInner: coreComponentsShared.getDataTestId(dataTestId, 'form-control-inner'),
+        leftAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-left-addons'),
+        rightAddons: coreComponentsShared.getDataTestId(dataTestId, 'form-control-right-addons'),
+        error: coreComponentsShared.getDataTestId(dataTestId, 'form-control-error-message'),
+        hint: coreComponentsShared.getDataTestId(dataTestId, 'form-control-hint'),
+    };
+}
+
+exports.getInputTestIds = getInputTestIds;

package/input-autocomplete/Component.responsive.js

@@ -6,20 +6,6 @@ var coreComponentsMq = require('../mq');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./mobile/Component.modal.mobile.js');
-require('../popover');
-require('../select/shared');
-require('./autocomplete-field/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('../input/desktop');
-require('lodash.throttle');
-require('../select/mobile');
-require('./autocomplete-mobile-field/Component.js');
-require('../form-control/mobile');
-require('../input/shared');
-require('../shared');
-require('@alfalab/hooks');
-require('./utils.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/input-autocomplete/autocomplete-field/Component.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 import { FieldProps } from "../../select/shared";
 import { InputAutocompleteCommonProps } from "../types";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, dataTestId, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

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

@@ -12,12 +12,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_fv3z2","error":"input-autocomplete__error_fv3z2"};
+var styles = {"arrow":"input-autocomplete__arrow_tohno","error":"input-autocomplete__error_tohno"};
 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;
+    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;
@@ -28,7 +28,7 @@ var AutocompleteField = function (_a) {
             inputRef.current.focus();
         }
     }, [onClick]);
-    return (React__default.default.createElement(Input, tslib.__assign({}, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
+    return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
             innerProps.ref,
             inputProps.wrapperRef,
         ]), ref: mergeRefs__default.default([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,

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

@@ -1,4 +1,4 @@
-/* hash: tuwqm */
-.input-autocomplete__arrow_fv3z2.input-autocomplete__error_fv3z2 ~ * {
+/* hash: yuxil */
+.input-autocomplete__arrow_tohno.input-autocomplete__error_tohno ~ * {
     display: none;
 }

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

@@ -1,11 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var autocompleteField_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('classnames');
-require('../../input/desktop');
 
 
 

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_9cq23","field":"input-autocomplete__field_9cq23","disabled":"input-autocomplete__disabled_9cq23","placeholder":"input-autocomplete__placeholder_9cq23","contentWrapper":"input-autocomplete__contentWrapper_9cq23","value":"input-autocomplete__value_9cq23","focusVisible":"input-autocomplete__focusVisible_9cq23"};
+var styles = {"component":"input-autocomplete__component_1ukgf","field":"input-autocomplete__field_1ukgf","disabled":"input-autocomplete__disabled_1ukgf","placeholder":"input-autocomplete__placeholder_1ukgf","contentWrapper":"input-autocomplete__contentWrapper_1ukgf","value":"input-autocomplete__value_1ukgf","focusVisible":"input-autocomplete__focusVisible_1ukgf"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 36ut9 */
+/* hash: 15p4r */
 :root {
 } /* 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_9cq23 {
+} .input-autocomplete__component_1ukgf {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_9cq23:not(.input-autocomplete__disabled_9cq23) {
+} .input-autocomplete__field_1ukgf:not(.input-autocomplete__disabled_1ukgf) {
     cursor: pointer;
-} .input-autocomplete__disabled_9cq23 {
+} .input-autocomplete__disabled_1ukgf {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_9cq23 {
+} .input-autocomplete__placeholder_1ukgf {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_9cq23 {
+} .input-autocomplete__contentWrapper_1ukgf {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_9cq23 {
+} .input-autocomplete__value_1ukgf {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_9cq23 {
+} .input-autocomplete__focusVisible_1ukgf {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1,13 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var autocompleteMobileField_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('classnames');
-require('../../form-control/mobile');
-require('../../input/shared');
-require('../../shared');
-require('@alfalab/hooks');
 
 
 

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

@@ -6,23 +6,6 @@ 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');
-require('../../popover/cssm');
-require('../../select/cssm/shared');
-require('./autocomplete-field/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('../../input/cssm/desktop');
-require('./autocomplete-field/index.module.css');
-require('lodash.throttle');
-require('../../select/cssm/mobile');
-require('./autocomplete-mobile-field/Component.js');
-require('../../form-control/cssm/mobile');
-require('../../input/cssm/shared');
-require('../../shared/cssm');
-require('@alfalab/hooks');
-require('./autocomplete-mobile-field/index.module.css');
-require('./utils.js');
-require('./mobile/mobile.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/input-autocomplete/cssm/autocomplete-field/Component.d.ts

@@ -3,5 +3,5 @@ import React from 'react';
 import { FieldProps } from "../../../select/shared";
 import { InputAutocompleteCommonProps } from "../types";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteCommonProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
+declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, dataTestId, }: AutocompleteFieldProps) => React.JSX.Element;
 export { AutocompleteFieldProps, AutocompleteField };

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

@@ -16,7 +16,7 @@ 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;
+    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;
@@ -27,7 +27,7 @@ var AutocompleteField = function (_a) {
             inputRef.current.focus();
         }
     }, [onClick]);
-    return (React__default.default.createElement(Input, tslib.__assign({}, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
+    return (React__default.default.createElement(Input, tslib.__assign({ dataTestId: dataTestId }, inputProps, innerProps, { wrapperRef: mergeRefs__default.default([
             innerProps.ref,
             inputProps.wrapperRef,
         ]), ref: mergeRefs__default.default([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default.default.createElement(React__default.default.Fragment, null,

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

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

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

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

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

@@ -5,10 +5,6 @@ var React = require('react');
 var coreComponentsPopover = require('../../../popover/cssm');
 var shared = require('../../../select/cssm/shared');
 var autocompleteField_Component = require('../autocomplete-field/Component.js');
-require('react-merge-refs');
-require('classnames');
-require('../../../input/cssm/desktop');
-require('../autocomplete-field/index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

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