@trilogy-ds/react 0.0.3-beta-v4 → 0.0.3-fix-timepicker

package/lib/components/box/header/BoxHeaderProps.d.ts

@@ -2,9 +2,15 @@
 /**
  * Box Header Interface
  */
-import { Accessibility, AlignableProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { TrilogyColor, TrilogyColorValues } from '../../../objects/facets/Color';
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps {
+import { Dev } from '../../../objects/facets/Dev';
+export interface BoxHeaderProps extends AlignableProps, Accessibility, CommonProps, Dev {
     children?: React.ReactNode;
     variant?: TrilogyColor | TrilogyColorValues;
 }
+export type BoxHeaderRef = HTMLDivElement;
+export type BoxHeaderNativeRef = View;

package/lib/components/box/header/BoxHeaderPropsDefaults.js

@@ -27,7 +27,9 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -40,9 +42,13 @@ export default {
       "DISABLED_FADE",
       "NEUTRAL",
       "NEUTRAL_FADE",
+      "STROKE",
+      "STROKE_FADE",
       "WHITE",
       "MAIN_FADE",
+      "ACCENT_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
       "WARNING_FADE",
@@ -50,7 +56,9 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "align": {
@@ -60,9 +68,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -72,9 +90,19 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
+      "ALIGNED_STRETCH",
       "ALIGNED_CENTER",
       "ALIGNED_START",
-      "ALIGNED_END"
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "accessibilityLabel": {
@@ -97,5 +125,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/box/item/BoxItem.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BoxItemProps } from './BoxItemProps';
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-declare const BoxItem: ({ className, id, children, ...others }: BoxItemProps) => JSX.Element;
+declare const BoxItem: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxItem;

package/lib/components/box/item/BoxItem.js

@@ -1,19 +1,21 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Box Item Component
  * @param children {React.ReactNode} Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  */
-var BoxItem = function (_a) {
-    var className = _a.className, id = _a.id, children = _a.children, others = __rest(_a, ["className", "id", "children"]);
+var BoxItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, children = _a.children, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('box-item', className)) }, others), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('box-item', className)), "data-testid": testId }, others), children));
+});
+BoxItem.displayName = ComponentName.BoxItem;
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQW9EO0lBQWxELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQU0sTUFBTSxHQUMvRSxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYm94L2l0ZW0vQm94SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7Ozs7O0dBTUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM5QixVQUFDLEVBQThDLEVBQUUsR0FBRztJQUFqRCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEdBQzlHLFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/box/item/BoxItem.native.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
-import { BoxItemProps } from "./BoxItemProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import { BoxItemProps } from './BoxItemProps';
 /**
  * Box item Component
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
-declare const BoxItem: {
-    ({ children, size, ...others }: BoxItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const BoxItem: React.ForwardRefExoticComponent<BoxItemProps & React.RefAttributes<View>>;
 export default BoxItem;

package/lib/components/box/item/BoxItem.native.js

@@ -1,26 +1,26 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Box item Component
  * @param children {React.ReactNode} BoxItem Children
  * @param size {BoxItemSize} SMALL|MEDIUM|LARGE|HUGE
  */
-var BoxItem = function (_a) {
+var BoxItem = React.forwardRef(function (_a, ref) {
     var children = _a.children, size = _a.size, others = __rest(_a, ["children", "size"]);
     var height = Number(size) || 48;
     var styles = StyleSheet.create({
         boxItem: {
             height: height,
-            alignItems: "center",
-            alignContent: "center",
-            flexWrap: "wrap",
+            alignItems: 'center',
+            alignContent: 'center',
+            flexWrap: 'wrap',
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ style: [styles.boxItem] }, others), children));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxItem] }, others), children));
+});
 BoxItem.displayName = ComponentName.BoxItem;
 export default BoxItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBQTJDO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUssTUFBTSxjQUEzQixvQkFBNkIsQ0FBRjtJQUMxQyxJQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFBO0lBQ2pDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsTUFBTSxFQUFFLE1BQU07WUFDZCxVQUFVLEVBQUUsUUFBUTtZQUNwQixZQUFZLEVBQUUsUUFBUTtZQUN0QixRQUFRLEVBQUUsTUFBTTtZQUNoQixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUN0QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBRTNDLGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC9pdGVtL0JveEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DOzs7O0dBSUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQTZCLEVBQUUsR0FBRztJQUFoQyxJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFLLE1BQU0sY0FBM0Isb0JBQTZCLENBQUY7SUFDM0YsSUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUNqQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLE1BQU0sRUFBRSxNQUFNO1lBQ2QsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLFFBQVE7WUFDdEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/box/item/BoxItemProps.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
