@trilogy-ds/react 0.0.7-beta-v4 → 0.0.8-esm-cjs

package/lib/components/autocomplete/AutoComplete.js

@@ -1,59 +1,30 @@
-import { __assign, __awaiter, __generator, __read, __rest } from "tslib";
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
 import { Input } from '../../components/input';
 import { InputAutoCompleteType } from '../../components/input/InputEnum';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { is } from '../../services';
-import clsx from 'clsx';
-import React, { forwardRef, useEffect, useState } from 'react';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/index';
+import { is } from '../../services/index';
+import { ComponentName } from '../enumsComponentsName';
 import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteItem from './item';
 import AutoCompleteMenu from './menu';
 import { debounce } from './utils';
-/**
- * AutoComplete Component
- * @param placeholder {string} placeholder for input
- * @param defaultValue {string} Default Value for Input
- * @param data {string[]} Datas AutoComplete list Item
- * @param value {string} Value of Input
- * @param onChange {Function} OnChange Input Event
- * @param onFocus {Function} OnFocus Input Event
- * @param children {Function} Custom Component for dropdown list
- * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
- * @param matching {Function} matching function
- * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
- * @param onBlur {Function} onBlur Input Event
- * @param testId {string} Test Id for Test Integration
- * @param disabled {boolean} Disabled input
- * @param onIconClick {Function} onIconClick Input Event
- * @param onItemSelected {Function} onSelectedItemList event
- * @param customIcon {string} Additional icon classes
- * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
- * @param getSuggestions {Function} getSuggestions event
- * - ------------------ WEB PROPERTIES -----------------------
- * @param name {string} Input name
- * @param classNameMenu {string} Additionnal CSS Classes for Menu
- * @param absoluteMenu {boolean} Absolute position for Menu
- * @param fullwidthMenu {boolean} Fullwidth size for Menu
- * @param className {string} Additionnal CSS Classes
- * @param accessibilityLabel {string} Accessibility label
- * @param loading {boolean} Loading input
- */
-var AutoComplete = function (_a, ref) {
-    var defaultValue = _a.defaultValue, value = _a.value, classNameMenu = _a.classNameMenu, absoluteMenu = _a.absoluteMenu, fullwidthMenu = _a.fullwidthMenu, placeholder = _a.placeholder, data = _a.data, status = _a.status, onBlur = _a.onBlur, onChange = _a.onChange, name = _a.name, _b = _a.matching, matching = _b === void 0 ? defaultMatching : _b, _c = _a.displayMenu, displayMenu = _c === void 0 ? true : _c, onItemSelected = _a.onItemSelected, iconName = _a.iconName, disabled = _a.disabled, children = _a.children, accessibilityLabel = _a.accessibilityLabel, onIconClick = _a.onIconClick, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onFocus = _a.onFocus, id = _a.id, loading = _a.loading, others = __rest(_a, ["defaultValue", "value", "classNameMenu", "absoluteMenu", "fullwidthMenu", "placeholder", "data", "status", "onBlur", "onChange", "name", "matching", "displayMenu", "onItemSelected", "iconName", "disabled", "children", "accessibilityLabel", "onIconClick", "getSuggestions", "debounceSuggestionsTimeout", "onFocus", "id", "loading"]);
-    var styled = useTrilogyContext().styled;
-    var _d = __read(useState(null), 2), itemSelected = _d[0], setItemSelected = _d[1];
-    var _e = __read(useState(value !== null && value !== void 0 ? value : ''), 2), _inputValue = _e[0], setInputValue = _e[1];
-    var _f = __read(useState(0), 2), activeItem = _f[0], setActiveItem = _f[1];
-    var _g = __read(useState(displayMenu || false), 2), isAutocompleteMenuVisible = _g[0], setIsAutocompleteMenuVisible = _g[1];
-    var _h = __read(useState([]), 2), search = _h[0], setSearch = _h[1];
-    var autocompleteClasses = hashClass(styled, clsx(is('autocomplete'), is('active')));
-    useEffect(function () {
+const AutoCompleteRef = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, onChange, name, matching = defaultMatching, displayMenu, onItemSelected, iconNameLeft, iconNameRight, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, onFocus, id, loading, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const [itemSelected, setItemSelected] = useState(null);
+    const [_inputValue, setInputValue] = useState(value ?? '');
+    const [activeItem, setActiveItem] = useState(0);
+    const [isAutocompleteMenuVisible, setIsAutocompleteMenuVisible] = useState(displayMenu || false);
+    const [search, setSearch] = useState([]);
+    const autocompleteClasses = hashClass(styled, clsx(is('autocomplete'), is('active')));
+    const autocompleteContainerClasses = hashClass(styled, clsx(is('autocomplete-container')));
+    useEffect(() => {
         setInputValue(value || '');
     }, [value]);
-    useEffect(function () {
+    useEffect(() => {
         setActiveItem(0);
-        if (data === null || data === void 0 ? void 0 : data.length) {
+        if (data?.length) {
             if (matching) {
                 setSearch(matching(data, _inputValue));
             }
@@ -62,54 +33,44 @@ var AutoComplete = function (_a, ref) {
             setItemSelected(null);
         }
     }, [_inputValue]);
-    useEffect(function () {
+    useEffect(() => {
         setSearch(matching(data, _inputValue));
     }, [data]);
-    var onTextChanged = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var pattern, data_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setIsAutocompleteMenuVisible(true);
-                    if (onChange) {
-                        onChange({
-                            inputName: name || '',
-                            inputValue: e.inputValue,
-                            inputSelectionStart: null,
-                            target: e.target,
-                        });
-                    }
-                    // Check if the input value is a regular expression or a string
-                    if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
-                        try {
-                            pattern = e.inputValue.substring(1, e.inputValue.lastIndexOf('/'));
-                            setInputValue(new RegExp(pattern, 'i').source);
-                        }
-                        catch (error) {
-                            // If the regular expression is invalid, keep the input value as a string
-                            setInputValue(e.inputValue);
-                        }
-                    }
-                    else {
-                        setInputValue(e.inputValue);
-                    }
-                    if (!getSuggestions) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getSuggestions(e.inputValue)];
-                case 1:
-                    data_1 = _a.sent();
-                    setSearch(data_1);
-                    return [3 /*break*/, 3];
-                case 2:
-                    if (matching && data) {
-                        setSearch(matching(data, e.inputValue));
-                    }
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
+    const onTextChanged = async (e) => {
+        setIsAutocompleteMenuVisible(true);
+        if (onChange) {
+            onChange({
+                inputName: name || '',
+                inputValue: e.inputValue,
+                inputSelectionStart: null,
+                target: e.target,
+                event: e,
+            });
+        }
+        // Check if the input value is a regular expression or a string
+        if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
+            try {
+                const pattern = e.inputValue.substring(1, e.inputValue.lastIndexOf('/'));
+                setInputValue(new RegExp(pattern, 'i').source);
+            }
+            catch (error) {
+                // If the regular expression is invalid, keep the input value as a string
+                setInputValue(e.inputValue);
             }
-        });
-    }); };
-    var onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
-    var suggestionSelected = function (value, data, search) {
+        }
+        else {
+            setInputValue(e.inputValue);
+        }
+        if (getSuggestions) {
+            const data = await getSuggestions(e.inputValue);
+            setSearch(data);
+        }
+        else if (matching && data) {
+            setSearch(matching(data, e.inputValue));
+        }
+    };
+    const onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
+    const suggestionSelected = (value, data, search) => {
         setIsAutocompleteMenuVisible(false);
         setInputValue(getLabel(value));
         setItemSelected(value);
@@ -122,7 +83,7 @@ var AutoComplete = function (_a, ref) {
             }
         }
     };
-    var handleKeyPress = function (e) {
+    const handleKeyPress = (e) => {
         switch (e.inputKeyCode) {
             case 38:
                 if (activeItem === 0)
@@ -142,23 +103,53 @@ var AutoComplete = function (_a, ref) {
             default:
         }
     };
-    var handleFocus = function (event) {
+    const handleFocus = (event) => {
         setIsAutocompleteMenuVisible(true);
         if (onFocus)
             onFocus(event);
     };
-    return (React.createElement("div", { className: hashClass(styled, clsx('control')) },
-        React.createElement(Input, __assign({ id: id, ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, iconNameLeft: iconName, placeholder: placeholder }, (name ? { name: name } : {}), { className: 'autocomplete-input', type: 'text', status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, 
+    return (React.createElement("div", { className: autocompleteContainerClasses },
+        React.createElement(Input, { id: id, ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, iconNameLeft: iconNameLeft, iconNameRight: iconNameRight, placeholder: placeholder, ...(name ? { name: name } : {}), type: 'text', status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, 
             // Add delay for selection of suggestion
-            onBlur: function (e) {
-                setTimeout(function () { return setIsAutocompleteMenuVisible(false); }, 250);
+            onBlur: (e) => {
+                setTimeout(() => setIsAutocompleteMenuVisible(false), 250);
                 if (onBlur)
                     onBlur(e);
-            }, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: function (event) {
+            }, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: (event) => {
                 onInputChange(event);
-            }, onIconClick: onIconClick, loading: loading })),
-        isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map(function (item, i) { return (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, item: item, suggestionSelected: function (v) { return suggestionSelected(v, data, search); } }, children ? children(item) : getLabel(item))); }))))),
-        React.createElement("div", null)));
+            }, onIconClick: onIconClick, loading: loading, onKeyDown: (e) => e.key === 'Enter' && e.preventDefault(), ...others }),
+        isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map((item, i) => (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, item: item, suggestionSelected: (v) => suggestionSelected(v, data, search) }, children ? children(item) : getLabel(item))))))))));
 };
