@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/table/Table.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services/classify';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../services/classify";
+import { hashClass } from "../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../context/index";
 /**
  * Table Component
  * @param bordered {boolean} bordered table
@@ -14,9 +14,9 @@ import { useTrilogyContext } from '../../context';
  * @param comparative {boolean} If specific design add this
  * @param striped {boolean} striped lines
  */
-const Table = ({ className, fullwidth, bordered, comparative, striped, ...others }) => {
+const Table = ({ className, fullwidth, bordered, comparative, striped, compact, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), bordered && is('bordered'), comparative && is('comparative'), striped && is('striped'), className));
+    const classes = hashClass(styled, clsx('table', fullwidth && is('fullwidth'), bordered && is('bordered'), comparative && is('comparative'), striped && is('striped'), compact && is('compact'), className));
     return React.createElement("table", { className: classes, ...others });
 };
 export default Table;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IAC7G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,EACP,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,SAAS,CACV,CACF,CAAA;IAED,OAAO,+BAAO,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClD,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAC,EAAE,EAAC,MAAM,qBAAqB,CAAA;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,SAAS,EACT,QAAQ,EACR,WAAW,EACX,OAAO,EACP,OAAO,EACP,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAC,MAAM,EAAC,GAAG,iBAAiB,EAAE,CAAC;IAErC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,EACP,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,SAAS,CACV,CACF,CAAC;IAEF,OAAO,+BAAO,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TableProps } from './TableProps';