-import { BoxItemSize, BoxItemSizeValues } from './BoxItemEnum';
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface BoxItemProps extends CommonProps {
+import { BoxItemSize, BoxItemSizeValues } from './BoxItemEnum';
+import { Dev } from '../../../objects/facets/Dev';
+export interface BoxItemProps extends CommonProps, Dev {
     children?: React.ReactNode;
     size?: BoxItemSize | BoxItemSizeValues;
 }
+export type BoxItemRef = HTMLDivElement;
+export type BoxItemNativeRef = View;

package/lib/components/box/item/BoxItemPropsDefaults.js

@@ -38,5 +38,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/box/table-container/BoxTableContainer.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { BoxTableContainerProps } from "./BoxTableContainerProps";
+import * as React from 'react';
+import { BoxTableContainerProps } from './BoxTableContainerProps';
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-declare const BoxTableContainer: ({ className, testId, ...others }: BoxTableContainerProps) => JSX.Element;
+declare const BoxTableContainer: React.ForwardRefExoticComponent<BoxTableContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default BoxTableContainer;

package/lib/components/box/table-container/BoxTableContainer.js

@@ -1,19 +1,21 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../helpers";
-import { useTrilogyContext } from "../../../context";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Box Table Component
  * @param children {React.ReactNode} Children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var BoxTableContainer = function (_a) {
+var BoxTableContainer = React.forwardRef(function (_a, ref) {
     var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ "data-testid": testId, className: hashClass(styled, clsx("box table-container", className)) }, others)));
-};
+    return (React.createElement("div", __assign({ ref: ref, "data-testid": testId, className: hashClass(styled, clsx('box table-container', className)) }, others)));
+});
+BoxTableContainer.displayName = ComponentName.BoxTableContainer;
 export default BoxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEVBSUY7SUFIdkIsSUFBQSxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSGdCLHVCQUkxQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JveC90YWJsZS1jb250YWluZXIvQm94VGFibGVDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN4QyxVQUFDLEVBQWdDLEVBQUUsR0FBRztJQUFuQyxJQUFBLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDckIsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLGlCQUNLLE1BQU0sRUFDbkIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQ2hFLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsaUJBQWlCLENBQUE7QUFDL0QsZUFBZSxpQkFBaUIsQ0FBQSJ9

package/lib/components/box/table-container/BoxTableContainer.native.d.ts

@@ -1,12 +1,9 @@
-/// <reference types="react" />
-import { BoxTableContainerProps } from "./BoxTableContainerProps";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import { BoxTableContainerProps } from './BoxTableContainerProps';
 /**
  * Box Table Component
  * @param children {React.ReactNode} Childrens
  */
-declare const boxTableContainer: {
-    ({ children, ...others }: BoxTableContainerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const boxTableContainer: React.ForwardRefExoticComponent<BoxTableContainerProps & React.RefAttributes<View>>;
 export default boxTableContainer;

package/lib/components/box/table-container/BoxTableContainer.native.js

@@ -1,18 +1,18 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../../components/enumsComponentsName";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Box Table Component
  * @param children {React.ReactNode} Childrens
  */
-var boxTableContainer = function (_a) {
+var boxTableContainer = React.forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         boxTableContainer: {},
     });
-    return (React.createElement(View, __assign({ style: [styles.boxTableContainer] }, others), children));
-};
-boxTableContainer.displayName = ComponentName.BoxFooter;
+    return (React.createElement(View, __assign({ ref: ref, style: [styles.boxTableContainer] }, others), children));
+});
+boxTableContainer.displayName = ComponentName.BoxTableContainer;
 export default boxTableContainer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGlCQUFpQixHQUFHLFVBQUMsRUFHRjtJQUZ2QixJQUFBLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FGZ0IsWUFHMUIsQ0FEVTtJQUVULElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsaUJBQWlCLEVBQUUsRUFBRTtLQUN0QixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxJQUFNLE1BQU0sR0FDaEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGlCQUFpQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRXZELGVBQWUsaUJBQWlCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQm94VGFibGVDb250YWluZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9ib3gvdGFibGUtY29udGFpbmVyL0JveFRhYmxlQ29udGFpbmVyLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7O0dBR0c7QUFDSCxJQUFNLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3hDLFVBQUMsRUFBdUIsRUFBRSxHQUFHO0lBQTFCLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3BCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsaUJBQWlCLEVBQUUsRUFBRTtLQUN0QixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGlCQUFpQixDQUFDLElBQU0sTUFBTSxHQUMxRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxpQkFBaUIsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGlCQUFpQixDQUFBO0FBRS9ELGVBQWUsaUJBQWlCLENBQUEifQ==

