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

package/lib/components/autocomplete/AutoCompletePropsNativeDefaults.js

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

package/lib/components/autocomplete/AutoCompletePropsWebDefaults.js

@@ -111,6 +111,58 @@ 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": [
@@ -168,15 +220,7 @@ export default {
       "true"
     ]
   },
-  "hasIcon": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
-  "customIcon": {
+  "iconNameLeft": {
     "type": "enum",
     "values": [
       "undefined",
@@ -228,7 +272,7 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "customIconLeft": {
+  "iconNameRight": {
     "type": "enum",
     "values": [
       "undefined",
@@ -280,65 +324,6 @@ 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": [
@@ -377,27 +362,13 @@ export default {
     ]
   },
   "help": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "name": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "name": {
     "type": "string",
     "values": [
       "undefined",
@@ -740,5 +711,19 @@ 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 '../../components/autocomplete/AutoCompleteProps';
+import { Item } from './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/index.d.ts

@@ -1,4 +1,5 @@
-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';
+import AutoComplete from './AutoComplete';
+import AutoCompleteItem from './item';
+import AutoCompleteMenu from './menu';
+export * from './AutoCompleteProps';
+export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };

package/lib/components/autocomplete/index.js

@@ -1,5 +1,6 @@
-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
+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

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AutoCompleteItemProps } from '../../../components/autocomplete/item/AutoCompleteItemProps';
+import { AutoCompleteItemProps } from './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 React from 'react';
+import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
 import { Text } from '../../../components/text';
+import { getLabel } from '../../../components/autocomplete/Autocomplete.helpers';
 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBRXpFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxJQUFNLHNCQUFzQixHQUFHLFVBQUMsRUFBeUM7UUFBdkMsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBO0lBQzlDLE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUTtRQUN6RCxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFRLENBQ1osQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDL0IsUUFBUSxFQUFFO1FBQ1IsT0FBTyxFQUFFLEVBQUU7S0FDWjtDQUNGLENBQUMsQ0FBQTtBQUVGLGVBQWUsc0JBQXNCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSWVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdEQUFnRCxDQUFBO0FBR3pFLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF5QztRQUF2QyxJQUFJLFVBQUEsRUFBRSxRQUFRLGNBQUE7SUFDOUMsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRO1FBQ3pELG9CQUFDLElBQUksUUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLENBQVEsQ0FDWixDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBQ0QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixRQUFRLEVBQUU7UUFDUixPQUFPLEVBQUUsRUFBRTtLQUNaO0NBQ0YsQ0FBQyxDQUFBO0FBRUYsZUFBZSxzQkFBc0IsQ0FBQSJ9

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Item } from '../../../components/autocomplete/AutoCompleteProps';
-import { AutoCompleteItemProps } from '../../../components/autocomplete/item/AutoCompleteItemProps';
+import { Item } from '../AutoCompleteProps';
+import { AutoCompleteItemProps } from './AutoCompleteItemProps';
 /**
  * AutoCompleteItem Component
  * @param suggestionSelected {Function} select item
@@ -8,5 +8,5 @@ import { AutoCompleteItemProps } from '../../../components/autocomplete/item/Aut
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, }: AutoCompleteItemProps<T>) => JSX.Element;
+declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, id, }: 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 React from 'react';
+import * as React from 'react';
 import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import { is } from '../../../services';
 /**
  * AutoCompleteItem Component
  * @param suggestionSelected {Function} select item
@@ -12,10 +12,10 @@ import { is } from '../../../services/classify';
  * @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;
+    var children = _a.children, suggestionSelected = _a.suggestionSelected, testId = _a.testId, item = _a.item, active = _a.active, id = _a.id;
     var styled = useTrilogyContext().styled;
     var _b = __read(React.useState(false), 2), isActive = _b[0], setIsActive = _b[1];
-    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));
+    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));
 };
 export default AutoCompleteItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFJekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7OztHQU1HO0FBQ0gsSUFBTSxnQkFBZ0IsR0FBRyxVQUFtQyxFQU1qQztRQUx6QixRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBO0lBRUUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQTBCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBOUMsUUFBUSxRQUFBLEVBQUUsV0FBVyxRQUF5QixDQUFBO0lBRXJELE9BQU8sQ0FDTCw2QkFDRSxXQUFXLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBakIsQ0FBaUIsRUFDcEMsVUFBVSxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQWxCLENBQWtCLEVBQ3BDLElBQUksRUFBQyxVQUFVLGlCQUNGLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFDakcsT0FBTyxFQUFFLGNBQU0sT0FBQSxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQXBELENBQW9ELElBRWxFLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGdCQUFnQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSS9COzs7Ozs7R0FNRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBbUMsRUFPakM7UUFOekIsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQSxFQUNOLEVBQUUsUUFBQTtJQUVNLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTlDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUIsQ0FBQTtJQUVyRCxPQUFPLENBQ0wsNkJBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixXQUFXLEVBQUUsY0FBTSxPQUFBLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBakIsQ0FBaUIsRUFDcEMsVUFBVSxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsS0FBSyxDQUFDLEVBQWxCLENBQWtCLEVBQ3BDLElBQUksRUFBQyxVQUFVLGlCQUNGLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQ3pHLE9BQU8sRUFBRSxjQUFNLE9BQUEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFwRCxDQUFvRCxJQUVsRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

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

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

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

@@ -52,5 +52,19 @@ 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 '../../../components/autocomplete/item/AutoCompleteItem';
+import AutoCompleteItem from './AutoCompleteItem';
 export default AutoCompleteItem;

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

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

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

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

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

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
-import React from 'react';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
 import { is } from '../../../services';
 /**
  * AutoCompleteMenu Component
@@ -11,8 +12,9 @@ import { is } from '../../../services';
  * @param fullwidth {boolean} Fullwidth size for Menu
  */
 var AutoCompleteMenu = function (_a) {
-    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));
+    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));
 };
 export default AutoCompleteMenu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxnQkFBZ0IsR0FBRyxVQUFDLEVBQTJFO1FBQXpFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQTtJQUMxRSxPQUFPLENBQ0wsNkJBQ0UsSUFBSSxFQUFDLE1BQU0saUJBQ0UsTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixJQUFJLENBQUMsbUJBQW1CLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMvRixJQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGdCQUFnQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQUErRTtRQUE3RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLE1BQU0saUJBQ0UsTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { AutoCompleteMenuProps } from '../../../components/autocomplete/menu/AutoCompleteMenuProps';