-import { ComponentName } from '../enumsComponentsName';
+import { TableProps } from "./TableProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Table Component
  * @param children {ReactNode}

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Table Component
  * @param children {ReactNode}
  * @param bordered {boolean} bordered table
  */
 const Table = ({ children, bordered, ...others }) => {
-    const borderColor = getColorStyle(TrilogyColor.GREY_LIGHTER);
+    const borderColor = getColorStyle(TrilogyColor.FONT, 1);
     const styles = StyleSheet.create({
         table: {
-            width: '100%',
-            backgroundColor: 'transparent',
+            width: "100%",
+            backgroundColor: "transparent",
         },
         bordered: {
             borderWidth: 1,
@@ -20,10 +20,14 @@ const Table = ({ children, bordered, ...others }) => {
         },
         noBorder: {
             borderWidth: 0,
-            borderColor: 'transparent',
+            borderColor: "transparent",
         },
     });
-    return (React.createElement(View, { style: [bordered && styles.bordered, !bordered && styles.noBorder, styles.table], ...others }, children));
+    return (React.createElement(View, { style: [
+            bordered && styles.bordered,
+            !bordered && styles.noBorder,
+            styles.table,
+        ], ...others }, children));
 };
 Table.displayName = ComponentName.Table;
 export default Table;

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

@@ -1 +1 @@
-{"version":3,"file":"Table.native.js","sourceRoot":"","sources":["../../../components/table/Table.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEtD;;;;GAIG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IAC3E,MAAM,WAAW,GAAG,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa;SAC/B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,WAAW;SACzB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,aAAa;SAC3B;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,KAAM,MAAM,IAC/F,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Table.native.js","sourceRoot":"","sources":["../../../components/table/Table.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IAC3E,MAAM,WAAW,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa;SAC/B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,WAAW;SACzB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,aAAa;SAC3B;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC5B,MAAM,CAAC,KAAK;SACb,KACG,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { Fullwidth } from '../../objects/facets/Fullwidth';
+import { Fullwidth } from "../../objects/facets/Fullwidth";
 export interface TableProps extends Fullwidth {
     children: React.ReactNode;
     bordered?: boolean;
     comparative?: boolean;
     className?: string;
     striped?: boolean;
+    compact?: boolean;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableBodyProps } from './TableBodyProps';
+import { TableBodyProps } from "./TableBodyProps";
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body

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

@@ -1,11 +1,10 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../..//helpers/hashClassesHelpers';
-import { is } from '../../..//services/classify';
-import { useTrilogyContext } from '../../../context/index';
-import { has } from '../../../services/classify';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { getColorClassName } from '../../../objects/facets/Color';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { is, has } from "../../../services/classify";
+import { useTrilogyContext } from "../../../context/index";
+import { getBackgroundClassName } from "../../../objects/atoms/Background";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table Body Component
  * @param children {ReactNode} children of Table Body

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../components/table/body/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAEjE;;;;;;;GAOG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IAClG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACtC,CACF,CAAA;IACD,OAAO,+BAAO,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClD,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"TableBody.js","sourceRoot":"","sources":["../../../../components/table/body/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;;;;GAOG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,eAAe,EACf,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACtC,CACF,CAAA;IACD,OAAO,+BAAO,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClD,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TableBodyProps } from './TableBodyProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TableBodyProps } from "./TableBodyProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableBody Component
  * @param children {ReactNode} Children of Table Body

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * TableBody Component
  * @param children {ReactNode} Children of Table Body
@@ -8,12 +8,12 @@ import { ComponentName } from '../../enumsComponentsName';
 const TableBody = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         body: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             flex: 1,
         },
     });
-    return (React.createElement(View, { style: styles.body, ...others }, children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
+    return (React.createElement(View, { style: styles.body, ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
 };
 TableBody.displayName = ComponentName.TableBody;
 export default TableBody;

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.native.js","sourceRoot":"","sources":["../../../../components/table/body/TableBody.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACzE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAAC,CAAC,CAAC,QAAQ,CAC3F,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"TableBody.native.js","sourceRoot":"","sources":["../../../../components/table/body/TableBody.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACzE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableHeadProps } from './TableHeadProps';
+import { TableHeadProps } from "./TableHeadProps";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { useTrilogyContext } from '../../../context/index';
-import { has, is } from '../../../services/classify';
-import { getBackgroundClassName } from '../../../objects/atoms/Background';
-import { getColorClassName } from '../../../objects/facets/Color';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
+import { has, is } from "../../../services/classify";
+import { getBackgroundClassName } from "../../../objects/atoms/Background";
+import { getColorClassName } from "../../../objects/facets/Color";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head

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

@@ -1 +1 @@
-{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../components/table/head/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAG,EAAE,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE;;;;;;;GAOG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IAClG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACtC,CACF,CAAA;IACD,OAAO,+BAAO,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClD,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"TableHead.js","sourceRoot":"","sources":["../../../../components/table/head/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;;;;GAOG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,eAAe,EACf,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CACtC,CACF,CAAA;IACD,OAAO,+BAAO,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAClD,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TableHeadProps } from './TableHeadProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TableHeadProps } from "./TableHeadProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table Head Component
  * @param children {ReactNode} children of Table Head
@@ -8,11 +8,11 @@ import { ComponentName } from '../../enumsComponentsName';
 const TableHead = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         head: {
-            width: '100%',
-            flexDirection: 'row',
+            width: "100%",
+            flexDirection: "row",
         },
     });
-    return (React.createElement(View, { style: styles.head, ...others }, children && typeof children.valueOf() === 'string' ? React.createElement(Text, null, String(children)) : children));
+    return (React.createElement(View, { style: styles.head, ...others }, children && typeof children.valueOf() === "string" ? (React.createElement(Text, null, String(children))) : (children)));
 };
 TableHead.displayName = ComponentName.TableHead;
 export default TableHead;

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

@@ -1 +1 @@
-{"version":3,"file":"TableHead.native.js","sourceRoot":"","sources":["../../../../components/table/head/TableHead.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACzE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAAC,CAAC,CAAC,QAAQ,CAC3F,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"TableHead.native.js","sourceRoot":"","sources":["../../../../components/table/head/TableHead.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACzE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAChC,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TableTdProps } from './TableTdProps';
+import { TableTdProps } from "./TableTdProps";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers/hashClassesHelpers";
+import { useTrilogyContext } from "../../../context/index";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children
@@ -14,7 +14,7 @@ import { useTrilogyContext } from '../../../context';
 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 });
+    return (React.createElement("td", { className: classes, rowSpan: rowSpan, colSpan: colSpan, ...others }));
 };
 export default TableTd;
 //# sourceMappingURL=TableTd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableTd.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACxF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AACnF,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTd.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD;;;;;;;;GAQG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAA;IAClD,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TableTdProps } from './TableTdProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { TableTdProps } from "./TableTdProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Table TD Component
  * @param children {ReactNode} Table TD children

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import { ComponentName } from '../../enumsComponentsName';
+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
@@ -9,19 +9,19 @@ import { ComponentName } from '../../enumsComponentsName';
 const TableTd = ({ children, ...others }) => {
     const 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.NEUTRAL_DARK, 1),
+            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         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, { 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;

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

@@ -1 +1 @@
-{"version":3,"file":"TableTd.native.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;YACtB,gBAAgB,EAAE,GAAG;YACrB,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YACzD,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;SACzD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;SAC5C;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTd.native.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;YACtB,gBAAgB,EAAE,GAAG;YACrB,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC9D,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9D;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACxC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,146 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import Table from "../Table";
+import TableHead from "../head";
+import TableTr from "../tr";
+import TableTh from "../th";
+import TableBody from "../body";
+import TableTd from "../td";
+import Text from "../../text/Text";
+import Icon from "../../icon/Icon";
+import { IconName } from "../../icon";
+import View from "../../view/View";
+import { TextLevels } from "../../text";
+describe("Table component", () => {
+    it("renders a table element", () => {
+        const { container } = render(React.createElement(Table, null,
+            React.createElement(TableHead, null,
+                React.createElement(TableTr, null,
+                    React.createElement(TableTh, null, "Date"),
+                    React.createElement(TableTh, null, "Libell\u00E9 op\u00E9ration"),
+                    React.createElement(TableTh, null, "Montant"),
+                    React.createElement(TableTh, null, "Solde client"),
+                    React.createElement(TableTh, null, "Op\u00E9rations associ\u00E9es"))),
+            React.createElement(TableBody, null,
+                React.createElement(TableTr, { expandable: true, expanded: true, "data-expandable-row": "" },
+                    React.createElement(TableTd, null, "09/11/2018"),
+                    React.createElement(TableTd, null,
+                        React.createElement(Text, null, "Pr\u00E9l\u00E8vement PAPGPXXXXXXXXXX"),
+                        React.createElement(Text, null, "R\u00E9f. paiement : 28268")),
+                    React.createElement(TableTd, null, "-100,00 \u20AC"),
+                    React.createElement(TableTd, null, "0,00 \u20AC"),
+                    React.createElement(TableTd, { "data-expandable-trigger": "" },
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, content: "Afficher" }))),
+                React.createElement(TableTr, { className: "is-expansion" },
+                    React.createElement(TableTd, { colSpan: 7 },
+                        React.createElement(View, { className: "subtable", backgroundSrc: "https://design.bouyguestelecom.fr/bg-sensation.421f50d9.png" },
+                            React.createElement(Text, { level: TextLevels.FOUR }, "Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"),
+                            React.createElement(Text, null, "Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip.")))))));
+        expect(container.querySelector("table")).toBeInTheDocument();
+    });
+    it("applies the fullwidth class when the prop is set", () => {
+        const { container } = render(React.createElement(Table, { fullwidth: true },
+            React.createElement(TableHead, null,
+                React.createElement(TableTr, null,
+                    React.createElement(TableTh, null, "Date"),
+                    React.createElement(TableTh, null, "Libell\u00E9 op\u00E9ration"),
+                    React.createElement(TableTh, null, "Montant"),
+                    React.createElement(TableTh, null, "Solde client"),
+                    React.createElement(TableTh, null, "Op\u00E9rations associ\u00E9es"))),
+            React.createElement(TableBody, null,
+                React.createElement(TableTr, { expandable: true, expanded: true, "data-expandable-row": "" },
+                    React.createElement(TableTd, null, "09/11/2018"),
+                    React.createElement(TableTd, null,
+                        React.createElement(Text, null, "Pr\u00E9l\u00E8vement PAPGPXXXXXXXXXX"),
+                        React.createElement(Text, null, "R\u00E9f. paiement : 28268")),
+                    React.createElement(TableTd, null, "-100,00 \u20AC"),
+                    React.createElement(TableTd, null, "0,00 \u20AC"),
+                    React.createElement(TableTd, { "data-expandable-trigger": "" },
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, content: "Afficher" }))),
+                React.createElement(TableTr, { className: "is-expansion" },
+                    React.createElement(TableTd, { colSpan: 7 },
+                        React.createElement(View, { className: "subtable", backgroundSrc: "https://design.bouyguestelecom.fr/bg-sensation.421f50d9.png" },
+                            React.createElement(Text, { level: TextLevels.FOUR }, "Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"),
+                            React.createElement(Text, null, "Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip.")))))));
+        expect(container.firstChild).toHaveClass("is-fullwidth");
+    });
+    it("applies the bordered class when the prop is set", () => {
+        const { container } = render(React.createElement(Table, { bordered: true },
+            React.createElement(TableHead, null,
+                React.createElement(TableTr, null,
+                    React.createElement(TableTh, null, "Date"),
+                    React.createElement(TableTh, null, "Libell\u00E9 op\u00E9ration"),
+                    React.createElement(TableTh, null, "Montant"),
+                    React.createElement(TableTh, null, "Solde client"),
+                    React.createElement(TableTh, null, "Op\u00E9rations associ\u00E9es"))),
+            React.createElement(TableBody, null,
+                React.createElement(TableTr, { expandable: true, expanded: true, "data-expandable-row": "" },
+                    React.createElement(TableTd, null, "09/11/2018"),
+                    React.createElement(TableTd, null,
+                        React.createElement(Text, null, "Pr\u00E9l\u00E8vement PAPGPXXXXXXXXXX"),
+                        React.createElement(Text, null, "R\u00E9f. paiement : 28268")),
+                    React.createElement(TableTd, null, "-100,00 \u20AC"),
+                    React.createElement(TableTd, null, "0,00 \u20AC"),
+                    React.createElement(TableTd, { "data-expandable-trigger": "" },
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, content: "Afficher" }))),
+                React.createElement(TableTr, { className: "is-expansion" },
+                    React.createElement(TableTd, { colSpan: 7 },
+                        React.createElement(View, { className: "subtable", backgroundSrc: "https://design.bouyguestelecom.fr/bg-sensation.421f50d9.png" },
+                            React.createElement(Text, { level: TextLevels.FOUR }, "Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"),
+                            React.createElement(Text, null, "Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip.")))))));
+        expect(container.firstChild).toHaveClass("is-bordered");
+    });
+    it("applies the comparative class when the prop is set", () => {
+        const { container } = render(React.createElement(Table, { comparative: true },
+            React.createElement(TableHead, null,
+                React.createElement(TableTr, null,
+                    React.createElement(TableTh, null, "Date"),
+                    React.createElement(TableTh, null, "Libell\u00E9 op\u00E9ration"),
+                    React.createElement(TableTh, null, "Montant"),
+                    React.createElement(TableTh, null, "Solde client"),
+                    React.createElement(TableTh, null, "Op\u00E9rations associ\u00E9es"))),
+            React.createElement(TableBody, null,
+                React.createElement(TableTr, { expandable: true, expanded: true, "data-expandable-row": "" },
+                    React.createElement(TableTd, null, "09/11/2018"),
+                    React.createElement(TableTd, null,
+                        React.createElement(Text, null, "Pr\u00E9l\u00E8vement PAPGPXXXXXXXXXX"),
+                        React.createElement(Text, null, "R\u00E9f. paiement : 28268")),
+                    React.createElement(TableTd, null, "-100,00 \u20AC"),
+                    React.createElement(TableTd, null, "0,00 \u20AC"),
+                    React.createElement(TableTd, { "data-expandable-trigger": "" },
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, content: "Afficher" }))),
+                React.createElement(TableTr, { className: "is-expansion" },
+                    React.createElement(TableTd, { colSpan: 7 },
+                        React.createElement(View, { className: "subtable", backgroundSrc: "https://design.bouyguestelecom.fr/bg-sensation.421f50d9.png" },
+                            React.createElement(Text, { level: TextLevels.FOUR }, "Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"),
+                            React.createElement(Text, null, "Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip.")))))));
+        expect(container.firstChild).toHaveClass("is-comparative");
+    });
+    it("applies the striped class when the prop is set", () => {
+        const { container } = render(React.createElement(Table, { striped: true },
+            React.createElement(TableHead, null,
+                React.createElement(TableTr, null,
+                    React.createElement(TableTh, null, "Date"),
+                    React.createElement(TableTh, null, "Libell\u00E9 op\u00E9ration"),
+                    React.createElement(TableTh, null, "Montant"),
+                    React.createElement(TableTh, null, "Solde client"),
+                    React.createElement(TableTh, null, "Op\u00E9rations associ\u00E9es"))),
+            React.createElement(TableBody, null,
+                React.createElement(TableTr, { expandable: true, expanded: true, "data-expandable-row": "" },
+                    React.createElement(TableTd, null, "09/11/2018"),
+                    React.createElement(TableTd, null,
+                        React.createElement(Text, null, "Pr\u00E9l\u00E8vement PAPGPXXXXXXXXXX"),
+                        React.createElement(Text, null, "R\u00E9f. paiement : 28268")),
+                    React.createElement(TableTd, null, "-100,00 \u20AC"),
+                    React.createElement(TableTd, null, "0,00 \u20AC"),
+                    React.createElement(TableTd, { "data-expandable-trigger": "" },
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, content: "Afficher" }))),
+                React.createElement(TableTr, { className: "is-expansion" },
+                    React.createElement(TableTd, { colSpan: 7 },
+                        React.createElement(View, { className: "subtable", backgroundSrc: "https://design.bouyguestelecom.fr/bg-sensation.421f50d9.png" },
+                            React.createElement(Text, { level: TextLevels.FOUR }, "Dolore fugiat reprehenderit nostrud velit voluptate dolor irure ullamco exercitation nulla eiusmod in"),
+                            React.createElement(Text, null, "Laboris cupidatat culpa nisi ad consectetur ex ea laboris est nostrud aliquip.")))))));
+        expect(container.firstChild).toHaveClass("is-striped");
+    });
+});
+//# sourceMappingURL=Table.test.js.map

