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

package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js

@@ -111,58 +111,6 @@ export default {
       "FocusEventHandler<HTMLInputElement>"
     ]
   },
-  "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"
-    ]
   }
 };

package/lib/components/autocomplete/Autocomplete.helpers.d.ts

@@ -1,3 +1,3 @@
-import { Item } from './AutoCompleteProps';
+import { Item } from '../../components/autocomplete/AutoCompleteProps';
 export declare const getLabel: (data: string | Item<unknown>) => string;
 export declare const defaultMatching: <T extends string | Item<unknown>>(data: T[], value: string) => T[];

package/lib/components/autocomplete/hook/useAutocomplete.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Item, ItemSelectedEvent } from '../../../components/autocomplete/AutoCompleteProps';
+import { InputChangeEventWeb, InputKeyboardEvent } from '../../../components/input/InputProps';
+interface IParams<T> {
+    value?: string;
+    name?: string;
+    data: T[];
+    matching: (data: T[], value: string) => T[];
+    onChange?: (event: InputChangeEventWeb) => void;
+    onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
+    displayMenu?: boolean;
+    getSuggestions?: (search: string) => Promise<T[]>;
+    debounceSuggestionsTimeout?: number;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}
+export declare const useAutocomplete: <T extends string | Item<unknown> = string>({ value, data, displayMenu, matching, onChange, name, getSuggestions, debounceSuggestionsTimeout, onItemSelected, onFocus, onBlur, }: IParams<T>) => {
+    handleChange: (event: InputChangeEventWeb) => void;
+    handleFocus: (event: React.FocusEvent<HTMLInputElement, Element>) => void;
+    handleKeyPress: (e: InputKeyboardEvent) => void;
+    suggestionSelected: (value: T, data: T[], search: T[]) => void;
+    onInputChange: (e: InputChangeEventWeb) => Promise<void>;
+    _inputValue: string;
+    isAutocompleteMenuVisible: boolean;
+    search: T[];
+    activeItem: number;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+} | {
+    _inputValue: string | undefined;
+    isAutocompleteMenuVisible: boolean | undefined;
+    search: never[];
+    activeItem: number;
+    handleChange?: undefined;
+    handleFocus?: undefined;
+    handleKeyPress?: undefined;
+    suggestionSelected?: undefined;
+    onInputChange?: undefined;
+    handleBlur?: undefined;
+};
+export {};

package/lib/components/autocomplete/hook/useAutocomplete.js

