@trilogy-ds/react 0.0.1-beta-147 → 0.0.1-beta-sc-2

package/lib/components/autocomplete/AutoComplete.js

@@ -1,15 +1,15 @@
-import { __assign, __awaiter, __generator, __read, __rest } from "tslib";
+import { __assign, __rest } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import { defaultMatching, getLabel } from '../../components/autocomplete/Autocomplete.helpers';
+import { useAutocomplete } from '../../components/autocomplete/hook/useAutocomplete';
+import AutoCompleteItem from '../../components/autocomplete/item';
+import AutoCompleteMenu from '../../components/autocomplete/menu';
+import { ComponentName } from '../../components/enumsComponentsName';
 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 { defaultMatching, getLabel } from './Autocomplete.helpers';
-import AutoCompleteItem from './item';
-import AutoCompleteMenu from './menu';
-import { debounce } from './utils';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
 /**
  * AutoComplete Component
  * @param placeholder {string} placeholder for input
@@ -39,126 +39,29 @@ import { debounce } from './utils';
  * @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 () {
-        setInputValue(value || '');
-    }, [value]);
-    useEffect(function () {
-        setActiveItem(0);
-        if (data === null || data === void 0 ? void 0 : data.length) {
-            if (matching) {
-                setSearch(matching(data, _inputValue));
-            }
-        }
-        if (itemSelected && getLabel(itemSelected) !== _inputValue) {
-            setItemSelected(null);
-        }
-    }, [_inputValue]);
-    useEffect(function () {
-        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*/];
-            }
-        });
-    }); };
-    var onInputChange = debounceSuggestionsTimeout ? debounce(onTextChanged, debounceSuggestionsTimeout) : onTextChanged;
-    var suggestionSelected = function (value, data, search) {
-        setIsAutocompleteMenuVisible(false);
-        setInputValue(getLabel(value));
-        setItemSelected(value);
-        if (data || search) {
-            if (onItemSelected) {
-                onItemSelected({
-                    value: value,
-                    index: value ? (data.length ? data : search).indexOf(value) : -1,
-                });
-            }
-        }
-    };
-    var handleKeyPress = function (e) {
-        switch (e.inputKeyCode) {
-            case 38:
-                if (activeItem === 0)
-                    return;
-                setActiveItem(activeItem - 1);
-                break;
-            case 40:
-                if (activeItem === search.length - 1)
-                    return;
-                setActiveItem(activeItem + 1);
-                break;
-            case 13:
-                if (search[activeItem] != null) {
-                    suggestionSelected(search[activeItem], data, search);
-                }
-                break;
-            default:
-        }
-    };
-    var handleFocus = function (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, 
+var AutoComplete = React.forwardRef(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, testId = _a.testId, 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, customIcon = _a.customIcon, disabled = _a.disabled, children = _a.children, accessibilityLabel = _a.accessibilityLabel, onIconClick = _a.onIconClick, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onFocus = _a.onFocus, loading = _a.loading, others = __rest(_a, ["defaultValue", "value", "classNameMenu", "absoluteMenu", "fullwidthMenu", "placeholder", "data", "status", "onBlur", "testId", "onChange", "name", "matching", "displayMenu", "onItemSelected", "customIcon", "disabled", "children", "accessibilityLabel", "onIconClick", "getSuggestions", "debounceSuggestionsTimeout", "onFocus", "loading"]);
+    var _d = useAutocomplete({
+        value: value,
+        data: data,
+        displayMenu: displayMenu,
+        matching: matching,
+        onChange: onChange,
+        name: name,
+        getSuggestions: getSuggestions,
+        debounceSuggestionsTimeout: debounceSuggestionsTimeout,
+        onItemSelected: onItemSelected,
+        onFocus: onFocus,
+        onBlur: onBlur,
+    }), handleFocus = _d.handleFocus, handleKeyPress = _d.handleKeyPress, suggestionSelected = _d.suggestionSelected, _inputValue = _d._inputValue, isAutocompleteMenuVisible = _d.isAutocompleteMenuVisible, search = _d.search, activeItem = _d.activeItem, handleBlur = _d.handleBlur, handleChange = _d.handleChange;
+    var autocompleteClasses = hashClass(clsx(is('autocomplete'), is('active')));
+    return (React.createElement("div", { className: hashClass(clsx('control')) },
+        React.createElement(Input, __assign({ ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel }, (customIcon ? { customIcon: customIcon } : {}), { placeholder: placeholder }, (name ? { name: name } : {}), { className: 'autocomplete-input', type: 'text', testId: testId, status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, 
             // Add delay for selection of suggestion
-            onBlur: function (e) {
-                setTimeout(function () { return setIsAutocompleteMenuVisible(false); }, 250);
-                if (onBlur)
-                    onBlur(e);
-            }, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: function (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))); }))))),
+            onBlur: handleBlur, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: handleChange, onIconClick: onIconClick, loading: loading })),
+        isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { testId: testId, absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map(function (item, i) { return (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, testId: testId, item: item, suggestionSelected: suggestionSelected ? function (v) { return suggestionSelected(v, data, search); } : undefined }, children ? children(item) : getLabel(item))); }))))),
         React.createElement("div", null)));
