@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-fix-timepicker

package/lib/components/autocomplete/AutoComplete.js

@@ -1,47 +1,30 @@
+import { __assign, __awaiter, __generator, __read, __rest } from "tslib";
+import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
-import { Input, InputAutoCompleteType } from '../input';
+import { Input } from '../../components/input';
+import { InputAutoCompleteType } from '../../components/input/InputEnum';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { is } from '../../services';
+import { ComponentName } from '../enumsComponentsName';
+import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteItem from './item';
 import AutoCompleteMenu from './menu';
-import { is } from '../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { getLabel, defaultMatching } from './Autocomplete.helpers';
 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 inputValue {string} Value of Input
- * @param onChange {Function} OnChange Input Event
- * @param children {Function} Custom Component for dropdown list
- * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
- * @param matching {Function} matching function
- * - ------------------ WEB PROPERTIES -----------------------
- * @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 value {string} Value for Input
- * @param onItemSelected {Function} OnSelectedItemList event
- * @param customIcon {string} Additional icon classes
- * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
- */
-const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching = defaultMatching, displayMenu = true, onItemSelected, customIcon, reference, inputValue, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, }) => {
-    var _a;
-    const { styled } = useTrilogyContext();
-    const [itemSelected, setItemSelected] = useState(null);
-    const [_inputValue, setInputValue] = useState(inputValue !== null && inputValue !== void 0 ? inputValue : '');
-    const [_value, setValue] = useState((_a = placeholder !== null && placeholder !== void 0 ? placeholder : defaultValue) !== null && _a !== void 0 ? _a : '');
-    const [activeItem, setActiveItem] = useState(0);
-    const [isAutocompleteMenuVisible, setIsAutocompleteMenuVisible] = useState(displayMenu || false);
-    const [search, setSearch] = useState([]);
-    const autocompleteClasses = hashClass(styled, clsx(is('autocomplete'), is('active')));
-    useEffect(() => {
-        setInputValue(inputValue || '');
-    }, [inputValue]);
-    useEffect(() => {
+var AutoCompleteRef = 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, displayMenu = _a.displayMenu, onItemSelected = _a.onItemSelected, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, 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, testId = _a.testId, others = __rest(_a, ["defaultValue", "value", "classNameMenu", "absoluteMenu", "fullwidthMenu", "placeholder", "data", "status", "onBlur", "onChange", "name", "matching", "displayMenu", "onItemSelected", "iconNameLeft", "iconNameRight", "disabled", "children", "accessibilityLabel", "onIconClick", "getSuggestions", "debounceSuggestionsTimeout", "onFocus", "id", "loading", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var _c = __read(useState(null), 2), itemSelected = _c[0], setItemSelected = _c[1];
+    var _d = __read(useState(value !== null && value !== void 0 ? value : ''), 2), _inputValue = _d[0], setInputValue = _d[1];
+    var _e = __read(useState(0), 2), activeItem = _e[0], setActiveItem = _e[1];
+    var _f = __read(useState(displayMenu || false), 2), isAutocompleteMenuVisible = _f[0], setIsAutocompleteMenuVisible = _f[1];
+    var _g = __read(useState([]), 2), search = _g[0], setSearch = _g[1];
+    var autocompleteClasses = hashClass(styled, clsx(is('autocomplete'), is('active')));
+    var autocompleteContainerClasses = hashClass(styled, clsx(is('autocomplete-container')));
+    useEffect(function () {
+        setInputValue(value || '');
+    }, [value]);
+    useEffect(function () {
         setActiveItem(0);
         if (data === null || data === void 0 ? void 0 : data.length) {
             if (matching) {
@@ -52,46 +35,57 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
             setItemSelected(null);
         }
     }, [_inputValue]);
-    useEffect(() => {
-        var _a, _b;
-        setValue((_b = (_a = placeholder !== null && placeholder !== void 0 ? placeholder : value) !== null && _a !== void 0 ? _a : defaultValue) !== null && _b !== void 0 ? _b : '');
-    }, [value, defaultValue]);
-    useEffect(() => {
-        if ((data === null || data === void 0 ? void 0 : data.length) !== 0 && (data === null || data === void 0 ? void 0 : data.length)) {
-            if (matching && data) {
-                setSearch(matching(data, _inputValue));
-            }
-        }
+    useEffect(function () {
+        setSearch(matching(data, _inputValue));
     }, [data]);
-    const onTextChanged = async (e) => {
-        setIsAutocompleteMenuVisible(true);
+    var handleChangeInputValue = function (e) {
         if (onChange) {
-            onChange({ inputName: name || '', inputValue: e.inputValue, inputSelectionStart: null });
+            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('/'));
+                var 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) {
-            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) => {
+    var getSuggestionsHandler = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var data_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsAutocompleteMenuVisible(true);
+                    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*/];
+            }
+        });
+    }); };
+    var onInputChange = debounceSuggestionsTimeout
+        ? debounce(getSuggestionsHandler, debounceSuggestionsTimeout)
+        : getSuggestionsHandler;
+    var suggestionSelected = function (value, data, search) {
         setIsAutocompleteMenuVisible(false);
         setInputValue(getLabel(value));
         setItemSelected(value);
@@ -104,7 +98,7 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
             }
         }
     };
-    const handleKeyPress = (e) => {
+    var handleKeyPress = function (e) {
         switch (e.inputKeyCode) {
             case 38:
                 if (activeItem === 0)
@@ -124,18 +118,52 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
             default:
         }
     };
-    return (React.createElement("div", { className: hashClass(styled, clsx('control')) },
-        React.createElement(Input, { accessibilityLabel: accessibilityLabel, ...(customIcon ? { customIcon: customIcon } : {}), reference: reference, placeholder: _value, ...(name ? { name: name } : {}), className: 'autocomplete-input', type: 'text', testId: testId, status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, 
-            // Add delay for selection of suggestion
-            onBlur: (e) => {
-                setTimeout(() => setIsAutocompleteMenuVisible(false), 250);
+    var handleFocus = function (event) {
+        setIsAutocompleteMenuVisible(true);
+        if (onFocus)
+            onFocus(event);
+    };
+    return (React.createElement("div", { className: autocompleteContainerClasses },
+        React.createElement(Input, __assign({ 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, onBlur: function (e) {
+                setTimeout(function () { return setIsAutocompleteMenuVisible(false); }, 250);
                 if (onBlur)
                     onBlur(e);
-            }, onFocus: () => setIsAutocompleteMenuVisible(true), onKeyUp: handleKeyPress, value: _inputValue, onChange: (event) => {
+            }, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: function (event) {
+                handleChangeInputValue(event);
                 onInputChange(event);
-            }, onIconClick: onIconClick }),
-        isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { testId: testId, absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map((item, i) => (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, testId: testId, item: item, suggestionSelected: (v) => suggestionSelected(v, data, search) }, children ? children(item) : getLabel(item)))))))),
-        React.createElement("div", null)));
+            }, onIconClick: onIconClick, loading: loading, "data-testid": testId }, __assign({ onKeyDown: function (e) { return e.key === 'Enter' && e.preventDefault(); } }, others))),
+        isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu, testId: "".concat(testId, "-menu") }, search.map(function (item, i) { return (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, item: item, testId: "".concat(testId, "-item"), suggestionSelected: function (v) { return suggestionSelected(v, data, search); } }, children ? children(item) : getLabel(item))); })))))));
 };