@@ -0,0 +1,138 @@
+import { __awaiter, __generator, __read } from "tslib";
+import React from 'react';
+import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
+import { debounce } from '../../../components/autocomplete/utils';
+export var useAutocomplete = function (_a) {
+    var value = _a.value, data = _a.data, displayMenu = _a.displayMenu, matching = _a.matching, onChange = _a.onChange, name = _a.name, getSuggestions = _a.getSuggestions, debounceSuggestionsTimeout = _a.debounceSuggestionsTimeout, onItemSelected = _a.onItemSelected, onFocus = _a.onFocus, onBlur = _a.onBlur;
+    try {
+        var _b = __read(React.useState(null), 2), itemSelected_1 = _b[0], setItemSelected_1 = _b[1];
+        var _c = __read(React.useState(value !== null && value !== void 0 ? value : ''), 2), _inputValue_1 = _c[0], setInputValue_1 = _c[1];
+        var _d = __read(React.useState(0), 2), activeItem_1 = _d[0], setActiveItem_1 = _d[1];
+        var _e = __read(React.useState(displayMenu || false), 2), isAutocompleteMenuVisible = _e[0], setIsAutocompleteMenuVisible_1 = _e[1];
+        var _f = __read(React.useState([]), 2), search_1 = _f[0], setSearch_1 = _f[1];
+        var onTextChanged = React.useCallback(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_1(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_1(new RegExp(pattern, 'i').source);
+                            }
+                            catch (error) {
+                                // If the regular expression is invalid, keep the input value as a string
+                                setInputValue_1(e.inputValue);
+                            }
+                        }
+                        else {
+                            setInputValue_1(e.inputValue);
+                        }
+                        if (!getSuggestions) return [3 /*break*/, 2];
+                        return [4 /*yield*/, getSuggestions(e.inputValue)];
+                    case 1:
+                        data_1 = _a.sent();
+                        setSearch_1(data_1);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        if (matching && data) {
+                            setSearch_1(matching(data, e.inputValue));
+                        }
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }, [onChange, name, getSuggestions, matching]);
+        var onInputChange_1 = debounceSuggestionsTimeout
+            ? debounce(onTextChanged, debounceSuggestionsTimeout)
+            : onTextChanged;
+        var suggestionSelected_1 = React.useCallback(function (value, data, search) {
+            setIsAutocompleteMenuVisible_1(false);
+            setInputValue_1(getLabel(value));
+            setItemSelected_1(value);
+            if ((data || search) && onItemSelected) {
+                onItemSelected({
+                    value: value,
+                    index: value ? (data.length ? data : search).indexOf(value) : -1,
+                });
+            }
+        }, [onItemSelected]);
+        var handleKeyPress = React.useCallback(function (e) {
+            switch (e.inputKeyCode) {
+                case 38:
+                    if (activeItem_1 === 0)
+                        return;
+                    setActiveItem_1(activeItem_1 - 1);
+                    break;
+                case 40:
+                    if (activeItem_1 === search_1.length - 1)
+                        return;
+                    setActiveItem_1(activeItem_1 + 1);
+                    break;
+                case 13:
+                    if (search_1[activeItem_1] != null) {
+                        suggestionSelected_1(search_1[activeItem_1], data, search_1);
+                    }
+                    break;
+                default:
+            }
+        }, [suggestionSelected_1, search_1, activeItem_1]);
+        var handleFocus = React.useCallback(function (event) {
+            setIsAutocompleteMenuVisible_1(true);
+            if (onFocus)
+                onFocus(event);
+        }, [onFocus]);
+        var handleBlur = React.useCallback(function (e) {
+            setTimeout(function () { return setIsAutocompleteMenuVisible_1(false); }, 250);
+            if (onBlur)
+                onBlur(e);
+        }, [onBlur]);
+        var handleChange = React.useCallback(function (event) {
+            onInputChange_1(event);
+        }, [onInputChange_1]);
+        React.useEffect(function () {
+            setInputValue_1(value || '');
+        }, [value]);
+        React.useEffect(function () {
+            setActiveItem_1(0);
+            if ((data === null || data === void 0 ? void 0 : data.length) && matching)
+                setSearch_1(matching(data, _inputValue_1));
+            if (itemSelected_1 && getLabel(itemSelected_1) !== _inputValue_1)
+                setItemSelected_1(null);
+        }, [_inputValue_1, matching, data]);
+        React.useEffect(function () {
+            setSearch_1(matching(data, _inputValue_1));
+        }, [data, _inputValue_1]);
+        return {
+            handleChange: handleChange,
+            handleFocus: handleFocus,
+            handleKeyPress: handleKeyPress,
+            suggestionSelected: suggestionSelected_1,
+            onInputChange: onInputChange_1,
+            _inputValue: _inputValue_1,
+            isAutocompleteMenuVisible: isAutocompleteMenuVisible,
+            search: search_1,
+            activeItem: activeItem_1,
+            handleBlur: handleBlur,
+        };
+    }
+    catch (_g) {
+        return {
+            _inputValue: value,
+            isAutocompleteMenuVisible: displayMenu,
+            search: [],
+            activeItem: 0,
+        };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQXV0b2NvbXBsZXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvY29tcGxldGUvaG9vay91c2VBdXRvY29tcGxldGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBRXpFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQTtBQWlCMUQsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQTRDLEVBWTlEO1FBWFgsS0FBSyxXQUFBLEVBQ0wsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLGNBQWMsb0JBQUEsRUFDZCwwQkFBMEIsZ0NBQUEsRUFDMUIsY0FBYyxvQkFBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQTtJQUVOLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBVyxJQUFJLENBQUMsSUFBQSxFQUEvRCxjQUFZLFFBQUEsRUFBRSxpQkFBZSxRQUFrQyxDQUFBO1FBQ2hFLElBQUEsS0FBQSxPQUErQixLQUFLLENBQUMsUUFBUSxDQUFTLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLEVBQUUsQ0FBQyxJQUFBLEVBQWpFLGFBQVcsUUFBQSxFQUFFLGVBQWEsUUFBdUMsQ0FBQTtRQUNsRSxJQUFBLEtBQUEsT0FBOEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsSUFBQSxFQUF0RCxZQUFVLFFBQUEsRUFBRSxlQUFhLFFBQTZCLENBQUE7UUFDdkQsSUFBQSxLQUFBLE9BQTRELEtBQUssQ0FBQyxRQUFRLENBQVUsV0FBVyxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQXhHLHlCQUF5QixRQUFBLEVBQUUs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

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

@@ -1,5 +1,4 @@
-import AutoComplete from './AutoComplete';
-import AutoCompleteItem from './item';
-import AutoCompleteMenu from './menu';
-export * from './AutoCompleteProps';
-export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };
+export { default as AutoComplete } from '../../components/autocomplete/AutoComplete';
+export * from '../../components/autocomplete/AutoCompleteProps';
+export { default as AutoCompleteItem } from '../../components/autocomplete/item';
+export { default as AutoCompleteMenu } from '../../components/autocomplete/menu';

