From f4b8b7712fe3180c4d1ba50e63da34f00f7f2ffa Mon Sep 17 00:00:00 2001
From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com>
Date: Fri, 29 Sep 2023 12:45:44 +0200
Subject: [PATCH] MDS-706 (#2400)
* feat: an example of table with tooltips
* fix: a bit more tests for table with tooltips
---
next-docs/pages/components/table.tsx | 6 +
next-docs/public/examples/table/LongData.tsx | 24 +-
next-docs/public/examples/table/Tooltips.tsx | 145 +
.../__snapshots__/index.test.tsx.snap | 69588 ++++++++++------
.../examples/table/__tests__/index.test.tsx | 9 +
5 files changed, 44295 insertions(+), 25477 deletions(-)
create mode 100644 next-docs/public/examples/table/Tooltips.tsx
diff --git a/next-docs/pages/components/table.tsx b/next-docs/pages/components/table.tsx
index ae5ec7f4d3..2beb037fd5 100644
--- a/next-docs/pages/components/table.tsx
+++ b/next-docs/pages/components/table.tsx
@@ -20,6 +20,7 @@ import RowSizes from '../../public/examples/table/RowSizes';
import SelectableCheckboxes from '../../public/examples/table/SelectableCheckboxes';
import SelectableRows from '../../public/examples/table/SelectableRows';
import Sorting from '../../public/examples/table/Sorting';
+import Tooltips from '../../public/examples/table/Tooltips';
import Zebra from '../../public/examples/table/Zebra';
import useComponent from '../../utils/useComponent';
@@ -134,6 +135,11 @@ const PageTable = () => {
preview={}
code={examples ? examples.LongData : 'Loading'}
/>
+ }
+ code={examples ? examples.Tooltips : 'Loading'}
+ />
{
'accessor': 'gameNameAndProvider',
'Footer': '',
},
+ {
+ 'Header': 'Amount',
+ 'accessor': 'amount',
+ 'Footer': '',
+ },
+ {
+ 'Header': 'Currency',
+ 'accessor': 'currency',
+ 'Footer': '',
+ },
],
},
{
- 'Header': 'Amount',
+ 'Header': 'Status',
'sticky': 'right',
'columns': [
{
- 'Header': 'Amount',
- 'accessor': 'amount',
+ 'Header': 'Status',
+ 'accessor': 'status',
'Footer': '',
- }
+ },
]
}
];
@@ -61,7 +71,9 @@ const Example = () => {
processTime: '2023-09-19T14:31:46.105Z',
client: 'Bender (old) Coingaming',
gameNameAndProvider: 'Pragmatic Play',
- amount: 22.90748093020859,
+ amount: 22.97,
+ currency: 'USD',
+ status: 'SUCCESS'
};
});
};
@@ -87,7 +99,7 @@ const Example = () => {
columns={columns}
data={data}
defaultColumn={defaultColumn}
- width={800}
+ width={900}
height={400}
withFooter={false}
textClip={textClip}
diff --git a/next-docs/public/examples/table/Tooltips.tsx b/next-docs/public/examples/table/Tooltips.tsx
new file mode 100644
index 0000000000..6aa54cc212
--- /dev/null
+++ b/next-docs/public/examples/table/Tooltips.tsx
@@ -0,0 +1,145 @@
+import React from 'react';
+import { Table } from '@heathmont/moon-table-tw';
+import ClipProps from '@heathmont/moon-table-tw/lib/private/types/ClipProps';
+import { Chip, Tooltip } from '@heathmont/moon-core-tw';
+import { IconShare } from '@heathmont/moon-assets';
+
+const Example = () => {
+ const columnsInitial = [
+ {
+ 'Header': 'Transactions',
+ 'sticky': 'left',
+ columns: [
+ {
+ 'Header': 'Transaction UUID',
+ 'accessor': 'uuid',
+ 'Footer': '',
+ },
+ {
+ 'Header': 'User & Supplier user',
+ 'accessor': 'user',
+ 'Footer': '',
+ },
+ ],
+ },
+ {
+ 'Header': 'Info',
+ 'columns': [
+ {
+ 'Header': 'Process time',
+ 'accessor': 'processTime',
+ 'Footer': '',
+ },
+ {
+ 'Header': 'Client',
+ 'accessor': 'client',
+ 'Footer': '',
+ },
+ {
+ 'Header': 'Game name & provider',
+ 'accessor': 'gameNameAndProvider',
+ 'Footer': '',
+ },
+ {
+ 'Header': 'Amount',
+ 'accessor': 'amount',
+ 'maxWidth': 100,
+ 'Footer': '',
+ },
+ {
+ 'Header': 'Currency',
+ 'accessor': 'currency',
+ 'maxWidth': 100,
+ 'Footer': '',
+ },
+ {
+ 'Header': 'Status',
+ 'accessor': 'status',
+ 'maxWidth': 200,
+ 'Footer': '',
+ },
+ ],
+ },
+ {
+ 'Header': 'Actions',
+ 'sticky': 'right',
+ 'columns': [
+ {
+ 'Header': 'Actions',
+ 'accessor': 'actions',
+ 'Footer': '',
+ },
+ ]
+ }
+ ];
+
+ const tooltip = (className: string) => {
+ return (
+
+
+
+
+
+
+
+ Round details
+
+
+
+ );
+ };
+
+ const makeData = (length: number) => {
+ return Array.from('_'.repeat(length)).map((_, index) => {
+ return {
+ uuid: '84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546',
+ user: 'aleksandr@heathmonitoring.com',
+ processTime: '2023-09-19T14:31:46.105Z',
+ client: 'Bender (old) Coingaming',
+ gameNameAndProvider: 'Pragmatic Play',
+ amount: 22.97,
+ currency: 'USD',
+ status: 'SUCCESS',
+
+ /**
+ * The expression below sets a tooltip with transparent background in the second row only.
+ */
+ actions: index === 1 ? tooltip('bg-transparent') : tooltip('bg-goku'),
+ };
+ });
+ };
+
+ const defaultColumn = React.useMemo(
+ () => ({
+ minWidth: 10,
+ width: 150,
+ }),
+ []
+ );
+
+ const columns = React.useMemo(() => columnsInitial, []);
+ const data = React.useMemo(() => makeData(40), []);
+ const textClip = 'clip' as ClipProps;
+
+ return (
+ () => {}}
+ />
+ );
+};
+
+export default Example;
diff --git a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
index de0d2167e8..d6b07bc8fc 100644
--- a/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
+++ b/next-docs/public/examples/table/__tests__/__snapshots__/index.test.tsx.snap
@@ -30392,7 +30392,7 @@ Object {
-
-
-
-
- Test
+
+
+ Test
+
+
+ Test
+
+
+
+ 510
+
+
+
+
+ 1700
+
+
+
+ 1700
+
+
+ 1700
+
+
+
+ 1700
+
+
- Test
+
+
+ Test
+
+
+ Test
+
+
+
+ 540
+
+
+
+
+ 1800
+
+
+
+ 1800
+
+
+ 1800
+
+
+
+ 1800
+
+
-
- 30
-
+
+
+ Test
+
+
+ Test
+
+
+
+ 570
+
+
+
+
+ 1900
+
+
+
+ 1900
+
+
+ 1900
+
+
+
+ 1900
+
+
-
- 100
-
+
+
+ Test
+
+
+ Test
+
+
+
+ 600
+
+
+
+
+ 2000
+
+
+
+ 2000
+
+
+ 2000
+
+
+
+ 2000
+
+
- 100
+
+
+ Test
+
+
+ Test
+
+
+
+ 630
+
+
+
+
+ 2100
+
+
+
+ 2100
+
+
+ 2100
+
+
+
+ 2100
+
+
- 100
+
+
+ Test
+
+
+ Test
+
+
+
+ 660
+
+
+
+
+ 2200
+
+
+
+ 2200
+
+
+ 2200
+
+
+
+ 2200
+
+
-
-
-
-
-
- Activity
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg bg-gohan border-gohan ps-2 text-bulma border-t-1 border-t-transparent border-b-1 border-b-transparent"
+ role="cell"
+ >
+
+
+
+ Test
+
+
+ Test
+
+
+
+ 780
+
+
+
+
+ 2600
+
+
+
+ 2600
+
+
+ 2600
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-gohan border-gohan"
+ data-sticky-first-right-td="true"
+ data-sticky-td="true"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; right: 0px;"
+ >
+
+ 2600
+
+
- Status
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg bg-gohan border-gohan ps-2 text-bulma border-t-1 border-t-transparent border-b-1 border-b-transparent"
+ role="cell"
+ >
+
+
+
+ Test
+
+
+ Test
+
+
+
+ 810
+
+
+
+
+ 2700
+
+
+
+ 2700
+
+
+ 2700
+
+
+
+ 2700
+
+
-
-
-
-
-
-
- ,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Table in RTL renders SelectableCheckboxes 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
- Name
-
- First Name
- Last Name
+
- Activity
+ Name footer
- Status
+ Info footer
- Profile Progress
+ Progress footer
+
+
+
+
+ ,
+ "container":
,
+ "debug": [Function],
+ "findAllByAltText": [Function],
+ "findAllByDisplayValue": [Function],
+ "findAllByLabelText": [Function],
+ "findAllByPlaceholderText": [Function],
+ "findAllByRole": [Function],
+ "findAllByTestId": [Function],
+ "findAllByText": [Function],
+ "findAllByTitle": [Function],
+ "findByAltText": [Function],
+ "findByDisplayValue": [Function],
+ "findByLabelText": [Function],
+ "findByPlaceholderText": [Function],
+ "findByRole": [Function],
+ "findByTestId": [Function],
+ "findByText": [Function],
+ "findByTitle": [Function],
+ "getAllByAltText": [Function],
+ "getAllByDisplayValue": [Function],
+ "getAllByLabelText": [Function],
+ "getAllByPlaceholderText": [Function],
+ "getAllByRole": [Function],
+ "getAllByTestId": [Function],
+ "getAllByText": [Function],
+ "getAllByTitle": [Function],
+ "getByAltText": [Function],
+ "getByDisplayValue": [Function],
+ "getByLabelText": [Function],
+ "getByPlaceholderText": [Function],
+ "getByRole": [Function],
+ "getByTestId": [Function],
+ "getByText": [Function],
+ "getByTitle": [Function],
+ "queryAllByAltText": [Function],
+ "queryAllByDisplayValue": [Function],
+ "queryAllByLabelText": [Function],
+ "queryAllByPlaceholderText": [Function],
+ "queryAllByRole": [Function],
+ "queryAllByTestId": [Function],
+ "queryAllByText": [Function],
+ "queryAllByTitle": [Function],
+ "queryByAltText": [Function],
+ "queryByDisplayValue": [Function],
+ "queryByLabelText": [Function],
+ "queryByPlaceholderText": [Function],
+ "queryByRole": [Function],
+ "queryByTestId": [Function],
+ "queryByText": [Function],
+ "queryByTitle": [Function],
+ "rerender": [Function],
+ "unmount": [Function],
+}
+`;
+
+exports[`Table in RTL renders SelectableRows 1`] = `
+Object {
+ "asFragment": [Function],
+ "baseElement":
+
+
+
@@ -47947,48 +54682,7 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- 1140
+ 90
- 3800
+ 300
- 3800
+ 300
- 3800
+ 300
- 3800
+ 300
@@ -48054,48 +54748,7 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- 1170
+ 120
- 3900
+ 400
- 3900
+ 400
- 3900
+ 400
- 3900
+ 400
@@ -48316,714 +54969,245 @@ Object {
-
- ,
- "container":
-
,
+ "debug": [Function],
+ "findAllByAltText": [Function],
+ "findAllByDisplayValue": [Function],
+ "findAllByLabelText": [Function],
+ "findAllByPlaceholderText": [Function],
+ "findAllByRole": [Function],
+ "findAllByTestId": [Function],
+ "findAllByText": [Function],
+ "findAllByTitle": [Function],
+ "findByAltText": [Function],
+ "findByDisplayValue": [Function],
+ "findByLabelText": [Function],
+ "findByPlaceholderText": [Function],
+ "findByRole": [Function],
+ "findByTestId": [Function],
+ "findByText": [Function],
+ "findByTitle": [Function],
+ "getAllByAltText": [Function],
+ "getAllByDisplayValue": [Function],
+ "getAllByLabelText": [Function],
+ "getAllByPlaceholderText": [Function],
+ "getAllByRole": [Function],
+ "getAllByTestId": [Function],
+ "getAllByText": [Function],
+ "getAllByTitle": [Function],
+ "getByAltText": [Function],
+ "getByDisplayValue": [Function],
+ "getByLabelText": [Function],
+ "getByPlaceholderText": [Function],
+ "getByRole": [Function],
+ "getByTestId": [Function],
+ "getByText": [Function],
+ "getByTitle": [Function],
+ "queryAllByAltText": [Function],
+ "queryAllByDisplayValue": [Function],
+ "queryAllByLabelText": [Function],
+ "queryAllByPlaceholderText": [Function],
+ "queryAllByRole": [Function],
+ "queryAllByTestId": [Function],
+ "queryAllByText": [Function],
+ "queryAllByTitle": [Function],
+ "queryByAltText": [Function],
+ "queryByDisplayValue": [Function],
+ "queryByLabelText": [Function],
+ "queryByPlaceholderText": [Function],
+ "queryByRole": [Function],
+ "queryByTestId": [Function],
+ "queryByText": [Function],
+ "queryByTitle": [Function],
+ "rerender": [Function],
+ "unmount": [Function],
+}
+`;
+
+exports[`Table in RTL renders Sorting 1`] = `
+Object {
+ "asFragment": [Function],
+ "baseElement":
+
+ ,
+ "container":
+
+
@@ -50694,53 +59074,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 3
- Test
+ Test 3
- 600
+ 33
- 2000
+ 28
- 2000
+ 123
- 2000
+ 13
- 2000
+ 43
@@ -50801,53 +59140,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 4
- Test
+ Test 4
- 630
+ 34
- 2100
+ 29
- 2100
+ 124
- 2100
+ 14
- 2100
+ 44
@@ -50908,53 +59206,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 5
- Test
+ Test 5
- 660
+ 35
- 2200
+ 30
- 2200
+ 125
- 2200
+ 15
- 2200
+ 45
@@ -51015,53 +59272,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 6
- Test
+ Test 6
- 690
+ 36
- 2300
+ 31
- 2300
+ 126
- 2300
+ 16
- 2300
+ 46
@@ -51122,53 +59338,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 7
- Test
+ Test 7
- 720
+ 37
- 2400
+ 32
- 2400
+ 127
- 2400
+ 17
- 2400
+ 47
@@ -51229,53 +59404,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 8
- Test
+ Test 8
- 750
+ 38
- 2500
+ 33
- 2500
+ 128
- 2500
+ 18
- 2500
+ 48
@@ -51336,53 +59470,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 9
- Test
+ Test 9
- 780
+ 39
- 2600
+ 34
- 2600
+ 129
- 2600
+ 19
- 2600
+ 49
@@ -51443,53 +59536,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 10
- Test
+ Test 10
- 810
+ 40
- 2700
+ 35
- 2700
+ 130
- 2700
+ 20
- 2700
+ 50
@@ -51550,53 +59602,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 11
- Test
+ Test 11
- 840
+ 41
- 2800
+ 36
- 2800
+ 131
- 2800
+ 21
- 2800
+ 51
@@ -51657,53 +59668,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 12
- Test
+ Test 12
- 870
+ 42
- 2900
+ 37
- 2900
+ 132
- 2900
+ 22
- 2900
+ 52
@@ -51764,53 +59734,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 13
- Test
+ Test 13
- 900
+ 43
- 3000
+ 38
- 3000
+ 133
- 3000
+ 23
- 3000
+ 53
@@ -51871,53 +59800,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 14
- Test
+ Test 14
- 930
+ 44
- 3100
+ 39
- 3100
+ 134
- 3100
+ 24
- 3100
+ 54
@@ -51978,53 +59866,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 15
- Test
+ Test 15
- 960
+ 45
- 3200
+ 40
- 3200
+ 135
- 3200
+ 25
- 3200
+ 55
@@ -52085,53 +59932,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 16
- Test
+ Test 16
- 990
+ 46
- 3300
+ 41
- 3300
+ 136
- 3300
+ 26
- 3300
+ 56
@@ -52192,53 +59998,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 17
- Test
+ Test 17
- 1020
+ 47
- 3400
+ 42
- 3400
+ 137
- 3400
+ 27
- 3400
+ 57
@@ -52299,53 +60064,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 18
- Test
+ Test 18
- 1050
+ 48
- 3500
+ 43
- 3500
+ 138
- 3500
+ 28
- 3500
+ 58
@@ -52406,53 +60130,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 19
- Test
+ Test 19
- 1080
+ 49
- 3600
+ 44
- 3600
+ 139
- 3600
+ 29
- 3600
+ 59
@@ -52513,53 +60196,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 20
- Test
+ Test 20
- 1110
+ 50
- 3700
+ 45
- 3700
+ 140
- 3700
+ 30
- 3700
+ 60
@@ -52620,53 +60262,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 21
- Test
+ Test 21
- 1140
+ 51
- 3800
+ 46
- 3800
+ 141
- 3800
+ 31
- 3800
+ 61
@@ -52727,53 +60328,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 22
- Test
+ Test 22
- 1170
+ 52
- 3900
+ 47
- 3900
+ 142
- 3900
+ 32
- 3900
+ 62
-
-
-
- Info footer
-
+ Test 24
- Progress footer
-
+ Test 24
-
-
-
-
- ,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Table in RTL renders SelectableRows 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
- ,
- "container":
-
-
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+
+ 57
+
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+ 152
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+ >
+ 42
+
+ >
+
+ 72
+
+
-
-
@@ -54078,7 +61125,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 34
- Test
+ Test 34
- 30
+ 64
- 100
+ 59
- 100
+ 154
- 100
+ 44
- 100
+ 74
@@ -54144,7 +61191,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 35
- Test
+ Test 35
- 60
+ 65
- 200
+ 60
- 200
+ 155
- 200
+ 45
- 200
+ 75
@@ -54210,7 +61257,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 36
- Test
+ Test 36
- 90
+ 66
- 300
+ 61
- 300
+ 156
- 300
+ 46
- 300
+ 76
@@ -54276,7 +61323,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 37
- Test
+ Test 37
- 120
+ 67
- 400
+ 62
- 400
+ 157
- 400
+ 47
- 400
+ 77
-
-
+ Test 39
+
+
- Name footer
-
+ Test 39
+
+ 64
+
+
+
+ 159
+
+
+ 49
+
+
- Progress footer
-
+
+ 79
+
@@ -54547,7 +61568,7 @@ Object {
}
`;
-exports[`Table in RTL renders Sorting 1`] = `
+exports[`Table in RTL renders Tooltips 1`] = `
Object {
"asFragment": [Function],
"baseElement":
@@ -54558,7 +61579,7 @@ Object {
+
-
-
-
-
-
- ,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Table renders RowSizes 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
Test
Test
@@ -101912,7 +113684,7 @@ Object {
@@ -101921,14 +113693,14 @@ Object {
0
@@ -101941,21 +113713,21 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 0px;"
>
Test
Test
@@ -101964,7 +113736,7 @@ Object {
@@ -101973,14 +113745,14 @@ Object {
100
@@ -101989,1254 +113761,1005 @@ Object {
+
+ ,
+ "container":
+
-
-
- Status
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg bg-gohan border-gohan ps-2 text-bulma border-t-1 border-t-transparent border-b-1 border-b-transparent"
+ role="cell"
+ >
+
+
-
-
-
-
-
-
- Test
+
+
+ Test
+
+
+ Test
+
+
+
+ 120
+
+
+
+
+ 400
+
+
+
+ 400
+
+
+ 400
+
+
+
+ 400
+
+
- Test
+
+
+ Test
+
+
+ Test
+
+
+
+ 150
+
+
+
+
+ 500
+
+
+
+ 500
+
+
+ 500
+
+
+
+ 500
+
+
-
- 30
-
+
+
+ Test
+
+
+ Test
+
+
+
+ 180
+
+
+
+
+ 600
+
+
+
+ 600
+
+
+ 600
+
+
+
+ 600
+
+
-
- 100
-
+
+
+ Test
+
+
+ Test
+
+
+
+ 210
+
+
+
+
+ 700
+
+
+
+ 700
+
+
+ 700
+
+
+
+ 700
+
+
- 100
+
+
+ Test
+
+
+ Test
+
+
+
+ 240
+
+
+
+
+ 800
+
+
+
+ 800
+
+
+ 800
+
+
+
+ 800
+
+
- 100
+
+
+ Test
+
+
+ Test
+
+
+
+ 270
+
+
+
+
+ 900
+
+
+
+ 900
+
+
+ 900
+
+
+
+ 900
+
+
-
-
-
-
-
- Activity
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+
+ 1000
+
+
-
-
- Status
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+ 1000
+
-
-
-
-
-
-
- Test
+
+
+ Test
+
+
+ Test
+
+
+
+ 390
+
+
+
+
+ 1300
+
+
+
+ 1300
+
+
+ 1300
+
+
+
+ 1300
+
+
- Test
+
+
+ Test
+
+
+ Test
+
+
+
+ 420
+
+
+
+
+ 1400
+
+
+
+ 1400
+
+
+ 1400
+
+
+
+ 1400
+
+
-
- 30
-
+
+
+ Test
+
+
+ Test
+
+
+
+ 450
+
+
+
+
+ 1500
+
+
+
+ 1500
+
+
+ 1500
+
+
+
+ 1500
+
+
-
- 100
-
+
+
+ Test
+
+
+ Test
+
+
+
+ 480
+
+
+
+
+ 1600
+
+
+
+ 1600
+
+
+ 1600
+
+
+
+ 1600
+
+
- 100
+
+
+ Test
+
+
+ Test
+
+
+
+ 510
+
+
+
+
+ 1700
+
+
+
+ 1700
+
+
+ 1700
+
+
+
+ 1700
+
+
- 100
+
+
+ Test
+
+
+ Test
+
+
+
+ 540
+
+
+
+
+ 1800
+
+
+
+ 1800
+
+
+ 1800
+
+
+
+ 1800
+
+
-
-
-
-
- Visits
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg bg-gohan border-gohan ps-2 text-bulma border-t-1 border-t-transparent border-b-1 border-b-transparent"
+ role="cell"
+ >
+
+
+
+ Test
+
+
+ Test
+
+
+
+ 660
+
+
+
+
+ 2200
+
+
+
+ 2200
+
+
+ 2200
+
+
+
+ 2200
+
+
-
- Status
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg bg-gohan border-gohan ps-2 text-bulma border-t-1 border-t-transparent border-b-1 border-b-transparent"
+ role="cell"
+ >
+
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ data-sticky-td="true"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
+ >
+ Test
+
+
+ Test
+
+
+
+ 690
+
+
+
+
+ 2300
+
+
+
+ 2300
+
+
+ 2300
+
+
+
+ 2300
+
+
-
-
-
-
-
- ,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Table renders SelectableCheckboxes 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
-
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+ >
+
+ 1140
+
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+
+ 3800
+
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+ 3800
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+ >
+ 3800
+
+ >
+
+ 3800
+
+
-
-
+
+
+ Name footer
+ class="resizer inline-block cursor-ew-resize w-2 h-full absolute top-0 end-0 z-1 after:end-0 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%]"
+ draggable="false"
+ role="separator"
+ style="cursor: col-resize;"
+ />
- Test
+ Progress footer
+
+
+
+
+
+ ,
+ "container": ,
+ "debug": [Function],
+ "findAllByAltText": [Function],
+ "findAllByDisplayValue": [Function],
+ "findAllByLabelText": [Function],
+ "findAllByPlaceholderText": [Function],
+ "findAllByRole": [Function],
+ "findAllByTestId": [Function],
+ "findAllByText": [Function],
+ "findAllByTitle": [Function],
+ "findByAltText": [Function],
+ "findByDisplayValue": [Function],
+ "findByLabelText": [Function],
+ "findByPlaceholderText": [Function],
+ "findByRole": [Function],
+ "findByTestId": [Function],
+ "findByText": [Function],
+ "findByTitle": [Function],
+ "getAllByAltText": [Function],
+ "getAllByDisplayValue": [Function],
+ "getAllByLabelText": [Function],
+ "getAllByPlaceholderText": [Function],
+ "getAllByRole": [Function],
+ "getAllByTestId": [Function],
+ "getAllByText": [Function],
+ "getAllByTitle": [Function],
+ "getByAltText": [Function],
+ "getByDisplayValue": [Function],
+ "getByLabelText": [Function],
+ "getByPlaceholderText": [Function],
+ "getByRole": [Function],
+ "getByTestId": [Function],
+ "getByText": [Function],
+ "getByTitle": [Function],
+ "queryAllByAltText": [Function],
+ "queryAllByDisplayValue": [Function],
+ "queryAllByLabelText": [Function],
+ "queryAllByPlaceholderText": [Function],
+ "queryAllByRole": [Function],
+ "queryAllByTestId": [Function],
+ "queryAllByText": [Function],
+ "queryAllByTitle": [Function],
+ "queryByAltText": [Function],
+ "queryByDisplayValue": [Function],
+ "queryByLabelText": [Function],
+ "queryByPlaceholderText": [Function],
+ "queryByRole": [Function],
+ "queryByTestId": [Function],
+ "queryByText": [Function],
+ "queryByTitle": [Function],
+ "rerender": [Function],
+ "unmount": [Function],
+}
+`;
+
+exports[`Table renders SelectableRows 1`] = `
+Object {
+ "asFragment": [Function],
+ "baseElement":
+
+
@@ -109089,48 +125143,7 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- 1140
+ 90
- 3800
+ 300
- 3800
+ 300
- 3800
+ 300
- 3800
+ 300
@@ -109196,48 +125209,7 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- 1170
+ 120
- 3900
+ 400
- 3900
+ 400
- 3900
+ 400
- 3900
+ 400
@@ -109692,48 +125664,7 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
-
-
-
-
- 400
+ 400
+
+
+ 400
+
+
+
+ 400
+
+
+
+
+
+
-
- Test
-
-
-
- 150
-
+ Info footer
+
-
- 500
-
+ Progress footer
+
+
+
+
+
,
+ "debug": [Function],
+ "findAllByAltText": [Function],
+ "findAllByDisplayValue": [Function],
+ "findAllByLabelText": [Function],
+ "findAllByPlaceholderText": [Function],
+ "findAllByRole": [Function],
+ "findAllByTestId": [Function],
+ "findAllByText": [Function],
+ "findAllByTitle": [Function],
+ "findByAltText": [Function],
+ "findByDisplayValue": [Function],
+ "findByLabelText": [Function],
+ "findByPlaceholderText": [Function],
+ "findByRole": [Function],
+ "findByTestId": [Function],
+ "findByText": [Function],
+ "findByTitle": [Function],
+ "getAllByAltText": [Function],
+ "getAllByDisplayValue": [Function],
+ "getAllByLabelText": [Function],
+ "getAllByPlaceholderText": [Function],
+ "getAllByRole": [Function],
+ "getAllByTestId": [Function],
+ "getAllByText": [Function],
+ "getAllByTitle": [Function],
+ "getByAltText": [Function],
+ "getByDisplayValue": [Function],
+ "getByLabelText": [Function],
+ "getByPlaceholderText": [Function],
+ "getByRole": [Function],
+ "getByTestId": [Function],
+ "getByText": [Function],
+ "getByTitle": [Function],
+ "queryAllByAltText": [Function],
+ "queryAllByDisplayValue": [Function],
+ "queryAllByLabelText": [Function],
+ "queryAllByPlaceholderText": [Function],
+ "queryAllByRole": [Function],
+ "queryAllByTestId": [Function],
+ "queryAllByText": [Function],
+ "queryAllByTitle": [Function],
+ "queryByAltText": [Function],
+ "queryByDisplayValue": [Function],
+ "queryByLabelText": [Function],
+ "queryByPlaceholderText": [Function],
+ "queryByRole": [Function],
+ "queryByTestId": [Function],
+ "queryByText": [Function],
+ "queryByTitle": [Function],
+ "rerender": [Function],
+ "unmount": [Function],
+}
+`;
+
+exports[`Table renders Sorting 1`] = `
+Object {
+ "asFragment": [Function],
+ "baseElement":
+
+ ,
+ "container":
+
@@ -111511,53 +129523,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 3
- Test
+ Test 3
- 510
+ 33
- 1700
+ 28
- 1700
+ 123
- 1700
+ 13
- 1700
+ 43
@@ -111618,53 +129589,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 4
- Test
+ Test 4
- 540
+ 34
- 1800
+ 29
- 1800
+ 124
- 1800
+ 14
- 1800
+ 44
@@ -111725,53 +129655,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 5
- Test
+ Test 5
- 570
+ 35
- 1900
+ 30
- 1900
+ 125
- 1900
+ 15
- 1900
+ 45
@@ -111832,53 +129721,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 6
- Test
+ Test 6
- 600
+ 36
- 2000
+ 31
- 2000
+ 126
- 2000
+ 16
- 2000
+ 46
@@ -111939,53 +129787,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 7
- Test
+ Test 7
- 630
+ 37
- 2100
+ 32
- 2100
+ 127
- 2100
+ 17
- 2100
+ 47
@@ -112046,53 +129853,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 8
- Test
+ Test 8
- 660
+ 38
- 2200
+ 33
- 2200
+ 128
- 2200
+ 18
- 2200
+ 48
@@ -112153,53 +129919,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 9
- Test
+ Test 9
- 690
+ 39
- 2300
+ 34
- 2300
+ 129
- 2300
+ 19
- 2300
+ 49
@@ -112260,53 +129985,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 10
- Test
+ Test 10
- 720
+ 40
- 2400
+ 35
- 2400
+ 130
- 2400
+ 20
- 2400
+ 50
@@ -112367,53 +130051,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 11
- Test
+ Test 11
- 750
+ 41
- 2500
+ 36
- 2500
+ 131
- 2500
+ 21
- 2500
+ 51
@@ -112474,53 +130117,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 12
- Test
+ Test 12
- 780
+ 42
- 2600
+ 37
- 2600
+ 132
- 2600
+ 22
- 2600
+ 52
@@ -112581,53 +130183,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 13
- Test
+ Test 13
- 810
+ 43
- 2700
+ 38
- 2700
+ 133
- 2700
+ 23
- 2700
+ 53
@@ -112688,53 +130249,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 14
- Test
+ Test 14
- 840
+ 44
- 2800
+ 39
- 2800
+ 134
- 2800
+ 24
- 2800
+ 54
@@ -112795,53 +130315,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 15
- Test
+ Test 15
- 870
+ 45
- 2900
+ 40
- 2900
+ 135
- 2900
+ 25
- 2900
+ 55
@@ -112902,53 +130381,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 16
- Test
+ Test 16
- 900
+ 46
- 3000
+ 41
- 3000
+ 136
- 3000
+ 26
- 3000
+ 56
@@ -113009,53 +130447,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 17
- Test
+ Test 17
- 930
+ 47
- 3100
+ 42
- 3100
+ 137
- 3100
+ 27
- 3100
+ 57
@@ -113116,53 +130513,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 18
- Test
+ Test 18
- 960
+ 48
- 3200
+ 43
- 3200
+ 138
- 3200
+ 28
- 3200
+ 58
@@ -113223,53 +130579,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 19
- Test
+ Test 19
- 990
+ 49
- 3300
+ 44
- 3300
+ 139
- 3300
+ 29
- 3300
+ 59
@@ -113330,53 +130645,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 20
- Test
+ Test 20
- 1020
+ 50
- 3400
+ 45
- 3400
+ 140
- 3400
+ 30
- 3400
+ 60
@@ -113437,53 +130711,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 21
- Test
+ Test 21
- 1050
+ 51
- 3500
+ 46
- 3500
+ 141
- 3500
+ 31
- 3500
+ 61
@@ -113544,53 +130777,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 22
- Test
+ Test 22
- 1080
+ 52
- 3600
+ 47
- 3600
+ 142
- 3600
+ 32
- 3600
+ 62
@@ -113651,53 +130843,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 23
- Test
+ Test 23
- 1110
+ 53
- 3700
+ 48
- 3700
+ 143
- 3700
+ 33
- 3700
+ 63
@@ -113758,53 +130909,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 24
- Test
+ Test 24
- 1140
+ 54
- 3800
+ 49
- 3800
+ 144
- 3800
+ 34
- 3800
+ 64
@@ -113865,53 +130975,12 @@ Object {
style="display: flex; flex: 1 0 auto; min-width: 700px;"
>
-
- Test
+ Test 25
- Test
+ Test 25
- 1170
+ 55
- 3900
+ 50
- 3900
+ 145
- 3900
+ 35
- 3900
+ 65
-
-
-
- ,
- "debug": [Function],
- "findAllByAltText": [Function],
- "findAllByDisplayValue": [Function],
- "findAllByLabelText": [Function],
- "findAllByPlaceholderText": [Function],
- "findAllByRole": [Function],
- "findAllByTestId": [Function],
- "findAllByText": [Function],
- "findAllByTitle": [Function],
- "findByAltText": [Function],
- "findByDisplayValue": [Function],
- "findByLabelText": [Function],
- "findByPlaceholderText": [Function],
- "findByRole": [Function],
- "findByTestId": [Function],
- "findByText": [Function],
- "findByTitle": [Function],
- "getAllByAltText": [Function],
- "getAllByDisplayValue": [Function],
- "getAllByLabelText": [Function],
- "getAllByPlaceholderText": [Function],
- "getAllByRole": [Function],
- "getAllByTestId": [Function],
- "getAllByText": [Function],
- "getAllByTitle": [Function],
- "getByAltText": [Function],
- "getByDisplayValue": [Function],
- "getByLabelText": [Function],
- "getByPlaceholderText": [Function],
- "getByRole": [Function],
- "getByTestId": [Function],
- "getByText": [Function],
- "getByTitle": [Function],
- "queryAllByAltText": [Function],
- "queryAllByDisplayValue": [Function],
- "queryAllByLabelText": [Function],
- "queryAllByPlaceholderText": [Function],
- "queryAllByRole": [Function],
- "queryAllByTestId": [Function],
- "queryAllByText": [Function],
- "queryAllByTitle": [Function],
- "queryByAltText": [Function],
- "queryByDisplayValue": [Function],
- "queryByLabelText": [Function],
- "queryByPlaceholderText": [Function],
- "queryByRole": [Function],
- "queryByTestId": [Function],
- "queryByText": [Function],
- "queryByTitle": [Function],
- "rerender": [Function],
- "unmount": [Function],
-}
-`;
-
-exports[`Table renders SelectableRows 1`] = `
-Object {
- "asFragment": [Function],
- "baseElement":
-
- ,
- "container":
-
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+
+ 58
+
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;"
+ >
+ 153
+
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-gohan border-gohan"
+ role="cell"
+ style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;"
+ >
+ 43
+
+ >
+
+ 73
+
+
-
-
@@ -115208,7 +131640,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 35
- Test
+ Test 35
- 30
+ 65
- 100
+ 60
- 100
+ 155
- 100
+ 45
- 100
+ 75
@@ -115274,7 +131706,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 36
- Test
+ Test 36
- 60
+ 66
- 200
+ 61
- 200
+ 156
- 200
+ 46
- 200
+ 76
@@ -115340,7 +131772,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 37
- Test
+ Test 37
- 90
+ 67
- 300
+ 62
- 300
+ 157
- 300
+ 47
- 300
+ 77
@@ -115406,7 +131838,7 @@ Object {
role="cell"
style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;"
>
- Test
+ Test 38
- Test
+ Test 38
- 120
+ 68
- 400
+ 63
- 400
+ 158
- 400
+ 48
- 400
+ 78
-
-
-
- Progress footer
-
+
+ 79
+
@@ -115676,7 +132016,7 @@ Object {
}
`;
-exports[`Table renders Sorting 1`] = `
+exports[`Table renders Tooltips 1`] = `
Object {
"asFragment": [Function],
"baseElement":
@@ -115684,7 +132024,7 @@ Object {