-export default forwardRef(AutoComplete);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXBFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsVUFBVSxFQUFhLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFckYsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFDbkIsRUEwQjBCLEVBQzFCLEdBQWdDO0lBMUI5QixJQUFBLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ2IsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZ0JBQTBCLEVBQTFCLFFBQVEs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
+AutoCompleteRef.displayName = ComponentName.AutoComplete;
+/**
+ * AutoComplete Component
+ * @param placeholder {string} placeholder for input
+ * @param defaultValue {string} Default Value for Input
+ * @param data {string[]} Datas AutoComplete list Item
+ * @param value {string} Value of Input
+ * @param onChange {Function} OnChange Input Event
+ * @param onFocus {Function} OnFocus Input Event
+ * @param children {Function} Custom Component for dropdown list
+ * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
+ * @param matching {Function} matching function
+ * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param onBlur {Function} onBlur Input Event
+ * @param testId {string} Test Id for Test Integration
+ * @param disabled {boolean} Disabled input
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param onItemSelected {Function} onSelectedItemList event
+ * @param customIcon {string} Additional icon classes
+ * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ * @param getSuggestions {Function} getSuggestions event
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param name {string} Input name
+ * @param classNameMenu {string} Additional CSS Classes for Menu
+ * @param absoluteMenu {boolean} Absolute position for Menu
+ * @param fullwidthMenu {boolean} Fullwidth size for Menu
+ * @param className {string} Additional CSS Classes
+ * @param accessibilityLabel {string} Accessibility label
+ * @param loading {boolean} Loading input
+ */
+const AutoComplete = React.forwardRef(AutoCompleteRef);
+export default AutoComplete;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBYyxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRTlELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMxQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUVwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ2xFLE9BQU8sZ0JBQWdCLE1BQU0sUUFBUSxDQUFBO0FBQ3JDLE9BQU8sZ0JBQWdCLE1BQU0sUUFBUSxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFFbEMsTUFBTSxlQUFlLEdBQUcsQ0FDdEIsRUFDRSxZQUFZLEVBQ1osS0FBSyxFQUNMLGFBQWEsRUFDYixZQUFZLEVBQ1osYUFBYSxFQUNiLFdBQVcsRUFDWCxJQUFJLEVBQ0osTUFBTSxFQUNOLE1BQU0sRUFDTixRQUFRLEVBQ1IsSUFBSSxFQUNKLFFBQVEsR0FBRyxlQUFlLEVBQzFCLFdBQVcsRUFDWCxjQUFjLEVBQ2QsWUFBWSxFQUNaLGFBQWEsRUFDYixRQUFRLEVBQ1IsUUFBUSxFQUNSLGtCQUFrQixFQUNsQixXQUFXLEVBQ1gs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

