@alfalab/core-components 44.5.1-beta.4 → 44.6.0

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,7 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_clearButton_Component = require('../components/clear-button/Component.js');
+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/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

@@ -17,7 +17,7 @@ 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/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/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from "../utils";

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

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getInputAutocompleteDesktopTestIds = utils.getInputAutocompleteDesktopTestIds;
+exports.getInputAutocompleteMobileTestIds = utils.getInputAutocompleteMobileTestIds;

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

@@ -1,2 +1,40 @@
 declare function searchFilterStub(): boolean;
-export { searchFilterStub };
+declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+    clearButton: string;
+    applyButton: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };

package/input-autocomplete/cssm/utils.js

@@ -1,7 +1,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsShared = require('../../shared/cssm');
+
 function searchFilterStub() {
     return true;
 }
+function getInputAutocompleteDesktopTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        field: coreComponentsShared.getDataTestId(dataTestId, 'field'),
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+    };
+}
+function getInputAutocompleteMobileTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: coreComponentsShared.getDataTestId(dataTestId, 'modal'),
+        modalHeader: coreComponentsShared.getDataTestId(dataTestId, 'modal-header'),
+        modalContent: coreComponentsShared.getDataTestId(dataTestId, 'modal-content'),
+        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'clear'),
+        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'apply'),
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
+        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
+    };
+}
 
+exports.getInputAutocompleteDesktopTestIds = getInputAutocompleteDesktopTestIds;
+exports.getInputAutocompleteMobileTestIds = getInputAutocompleteMobileTestIds;
 exports.searchFilterStub = searchFilterStub;

package/input-autocomplete/esm/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/esm/autocomplete-field/Component.js

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

package/input-autocomplete/esm/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from "../utils";

package/input-autocomplete/esm/shared/index.js

@@ -0,0 +1,2 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from '../utils.js';
+import '../../../shared/esm';

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

@@ -1,2 +1,40 @@
 declare function searchFilterStub(): boolean;
-export { searchFilterStub };
+declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+    clearButton: string;
+    applyButton: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };

package/input-autocomplete/esm/utils.js

@@ -1,5 +1,49 @@
+import { getDataTestId } from '../../shared/esm';
+
 function searchFilterStub() {
     return true;
 }
+function getInputAutocompleteDesktopTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        field: getDataTestId(dataTestId, 'field'),
+        fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+    };
+}
+function getInputAutocompleteMobileTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: getDataTestId(dataTestId, 'modal'),
+        modalHeader: getDataTestId(dataTestId, 'modal-header'),
+        modalContent: getDataTestId(dataTestId, 'modal-content'),
+        clearButton: getDataTestId(dataTestId, 'clear'),
+        applyButton: getDataTestId(dataTestId, 'apply'),
+        fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: getDataTestId(dataTestId, 'search'),
+        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
+    };
+}
 
-export { searchFilterStub };
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds, searchFilterStub };

package/input-autocomplete/modern/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/modern/autocomplete-field/Component.js

@@ -6,7 +6,7 @@ import { InputDesktop } from '../../../input/modern/desktop';
 const styles = {"arrow":"input-autocomplete__arrow_tohno","error":"input-autocomplete__error_tohno"};
 require('./index.css');
 
-const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {
+const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input = InputDesktop, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, dataTestId, }) => {
     const inputRef = useRef(null);
     const { onClick, onFocus } = innerProps;
     const inputDisabled = disabled || readOnly;
@@ -17,7 +17,7 @@ const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arro
             inputRef.current.focus();
         }
     }, [onClick]);
