From 538dcd2fb91125a38731bda0931ef6fffadbd72f Mon Sep 17 00:00:00 2001 From: YulianaYarema <59561179+yarema184@users.noreply.github.com> Date: Mon, 23 Oct 2023 11:23:03 +0300 Subject: [PATCH 01/13] Popover with arrow (tooltip view) (#2446) * add tooltip view example * popover with arrow view --- next-docs/pages/components/popover.tsx | 7 + .../public/examples/popover/TooltipView.tsx | 18 + .../__snapshots__/index.test.tsx.snap | 466 ++++++++++++++++-- .../examples/popover/__tests__/index.test.tsx | 11 + workspaces/core/src/popover/Popover.tsx | 46 +- .../src/popover/private/types/PopoverState.ts | 3 + 6 files changed, 508 insertions(+), 43 deletions(-) create mode 100644 next-docs/public/examples/popover/TooltipView.tsx diff --git a/next-docs/pages/components/popover.tsx b/next-docs/pages/components/popover.tsx index 1ae5658df0..f3b8e22c19 100644 --- a/next-docs/pages/components/popover.tsx +++ b/next-docs/pages/components/popover.tsx @@ -6,6 +6,7 @@ import Layout from '../../components/Layout'; import PropsTable from '../../components/PropsTable'; import Default from '../../public/examples/popover/Default'; import Position from '../../public/examples/popover/Position'; +import TooltipView from '../../public/examples/popover/TooltipView'; import TriggerElements from '../../public/examples/popover/TriggerElements'; import WithClose from '../../public/examples/popover/WithClose'; import useComponent from '../../utils/useComponent'; @@ -66,6 +67,12 @@ const PagePopover = () => { code={examples ? examples.WithClose : 'Loading'} /> + } + code={examples ? examples.TooltipView : 'Loading'} + /> + { + return ( + + + Trigger + + + This is the popover with arrow (tooltip) + + + + ); +}; + +export default Example; diff --git a/next-docs/public/examples/popover/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/popover/__tests__/__snapshots__/index.test.tsx.snap index 2ddf4f9348..4afb2df94c 100644 --- a/next-docs/public/examples/popover/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/popover/__tests__/__snapshots__/index.test.tsx.snap @@ -13,10 +13,10 @@ Object { data-headlessui-state="open" >
+
+ + + + + + + + + @@ -1317,7 +1368,7 @@ Object { dir="rtl" >
+
+
+ + +
+
@@ -1427,7 +1529,7 @@ Object { } `; -exports[`Combobox in RTL renders MultiSelect 1`] = ` +exports[`Combobox in RTL renders MultiAllSelect 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -1441,71 +1543,6 @@ 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[`Combobox in RTL renders MultiSelect 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+ +
+ + +
+ +
+
+ +
+ + +
+ +
+
+ +
+ + +
+ +
+
+
+ + +
+ +
+
+
+ , + "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[`Combobox renders MultiAllSelect 1`] = ` Object { "asFragment": [Function], diff --git a/next-docs/public/examples/combobox/__tests__/index.test.tsx b/next-docs/public/examples/combobox/__tests__/index.test.tsx index 622cb844cd..fa3ff217ef 100644 --- a/next-docs/public/examples/combobox/__tests__/index.test.tsx +++ b/next-docs/public/examples/combobox/__tests__/index.test.tsx @@ -7,6 +7,7 @@ import Default from '../Default'; import InsetMultiSelect from '../InsetMultiSelect'; import InsetSelect from '../InsetSelect'; import InsetSelectStates from '../InsetSelectStates'; +import LongNameOptions from '../LongNameOptions'; import MultiAllSelect from '../MultiAllSelect'; import MultiSelect from '../MultiSelect'; import Select from '../Select'; @@ -53,6 +54,10 @@ describe('Combobox', () => { const tree = render(); expect(tree).toMatchSnapshot(); }); + it('renders LongNameOptions', () => { + const tree = render(); + expect(tree).toMatchSnapshot(); + }); }); describe('Combobox in RTL', () => { @@ -93,4 +98,8 @@ describe('Combobox in RTL', () => { const tree = render(withRtl()); expect(tree).toMatchSnapshot(); }); + it('renders LongNameOptions', () => { + const tree = render(withRtl()); + expect(tree).toMatchSnapshot(); + }); }); From 06fa94ee895d3ca81b321d81c2bca2e8276e6d8b Mon Sep 17 00:00:00 2001 From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com> Date: Mon, 23 Oct 2023 10:42:31 +0200 Subject: [PATCH 03/13] MDS-708 Fix Table Minimap (#2448) * fix: the minimap is not displayed in the example --- workspaces/tables/src/components/Minimap.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/workspaces/tables/src/components/Minimap.tsx b/workspaces/tables/src/components/Minimap.tsx index b27309be5d..4821e674e6 100644 --- a/workspaces/tables/src/components/Minimap.tsx +++ b/workspaces/tables/src/components/Minimap.tsx @@ -30,12 +30,12 @@ const Minimap = ({ tableRef, footerRef, numberOfColumns }: MinimapProps) => { borderColor: 'rgb(var(--piccolo))', }); - setVisible(true); + setVisible(false); if (timeoutId) clearTimeout(timeoutId); timeoutId = setTimeout(() => { - setVisible(false); + setVisible(true); }, TIMEOUT); }, [tableRef]); useEffect(() => { @@ -61,6 +61,7 @@ const Minimap = ({ tableRef, footerRef, numberOfColumns }: MinimapProps) => { 'pointer-events-none transition-opacity', visible ? 'opacity-1' : 'opacity-0' )} + ref={(tab: HTMLDivElement) => { tableRef.current = tab }} >
Date: Fri, 27 Oct 2023 11:42:04 +0300 Subject: [PATCH 04/13] MDS-761: icons for expandable table rows have been replaced (#2451) * fix: icons for expandable table rows have been replaced * fmt --- .../public/examples/table/CustomContent.tsx | 5 +- next-docs/public/examples/table/DeepTable.tsx | 5 +- .../examples/table/ExpandableCheckboxes.tsx | 6 +- .../public/examples/table/ExpandedRows.tsx | 6 +- .../examples/table/ExpandedWithModals.tsx | 6 +- .../__snapshots__/index.test.tsx.snap | 12420 +++++++++++++--- 6 files changed, 10100 insertions(+), 2348 deletions(-) diff --git a/next-docs/public/examples/table/CustomContent.tsx b/next-docs/public/examples/table/CustomContent.tsx index 7550a561d2..3441e1b8b8 100644 --- a/next-docs/public/examples/table/CustomContent.tsx +++ b/next-docs/public/examples/table/CustomContent.tsx @@ -1,3 +1,4 @@ +import { ControlsChevronDown, ControlsChevronRight } from '@heathmont/moon-icons-tw'; import { BodyTR, TD, Table } from '@heathmont/moon-table-tw'; import React from 'react'; @@ -9,10 +10,10 @@ const Example = () => { Header: ({ getToggleAllRowsExpandedProps, isAllRowsExpanded }: any) => ( Expand - {isAllRowsExpanded ? '👇' : '👉'} + {isAllRowsExpanded ? : } ), - Cell: ({ row }: any) => {row.isExpanded ? '👇' : '👉'}, + Cell: ({ row }: any) => {row.isExpanded ? : }, }, { Header: 'First Name', diff --git a/next-docs/public/examples/table/DeepTable.tsx b/next-docs/public/examples/table/DeepTable.tsx index 301819c7b3..21998b962f 100644 --- a/next-docs/public/examples/table/DeepTable.tsx +++ b/next-docs/public/examples/table/DeepTable.tsx @@ -1,3 +1,4 @@ +import { ControlsChevronDown, ControlsChevronRight } from '@heathmont/moon-icons-tw'; import { Table } from '@heathmont/moon-table-tw'; import React from 'react'; @@ -8,13 +9,13 @@ const Example = () => { width: 60, Header: ({ getToggleAllRowsExpandedProps, isAllRowsExpanded }: any) => ( - {isAllRowsExpanded ? '👇' : '👉'} + {isAllRowsExpanded ? : } ), Cell: ({ row }: any) => row.canExpand ? ( - {row.isExpanded ? '👇' : '👉'} + {row.isExpanded ? : } ) : null, }, diff --git a/next-docs/public/examples/table/ExpandableCheckboxes.tsx b/next-docs/public/examples/table/ExpandableCheckboxes.tsx index 02427dba2c..54c7eb536f 100644 --- a/next-docs/public/examples/table/ExpandableCheckboxes.tsx +++ b/next-docs/public/examples/table/ExpandableCheckboxes.tsx @@ -1,5 +1,5 @@ import { Checkbox, Chip, Tooltip, mergeClassnames } from "@heathmont/moon-core-tw"; -import { OtherFrame } from "@heathmont/moon-icons-tw"; +import { ControlsChevronDown, ControlsChevronRight, OtherFrame } from "@heathmont/moon-icons-tw"; import { Table } from "@heathmont/moon-table-tw"; import React, { useState } from "react"; @@ -67,7 +67,7 @@ const Example = () => { />
{ - {isAllRowsExpanded ? '👇' : '👉'} + {isAllRowsExpanded ? : } }
), @@ -90,7 +90,7 @@ const Example = () => {
{row.canExpand ? ( - {row.isExpanded ? '👇' : '👉'} + {row.isExpanded ? : } ) : null}
diff --git a/next-docs/public/examples/table/ExpandedRows.tsx b/next-docs/public/examples/table/ExpandedRows.tsx index b9290f2264..d1e69cef0f 100644 --- a/next-docs/public/examples/table/ExpandedRows.tsx +++ b/next-docs/public/examples/table/ExpandedRows.tsx @@ -1,5 +1,7 @@ import React from 'react'; import { Table } from '@heathmont/moon-table-tw'; +import { ControlsChevronDown } from '@heathmont/moon-icons'; +import { ControlsChevronRight } from '@heathmont/moon-icons-tw'; interface HeaderProps { isAllRowsExpanded: boolean; @@ -19,7 +21,7 @@ const Example = () => { isAllRowsExpanded, }: HeaderProps) => ( - {isAllRowsExpanded ? '👇' : '👉'} + {isAllRowsExpanded ? : } ), Cell: ({ row }: any) => @@ -31,7 +33,7 @@ const Example = () => { }, })} > - {row.isExpanded ? '👇' : '👉'} + {row.isExpanded ? : } ) : null, }, diff --git a/next-docs/public/examples/table/ExpandedWithModals.tsx b/next-docs/public/examples/table/ExpandedWithModals.tsx index 3ab8d4fb19..49415e8da3 100644 --- a/next-docs/public/examples/table/ExpandedWithModals.tsx +++ b/next-docs/public/examples/table/ExpandedWithModals.tsx @@ -1,7 +1,7 @@ import React, { ReactNode, useState } from 'react'; import { Table } from '@heathmont/moon-table-tw'; import { Button, Chip, Modal, Tooltip } from '@heathmont/moon-core-tw'; -import { OtherFrame } from '@heathmont/moon-icons-tw'; +import { ControlsChevronDown, ControlsChevronRight, OtherFrame } from '@heathmont/moon-icons-tw'; interface HeaderProps { isAllRowsExpanded: boolean; @@ -21,7 +21,7 @@ const Example = () => { isAllRowsExpanded, }: HeaderProps) => ( - {isAllRowsExpanded ? '👇' : '👉'} + {isAllRowsExpanded ? : } ), Cell: ({ row }: any) => @@ -33,7 +33,7 @@ const Example = () => { }, })} > - {row.isExpanded ? '👇' : '👉'} + {row.isExpanded ? : } ) : null, }, 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 c3d385f921..884d99fa86 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 @@ -26783,7 +26783,20 @@ Object { title="Toggle All Rows Expanded" > Expand - 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
Expand - 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👇 + + +
- 👇 + + +
@@ -34246,7 +35884,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + +
@@ -34776,7 +36427,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -35306,7 +36970,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -35790,7 +37467,20 @@ Object { style="cursor: pointer;" title="Toggle All Rows Expanded" > - 👇 + + +
- 👇 + + +
@@ -36157,7 +37860,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -36687,7 +38403,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -37217,7 +38946,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -37719,7 +39461,20 @@ Object { style="cursor: pointer;" title="Toggle All Rows Expanded" > - 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 - -
-
- Test -
-
- - 150 - -
-
- - 500 - -
-
- 500 -
-
- 500 -
-
- - 500 - -
-
- -
-
-
-
- - 👉
- 180 + 150
- 600 + 500
- 600 + 500
- 600 + 500
- 600 + 500
- 👉 - -
-
- Test -
-
- - 210 - -
-
- - 700 - -
-
- 700 -
-
- 700 -
-
- - 700 - -
-
- -
-
-
-
- - 👉
- 240 + 180
- 800 + 600
- 800 + 600
- 800 + 600
- 800 + 600
- 👉 - -
-
- Test -
-
- - 270 - -
-
- - 900 - -
-
- 900 -
-
- 900 -
-
- - 900 - -
-
- -
-
-
-
- - 👉
- 300 + 210
- 1000 + 700
- 1000 + 700
- 1000 + 700
- 1000 + 700
- 👉 + + +
- 330 + 240
- 1100 + 800
- 1100 + 800
- 1100 + 800
- 1100 + 800
- 👉 + + +
- 360 + 270
- 1200 + 900
- 1200 + 900
- 1200 + 900
- 1200 + 900
- 👉 + + +
- 390 + 300
- 1300 + 1000
- 1300 + 1000
- 1300 + 1000
- 1300 + 1000
- 👉 - -
-
- Test -
-
- - 420 - -
-
- - 1400 - -
-
- 1400 -
-
- 1400 -
-
- - 1400 - -
-
- -
-
-
-
- - 👉
- 450 + 330
- 1500 + 1100
- 1500 + 1100
- 1500 + 1100
- 1500 + 1100
- 👉 - -
-
- Test -
-
- - 480 - -
-
- - 1600 - -
-
- 1600 -
-
- 1600 -
-
- - 1600 - -
-
- -
-
-
-
- - 👉
- 510 + 360
- 1700 + 1200
- 1700 + 1200
- 1700 + 1200
- 1700 + 1200
- 👉 + + +
- 540 + 390
- 1800 + 1300
- 1800 + 1300
- 1800 + 1300
- 1800 + 1300
- 👉 + + +
- 570 + 420
- 1900 + 1400
- 1900 + 1400
- 1900 + 1400
- 1900 + 1400
- 👉 + + +
- 600 + 450
- 2000 + 1500
- 2000 + 1500
- 2000 + 1500
- 2000 + 1500
- 👉 - -
-
- Test -
-
- - 630 - -
-
- - 2100 - -
-
- 2100 -
-
- 2100 -
-
- - 2100 - -
-
- -
-
-
-
- - 👉
- 660 + 480
- 2200 + 1600
- 2200 + 1600
- 2200 + 1600
- 2200 + 1600
- 👉 - -
-
- Test -
-
- - 690 - -
-
- - 2300 - -
-
- 2300 -
-
- 2300 -
-
- - 2300 - -
-
- -
-
-
-
- - 👉
- 720 + 510
- 2400 + 1700
- 2400 + 1700
- 2400 + 1700
- 2400 + 1700
- 👉 + + +
- 750 + 540
- 2500 + 1800
- 2500 + 1800
- 2500 + 1800
- 2500 + 1800
- 👉 + + +
- 780 + 570
- 2600 + 1900
- 2600 + 1900
- 2600 + 1900
- 2600 + 1900
- 👉 + + +
- 810 + 600
- 2700 + 2000
- 2700 + 2000
- 2700 + 2000
- 2700 + 2000
- 👉 - -
-
- Test -
-
- - 840 - -
-
- - 2800 - -
-
- 2800 -
-
- 2800 -
-
- - 2800 - -
-
- -
-
-
-
- - 👉
- 870 + 630
- 2900 + 2100
- 2900 + 2100
- 2900 + 2100
- 2900 + 2100
- 👉 - -
-
- Test -
-
- - 900 - -
-
- - 3000 - -
-
- 3000 -
-
- 3000 -
-
- - 3000 - -
-
- -
-
-
-
- - 👉
- 930 + 660
- 3100 + 2200
- 3100 + 2200
- 3100 + 2200
- 3100 + 2200
- 👉 + + +
- 960 + 690
- 3200 + 2300
- 3200 + 2300
- 3200 + 2300
- 3200 + 2300
- 👉 + + +
- 990 + 720
- 3300 + 2400
- 3300 + 2400
- 3300 + 2400
- 3300 + 2400
- 👉 + + +
- 1020 + 750
- 3400 + 2500
- 3400 + 2500
- 3400 + 2500
- 3400 + 2500
- 👉 + + + + +
+
+ Test +
+
+ + 780 + +
+
+ + 2600 + +
+
+ 2600 +
+
+ 2600 +
+
+ + 2600 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 810 + +
+
+ + 2700 + +
+
+ 2700 +
+
+ 2700 +
+
+ + 2700 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 840 + +
+
+ + 2800 + +
+
+ 2800 +
+
+ 2800 +
+
+ + 2800 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 870 + +
+
+ + 2900 + +
+
+ 2900 +
+
+ 2900 +
+
+ + 2900 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 900 + +
+
+ + 3000 + +
+
+ 3000 +
+
+ 3000 +
+
+ + 3000 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 930 + +
+
+ + 3100 + +
+
+ 3100 +
+
+ 3100 +
+
+ + 3100 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 960 + +
+
+ + 3200 + +
+
+ 3200 +
+
+ 3200 +
+
+ + 3200 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 990 + +
+
+ + 3300 + +
+
+ 3300 +
+
+ 3300 +
+
+ + 3300 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 1020 + +
+
+ + 3400 + +
+
+ 3400 +
+
+ 3400 +
+
+ + 3400 + +
+
+ +
+
+
+
+ + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + + + +
+
+ Test +
+
+ + 90 + +
+
+ + 300 + +
+
+ 300 +
+
+ 300 +
+
+ + 300 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 120 + +
+
+ + 400 + +
+
+ 400 +
+
+ 400 +
+
+ + 400 + +
+
+ +
+
+
+
+ + + +
- 90 + 150
- 300 + 500
- 300 + 500
- 300 + 500
- 300 + 500
- 👉 + + +
- 120 + 180
- 400 + 600
- 400 + 600
- 400 + 600
- 400 + 600
- 👉 + + +
- 150 + 210
- 500 + 700
- 500 + 700
- 500 + 700
- 500 + 700
- 👉 + + +
- 180 + 240
- 600 + 800
- 600 + 800
- 600 + 800
- 600 + 800
- 👉 + + +
- 210 + 270
- 700 + 900
- 700 + 900
- 700 + 900
- 700 + 900
- 👉 + + +
- 240 + 300
- 800 + 1000
- 800 + 1000
- 800 + 1000
- 800 + 1000
- 👉 + + +
- 270 + 330
- 900 + 1100
- 900 + 1100
- 900 + 1100
- 900 + 1100
- 👉 + + +
- 300 + 360
- 1000 + 1200
- 1000 + 1200
- 1000 + 1200
- 1000 + 1200
- 👉 + + +
- 330 + 390
- 1100 + 1300
- 1100 + 1300
- 1100 + 1300
- 1100 + 1300
- 👉 + + +
- 360 + 420
- 1200 + 1400
- 1200 + 1400
- 1200 + 1400
- 1200 + 1400
- 👉 + + +
- 390 + 450
- 1300 + 1500
- 1300 + 1500
- 1300 + 1500
- 1300 + 1500
- 👉 + + +
- 420 + 480
- 1400 + 1600
- 1400 + 1600
- 1400 + 1600
- 1400 + 1600
- 👉 + + +
- 450 + 510
- 1500 + 1700
- 1500 + 1700
- 1500 + 1700
- 1500 + 1700
- 👉 + + +
- 480 + 540
- 1600 + 1800
- 1600 + 1800
- 1600 + 1800
- 1600 + 1800
- 👉 + + +
- 510 + 570
- 1700 + 1900
- 1700 + 1900
- 1700 + 1900
- 1700 + 1900
- 👉 + + +
- 540 + 600
- 1800 + 2000
- 1800 + 2000
- 1800 + 2000
- 1800 + 2000
- 👉 + + +
- 570 + 630
- 1900 + 2100
- 1900 + 2100
- 1900 + 2100
- 1900 + 2100
- 👉 + + +
- 600 + 660
- 2000 + 2200
- 2000 + 2200
- 2000 + 2200
- 2000 + 2200
- 👉 + + +
- 630 + 690
- 2100 + 2300
- 2100 + 2300
- 2100 + 2300
- 2100 + 2300
- 👉 + + +
- 660 + 720
- 2200 + 2400
- 2200 + 2400
- 2200 + 2400
- 2200 + 2400
- 👉 + + +
- 690 + 750
- 2300 + 2500
- 2300 + 2500
- 2300 + 2500
- 2300 + 2500
- 👉 + + +
- 720 + 780
- 2400 + 2600
- 2400 + 2600
- 2400 + 2600
- 2400 + 2600
- 👉 + + +
- 750 + 810
- 2500 + 2700
- 2500 + 2700
- 2500 + 2700
- 2500 + 2700
- 👉 + + +
- 780 + 840
- 2600 + 2800
- 2600 + 2800
- 2600 + 2800
- 2600 + 2800
- 👉 - -
-
- Test -
-
- - 810 - -
-
- - 2700 - -
-
- 2700 -
-
- 2700 -
-
- - 2700 - -
-
- -
-
-
-
- - 👉
- 840 + 870
- 2800 + 2900
- 2800 + 2900
- 2800 + 2900
- 2800 + 2900
- 👉 - -
-
- Test -
-
- - 870 - -
-
- - 2900 - -
-
- 2900 -
-
- 2900 -
-
- - 2900 - -
-
- -
-
-
-
- - 👉
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
Expand - 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
Expand - 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👇 + + +
- 👇 + + +
@@ -128160,7 +133672,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + +
@@ -128690,7 +134215,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + +
@@ -129220,7 +134758,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + +
@@ -129700,7 +135251,20 @@ Object { style="cursor: pointer;" title="Toggle All Rows Expanded" > - 👇 + + +
- 👇 + + +
@@ -130067,7 +135644,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -130597,7 +136187,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -131127,7 +136730,20 @@ Object { style="cursor: pointer;" title="Toggle Row Expanded" > - 👇 + + + @@ -131625,7 +137241,20 @@ Object { style="cursor: pointer;" title="Toggle All Rows Expanded" > - 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + + + +
+
+ Test +
+
+ + 180 + +
+
+ + 600 + +
+
+ 600 +
+
+ 600 +
+
+ + 600 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 210 + +
+
+ + 700 + +
+
+ 700 +
+
+ 700 +
+
+ + 700 + +
+
+ +
+
+
+
+ + + +
- 180 + 240
- 600 + 800
- 600 + 800
- 600 + 800
- 600 + 800
- 👉 + + +
- 210 + 270
- 700 + 900
- 700 + 900
- 700 + 900
- 700 + 900
- 👉 + + +
- 240 + 300
- 800 + 1000
- 800 + 1000
- 800 + 1000
- 800 + 1000
- 👉 + + +
- 270 + 330
- 900 + 1100
- 900 + 1100
- 900 + 1100
- 900 + 1100
- 👉 + + +
- 300 + 360
- 1000 + 1200
- 1000 + 1200
- 1000 + 1200
- 1000 + 1200
- 👉 + + +
- 330 + 390
- 1100 + 1300
- 1100 + 1300
- 1100 + 1300
- 1100 + 1300
- 👉 + + +
- 360 + 420
- 1200 + 1400
- 1200 + 1400
- 1200 + 1400
- 1200 + 1400
- 👉 + + +
- 390 + 450
- 1300 + 1500
- 1300 + 1500
- 1300 + 1500
- 1300 + 1500
- 👉 + + +
- 420 + 480
- 1400 + 1600
- 1400 + 1600
- 1400 + 1600
- 1400 + 1600
- 👉 + + +
- 450 + 510
- 1500 + 1700
- 1500 + 1700
- 1500 + 1700
- 1500 + 1700
- 👉 + + +
- 480 + 540
- 1600 + 1800
- 1600 + 1800
- 1600 + 1800
- 1600 + 1800
- 👉 + + +
- 510 + 570
- 1700 + 1900
- 1700 + 1900
- 1700 + 1900
- 1700 + 1900
- 👉 + + +
- 540 + 600
- 1800 + 2000
- 1800 + 2000
- 1800 + 2000
- 1800 + 2000
- 👉 + + +
- 570 + 630
- 1900 + 2100
- 1900 + 2100
- 1900 + 2100
- 1900 + 2100
- 👉 + + +
- 600 + 660
- 2000 + 2200
- 2000 + 2200
- 2000 + 2200
- 2000 + 2200
- 👉 + + +
- 630 + 690
- 2100 + 2300
- 2100 + 2300
- 2100 + 2300
- 2100 + 2300
- 👉 + + +
- 660 + 720
- 2200 + 2400
- 2200 + 2400
- 2200 + 2400
- 2200 + 2400
- 👉 + + +
- 690 + 750
- 2300 + 2500
- 2300 + 2500
- 2300 + 2500
- 2300 + 2500
- 👉 + + +
- 720 + 780
- 2400 + 2600
- 2400 + 2600
- 2400 + 2600
- 2400 + 2600
- 👉 + + +
- 750 + 810
- 2500 + 2700
- 2500 + 2700
- 2500 + 2700
- 2500 + 2700
- 👉 + + +
- 780 + 840
- 2600 + 2800
- 2600 + 2800
- 2600 + 2800
- 2600 + 2800
- 👉 + + +
- 810 + 870
- 2700 + 2900
- 2700 + 2900
- 2700 + 2900
- 2700 + 2900
- 👉 + + +
- 840 + 900
- 2800 + 3000
- 2800 + 3000
- 2800 + 3000
- 2800 + 3000
- 👉 + + +
- 870 + 930
- 2900 + 3100
- 2900 + 3100
- 2900 + 3100
- 2900 + 3100
- 👉 - -
-
- Test -
-
- - 900 - -
-
- - 3000 - -
-
- 3000 -
-
- 3000 -
-
- - 3000 - -
-
- -
-
-
-
- - 👉
- 930 + 960
- 3100 + 3200
- 3100 + 3200
- 3100 + 3200
- 3100 + 3200
- 👉 - -
-
- Test -
-
- - 960 - -
-
- - 3200 - -
-
- 3200 -
-
- 3200 -
-
- - 3200 - -
-
- -
-
-
-
- - 👉
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + + + +
+
+ Test +
+
+ + 150 + +
+
+ + 500 + +
+
+ 500 +
+
+ 500 +
+
+ + 500 + +
+
+ +
+
+
+
+ + + + + +
+
+ Test +
+
+ + 180 + +
+
+ + 600 + +
+
+ 600 +
+
+ 600 +
+
+ + 600 + +
+
+ +
+
+
+
+ + + +
- 150 + 210
- 500 + 700
- 500 + 700
- 500 + 700
- 500 + 700
- 👉 + + +
- 180 + 240
- 600 + 800
- 600 + 800
- 600 + 800
- 600 + 800
- 👉 + + +
- 210 + 270
- 700 + 900
- 700 + 900
- 700 + 900
- 700 + 900
- 👉 + + +
- 240 + 300
- 800 + 1000
- 800 + 1000
- 800 + 1000
- 800 + 1000
- 👉 + + +
- 270 + 330
- 900 + 1100
- 900 + 1100
- 900 + 1100
- 900 + 1100
- 👉 + + +
- 300 + 360
- 1000 + 1200
- 1000 + 1200
- 1000 + 1200
- 1000 + 1200
- 👉 + + +
- 330 + 390
- 1100 + 1300
- 1100 + 1300
- 1100 + 1300
- 1100 + 1300
- 👉 + + +
- 360 + 420
- 1200 + 1400
- 1200 + 1400
- 1200 + 1400
- 1200 + 1400
- 👉 + + +
- 390 + 450
- 1300 + 1500
- 1300 + 1500
- 1300 + 1500
- 1300 + 1500
- 👉 + + +
- 420 + 480
- 1400 + 1600
- 1400 + 1600
- 1400 + 1600
- 1400 + 1600
- 👉 + + +
- 450 + 510
- 1500 + 1700
- 1500 + 1700
- 1500 + 1700
- 1500 + 1700
- 👉 + + +
- 480 + 540
- 1600 + 1800
- 1600 + 1800
- 1600 + 1800
- 1600 + 1800
- 👉 + + +
- 510 + 570
- 1700 + 1900
- 1700 + 1900
- 1700 + 1900
- 1700 + 1900
- 👉 + + +
- 540 + 600
- 1800 + 2000
- 1800 + 2000
- 1800 + 2000
- 1800 + 2000
- 👉 + + +
- 570 + 630
- 1900 + 2100
- 1900 + 2100
- 1900 + 2100
- 1900 + 2100
- 👉 + + +
- 600 + 660
- 2000 + 2200
- 2000 + 2200
- 2000 + 2200
- 2000 + 2200
- 👉 + + +
- 630 + 690
- 2100 + 2300
- 2100 + 2300
- 2100 + 2300
- 2100 + 2300
- 👉 + + +
- 660 + 720
- 2200 + 2400
- 2200 + 2400
- 2200 + 2400
- 2200 + 2400
- 👉 + + +
- 690 + 750
- 2300 + 2500
- 2300 + 2500
- 2300 + 2500
- 2300 + 2500
- 👉 + + +
- 720 + 780
- 2400 + 2600
- 2400 + 2600
- 2400 + 2600
- 2400 + 2600
- 👉 + + +
- 750 + 810
- 2500 + 2700
- 2500 + 2700
- 2500 + 2700
- 2500 + 2700
- 👉 + + +
- 780 + 840
- 2600 + 2800
- 2600 + 2800
- 2600 + 2800
- 2600 + 2800
- 👉 + + +
- 810 + 870
- 2700 + 2900
- 2700 + 2900
- 2700 + 2900
- 2700 + 2900
- 👉 + + +
- 840 + 900
- 2800 + 3000
- 2800 + 3000
- 2800 + 3000
- 2800 + 3000
- 👉 - -
-
- Test -
-
- - 870 - -
-
- - 2900 - -
-
- 2900 -
-
- 2900 -
-
- - 2900 - -
-
- -
-
-
-
- - 👉
- 900 + 930
- 3000 + 3100
- 3000 + 3100
- 3000 + 3100
- 3000 + 3100
- 👉 - -
-
- Test -
-
- - 930 - -
-
- - 3100 - -
-
- 3100 -
-
- 3100 -
-
- - 3100 - -
-
- -
-
-
-
- - 👉
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
- 👉 + + +
Date: Mon, 30 Oct 2023 17:04:14 +0200 Subject: [PATCH 05/13] fix: add Loader to Docs, align colours [MDS-722] --- .../components/server/loader/description.md | 1 + .../server/loader/examples/Default.tsx | 5 +++++ docs/app/components/server/loader/page.tsx | 22 +++++++++++++++++++ docs/app/components/types.ts | 6 +++++ 4 files changed, 34 insertions(+) create mode 100644 docs/app/components/server/loader/description.md create mode 100644 docs/app/components/server/loader/examples/Default.tsx create mode 100644 docs/app/components/server/loader/page.tsx diff --git a/docs/app/components/server/loader/description.md b/docs/app/components/server/loader/description.md new file mode 100644 index 0000000000..43a4b3d9e7 --- /dev/null +++ b/docs/app/components/server/loader/description.md @@ -0,0 +1 @@ +Loaders provide a visual cue that an action is processing awaiting a course of change or a result. diff --git a/docs/app/components/server/loader/examples/Default.tsx b/docs/app/components/server/loader/examples/Default.tsx new file mode 100644 index 0000000000..ad071b5e82 --- /dev/null +++ b/docs/app/components/server/loader/examples/Default.tsx @@ -0,0 +1,5 @@ +import Loader from '@heathmont/moon-base-tw/lib/loader/Loader'; + +export const Default = () => ; + +export default Default; diff --git a/docs/app/components/server/loader/page.tsx b/docs/app/components/server/loader/page.tsx new file mode 100644 index 0000000000..5a851ed28e --- /dev/null +++ b/docs/app/components/server/loader/page.tsx @@ -0,0 +1,22 @@ +import { Default } from '@/app/components/server/loader/examples/Default'; +import ExampleSection from '@/app/components/shared/ExampleSection'; +import QuickNav from '@/app/components/shared/QuickNav'; +import { getExamples } from '@/app/utils/getExamples'; +import { MDX } from '@/components/MDX'; + +export default async function Home() { + const { server } = await getExamples(); + const examplesList = Object.keys(server.loader.examples); + return ( +
+

Loader

+ + + } + code={server.loader.examples.Default} + /> +
+ ); +} diff --git a/docs/app/components/types.ts b/docs/app/components/types.ts index d3a9f5e9ea..71c47fa5f3 100644 --- a/docs/app/components/types.ts +++ b/docs/app/components/types.ts @@ -42,6 +42,12 @@ export interface Examples { Default: 'string'; }; }; + loader: { + description: 'string'; + examples: { + Default: 'string'; + }; + }; tag: { description: 'string'; examples: { From 4b6f431d143d5a6a2ba782d011be9db4078a448f Mon Sep 17 00:00:00 2001 From: dkireev Date: Mon, 30 Oct 2023 17:20:12 +0200 Subject: [PATCH 06/13] fix: add Inout to Docs, align colours [MDS-721] --- .../components/server/input/description.md | 3 +++ .../server/input/examples/Default.tsx | 5 +++++ docs/app/components/server/input/page.tsx | 22 +++++++++++++++++++ docs/app/components/types.ts | 6 +++++ workspaces/base/src/chip/Chip.tsx | 4 ++-- .../utils/{setPadding.ts => getPadding.ts} | 4 ++-- workspaces/base/src/input/Input.tsx | 4 ++-- .../base/src/input/private/makeBorder.ts | 20 ----------------- workspaces/base/src/loader/Loader.tsx | 14 ++++++------ .../{setDivBorder.ts => getDivBorder.ts} | 4 ++-- .../private/utils/{setSize.ts => getSize.ts} | 4 ++-- 11 files changed, 53 insertions(+), 37 deletions(-) create mode 100644 docs/app/components/server/input/description.md create mode 100644 docs/app/components/server/input/examples/Default.tsx create mode 100644 docs/app/components/server/input/page.tsx rename workspaces/base/src/chip/private/utils/{setPadding.ts => getPadding.ts} (92%) delete mode 100644 workspaces/base/src/input/private/makeBorder.ts rename workspaces/base/src/loader/private/utils/{setDivBorder.ts => getDivBorder.ts} (73%) rename workspaces/base/src/loader/private/utils/{setSize.ts => getSize.ts} (80%) diff --git a/docs/app/components/server/input/description.md b/docs/app/components/server/input/description.md new file mode 100644 index 0000000000..3f87c754ff --- /dev/null +++ b/docs/app/components/server/input/description.md @@ -0,0 +1,3 @@ +Text input fields allow users to enter text and can be used to collect user feedback or enter information in data entry forms. + +These types of input fields are used on their own, or in combination with other inputs such as number entry, date picker, etc. diff --git a/docs/app/components/server/input/examples/Default.tsx b/docs/app/components/server/input/examples/Default.tsx new file mode 100644 index 0000000000..d1b344428b --- /dev/null +++ b/docs/app/components/server/input/examples/Default.tsx @@ -0,0 +1,5 @@ +import Input from '@heathmont/moon-base-tw/lib/input/Input'; + +export const Default = () => ; + +export default Default; diff --git a/docs/app/components/server/input/page.tsx b/docs/app/components/server/input/page.tsx new file mode 100644 index 0000000000..c4668835af --- /dev/null +++ b/docs/app/components/server/input/page.tsx @@ -0,0 +1,22 @@ +import { Default } from '@/app/components/server/input/examples/Default'; +import ExampleSection from '@/app/components/shared/ExampleSection'; +import QuickNav from '@/app/components/shared/QuickNav'; +import { getExamples } from '@/app/utils/getExamples'; +import { MDX } from '@/components/MDX'; + +export default async function Home() { + const { server } = await getExamples(); + const examplesList = Object.keys(server.input.examples); + return ( +
+

Input

+ + + } + code={server.input.examples.Default} + /> +
+ ); +} diff --git a/docs/app/components/types.ts b/docs/app/components/types.ts index d3a9f5e9ea..d3b7c751d7 100644 --- a/docs/app/components/types.ts +++ b/docs/app/components/types.ts @@ -42,6 +42,12 @@ export interface Examples { Default: 'string'; }; }; + input: { + description: 'string'; + examples: { + Default: 'string'; + }; + }; tag: { description: 'string'; examples: { diff --git a/workspaces/base/src/chip/Chip.tsx b/workspaces/base/src/chip/Chip.tsx index 3817ef005c..d3f06c065b 100644 --- a/workspaces/base/src/chip/Chip.tsx +++ b/workspaces/base/src/chip/Chip.tsx @@ -1,6 +1,6 @@ import React, { forwardRef } from 'react'; import type ChipProps from './private/types/ChipProps'; -import setPadding from './private/utils/setPadding'; +import getPadding from './private/utils/getPadding'; import mergeClassnames from '../mergeClassnames/mergeClassnames'; const Chip = forwardRef( @@ -28,7 +28,7 @@ const Chip = forwardRef( 'hover:text-piccolo user-select-none', iconOnly ? 'center' : 'space-between', size === 'sm' ? 'h-8 gap-1' : 'h-10 gap-2', - setPadding({ size, iconLeft, iconRight, iconOnly }), + getPadding({ size, iconLeft, iconRight, iconOnly }), variant === 'ghost' ? '' : 'bg-gohan', isActive ? 'bg-jiren text-piccolo' : 'text-bulma', isStroke && 'hover:shadow-interactive', diff --git a/workspaces/base/src/chip/private/utils/setPadding.ts b/workspaces/base/src/chip/private/utils/getPadding.ts similarity index 92% rename from workspaces/base/src/chip/private/utils/setPadding.ts rename to workspaces/base/src/chip/private/utils/getPadding.ts index b179e49eb2..140752af57 100644 --- a/workspaces/base/src/chip/private/utils/setPadding.ts +++ b/workspaces/base/src/chip/private/utils/getPadding.ts @@ -1,6 +1,6 @@ import type ChipProps from '../types/ChipProps'; -const setPadding = ({ +const getPadding = ({ size, iconLeft, iconRight, @@ -30,4 +30,4 @@ const setPadding = ({ return `p-2`; }; -export default setPadding; +export default getPadding; diff --git a/workspaces/base/src/input/Input.tsx b/workspaces/base/src/input/Input.tsx index 415786be6d..3a2b4e5fc5 100644 --- a/workspaces/base/src/input/Input.tsx +++ b/workspaces/base/src/input/Input.tsx @@ -1,6 +1,6 @@ import React, { forwardRef } from 'react'; -import mergeClassnames from '../mergeClassnames/mergeClassnames'; import getSizeStyles from './private/getSizeStyles'; +import mergeClassnames from '../mergeClassnames/mergeClassnames'; export interface InputProps extends Omit, 'size'> { @@ -23,7 +23,7 @@ const InputPure = forwardRef( disabled={disabled} className={mergeClassnames( 'block w-full max-w-full py-0 px-4 m-0 appearance-none text-[1rem] text-bulma transition-shadow box-border relative z-[2]', - 'bg-gohan shadow-input hover:shadow-input-hov', + 'bg-goku shadow-input hover:shadow-input-hov', 'focus:shadow-input-focus focus:outline-none', 'focus-visible::shadow-input-focus focus-visible::outline-none', error && diff --git a/workspaces/base/src/input/private/makeBorder.ts b/workspaces/base/src/input/private/makeBorder.ts deleted file mode 100644 index 60de8467b0..0000000000 --- a/workspaces/base/src/input/private/makeBorder.ts +++ /dev/null @@ -1,20 +0,0 @@ -const makeBorder = ( - isSideBorderHidden?: boolean, - isTopBottomBorderHidden?: boolean, - isFirst?: boolean, - isRtl?: boolean, - error?: boolean -) => { - if (error) return ''; - if (isSideBorderHidden) { - if (isRtl) { - return isFirst ? 'input-lsb-hidden' : 'input-rsb-hidden'; - } - return isFirst ? 'input-rsb-hidden' : 'input-lsb-hidden'; - } else if (isTopBottomBorderHidden) { - return isFirst ? 'input-bbb-hidden' : 'input-tbb-hidden'; - } - return ''; -}; - -export default makeBorder; diff --git a/workspaces/base/src/loader/Loader.tsx b/workspaces/base/src/loader/Loader.tsx index 72f04dbf2a..6a05891403 100644 --- a/workspaces/base/src/loader/Loader.tsx +++ b/workspaces/base/src/loader/Loader.tsx @@ -1,7 +1,7 @@ import React from 'react'; import type LoaderProps from './private/types/LoaderProps'; -import setDivBorder from './private/utils/setDivBorder'; -import setSize from './private/utils/setSize'; +import getDivBorder from './private/utils/getDivBorder'; +import getSize from './private/utils/getSize'; import mergeClassnames from '../mergeClassnames/mergeClassnames'; const Loader = ({ @@ -13,11 +13,11 @@ const Loader = ({ aria-label={ariaLabel} role="alert" aria-busy="true" - className={mergeClassnames(setSize(size), 'relative rounded-full')} + className={mergeClassnames(getSize(size), 'relative rounded-full')} >
{ +const getDivBorder = (size?: LoaderSize) => { switch (size) { case '2xs': case 'xs': @@ -11,4 +11,4 @@ const setDivBorder = (size?: LoaderSize) => { } }; -export default setDivBorder; +export default getDivBorder; diff --git a/workspaces/base/src/loader/private/utils/setSize.ts b/workspaces/base/src/loader/private/utils/getSize.ts similarity index 80% rename from workspaces/base/src/loader/private/utils/setSize.ts rename to workspaces/base/src/loader/private/utils/getSize.ts index 9b88b0b8af..723eeeeeb2 100644 --- a/workspaces/base/src/loader/private/utils/setSize.ts +++ b/workspaces/base/src/loader/private/utils/getSize.ts @@ -1,6 +1,6 @@ import type LoaderSize from '../types/LoaderSize'; -const setSize = (size?: LoaderSize) => { +const getSize = (size?: LoaderSize) => { switch (size) { case '2xs': return 'w-4 h-4'; @@ -15,4 +15,4 @@ const setSize = (size?: LoaderSize) => { } }; -export default setSize; +export default getSize; From 2c8d19f22bd6ba6ae2805c3c5615555ef6656479 Mon Sep 17 00:00:00 2001 From: dkireev Date: Mon, 30 Oct 2023 17:33:34 +0200 Subject: [PATCH 07/13] fix: add NativeSelect to Docs, align colours [MDS-723] --- docs/app/components/server/accordion/page.tsx | 2 +- docs/app/components/server/button/page.tsx | 2 +- .../server/checkbox/examples/Default.tsx | 2 -- docs/app/components/server/checkbox/page.tsx | 2 +- .../server/nativeSelect/description.md | 3 +++ .../server/nativeSelect/examples/Default.tsx | 10 +++++++++ .../components/server/nativeSelect/page.tsx | 22 +++++++++++++++++++ docs/app/components/types.ts | 6 +++++ workspaces/base/src/index.ts | 2 -- .../base/src/nativeSelect/NativeSelect.tsx | 19 +++++----------- .../{prvate => private}/getSizeStyles.ts | 0 .../private/types/NativeSelectProps.ts | 10 +++++++++ .../private/types/WithChildren.ts | 3 +++ 13 files changed, 62 insertions(+), 21 deletions(-) create mode 100644 docs/app/components/server/nativeSelect/description.md create mode 100644 docs/app/components/server/nativeSelect/examples/Default.tsx create mode 100644 docs/app/components/server/nativeSelect/page.tsx rename workspaces/base/src/nativeSelect/{prvate => private}/getSizeStyles.ts (100%) create mode 100644 workspaces/base/src/nativeSelect/private/types/NativeSelectProps.ts create mode 100644 workspaces/base/src/nativeSelect/private/types/WithChildren.ts diff --git a/docs/app/components/server/accordion/page.tsx b/docs/app/components/server/accordion/page.tsx index b5324b9879..fa3b8b63c0 100644 --- a/docs/app/components/server/accordion/page.tsx +++ b/docs/app/components/server/accordion/page.tsx @@ -7,7 +7,7 @@ import QuickNav from '@/app/components/shared/QuickNav'; import { getExamples } from '@/app/utils/getExamples'; import { MDX } from '@/components/MDX'; -export default async function Home() { +export default async function Accordion() { const { server } = await getExamples(); const examplesList = Object.keys(server.accordion.examples); return ( diff --git a/docs/app/components/server/button/page.tsx b/docs/app/components/server/button/page.tsx index dc88a8f0f4..9c06553ca9 100644 --- a/docs/app/components/server/button/page.tsx +++ b/docs/app/components/server/button/page.tsx @@ -11,7 +11,7 @@ import QuickNav from '@/app/components/shared/QuickNav'; import { getExamples } from '@/app/utils/getExamples'; import { MDX } from '@/components/MDX'; -export default async function Home() { +export default async function Button() { const { server } = await getExamples(); const examplesList = Object.keys(server.button.examples); return ( diff --git a/docs/app/components/server/checkbox/examples/Default.tsx b/docs/app/components/server/checkbox/examples/Default.tsx index 5534f0b399..d060326e5c 100644 --- a/docs/app/components/server/checkbox/examples/Default.tsx +++ b/docs/app/components/server/checkbox/examples/Default.tsx @@ -1,5 +1,3 @@ import Checkbox from '@heathmont/moon-base-tw/lib/checkbox/Checkbox'; export const Default = () => ; - -export default Default; diff --git a/docs/app/components/server/checkbox/page.tsx b/docs/app/components/server/checkbox/page.tsx index 74ea2d5e6f..63ce389451 100644 --- a/docs/app/components/server/checkbox/page.tsx +++ b/docs/app/components/server/checkbox/page.tsx @@ -4,7 +4,7 @@ import QuickNav from '@/app/components/shared/QuickNav'; import { getExamples } from '@/app/utils/getExamples'; import { MDX } from '@/components/MDX'; -export default async function Home() { +export default async function Checkbox() { const { server } = await getExamples(); const examplesList = Object.keys(server.checkbox.examples); return ( diff --git a/docs/app/components/server/nativeSelect/description.md b/docs/app/components/server/nativeSelect/description.md new file mode 100644 index 0000000000..b6705517b5 --- /dev/null +++ b/docs/app/components/server/nativeSelect/description.md @@ -0,0 +1,3 @@ +A form input used for selecting a value: when collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from. + +When collapsed it shows the currently selected option and when expanded, it shows a scrollable list of predefined options for the user to choose from. Moon.io supports two types of selects, one whichs opens browser's native styling option list and Dropdown. diff --git a/docs/app/components/server/nativeSelect/examples/Default.tsx b/docs/app/components/server/nativeSelect/examples/Default.tsx new file mode 100644 index 0000000000..51e7598dc8 --- /dev/null +++ b/docs/app/components/server/nativeSelect/examples/Default.tsx @@ -0,0 +1,10 @@ +import NativeSelect from '@heathmont/moon-base-tw/lib/nativeSelect/NativeSelect'; + +export const Default = () => ( + + + + + + +); diff --git a/docs/app/components/server/nativeSelect/page.tsx b/docs/app/components/server/nativeSelect/page.tsx new file mode 100644 index 0000000000..9fe32c35d7 --- /dev/null +++ b/docs/app/components/server/nativeSelect/page.tsx @@ -0,0 +1,22 @@ +import { Default } from '@/app/components/server/nativeSelect/examples/Default'; +import ExampleSection from '@/app/components/shared/ExampleSection'; +import QuickNav from '@/app/components/shared/QuickNav'; +import { getExamples } from '@/app/utils/getExamples'; +import { MDX } from '@/components/MDX'; + +export default async function NativeSelect() { + const { server } = await getExamples(); + const examplesList = Object.keys(server.nativeSelect.examples); + return ( +
+

NativeSelect

+ + + } + code={server.nativeSelect.examples.Default} + /> +
+ ); +} diff --git a/docs/app/components/types.ts b/docs/app/components/types.ts index d3a9f5e9ea..8699b8b165 100644 --- a/docs/app/components/types.ts +++ b/docs/app/components/types.ts @@ -42,6 +42,12 @@ export interface Examples { Default: 'string'; }; }; + nativeSelect: { + description: 'string'; + examples: { + Default: 'string'; + }; + }; tag: { description: 'string'; examples: { diff --git a/workspaces/base/src/index.ts b/workspaces/base/src/index.ts index de8df8bb3c..5e540a5e4b 100644 --- a/workspaces/base/src/index.ts +++ b/workspaces/base/src/index.ts @@ -18,8 +18,6 @@ export { default as mergeClassnames } from './mergeClassnames/mergeClassnames'; export * from './mergeClassnames/mergeClassnames'; export { default as NativeSelect } from './nativeSelect/NativeSelect'; export * from './nativeSelect/NativeSelect'; -export { default as getSizeStyles } from './nativeSelect/prvate/getSizeStyles'; -export * from './nativeSelect/prvate/getSizeStyles'; export { default as Pagination } from './pagination/Pagination'; export * from './pagination/Pagination'; export { default as getPageInfo } from './pagination/getPageInfo'; diff --git a/workspaces/base/src/nativeSelect/NativeSelect.tsx b/workspaces/base/src/nativeSelect/NativeSelect.tsx index 451145a4c9..5dcc6aa54b 100644 --- a/workspaces/base/src/nativeSelect/NativeSelect.tsx +++ b/workspaces/base/src/nativeSelect/NativeSelect.tsx @@ -1,19 +1,10 @@ -import React, { ReactNode, forwardRef } from 'react'; -import getSizeStyles from './prvate/getSizeStyles'; +import React, { forwardRef } from 'react'; +import getSizeStyles from './private/getSizeStyles'; +import type NativeSelectProps from './private/types/NativeSelectProps'; +import type WithChildren from './private/types/WithChildren'; import mergeClassnames from '../mergeClassnames/mergeClassnames'; import ControlsChevronDownSmall from '../private/icons/ControlsChevronDownSmall'; -type WithChildren = T & { children?: ReactNode }; - -export interface NativeSelectProps - extends Omit, 'size'> { - className?: string; - size?: 'sm' | 'md' | 'lg'; - error?: boolean; - disabled?: boolean; - readOnly?: boolean; -} - const NativeSelectPure = forwardRef< HTMLSelectElement, WithChildren @@ -32,7 +23,7 @@ const NativeSelectPure = forwardRef< disabled={disabled || readOnly} className={mergeClassnames( 'block w-full max-w-full py-0 px-4 m-0 appearance-none text-[1rem] text-bulma transition-shadow box-border relative z-[2] cursor-pointer', - 'bg-gohan shadow-input hover:shadow-input-hov', + 'bg-goku shadow-input hover:shadow-input-hov', 'focus:shadow-input-focus focus:outline-none', error && 'shadow-input-err hover:shadow-input-err focus:shadow-input-err', diff --git a/workspaces/base/src/nativeSelect/prvate/getSizeStyles.ts b/workspaces/base/src/nativeSelect/private/getSizeStyles.ts similarity index 100% rename from workspaces/base/src/nativeSelect/prvate/getSizeStyles.ts rename to workspaces/base/src/nativeSelect/private/getSizeStyles.ts diff --git a/workspaces/base/src/nativeSelect/private/types/NativeSelectProps.ts b/workspaces/base/src/nativeSelect/private/types/NativeSelectProps.ts new file mode 100644 index 0000000000..e7ab359449 --- /dev/null +++ b/workspaces/base/src/nativeSelect/private/types/NativeSelectProps.ts @@ -0,0 +1,10 @@ +interface NativeSelectProps + extends Omit, 'size'> { + className?: string; + size?: 'sm' | 'md' | 'lg'; + error?: boolean; + disabled?: boolean; + readOnly?: boolean; +} + +export default NativeSelectProps; diff --git a/workspaces/base/src/nativeSelect/private/types/WithChildren.ts b/workspaces/base/src/nativeSelect/private/types/WithChildren.ts new file mode 100644 index 0000000000..e931e027bd --- /dev/null +++ b/workspaces/base/src/nativeSelect/private/types/WithChildren.ts @@ -0,0 +1,3 @@ +type WithChildren = T & { children?: React.ReactNode }; + +export default WithChildren; From 491a22f321d3c80df5687686a5390baa15497adb Mon Sep 17 00:00:00 2001 From: YulianaYarema <59561179+yarema184@users.noreply.github.com> Date: Mon, 30 Oct 2023 20:23:41 +0200 Subject: [PATCH 08/13] fix: input group [MDS-699] (#2452) * fix: input group [MDS-699] * fix: tests [MDS-699] --- .../__snapshots__/index.test.tsx.snap | 48 +-- .../__snapshots__/index.test.tsx.snap | 32 +- .../__snapshots__/index.test.tsx.snap | 320 +++++++++--------- .../__snapshots__/index.test.tsx.snap | 112 +++--- workspaces/core/src/group/Group.tsx | 87 +++-- workspaces/core/src/insetInput/InsetInput.tsx | 2 +- .../src/private/presets/ds-moon-preset.js | 20 +- 7 files changed, 330 insertions(+), 291 deletions(-) diff --git a/next-docs/public/examples/combobox/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/combobox/__tests__/__snapshots__/index.test.tsx.snap index e1d7e7a523..0893b5b5a8 100644 --- a/next-docs/public/examples/combobox/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/combobox/__tests__/__snapshots__/index.test.tsx.snap @@ -316,7 +316,7 @@ Object { value="" /> @@ -387,7 +387,7 @@ Object { value="" /> @@ -515,7 +515,7 @@ Object { value="" /> @@ -586,7 +586,7 @@ Object { value="" /> @@ -714,7 +714,7 @@ Object { value="" /> @@ -775,7 +775,7 @@ Object { value="" /> @@ -837,7 +837,7 @@ Object { value="" /> @@ -897,7 +897,7 @@ Object { value="" /> @@ -968,7 +968,7 @@ Object { value="" /> @@ -1029,7 +1029,7 @@ Object { value="" /> @@ -1091,7 +1091,7 @@ Object { value="" /> @@ -1151,7 +1151,7 @@ Object { value="" /> @@ -3607,7 +3607,7 @@ Object { value="" /> @@ -3674,7 +3674,7 @@ Object { value="" /> @@ -3798,7 +3798,7 @@ Object { value="" /> @@ -3865,7 +3865,7 @@ Object { value="" /> @@ -3989,7 +3989,7 @@ Object { value="" /> @@ -4050,7 +4050,7 @@ Object { value="" /> @@ -4112,7 +4112,7 @@ Object { value="" /> @@ -4172,7 +4172,7 @@ Object { value="" /> @@ -4239,7 +4239,7 @@ Object { value="" /> @@ -4300,7 +4300,7 @@ Object { value="" /> @@ -4362,7 +4362,7 @@ Object { value="" /> @@ -4422,7 +4422,7 @@ Object { value="" /> diff --git a/next-docs/public/examples/form/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/form/__tests__/__snapshots__/index.test.tsx.snap index 81088111b9..885eb1cd80 100644 --- a/next-docs/public/examples/form/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/form/__tests__/__snapshots__/index.test.tsx.snap @@ -571,7 +571,7 @@ Object { placeholder="Your username..." /> @@ -594,7 +594,7 @@ Object { placeholder="Your Email..." /> @@ -611,7 +611,7 @@ Object { placeholder="Your password..." /> @@ -628,7 +628,7 @@ Object { placeholder="Repeat password..." /> @@ -678,7 +678,7 @@ Object { placeholder="Your username..." /> @@ -701,7 +701,7 @@ Object { placeholder="Your Email..." /> @@ -718,7 +718,7 @@ Object { placeholder="Your password..." /> @@ -735,7 +735,7 @@ Object { placeholder="Repeat password..." /> @@ -1378,7 +1378,7 @@ Object { placeholder="Your username..." /> @@ -1401,7 +1401,7 @@ Object { placeholder="Your Email..." /> @@ -1418,7 +1418,7 @@ Object { placeholder="Your password..." /> @@ -1435,7 +1435,7 @@ Object { placeholder="Repeat password..." /> @@ -1481,7 +1481,7 @@ Object { placeholder="Your username..." /> @@ -1504,7 +1504,7 @@ Object { placeholder="Your Email..." /> @@ -1521,7 +1521,7 @@ Object { placeholder="Your password..." /> @@ -1538,7 +1538,7 @@ Object { placeholder="Repeat password..." /> diff --git a/next-docs/public/examples/group/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/group/__tests__/__snapshots__/index.test.tsx.snap index 3aeb31f66f..11282e40c7 100644 --- a/next-docs/public/examples/group/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/group/__tests__/__snapshots__/index.test.tsx.snap @@ -12,11 +12,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -164,11 +164,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -265,11 +265,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-xs" >
@@ -463,11 +463,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -546,11 +546,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -699,27 +699,27 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -729,7 +729,7 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -902,20 +902,20 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -1008,27 +1008,27 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -1038,7 +1038,7 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -1211,20 +1211,20 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -1478,11 +1478,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -1575,11 +1575,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-xs" >
@@ -1765,11 +1765,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -1844,11 +1844,11 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -1993,27 +1993,27 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -2023,7 +2023,7 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -2196,20 +2196,20 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -2298,27 +2298,27 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
@@ -2328,7 +2328,7 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-col rounded-moon-i-sm" >
@@ -2501,20 +2501,20 @@ Object { class="flex border-none shadow-input relative h-fit bg-goku flex-row rounded-moon-i-sm" >
( readOnly={readOnly} size={size} className={mergeClassnames( - isVertical && 'rounded-t-none input-tbb-hidden', + isVertical && 'rounded-t-none', + isVertical && !error && 'input-tbb-hidden', + isHorizontal && 'rounded-s-none flex-1 basis-1/2', isHorizontal && - 'rounded-s-none rtl:input-rsb-hidden ltr:input-lsb-hidden flex-1 basis-1/2', + !error && + 'rtl:input-rsb-hidden ltr:input-lsb-hidden', className && className )} ref={ref} @@ -174,13 +182,17 @@ const FirstInsetInputRoot = forwardRef< disabled={disabled} readOnly={readOnly} className={mergeClassnames( - '[&_+_.last-element:before]:hover:opacity-0', + '[&:has(input:not(:disabled):not(:read-only):hover)_+_.last-element:before]:opacity-0', + '[&:has(input:not(:disabled):not(:read-only):focus)_+_.last-element:before]:opacity-0', + error && '[&_+_.last-element:before]:opacity-0', isVertical && - !error && - '[&_input]:rounded-b-none [&_input]:input-bbb-hidden', + '[&_input]:rounded-b-none [&_input:read-only:hover]:input-bbb-clip-path [&_input:read-only:focus]:input-bbb-clip-path', + isVertical && !error && '[&_input]:input-bbb-hidden', + isHorizontal && + 'flex-1 basis-1/2 [&_input]:rounded-e-none rtl:[&_input:read-only:hover]:input-lsb-clip-path rtl:[&_input:read-only:focus]:input-lsb-clip-path ltr:[&_input:read-only:hover]:input-rsb-clip-path ltr:[&_input:read-only:focus]:input-rsb-clip-path', isHorizontal && !error && - '[&_input]:rounded-e-none rtl:[&_input]:input-lsb-hidden ltr:[&_input]:input-rsb-hidden flex-1 basis-1/2', + 'rtl:[&_input]:input-lsb-hidden ltr:[&_input]:input-rsb-hidden', className && className )} ref={ref} @@ -224,13 +236,16 @@ const LastInsetInputRoot = forwardRef< disabled={disabled} readOnly={readOnly} className={mergeClassnames( - 'last-element before:absolute before:block before:bg-beerus hover:before:hidden before:transition-opacity', + 'last-element before:absolute before:block before:bg-beerus before:transition-opacity', isVertical && !error && - '[&_input]:rounded-t-none [&_input]:input-tbb-hidden before:h-px before:top-0 before:inset-x-0', + ' [&_input]:input-tbb-hidden before:h-px before:top-0 before:inset-x-0', + isVertical && '[&_input]:rounded-t-none', isHorizontal && !error && - '[&_input]:rounded-s-none rtl:[&_input]:input-rsb-hidden ltr:[&_input]:input-lsb-hidden flex-1 basis-1/2 before:w-px before:start-0 before:inset-y-0', + ' rtl:[&_input]:input-rsb-hidden ltr:[&_input]:input-lsb-hidden', + isHorizontal && + '[&_input]:rounded-s-none flex-1 basis-1/2 before:w-px before:start-0 before:inset-y-0', className && className )} ref={ref} @@ -280,13 +295,17 @@ const FirstSelect = forwardRef< readOnly={readOnly} size={size} className={mergeClassnames( - '[&_+_.last-element:before]:hover:opacity-0', + '[&:has(select:not(:disabled):hover)_+_.last-element:before]:opacity-0', + '[&:has(select:not(:disabled):focus)_+_.last-element:before]:opacity-0', + error && '[&_+_.last-element:before]:opacity-0', isVertical && - !error && - '[&_select]:rounded-b-none [&_select]:input-bbb-hidden before:h-px', + '[&_select]:!rounded-b-none [&_select:disabled:hover]:input-bbb-clip-path [&_select:disabled:focus]:input-bbb-clip-path', + isVertical && !error && '[&_select]:!input-bbb-hidden before:h-px', + isHorizontal && + '[&_select]:!rounded-e-none flex-1 basis-1/2 rtl:[&_select:disabled:hover]:input-lsb-clip-path rtl:[&_select:disabled:focus]:input-lsb-clip-path ltr:[&_select:disabled:hover]:input-rsb-clip-path ltr:[&_select:disabled:focus]:input-rsb-clip-path', isHorizontal && !error && - '[&_select]:rounded-e-none rtl:[&_select]:input-lsb-hidden ltr:[&_select]:input-rsb-hidden flex-1 basis-1/2', + 'rtl:[&_select]:input-lsb-hidden ltr:[&_select]:input-rsb-hidden ', className && className )} ref={ref} @@ -332,13 +351,15 @@ const LastSelect = forwardRef< readOnly={readOnly} size={size} className={mergeClassnames( - 'last-element before:absolute before:block before:bg-beerus hover:before:hidden before:transition-opacity', + 'last-element before:absolute before:block before:bg-beerus before:transition-opacity', isVertical && - !error && - '[&_select]:rounded-t-none [&_select]:input-tbb-hidden before:h-px before:top-0 before:inset-x-0', + '[&_select]:!rounded-t-none before:h-px before:top-0 before:inset-x-0', + isVertical && !error && '[&_select]:input-tbb-hidden', + isHorizontal && + '[&_select]:!rounded-s-none flex-1 basis-1/2 before:w-px before:start-0 before:inset-y-0', isHorizontal && !error && - '[&_select]:rounded-s-none rtl:[&_select]:input-rsb-hidden ltr:[&_select]:input-lsb-hidden flex-1 basis-1/2 before:w-px before:start-0 before:inset-y-0', + 'rtl:[&_select]:input-rsb-hidden ltr:[&_select]:input-lsb-hidden', className && className )} ref={ref} @@ -382,13 +403,17 @@ const FirstInsetSelect = forwardRef< disabled={disabled} readOnly={readOnly} className={mergeClassnames( - '[&_+_.last-element:before]:hover:opacity-0', + '[&:has(select:not(:disabled):hover)_+_.last-element:before]:opacity-0', + '[&:has(select:not(:disabled):focus)_+_.last-element:before]:opacity-0', + error && '[&_+_.last-element:before]:opacity-0', isVertical && - !error && - '[&_select]:rounded-b-none [&_select]:input-bbb-hidden', + '[&_select]:!rounded-b-none [&_select:disabled:hover]:input-bbb-clip-path [&_select:disabled:focus]:input-bbb-clip-path', + isVertical && !error && '[&_select]:!input-bbb-hidden', + isHorizontal && + '[&_select]:!rounded-e-none flex-1 basis-1/2 rtl:[&_select:disabled:hover]:input-lsb-clip-path rtl:[&_select:disabled:focus]:input-lsb-clip-path ltr:[&_select:disabled:hover]:input-rsb-clip-path ltr:[&_select:disabled:focus]:input-rsb-clip-path', isHorizontal && !error && - '[&_select]:rounded-e-none rtl:[&_select]:input-lsb-hidden ltr:[&_select]:input-rsb-hidden flex-1 basis-1/2', + ' rtl:[&_select]:input-lsb-hidden ltr:[&_select]:input-rsb-hidden ', className && className )} ref={ref} @@ -432,13 +457,15 @@ const LastInsetSelect = forwardRef< disabled={disabled} readOnly={readOnly} className={mergeClassnames( - 'last-element before:absolute before:block before:bg-beerus hover:before:hidden before:transition-opacity', + 'last-element before:absolute before:block before:bg-beerus before:transition-opacity', isVertical && - !error && - '[&_select]:rounded-t-none [&_select]:input-tbb-hidden before:h-px before:top-0 before:inset-x-0', + '[&_select]:!rounded-t-none before:h-px before:top-0 before:inset-x-0', + isVertical && !error && '[&_select]:input-tbb-hidden', + isHorizontal && + '[&_select]:!rounded-s-none flex-1 basis-1/2 before:w-px before:start-0 before:inset-y-0', isHorizontal && !error && - '[&_select]:rounded-s-none rtl:[&_select]:input-rsb-hidden ltr:[&_select]:input-lsb-hidden flex-1 basis-1/2 before:w-px before:start-0 before:inset-y-0', + 'rtl:[&_select]:input-rsb-hidden ltr:[&_select]:input-lsb-hidden', className && className )} ref={ref} diff --git a/workspaces/core/src/insetInput/InsetInput.tsx b/workspaces/core/src/insetInput/InsetInput.tsx index 58cfb18210..e66881acdc 100644 --- a/workspaces/core/src/insetInput/InsetInput.tsx +++ b/workspaces/core/src/insetInput/InsetInput.tsx @@ -67,7 +67,7 @@ const Label = ({ children, className }: LabelProps) => { return (
-
-
-
-
- , - "container":
-
-
-
-
- Expand/Select -
- Name + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku" + 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;" + > +
+
+ +
+ + + + + +
+
-
- Info + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + data-sticky-last-left-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; left: 150px;" + > + Sub test lvl2 +
-
- Actions + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" + > + + 96 + +
+
+ 23 +
+
+ 97 +
+
+ + 2 + +
+
+ +
-
-
- + + + + + +
- +
+ Sub test lvl3 +
+
+ + 63 + +
+
+ + 82 + +
+
+ 46 +
+
+ 52 +
+
+ + 59 + +
+
+
-
- First Name -
- Age + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 rounded-s-lg text-bulma bg-goku border-goku" + 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;" + > +
+
+ +
+
+
-
- Visits + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + data-sticky-last-left-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; left: 150px;" + > + Sub test lvl3 +
-
- Activity + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" + > + + 64 + +
-
- Status + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;" + > + + 35 + +
-
- Profile Progress + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;" + > + 5 +
-
- Actions + class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" + > + 65 +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ class="relative box-border justify-between items-center text-start text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px;" + > + + 78 + +
-
- -
- - +
- Test lvl1 -
-
- - 36 - -
-
- - 50 - -
-
- 54 -
-
- 19 -
-
- - 20 - -
-
- -
-
-
-
- + + + + + +
- +
+ Sub test lvl3 +
+
+ + 12 + +
+
+ + 4 + +
+
+ 5 +
+
+ 98 +
+
+ + 44 + +
+
+
- Sub test lvl2 -
-
- - 96 - -
-
- - 8 - -
-
- 23 -
-
- 97 -
-
- - 2 - -
-
- -
-
-
-
- + + + + + +
+ + + + +
-
-
- Sub test lvl3 -
-
- - 63 - -
-
- - 82 - -
-
- 46 -
-
- 52 -
-
- - 59 - -
-
- -
-
-
-
+ Sub test lvl2 +
-
- -
+ + 74 +
-
-
- Sub test lvl3 -
-
- - 64 - -
-
- - 35 - -
-
- 5 -
-
- 65 -
-
- - 78 - -
-
- -
-
-
-
+ + 5 + +
-
- -
+ 2
-
-
- Sub test lvl3 -
-
- - 12 - -
-
- - 4 - -
-
- 5 -
-
- 98 -
-
- - 44 - -
-
- -
-
-
-
+ 86 +
-
- -
- + 1 + +
+
+
- Sub test lvl2 -
-
- - 74 - -
-
- - 5 - -
-
- 2 -
-
- 86 -
-
- - 1 - -
-
- -
-
-
-
- + + + + + +
-
-
- Sub test lvl3 -
-
- - 89 - -
-
- - 98 - -
-
- 43 -
-
- 24 -
-
- - 54 - -
-
- -
-
-
-
+ Sub test lvl3 +
-
+ 89 + +
+
+ + 98 + +
+
+ 43 +
+
+ 24 +
+
+ + 54 + +
+
+
+ +
- Sub test lvl3 -
-
- - 52 - -
-
- - 25 - -
-
- 35 -
-
- 97 -
-
- - 25 - -
-
- -
-
-
-
- + + + + + +
-
-
- Sub test lvl3 -
-
- - 55 - -
-
- - 54 - -
-
- 33 -
-
- 56 -
-
- - 24 - -
-
- + + + + +
-
-
- + + + + + +
- +
+ Sub test lvl3 +
+
+ + 55 + +
+
+ + 54 + +
+
+ 33 +
+
+ 56 +
+
+ + 24 + +
+
+
- Sub test lvl2 -
-
- - 53 - -
-
- - 63 - -
-
- 3 -
-
- 48 -
-
- - 24 - -
-
- -
-
-
-
- + + + + + +
+ + + + +
-
-
- Sub test lvl3 -
-
- - 4 - -
-
- - 653 - -
-
- 43 -
-
- 44 -
-
- - 36 - -
-
- -
-
-
-
-
- -
+ Sub test lvl2
-
-
- Sub test lvl3 -
-
- - 49 - -
-
- - 45 - -
-
- 4 -
-
- 35 -
-
- - 454 - -
-
- -
-
-
-
-
-
, - "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 ExpandedRows 1`] = ` -Object { - "asFragment": [Function], - "baseElement": -
-
-
-
-
+ + 53 + +
- Expand -
- Name -
- Info -
- Progress - -
-
- - + +
+
+
+
- First Name -
- Age -
- Visits -
- Activity -
- Status -
+ + 36 + +
+
- Profile Progress - -
-
-
-
-
-
-
-
-
-
-
-
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 0 + 49
- 0 + 45
- 0 + 4
- 0 + 35
- 0 + 454
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 30 + 96
- 100 + 8
- 100 + 23
- 100 + 97
- 100 + 2
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 60 + 63
- 200 + 82
- 200 + 46
- 200 + 52
- 200 + 59
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 90 + 64
- 300 + 35
- 300 + 5
- 300 + 65
- 300 + 78
-
-
- - +
+
+
- Test -
-
- - 120 - -
-
- - 400 - -
-
- 400 -
-
- 400 -
-
- - 400 - -
-
-
-
- - - - - + +
+
- Test + Sub test lvl3
- 150 + 12
- 500 + 4
- 500 + 5
- 500 + 98
- 500 + 44
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 180 + 74
- 600 + 5
- 600 + 2
- 600 + 86
- 600 + 1
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 210 + 89
- 700 + 98
- 700 + 43
- 700 + 24
- 700 + 54
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 240 + 52
- 800 + 25
- 800 + 35
- 800 + 97
- 800 + 25
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 270 + 55
- 900 + 54
- 900 + 33
- 900 + 56
- 900 + 24
-
-
- - + - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 300 + 53
- 1000 + 63
- 1000 + 3
- 1000 + 48
- 1000 + 24
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 330 + 4
- 1100 + 653
- 1100 + 43
- 1100 + 44
- 1100 + 36
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 360 + 49
- 1200 + 45
- 1200 + 4
- 1200 + 35
- 1200 + 454
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 390 + 96
- 1300 + 8
- 1300 + 23
- 1300 + 97
- 1300 + 2
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 420 + 63
- 1400 + 82
- 1400 + 46
- 1400 + 52
- 1400 + 59
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 450 + 64
- 1500 + 35
- 1500 + 5
- 1500 + 65
- 1500 + 78
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 480 + 12
- 1600 + 4
- 1600 + 5
- 1600 + 98
- 1600 + 44
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 510 + 74
- 1700 + 5
- 1700 + 2
- 1700 + 86
- 1700 + 1
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 540 + 89
- 1800 + 98
- 1800 + 43
- 1800 + 24
- 1800 + 54
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 570 + 52
- 1900 + 25
- 1900 + 35
- 1900 + 97
- 1900 + 25
-
-
- - +
+
+
- Test -
-
- - 600 - -
-
- - 2000 - -
-
- 2000 -
-
- 2000 -
-
- - 2000 - -
-
-
-
- - - - - + +
+
- Test + Sub test lvl3
- 630 + 55
- 2100 + 54
- 2100 + 33
- 2100 + 56
- 2100 + 24
-
-
- - -
-
- Test -
-
- - 660 - -
-
- - 2200 - -
-
- 2200 -
-
- 2200 -
-
- - 2200 - +
- - - - - + +
+ + + + + +
- Test + Sub test lvl2
- 690 + 53
- 2300 + 63
- 2300 + 3
- 2300 + 48
- 2300 + 24
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 720 + 4
- 2400 + 653
- 2400 + 43
- 2400 + 44
- 2400 + 36
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 750 + 49
- 2500 + 45
- 2500 + 4
- 2500 + 35
- 2500 + 454
-
-
- - -
-
- Test -
-
- - 780 - +
+
+
+
+
+
+ , + "container":
+
+
+
+
+
+ Expand/Select
- - 2600 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Name
- 2600 -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Info
- 2600 -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Actions
- - 2600 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+
+
+
+ +
- Test -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ First Name
- - 810 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Age
- - 2700 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Visits
- 2700 -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Activity
- 2700 -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Status
- - 2700 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Profile Progress
+
+
+ Actions + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
-
- Test -
-
- - 840 - -
-
- - 2800 - -
-
- 2800 -
-
- 2800 -
-
- - 2800 - -
-
- - - - - -
-
- Test -
-
- - 870 - -
-
- - 2900 - -
-
- 2900 -
-
- 2900 -
-
- - 2900 - -
+ Test lvl1
-
+ 36 + +
+
+ + 50 + +
+
+ 54 +
+
+ 19 +
+
+ + 20 + +
+
+
-
- Test -
-
- - 900 - -
-
- - 3000 - -
-
- 3000 -
-
- 3000 -
-
- - 3000 - -
+ + +
+
+
+
+ +
-
- Test -
-
- - 930 - -
-
- - 3100 - -
-
- 3100 -
-
- 3100 -
-
- - 3100 - -
-
+
+ + 96 + +
+
+ + 8 + +
+
+ 23 +
+
+ 97 +
+
+ + 2 + +
+
+
-
- Test -
-
- - 960 - -
-
- - 3200 - -
-
- 3200 -
-
- 3200 -
-
- - 3200 - -
+ + +
+
+
- - - - - -
-
- Test + + + +
-
+
+ Sub test lvl3 +
+
+ + 63 + +
+
+ + 82 + +
+
+ 46 +
+
+ 52 +
+
+ + 59 + +
+
+
+ + + + +
+
+
+
- - 3300 - +
+ +
-
+
+ Sub test lvl3 +
+
+ + 64 + +
+
+ + 35 + +
+
+ 5 +
+
+ 65 +
+
+ + 78 + +
+
+
+ + + + +
+
+
+
- 3300 +
+ +
-
+
+ Sub test lvl3 +
+
+ + 12 + +
+
+ + 4 + +
+
+ 5 +
+
+ 98 +
+
+ + 44 + +
+
+
+ + + +
+
+
+
+ +
-
- Test -
-
- - 1020 - -
-
- - 3400 - -
-
- 3400 -
-
- 3400 -
-
- - 3400 - -
-
+
+ + 74 + +
+
+ + 5 + +
+
+ 2 +
+
+ 86 +
+
+ + 1 + +
+
+
-
- Test -
-
- - 1050 - -
-
- - 3500 - -
-
- 3500 -
-
- 3500 -
-
- - 3500 - -
+ + +
+
+
- - - - - -
-
- Test -
-
- - 1080 - -
-
- - 3600 - -
-
- 3600 -
-
- 3600 -
-
- - 3600 - + + +
-
+
+ + 89 + +
+
+ + 98 + +
+
+ 43 +
+
+ 24 +
+
+ + 54 + +
+
+
-
- Test -
-
- - 1110 - -
-
- - 3700 - -
-
- 3700 -
-
- 3700 -
-
- - 3700 - -
+ + +
+
+
- - - - - -
-
- Test -
-
- - 1140 - -
-
- - 3800 - -
-
- 3800 -
-
- 3800 -
-
- - 3800 - + + +
-
- - - - - -
-
- Test -
-
- - 1170 - -
-
- - 3900 - -
-
- 3900 -
-
- 3900 -
-
- - 3900 - -
+ Sub test lvl3
-
-
-
-
- , - "container":
-
-
-
-
- Expand -
- Name -
- Info -
- Progress - -
-
+ + 25 + +
+
- - - -
- First Name - -
- Age - -
- Visits - -
- Activity - -
- Status - -
- Profile Progress -
-
-
-
-
-
-
-
-
-
-
-
- - - - - + +
+
- Test + Sub test lvl3
- 0 + 55
- 0 + 54
- 0 + 33
- 0 + 56
- 0 + 24
-
-
- - +
+
+
- Test -
-
+
+ +
+ + + + + +
+
+
+ Sub test lvl2 +
+
- 30 + 53
- 100 + 63
- 100 + 3
- 100 + 48
- 100 + 24
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 60 + 4
- 200 + 653
- 200 + 43
- 200 + 44
- 200 + 36
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 90 + 49
- 300 + 45
- 300 + 4
- 300 + 35
- 300 + 454
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 120 + 96
- 400 + 8
- 400 + 23
- 400 + 97
- 400 + 2
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 150 + 63
- 500 + 82
- 500 + 46
- 500 + 52
- 500 + 59
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 180 + 64
- 600 + 35
- 600 + 5
- 600 + 65
- 600 + 78
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 210 + 12
- 700 + 4
- 700 + 5
- 700 + 98
- 700 + 44
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 240 + 74
- 800 + 5
- 800 + 2
- 800 + 86
- 800 + 1
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 270 + 89
- 900 + 98
- 900 + 43
- 900 + 24
- 900 + 54
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 300 + 52
- 1000 + 25
- 1000 + 35
- 1000 + 97
- 1000 + 25
-
-
- - +
+
+
- Test -
-
- - 330 - -
-
- - 1100 - -
-
- 1100 -
-
- 1100 -
-
- - 1100 - -
-
-
-
- - - - - + +
+
- Test + Sub test lvl3
- 360 + 55
- 1200 + 54
- 1200 + 33
- 1200 + 56
- 1200 + 24
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 390 + 53
- 1300 + 63
- 1300 + 3
- 1300 + 48
- 1300 + 24
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 420 + 4
- 1400 + 653
- 1400 + 43
- 1400 + 44
- 1400 + 36
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 450 + 49
- 1500 + 45
- 1500 + 4
- 1500 + 35
- 1500 + 454
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 480 + 96
- 1600 + 8
- 1600 + 23
- 1600 + 97
- 1600 + 2
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 510 + 63
- 1700 + 82
- 1700 + 46
- 1700 + 52
- 1700 + 59
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 540 + 64
- 1800 + 35
- 1800 + 5
- 1800 + 65
- 1800 + 78
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 570 + 12
- 1900 + 4
- 1900 + 5
- 1900 + 98
- 1900 + 44
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 600 + 74
- 2000 + 5
- 2000 + 2
- 2000 + 86
- 2000 + 1
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 630 + 89
- 2100 + 98
- 2100 + 43
- 2100 + 24
- 2100 + 54
-
-
- - +
-
+
+
+
+
+ +
+
+
+
- Test + Sub test lvl3
- 660 + 52
- 2200 + 25
- 2200 + 35
- 2200 + 97
- 2200 + 25
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 690 + 55
- 2300 + 54
- 2300 + 33
- 2300 + 56
- 2300 + 24
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 720 + 53
- 2400 + 63
- 2400 + 3
- 2400 + 48
- 2400 + 24
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 750 + 4
- 2500 + 653
- 2500 + 43
- 2500 + 44
- 2500 + 36
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 780 + 49
- 2600 + 45
- 2600 + 4
- 2600 + 35
- 2600 + 454
-
-
- - +
+
+
- Test -
-
- - 810 - -
-
+
+
+ +
+ + + + + +
+
+
+ Sub test lvl2 +
+
- 2700 + 96
- 2700 + + 8 + +
+
+ 23
- 2700 + 97
- 2700 + 2
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 840 + 63
- 2800 + 82
- 2800 + 46
- 2800 + 52
- 2800 + 59
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 870 + 64
- 2900 + 35
- 2900 + 5
- 2900 + 65
- 2900 + 78
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 900 + 12
- 3000 + 4
- 3000 + 5
- 3000 + 98
- 3000 + 44
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 930 + 74
- 3100 + 5
- 3100 + 2
- 3100 + 86
- 3100 + 1
-
-
- - +
-
+
+
+
+
+ +
+
+
+
- Test + Sub test lvl3
- 960 + 89
- 3200 + 98
- 3200 + 43
- 3200 + 24
- 3200 + 54
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 990 + 52
- 3300 + 25
- 3300 + 35
- 3300 + 97
- 3300 + 25
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 1020 + 55
- 3400 + 54
- 3400 + 33
- 3400 + 56
- 3400 + 24
-
-
- - + +
+
+
+
+
+
+ +
+ + + + + +
- Test + Sub test lvl2
- 1050 + 53
- 3500 + 63
- 3500 + 3
- 3500 + 48
- 3500 + 24
-
-
- - + +
+
+
+
+
+
+ +
+
- Test + Sub test lvl3
- 1080 + 4
- 3600 + 653
- 3600 + 43
- 3600 + 44
- 3600 + 36
-
-
- - +
+
+
- Test -
-
- - 1110 - -
-
- - 3700 - -
-
- 3700 -
-
- 3700 -
-
- - 3700 - -
-
-
-
- - - - - + +
+
- Test + Sub test lvl3
- 1140 + 49
- 3800 + 45
- 3800 + 4
- 3800 + 35
- 3800 + 454
-
-
- - -
-
- Test -
-
- - 1170 - -
-
- - 3900 - -
-
- 3900 -
-
- 3900 -
-
- - 3900 - +
@@ -46675,7 +48350,7 @@ Object { } `; -exports[`Table in RTL renders ExpandedWithModals 1`] = ` +exports[`Table in RTL renders ExpandedRows 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -46694,7 +48369,7 @@ Object {
Info
- Actions + Progress
-
- Profile Progress -
- Actions + Profile Progress
-
0
-
- - 0 - -
- + + 0 +
100
-
- - 100 - -
- + + 100 +
200
-
- - 200 - -
- + + 200 +
300
-
- - 300 - -
- + + 300 +
400
-
- - 400 - -
- + + 400 +
500
-
- - 500 - -
- + + 500 +
600
-
- - 600 - -
- + + 600 +
700
-
- - 700 - -
- + + 700 +
800
-
- - 800 - -
- + + 800 +
900
-
- - 900 - -
- + + 900 +
1000
-
- - 1000 - -
- + + 1000 +
1100
-
- - 1100 - -
- + + 1100 +
1200
-
- - 1200 - -
- + + 1200 +
1300
-
- - 1300 - -
- + + 1300 +
1400
-
- - 1400 - -
- + + 1400 +
1500
-
- - 1500 - -
- + + 1500 +
1600
-
- - 1600 - -
- + + 1600 +
1700
-
- - 1700 - -
- + + 1700 +
1800
-
- - 1800 - -
- + + 1800 +
1900
-
- - 1900 - -
- + + 1900 +
2000
-
- - 2000 - -
- + + 2000 +
2100
-
- - 2100 - -
- + + 2100 +
2200
-
- - 2200 - -
- + + 2200 +
2300
-
- - 2300 - -
- + + 2300 +
2400
-
- - 2400 - -
- + + 2400 +
2500
-
- - 2500 - -
- + + 2500 +
2600
-
- - 2600 - -
- + + 2600 +
2700
-
- - 2700 - -
- + + 2700 +
2800
-
- - 2800 - -
- + + 2800 +
2900
-
- - 2900 - -
- + + 2900 +
3000
-
- - 3000 - -
- + + 3000 +
3100
-
- - 3100 - -
- + + 3100 +
3200
-
- - 3200 - -
- + + 3200 +
3300
-
- - 3300 - -
- + + 3300 +
3400
-
- - 3400 - -
- + + 3400 +
3500
-
- - 3500 - -
- + + 3500 +
3600
-
- - 3600 - -
- + + 3600 +
3700
-
- - 3700 - -
- + + 3700 +
3800
-
- - 3800 - -
- + + 3800 +
3900
-
- - 3900 - -
- + + 3900 +
@@ -51382,7 +51997,7 @@ Object {
Info
- Actions + Progress
-
- Profile Progress -
- Actions + Profile Progress
-
0
-
- - 0 - -
- + + 0 +
100
-
- - 100 - -
- + + 100 +
200
-
- - 200 - -
- + + 200 +
300
-
- - 300 - -
- + + 300 +
400
-
- - 400 - -
- + + 400 +
500
+
+
- + +
+
+ Test +
+
+ + 180 + +
+
+ + 600 + +
+
+ 600 +
+
+ 600 +
+
+ + 600 +
- 180 + 210
- 600 + 700
- 600 + 700
- 600 -
-
- - 600 - + 700
- + + 700 +
- 210 + 240
- 700 + 800
- 700 + 800
- 700 -
-
- - 700 - + 800
- + + 800 +
- 240 + 270
- 800 + 900
- 800 + 900
- 800 -
-
- - 800 - + 900
- + + 900 +
- 270 + 300
- 900 + 1000
- 900 + 1000
- 900 -
-
- - 900 - + 1000
- + + 1000 +
- 300 + 330
- 1000 + 1100
- 1000 + 1100
- 1000 -
-
- - 1000 - + 1100
- + + 1100 +
- 330 + 360
- 1100 + 1200
- 1100 + 1200
- 1100 -
-
- - 1100 - + 1200
- + + 1200 +
- 360 + 390
- 1200 + 1300
- 1200 + 1300
- 1200 -
-
- - 1200 - + 1300
- + + 1300 +
- 390 + 420
- 1300 + 1400
- 1300 + 1400
- 1300 -
-
- - 1300 - + 1400
- + + 1400 +
- 420 + 450
- 1400 + 1500
- 1400 + 1500
- 1400 -
-
- - 1400 - + 1500
- + + 1500 +
- 450 + 480
- 1500 + 1600
- 1500 + 1600
- 1500 -
-
- - 1500 - + 1600
- + + 1600 +
- 480 + 510
- 1600 + 1700
- 1600 + 1700
- 1600 -
-
- - 1600 - + 1700
- + + 1700 +
- 510 + 540
- 1700 + 1800
- 1700 + 1800
- 1700 -
-
- - 1700 - + 1800
- + + 1800 +
- 540 + 570
- 1800 + 1900
- 1800 + 1900
- 1800 -
-
- - 1800 - + 1900
- -
-
-
-
- - - - - -
-
- Test -
-
- - 570 - -
-
- - 1900 - -
-
- 1900 -
-
- 1900 -
-
1900
-
- -
2000
-
- - 2000 - -
- + + 2000 +
2100
-
- - 2100 - -
- + + 2100 +
2200
-
- - 2200 - -
- + + 2200 +
2300
-
- - 2300 - -
- + + 2300 +
2400
-
- - 2400 - -
- + + 2400 +
2500
-
- - 2500 - -
- + + 2500 +
2600
-
- - 2600 - -
- + + 2600 +
2700
-
- - 2700 - -
- + + 2700 +
2800
-
- - 2800 - -
- + + 2800 +
2900
-
- - 2900 - -
- + + 2900 +
3000
-
- - 3000 - -
- + + 3000 +
3100
-
- - 3100 - -
- + + 3100 +
3200
-
- - 3200 - -
- + + 3200 +
3300
-
- - 3300 - -
- + + 3300 +
3400
-
- - 3400 - -
- + + 3400 +
3500
-
- - 3500 - -
- + + 3500 +
3600
-
- - 3600 - -
- + + 3600 +
3700
-
- - 3700 - -
- + + 3700 +
3800
-
- - 3800 - -
- + + 3800 +
3900
-
- - 3900 - -
- + + 3900 +
@@ -56108,7 +55663,7 @@ Object { } `; -exports[`Table in RTL renders LongData 1`] = ` +exports[`Table in RTL renders ExpandedWithModals 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -56119,7 +55674,7 @@ Object {
+ Expand + +
- Transactions + Name
Info
- Status + Actions
- Transaction UUID + + + + +
- User & Supplier user + First Name
- Process time + Age
- Client + Visits
- Game name & provider + Activity
- Amount + Status
- Currency + Profile Progress
- Status + Actions
@@ -56365,3001 +55953,4401 @@ Object {
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 0 +
- Bender (old) Coingaming + + 0 +
- Pragmatic Play + 0
- 22.97 + 0
-
- USD -
+ + 0 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 30 +
- Bender (old) Coingaming + + 100 +
- Pragmatic Play + 100
- 22.97 + 100
-
- USD -
+ + 100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 60 +
- Bender (old) Coingaming + + 200 +
- Pragmatic Play + 200
- 22.97 + 200
-
- USD -
+ + 200 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 90 +
- Bender (old) Coingaming + + 300 +
- Pragmatic Play + 300
- 22.97 + 300
-
- USD -
+ + 300 +
-
- SUCCESS -
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 120 +
- Bender (old) Coingaming + + 400 +
- Pragmatic Play + 400
- 22.97 + 400
-
- USD -
+ + 400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 150 +
- Bender (old) Coingaming + + 500 +
- Pragmatic Play + 500
- 22.97 + 500
-
- USD -
+ + 500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 180 +
- Bender (old) Coingaming + + 600 +
- Pragmatic Play + 600
- 22.97 + 600
-
- USD -
+ + 600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 210 +
- Bender (old) Coingaming + + 700 +
- Pragmatic Play + 700
- 22.97 + 700
-
- USD -
+ + 700 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 240 +
- Bender (old) Coingaming + + 800 +
- Pragmatic Play + 800
- 22.97 + 800
-
- USD -
+ + 800 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 270 +
- Bender (old) Coingaming + + 900 +
- Pragmatic Play + 900
- 22.97 + 900
-
- USD -
+ + 900 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 300 +
- Bender (old) Coingaming + + 1000 +
- Pragmatic Play + 1000
- 22.97 + 1000
-
- USD -
+ + 1000 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 330 +
- Bender (old) Coingaming + + 1100 +
- Pragmatic Play + 1100
- 22.97 + 1100
-
- USD -
+ + 1100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 360 +
- Bender (old) Coingaming + + 1200 +
- Pragmatic Play + 1200
- 22.97 + 1200
-
- USD -
+ + 1200 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 390 +
- Bender (old) Coingaming + + 1300 +
- Pragmatic Play + 1300
- 22.97 + 1300
-
- USD -
+ + 1300 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 420 +
- Bender (old) Coingaming + + 1400 +
- Pragmatic Play + 1400
- 22.97 + 1400
-
- USD -
+ + 1400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 450 +
- Bender (old) Coingaming + + 1500 +
- Pragmatic Play + 1500
- 22.97 + 1500
-
- USD -
+ + 1500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 480 +
- Bender (old) Coingaming + + 1600 +
- Pragmatic Play + 1600
- 22.97 + 1600
-
- USD -
+ + 1600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 510 +
- Bender (old) Coingaming + + 1700 +
- Pragmatic Play + 1700
- 22.97 + 1700
-
- USD -
+ + 1700 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 540 +
- Bender (old) Coingaming + + 1800 +
- Pragmatic Play + 1800
- 22.97 + 1800
-
- USD -
+ + 1800 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 570 +
- Bender (old) Coingaming + + 1900 +
- Pragmatic Play + 1900
- 22.97 + 1900
-
- USD -
+ + 1900 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 600 +
- Bender (old) Coingaming + + 2000 +
- Pragmatic Play + 2000
- 22.97 + 2000
-
- USD -
+ + 2000 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 630 +
- Bender (old) Coingaming + + 2100 +
- Pragmatic Play + 2100
- 22.97 + 2100
-
- USD -
+ + 2100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 660 +
- Bender (old) Coingaming + + 2200 +
- Pragmatic Play + 2200
- 22.97 + 2200
-
- USD -
+ + 2200 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 690 +
- Bender (old) Coingaming + + 2300 +
- Pragmatic Play + 2300
- 22.97 + 2300
-
- USD -
+ + 2300 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 720 +
- Bender (old) Coingaming + + 2400 +
- Pragmatic Play + 2400
- 22.97 + 2400
-
- USD -
+ + 2400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 750 +
- Bender (old) Coingaming + + 2500 +
- Pragmatic Play + 2500
- 22.97 + 2500
-
- USD -
+ + 2500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 780 +
- Bender (old) Coingaming + + 2600 +
- Pragmatic Play + 2600
- 22.97 + 2600
-
- USD -
+ + 2600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 810 +
- Bender (old) Coingaming + + 2700 +
- Pragmatic Play + 2700
- 22.97 + 2700
-
- USD -
+ + 2700 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 840 +
- Bender (old) Coingaming + + 2800 +
- Pragmatic Play + 2800
- 22.97 + 2800
-
- USD -
+ + 2800 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 870 +
- Bender (old) Coingaming + + 2900 +
- Pragmatic Play + 2900
- 22.97 + 2900
-
- USD -
+ + 2900 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 900 +
- Bender (old) Coingaming + + 3000 +
- Pragmatic Play + 3000
- 22.97 + 3000
-
- USD -
+ + 3000 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 930 +
- Bender (old) Coingaming + + 3100 +
- Pragmatic Play + 3100
- 22.97 + 3100
-
- USD -
+ + 3100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 960 +
- Bender (old) Coingaming + + 3200 +
- Pragmatic Play + 3200
- 22.97 + 3200
-
- USD -
+ + 3200 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 990 +
- Bender (old) Coingaming + + 3300 +
- Pragmatic Play + 3300
- 22.97 + 3300
-
- USD -
+ + 3300 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1020 +
- Bender (old) Coingaming + + 3400 +
- Pragmatic Play + 3400
- 22.97 + 3400
-
- USD -
+ + 3400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1050 +
- Bender (old) Coingaming + + 3500 +
- Pragmatic Play + 3500
- 22.97 + 3500
-
- USD -
+ + 3500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1080 +
- Bender (old) Coingaming + + 3600 +
- Pragmatic Play + 3600
- 22.97 + 3600
-
- USD -
+ + 3600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1110 +
- Bender (old) Coingaming + + 3700 +
- Pragmatic Play + 3700
- 22.97 + 3700
-
- USD -
+ + 3700 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1140 +
- Bender (old) Coingaming + + 3800 +
- Pragmatic Play + 3800
- 22.97 + 3800
-
- USD -
+ + 3800 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1170 +
- Bender (old) Coingaming + + 3900 +
- Pragmatic Play + 3900
- 22.97 + 3900
-
- USD -
+ + 3900 +
-
- SUCCESS -
+ + + +
@@ -59374,7 +60362,7 @@ Object {
+ Expand + +
- Transactions + Name
Info
- Status + Actions
- Transaction UUID + + + + +
- User & Supplier user + First Name
- Process time + Age
- Client + Visits
- Game name & provider + Activity
- Amount + Status
- Currency + Profile Progress
- Status + Actions
@@ -59620,3001 +60641,4401 @@ Object {
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 0 +
- Bender (old) Coingaming + + 0 +
- Pragmatic Play + 0
- 22.97 + 0
-
- USD -
+ + 0 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 30 +
- Bender (old) Coingaming + + 100 +
- Pragmatic Play + 100
- 22.97 + 100
-
- USD -
+ + 100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 60 +
- Bender (old) Coingaming + + 200 +
- Pragmatic Play + 200
- 22.97 + 200
-
- USD -
+ + 200 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 90 +
- Bender (old) Coingaming + + 300 +
- Pragmatic Play + 300
- 22.97 + 300
-
- USD -
+ + 300 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 120 +
- Bender (old) Coingaming + + 400 +
- Pragmatic Play + 400
- 22.97 + 400
-
- USD -
+ + 400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 150 +
- Bender (old) Coingaming + + 500 +
- Pragmatic Play + 500
- 22.97 + 500
-
- USD -
+ + 500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 180 +
- Bender (old) Coingaming + + 600 +
- Pragmatic Play + 600
- 22.97 + 600
-
- USD -
+ + 600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 210 +
- Bender (old) Coingaming + + 700 +
- Pragmatic Play + 700
- 22.97 + 700
-
- USD -
+ + 700 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 240 +
- Bender (old) Coingaming + + 800 +
- Pragmatic Play + 800
- 22.97 + 800
-
- USD -
+ + 800 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 270 +
- Bender (old) Coingaming + + 900 +
- Pragmatic Play + 900
- 22.97 + 900
-
- USD -
+ + 900 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 300 +
- Bender (old) Coingaming + + 1000 +
- Pragmatic Play + 1000
- 22.97 + 1000
-
- USD -
+ + 1000 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 330 +
- Bender (old) Coingaming + + 1100 +
- Pragmatic Play + 1100
- 22.97 + 1100
-
- USD -
+ + 1100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 360 +
- Bender (old) Coingaming + + 1200 +
- Pragmatic Play + 1200
- 22.97 + 1200
-
- USD -
+ + 1200 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 390 +
- Bender (old) Coingaming + + 1300 +
- Pragmatic Play + 1300
- 22.97 + 1300
-
- USD -
+ + 1300 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 420 +
- Bender (old) Coingaming + + 1400 +
- Pragmatic Play + 1400
- 22.97 + 1400
-
- USD -
+ + 1400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 450 +
- Bender (old) Coingaming + + 1500 +
- Pragmatic Play + 1500
- 22.97 + 1500
-
- USD -
+ + 1500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 480 +
- Bender (old) Coingaming + + 1600 +
- Pragmatic Play + 1600
- 22.97 + 1600
-
- USD -
+ + 1600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 510 +
- Bender (old) Coingaming + + 1700 +
- Pragmatic Play + 1700
- 22.97 + 1700
-
- USD -
+ + 1700 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 540 +
- Bender (old) Coingaming + + 1800 +
- Pragmatic Play + 1800
- 22.97 + 1800
-
- USD -
+ + 1800 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 570 +
- Bender (old) Coingaming + + 1900 +
- Pragmatic Play + 1900
- 22.97 + 1900
-
- USD -
+ + 1900 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 600 +
- Bender (old) Coingaming + + 2000 +
- Pragmatic Play + 2000
- 22.97 + 2000
-
- USD -
+ + 2000 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 630 +
- Bender (old) Coingaming + + 2100 +
- Pragmatic Play + 2100
- 22.97 + 2100
-
- USD -
+ + 2100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 660 +
- Bender (old) Coingaming + + 2200 +
- Pragmatic Play + 2200
- 22.97 + 2200
-
- USD -
+ + 2200 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 690 +
- Bender (old) Coingaming + + 2300 +
- Pragmatic Play + 2300
- 22.97 + 2300
-
- USD -
+ + 2300 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 720 +
- Bender (old) Coingaming + + 2400 +
- Pragmatic Play + 2400
- 22.97 + 2400
-
- USD -
+ + 2400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 750 +
- Bender (old) Coingaming + + 2500 +
- Pragmatic Play + 2500
- 22.97 + 2500
-
- USD -
+ + 2500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 780 +
- Bender (old) Coingaming + + 2600 +
- Pragmatic Play + 2600
- 22.97 + 2600
-
- USD -
+ + 2600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 810 +
- Bender (old) Coingaming + + 2700 +
- Pragmatic Play + 2700
- 22.97 + 2700
-
- USD -
+ + 2700 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 840 +
- Bender (old) Coingaming + + 2800 +
- Pragmatic Play + 2800
- 22.97 + 2800
-
- USD -
+ + 2800 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 870 +
- Bender (old) Coingaming + + 2900 +
- Pragmatic Play + 2900
- 22.97 + 2900
-
- USD -
+ + 2900 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 900 +
- Bender (old) Coingaming + + 3000 +
- Pragmatic Play + 3000
- 22.97 + 3000
-
- USD -
+ + 3000 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 930 +
- Bender (old) Coingaming + + 3100 +
- Pragmatic Play + 3100
- 22.97 + 3100
-
- USD -
+ + 3100 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 960 +
- Bender (old) Coingaming + + 3200 +
- Pragmatic Play + 3200
- 22.97 + 3200
-
- USD -
+ + 3200 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 990 +
- Bender (old) Coingaming + + 3300 +
- Pragmatic Play + 3300
- 22.97 + 3300
-
- USD -
+ + 3300 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1020 +
- Bender (old) Coingaming + + 3400 +
- Pragmatic Play + 3400
- 22.97 + 3400
-
- USD -
+ + 3400 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1050 +
- Bender (old) Coingaming + + 3500 +
- Pragmatic Play + 3500
- 22.97 + 3500
-
- USD -
+ + 3500 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1080 +
- Bender (old) Coingaming + + 3600 +
- Pragmatic Play + 3600
- 22.97 + 3600
-
- USD -
+ + 3600 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1110 +
- Bender (old) Coingaming + + 3700 +
- Pragmatic Play + 3700
- 22.97 + 3700
-
- USD -
+ + 3700 +
-
- SUCCESS -
-
-
-
-
+ + + +
+
+
+
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1140 +
- Bender (old) Coingaming + + 3800 +
- Pragmatic Play + 3800
- 22.97 + 3800
-
- USD -
+ + 3800 +
-
- SUCCESS -
+ + + +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + + + +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 1170 +
- Bender (old) Coingaming + + 3900 +
- Pragmatic Play + 3900
- 22.97 + 3900
-
- USD -
+ + 3900 +
-
- SUCCESS -
+ + + +
@@ -62675,7 +65096,7 @@ Object { } `; -exports[`Table in RTL renders MiniMap 1`] = ` +exports[`Table in RTL renders LongData 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -62684,5411 +65105,6504 @@ Object { dir="rtl" >
+ Transactions
- Name - -
- Info - -
- Progress - + class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Info
- First Name - -
- Last Name - -
- Age - -
- Visits - -
- Activity - -
- Profile Progress - + class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Status
-
+
+
+
+
+ Transaction UUID
+
+
+ User & Supplier user
+
+
+ Process time
+
+
+ Client
-
-
+ Game name & provider
- Test -
-
- Test -
-
- - 0 - -
-
- - 0 - -
-
- 0 -
-
- - 0 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Amount
- Test -
-
- Test -
-
- - 30 - -
-
- - 100 - -
-
- 100 -
-
- - 100 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Currency
- Test -
-
- Test -
-
- - 60 - -
-
- - 200 - -
-
- 200 -
-
- - 200 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Status
- Test -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 90 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 300 - + USD
+
+
- 300 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 300 - + USD
- Test -
-
- Test -
-
- - 120 - -
-
- - 400 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- 400 + USD
+
+
- - 400 - + SUCCESS
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 150 - + USD
+
+
- - 500 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- 500 + USD
+
+
- - 500 - + SUCCESS
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 180 - + USD
+
+
- - 600 - -
-
- 600 -
-
- - 600 - + SUCCESS
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test -
-
- Test + USD
+
+
- - 210 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 700 - + USD
+
+
- 700 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 700 - + USD
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 240 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 800 - + USD
+
+
- 800 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 800 - + USD
- Test -
-
- Test -
-
- - 270 - -
-
- - 900 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- 900 + USD
+
+
- - 900 - + SUCCESS
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 300 - + USD
+
+
- - 1000 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- 1000 + USD
+
+
- - 1000 - + SUCCESS
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 330 - + USD
+
+
- - 1100 - -
-
- 1100 -
-
- - 1100 - + SUCCESS
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test -
-
- Test + USD
+
+
- - 360 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 1200 - + USD
+
+
- 1200 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 1200 - + USD
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 390 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 1300 - + USD
+
+
- 1300 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 1300 - + USD
- Test -
-
- Test -
-
- - 420 - -
-
- - 1400 - -
-
- 1400 -
-
- - 1400 - + SUCCESS
+
+
-
- Test -
-
- Test -
-
- - 450 - -
-
- - 1500 - -
-
- 1500 -
-
- - 1500 - -
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-
- Test -
-
- Test -
-
- - 480 - -
-
- - 1600 - -
-
- 1600 -
-
- - 1600 - -
+ aleksandr@heathmonitoring.com
-
- Test -
-
- Test -
-
- - 510 - -
-
- - 1700 - -
-
- 1700 -
-
- - 1700 - -
+ 2023-09-19T14:31:46.105Z
-
- Test -
-
- Test -
-
- - 540 - -
-
- - 1800 - -
-
- 1800 -
-
- - 1800 - -
+ Bender (old) Coingaming
+ Pragmatic Play +
+
+ 22.97 +
+
- Test -
-
- Test -
-
- - 570 - -
-
- - 1900 - -
-
- 1900 + USD
+
+
- - 1900 - + SUCCESS
-
-
-
-
- , - "container":
-
-
-
-
-
+ class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 text-bulma bg-goku border-goku" + role="cell" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px;" + > + Pragmatic Play +
- Name -
- Info
- Progress
- First Name -
- Last Name -
- Age -
- Visits -
+ Pragmatic Play +
+
+ 22.97 +
+
- Activity
- Profile Progress
+ role="cell" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 0px;" + > + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
-
-
-
-
-
-
-
-
+ role="cell" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 10px; width: 150px; position: sticky; z-index: 3; left: 150px;" + > + aleksandr@heathmonitoring.com +
- Test + 2023-09-19T14:31:46.105Z
- Test + Bender (old) Coingaming
- - 0 - + Pragmatic Play
- - 0 - + 22.97
- 0 +
+ USD +
- - 0 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 30 - + 2023-09-19T14:31:46.105Z
- - 100 - + Bender (old) Coingaming
- 100 + Pragmatic Play
+ 22.97 +
+
+
+ USD +
+
+
- - 100 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 60 - + 2023-09-19T14:31:46.105Z
- - 200 - + Bender (old) Coingaming
- 200 + Pragmatic Play
+ 22.97 +
+
+
+ USD +
+
+
- - 200 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 90 - + 2023-09-19T14:31:46.105Z
- - 300 - + Bender (old) Coingaming
- 300 + Pragmatic Play
+ 22.97 +
+
+
+ USD +
+
+
- - 300 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 120 - + 2023-09-19T14:31:46.105Z
- - 400 - + Bender (old) Coingaming
- 400 + Pragmatic Play
+ 22.97 +
+
+
+ USD +
+
+
- - 400 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 150 - + 2023-09-19T14:31:46.105Z
- - 500 - + Bender (old) Coingaming
- 500 -
-
- - 500 - -
-
-
-
- Test -
-
- Test -
-
- - 180 - + Pragmatic Play
- - 600 - + 22.97
- 600 +
+ USD +
- - 600 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test -
-
- - 210 - -
-
- - 700 - -
-
- 700 -
-
- - 700 - + aleksandr@heathmonitoring.com
-
-
- Test + 2023-09-19T14:31:46.105Z
- Test + Bender (old) Coingaming
- - 240 - + Pragmatic Play
- - 800 - + 22.97
- 800 +
+ USD +
- - 800 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test -
-
- - 270 - -
-
- - 900 - -
-
- 900 -
-
- - 900 - + aleksandr@heathmonitoring.com
-
-
- Test + 2023-09-19T14:31:46.105Z
- Test + Bender (old) Coingaming
- - 300 - + Pragmatic Play
- - 1000 - + 22.97
- 1000 +
+ USD +
- - 1000 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test -
-
- - 330 - -
-
- - 1100 - -
-
- 1100 -
-
- - 1100 - + aleksandr@heathmonitoring.com
-
-
- Test + 2023-09-19T14:31:46.105Z
- Test + Bender (old) Coingaming
- - 360 - + Pragmatic Play
- - 1200 - + 22.97
- 1200 +
+ USD +
- - 1200 - +
+ SUCCESS +
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test -
-
- - 390 - -
-
- - 1300 - -
-
- 1300 -
-
- - 1300 - + aleksandr@heathmonitoring.com
-
-
- Test + 2023-09-19T14:31:46.105Z
- Test + Bender (old) Coingaming
- - 420 - + Pragmatic Play
- - 1400 - + 22.97
- 1400 +
+ USD +
- - 1400 - +
+ SUCCESS +
+
+
+
+
+ , + "container":
+
+
+
+
+ Transactions
- Test -
-
- Test -
-
- - 450 - -
-
- - 1500 - -
-
- 1500 -
-
- - 1500 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Info
- Test -
-
- Test -
-
- - 480 - -
-
- - 1600 - -
-
- 1600 -
-
- - 1600 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Status
- Test -
-
- Test -
-
- - 510 - -
-
- - 1700 - -
-
- 1700 -
-
- - 1700 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+
+
+ Transaction UUID
- Test -
-
- Test -
-
- - 540 - -
-
- - 1800 - -
-
- 1800 -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ User & Supplier user
- - 1800 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
+ Process time
- Test -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Client
- Test -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Game name & provider
- - 570 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Amount
- - 1900 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Currency
- 1900 -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + /> +
+
+ Status
- - 1900 - -
+ class="inline-block w-px h-full absolute top-0 end-0 z-1 after:content-none after:absolute after:w-px after:h-[70%] after:bottom-[15%] after:end-0" + draggable="false" + role="separator" + style="cursor: col-resize;" + />
-
-