package/lib/components/autocomplete/AutoComplete.mjs

@@ -0,0 +1,81 @@
+"use client";
+import {
+  AutoComplete_default
+} from "../../chunk-Y4CEWFOC.mjs";
+import "../../chunk-P2RMWELW.mjs";
+import "../../chunk-KATNDH5A.mjs";
+import "../../chunk-4OOJ4CIA.mjs";
+import "../../chunk-ESZE7E3N.mjs";
+import "../../chunk-IRYNHKFI.mjs";
+import "../../chunk-QUKKSRQH.mjs";
+import "../../chunk-7353MDDF.mjs";
+import "../../chunk-ZZRR7QJL.mjs";
+import "../../chunk-MB3N2M2K.mjs";
+import "../../chunk-YGJ6UOVJ.mjs";
+import "../../chunk-ENYSW63F.mjs";
+import "../../chunk-VOIEK4BP.mjs";
+import "../../chunk-CYVPQJFF.mjs";
+import "../../chunk-2BVCMI44.mjs";
+import "../../chunk-BVZWKYND.mjs";
+import "../../chunk-GRUJ62D7.mjs";
+import "../../chunk-P6NVOAAH.mjs";
+import "../../chunk-2WOMFJ45.mjs";
+import "../../chunk-MAMQO43Y.mjs";
+import "../../chunk-HQESKFCX.mjs";
+import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-DB5J6PBL.mjs";
+import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-HQXKHRER.mjs";
+import "../../chunk-NVH4ZPGW.mjs";
+import "../../chunk-62DJK35E.mjs";
+import "../../chunk-PAEZ47M2.mjs";
+import "../../chunk-A2ASOVUR.mjs";
+import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-L5TMSDJR.mjs";
+import "../../chunk-RJO5KKUW.mjs";
+import "../../chunk-R7HI6GOP.mjs";
+import "../../chunk-SUNBSFL4.mjs";
+import "../../chunk-A4CI2ZMI.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-6TNYDJM7.mjs";
+import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-B6WC6WS2.mjs";
+import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
+import "../../chunk-6BTWLQPI.mjs";
+import "../../chunk-G6BHSMLA.mjs";
+import "../../chunk-THOTRBD4.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-UUXUTBLZ.mjs";
+import "../../chunk-F5FPTZND.mjs";
+import "../../chunk-IGMJNGTZ.mjs";
+import "../../chunk-5QUXSOHX.mjs";
+import "../../chunk-ACSGONQB.mjs";
+import "../../chunk-ATW7ITPH.mjs";
+import "../../chunk-JA5LYEG4.mjs";
+import "../../chunk-HV6TXVFA.mjs";
+import "../../chunk-AD63JH53.mjs";
+import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3J6NXB4.mjs";
+import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-A35Q44N2.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4ZJQXF2V.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  AutoComplete_default as default
+};