-    return (React.createElement(Input, { ...inputProps, ...innerProps, wrapperRef: mergeRefs([
+    return (React.createElement(Input, { dataTestId: dataTestId, ...inputProps, ...innerProps, wrapperRef: mergeRefs([
             innerProps.ref,
             inputProps.wrapperRef,
         ]), ref: mergeRefs([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, labelView: labelView, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React.createElement(React.Fragment, null,

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

@@ -0,0 +1 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from "../utils";

package/input-autocomplete/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from '../utils.js';
+import '../../../shared/modern';

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

@@ -1,2 +1,40 @@
 declare function searchFilterStub(): boolean;
-export { searchFilterStub };
+declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+    clearButton: string;
+    applyButton: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };

package/input-autocomplete/modern/utils.js

@@ -1,5 +1,49 @@
+import { getDataTestId } from '../../shared/modern';
+
 function searchFilterStub() {
     return true;
 }
+function getInputAutocompleteDesktopTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        field: getDataTestId(dataTestId, 'field'),
+        fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+    };
+}
+function getInputAutocompleteMobileTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: getDataTestId(dataTestId, 'option'),
+        optionsList: getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: getDataTestId(dataTestId, 'modal'),
+        modalHeader: getDataTestId(dataTestId, 'modal-header'),
+        modalContent: getDataTestId(dataTestId, 'modal-content'),
+        clearButton: getDataTestId(dataTestId, 'clear'),
+        applyButton: getDataTestId(dataTestId, 'apply'),
+        fieldInner: getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: getDataTestId(dataTestId, 'search'),
+        searchFormControl: getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),
+    };
+}
 
-export { searchFilterStub };
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds, searchFilterStub };

package/input-autocomplete/shared/index.d.ts

@@ -0,0 +1 @@
+export { getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds } from "../utils";

package/input-autocomplete/shared/index.js

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getInputAutocompleteDesktopTestIds = utils.getInputAutocompleteDesktopTestIds;
+exports.getInputAutocompleteMobileTestIds = utils.getInputAutocompleteMobileTestIds;

package/input-autocomplete/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/input-autocomplete/utils.d.ts

@@ -1,2 +1,40 @@
 declare function searchFilterStub(): boolean;
-export { searchFilterStub };
+declare function getInputAutocompleteDesktopTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    field: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+};
+declare function getInputAutocompleteMobileTestIds(dataTestId: string): {
+    inputAutocomplete: string;
+    option: string;
+    optionsList: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+    clearButton: string;
+    applyButton: string;
+    fieldInner: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+};
+export { searchFilterStub, getInputAutocompleteDesktopTestIds, getInputAutocompleteMobileTestIds };

package/input-autocomplete/utils.js

@@ -1,7 +1,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsShared = require('../shared');
+
 function searchFilterStub() {
     return true;
 }
+function getInputAutocompleteDesktopTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        field: coreComponentsShared.getDataTestId(dataTestId, 'field'),
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+    };
+}
+function getInputAutocompleteMobileTestIds(dataTestId) {
+    return {
+        inputAutocomplete: dataTestId,
+        option: coreComponentsShared.getDataTestId(dataTestId, 'option'),
+        optionsList: coreComponentsShared.getDataTestId(dataTestId, 'options-list'),
+        bottomSheet: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet'),
+        bottomSheetHeader: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-header'),
+        bottomSheetContent: coreComponentsShared.getDataTestId(dataTestId, 'bottom-sheet-content'),
+        modal: coreComponentsShared.getDataTestId(dataTestId, 'modal'),
+        modalHeader: coreComponentsShared.getDataTestId(dataTestId, 'modal-header'),
+        modalContent: coreComponentsShared.getDataTestId(dataTestId, 'modal-content'),
+        clearButton: coreComponentsShared.getDataTestId(dataTestId, 'clear'),
+        applyButton: coreComponentsShared.getDataTestId(dataTestId, 'apply'),
+        fieldInner: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-inner'),
+        fieldFormControl: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control'),
+        fieldLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-left-addons'),
+        fieldRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-right-addons'),
+        fieldError: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-error-message'),
+        fieldHint: coreComponentsShared.getDataTestId(dataTestId, 'field-form-control-hint'),
+        searchInput: coreComponentsShared.getDataTestId(dataTestId, 'search'),
+        searchFormControl: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control'),
+        searchInner: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-inner'),
+        searchLeftAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-left-addons'),
+        searchRightAddons: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-right-addons'),
+        searchError: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-error-message'),
+        searchHint: coreComponentsShared.getDataTestId(dataTestId, 'search-form-control-hint'),
+    };
+}
 
+exports.getInputAutocompleteDesktopTestIds = getInputAutocompleteDesktopTestIds;
+exports.getInputAutocompleteMobileTestIds = getInputAutocompleteMobileTestIds;
 exports.searchFilterStub = searchFilterStub;

package/international-phone-input/{esm/Component-202ae1dc.d.ts → Component-c241b310.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-202ae1dc";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-c241b310";
 type SpinnerProps = {
     /**
      * Управление видимостью компонента

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
-import { CommonButtonProps, ButtonProps } from "./typings-202ae1dc";
+import { CommonButtonProps, ButtonProps } from "./typings-c241b310";
 declare const ButtonMobile: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export { ButtonMobile, Button };
-export type { CommonButtonProps as ButtonMobileProps } from "./typings-202ae1dc";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-c241b310";