-};
-export default forwardRef(AutoComplete);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzFDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXBFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsVUFBVSxFQUFhLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFckYsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRWxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFDbkIsRUEwQjBCLEVBQzFCLEdBQWdDO0lBMUI5QixJQUFBLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ2IsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osZ0JBQTBCLEVBQTFCLFFBQVEs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
+});
+AutoComplete.displayName = ComponentName.AutoComplete;
+export default AutoComplete;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQzFGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQTtBQUNoRixPQUFPLGdCQUFnQixNQUFNLGdDQUFnQyxDQUFBO0FBQzdELE9BQU8sZ0JBQWdCLE1BQU0sZ0NBQWdDLENBQUE7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUMxQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsVUFDRSxFQTBCMEIsRUFDMUIsR0FBZ0M7SUExQjlCLElBQUEsWUFBWSxrQkFBQSxFQUNaLEtBQUssV0FBQSxFQUNMLGFBQWEsbUJBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixnQkFBMEIsRUFBMUIs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

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

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { AutoCompletePropsNative } from './AutoCompleteProps';
+import React from 'react';
+import type { TextInput } from 'react-native';
+import { AutoCompletePropsNative } from '../../components/autocomplete/AutoCompleteProps';
 /**
  * AutoComplete Component
  * @param placeholder {string} placeholder for input
@@ -17,9 +18,9 @@ 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 customIcon {string} Additional icon classes
  * @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<TextInput>>;
 export default AutoComplete;

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

@@ -1,10 +1,11 @@
 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 { defaultMatching, getLabel } from './Autocomplete.helpers';
-import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
-import { debounce } from './utils';
+import { defaultMatching, getLabel } from '../../components/autocomplete/Autocomplete.helpers';
+import AutoCompleteMenuNative from '../../components/autocomplete/menu/AutoCompleteMenu.native';
+import { debounce } from '../../components/autocomplete/utils';
+import { ComponentName } from '../../components/enumsComponentsName';
+import Input from '../../components/input/Input.native';
 /**
  * AutoComplete Component
  * @param placeholder {string} placeholder for input
@@ -22,12 +23,12 @@ 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 customIcon {string} Additional icon classes
  * @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 AutoComplete = React.forwardRef(function (_a, ref) {
+    var value = _a.value, data = _a.data, onChange = _a.onChange, displayMenu = _a.displayMenu, onItemSelected = _a.onItemSelected, customIcon = _a.customIcon, 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", "customIcon", "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];
@@ -104,13 +105,14 @@ var AutoComplete = function (_a) {
     }, []);
     return (React.createElement(View, { style: styles.autoComplete },
         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, { ref: ref, status: status, testId: testId, placeholder: placeholder, type: 'text', customIcon: customIcon, value: valueInput, hasIcon: Boolean(customIcon), onChange: onTextChanged, onFocus: handleFocus, onBlur: onBlur, disabled: disabled, onClick: onIconClick })),
         isOpenMenu && React.createElement(AutoCompleteMenuNative, { suggestions: suggestions, handleSelectItem: handleSelectItem })));
-};
+});
 var 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL0F1dG9Db21wbGV0ZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRTNELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBQzFGLE9BQU8sc0JBQXNCLE1BQU0sd0RBQXdELENBQUE7QUFDM0YsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUVuRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUNFLEVBa0IwQixFQUMxQixHQUF5QjtJQWxCdkIsSUFBQSxLQUFLLFdBQUEsRUFDTCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFVBQVUsZ0JBQUEsRUFDVixXQUFXLGlCQUFBLEVBQ1gsZ0JBQTBCLEVBQTFCLFFBQVEsbUJBQUcsZUFBZSxLQUFBLEVBQzFCLGNBQWMsb0JBQUEsRUFDZCwwQkFBMEIsZ0NBQUEsRUFDMUIsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNSLE1BQU0sY0FqQlgsMk5Ba0JDLENBRFU7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

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

@@ -1,11 +1,9 @@
-import { InputChangeEventWeb, InputChangeEventNative, InputClickEvent, InputProps } from '../../components/input/InputProps';
 import { FocusEventHandler } from 'react';
-import { IconName, IconNameValues } from '../../components/icon';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import { InputChangeEventNative, InputChangeEventWeb, InputClickEvent, InputProps } from '../../components/input/InputProps';
 /**
  * AutoComplete Interface
  */
-export interface AutoCompletePropsWeb<T = string> extends InputProps, CommonProps {
+export interface AutoCompletePropsWeb<T = string> extends InputProps {
     children?: (item: T) => React.ReactNode;
     defaultValue?: string;
     value?: string;
@@ -22,7 +20,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 +38,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;

package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js

@@ -111,58 +111,6 @@ export default {
       "(event: unknown) => void"
     ]
   },
-  "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"
-    ]
-  },
   "type": {
     "type": "enum",
     "values": [
@@ -220,7 +168,15 @@ export default {
       "true"
     ]
   },
-  "iconNameLeft": {
+  "hasIcon": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "customIcon": {
     "type": "enum",
     "values": [
       "undefined",
@@ -272,7 +228,7 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "iconNameRight": {
+  "customIconLeft": {
     "type": "enum",
     "values": [
       "undefined",
@@ -324,6 +280,65 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
+  "customIconRight": {
+    "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"
+    ]
+  },
+  "iconClassname": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "status": {
     "type": "enum",
     "values": [
@@ -362,13 +377,27 @@ export default {
     ]
   },
   "help": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "name": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "name": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
@@ -711,19 +740,5 @@ export default {
       "undefined",
       "string"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };