@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-v4

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/item/AutoCompleteItem.d.ts

@@ -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, }: 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

@@ -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;
+    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(styled, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2l0ZW0vQXV0b0NvbXBsZXRlSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSS9COzs7Ozs7R0FNRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBbUMsRUFNakM7UUFMekIsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLE1BQU0sWUFBQTtJQUVFLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTlDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBeUIsQ0FBQTtJQUVyRCxPQUFPLENBQ0wsNkJBQ0UsV0FBVyxFQUFFLGNBQU0sT0FBQSxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQWpCLENBQWlCLEVBQ3BDLFVBQVUsRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssQ0FBQyxFQUFsQixDQUFrQixFQUNwQyxJQUFJLEVBQUMsVUFBVSxpQkFDRixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUN6RyxPQUFPLEVBQUUsY0FBTSxPQUFBLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBcEQsQ0FBb0QsSUFFbEUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZ0JBQWdCLENBQUEifQ==
+//# 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/menu/AutoCompleteMenu.d.ts

@@ -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, 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

@@ -12,9 +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;
+    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", { role: 'list', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-menu', absolute && is('absolute'), fullwidth && is('fullwidth'), className)) }, children));
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQUEyRTtRQUF6RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDbEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLElBQUksRUFBQyxNQUFNLGlCQUNFLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQy9GLElBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsZ0JBQWdCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0NvbXBsZXRlTWVudS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL21lbnUvQXV0b0NvbXBsZXRlTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFHL0I7Ozs7Ozs7R0FPRztBQUNILElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQUErRTtRQUE3RSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxNQUFNLFlBQUE7SUFDdEUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLDZCQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLE1BQU0saUJBQ0UsTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLG1CQUFtQixFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0YsSUFFQSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

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;

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

@@ -27,13 +27,6 @@ export default {
       "(text: string) => void"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "absolute": {
     "type": "boolean",
     "values": [
@@ -56,5 +49,19 @@ export default {
       "false",
       "true"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/badge/Badge.d.ts

@@ -1,16 +1,17 @@
 /// <reference types="react" />
-import { BadgeProps } from "./BadgeProps";
+import { BadgeProps } from './BadgeProps';
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
- * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
- * @param content {string|number} Badge content text
+ * @param id
+ * @param label {string|number} Badge content text
  * @param inverted {boolean} Inverted style for Badge
- * @param reversed {boolean} Text reversed for Badge
  * @param onClick {Function} onClick Event for Badge
- * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param variant
+ * @param position
+ * @param others
  */
-declare const Badge: ({ children, className, textContent, content, inverted, reversed, onClick, testId, ...others }: BadgeProps) => JSX.Element;
+declare const Badge: ({ className, children, id, label, inverted, onClick, variant, position, status, ...others }: BadgeProps) => JSX.Element;
 export default Badge;

package/lib/components/badge/Badge.js

@@ -1,40 +1,60 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { Text, TextMarkup } from "../../components/text";
-import clsx from "clsx";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
-import { is } from "../../services";
+import * as React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { has, is } from '../../services';
+import { getStatusClassName, getVariantClassName, StatusState, TrilogyColor } from '../../objects';
+import { Icon, IconColor, IconName } from '../../components/icon';
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
- * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
- * @param content {string|number} Badge content text
+ * @param id
+ * @param label {string|number} Badge content text
  * @param inverted {boolean} Inverted style for Badge
- * @param reversed {boolean} Text reversed for Badge
  * @param onClick {Function} onClick Event for Badge
- * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param variant
+ * @param position
+ * @param others
  */
 var Badge = function (_a) {
-    var children = _a.children, className = _a.className, textContent = _a.textContent, content = _a.content, inverted = _a.inverted, reversed = _a.reversed, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "className", "textContent", "content", "inverted", "reversed", "onClick", "testId"]);
+    var className = _a.className, children = _a.children, id = _a.id, label = _a.label, inverted = _a.inverted, onClick = _a.onClick, variant = _a.variant, position = _a.position, status = _a.status, others = __rest(_a, ["className", "children", "id", "label", "inverted", "onClick", "variant", "position", "status"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(textContent ? "badge-and-text" : "badge", className));
-    if (textContent) {
-        return (React.createElement("div", __assign({ "data-testid": testId, onClick: function (e) {
-                onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                e.stopPropagation();
-            }, className: classes }, others),
-            !reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent)),
-            React.createElement("span", { className: hashClass(styled, clsx("badge", inverted && is('inverted'))) }, content || children),
-            reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent))));
+    var classes = hashClass(styled, clsx('badge', inverted && is('inverted'), variant && has("background-".concat(getVariantClassName(variant) || getStatusClassName(variant))), position && is(position), className));
+    var iconName = null;
+    var iconColor = null;
+    switch (status) {
+        case StatusState.SUCCESS:
+            iconName = IconName.CHECK_CIRCLE;
+            iconColor = IconColor.SUCCESS;
+            break;
+        case StatusState.WARNING:
+            iconName = IconName.EXCLAMATION_CIRCLE;
+            iconColor = IconColor.WARNING;
+            break;
+        case StatusState.ERROR:
+            iconName = IconName.TIMES_CIRCLE;
+            iconColor = IconColor.ERROR;
+            break;
+        case StatusState.INFO:
+            iconName = IconName.INFOS_CIRCLE;
+            iconColor = IconColor.INFO;
+            break;
+        default:
+            break;
     }
-    return (React.createElement("div", { "data-testid": testId, onClick: function (e) {
+    var simpleBadge = status && iconName && iconColor ? (React.createElement(Icon, __assign({ name: iconName, className: clsx(position && is(position), 'badge-icon'), circled: true, backgroundColor: TrilogyColor.BACKGROUND, color: iconColor, id: id }, others))) : (React.createElement("span", __assign({ id: id, className: classes, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
-        } },
-        React.createElement(Text, __assign({ className: clsx(textContent ? "badge-and-text" : "badge", inverted && is('inverted'), className), markup: TextMarkup.SPAN }, others), content || children)));
+        } }, others), label));
+    if (children) {
+        return (React.createElement("span", { className: 'badge-container' },
+            children,
+            simpleBadge));
+    }
+    return simpleBadge;
 };
 export default Badge;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFVRjtJQVRYLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FUSSxnR0FVZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDM0MsU0FBUyxDQUFDLENBQ2IsQ0FBQTtJQUVELElBQUksV0FBVyxFQUFFO1FBQ2YsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7Z0JBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1lBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07WUFFUixDQUFDLFFBQVEsSUFBSyxDQUNkLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakQ7WUFDRCw4QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sRUFDVixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQzlCLElBRUEsT0FBTyxJQUFJLFFBQVEsQ0FDZjtZQUNOLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDakQsQ0FDRyxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCw0Q0FDZSxNQUFNLEVBQ25CLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQztRQUVELG9CQUFDLElBQUksYUFDSCxTQUFTLEVBQUUsSUFBSSxDQUNiLFdBQVcsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFDeEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxDQUNWLEVBQ0QsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUFJLElBQ25CLE1BQU0sR0FFVCxPQUFPLElBQUksUUFBUSxDQUNmLENBQ0gsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlGLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVZJLGdHQVdkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxFQUNQLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLE9BQU8sSUFBSSxHQUFHLENBQUMscUJBQWMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUUsQ0FBQyxFQUMzRixRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBSSxRQUFRLEdBQW9CLElBQUksQ0FBQTtJQUNwQyxJQUFJLFNBQVMsR0FBcUIsSUFBSSxDQUFBO0lBRXRDLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLFlBQVksQ0FBQTtZQUNoQyxTQUFTLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQTtZQUM3QixNQUFLO1FBQ1AsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLGtCQUFrQixDQUFBO1lBQ3RDLFNBQVMsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFBO1lBQzdCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxLQUFLO1lBQ3BCLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFBO1lBQzNCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxJQUFJO1lBQ25CLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFBO1lBQzFCLE1BQUs7UUFDUDtZQUNFLE1BQUs7S0FDUjtJQUVELElBQU0sV0FBVyxHQUNmLE1BQU0sSUFBSSxRQUFRLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUNoQyxvQkFBQyxJQUFJLGFBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQ3ZELE9BQU8sUUFDUCxlQUFlLEVBQUUsWUFBWSxDQUFDLFVBQVUsRUFDeEMsS0FBSyxFQUFFLFNBQVMsRUFDaEIsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLEVBQ1YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLHVDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLElBQ0csTUFBTSxHQUVULEtBQUssQ0FDRCxDQUNSLENBQUE7SUFFSCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw4QkFBTSxTQUFTLEVBQUMsaUJBQWlCO1lBQzlCLFFBQVE7WUFDUixXQUFXLENBQ1AsQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLFdBQVcsQ0FBQTtBQUNwQixDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9