@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-prompt-fix-disabled

package/lib/components/table/td/TableTd.js

@@ -1,20 +1,23 @@
-import React from 'react';
+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 { useTrilogyContext } from '../../../context/index';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
- * @param onClick {ClickEvent} On click event
  */
-const TableTd = ({ className, rowSpan, colSpan, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(className));
-    return React.createElement("td", { className: classes, rowSpan: rowSpan, colSpan: colSpan, ...others });
-};
+var TableTd = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, rowSpan = _a.rowSpan, colSpan = _a.colSpan, testId = _a.testId, others = __rest(_a, ["className", "id", "rowSpan", "colSpan", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className));
+    return React.createElement("td", __assign({ ref: ref, id: id, className: classes, rowSpan: rowSpan, colSpan: colSpan, "data-testid": testId }, others));
+});
+TableTd.displayName = ComponentName.TableTd;
 export default TableTd;
-//# sourceMappingURL=TableTd.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGQvVGFibGVUZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUEyQixVQUFDLEVBQXNELEVBQUUsR0FBRztJQUF6RCxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBcEQsbURBQXNELENBQUY7SUFDdEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNsRCxPQUFPLHFDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8saUJBQWUsTUFBTSxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFILENBQUMsQ0FBQyxDQUFBO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/table/td/TableTd.native.d.ts

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

package/lib/components/table/td/TableTd.native.js

@@ -1,28 +1,30 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
  */
-const TableTd = ({ children, ...others }) => {
-    const styles = StyleSheet.create({
+var TableTd = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var styles = StyleSheet.create({
         table: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             padding: 10,
             borderBottomWidth: 0.2,
             borderRightWidth: 0.2,
-            borderBottomColor: getColorStyle(TrilogyColor.GREY_LIGHT),
-            borderRightColor: getColorStyle(TrilogyColor.GREY_LIGHT),
+            borderBottomColor: getColorStyle(TrilogyColor.STROKE_FADE),
+            borderRightColor: getColorStyle(TrilogyColor.STROKE_FADE),
         },
         text: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
         },
     });
-    return (React.createElement(View, { style: styles.table, ...others }, children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text }, String(children))) : (children)));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.table }, others), children && typeof children.valueOf() === "string" ? (React.createElement(Text, { style: styles.text }, String(children))) : (children)));
+});
 TableTd.displayName = ComponentName.TableTd;
 export default TableTd;
-//# sourceMappingURL=TableTd.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RkL1RhYmxlVGQubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXJELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFpQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNyRixJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLEtBQUssRUFBRTtZQUNMLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsT0FBTyxFQUFFLEVBQUU7WUFDWCxpQkFBaUIsRUFBRSxHQUFHO1lBQ3RCLGdCQUFnQixFQUFFLEdBQUc7WUFDckIsaUJBQWlCLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUM7WUFDMUQsZ0JBQWdCLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUM7U0FDMUQ7UUFDRCxJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQU0sTUFBTSxHQUM1QyxRQUFRLElBQUksT0FBTyxRQUFRLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNwRCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFRLENBQ3BELENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ0ksQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/td/TableTdProps.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
-import { Clickable } from '../../../objects';
-export interface TableTdProps extends Clickable {
+import { View } from 'react-native';
+import { Clickable, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TableTdProps extends Clickable, CommonProps, Dev {
     children: React.ReactNode;
     rowSpan?: number;
     colSpan?: number;
-    className?: string;
 }
+export type TableTdRef = HTMLTableCellElement;
+export type TableTdNativeRef = View;

package/lib/components/table/td/TableTdProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TableTdProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUZFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS90ZC9UYWJsZVRkUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/table/td/TableTdPropsDefaults.js

@@ -0,0 +1,58 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "rowSpan": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "colSpan": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/table/td/index.js

@@ -1,3 +1,3 @@
 import TableTd from './TableTd';
 export default TableTd;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/th/TableTh.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TableThProps } from './TableThProps';
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-declare const TableTh: ({ className, colSpan, rowSpan, ...others }: TableThProps) => JSX.Element;
+declare const TableTh: React.ForwardRefExoticComponent<TableThProps & React.RefAttributes<HTMLTableCellElement>>;
 export default TableTh;

package/lib/components/table/th/TableTh.js

@@ -1,20 +1,24 @@
-import React from 'react';
+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 { useTrilogyContext } from '../../../context/index';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Table TH Component
  * @param children {ReactNode} Children of Table TH
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param rowSpan {number} Specifies the number of rows a cell should span
  * @param colSpan {number} Defines the number of columns a cell should span
  * @param onClick {ClickEvent} On click event
  */
-const TableTh = ({ className, colSpan, rowSpan, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(className));
-    return React.createElement("th", { className: classes, colSpan: colSpan, rowSpan: rowSpan, ...others });
-};
+var TableTh = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, colSpan = _a.colSpan, rowSpan = _a.rowSpan, testId = _a.testId, others = __rest(_a, ["className", "id", "colSpan", "rowSpan", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className));
+    return React.createElement("th", __assign({ ref: ref, id: id, className: classes, colSpan: colSpan, rowSpan: rowSpan, "data-testid": testId }, others));
+});
+TableTh.displayName = ComponentName.TableTh;
 export default TableTh;