package/lib/components/table/test/Table.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.test.js","sourceRoot":"","sources":["../../../../components/table/test/Table.test.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import TableTr from "../tr";
+import { getBackgroundClassName, getColorClassName, TrilogyColor, } from "../../../objects";
+import { has, is } from "../../../services";
+import Table from "../Table";
+import TableBody from "../body";
+import TableTd from "../td";
+describe("TableBody", () => {
+    it("renders without error", () => {
+        render(React.createElement(Table, null,
+            React.createElement(TableBody, null,
+                React.createElement(TableTr, null,
+                    React.createElement(TableTd, null, "tr")))));
+    });
+    it("renders with additional CSS classes", () => {
+        const { container } = render(React.createElement(Table, null,
+            React.createElement(TableBody, { className: "custom-class" },
+                React.createElement(TableTr, null,
+                    React.createElement(TableTd, null, "tr")))));
+        const tbody = container.querySelector("tbody");
+        expect(tbody).toHaveClass("custom-class");
+    });
+    it("renders with background color class when backgroundColor prop is provided", () => {
+        const { container } = render(React.createElement(Table, null,
+            React.createElement(TableBody, { backgroundColor: TrilogyColor.ERROR },
+                React.createElement(TableTr, null,
+                    React.createElement(TableTd, null, "tr")))));
+        const tbody = container.querySelector("tbody");
+        expect(tbody).toHaveClass(has(getBackgroundClassName(TrilogyColor.ERROR)));
+    });
+    it("renders with color class when color prop is provided", () => {
+        const { container } = render(React.createElement(Table, null,
+            React.createElement(TableBody, { color: TrilogyColor.ERROR },
+                React.createElement(TableTr, null,
+                    React.createElement(TableTd, null, "tr")))));
+        const tbody = container.querySelector("tbody");
+        expect(tbody).toHaveClass(is(getColorClassName(TrilogyColor.ERROR)));
+    });
+});
+//# sourceMappingURL=TableBody.test.js.map