package/lib/components/autocomplete/index.js

@@ -1,6 +1,5 @@
-import AutoComplete from './AutoComplete';
-import AutoCompleteItem from './item';
-import AutoCompleteMenu from './menu';
-export * from './AutoCompleteProps';
-export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSxnQkFBZ0IsQ0FBQTtBQUN6QyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUNyQyxPQUFPLGdCQUFnQixNQUFNLFFBQVEsQ0FBQTtBQUVyQyxjQUFjLHFCQUFxQixDQUFBO0FBRW5DLE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQSJ9
+export { default as AutoComplete } from '../../components/autocomplete/AutoComplete';
+export * from '../../components/autocomplete/AutoCompleteProps';
+export { default as AutoCompleteItem } from '../../components/autocomplete/item';
+export { default as AutoCompleteMenu } from '../../components/autocomplete/menu';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLHdDQUF3QyxDQUFBO0FBQ2hGLGNBQWMsNkNBQTZDLENBQUE7QUFDM0QsT0FBTyxFQUFFLE9BQU8sSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQzVFLE9BQU8sRUFBRSxPQUFPLElBQUksZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQSJ9

package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AutoCompleteItemProps } from './AutoCompleteItemProps';
+import { AutoCompleteItemProps } from '../../../components/autocomplete/item/AutoCompleteItemProps';
 declare const AutoCompleteItemNative: ({ item, onSelect }: AutoCompleteItemProps) => JSX.Element;
 export default AutoCompleteItemNative;

package/lib/components/autocomplete/item/AutoCompleteIem.native.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { Text } from '../../../components/text';
 import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