package/lib/components/box/table-container/BoxTableContainerProps.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Accessibility, Dev } from '../../../objects';
+import { View } from 'react-native';
 /**
  * Box Table Container Interface
  */
@@ -7,3 +8,5 @@ export interface BoxTableContainerProps extends Accessibility, Dev {
     children?: string | React.ReactNode;
     className?: string;
 }
+export type BoxTableContainerRef = HTMLDivElement;
+export type BoxTableContainerNativeRef = View;

package/lib/components/breadcrumb/Breadcrumb.d.ts

@@ -5,8 +5,8 @@ import { BreadcrumbWebProps } from './BreadcrumbProps';
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param accessibilityLabel {string} Accessibility label
  */
-declare const Breadcrumb: ({ children, className, id, accessibilityLabel, ...others }: BreadcrumbWebProps) => React.JSX.Element;
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbWebProps & React.RefAttributes<HTMLElement>>;
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js

@@ -1,21 +1,24 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import translation from '@trilogy-ds/locales/lib/breadcrumb';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Breadcrumb Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param accessibilityLabel {string} Accessibility label
  */
-var Breadcrumb = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["children", "className", "id", "accessibilityLabel"]);
+var Breadcrumb = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, testId = _a.testId, others = __rest(_a, ["children", "className", "id", "testId"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("nav", __assign({ id: id, role: "navigation", className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": accessibilityLabel }, others),
+    return (React.createElement("nav", __assign({ "data-testid": testId, ref: ref, id: id, role: 'navigation', className: hashClass(styled, clsx('breadcrumb', className)), "aria-label": translation.accessibilityLabel }, others),
         React.createElement("ul", null, children)));
-};
+});
+Breadcrumb.displayName = ComponentName.Breadcrumb;
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsa0JBQWtCLHdCQUFBLEVBQUssTUFBTSxjQUF4RCxxREFBMEQsQ0FBRjtJQUNsRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsWUFBWSxFQUNqQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFNBQVMsQ0FBQyxDQUFDLGdCQUMvQyxrQkFBa0IsSUFDMUIsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9CcmVhZGNydW1iLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLFdBQVcsTUFBTSxvQ0FBb0MsQ0FBQTtBQUM1RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBR3REOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQThDLEVBQUUsR0FBRztJQUFqRCxJQUFBLFFBQVEsY0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUMseUNBQThDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHFEQUNlLE1BQU0sRUFDbkIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLElBQUksRUFBQyxZQUFZLEVBQ2pCLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsZ0JBQy9DLFdBQVcsQ0FBQyxrQkFBa0IsSUFDdEMsTUFBTTtRQUVWLGdDQUFLLFFBQVEsQ0FBTSxDQUNmLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBQ0QsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/breadcrumb/Breadcrumb.native.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
-import { BreadcrumbProps } from "./BreadcrumbProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import { BreadcrumbProps } from './BreadcrumbProps';
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-declare const Breadcrumb: {
-    ({ children, testId, ...others }: BreadcrumbProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<View>>;
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.native.js

@@ -1,29 +1,29 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { StyleSheet, View } from "react-native";
-import { Icon } from "../../components/icon";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon } from '../../components/icon';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Breadcrumb Native Component
  * @param children {React.ReactNode} Breadcrumb Children
  * @param testId {string} Test id
  */
-var Breadcrumb = function (_a) {
+var Breadcrumb = React.forwardRef(function (_a, ref) {
     var children = _a.children, testId = _a.testId, others = __rest(_a, ["children", "testId"]);
     var containerStyle = React.useMemo(function () {
         return StyleSheet.create({
             containerStyle: {
-                flexDirection: "row",
-                flexWrap: "wrap",
+                flexDirection: 'row',
+                flexWrap: 'wrap',
             },
         });
     }, []).containerStyle;
-    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle] }, others), Array.isArray(children)
+    return (React.createElement(View, __assign({ testID: testId, style: [containerStyle], ref: ref }, others), Array.isArray(children)
         ? React.Children.map(children, function (child, index) { return (React.createElement(React.Fragment, null,
             React.cloneElement(child),
-            index != children.length - 1 && (React.createElement(Icon, { size: 'smaller', name: 'tri-arrow-right', align: 'ALIGNED_CENTER' })))); })
+            index != children.length - 1 && React.createElement(Icon, { size: 'smaller', name: 'tri-arrow-right', align: 'ALIGNED_CENTER' }))); })
         : children));