+import { AutoCompleteMenuProps } from './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 React from 'react';
+import * as 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQsT0FBTyxzQkFBc0IsTUFBTSx1REFBdUQsQ0FBQTtBQUUxRixPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXBFLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBO0lBQzdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLENBQUM7WUFDWixZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUN2RCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2hELEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEdBQUc7WUFDZCxRQUFRLEVBQUUsQ0FBQztTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFDUCx5QkFBeUIsRUFBQyxTQUFTLEVBQ25DLG1CQUFtQixRQUNuQixhQUFhLEVBQUUsSUFBSSxFQUNuQixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFDbEIsSUFBSSxFQUFFLFdBQVcsRUFDakIsVUFBVSxFQUFFLFVBQUMsRUFBUTtnQkFBTixJQUFJLFVBQUE7WUFDakIsT0FBQSxzQkFBc0IsQ0FBQztnQkFDckIsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsUUFBUSxFQUFFO29CQUNSLGdCQUFnQixJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUM1QyxDQUFDO2FBQ0YsQ0FBQztRQUxGLENBS0UsRUFFSixZQUFZLEVBQUUsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFiLENBQWEsR0FDNUMsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L0F1dG9Db21wbGV0ZU1lbnUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLHNCQUFzQixNQUFNLHVEQUF1RCxDQUFBO0FBRzFGLElBQU0sc0JBQXNCLEdBQUcsVUFBQyxFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBO0lBQzdELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osU0FBUyxFQUFFLENBQUM7WUFDWixZQUFZLEVBQUUsQ0FBQztZQUNmLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUN2RCxXQUFXLEVBQUUsQ0FBQztZQUNkLFlBQVksRUFBRSxDQUFDO1lBQ2YsV0FBVyxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1lBQ2hELEtBQUssRUFBRSxNQUFNO1lBQ2IsU0FBUyxFQUFFLEdBQUc7WUFDZCxRQUFRLEVBQUUsQ0FBQztTQUNaO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFDUCx5QkFBeUIsRUFBQyxTQUFTLEVBQ25DLG1CQUFtQixRQUNuQixhQUFhLEVBQUUsSUFBSSxFQUNuQixLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFDbEIsSUFBSSxFQUFFLFdBQVcsRUFDakIsVUFBVSxFQUFFLFVBQUMsRUFBUTtnQkFBTixJQUFJLFVBQUE7WUFDakIsT0FBQSxzQkFBc0IsQ0FBQztnQkFDckIsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsUUFBUSxFQUFFO29CQUNSLGdCQUFnQixJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUM1QyxDQUFDO2FBQ0YsQ0FBQztRQUxGLENBS0UsRUFFSixZQUFZLEVBQUUsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFiLENBQWEsR0FDNUMsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxzQkFBc0IsQ0FBQSJ9

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

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