@alfalab/core-components-input-autocomplete 11.3.4 → 11.4.0

package/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/modern/utils.js

@@ -1,5 +1,49 @@
+import { getDataTestId } from '@alfalab/core-components-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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-input-autocomplete",
-    "version": "11.3.4",
+    "version": "11.4.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -14,10 +14,10 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-form-control": "^12.0.3",
-        "@alfalab/core-components-input": "^14.1.2",
+        "@alfalab/core-components-form-control": "^12.1.0",
+        "@alfalab/core-components-input": "^14.2.0",
         "@alfalab/core-components-popover": "^6.2.1",
-        "@alfalab/core-components-select": "^17.1.2",
+        "@alfalab/core-components-select": "^17.2.0",
         "@alfalab/core-components-shared": "^0.9.1",
         "@alfalab/core-components-mq": "^4.2.0",
         "@alfalab/hooks": "^1.13.0",

package/shared/index.d.ts

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

package/shared/index.js

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

package/shared/package.json

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

package/src/autocomplete-field/Component.tsx

@@ -28,6 +28,7 @@ export const AutocompleteField = ({
     onInput,
     inputProps = {},
     innerProps,
+    dataTestId,
 }: AutocompleteFieldProps) => {
     const inputRef = useRef<HTMLInputElement>(null);
 
@@ -48,6 +49,7 @@ export const AutocompleteField = ({
 
     return (
         <Input
+            dataTestId={dataTestId}
             {...inputProps}
             {...innerProps}
             wrapperRef={mergeRefs([

package/src/mobile/Component.mobile.tsx

@@ -54,14 +54,14 @@ export const InputAutocompleteMobile = React.forwardRef(
         const restorePrevValue = () => onInput?.(null, { value: frozenValue.current });
 
         const setModalVisibility = (isOpen: boolean) => {
-            if (openProp === undefined) {
-                setOpen(isOpen);
-            }
-
             if (isOpen) {
                 frozenValue.current = value || '';
             }
 
+            if (openProp === undefined) {
+                setOpen(isOpen);
+            }
+
             onOpen?.({ open: isOpen, name });
         };
 

package/src/shared/index.ts

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

package/src/shared/package.json

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

package/src/utils.ts

@@ -1,3 +1,49 @@
+import { getDataTestId } from '@alfalab/core-components-shared';
+
 export function searchFilterStub() {
     return true;
 }
+
+export function getInputAutocompleteDesktopTestIds(dataTestId: string) {
+    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'),
+    };
+}
+
+export function getInputAutocompleteMobileTestIds(dataTestId: string) {
+    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'),
+    };
+}

package/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/utils.js

@@ -2,8 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var coreComponentsShared = require('@alfalab/core-components-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;