-//# sourceMappingURL=TableTh.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdGgvVGFibGVUaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkIsVUFBQyxFQUFzRCxFQUFFLEdBQUc7SUFBekQsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBSyxNQUFNLGNBQXBELG1EQUFzRCxDQUFGO0lBQ3RHLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEQsT0FBTyxxQ0FBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLGlCQUFlLE1BQU0sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUMzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/th/TableTh.native.d.ts

@@ -1,12 +1,8 @@
-/// <reference types="react" />
-import { TableThProps } from './TableThProps';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { TableThProps } from "./TableThProps";
 /**
  * TableTh Component
  * @param children {ReactNode} children of table TH
  */
-declare const TableTh: {
-    ({ children, ...others }: TableThProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const TableTh: React.ForwardRefExoticComponent<TableThProps & React.RefAttributes<import("react-native").View>>;
 export default TableTh;

package/lib/components/table/th/TableTh.native.js

@@ -1,31 +1,33 @@
-import React from 'react';
-import { StyleSheet } from 'react-native';
-import { View } from '../../view';
-import { Text } from '../../text';
-import { getColorStyle, mixColors, TrilogyColor, TypographyBold } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import { View } from "../../../components/view";
+import { Text } from "../../../components/text";
+import { getColorStyle, TrilogyColor, TypographyBold } from "../../../objects";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableTh Component
  * @param children {ReactNode} children of table TH
  */
-const TableTh = ({ children, ...others }) => {
-    const styles = StyleSheet.create({
+var TableTh = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var styles = StyleSheet.create({
         tableTh: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHT),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             padding: 10,
-            borderRightColor: mixColors(TrilogyColor.GREY, -86),
+            borderRightColor: getColorStyle(TrilogyColor.STROKE_FADE),
             borderRightWidth: 0.2,
         },
         title: {
             fontSize: 14,
-            fontWeight: 'bold',
+            fontWeight: "bold",
         },
     });
-    return (React.createElement(View, { style: styles.tableTh, ...others },
+    return (React.createElement(View, __assign({ ref: ref, style: styles.tableTh }, others),
         React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD], style: styles.title }, String(children))));
-};
+});
 TableTh.displayName = ComponentName.TableTh;
 export default TableTh;