+import { Text } from '../../../components/text';
 var AutoCompleteItemNative = function (_a) {
     var item = _a.item, onSelect = _a.onSelect;
     return (React.createElement(TouchableOpacity, { style: styles.itemList, onPress: onSelect },
@@ -13,4 +13,4 @@ var styles = StyleSheet.create({
     },
 });
 export default AutoCompleteItemNative;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBR3pFLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF5QztRQUF2QyxJQUFJLFVBQUEsRUFBRSxRQUFRLGNBQUE7SUFDOUMsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRO1FBQ3pELG9CQUFDLElBQUksUUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLENBQVEsQ0FDWixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixRQUFRLEVBQUU7UUFDUixPQUFPLEVBQUUsRUFBRTtLQUNaO0NBQ0YsQ0FBQyxDQUFBO0FBRUYsZUFBZSxzQkFBc0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBRXpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxJQUFNLHNCQUFzQixHQUFHLFVBQUMsRUFBeUM7UUFBdkMsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBO0lBQzlDLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUTtRQUN6RCxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFRLENBQ1osQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDL0IsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFLEVBQUU7S0FDWjtDQUNGLENBQUMsQ0FBQTtBQUVGLGVBQWUsc0JBQXNCLENBQUEifQ==

package/lib/components/autocomplete/item/AutoCompleteItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Item } from '../AutoCompleteProps';
-import { AutoCompleteItemProps } from './AutoCompleteItemProps';
+import { Item } from '../../../components/autocomplete/AutoCompleteProps';
+import { AutoCompleteItemProps } from '../../../components/autocomplete/item/AutoCompleteItemProps';
 /**
  * AutoCompleteItem Component
  * @param suggestionSelected {Function} select item
@@ -8,5 +8,5 @@ import { AutoCompleteItemProps } from './AutoCompleteItemProps';
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, id, }: AutoCompleteItemProps<T>) => JSX.Element;
+declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, }: AutoCompleteItemProps<T>) => JSX.Element;
 export default AutoCompleteItem;

package/lib/components/autocomplete/item/AutoCompleteItem.js

@@ -1,9 +1,9 @@
 import { __read } from "tslib";
 import clsx from 'clsx';
-import * as React from 'react';
+import React from 'react';
 import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { is } from '../../../services';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
 /**
  * AutoCompleteItem Component
  * @param suggestionSelected {Function} select item
@@ -12,10 +12,10 @@ import { is } from '../../../services';
  * @param className {string} Additionnal CSS Classes
  */
 var AutoCompleteItem = function (_a) {
-    var children = _a.children, suggestionSelected = _a.suggestionSelected, testId = _a.testId, item = _a.item, active = _a.active, id = _a.id;
+    var children = _a.children, suggestionSelected = _a.suggestionSelected, testId = _a.testId, item = _a.item, active = _a.active;
     var styled = useTrilogyContext().styled;
     var _b = __read(React.useState(false), 2), isActive = _b[0], setIsActive = _b[1];
-    return (React.createElement("div", { id: id, onMouseOver: function () { return setIsActive(true); }, onMouseOut: function () { return setIsActive(false); }, role: 'listitem', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: function () { return (suggestionSelected ? suggestionSelected(item) : ''); } }, children));
+    return (React.createElement("div", { onMouseOver: function () { return setIsActive(true); }, onMouseOut: function () { return setIsActive(false); }, role: 'listitem', "data-testid": testId, className: hashClass(clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: function () { return (suggestionSelected ? suggestionSelected(item) : ''); } }, children));
 };
 export default AutoCompleteItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSS9COzs7Ozs7R0FNRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBbUMsRUFPakM7UUFOekIsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQTtJQUVNLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTlDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUIsQ0FBQTtJQUVyRCxPQUFPLENBQ0wsNkJBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixXQUFXLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBakIsQ0FBaUIsRUFDcEMsVUFBVSxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQWxCLENBQWtCLEVBQ3BDLElBQUksRUFBQyxVQUFVLGlCQUNGLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQ3pHLE9BQU8sRUFBRSxjQUFNLE9BQUEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFwRCxDQUFvRCxJQUVsRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFJekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7OztHQU1HO0FBQ0gsSUFBTSxnQkFBZ0IsR0FBRyxVQUFtQyxFQU1qQztRQUx6QixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBO0lBRUUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBOUMsUUFBUSxRQUFBLEVBQUUsV0FBVyxRQUF5QixDQUFBO0lBRXJELE9BQU8sQ0FDTCw2QkFDRSxXQUFXLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBakIsQ0FBaUIsRUFDcEMsVUFBVSxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQWxCLENBQWtCLEVBQ3BDLElBQUksRUFBQyxVQUFVLGlCQUNGLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFDakcsT0FBTyxFQUFFLGNBQU0sT0FBQSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQXBELENBQW9ELElBRWxFLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGdCQUFnQixDQUFBIn0=

package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Item } from "../../../components/autocomplete/AutoCompleteProps";
-import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> extends CommonProps {
+export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> {
     children?: string | React.ReactNode;
     suggestionSelected?: (value: T) => void;
     key?: number;

package/lib/components/autocomplete/item/AutoCompleteItemPropsDefaults.js

@@ -52,19 +52,5 @@ export default {
       "undefined",
       "() => void"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/autocomplete/item/index.d.ts

@@ -1,2 +1,2 @@
-import AutoCompleteItem from './AutoCompleteItem';
+import AutoCompleteItem from '../../../components/autocomplete/item/AutoCompleteItem';
 export default AutoCompleteItem;

package/lib/components/autocomplete/item/index.js

@@ -1,3 +1,3 @@
-import AutoCompleteItem from './AutoCompleteItem';
+import AutoCompleteItem from '../../../components/autocomplete/item/AutoCompleteItem';
 export default AutoCompleteItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCLE1BQU0sb0JBQW9CLENBQUE7QUFFakQsZUFBZSxnQkFBZ0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCLE1BQU0saURBQWlELENBQUE7QUFFOUUsZUFBZSxnQkFBZ0IsQ0FBQSJ9

package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
+import { AutoCompleteMenuProps } from '../../../components/autocomplete/menu/AutoCompleteMenuProps';
 /**
  * AutoCompleteMenu Component
  * @param children {ReactNode} Children
@@ -8,5 +8,5 @@ import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
  * @param absolute {boolean} Absolute position for Menu
  * @param fullwidth {boolean} Fullwidth size for Menu
  */
-declare const AutoCompleteMenu: ({ children, className, id, absolute, fullwidth, testId }: AutoCompleteMenuProps) => JSX.Element;
+declare const AutoCompleteMenu: ({ children, className, absolute, fullwidth, testId }: AutoCompleteMenuProps) => JSX.Element;
 export default AutoCompleteMenu;

package/lib/components/autocomplete/menu/AutoCompleteMenu.js

@@ -1,7 +1,6 @@
 import clsx from 'clsx';
-import * as React from 'react';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
+import React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { is } from '../../../services';
 /**
  * AutoCompleteMenu Component
@@ -12,9 +11,8 @@ import { is } from '../../../services';
  * @param fullwidth {boolean} Fullwidth size for Menu
  */
 var AutoCompleteMenu = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, absolute = _a.absolute, fullwidth = _a.fullwidth, testId = _a.testId;
-    var styled = useTrilogyContext().styled;
-    return (React.createElement("div", { id: id, role: 'list', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-menu', absolute && is('absolute'), fullwidth && is('fullwidth'), className)) }, children));
+    var children = _a.children, className = _a.className, absolute = _a.absolute, fullwidth = _a.fullwidth, testId = _a.testId;
+    return (React.createElement("div", { role: 'list', "data-testid": testId, className: hashClass(clsx('autocomplete-menu', absolute && is('absolute'), fullwidth && is('fullwidth'), className)) }, children));
 };
 export default AutoCompleteMenu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQUErRTtRQUE3RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLE1BQU0saUJBQ0UsTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxnQkFBZ0IsR0FBRyxVQUFDLEVBQTJFO1FBQXpFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQTtJQUMxRSxPQUFPLENBQ0wsNkJBQ0UsSUFBSSxFQUFDLE1BQU0saUJBQ0UsTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixJQUFJLENBQUMsbUJBQW1CLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGdCQUFnQixDQUFBIn0=

package/lib/components/autocomplete/menu/AutoCompleteMenu.native.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
+import { AutoCompleteMenuProps } from '../../../components/autocomplete/menu/AutoCompleteMenuProps';
 declare const AutoCompleteMenuNative: ({ suggestions, handleSelectItem }: AutoCompleteMenuProps) => JSX.Element;
 export default AutoCompleteMenuNative;

package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React from 'react';
 import { FlatList, StyleSheet } from 'react-native';
-import { TrilogyColor, getColorStyle } from '../../../objects';
 import AutoCompleteItemNative from '../../../components/autocomplete/item/AutoCompleteIem.native';
+import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
 var AutoCompleteMenuNative = function (_a) {
     var suggestions = _a.suggestions, handleSelectItem = _a.handleSelectItem;
     var styles = StyleSheet.create({
@@ -28,4 +28,4 @@ var AutoCompleteMenuNative = function (_a) {
         }, keyExtractor: function (item, index) { return String(index); } }));
 };
 export default AutoCompleteMenuNative;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLHNCQUFzQixNQUFNLHVEQUF1RCxDQUFBO0FBRzFGLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBO0lBQzdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLENBQUM7WUFDWixZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUN2RCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2hELEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEdBQUc7WUFDZCxRQUFRLEVBQUUsQ0FBQztTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFDUCx5QkFBeUIsRUFBQyxTQUFTLEVBQ25DLG1CQUFtQixRQUNuQixhQUFhLEVBQUUsSUFBSSxFQUNuQixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFDbEIsSUFBSSxFQUFFLFdBQVcsRUFDakIsVUFBVSxFQUFFLFVBQUMsRUFBUTtnQkFBTixJQUFJLFVBQUE7WUFDakIsT0FBQSxzQkFBc0IsQ0FBQztnQkFDckIsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsUUFBUSxFQUFFO29CQUNSLGdCQUFnQixJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUM1QyxDQUFDO2FBQ0YsQ0FBQztRQUxGLENBS0UsRUFFSixZQUFZLEVBQUUsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFiLENBQWEsR0FDNUMsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQsT0FBTyxzQkFBc0IsTUFBTSx1REFBdUQsQ0FBQTtBQUUxRixPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBO0lBQzdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLENBQUM7WUFDWixZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUN2RCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2hELEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEdBQUc7WUFDZCxRQUFRLEVBQUUsQ0FBQztTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFDUCx5QkFBeUIsRUFBQyxTQUFTLEVBQ25DLG1CQUFtQixRQUNuQixhQUFhLEVBQUUsSUFBSSxFQUNuQixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFDbEIsSUFBSSxFQUFFLFdBQVcsRUFDakIsVUFBVSxFQUFFLFVBQUMsRUFBUTtnQkFBTixJQUFJLFVBQUE7WUFDakIsT0FBQSxzQkFBc0IsQ0FBQztnQkFDckIsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsUUFBUSxFQUFFO29CQUNSLGdCQUFnQixJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUM1QyxDQUFDO2FBQ0YsQ0FBQztRQUxGLENBS0UsRUFFSixZQUFZLEVBQUUsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFiLENBQWEsR0FDNUMsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQSJ9

package/lib/components/autocomplete/menu/AutoCompleteMenuProps.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface AutoCompleteMenuProps extends CommonProps {
+export interface AutoCompleteMenuProps {
     children?: React.ReactNode;
     suggestions?: string[];
     handleSelectItem?: (text: string) => void;
+    className?: string;
     absolute?: boolean;
     testId?: string;
     fullwidth?: boolean;