@trilogy-ds/react 0.0.1-beta.9 → 0.0.3-beta-v4

package/lib/components/alert/context/ToastPropsDefaults.js

@@ -0,0 +1,114 @@
+export default {
+  "title": {
+    "type": "string",
+    "values": []
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "description": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "() => void"
+    ]
+  },
+  "closable": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "() => void"
+    ]
+  },
+  "onHide": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "() => void"
+    ]
+  },
+  "status": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/alert/context/ToasterContext.js

@@ -0,0 +1,5 @@
+import React from 'react';
+var emptyFn = function () { return 0; };
+var ToasterContext = React.createContext({ show: emptyFn, hide: emptyFn });
+export default ToasterContext;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3RlckNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L2NvbnRleHQvVG9hc3RlckNvbnRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixJQUFNLE9BQU8sR0FBRyxjQUFNLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQTtBQUV0QixJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFnRCxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUE7QUFFM0gsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/alert/context/ToasterContextProps.d.ts

@@ -0,0 +1,28 @@
+import { Accessibility, StatusProps } from '../../../objects';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { ToasterAlertPosition } from '../../../components/alert/AlertProps';
+/**
+ * @param title {string} Notification title content
+ * @param description {string|ReactNode} Notification description content
+ * @param iconName {IconName} Custom icon
+ * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param onClick {Function} onClick Event for all notification
+ * @param closable {Function} onClick Event on cross icon
+ * @param onHide {Function} onClick Event on hide
+ */
+export interface ToastProps extends StatusProps, Accessibility {
+    title: string;
+    id?: string;
+    description?: string;
+    iconName?: IconName | IconNameValues;
+    onClick?: () => void;
+    closable?: () => void;
+    onHide?: () => void;
+}
+interface ToastConfig {
+    position?: ToasterAlertPosition;
+    duration?: number;
+    offset?: number;
+}
+export type ToasterShowContext = (params: ToastConfig & ToastProps) => void;
+export {};

package/lib/components/alert/context/ToasterContextProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3RlckNvbnRleHRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWxlcnQvY29udGV4dC9Ub2FzdGVyQ29udGV4dFByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/alert/context/index.js

@@ -0,0 +1,3 @@
+import ToasterContext from './ToasterContext';
+export default ToasterContext;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxjQUFjLE1BQU0sa0JBQWtCLENBQUE7QUFFN0MsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/alert/index.d.ts

@@ -1,2 +1,3 @@
-import Alert from './Alert';
-export { Alert };
+import Alert, { ToasterAlertProvider } from './Alert';
+import ToasterContext from './context';
+export { Alert, ToasterContext, ToasterAlertProvider };

package/lib/components/alert/index.js

@@ -1,3 +1,4 @@
-import Alert from './Alert';
-export { Alert };
-//# sourceMappingURL=index.js.map
+import Alert, { ToasterAlertProvider } from './Alert';
+import ToasterContext from './context';
+export { Alert, ToasterContext, ToasterAlertProvider };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFDckQsT0FBTyxjQUFjLE1BQU0sV0FBVyxDQUFBO0FBRXRDLE9BQU8sRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLG9CQUFvQixFQUFFLENBQUEifQ==

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

@@ -1,24 +1,4 @@
-/// <reference types="react" />
-import { AutoCompleteProps, Item } 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 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
- */
-declare const AutoComplete: <T extends string | Item<unknown> = string>({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching, displayMenu, onItemSelected, customIcon, reference, inputValue, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, }: AutoCompleteProps<T>) => JSX.Element;
-export default AutoComplete;
+import React from 'react';
+import { AutoCompletePropsWeb, Item } from './AutoCompleteProps';
+declare const _default: React.ForwardRefExoticComponent<AutoCompletePropsWeb<string | Item<unknown>> & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/lib/components/autocomplete/AutoComplete.js

@@ -1,47 +1,57 @@
-import React, { useEffect, useState } from 'react';
-import { Input, InputAutoCompleteType } from '../input';
-import AutoCompleteItem from './item';
-import AutoCompleteMenu from './menu';
+import { __assign, __awaiter, __generator, __read, __rest } from "tslib";
+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 { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { getLabel, defaultMatching } from './Autocomplete.helpers';
+import React, { forwardRef, useEffect, useState } from 'react';
+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 inputValue {string} Value of Input
+ * @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 value {string} Value for Input
- * @param onItemSelected {Function} OnSelectedItemList event
- * @param customIcon {string} Additional icon classes
- * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ * @param accessibilityLabel {string} Accessibility label
+ * @param loading {boolean} Loading input
  */
-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 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 () {
+        setInputValue(value || '');
+    }, [value]);
+    useEffect(function () {
         setActiveItem(0);
         if (data === null || data === void 0 ? void 0 : data.length) {
             if (matching) {
@@ -52,46 +62,54 @@ 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);
-        if (onChange) {
-            onChange({ inputName: name || '', inputValue: e.inputValue, inputSelectionStart: null });
-        }
-        // 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 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*/];
             }
-        }
-        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 onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
+    var suggestionSelected = function (value, data, search) {
         setIsAutocompleteMenuVisible(false);
         setInputValue(getLabel(value));
         setItemSelected(value);
@@ -104,7 +122,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 +142,23 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
             default:
         }
     };
+    var handleFocus = function (event) {
+        setIsAutocompleteMenuVisible(true);
+        if (onFocus)
+            onFocus(event);
+    };
     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, 
+        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, 
             // Add delay for selection of suggestion
-            onBlur: (e) => {
-                setTimeout(() => setIsAutocompleteMenuVisible(false), 250);
+            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) {
                 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)))))))),
+            }, 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)));
 };
-export default AutoComplete;
-//# sourceMappingURL=AutoComplete.js.map
+export default forwardRef(AutoComplete);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXBFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsVUFBVSxFQUFhLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFckYsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFDbkIsRUEwQjBCLEVBQzFCLEdBQWdDO0lBMUI5QixJQUFBLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ2IsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZ0JBQTBCLEVBQTFCLFFBQVEs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

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

@@ -1,8 +1,25 @@
 /// <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 { 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 iconName {IconName} Additional icon
+ * @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;
 export default AutoComplete;