-//# sourceMappingURL=TableTh.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL1RhYmxlVGgubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUV6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBaUMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDckYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxhQUFhLEVBQUUsUUFBUTtZQUN2QixJQUFJLEVBQUUsQ0FBQztZQUNQLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUN6RCxPQUFPLEVBQUUsRUFBRTtZQUNYLGdCQUFnQixFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDO1lBQ3pELGdCQUFnQixFQUFFLEdBQUc7U0FDdEI7UUFDRCxLQUFLLEVBQUU7WUFDTCxRQUFRLEVBQUUsRUFBRTtZQUNaLFVBQVUsRUFBRSxNQUFNO1NBQ25CO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUFNLE1BQU07UUFDL0Msb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUNuRSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQ1osQ0FDRixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/th/TableThProps.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
-import { Clickable } from '../../../objects';
-export interface TableThProps extends Clickable {
+import { View } from 'react-native';
+import { Clickable, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export interface TableThProps extends Clickable, CommonProps, Dev {
     children: React.ReactNode;
     rowSpan?: number;
     colSpan?: number;
-    className?: string;
 }
+export type TableThRef = HTMLTableCellElement;
+export type TableThNativeRef = View;

package/lib/components/table/th/TableThProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TableThProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUaFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS90aC9UYWJsZVRoUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/table/th/TableThPropsDefaults.js

@@ -0,0 +1,58 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "rowSpan": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "colSpan": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/table/th/index.js

@@ -1,3 +1,3 @@
 import TableTh from './TableTh';
 export default TableTh;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RoL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUUvQixlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/tr/TableTr.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { TableTrProps } from './TableTrProps';
+import * as React from "react";
+import { TableTrProps } from "./TableTrProps";
 /**
  * Table TR Component
  * @param children {ReactNode}
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {boolean} An unfolded line will also receive class
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param expansion {boolean} Is expansion
  * @param onClick {ClickEvent} On click event
  * @param color {TrilogyColor} Higlight color
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
-declare const TableTr: ({ className, expandable, expanded, expansion, color, ...others }: TableTrProps) => JSX.Element;
+declare const TableTr: React.ForwardRefExoticComponent<Omit<TableTrProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
 export default TableTr;

package/lib/components/table/tr/TableTr.js

@@ -1,25 +1,29 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../..//helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
-import { useTrilogyContext } from '../../..//context/index';
-import { getColorClassName } from '../../../objects/facets/Color';
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getColorClassName } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TR Component
  * @param children {ReactNode}
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {boolean} An unfolded line will also receive class
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param expansion {boolean} Is expansion
  * @param onClick {ClickEvent} On click event
  * @param color {TrilogyColor} Higlight color
  * @param ref {React.RefObject<HTMLTableRowElement>} Ref of the row
  */
-const TableTr = ({ className, expandable, expanded, expansion, color, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(className, expandable && is('expandable'), expanded && is('expanded'), expansion && is('expansion'), color && getColorClassName(color)));
-    return React.createElement("tr", { className: classes, ...others });
-};
+var TableTr = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, expandable = _a.expandable, expanded = _a.expanded, expansion = _a.expansion, color = _a.color, testId = _a.testId, others = __rest(_a, ["className", "id", "expandable", "expanded", "expansion", "color", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx(className, expandable && is("expandable"), expanded && is("expanded"), expansion && is("expansion"), color && getColorClassName(color)));
+    return React.createElement("tr", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others));
+});
+TableTr.displayName = ComponentName.TableTr;
 export default TableTr;
-//# sourceMappingURL=TableTr.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFibGUvdHIvVGFibGVUci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFTM0QsRUFBRSxHQUFHO0lBUkosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVJpRCw2RUFTM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsS0FBSyxJQUFJLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUNsQyxDQUNGLENBQUE7SUFFRCxPQUFPLHFDQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxpQkFBZSxNQUFNLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDdEYsQ0FBQyxDQUFDLENBQUE7QUFFRixPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFDM0MsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/table/tr/TableTr.native.d.ts

@@ -1,14 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { TableTrPropsNative } from './TableTrProps';
-import { ComponentName } from '../../enumsComponentsName';
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {ReactNode|string} Expended Table TR content
  */
-declare const TableTr: {
-    ({ children, expandable, expanded, ...others }: TableTrPropsNative): JSX.Element;
-    displayName: ComponentName;
-};
+declare const TableTr: React.ForwardRefExoticComponent<Omit<TableTrPropsNative, "ref"> & React.RefAttributes<import("react-native").View>>;
 export default TableTr;

package/lib/components/table/tr/TableTr.native.js

@@ -1,39 +1,42 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useState } from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { View } from '../../view';
-import { Text, TextLevels } from '../../text';
-import { ComponentName } from '../../enumsComponentsName';
+import { View } from '../../../components/view';
+import { Text, TextLevels } from '../../../components/text';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getColorStyle, TrilogyColor } from '../../../components/../objects';
 /**
  * TableTr Component
  * @param children {ReactNode} Rows children
  * @param expandable {boolean} Lines can display additional information
  * @param expanded {ReactNode|string} Expended Table TR content
  */