-};
+});
 Breadcrumb.displayName = ComponentName.Breadcrumb;
 export default Breadcrumb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBSUY7SUFIaEIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSFMsc0JBSW5CLENBRFU7SUFFRCxJQUFBLGNBQWMsR0FBSyxLQUFLLENBQUMsT0FBTyxDQUN0QztRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixjQUFjLEVBQUU7Z0JBQ2QsYUFBYSxFQUFFLEtBQUs7Z0JBQ3BCLFFBQVEsRUFBRSxNQUFNO2FBQ2pCO1NBQ0YsQ0FBQztJQUxGLENBS0UsRUFDSixFQUFFLENBQ0gsZUFUcUIsQ0FTckI7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQU0sTUFBTSxHQUN0RCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQy9CLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUMsU0FBUyxFQUNkLElBQUksRUFBQyxpQkFBaUIsRUFDdEIsS0FBSyxFQUFDLGdCQUFnQixHQUN0QixDQUNILENBQ0EsQ0FDSixFQVg4QyxDQVc5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvQnJlYWRjcnVtYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRy9DOzs7O0dBSUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxVQUFDLEVBQStCLEVBQUUsR0FBRztJQUFsQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDcEIsSUFBQSxjQUFjLEdBQUssS0FBSyxDQUFDLE9BQU8sQ0FDdEM7UUFDRSxPQUFBLFVBQVUsQ0FBQyxNQUFNLENBQUM7WUFDaEIsY0FBYyxFQUFFO2dCQUNkLGFBQWEsRUFBRSxLQUFLO2dCQUNwQixRQUFRLEVBQUUsTUFBTTthQUNqQjtTQUNGLENBQUM7SUFMRixDQUtFLEVBQ0osRUFBRSxDQUNILGVBVHFCLENBU3JCO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDLGNBQWMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUNoRSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztRQUN0QixDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSyxFQUFFLEtBQUssSUFBSyxPQUFBLENBQzdDO1lBQ0csS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7WUFDekIsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLElBQUksRUFBQyxpQkFBaUIsRUFBQyxLQUFLLEVBQUMsZ0JBQWdCLEdBQUcsQ0FDckcsQ0FDSixFQUw4QyxDQUs5QyxDQUFDO1FBQ0osQ0FBQyxDQUFDLFFBQVEsQ0FDUCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/breadcrumb/BreadcrumbProps.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-import { Accessibility, Dev } from '../../objects';
+import { View } from 'react-native';
+import { Accessibility } from '../../objects/facets/Accessibility';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Dev } from '../../objects/facets/Dev';
 /**
  * Breadcrumb Interface
  */