package/lib/components/autocomplete/AutoComplete.native.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
+import { View } from 'react-native';
 import { AutoCompletePropsNative } from './AutoCompleteProps';
 /**
  * AutoComplete Component
@@ -17,9 +18,10 @@ import { AutoCompletePropsNative } from './AutoCompleteProps';
  * @param disabled {boolean} Disabled input
  * @param onIconClick {Function} onIconClick Input Event
  * @param onItemSelected {Function} OnSelectedItemList event
- * @param iconName {IconName} Additional icon
+ * @param iconNameLeft {IconName} Additional icon left
+ * @param iconNameRight {IconName} Additional icon right
  * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
  * @param getSuggestions {Function} getSuggestions event
  */
-declare const AutoComplete: ({ value, data, onChange, displayMenu, onItemSelected, iconName, placeholder, matching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, status, onBlur, disabled, onIconClick, ...others }: AutoCompletePropsNative) => JSX.Element;
+declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompletePropsNative<string> & React.RefAttributes<View>>;
 export default AutoComplete;

package/lib/components/autocomplete/AutoComplete.native.js

@@ -1,7 +1,7 @@
-import { __awaiter, __generator, __read, __rest } from "tslib";
-import Input from '../../components/input/Input.native';
 import React, { useEffect, useMemo, useState } from 'react';
 import { Keyboard, StyleSheet, View } from 'react-native';