-const TableTr = ({ children, expandable, expanded, ...others }) => {
-    const [isExpanded, setIsExpended] = useState(false);
-    const styles = StyleSheet.create({
+var TableTr = React.forwardRef(function (_a, ref) {
+    var children = _a.children, expandable = _a.expandable, expanded = _a.expanded, others = __rest(_a, ["children", "expandable", "expanded"]);
+    var _b = __read(useState(false), 2), isExpanded = _b[0], setIsExpended = _b[1];
+    var styles = StyleSheet.create({
         tableTr: {
-            flexDirection: 'row',
+            flexDirection: "row",
             flex: 1,
         },
         expendable: {
-            width: '100%',
-            backgroundColor: '#F8F8F8',
+            width: "100%",
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
             padding: 10,
         },
     });
-    const handleExpendedContent = () => {
+    var handleExpendedContent = function () {
         setIsExpended(!isExpanded);
     };
     if (expandable) {
-        return (React.createElement(View, null,
-            React.createElement(TouchableOpacity, { onPress: () => handleExpendedContent(), style: styles.tableTr, ...others }, children),
-            isExpanded && expanded && typeof expanded.valueOf() === 'string' && (React.createElement(View, { style: styles.expendable },
+        return (React.createElement(View, { ref: ref },
+            React.createElement(TouchableOpacity, __assign({ onPress: function () { return handleExpendedContent(); }, style: styles.tableTr }, others), children),
+            isExpanded && expanded && typeof expanded.valueOf() === "string" && (React.createElement(View, { style: styles.expendable },
                 React.createElement(Text, { level: TextLevels.FOUR }, String(expanded)))),
-            isExpanded && expanded && React.isValidElement(expanded) && React.createElement(View, { style: styles.expendable }, expanded)));
+            isExpanded && expanded && React.isValidElement(expanded) && (React.createElement(View, { style: styles.expendable }, expanded))));
     }
-    return (React.createElement(View, { style: styles.tableTr, ...others }, children));
-};
+    return (React.createElement(View, __assign({ ref: ref, style: styles.tableTr }, others), children));
+});
 TableTr.displayName = ComponentName.TableTr;
 export default TableTr;
-//# sourceMappingURL=TableTr.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYmxlL3RyL1RhYmxlVHIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUVyRTs7Ozs7R0FLRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFLdkUsRUFBRSxHQUFHO0lBSkosSUFBQSxRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUo2RCxzQ0FLdkUsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsS0FBSyxDQUFDLElBQUEsRUFBckQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE0QixDQUFBO0lBRTVELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsSUFBSSxFQUFFLENBQUM7U0FDUjtRQUNELFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQ3pELE9BQU8sRUFBRSxFQUFFO1NBQ1o7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLHFCQUFxQixHQUFHO1FBQzVCLGFBQWEsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQzVCLENBQUMsQ0FBQTtJQUVELElBQUksVUFBVSxFQUFFO1FBQ2QsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRztZQUNaLG9CQUFDLGdCQUFnQixhQUNmLE9BQU8sRUFBRSxjQUFNLE9BQUEscUJBQXFCLEVBQUUsRUFBdkIsQ0FBdUIsRUFDdEMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQ2pCLE1BQU0sR0FFVCxRQUFRLENBQ1E7WUFDbEIsVUFBVSxJQUFJLFFBQVEsSUFBSSxPQUFPLFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FDbkUsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsVUFBVTtnQkFDNUIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsSUFBSSxJQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBUSxDQUNsRCxDQUNSO1lBQ0EsVUFBVSxJQUFJLFFBQVEsSUFBSSxLQUFLLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQzNELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFVBQVUsSUFBRyxRQUFRLENBQVEsQ0FDbEQsQ0FDSSxDQUNSLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQzlDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/table/tr/TableTrProps.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { Clickable, Referenceable, ReferenceableNative, TrilogyColor, TrilogyColorValues } from '../../../objects';
-import { TouchableOpacity } from 'react-native';
-interface TableTrPropsWeb extends Clickable {
+import { Clickable, Dev, Referenceable, ReferenceableNative, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { TouchableOpacity, View } from 'react-native';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+interface TableTrPropsWeb extends Clickable, Dev {
     children: React.ReactNode;
     expandable?: boolean;
     expanded?: boolean | React.ReactNode | string;
@@ -10,5 +11,7 @@ interface TableTrPropsWeb extends Clickable {
     color?: TrilogyColor | TrilogyColorValues;
 }
 export type TableTrPropsNative = TableTrPropsWeb & ReferenceableNative<TouchableOpacity>;
-export type TableTrProps = TableTrPropsWeb & Referenceable<HTMLTableRowElement>;
+export type TableTrProps = TableTrPropsWeb & Referenceable<HTMLTableRowElement> & CommonProps;
+export type TableTrRef = HTMLTableRowElement;
+export type TableTrNativeRef = View;
 export {};

package/lib/components/table/tr/TableTrProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=TableTrProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVUclByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJsZS90ci9UYWJsZVRyUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9