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

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

@@ -1,3 +1,2 @@
 import Sticker from './Sticker';
-export * from './StickerEnum';
 export { Sticker };

package/lib/components/sticker/index.js

@@ -1,4 +1,3 @@
 import Sticker from './Sticker';
-export * from './StickerEnum';
 export { Sticker };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLGNBQWMsZUFBZSxDQUFBO0FBRTdCLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0aWNrZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9

package/lib/components/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SwitchProps } from './SwitchProps';
 /**
  * Switch Component
@@ -10,11 +10,11 @@ import { SwitchProps } from './SwitchProps';
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  * -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param onClick {Function} onClick event
  * @param label {string} Switch label
  * @param value {string} Switch value
  * @param reversed {boolean} change switch position
  */
-declare const Switch: ({ className, id, label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, fullWidth, ...others }: SwitchProps) => JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLDivElement>>;
 export default Switch;

package/lib/components/switch/Switch.js

@@ -1,11 +1,11 @@
 import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
 import clsx from 'clsx';
 import { is } from '../../services/classify';
 import { getStatusClassName } from '../../objects';
 import { hashClass } from '../../helpers';
 import { useTrilogyContext } from '../../context';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -16,14 +16,14 @@ import { useTrilogyContext } from '../../context';
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  * -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param onClick {Function} onClick event
  * @param label {string} Switch label
  * @param value {string} Switch value
  * @param reversed {boolean} change switch position
  */
-var Switch = function (_a) {
-    var className = _a.className, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth"]);
+var Switch = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, value = _a.value, checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name, reversed = _a.reversed, fullWidth = _a.fullWidth, testId = _a.testId, others = __rest(_a, ["className", "id", "label", "value", "checked", "onChange", "onClick", "status", "disabled", "readonly", "name", "reversed", "fullWidth", "testId"]);
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     var styled = useTrilogyContext().styled;
     React.useEffect(function () {
@@ -34,8 +34,8 @@ var Switch = function (_a) {
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
-        React.createElement("input", __assign({ onChange: function (e) {
+    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('switch', reversed && is('reversed'), fullWidth && is('fullwidth'), className)) },
+        React.createElement("input", __assign({ "data-testid": testId, onChange: function (e) {
                 if (!readonly) {
                     setChecked(!_checked);
                 }
@@ -59,6 +59,7 @@ var Switch = function (_a) {
                 }
             }, name: name, value: value, checked: readonly ? checked : _checked, readOnly: readonly, id: "switch-".concat(id), type: 'checkbox', disabled: disabled, className: hashClass(styled, clsx(status && is(getStatusClassName(status)))) }, others)),
         React.createElement("label", { htmlFor: "switch-".concat(id) }, label)));
-};
+});
+Switch.displayName = ComponentName.Switch;
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUM3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBZUY7SUFkWixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FkSywwSUFlZixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUVqSCx3Q0FDRSxRQUFRLEVBQUUsVUFBQyxDQUFDO2dCQUNWLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksUUFBUSxFQUFFO29CQUNaLFFBQVEsQ0FBQzt3QkFDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDO1lBQ0QsOERBQThEO1lBQzlELE9BQU8sRUFBRSxVQUFDLENBQU07Z0JBQ2QsSUFBSSxDQUFDLFFBQVEsRUFBRTtvQkFDYixVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtpQkFDdEI7Z0JBQ0QsSUFBSSxPQUFPLEVBQUU7b0JBQ1gsT0FBTyxDQUFDO3dCQUNOLFdBQVcsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU87d0JBQzdCLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUk7cUJBQzFCLENBQUMsQ0FBQTtpQkFDSDtZQUNILENBQUMsRUFDRCxJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxpQkFBVSxFQUFFLENBQUUsRUFDbEIsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFDeEUsTUFBTSxFQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLGlCQUFVLEVBQUUsQ0FBRSxJQUFHLEtBQUssQ0FBUyxDQUMzQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zd2l0Y2gvU3dpdGNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFFSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBZ0J4RCxFQUFFLEdBQUc7SUFmSixJQUFBLFNBQVMsZUFBQSxFQUNULFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULE1BQU0sWUFBQSxFQUNILE1BQU0sY0FmOEMsb0pBZ0J4RCxDQURVO0lBRUgsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBQzFELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQzlCLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFYixTQUFTLENBQUM7UUFDUixJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2IsVUFBVSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQTtTQUM3QjtJQUNILENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRXZCLE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBRWpILHVEQUNlLE1BQU0sRUFDbkIsUUFBUSxFQUFFLFVBQUMsQ0FBQztnQkFDVixJQUFJLENBQUMsUUFBUSxFQUFFO29CQUNiLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFBO2lCQUN0QjtnQkFDRCxJQUFJLFFBQVEsRUFBRTtvQkFDWixRQUFRLENBQUM7d0JBQ1AsV0FBVyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTzt3QkFDN0IsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTtxQkFDMUIsQ0FBQyxDQUFBO2lCQUNIO1lBQ0gsQ0FBQztZQUNELDhEQUE4RDtZQUM5RCxPQUFPLEVBQUUsVUFBQyxDQUFNO2dCQUNkLElBQUksQ0FBQyxRQUFRLEVBQUU7b0JBQ2IsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUE7aUJBQ3RCO2dCQUNELElBQUksT0FBTyxFQUFFO29CQUNYLE9BQU8sQ0FBQzt3QkFDTixXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3dCQUM3QixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3FCQUMxQixDQUFDLENBQUE7aUJBQ0g7WUFDSCxDQUFDLEVBQ0QsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUN0QyxRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsaUJBQVUsRUFBRSxDQUFFLEVBQ2xCLElBQUksRUFBQyxVQUFVLEVBQ2YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQ3hFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxpQkFBVSxFQUFFLENBQUUsSUFBRyxLQUFLLENBQVMsQ0FDM0MsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFDekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/switch/Switch.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { SwitchProps } from "./SwitchProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React from 'react';
+import { Switch as SwitchNative } from 'react-native';
+import { SwitchProps } from './SwitchProps';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -11,8 +11,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  */
-declare const Switch: {
-    ({ id, checked, onChange, status, disabled, readonly, name, }: SwitchProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<SwitchNative>>;
 export default Switch;

package/lib/components/switch/Switch.native.js

@@ -1,10 +1,10 @@
 import { __read } from "tslib";
-import React, { useEffect, useState } from "react";
-import { Platform, StyleSheet, Switch as SwitchNative } from "react-native";
-import shortid from "shortid";
-import { getStatusStyle } from "../../objects";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { isIOS } from '../../helpers/device.native';
+import { getStatusStyle } from '../../objects';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, Switch as SwitchNative } from 'react-native';
 /**
  * Switch Component
  * @param id {string} Is auto generate by default
@@ -15,8 +15,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param readonly {boolean} Switch readonly
  * @param name {string} Switch name
  */
-var Switch = function (_a) {
-    var _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, checked = _a.checked, onChange = _a.onChange, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name;
+var Switch = React.forwardRef(function (_a, ref) {
+    var _b = _a.id, id = _b === void 0 ? React.useId() : _b, checked = _a.checked, onChange = _a.onChange, status = _a.status, disabled = _a.disabled, readonly = _a.readonly, name = _a.name;
     var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
     useEffect(function () {
         if (!readonly) {
@@ -31,17 +31,15 @@ var Switch = function (_a) {
             transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }],
         },
     });
-    return (React.createElement(SwitchNative, { testID: 'switch-id', style: Platform.OS === "ios" ? styles.switchIos : {}, trackColor: {
+    return (React.createElement(SwitchNative, { ref: ref, testID: 'switch-id', style: isIOS ? styles.switchIos : {}, trackColor: {
             false: disabled ? backgroundColorDisabled : backgroundColorOff,
-            true: disabled
-                ? backgroundColorDisabled
-                : getStatusStyle(status).color,
+            true: disabled ? backgroundColorDisabled : getStatusStyle(status).color,
         }, thumbColor: thumbColor, ios_backgroundColor: disabled ? backgroundColorDisabled : backgroundColorOff, onValueChange: function (state) {
             if (onChange) {
-                onChange({ switchState: state, switchName: name || "" });
+                onChange({ switchState: state, switchName: name || '' });
             }
         }, nativeID: name ? "".concat(name, "_").concat(id) : id, disabled: disabled, value: _checked }));
-};
+});
 Switch.displayName = ComponentName.Switch;
 export default Switch;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxJQUFJLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFDN0IsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFFSCxJQUFNLE1BQU0sR0FBRyxVQUFDLEVBUUY7UUFQWixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUE7SUFFRSxJQUFBLEtBQUEsT0FBeUIsUUFBUSxDQUFVLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxVQUFVLFFBQXVDLENBQUE7SUFFbEUsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLFVBQVUsQ0FBQyxPQUFPLElBQUksS0FBSyxDQUFDLENBQUE7U0FDN0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUV2QixJQUFNLGtCQUFrQixHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDOUQsSUFBTSx1QkFBdUIsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFekQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxTQUFTLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQztTQUM5QztLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLElBQ1gsTUFBTSxFQUFDLFdBQVcsRUFDbEIsS0FBSyxFQUFFLFFBQVEsQ0FBQyxFQUFFLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3BELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxrQkFBa0I7WUFDOUQsSUFBSSxFQUFFLFFBQVE7Z0JBQ1osQ0FBQyxDQUFDLHVCQUF1QjtnQkFDekIsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLO1NBQ2pDLEVBQ0QsVUFBVSxFQUFFLFVBQVUsRUFDdEIsbUJBQW1CLEVBQ2pCLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixFQUV6RCxhQUFhLEVBQUUsVUFBQyxLQUFLO1lBQ25CLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQ3pEO1FBQ0gsQ0FBQyxFQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxjQUFJLEVBQUUsQ0FBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3JDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxRQUFRLEdBQ2YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsTUFBTSxDQUFBO0FBRXpDLGVBQWUsTUFBTSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3dpdGNoL1N3aXRjaC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLElBQUksWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR2pFOzs7Ozs7Ozs7R0FTRztBQUVILElBQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStCLFVBQUMsRUFROUQsRUFBRSxHQUFHO1FBUEosVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBO0lBRUUsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsSUFBTSxrQkFBa0IsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQzlELElBQU0sdUJBQXVCLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUNwRSxJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsU0FBUyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7U0FDOUM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsWUFBWSxJQUNYLEdBQUcsRUFBRSxHQUFHLEVBQ1IsTUFBTSxFQUFDLFdBQVcsRUFDbEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUNwQyxVQUFVLEVBQUU7WUFDVixLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsa0JBQWtCO1lBQzlELElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSztTQUN4RSxFQUNELFVBQVUsRUFBRSxVQUFVLEVBQ3RCLG1CQUFtQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixFQUM1RSxhQUFhLEVBQUUsVUFBQyxLQUFLO1lBQ25CLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFBO2FBQ3pEO1FBQ0gsQ0FBQyxFQUNELFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxjQUFJLEVBQUUsQ0FBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQ3JDLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxRQUFRLEdBQ2YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixNQUFNLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxNQUFNLENBQUE7QUFFekMsZUFBZSxNQUFNLENBQUEifQ==

package/lib/components/switch/SwitchProps.d.ts

@@ -1,11 +1,13 @@
 import { StatusProps } from '../../objects/facets/Status';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Switch } from 'react-native';
+import { Dev } from '../../objects/facets/Dev';
 export interface SwitchChangeEvent {
     switchState: boolean;
     switchName: string;
 }
 type SwitchEventHandler = (event: SwitchChangeEvent) => void;
-export interface SwitchProps extends StatusProps, CommonProps {
+export interface SwitchProps extends StatusProps, CommonProps, Dev {
     checked?: boolean;
     onChange?: SwitchEventHandler;
     onClick?: SwitchEventHandler;
@@ -17,4 +19,6 @@ export interface SwitchProps extends StatusProps, CommonProps {
     reversed?: boolean;
     fullWidth?: boolean;
 }
+export type SwitchRef = HTMLDivElement;
+export type SwitchNativeRef = Switch;
 export {};

package/lib/components/switch/SwitchPropsDefaults.js

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

package/lib/components/table/Table.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableProps } from './TableProps';
 /**
  * Table Component
@@ -6,10 +6,10 @@ import { TableProps } from './TableProps';
  * @param children {ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param fullwidth {boolean} table fullwidth
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param fullwidth {boolean} Fullwidth table
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-declare const Table: ({ className, id, fullwidth, border, striped, compact, ...others }: TableProps) => JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
 export default Table;

package/lib/components/table/Table.js

@@ -5,22 +5,24 @@ import { TableBorderEnum } from './TableProps';
 import { has, is } from '../../services/classify';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { useTrilogyContext } from '../../context/index';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Table Component
  * @param bordered {boolean} bordered table
  * @param children {ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param fullwidth {boolean} table fullwidth
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param fullwidth {boolean} Fullwidth table
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-var Table = function (_a) {
-    var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact"]);
+var Table = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, fullwidth = _a.fullwidth, _b = _a.border, border = _b === void 0 ? TableBorderEnum.LINES : _b, striped = _a.striped, compact = _a.compact, testId = _a.testId, others = __rest(_a, ["className", "id", "fullwidth", "border", "striped", "compact", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), border && border !== TableBorderEnum.LINES && has("border-".concat(border)), striped && is('striped'), compact && is('compact'), className));
-    return React.createElement("table", __assign({ id: id, className: classes }, others));
-};
+    return React.createElement("table", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+});
+Table.displayName = ComponentName.Table;
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxjQUFjLENBQUE7QUFDMUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFFbkQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFRRjtJQVBYLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsU0FBUyxlQUFBLEVBQ1QsY0FBOEIsRUFBOUIsTUFBTSxtQkFBRyxlQUFlLENBQUMsS0FBSyxLQUFBLEVBQzlCLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FQSSxnRUFRZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQXdCLE1BQU0sY0FBYyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RDs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBdUIsVUFBQyxFQVNyRCxFQUFFLEdBQUc7SUFSSixJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFNBQVMsZUFBQSxFQUNULGNBQThCLEVBQTlCLE1BQU0sbUJBQUcsZUFBZSxDQUFDLEtBQUssS0FBQSxFQUM5QixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBUjJDLDBFQVNyRCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLE9BQU8sRUFDUCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksTUFBTSxLQUFLLGVBQWUsQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDLGlCQUFVLE1BQU0sQ0FBRSxDQUFDLEVBQ3JFLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHdDQUFPLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDekYsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFDdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/table/Table.native.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
+import * as React from 'react';
+import { View } from 'react-native';
 import { TableProps } from './TableProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-declare const Table: {
-    ({ children, border, ...others }: TableProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<View>>;
 export default Table;

package/lib/components/table/Table.native.js

@@ -9,9 +9,9 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
-var Table = function (_a) {
+var Table = React.forwardRef(function (_a, ref) {
     var children = _a.children, border = _a.border, others = __rest(_a, ["children", "border"]);
-    var borderColor = getColorStyle(TrilogyColor.MAIN_FADE);
+    var borderColor = getColorStyle(TrilogyColor.STROKE_FADE);
     var styles = StyleSheet.create({
         table: {
             width: '100%',
@@ -26,8 +26,8 @@ var Table = function (_a) {
             borderColor: 'transparent',
         },
     });
-    return (React.createElement(View, __assign({ style: [border === TableBorderEnum.ALL && styles.bordered, !border && styles.noBorder, styles.table] }, others), children));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: [border === TableBorderEnum.ALL && styles.bordered, !border && styles.noBorder, styles.table] }, others), children));
+});
 Table.displayName = ComponentName.Table;
 export default Table;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sY0FBYyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDMUMsSUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUV6RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWE7U0FDL0I7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxXQUFXO1NBQ3pCO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsV0FBVyxFQUFFLENBQUM7WUFDZCxXQUFXLEVBQUUsYUFBYTtTQUMzQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQ0gsS0FBSyxFQUFFLENBQUMsTUFBTSxLQUFLLGVBQWUsQ0FBQyxHQUFHLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFDaEcsTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9UYWJsZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUE4QixNQUFNLGNBQWMsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7R0FJRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTZCLFVBQUMsRUFBK0IsRUFBRSxHQUFHO0lBQWxDLElBQUEsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUE3QixzQkFBK0IsQ0FBRjtJQUN2RixJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0lBRTNELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsS0FBSyxFQUFFO1lBQ0wsS0FBSyxFQUFFLE1BQU07WUFDYixlQUFlLEVBQUUsYUFBYTtTQUMvQjtRQUNELFFBQVEsRUFBRTtZQUNSLFdBQVcsRUFBRSxDQUFDO1lBQ2QsV0FBVyxFQUFFLFdBQVc7U0FDekI7UUFDRCxRQUFRLEVBQUU7WUFDUixXQUFXLEVBQUUsQ0FBQztZQUNkLFdBQVcsRUFBRSxhQUFhO1NBQzNCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFDSCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxDQUFDLE1BQU0sS0FBSyxlQUFlLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLElBQ2hHLE1BQU0sR0FFVCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==

package/lib/components/table/TableProps.d.ts

@@ -1,14 +1,18 @@
 /// <reference types="react" />
 import { Fullwidth } from '../../objects/facets/Fullwidth';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+import { Dev } from '../../objects/facets/Dev';
 export declare enum TableBorderEnum {
     ALL = "all",
     INNER = "inner",
     LINES = "lines"
 }
-export interface TableProps extends Fullwidth, CommonProps {
+export interface TableProps extends Fullwidth, CommonProps, Dev {
     children: React.ReactNode;
     border?: TableBorderEnum;
     striped?: boolean;
     compact?: boolean;
 }
+export type TableRef = HTMLTableElement;
+export type TableNativeRef = View;

package/lib/components/table/TableProps.js

@@ -4,4 +4,4 @@ export var TableBorderEnum;
     TableBorderEnum["INNER"] = "inner";
     TableBorderEnum["LINES"] = "lines";
 })(TableBorderEnum || (TableBorderEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvVGFibGVQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxNQUFNLENBQU4sSUFBWSxlQUlYO0FBSkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysa0NBQWUsQ0FBQTtBQUNqQixDQUFDLEVBSlcsZUFBZSxLQUFmLGVBQWUsUUFJMUIifQ==

package/lib/components/table/TablePropsDefaults.js

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

package/lib/components/table/body/TableBody.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableBodyProps } from './TableBodyProps';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableBody: ({ className, id, color, backgroundColor, ...others }: TableBodyProps) => JSX.Element;
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableBody;

package/lib/components/table/body/TableBody.js

@@ -6,19 +6,21 @@ import { has, is } from '../../../services/classify';
 import { useTrilogyContext } from '../../../context/index';
 import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { getColorClassName } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-var TableBody = function (_a) {
-    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
+var TableBody = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "id", "color", "backgroundColor", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
-    return React.createElement("tbody", __assign({ id: id, className: classes }, others));
-};
+    return React.createElement("tbody", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+});
+TableBody.displayName = ComponentName.TableBody;
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9ib2R5L1RhYmxlQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStCLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDbEgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3pGLENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/table/body/TableBody.native.d.ts

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

package/lib/components/table/body/TableBody.native.js

@@ -6,7 +6,7 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * TableBody Component
  * @param children {ReactNode} Children of Table Body
  */
-var TableBody = function (_a) {
+var TableBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, others = __rest(_a, ["children"]);
     var styles = StyleSheet.create({
         body: {
@@ -15,8 +15,8 @@ var TableBody = function (_a) {
             flex: 1,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.body }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.body }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
+});
 TableBody.displayName = ComponentName.TableBody;
 export default TableBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvYm9keS9UYWJsZUJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFyQixZQUF1QixDQUFGO0lBQ3RDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsSUFBSSxFQUFFO1lBQ0osT0FBTyxFQUFFLE1BQU07WUFDZixhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztTQUNSO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEdBQ2pDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDaEMsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVCb2R5Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvYm9keS9UYWJsZUJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMzRixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxNQUFNO1lBQ2YsYUFBYSxFQUFFLFFBQVE7WUFDdkIsSUFBSSxFQUFFLENBQUM7U0FDUjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxNQUFNLEdBQzNDLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ3BELG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQVEsQ0FDaEMsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUUvQyxlQUFlLFNBQVMsQ0FBQSJ9

package/lib/components/table/body/TableBodyProps.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
-import { TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { View } from 'react-native';
+import { Dev, TrilogyColor, TrilogyColorValues } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
-export interface TableBodyProps extends CommonProps {
+export interface TableBodyProps extends CommonProps, Dev {
     children: React.ReactNode;
     color?: TrilogyColor | TrilogyColorValues;
     backgroundColor?: TrilogyColor | TrilogyColorValues;
 }
+export type TableBodyRef = HTMLTableSectionElement;
+export type TableBodyNativeRef = View;

package/lib/components/table/body/TableBodyPropsDefaults.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"
     ]
   },
   "backgroundColor": {
@@ -67,7 +75,9 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
+      "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
       "INFO",
@@ -80,9 +90,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",
@@ -90,7 +104,9 @@ export default {
       "DISABLED",
       "DISABLED_FADE",
       "NEUTRAL",
-      "NEUTRAL_FADE"
+      "NEUTRAL_FADE",
+      "STROKE",
+      "STROKE_FADE"
     ]
   },
   "id": {
@@ -106,5 +122,12 @@ export default {
       "undefined",
       "string"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/table/head/TableHead.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableHeadProps } from './TableHeadProps';
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-declare const TableHead: ({ className, id, color, backgroundColor, ...others }: TableHeadProps) => JSX.Element;
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableHead;

package/lib/components/table/head/TableHead.js

@@ -6,19 +6,21 @@ import { useTrilogyContext } from '../../../context/index';
 import { has, is } from '../../../services/classify';
 import { getBackgroundClassName } from '../../../objects/atoms/Background';
 import { getColorClassName } from '../../../objects/facets/Color';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param color {TrilogyColor} text color
  * @param backgroundColor {TrilogyColor} background color
  */
-var TableHead = function (_a) {
-    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, others = __rest(_a, ["className", "id", "color", "backgroundColor"]);
+var TableHead = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, color = _a.color, backgroundColor = _a.backgroundColor, testId = _a.testId, others = __rest(_a, ["className", "id", "color", "backgroundColor", "testId"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx(className, backgroundColor && has(getBackgroundClassName(backgroundColor)), color && is(getColorClassName(color))));
-    return React.createElement("thead", __assign({ id: id, className: classes }, others));
-};
+    return React.createElement("thead", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+});
+TableHead.displayName = ComponentName.TableHead;
 export default TableHead;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUUxRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFvRTtJQUFsRSxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBSyxNQUFNLGNBQWxELCtDQUFvRCxDQUFGO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQ3RDLENBQ0YsQ0FBQTtJQUNELE9BQU8sd0NBQU8sRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVIZWFkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS9oZWFkL1RhYmxlSGVhZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7R0FPRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQStCLFVBQUMsRUFBNEQsRUFBRSxHQUFHO0lBQS9ELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDbEgsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FDdEMsQ0FDRixDQUFBO0lBQ0QsT0FBTyx3Q0FBTyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3pGLENBQUMsQ0FBQyxDQUFBO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/table/head/TableHead.native.d.ts

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