+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
+ */
+var AutoComplete = React.forwardRef(AutoCompleteRef);
 export default AutoComplete;
-//# sourceMappingURL=AutoComplete.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUU5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRWxDLElBQU0sZUFBZSxHQUFHLFVBQ3RCLEVBNEIwQixFQUMxQixHQUFnQztJQTVCOUIsSUFBQSxZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsYUFBYSxtQkFBQSxFQUNiLFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLGdCQUEwQixFQUExQixRQUFRLG1CQUFH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

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

@@ -1,8 +1,27 @@
-/// <reference types="react" />
-import { AutoCompleteProps } from './AutoCompleteProps';
-import { ComponentName } from '../enumsComponentsName';
-declare const AutoComplete: {
-    ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching, getSuggestions, debounceSuggestionsTimeout, }: AutoCompleteProps): JSX.Element;
-    displayName: ComponentName;
-};
+import React from 'react';
+import { View } from 'react-native';
+import { AutoCompletePropsNative } from './AutoCompleteProps';
+/**
+ * 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 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: React.ForwardRefExoticComponent<AutoCompletePropsNative<string> & React.RefAttributes<View>>;
 export default AutoComplete;

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

@@ -1,71 +1,119 @@
+import { __assign, __awaiter, __generator, __read, __rest } from "tslib";
 import React, { useEffect, useMemo, useState } from 'react';
 import { Keyboard, StyleSheet, View } from 'react-native';
-import Input from '../input/Input.native';
-import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
-import { getLabel, defaultMatching } from './Autocomplete.helpers';
+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';
-const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching = defaultMatching, getSuggestions, debounceSuggestionsTimeout, }) => {
-    const [valueInput, setValueInput] = useState(value !== null && value !== void 0 ? value : '');
-    const [suggestions, setSuggestions] = useState(data !== null && data !== void 0 ? data : []);
-    const [isOpenMenu, setIsOpenMenu] = useState(displayMenu !== null && displayMenu !== void 0 ? displayMenu : false);
-    const updateSuggestions = async (valueInput) => {
-        if (getSuggestions) {
-            const suggestions = await getSuggestions(valueInput);
-            suggestions && setSuggestions(suggestions);
-            setIsOpenMenu(Boolean(suggestions === null || suggestions === void 0 ? void 0 : suggestions.length));
-        }
-        else if (matching && data.length) {
-            const suggestions = matching(data, valueInput);
-            setSuggestions(suggestions);
-            setIsOpenMenu(Boolean(suggestions.length));
-        }
-    };
-    const updateSuggestionsFn = useMemo(() => {
+/**
+ * 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 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 = React.forwardRef(function (_a, ref) {
+    var value = _a.value, data = _a.data, onChange = _a.onChange, displayMenu = _a.displayMenu, onItemSelected = _a.onItemSelected, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, 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", "iconNameLeft", "iconNameRight", "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 () {
         return debounceSuggestionsTimeout ? debounce(updateSuggestions, debounceSuggestionsTimeout) : updateSuggestions;
     }, [debounceSuggestionsTimeout]);
-    useEffect(() => {
-        if (valueInput) {
-            updateSuggestionsFn(valueInput);
-        }
+    useEffect(function () {
+        updateSuggestionsFn(valueInput);
     }, [valueInput]);
-    const onTextChanged = async (e) => {
-        const { inputValue, inputName, inputSelectionStart } = e;
-        setValueInput(inputValue);
-        if (onChange) {
-            onChange({
-                inputName,
-                inputValue,
-                inputSelectionStart,
-            });
-        }
-    };
-    const handleSelectItem = (item) => {
+    useEffect(function () {
+        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) {
         setValueInput(getLabel(item));
         setIsOpenMenu(false);
         Keyboard.dismiss();
         if (onItemSelected && (data || suggestions)) {
-            onItemSelected({ value: item, index: (data.length ? data : suggestions).indexOf(item) });
+            onItemSelected({
+                value: item,
+                index: (data.length ? data : suggestions).indexOf(item),
+            });
         }
     };
-    useEffect(() => {
-        const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => setIsOpenMenu(true));
-        const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => setIsOpenMenu(false));
-        return () => {
+    var handleFocus = function (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 () {
             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, { placeholder: placeholder, type: 'text', onFocus: () => setIsOpenMenu(true), customIcon: customIcon, value: valueInput, hasIcon: Boolean(customIcon), onChange: onTextChanged })),
+            React.createElement(Input, __assign({ 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 })));
-};
-const styles = StyleSheet.create({
+});
+var styles = StyleSheet.create({
     autoComplete: {
         position: 'relative',
     },
 });
 AutoComplete.displayName = ComponentName.AutoComplete;
 export default AutoComplete;
-//# sourceMappingURL=AutoComplete.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL0F1dG9Db21wbGV0ZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6RCxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUVuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLHNCQUFzQixNQUFNLGdDQUFnQyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFFbEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFtQkMsRUFDRCxHQUFHO0lBbkJELElBQUEsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxZQUFZLGtCQUFBLEVBQ1osYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxnQkFBMEIsRUFBMUIsUUFBUSxtQkFBRyxlQUFlLEtBQUEsRUFDMUIsY0FBYyxvQkFBQSxFQUNkLDBCQUEwQixnQ0FBQSxFQUMxQixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1IsTUFBTSxjQWxCWCw4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

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

@@ -1,24 +1,45 @@
-/// <reference types="react" />
-import { InputChangeEvent, InputClickEvent, InputProps } from '../input/InputProps';
+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 AutoCompleteProps<T = string> extends InputProps {
+export interface AutoCompletePropsWeb<T = string> extends InputProps, CommonProps {
     children?: (item: T) => React.ReactNode;
     defaultValue?: string;
     value?: string;
-    inputValue?: string;
     data: T[];
     classNameMenu?: string;
     absoluteMenu?: boolean;
     fullwidthMenu?: boolean;
     matching?: (data: T[], value: string) => T[];
-    onChange?: (event: InputChangeEvent) => void;
+    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;
@@ -28,3 +49,5 @@ export interface ItemSelectedEvent<T> {
     value: T;
     index: number;
 }
+export type AutocompleteRef = HTMLInputElement;
+export type AutocompleteNativeRef = View;

package/lib/components/autocomplete/AutoCompleteProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=AutoCompleteProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9BdXRvQ29tcGxldGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=