package/lib/components/table/test/TableBody.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.test.js","sourceRoot":"","sources":["../../../../components/table/test/TableBody.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,OAAO,MAAM,OAAO,CAAC;AAC5B,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,UAAU,CAAC;AAC7B,OAAO,SAAS,MAAM,SAAS,CAAC;AAChC,OAAO,OAAO,MAAM,OAAO,CAAC;AAE5B,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,CACJ,oBAAC,KAAK;YACJ,oBAAC,SAAS;gBACR,oBAAC,OAAO;oBACN,oBAAC,OAAO,aAAa,CACb,CACA,CACN,CACT,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,KAAK;YACJ,oBAAC,SAAS,IAAC,SAAS,EAAC,cAAc;gBACjC,oBAAC,OAAO;oBACN,oBAAC,OAAO,aAAa,CACb,CACA,CACN,CACT,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,GAAG,EAAE;QACnF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,KAAK;YACJ,oBAAC,SAAS,IAAC,eAAe,EAAE,YAAY,CAAC,KAAK;gBAC5C,oBAAC,OAAO;oBACN,oBAAC,OAAO,aAAa,CACb,CACA,CACN,CACT,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,sBAAsB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,KAAK;YACJ,oBAAC,SAAS,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK;gBAClC,oBAAC,OAAO;oBACN,oBAAC,OAAO,aAAa,CACb,CACA,CACN,CACT,CAAC;QACF,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export {};