+import Input from '../../components/input/Input.native';
+import { ComponentName } from '../enumsComponentsName';
 import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
 import { debounce } from './utils';
@@ -22,63 +22,48 @@ import { debounce } from './utils';
  * @param disabled {boolean} Disabled input
  * @param onIconClick {Function} onIconClick Input Event
  * @param onItemSelected {Function} OnSelectedItemList event
- * @param iconName {IconName} Additional icon
+ * @param iconNameLeft {IconName} Additional icon left
+ * @param iconNameRight {IconName} Additional icon right
  * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
  * @param getSuggestions {Function} getSuggestions event
  */
-var AutoComplete = function (_a) {
-    var value = _a.value, data = _a.data, onChange = _a.onChange, displayMenu = _a.displayMenu, onItemSelected = _a.onItemSelected, iconName = _a.iconName, placeholder = _a.placeholder, _b = _a.matching, matching = _b === void 0 ? defaultMatching : _b, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onFocus = _a.onFocus, testId = _a.testId, status = _a.status, onBlur = _a.onBlur, disabled = _a.disabled, onIconClick = _a.onIconClick, others = __rest(_a, ["value", "data", "onChange", "displayMenu", "onItemSelected", "iconName", "placeholder", "matching", "getSuggestions", "debounceSuggestionsTimeout", "onFocus", "testId", "status", "onBlur", "disabled", "onIconClick"]);
-    var _c = __read(useState(value !== null && value !== void 0 ? value : ''), 2), valueInput = _c[0], setValueInput = _c[1];
-    var _d = __read(useState(data !== null && data !== void 0 ? data : []), 2), suggestions = _d[0], setSuggestions = _d[1];
-    var _e = __read(useState(displayMenu !== null && displayMenu !== void 0 ? displayMenu : false), 2), isOpenMenu = _e[0], setIsOpenMenu = _e[1];
-    var updateSuggestions = function (valueInput) { return __awaiter(void 0, void 0, void 0, function () {
-        var suggestions_1, suggestions_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!getSuggestions) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getSuggestions(valueInput)];
-                case 1:
-                    suggestions_1 = _a.sent();
-                    suggestions_1 && setSuggestions(suggestions_1);
-                    setIsOpenMenu(Boolean(suggestions_1 === null || suggestions_1 === void 0 ? void 0 : suggestions_1.length));
-                    return [3 /*break*/, 3];
-                case 2:
-                    if (matching && data.length) {
-                        suggestions_2 = matching(data, valueInput);
-                        setSuggestions(suggestions_2);
-                        setIsOpenMenu(Boolean(suggestions_2.length));
-                    }
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    var updateSuggestionsFn = useMemo(function () {
+const AutoComplete = React.forwardRef(({ value, data, onChange, displayMenu, onItemSelected, iconNameLeft, iconNameRight, placeholder, matching = defaultMatching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, status, onBlur, disabled, onIconClick, ...others }, ref) => {
+    const [valueInput, setValueInput] = useState(value ?? '');
+    const [suggestions, setSuggestions] = useState(data ?? []);
+    const [isOpenMenu, setIsOpenMenu] = useState(displayMenu ?? false);
+    const updateSuggestions = async (valueInput) => {
+        if (getSuggestions) {
+            const suggestions = await getSuggestions(valueInput);
+            suggestions && setSuggestions(suggestions);
+            setIsOpenMenu(Boolean(suggestions?.length));
+        }
+        else if (matching && data.length) {
+            const suggestions = matching(data, valueInput);
+            setSuggestions(suggestions);
+            setIsOpenMenu(Boolean(suggestions.length));
+        }
+    };
+    const updateSuggestionsFn = useMemo(() => {
         return debounceSuggestionsTimeout ? debounce(updateSuggestions, debounceSuggestionsTimeout) : updateSuggestions;
     }, [debounceSuggestionsTimeout]);
-    useEffect(function () {
+    useEffect(() => {
         updateSuggestionsFn(valueInput);
     }, [valueInput]);
-    useEffect(function () {
+    useEffect(() => {
         setValueInput(value || '');
     }, [value]);
-    var onTextChanged = function (e) { return __awaiter(void 0, void 0, void 0, function () {
-        var inputValue, inputName, inputSelectionStart;
-        return __generator(this, function (_a) {
-            inputValue = e.inputValue, inputName = e.inputName, inputSelectionStart = e.inputSelectionStart;
-            setValueInput(inputValue);
-            if (onChange) {
-                onChange({
-                    inputName: inputName,
-                    inputValue: inputValue,
-                    inputSelectionStart: inputSelectionStart,
-                });
-            }
-            return [2 /*return*/];
-        });
-    }); };
-    var handleSelectItem = function (item) {
+    const onTextChanged = async (e) => {
+        const { inputValue, inputName, inputSelectionStart } = e;
+        setValueInput(inputValue);
+        if (onChange) {
+            onChange({
+                inputName,
+                inputValue,
+                inputSelectionStart,
+            });
+        }
+    };
+    const handleSelectItem = (item) => {
         setValueInput(getLabel(item));
         setIsOpenMenu(false);
         Keyboard.dismiss();
@@ -89,28 +74,29 @@ var AutoComplete = function (_a) {
             });
         }
     };
-    var handleFocus = function (event) {
+    const handleFocus = (event) => {
         setIsOpenMenu(true);
         if (onFocus)
             onFocus(event);
     };
-    useEffect(function () {
-        var keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', function () { return setIsOpenMenu(true); });
-        var keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', function () { return setIsOpenMenu(false); });
-        return function () {
+    useEffect(() => {
+        const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => setIsOpenMenu(true));
+        const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => setIsOpenMenu(false));
+        return () => {
             keyboardDidHideListener.remove();
             keyboardDidShowListener.remove();
         };
     }, []);
-    return (React.createElement(View, { style: styles.autoComplete },
+    return (React.createElement(View, { style: styles.autoComplete, ref: ref },
         React.createElement(View, null,
-            React.createElement(Input, { status: status, testId: testId, placeholder: placeholder, type: 'text', iconNameLeft: iconName, value: valueInput, onChange: onTextChanged, onFocus: handleFocus, onBlur: onBlur, disabled: disabled, onClick: onIconClick })),
+            React.createElement(Input, { status: status, testId: testId, placeholder: placeholder, type: 'text', iconNameLeft: iconNameLeft, iconNameRight: iconNameRight, value: valueInput, onChange: onTextChanged, onFocus: handleFocus, onBlur: onBlur, disabled: disabled, onClick: onIconClick, ...others })),
         isOpenMenu && React.createElement(AutoCompleteMenuNative, { suggestions: suggestions, handleSelectItem: handleSelectItem })));
-};
-var styles = StyleSheet.create({
+});
+const styles = StyleSheet.create({
     autoComplete: {
         position: 'relative',
     },
 });
+AutoComplete.displayName = ComponentName.AutoComplete;
 export default AutoComplete;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL0F1dG9Db21wbGV0ZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUVuRCxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ2xFLE9BQU8sc0JBQXNCLE1BQU0sZ0NBQWdDLENBQUE7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUVsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBa0JJO0lBakJ4QixJQUFBLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLGdCQUEwQixFQUExQixRQUFRLG1CQUFHLGVBQWUsS0FBQSxFQUMxQixjQUFjLG9CQUFBLEVBQ2QsMEJBQTBCLGdDQUFBLEVBQzFCLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDUixNQUFNLGNBakJXLHlOQWtCckIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksRUFBRSxDQUFDLElBQUEsRUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL0F1dG9Db21wbGV0ZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sS0FBSyxNQUFNLGlDQUFpQyxDQUFBO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ2xFLE9BQU8sc0JBQXNCLE1BQU0sZ0NBQWdDLENBQUE7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUVsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsQ0FDRSxFQUNFLEtBQUssRUFDTCxJQUFJLEVBQ0osUUFBUSxFQUNSLFdBQVcsRUFDWCxjQUFjLEVBQ2QsWUFBWSxFQUNaLGFBQWEsRUFDYixXQUFXLEVBQ1gsUUFBUSxHQUFHLGVBQWUsRUFDMUIsY0FBYyxFQUNkLDBCQUEwQixFQUMxQixPQUFPLEVBQ1AsTUFBTSxFQUNOLE1BQU0sRUFDTixNQUFNLEVBQ04sUUFBUSxFQUNSLFdBQVcsRUFDWCxHQUFHLE1BQU0sRUFDVixFQUNELEdBQUcsRUFDVSxFQUFFO0lBQ2YsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQVMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxDQUFBO0lBQ2pFLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxD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

package/lib/components/autocomplete/AutoCompleteProps.d.mts

@@ -0,0 +1,53 @@
+import { FocusEventHandler } from 'react';
+import { View } from 'react-native';
+import { InputChangeEventNative, InputChangeEventWeb, InputClickEvent, InputProps } from '../../components/input/InputProps';
+import { CommonProps } from '../../objects/facets/CommonProps';
+/**
+ * AutoComplete Interface
+ */
+export interface AutoCompletePropsWeb<T = string> extends InputProps, CommonProps {
+    children?: (item: T) => React.ReactNode;
+    defaultValue?: string;
+    value?: string;
+    data: T[];
+    classNameMenu?: string;
+    absoluteMenu?: boolean;
+    fullwidthMenu?: boolean;
+    matching?: (data: T[], value: string) => T[];
+    onChange?: (event: InputChangeEventWeb) => void;
+    onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
+    displayMenu?: boolean;
+    onIconClick?: (event: InputClickEvent) => void;
+    getSuggestions?: (search: string) => Promise<T[]>;
+    debounceSuggestionsTimeout?: number;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+}
+export interface AutoCompletePropsNative<T = string> extends InputProps {
+    children?: (item: T) => React.ReactNode;
+    defaultValue?: string;
+    value?: string;
+    data: T[];
+    classNameMenu?: string;
+    absoluteMenu?: boolean;
+    fullwidthMenu?: boolean;
+    matching?: (data: T[], value: string) => T[];
+    onChange?: (event: InputChangeEventNative) => void;
+    onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
+    displayMenu?: boolean;
+    onIconClick?: (event: InputClickEvent) => void;
+    getSuggestions?: (search: string) => Promise<T[]>;
+    debounceSuggestionsTimeout?: number;
+    onFocus?: (event: React.BaseSyntheticEvent) => void;
+    onBlur?: (event: unknown) => void;
+}
+export interface Item<T = string> {
+    label: string;
+    data: T;
+}
+export interface ItemSelectedEvent<T> {
+    value: T;
+    index: number;
+}
+export type AutocompleteRef = HTMLInputElement;
+export type AutocompleteNativeRef = View;

package/lib/components/autocomplete/AutoCompleteProps.d.ts

@@ -1,6 +1,6 @@
-import { InputChangeEventWeb, InputChangeEventNative, InputClickEvent, InputProps } from '../../components/input/InputProps';
 import { FocusEventHandler } from 'react';
-import { IconName, IconNameValues } from '../../components/icon';
+import { View } from 'react-native';
+import { InputChangeEventNative, InputChangeEventWeb, InputClickEvent, InputProps } from '../../components/input/InputProps';
 import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * AutoComplete Interface
@@ -22,7 +22,6 @@ export interface AutoCompletePropsWeb<T = string> extends InputProps, CommonProp
     debounceSuggestionsTimeout?: number;
     onFocus?: FocusEventHandler<HTMLInputElement>;
     onBlur?: FocusEventHandler<HTMLInputElement>;
-    iconName?: IconName | IconNameValues;
 }
 export interface AutoCompletePropsNative<T = string> extends InputProps {
     children?: (item: T) => React.ReactNode;
@@ -41,7 +40,6 @@ export interface AutoCompletePropsNative<T = string> extends InputProps {
     debounceSuggestionsTimeout?: number;
     onFocus?: (event: React.BaseSyntheticEvent) => void;
     onBlur?: (event: unknown) => void;
-    iconName?: IconName | IconNameValues;
 }
 export interface Item<T = string> {
     label: string;
@@ -51,3 +49,5 @@ export interface ItemSelectedEvent<T> {
     value: T;
     index: number;
 }
+export type AutocompleteRef = HTMLInputElement;
+export type AutocompleteNativeRef = View;