@@ -12,3 +14,5 @@ export interface BreadcrumbProps extends Accessibility, Dev {
  */
 export interface BreadcrumbWebProps extends BreadcrumbProps, CommonProps {
 }
+export type BreadcrumbRef = HTMLElement;
+export type BreadcrumbNativeRef = View;

package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
 /**
  * Breadcrumb Item Component
@@ -11,8 +11,8 @@ import { BreadcrumbItemPropsWeb } from './BreadcrumbItemProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param routerLink Custom Router Link as props
  * @param href {string} Url. Use native-old <a> tag (only when the `to` property is not filled)
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param others
  */
-declare const BreadcrumbItem: ({ children, active, className, id, href, to, routerLink, testId, onClick, ...others }: BreadcrumbItemPropsWeb) => JSX.Element;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemPropsWeb & React.RefAttributes<HTMLLIElement>>;
 export default BreadcrumbItem;

package/lib/components/breadcrumb/item/BreadcrumbItem.js

@@ -1,10 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { is } from '../../../services/classify';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { Link } from '../../../components/link';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -16,20 +16,19 @@ import { Link } from '../../../components/link';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param routerLink Custom Router Link as props
  * @param href {string} Url. Use native-old <a> tag (only when the `to` property is not filled)
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param others
  */
-var BreadcrumbItem = function (_a) {
-    var children = _a.children, active = _a.active, className = _a.className, id = _a.id, href = _a.href, to = _a.to, routerLink = _a.routerLink, testId = _a.testId, onClick = _a.onClick, others = __rest(_a, ["children", "active", "className", "id", "href", "to", "routerLink", "testId", "onClick"]);
+var BreadcrumbItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, active = _a.active, id = _a.id, href = _a.href, to = _a.to, routerLink = _a.routerLink, testId = _a.testId, onClick = _a.onClick, others = __rest(_a, ["children", "active", "id", "href", "to", "routerLink", "testId", "onClick"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx(active && is('active'), className));
     if (routerLink && to) {
         var RouterLink = (routerLink ? routerLink : 'a');
-        return (React.createElement("li", { id: id, "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
+        return (React.createElement("li", { ref: ref, id: id, "data-testid": testId, onClick: onClick, "aria-current": active ? 'page' : undefined },
             React.createElement(RouterLink, __assign({ className: hashClass(styled, clsx('link')), to: to }, others), children)));
     }
-    return (React.createElement("li", { id: id, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
-        React.createElement(Link, __assign({ href: active ? undefined : href }, others), children)));
-};
+    return (React.createElement("li", { ref: ref, id: id, onClick: onClick, "aria-current": active ? 'page' : undefined, "data-testid": testId }, active ? (children) : (React.createElement(Link, __assign({ href: href }, others), children))));
+});
+BreadcrumbItem.displayName = ComponentName.BreadcrumbItem;
 export default BreadcrumbItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBV0M7SUFWdkIsSUFBQSxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsTUFBTSxZQUFBLEVBQ04sT0FBTyxhQUFBLEVBQ0osTUFBTSxjQVZhLDBGQVd2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTFFLElBQUksVUFBVSxJQUFJLEVBQUUsRUFBRTtRQUNwQixJQUFNLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQXNCLENBQUE7UUFDdkUsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLGlCQUFlLE1BQU0sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLGtCQUFnQixNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM5RyxvQkFBQyxVQUFVLGFBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBTSxNQUFNLEdBQ3ZFLFFBQVEsQ0FDRSxDQUNWLENBQ04sQ0FBQTtLQUNGO0lBRUQsT0FBTyxDQUNMLDRCQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxrQkFBZ0IsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDekYsb0JBQUMsSUFBSSxhQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFNLE1BQU0sR0FDOUMsUUFBUSxDQUNKLENBQ0osQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxjQUFjLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2JyZWFkY3J1bWIvaXRlbS9CcmVhZGNydW1iSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQUMsRUFBMEUsRUFBRSxHQUFHO0lBQTdFLElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBeEUsNkVBQTBFLENBQUY7SUFDL0QsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBSSxVQUFVLElBQUksRUFBRSxFQUFFO1FBQ3BCLElBQU0sVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUN2RSxPQUFPLENBQ0wsNEJBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBZSxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sa0JBQWdCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQ3BHLG9CQUFDLFVBQVUsYUFBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFNLE1BQU0sR0FDdkUsUUFBUSxDQUNFLENBQ1YsQ0FDTixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsNEJBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLGtCQUFnQixNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxpQkFBZSxNQUFNLElBQ25HLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FDUixRQUFRLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLGFBQUMsSUFBSSxFQUFFLElBQUksSUFBTSxNQUFNLEdBQ3pCLFFBQVEsQ0FDSixDQUNSLENBQ0UsQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFDRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==

package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { ComponentName } from "../../../components/enumsComponentsName";
-import { BreadcrumbItemProps } from "./BreadcrumbItemProps";
+import * as React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { BreadcrumbItemProps } from './BreadcrumbItemProps';
 /**
  * Breadcrumb Item Component
  * @param children {string} Breadcrumb Item Text
@@ -9,8 +9,5 @@ import { BreadcrumbItemProps } from "./BreadcrumbItemProps";
  * @param onClick {Function} Click Event
  * @param testId {string} Test Id for Test Integration
  */
-declare const BreadcrumbItem: {
-    ({ children, active, to, testId, onClick, ...others }: BreadcrumbItemProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<TouchableOpacity>>;
 export default BreadcrumbItem;