@trilogy-ds/react 0.0.1-alpha-prompt

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

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

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

@@ -0,0 +1,2 @@
+import ToasterContext from './ToasterContext';
+export default ToasterContext;

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

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

package/lib/components/alert/index.js

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { AutoCompletePropsWeb, AutocompleteRef } 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 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
+ */
+declare const AutoComplete: <T>(props: AutoCompletePropsWeb<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement> | undefined;
+}) => JSX.Element;
+export default AutoComplete;

package/lib/components/autocomplete/AutoComplete.js

@@ -0,0 +1,168 @@
+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 { ComponentName } from '../enumsComponentsName';
+import { defaultMatching, getLabel } from './Autocomplete.helpers';
+import AutoCompleteItem from './item';
+import AutoCompleteMenu from './menu';
+import { debounce } from './utils';
+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, 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"]);
+    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) {
+                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,
+                            event: e,
+                        });
+                    }
+                    // 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: 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, 
+            // 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 }, __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 }, 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))); })))))));
+};
+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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvQXV0b0NvbXBsZXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQWMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUU5RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBRWxDLElBQU0sZUFBZSxHQUFHLFVBQ3RCLEVBMkIwQixFQUMxQixHQUFnQztJQTNCOUIsSUFBQSxZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsYUFBYSxtQkFBQSxFQUNiLFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLGdCQUEwQixFQUExQixRQUFRLG1CQUFHLGVBQWUsS0FBQSxFQUMxQixXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFlBQVksa0JBQUEsRUFDWixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsMEJBQTBCLGdDQUFBLEVBQzFCLE9BQU8sYUFBQSxFQUNQLEVBQUUsUUFBQSxFQUNGLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0ExQlgsaVdBMkJDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBa0MsUUFBUSxDQUFXLElBQUksQ0FBQyxJQUFBLEVBQXpELFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNEIsQ0FBQTtJQUMxRCxJQUFBLEtBQUEsT0FBK0IsUUFBUSxDQUFTLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQTNELFdBQVcsUUFBQSxFQUFFLGFBQWEsUUFBaUMsQ0FBQTtJQUM1RCxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQWhELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBdUIsQ0FBQTtJQUNqRCxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFVLFdBQVcsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUFsRyx5QkFBeUIsUUFBQSxFQUFFLDRCQUE0QixRQUEyQyxDQUFBO0lBQ25HLElBQUEsS0FBQSxPQUFzQixRQUFRLENBQU0sRUFBRSxDQUFDLElBQUEsRUFBdEMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFxQixDQUFBO0lBRTdDLElBQU0sbUJBQW1CLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDckYsSUFBTSw0QkFBNEIsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFM0YsU0FBUyxDQUFDO1FBQ1IsYUFBYSxDQUFDLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQTtJQUM1QixDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRVgsU0FBUyxDQUFDO1FBQ1IsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ2hCLElBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sRUFBRTtZQUNoQixJQUFJLFFBQVEsRUFBRTtnQkFDWixTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFBO2FBQ3ZDO1NBQ0Y7UUFDRCxJQUFJLFlBQVksSUFBSSxRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssV0FBVyxFQUFFO1lBQzFELGVBQWUsQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN0QjtJQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFakIsU0FBUyxDQUFDO1FBQ1IsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQTtJQUN4QyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFBO0lBRVYsSUFBTSxhQUFhLEdBQUcsVUFBTyxDQUFzQjs7Ozs7b0JBQ2pELDRCQUE0QixDQUFDLElBQUksQ0FBQyxDQUFBO29CQUVsQyxJQUFJLFFBQVEsRUFBRTt3QkFDWixRQUFRLENBQUM7NEJBQ1AsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFOzRCQUNyQixVQUFVLEVBQUUsQ0FBQyxDQUFDLFVBQVU7NEJBQ3hCLG1CQUFtQixFQUFFLElBQUk7NEJBQ3pCLE1BQU0sRUFBRSxDQUFDLENBQUMsTUFBTTs0QkFDaEIsS0FBSyxFQUFFLENBQUM7eUJBQ1QsQ0FBQyxDQUFBO3FCQUNIO29CQUVELCtEQUErRDtvQkFDL0QsSUFBSSxDQUFDLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsRUFBRTt3QkFDOUQsSUFBSTs0QkFDSSxPQUFPLEdBQUcsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7NEJBQ3hFLGFBQWEsQ0FBQyxJQUFJLE1BQU0sQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUE7eUJBQy9DO3dCQUFDLE9BQU8sS0FBSyxFQUFFOzRCQUNkLHlFQUF5RTs0QkFDekUsYUFBYSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQTt5QkFDNUI7cUJBQ0Y7eUJBQU07d0JBQ0wsYUFBYSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQTtxQkFDNUI7eUJBRUcsY0FBYyxFQUFkLHdCQUFjO29CQUNILHFCQUFNLGNBQWMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLEVBQUE7O29CQUF6QyxTQUFPLFNBQWtDO29CQUMvQyxTQUFTLENBQUMsTUFBSSxDQUFDLENBQUE7OztvQkFDVixJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUU7d0JBQzNCLFNBQVMsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFBO3FCQUN4Qzs7Ozs7U0FDRixDQUFBO0lBQ0QsSUFBTSxhQUFhLEdBQUcsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsMEJBQTBCLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFBO0lBRXRILElBQU0sa0JBQWtCLEdBQUcsVUFBQyxLQUFRLEVBQUUsSUFBUyxFQUFFLE1BQVc7UUFDMUQsNEJBQTRCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDbkMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO1FBQzlCLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN0QixJQUFJLElBQUksSUFBSSxNQUFNLEVBQUU7WUFDbEIsSUFBSSxjQUFjLEVBQUU7Z0JBQ2xCLGNBQWMsQ0FBQztvQkFDYixLQUFLLEVBQUUsS0FBSztvQkFDWixLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQ2pFLENBQUMsQ0FBQTthQUNIO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLGNBQWMsR0FBRyxVQUFDLENBQXFCO1FBQzNDLFFBQVEsQ0FBQyxDQUFDLFlBQVksRUFBRTtZQUN0QixLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxVQUFVLEtBQUssQ0FBQztvQkFBRSxPQUFNO2dCQUM1QixhQUFhLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUM3QixNQUFLO1lBQ1AsS0FBSyxFQUFFO2dCQUNMLElBQUksVUFBVSxLQUFLLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQztvQkFBRSxPQUFNO2dCQUM1QyxhQUFhLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUM3QixNQUFLO1lBQ1AsS0FBSyxFQUFFO2dCQUNMLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFJLElBQUksRUFBRTtvQkFDOUIsa0JBQWtCLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQTtpQkFDckQ7Z0JBQ0QsTUFBSztZQUNQLFFBQVE7U0FDVDtJQUNILENBQUMsQ0FBQTtJQUVELElBQU0sV0FBVyxHQUFHLFVBQUMsS0FBNEM7UUFDL0QsNEJBQTRCLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDbEMsSUFBSSxPQUFPO1lBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzdCLENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsNEJBQTRCO1FBQzFDLG9CQUFDLEtBQUssYUFDSixFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsWUFBWSxFQUFFLFlBQVksRUFDMUIsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQ3RDLFlBQVksRUFBRSxZQUFZLEVBQzFCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLFdBQVcsRUFBRSxXQUFXLElBQ3BCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQ2hDLElBQUksRUFBQyxNQUFNLEVBQ1gsTUFBTSxFQUFFLE1BQU0sRUFDZCxnQkFBZ0IsRUFBRSxxQkFBcUIsQ0FBQyxHQUFHLEVBQzNDLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLHdDQUF3QztZQUN4QyxNQUFNLEVBQUUsVUFBQyxDQUF3QztnQkFDL0MsVUFBVSxDQUFDLGNBQU0sT0FBQSw0QkFBNEIsQ0FBQyxLQUFLLENBQUMsRUFBbkMsQ0FBbUMsRUFBRSxHQUFHLENBQUMsQ0FBQTtnQkFDMUQsSUFBSSxNQUFNO29CQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQTtZQUN2QixDQUFDLEVBQ0QsT0FBTyxFQUFFLFdBQVcsRUFDcEIsT0FBTyxFQUFFLGNBQWMsRUFDdkIsS0FBSyxFQUFFLFdBQVcsRUFDbEIsUUFBUSxFQUFFLFVBQUMsS0FBMEI7Z0JBQ25DLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUN0QixDQUFDLEVBQ0QsV0FBVyxFQUFFLFdBQVcsRUFDeEIsT0FBTyxFQUFFLE9BQU8sZUFDVixTQUFTLEVBQUUsVUFBQyxDQUFzQixJQUFLLE9BQUEsQ0FBQyxDQUFDLEdBQUcsS0FBSyxPQUFPLElBQUksQ0FBQyxDQUFDLGNBQWMsRUFBRSxFQUF2QyxDQUF1QyxJQUFLLE1BQU0sR0FDL0Y7UUFFRCx5QkFBeUIsSUFBSSxDQUM1Qiw2QkFBSyxTQUFTLEVBQUUsbUJBQW1CLElBQ2hDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ3BCLG9CQUFDLGdCQUFnQixJQUFDLFFBQVEsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsYUFBYSxJQUN6RixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLENBQUMsSUFBSyxPQUFBLENBQ3ZCLG9CQUFDLGdCQUFnQixJQUNmLE1BQU0sRUFBRSxVQUFVLEtBQUssQ0FBQyxFQUN4QixHQUFHLEVBQUUsQ0FBQyxFQUNOLElBQUksRUFBRSxJQUFJLEVBQ1Ysa0JBQWtCLEVBQUUsVUFBQyxDQUFJLElBQUssT0FBQSxrQkFBa0IsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxFQUFuQyxDQUFtQyxJQUVoRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUMxQixDQUNwQixFQVR3QixDQVN4QixDQUFDLENBQ2UsQ0FDcEIsQ0FDRyxDQUNQLENBQ0csQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBRXhEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNEJHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxlQUFlLENBRXJDLENBQUE7QUFFaEIsZUFBZSxZQUFZLENBQUEifQ==

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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +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 '../../components/input/Input.native';
+import { ComponentName } from '../enumsComponentsName';
+import { defaultMatching, getLabel } from './Autocomplete.helpers';
+import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
+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 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(function () {
+        updateSuggestionsFn(valueInput);
+    }, [valueInput]);
+    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),
+            });
+        }
+    };
+    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, ref: ref },
+        React.createElement(View, null,
+            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 })));
+});
+var styles = StyleSheet.create({
+    autoComplete: {
+        position: 'relative',
+    },
+});
+AutoComplete.displayName = ComponentName.AutoComplete;
+export default AutoComplete;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL0F1dG9Db21wbGV0ZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6RCxPQUFPLEtBQUssTUFBTSxpQ0FBaUMsQ0FBQTtBQUVuRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRSxPQUFPLHNCQUFzQixNQUFNLGdDQUFnQyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUE7QUFFbEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFtQkMsRUFDRCxHQUFHO0lBbkJELElBQUEsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxZQUFZLGtCQUFBLEVBQ1osYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxnQkFBMEIsRUFBMUIsUUFBUSxtQkFBRyxlQUFlLEtBQUEsRUFDMUIsY0FBYyxvQkFBQSxFQUNkLDBCQUEwQixnQ0FBQSxFQUMxQixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixXQUFXLGlCQUFBLEVBQ1IsTUFBTSxjQWxCWCw4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

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

@@ -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.js

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