From 5bc74ca41692562603504cdbbf06a9011e9decd3 Mon Sep 17 00:00:00 2001 From: moon-ds Date: Wed, 4 Oct 2023 17:40:27 +0500 Subject: [PATCH 01/14] feat: a new example page for the TabsInput component has been created --- next-docs/components/components.ts | 4 + next-docs/pages/components/tagsInput.tsx | 101 ++++++++++++ next-docs/public/components/tagsinput.png | Bin 0 -> 47031 bytes .../public/examples/tagsInput/Default.tsx | 8 + .../__snapshots__/index.test.tsx.snap | 147 ++++++++++++++++++ .../tagsInput/__tests__/index.test.tsx | 24 +++ 6 files changed, 284 insertions(+) create mode 100644 next-docs/pages/components/tagsInput.tsx create mode 100644 next-docs/public/components/tagsinput.png create mode 100644 next-docs/public/examples/tagsInput/Default.tsx create mode 100644 next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap create mode 100644 next-docs/public/examples/tagsInput/__tests__/index.test.tsx diff --git a/next-docs/components/components.ts b/next-docs/components/components.ts index 337d0459c8..a93af115eb 100644 --- a/next-docs/components/components.ts +++ b/next-docs/components/components.ts @@ -143,6 +143,10 @@ const components = [ name: 'Tag', text: 'Tags represent a set of interactive keywords that help organise and categorise objects.', }, + { + name: 'TagsInput', + text: 'TagsInput is an extension of the text input fields. This component allows users to both enter text and capture input results and display them as well.', + }, { name: 'Textarea', text: 'A form control for editing multi-line text.', diff --git a/next-docs/pages/components/tagsInput.tsx b/next-docs/pages/components/tagsInput.tsx new file mode 100644 index 0000000000..55243821c8 --- /dev/null +++ b/next-docs/pages/components/tagsInput.tsx @@ -0,0 +1,101 @@ +import Preview from '../../components/codePreview/Preview'; +import ComponentPageDescription from '../../components/ComponentPageDescription'; +import type { ComponentNames } from '../../components/getComponent'; +import Layout from '../../components/Layout'; +/*import PropsTable from '../../components/PropsTable';*/ +import Default from '../../public/examples/tagsInput/Default'; +import useComponent from '../../utils/useComponent'; + +const COMPONENT_NAME: ComponentNames = 'TagsInput'; + +const PageTagsInput = () => { + const { examples, name, text, image } = useComponent(COMPONENT_NAME); + + return ( + <> + +

{text}

+

+ These selected text entries are being dispalyed as tags. Tags represent a set of interactive keywords that help organise and categorise objects. +

+

+ Tags can be added or removed from an input element. +

+ + + } + code={examples ? examples.Default : 'Loading'} + /> +{/* + + */} + + ); +}; + +PageTagsInput.getLayout = function getLayout(page: React.ReactNode) { + return {page}; +}; + +export default PageTagsInput; diff --git a/next-docs/public/components/tagsinput.png b/next-docs/public/components/tagsinput.png new file mode 100644 index 0000000000000000000000000000000000000000..684224407307034e8ce81e0116d3266d288dd2b6 GIT binary patch literal 47031 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

GbI@ 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 NArj8u^H15`{U1TqS(yL; literal 0 HcmV?d00001 diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx new file mode 100644 index 0000000000..071dc8c727 --- /dev/null +++ b/next-docs/public/examples/tagsInput/Default.tsx @@ -0,0 +1,8 @@ +const Example = () => { + return ( +

+ ); +}; + +export default Example; diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap new file mode 100644 index 0000000000..752c8369f6 --- /dev/null +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -0,0 +1,147 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Combobox in RTL renders Default 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 Default 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], +} +`; diff --git a/next-docs/public/examples/tagsInput/__tests__/index.test.tsx b/next-docs/public/examples/tagsInput/__tests__/index.test.tsx new file mode 100644 index 0000000000..c522be0004 --- /dev/null +++ b/next-docs/public/examples/tagsInput/__tests__/index.test.tsx @@ -0,0 +1,24 @@ +/** + * @jest-environment jsdom + */ + +import { cleanup, render } from '@testing-library/react'; +import Default from '../Default'; + +const withRtl = (component: JSX.Element) =>
{component}
; + +describe('Combobox', () => { + afterEach(cleanup); + it('renders Default', () => { + const tree = render(); + expect(tree).toMatchSnapshot(); + }); +}); + +describe('Combobox in RTL', () => { + afterEach(cleanup); + it('renders Default', () => { + const tree = render(withRtl()); + expect(tree).toMatchSnapshot(); + }); +}); From 2718011fa4ebc99e2b9015e36e39a904a493fdce Mon Sep 17 00:00:00 2001 From: moon-ds Date: Thu, 5 Oct 2023 14:50:21 +0500 Subject: [PATCH 02/14] feat: a new TagsInput component has been created --- .../public/examples/tagsInput/Default.tsx | 16 + .../__snapshots__/index.test.tsx.snap | 544 +++++++++++++++++- workspaces/core/src/index.ts | 2 + workspaces/core/src/tagsInput/TagsInput.tsx | 160 ++++++ 4 files changed, 718 insertions(+), 4 deletions(-) create mode 100644 workspaces/core/src/tagsInput/TagsInput.tsx diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx index 071dc8c727..4867e85bb9 100644 --- a/next-docs/public/examples/tagsInput/Default.tsx +++ b/next-docs/public/examples/tagsInput/Default.tsx @@ -1,6 +1,22 @@ +import { TagsInput } from "@heathmont/moon-core-tw"; +import { useCallback, useState } from "react"; + const Example = () => { + const [selected, setSelected] = useState(['irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng', 'cwejn', 'efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow']); + + const onClear = useCallback((index: number) => { + const items = selected; + items.splice(index, 1); + setSelected(items); + }, [selected, setSelected]); + return (
+
); }; diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap index 752c8369f6..ef70a8fb46 100644 --- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -10,7 +10,141 @@ Object { >
+ > + +
+ +
+ +
+ + irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng + + + + + + +
+ +
+ + +
+ +
+ + cwejn + + + + + + +
+ +
+ + +
+ +
+ + efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow + + + + + + +
+ +
+ +
+ + +
, @@ -20,7 +154,141 @@ Object { >
+ > + +
+ +
+ +
+ + irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng + + + + + + +
+ +
+ + +
+ +
+ + cwejn + + + + + + +
+ +
+ + +
+ +
+ + efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow + + + + + + +
+ +
+ +
+ + +
, "debug": [Function], @@ -84,13 +352,281 @@ Object {
+ > + +
+ +
+ +
+ + irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng + + + + + + +
+ +
+ + +
+ +
+ + cwejn + + + + + + +
+ +
+ + +
+ +
+ + efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow + + + + + + +
+ +
+ +
+ + +
, "container":
+ > + +
+ +
+ +
+ + irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng + + + + + + +
+ +
+ + +
+ +
+ + cwejn + + + + + + +
+ +
+ + +
+ +
+ + efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow + + + + + + +
+ +
+ +
+ + +
, "debug": [Function], "findAllByAltText": [Function], diff --git a/workspaces/core/src/index.ts b/workspaces/core/src/index.ts index 2fc7415419..9c7dfd037e 100644 --- a/workspaces/core/src/index.ts +++ b/workspaces/core/src/index.ts @@ -80,6 +80,8 @@ export { default as Tabs } from './tabs/Tabs'; export * from './tabs/Tabs'; export { default as Tag } from './tag/Tag'; export * from './tag/Tag'; +export { default as TagsInput } from './tagsInput/TagsInput'; +export * from './tagsInput/TagsInput'; export { default as TextInput } from './textInput/TextInput'; export * from './textInput/TextInput'; export { default as TextInputGroup } from './textInputGroup/TextInputGroup'; diff --git a/workspaces/core/src/tagsInput/TagsInput.tsx b/workspaces/core/src/tagsInput/TagsInput.tsx new file mode 100644 index 0000000000..064ea23df3 --- /dev/null +++ b/workspaces/core/src/tagsInput/TagsInput.tsx @@ -0,0 +1,160 @@ +import React, { EventHandler, KeyboardEventHandler, SyntheticEvent, forwardRef, useEffect, useState } from "react"; +import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; + +type Size = 'sm' | 'md' | 'lg' | 'xl'; + +type SelectedItemProps = { + index: number; + label: string; + className?: string; + disabled?: boolean; + isError?: boolean; + size?: Size; + onClear?: (index: number) => void; +} + +type TagsInputProps = { + selected?: string[]; + className?: string; + placeholder?: string; + disabled?: boolean; + isError?: boolean; + type?: string; + size?: Size; + onClear?: (index: number) => void; + popper?: { + styles?: { [key: string]: React.CSSProperties }; + attributes?: { [key: string]: { [key: string]: string } | undefined }; + setAnchor: React.Dispatch>; + setPopper: React.Dispatch< + React.SetStateAction + >; + }; +}; + +const TagsInput = forwardRef(({ + selected = [], + type, + size = 'md', + className, + placeholder, + disabled, + isError, + onClear, +}, + ref +) => { + const [isFocused, setIsFocused] = useState(false); + + return ( + +
+ {selected.map((text, index) => { + return + })} +
+ setIsFocused(true)} + onBlur={() => setIsFocused(false)} + /*ref={popper?.setAnchor}*/ + /> + + ); +}); + +const SelectedItem = ({ + className, + index, + label, + size, + disabled, + isError, + onClear, + ...rest +}: SelectedItemProps) => { + + return ( + div]:max-w-full', + className + )} + > + + + onClear && onClear(index)} + > + + {label} + + + + + + ); +} + +const getSizeStyles = (size?: string, innerLabel?: boolean) => { + const isLabel = innerLabel !== undefined && innerLabel; + + return mergeClassnames( + size === 'sm' && 'py-1.5 px-2 rounded-moon-i-xs', + (size === 'sm' || isLabel) && 'py-2 px-3 rounded-moon-i-xs gap-x-3', + size === 'lg' && 'py-3 px-3 rounded-moon-i-sm', + (size === 'xl' || isLabel) && 'py-3 px-4 rounded-moon-i-sm gap-x-4' + ); +}; + +const getTextSizes = (size: Size = 'md') => { + return ( + { + sm: 'text-moon-14 leading-4', + md: 'text-moon-16 leading-5', + lg: 'text-moon-18 leading-5', + xl: 'text-moon-20 leading-5', + }[size] || 'text-moon-16 leading-5' + ); +}; + +export default TagsInput; From 6fd69ca1461a1f6558170c5e90c7d6c2ea89c7bc Mon Sep 17 00:00:00 2001 From: moon-ds Date: Thu, 5 Oct 2023 15:31:46 +0500 Subject: [PATCH 03/14] feat: data can be selected and cleared in the TagsInput element --- .../public/examples/tagsInput/Default.tsx | 17 +- .../__snapshots__/index.test.tsx.snap | 500 +----------------- workspaces/core/src/tagsInput/TagsInput.tsx | 3 + 3 files changed, 26 insertions(+), 494 deletions(-) diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx index 4867e85bb9..4f726cf3d8 100644 --- a/next-docs/public/examples/tagsInput/Default.tsx +++ b/next-docs/public/examples/tagsInput/Default.tsx @@ -2,19 +2,32 @@ import { TagsInput } from "@heathmont/moon-core-tw"; import { useCallback, useState } from "react"; const Example = () => { - const [selected, setSelected] = useState(['irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng', 'cwejn', 'efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow']); + const [selected, setSelected] = useState([]); + + const onEnter = useCallback((event: React.KeyboardEvent) => { + if (event.code === 'Enter') { + const input = event.target as HTMLInputElement; + if (input.value.length) { + const items = selected; + items.push(input.value); + setSelected(items); + input.value = ''; + } + } + }, []); const onClear = useCallback((index: number) => { const items = selected; items.splice(index, 1); setSelected(items); - }, [selected, setSelected]); + }, []); return (
diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap index ef70a8fb46..1753c08230 100644 --- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -12,133 +12,12 @@ Object { class="flex flex-col lg:flex-row lg:justify-center items-center w-full gap-4" >
- -
- -
- - irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng - - - - - - -
- -
- - -
- -
- - cwejn - - - - - - -
- -
- - -
- -
- - efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow - - - - - - -
- -
- -
+ />
- -
- -
- - irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng - - - - - - -
- -
- - -
- -
- - cwejn - - - - - - -
- -
- - -
- -
- - efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow - - - - - - -
- -
- -
+ />
- -
- -
- - irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng - - - - - - -
- -
- - -
- -
- - cwejn - - - - - - -
- -
- - -
- -
- - efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow - - - - - - -
- -
- -
+ />
- -
- -
- - irgjogjoeirjgoerjg kkh wiu giwg iwn gjigew iwjng - - - - - - -
- -
- - -
- -
- - cwejn - - - - - - -
- -
- - -
- -
- - efoijoe iuehi hfiuhwfiueh iuehfiuwhefiwh fiecjwoiejow - - - - - - -
- -
- -
+ /> ) => void; onClear?: (index: number) => void; popper?: { styles?: { [key: string]: React.CSSProperties }; @@ -40,6 +41,7 @@ const TagsInput = forwardRef(({ placeholder, disabled, isError, + onEnter, onClear, }, ref @@ -87,6 +89,7 @@ const TagsInput = forwardRef(({ error={isError} disabled={disabled} type={type ? type : 'text'} + onKeyDown={(e) => { onEnter && onEnter(e)} } onFocus={() => setIsFocused(true)} onBlur={() => setIsFocused(false)} /*ref={popper?.setAnchor}*/ From af9c7e91b29ef07384f1a10049d77919f3e10c29 Mon Sep 17 00:00:00 2001 From: moon-ds Date: Thu, 5 Oct 2023 17:38:40 +0500 Subject: [PATCH 04/14] fix: the callback functions were optimized --- next-docs/pages/components/tagsInput.tsx | 11 +- .../public/examples/tagsInput/Default.tsx | 16 +- workspaces/core/src/tagsInput/TagsInput.tsx | 146 +++++++++++------- 3 files changed, 98 insertions(+), 75 deletions(-) diff --git a/next-docs/pages/components/tagsInput.tsx b/next-docs/pages/components/tagsInput.tsx index 55243821c8..41f579ef12 100644 --- a/next-docs/pages/components/tagsInput.tsx +++ b/next-docs/pages/components/tagsInput.tsx @@ -2,7 +2,7 @@ import Preview from '../../components/codePreview/Preview'; import ComponentPageDescription from '../../components/ComponentPageDescription'; import type { ComponentNames } from '../../components/getComponent'; import Layout from '../../components/Layout'; -/*import PropsTable from '../../components/PropsTable';*/ +import PropsTable from '../../components/PropsTable'; import Default from '../../public/examples/tagsInput/Default'; import useComponent from '../../utils/useComponent'; @@ -34,11 +34,11 @@ const PageTagsInput = () => { preview={} code={examples ? examples.Default : 'Loading'} /> -{/* + { required: false, default: '-', description: 'Tailwind classes for customization', - }, + }, */ ]} /> - */} ); }; diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx index 4f726cf3d8..b903853aa0 100644 --- a/next-docs/public/examples/tagsInput/Default.tsx +++ b/next-docs/public/examples/tagsInput/Default.tsx @@ -1,19 +1,13 @@ import { TagsInput } from "@heathmont/moon-core-tw"; -import { useCallback, useState } from "react"; +import { useCallback, useEffect, useState } from "react"; const Example = () => { const [selected, setSelected] = useState([]); - const onEnter = useCallback((event: React.KeyboardEvent) => { - if (event.code === 'Enter') { - const input = event.target as HTMLInputElement; - if (input.value.length) { - const items = selected; - items.push(input.value); - setSelected(items); - input.value = ''; - } - } + const onEnter = useCallback((value: string) => { + const items = selected; + items.push(value); + setSelected(items); }, []); const onClear = useCallback((index: number) => { diff --git a/workspaces/core/src/tagsInput/TagsInput.tsx b/workspaces/core/src/tagsInput/TagsInput.tsx index 3a4bf23979..7f72b4780f 100644 --- a/workspaces/core/src/tagsInput/TagsInput.tsx +++ b/workspaces/core/src/tagsInput/TagsInput.tsx @@ -1,5 +1,6 @@ -import React, { EventHandler, KeyboardEventHandler, SyntheticEvent, forwardRef, useEffect, useState } from "react"; +import React, { EventHandler, KeyboardEventHandler, SyntheticEvent, createContext, forwardRef, useEffect, useState } from "react"; import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; +import { usePopper } from "react-popper"; type Size = 'sm' | 'md' | 'lg' | 'xl'; @@ -21,7 +22,7 @@ type TagsInputProps = { isError?: boolean; type?: string; size?: Size; - onEnter?: (e: React.KeyboardEvent) => void; + onEnter?: (value: string) => void; onClear?: (index: number) => void; popper?: { styles?: { [key: string]: React.CSSProperties }; @@ -33,9 +34,24 @@ type TagsInputProps = { }; }; +type TagsInputState = { + value?: unknown; + popper?: { + styles?: { [key: string]: React.CSSProperties }; + attributes?: { [key: string]: { [key: string]: string } | undefined }; + setAnchor: React.Dispatch>; + setPopper: React.Dispatch< + React.SetStateAction + >; + }; +}; + +const TagsInputContext = createContext({}); +TagsInputContext.displayName = 'TagsInputContext'; + const TagsInput = forwardRef(({ selected = [], - type, + type = 'text', size = 'md', className, placeholder, @@ -43,58 +59,83 @@ const TagsInput = forwardRef(({ isError, onEnter, onClear, + popper, }, ref ) => { const [isFocused, setIsFocused] = useState(false); + const [anchorEl, setAnchorEl] = React.useState(); + const [popperEl, setPopperEl] = React.useState(); + + let { styles, attributes } = usePopper(anchorEl, popperEl); + + const states = { + value: selected, + popper: { + styles: styles, + attributes: attributes, + setAnchor: setAnchorEl, + setPopper: setPopperEl, + } + } return ( - -
- {selected.map((text, index) => { - return - })} -
- + { onEnter && onEnter(e)} } - onFocus={() => setIsFocused(true)} - onBlur={() => setIsFocused(false)} - /*ref={popper?.setAnchor}*/ - /> - + ref={ref} + > +
+ {states.value.map((text, index) => { + return + })} +
+ { + e.code === 'Enter' + && (e.target as HTMLInputElement).value.length + && onEnter + && onEnter((e.target as HTMLInputElement).value); + e.code === 'Enter' + && ((e.target as HTMLInputElement).value = '') + }} + onFocus={() => setIsFocused(true)} + onBlur={() => setIsFocused(false)} + ref={states.popper?.setAnchor} + /> + + ); }); @@ -138,17 +179,6 @@ const SelectedItem = ({ ); } -const getSizeStyles = (size?: string, innerLabel?: boolean) => { - const isLabel = innerLabel !== undefined && innerLabel; - - return mergeClassnames( - size === 'sm' && 'py-1.5 px-2 rounded-moon-i-xs', - (size === 'sm' || isLabel) && 'py-2 px-3 rounded-moon-i-xs gap-x-3', - size === 'lg' && 'py-3 px-3 rounded-moon-i-sm', - (size === 'xl' || isLabel) && 'py-3 px-4 rounded-moon-i-sm gap-x-4' - ); -}; - const getTextSizes = (size: Size = 'md') => { return ( { From 39f03fc5d2d9471ed38a2106166cccbcf60181a8 Mon Sep 17 00:00:00 2001 From: moon-ds Date: Thu, 5 Oct 2023 21:34:09 +0500 Subject: [PATCH 05/14] fix: the functionality of the component has been restored --- .../public/examples/tagsInput/Default.tsx | 20 +++---- workspaces/core/src/tagsInput/TagsInput.tsx | 54 +++++++++++-------- 2 files changed, 41 insertions(+), 33 deletions(-) diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx index b903853aa0..deb0a70a7e 100644 --- a/next-docs/public/examples/tagsInput/Default.tsx +++ b/next-docs/public/examples/tagsInput/Default.tsx @@ -1,20 +1,16 @@ import { TagsInput } from "@heathmont/moon-core-tw"; -import { useCallback, useEffect, useState } from "react"; +import { useCallback, useState } from "react"; const Example = () => { const [selected, setSelected] = useState([]); const onEnter = useCallback((value: string) => { - const items = selected; - items.push(value); - setSelected(items); - }, []); + setSelected([...selected, value]); + }, [selected, setSelected]); const onClear = useCallback((index: number) => { - const items = selected; - items.splice(index, 1); - setSelected(items); - }, []); + setSelected(selected.filter((item, id) => id !== index)); + }, [selected, setSelected]); return (
@@ -23,7 +19,11 @@ const Example = () => { className="max-w-xs" onEnter={onEnter} onClear={onClear} - /> + > + {selected.map((text, index) => ( + + ))} +
); }; diff --git a/workspaces/core/src/tagsInput/TagsInput.tsx b/workspaces/core/src/tagsInput/TagsInput.tsx index 7f72b4780f..cca06bf9f5 100644 --- a/workspaces/core/src/tagsInput/TagsInput.tsx +++ b/workspaces/core/src/tagsInput/TagsInput.tsx @@ -1,6 +1,6 @@ -import React, { EventHandler, KeyboardEventHandler, SyntheticEvent, createContext, forwardRef, useEffect, useState } from "react"; -import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; +import React, { createContext, forwardRef, useContext, useState } from "react"; import { usePopper } from "react-popper"; +import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; type Size = 'sm' | 'md' | 'lg' | 'xl'; @@ -8,13 +8,10 @@ type SelectedItemProps = { index: number; label: string; className?: string; - disabled?: boolean; - isError?: boolean; - size?: Size; - onClear?: (index: number) => void; } type TagsInputProps = { + children?: React.ReactNode; selected?: string[]; className?: string; placeholder?: string; @@ -36,6 +33,10 @@ type TagsInputProps = { type TagsInputState = { value?: unknown; + size?: Size; + disabled?: boolean; + isError?: boolean; + onClear?: (index: number) => void; popper?: { styles?: { [key: string]: React.CSSProperties }; attributes?: { [key: string]: { [key: string]: string } | undefined }; @@ -49,7 +50,19 @@ type TagsInputState = { const TagsInputContext = createContext({}); TagsInputContext.displayName = 'TagsInputContext'; -const TagsInput = forwardRef(({ +const useTagsInputContext = (component: string) => { + const context = useContext(TagsInputContext); + if (context === null) { + const err = new Error( + `<${component}> is missing a parent component.` + ); + throw err; + } + return context; +}; + +const TagsInputRoot = forwardRef(({ + children, selected = [], type = 'text', size = 'md', @@ -71,6 +84,10 @@ const TagsInput = forwardRef(({ const states = { value: selected, + size: size, + disabled: disabled, + isError: isError, + onClear: onClear, popper: { styles: styles, attributes: attributes, @@ -101,16 +118,7 @@ const TagsInput = forwardRef(({ ref={ref} >
- {states.value.map((text, index) => { - return - })} + {children}
{ - + const { size, disabled, isError, onClear } = useTagsInputContext('TagstInput.SelectedItem'); return ( onClear && onClear(index)} + onClear={() => !disabled && onClear && onClear(index)} > { ); }; +const TagsInput = Object.assign(TagsInputRoot, { + SelectedItem, +}); + export default TagsInput; From 991096c9013b7447a24bf2c270efe8d11ec5c44e Mon Sep 17 00:00:00 2001 From: moon-ds Date: Fri, 6 Oct 2023 11:40:01 +0500 Subject: [PATCH 06/14] feat: the TagsInput component and its demo page are completed --- next-docs/pages/components/tagsInput.tsx | 70 ++++++- workspaces/core/src/tagsInput/TagsInput.tsx | 178 +++++++----------- .../core/src/tagsInput/private/types/Case.ts | 3 + .../private/types/SelectedItemProps.ts | 7 + .../core/src/tagsInput/private/types/Size.ts | 3 + .../private/types/TagsInputRootProps.ts | 29 +++ .../tagsInput/private/types/TagsInputState.ts | 21 +++ .../private/utils/useTagsInputContext.ts | 18 ++ .../tagsInput/private/utils/useTextCase.ts | 13 ++ .../tagsInput/private/utils/useTextSizes.ts | 14 ++ 10 files changed, 234 insertions(+), 122 deletions(-) create mode 100644 workspaces/core/src/tagsInput/private/types/Case.ts create mode 100644 workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts create mode 100644 workspaces/core/src/tagsInput/private/types/Size.ts create mode 100644 workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts create mode 100644 workspaces/core/src/tagsInput/private/types/TagsInputState.ts create mode 100644 workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts create mode 100644 workspaces/core/src/tagsInput/private/utils/useTextCase.ts create mode 100644 workspaces/core/src/tagsInput/private/utils/useTextSizes.ts diff --git a/next-docs/pages/components/tagsInput.tsx b/next-docs/pages/components/tagsInput.tsx index 41f579ef12..41eddf7149 100644 --- a/next-docs/pages/components/tagsInput.tsx +++ b/next-docs/pages/components/tagsInput.tsx @@ -25,7 +25,7 @@ const PageTagsInput = () => { These selected text entries are being dispalyed as tags. Tags represent a set of interactive keywords that help organise and categorise objects.

- Tags can be added or removed from an input element. + Tags can be added by pressing the Enter key or removed by the mouse click from the input element.

@@ -38,7 +38,21 @@ const PageTagsInput = () => { { description: 'Placeholder for input', }, { - name: 'error', + name: 'isError', type: 'boolean', required: false, default: 'false', @@ -74,19 +88,61 @@ const PageTagsInput = () => { description: 'Set disabled/non-disabled', }, { - name: 'dir', - type: 'ltr | rtl | auto', + name: 'className', + type: 'string', + required: false, + default: '-', + description: 'Tailwind classes for customization', + }, + { + name: 'tagsCase', + type: 'normal | lower | capitalize', + required: false, + default: '-', + description: 'Sets the case of the tag`s text. By default, it is set to upper case.', + }, + { + name: 'onEnter', + type: '(value: string) => void;', + required: false, + default: '-', + description: 'The function to select the text and append it to the tag set.', + }, + { + name: 'onClear', + type: '(index: number) => void', required: false, default: '-', - description: 'RTL/LTR direction of label', + description: + 'The function to remove the selected tag.', }, + ]} + /> + + diff --git a/workspaces/core/src/tagsInput/TagsInput.tsx b/workspaces/core/src/tagsInput/TagsInput.tsx index cca06bf9f5..a2377c8afe 100644 --- a/workspaces/core/src/tagsInput/TagsInput.tsx +++ b/workspaces/core/src/tagsInput/TagsInput.tsx @@ -1,67 +1,15 @@ -import React, { createContext, forwardRef, useContext, useState } from "react"; +import React, { forwardRef, useState } from "react"; import { usePopper } from "react-popper"; import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; +import { TagsInputContext, useTagsInputContext } from "./private/utils/useTagsInputContext"; +import { TagsInputRootProps } from "./private/types/TagsInputRootProps"; +import SelectedItemProps from "./private/types/SelectedItemProps"; +import getTextSizes from "./private/utils/useTextSizes"; +import getTextCase from "./private/utils/useTextCase"; +import { Listbox } from "@headlessui/react"; -type Size = 'sm' | 'md' | 'lg' | 'xl'; - -type SelectedItemProps = { - index: number; - label: string; - className?: string; -} - -type TagsInputProps = { - children?: React.ReactNode; - selected?: string[]; - className?: string; - placeholder?: string; - disabled?: boolean; - isError?: boolean; - type?: string; - size?: Size; - onEnter?: (value: string) => void; - onClear?: (index: number) => void; - popper?: { - styles?: { [key: string]: React.CSSProperties }; - attributes?: { [key: string]: { [key: string]: string } | undefined }; - setAnchor: React.Dispatch>; - setPopper: React.Dispatch< - React.SetStateAction - >; - }; -}; - -type TagsInputState = { - value?: unknown; - size?: Size; - disabled?: boolean; - isError?: boolean; - onClear?: (index: number) => void; - popper?: { - styles?: { [key: string]: React.CSSProperties }; - attributes?: { [key: string]: { [key: string]: string } | undefined }; - setAnchor: React.Dispatch>; - setPopper: React.Dispatch< - React.SetStateAction - >; - }; -}; - -const TagsInputContext = createContext({}); -TagsInputContext.displayName = 'TagsInputContext'; - -const useTagsInputContext = (component: string) => { - const context = useContext(TagsInputContext); - if (context === null) { - const err = new Error( - `<${component}> is missing a parent component.` - ); - throw err; - } - return context; -}; - -const TagsInputRoot = forwardRef(({ +const TagsInputRoot = forwardRef(({ + label, children, selected = [], type = 'text', @@ -72,6 +20,7 @@ const TagsInputRoot = forwardRef(({ isError, onEnter, onClear, + tagsCase, popper, }, ref @@ -88,6 +37,7 @@ const TagsInputRoot = forwardRef(({ disabled: disabled, isError: isError, onClear: onClear, + tagsCase: tagsCase, popper: { styles: styles, attributes: attributes, @@ -98,51 +48,58 @@ const TagsInputRoot = forwardRef(({ return ( - + {label && ( + + {label} + )} - ref={ref} - > -
- {children} -
- { - e.code === 'Enter' - && (e.target as HTMLInputElement).value.length - && onEnter - && onEnter((e.target as HTMLInputElement).value); - e.code === 'Enter' - && ((e.target as HTMLInputElement).value = '') - }} - onFocus={() => setIsFocused(true)} - onBlur={() => setIsFocused(false)} - ref={states.popper?.setAnchor} - /> - + ref={ref} + > +
+ {children} +
+ { + e.code === 'Enter' + && (e.target as HTMLInputElement).value.length + && onEnter + && onEnter((e.target as HTMLInputElement).value); + e.code === 'Enter' + && ((e.target as HTMLInputElement).value = ''); + }} + onFocus={() => setIsFocused(true)} + onBlur={() => setIsFocused(false)} + ref={states.popper?.setAnchor} + /> + + ); }); @@ -153,11 +110,13 @@ const SelectedItem = ({ label, ...rest }: SelectedItemProps) => { - const { size, disabled, isError, onClear } = useTagsInputContext('TagstInput.SelectedItem'); + const { size, disabled, isError, tagsCase, onClear } = useTagsInputContext('TagstInput.SelectedItem'); return ( div]:max-w-full', + getTextCase(tagsCase), className )} > @@ -183,17 +142,6 @@ const SelectedItem = ({ ); } -const getTextSizes = (size: Size = 'md') => { - return ( - { - sm: 'text-moon-14 leading-4', - md: 'text-moon-16 leading-5', - lg: 'text-moon-18 leading-5', - xl: 'text-moon-20 leading-5', - }[size] || 'text-moon-16 leading-5' - ); -}; - const TagsInput = Object.assign(TagsInputRoot, { SelectedItem, }); diff --git a/workspaces/core/src/tagsInput/private/types/Case.ts b/workspaces/core/src/tagsInput/private/types/Case.ts new file mode 100644 index 0000000000..a25399160a --- /dev/null +++ b/workspaces/core/src/tagsInput/private/types/Case.ts @@ -0,0 +1,3 @@ +type Case = 'normal' | 'lower' | 'capitalize' + +export default Case; diff --git a/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts b/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts new file mode 100644 index 0000000000..78d5d4b60f --- /dev/null +++ b/workspaces/core/src/tagsInput/private/types/SelectedItemProps.ts @@ -0,0 +1,7 @@ +type SelectedItemProps = { + index: number; + label: string; + className?: string; +} + +export default SelectedItemProps; diff --git a/workspaces/core/src/tagsInput/private/types/Size.ts b/workspaces/core/src/tagsInput/private/types/Size.ts new file mode 100644 index 0000000000..723870e019 --- /dev/null +++ b/workspaces/core/src/tagsInput/private/types/Size.ts @@ -0,0 +1,3 @@ +type Size = 'sm' | 'md' | 'lg' | 'xl'; + +export default Size; diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts new file mode 100644 index 0000000000..692e89d403 --- /dev/null +++ b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts @@ -0,0 +1,29 @@ +import Size from "./Size"; +import Case from "./Case"; + +export interface TagsInputRootProps + extends Omit< + React.DetailedHTMLProps, HTMLElement>, + 'children' | 'ref' + > { + children?: React.ReactNode; + label?: string; + selected: string[]; + className?: string; + placeholder?: string; + disabled?: boolean; + isError?: boolean; + type?: string; + size?: Size; + onEnter?: (value: string) => void; + onClear?: (index: number) => void; + tagsCase?: Case; + popper?: { + styles?: { [key: string]: React.CSSProperties }; + attributes?: { [key: string]: { [key: string]: string } | undefined }; + setAnchor: React.Dispatch>; + setPopper: React.Dispatch< + React.SetStateAction + >; + }; +}; diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputState.ts b/workspaces/core/src/tagsInput/private/types/TagsInputState.ts new file mode 100644 index 0000000000..59c884873c --- /dev/null +++ b/workspaces/core/src/tagsInput/private/types/TagsInputState.ts @@ -0,0 +1,21 @@ +import Case from "./Case"; +import Size from "./Size"; + +type TagsInputState = { + value?: unknown; + size?: Size; + disabled?: boolean; + isError?: boolean; + onClear?: (index: number) => void; + tagsCase?: Case; + popper?: { + styles?: { [key: string]: React.CSSProperties }; + attributes?: { [key: string]: { [key: string]: string } | undefined }; + setAnchor: React.Dispatch>; + setPopper: React.Dispatch< + React.SetStateAction + >; + }; +}; + +export default TagsInputState; diff --git a/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts b/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts new file mode 100644 index 0000000000..5642b07f91 --- /dev/null +++ b/workspaces/core/src/tagsInput/private/utils/useTagsInputContext.ts @@ -0,0 +1,18 @@ +import { createContext, useContext } from "react"; +import TagsInputState from '../types/TagsInputState'; + +const TagsInputContext = createContext({}); +TagsInputContext.displayName = 'TagsInputContext'; + +const useTagsInputContext = (component: string) => { + const context = useContext(TagsInputContext); + if (context === null) { + const err = new Error( + `<${component}> is missing a parent component.` + ); + throw err; + } + return context; +}; + +export { useTagsInputContext, TagsInputContext } diff --git a/workspaces/core/src/tagsInput/private/utils/useTextCase.ts b/workspaces/core/src/tagsInput/private/utils/useTextCase.ts new file mode 100644 index 0000000000..554888df38 --- /dev/null +++ b/workspaces/core/src/tagsInput/private/utils/useTextCase.ts @@ -0,0 +1,13 @@ +import Case from "../types/Case"; + +const getTextCase = (textCase?: Case) => { + return ( + textCase && { + normal: '[&>div>span>div]:normal-case', + lower: '[&>div>span>div]:lowercase', + capitalize: '[&>div>span>div]:capitalize', + }[textCase] || '' + ); +}; + +export default getTextCase; diff --git a/workspaces/core/src/tagsInput/private/utils/useTextSizes.ts b/workspaces/core/src/tagsInput/private/utils/useTextSizes.ts new file mode 100644 index 0000000000..16d4f4c5ab --- /dev/null +++ b/workspaces/core/src/tagsInput/private/utils/useTextSizes.ts @@ -0,0 +1,14 @@ +import Size from "../types/Size"; + +const getTextSizes = (size: Size = 'md') => { + return ( + { + sm: 'text-moon-14 leading-4', + md: 'text-moon-16 leading-5', + lg: 'text-moon-18 leading-5', + xl: 'text-moon-20 leading-5', + }[size] || 'text-moon-16 leading-5' + ); +}; + +export default getTextSizes; From a85d355d99f2ea333db725201ee087057a09df9f Mon Sep 17 00:00:00 2001 From: moon-ds Date: Mon, 9 Oct 2023 10:41:59 +0500 Subject: [PATCH 07/14] feat: several tests have been added --- next-docs/pages/components/tagsInput.tsx | 21 + next-docs/public/examples/tagsInput/Sizes.tsx | 81 + .../public/examples/tagsInput/States.tsx | 82 + .../public/examples/tagsInput/TagsCases.tsx | 82 + .../__snapshots__/index.test.tsx.snap | 2362 ++++++++++++++++- .../tagsInput/__tests__/index.test.tsx | 27 + 6 files changed, 2633 insertions(+), 22 deletions(-) create mode 100644 next-docs/public/examples/tagsInput/Sizes.tsx create mode 100644 next-docs/public/examples/tagsInput/States.tsx create mode 100644 next-docs/public/examples/tagsInput/TagsCases.tsx diff --git a/next-docs/pages/components/tagsInput.tsx b/next-docs/pages/components/tagsInput.tsx index 41eddf7149..24ae2e1aaa 100644 --- a/next-docs/pages/components/tagsInput.tsx +++ b/next-docs/pages/components/tagsInput.tsx @@ -4,6 +4,9 @@ import type { ComponentNames } from '../../components/getComponent'; import Layout from '../../components/Layout'; import PropsTable from '../../components/PropsTable'; import Default from '../../public/examples/tagsInput/Default'; +import Sizes from '../../public/examples/tagsInput/Sizes'; +import States from '../../public/examples/tagsInput/States'; +import TagsCases from '../../public/examples/tagsInput/TagsCases'; import useComponent from '../../utils/useComponent'; const COMPONENT_NAME: ComponentNames = 'TagsInput'; @@ -35,6 +38,24 @@ const PageTagsInput = () => { code={examples ? examples.Default : 'Loading'} /> + } + code={examples ? examples.Sizes : 'Loading'} + /> + + } + code={examples ? examples.States : 'Loading'} + /> + + } + code={examples ? examples.TagsCases : 'Loading'} + /> + { + const [selected0, setSelected0] = useState([]); + const [selected1, setSelected1] = useState([]); + const [selected2, setSelected2] = useState([]); + + const onEnter0 = useCallback((value: string) => { + setSelected0([...selected0, value]); + }, [selected0, setSelected0]); + + const onEnter1 = useCallback((value: string) => { + setSelected1([...selected1, value]); + }, [selected1, setSelected1]); + + const onEnter2 = useCallback((value: string) => { + setSelected2([...selected2, value]); + }, [selected2, setSelected2]); + + const onClear0 = useCallback((index: number) => { + setSelected0(selected0.filter((item, id) => id !== index)); + }, [selected0, setSelected0]); + + const onClear1 = useCallback((index: number) => { + setSelected1(selected1.filter((item, id) => id !== index)); + }, [selected1, setSelected1]); + + const onClear2 = useCallback((index: number) => { + setSelected2(selected2.filter((item, id) => id !== index)); + }, [selected2, setSelected2]); + + return ( +
+
+
+ + {selected0.map((text, index) => ( + + ))} + +
+ +
+ + {selected1.map((text, index) => ( + + ))} + +
+ +
+ + {selected2.map((text, index) => ( + + ))} + +
+
+
+ ); +}; + +export default Example; diff --git a/next-docs/public/examples/tagsInput/States.tsx b/next-docs/public/examples/tagsInput/States.tsx new file mode 100644 index 0000000000..5d3c21f343 --- /dev/null +++ b/next-docs/public/examples/tagsInput/States.tsx @@ -0,0 +1,82 @@ +import { TagsInput } from "@heathmont/moon-core-tw"; +import { useCallback, useState } from "react"; + +const Example = () => { + const [selected0, setSelected0] = useState(['Preset data']); + const [selected1, setSelected1] = useState(['Preset data']); + const [selected2, setSelected2] = useState(['Preset data']); + + const onEnter0 = useCallback((value: string) => { + setSelected0([...selected0, value]); + }, [selected0, setSelected0]); + + const onEnter1 = useCallback((value: string) => { + setSelected1([...selected1, value]); + }, [selected1, setSelected1]); + + const onEnter2 = useCallback((value: string) => { + setSelected2([...selected2, value]); + }, [selected2, setSelected2]); + + const onClear0 = useCallback((index: number) => { + setSelected0(selected0.filter((item, id) => id !== index)); + }, [selected0, setSelected0]); + + const onClear1 = useCallback((index: number) => { + setSelected1(selected1.filter((item, id) => id !== index)); + }, [selected1, setSelected1]); + + const onClear2 = useCallback((index: number) => { + setSelected2(selected2.filter((item, id) => id !== index)); + }, [selected2, setSelected2]); + + return ( +
+
+
+ + {selected0.map((text, index) => ( + + ))} + +
+ +
+ + {selected1.map((text, index) => ( + + ))} + +
+ +
+ + {selected2.map((text, index) => ( + + ))} + +
+
+
+ ); +}; + +export default Example; diff --git a/next-docs/public/examples/tagsInput/TagsCases.tsx b/next-docs/public/examples/tagsInput/TagsCases.tsx new file mode 100644 index 0000000000..9702653586 --- /dev/null +++ b/next-docs/public/examples/tagsInput/TagsCases.tsx @@ -0,0 +1,82 @@ +import { TagsInput } from "@heathmont/moon-core-tw"; +import { useCallback, useState } from "react"; + +const Example = () => { + const [selected0, setSelected0] = useState(['Preset data']); + const [selected1, setSelected1] = useState(['Preset data']); + const [selected2, setSelected2] = useState(['Preset data']); + + const onEnter0 = useCallback((value: string) => { + setSelected0([...selected0, value]); + }, [selected0, setSelected0]); + + const onEnter1 = useCallback((value: string) => { + setSelected1([...selected1, value]); + }, [selected1, setSelected1]); + + const onEnter2 = useCallback((value: string) => { + setSelected2([...selected2, value]); + }, [selected2, setSelected2]); + + const onClear0 = useCallback((index: number) => { + setSelected0(selected0.filter((item, id) => id !== index)); + }, [selected0, setSelected0]); + + const onClear1 = useCallback((index: number) => { + setSelected1(selected1.filter((item, id) => id !== index)); + }, [selected1, setSelected1]); + + const onClear2 = useCallback((index: number) => { + setSelected2(selected2.filter((item, id) => id !== index)); + }, [selected2, setSelected2]); + + return ( +
+
+
+ + {selected0.map((text, index) => ( + + ))} + +
+ +
+ + {selected1.map((text, index) => ( + + ))} + +
+ +
+ + {selected2.map((text, index) => ( + + ))} + +
+
+
+ ); +}; + +export default Example; diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap index 1753c08230..16b6933bbd 100644 --- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -103,45 +103,2363 @@ Object { } `; +exports[`Combobox in RTL renders Sizes 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 in RTL renders States 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+
+
+
+ , + "container":
+
+
+
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+
+
+
, + "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 TagsCases 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+
+
+
+ , + "container":
+
+
+
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+
+
+
, + "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 Default 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 Sizes 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 States 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
-
- - + class="flex flex-col w-full max-w-xs" + > + + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
, "container":
-
- - + class="flex flex-col w-full max-w-xs" + > + + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+
+
, + "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 TagsCases 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+
+
+ , + "container":
+
+
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
+ + +
+ +
+ +
+ + Preset data + + + + + + +
+ +
+ +
+ + +
+
, "debug": [Function], diff --git a/next-docs/public/examples/tagsInput/__tests__/index.test.tsx b/next-docs/public/examples/tagsInput/__tests__/index.test.tsx index c522be0004..53c8b60f05 100644 --- a/next-docs/public/examples/tagsInput/__tests__/index.test.tsx +++ b/next-docs/public/examples/tagsInput/__tests__/index.test.tsx @@ -4,6 +4,9 @@ import { cleanup, render } from '@testing-library/react'; import Default from '../Default'; +import Sizes from '../Sizes'; +import States from '../States'; +import TagsCases from '../TagsCases'; const withRtl = (component: JSX.Element) =>
{component}
; @@ -13,6 +16,18 @@ describe('Combobox', () => { const tree = render(); expect(tree).toMatchSnapshot(); }); + it('renders Sizes', () => { + const tree = render(); + expect(tree).toMatchSnapshot(); + }); + it('renders States', () => { + const tree = render(); + expect(tree).toMatchSnapshot(); + }); + it('renders TagsCases', () => { + const tree = render(); + expect(tree).toMatchSnapshot(); + }); }); describe('Combobox in RTL', () => { @@ -21,4 +36,16 @@ describe('Combobox in RTL', () => { const tree = render(withRtl()); expect(tree).toMatchSnapshot(); }); + it('renders Sizes', () => { + const tree = render(withRtl()); + expect(tree).toMatchSnapshot(); + }); + it('renders States', () => { + const tree = render(withRtl()); + expect(tree).toMatchSnapshot(); + }); + it('renders TagsCases', () => { + const tree = render(withRtl()); + expect(tree).toMatchSnapshot(); + }); }); From be797d05d768d59f9a8020685ba4284b2e690506 Mon Sep 17 00:00:00 2001 From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com> Date: Mon, 9 Oct 2023 17:21:55 +0200 Subject: [PATCH 08/14] cleanup --- next-docs/pages/components/tagsInput.tsx | 15 +++----- .../{TagsCases.tsx => LowerCase.tsx} | 27 +-------------- .../tagsInput/__tests__/index.test.tsx | 2 +- .../core/src/selectButton/SelectButton.tsx | 9 +++-- .../selectButton/private/types/ChipProps.ts | 6 +++- .../private/types/SelectButtonProps.ts | 1 + .../private/types/SelectButtonState.ts | 1 + workspaces/core/src/tagsInput/TagsInput.tsx | 34 ++++++------------- .../private/types/SelectedItemProps.ts | 1 + .../private/types/TagsInputRootProps.ts | 12 ++----- .../tagsInput/private/types/TagsInputState.ts | 10 ------ 11 files changed, 32 insertions(+), 86 deletions(-) rename next-docs/public/examples/tagsInput/{TagsCases.tsx => LowerCase.tsx} (66%) diff --git a/next-docs/pages/components/tagsInput.tsx b/next-docs/pages/components/tagsInput.tsx index 24ae2e1aaa..52b7915f9d 100644 --- a/next-docs/pages/components/tagsInput.tsx +++ b/next-docs/pages/components/tagsInput.tsx @@ -4,9 +4,9 @@ import type { ComponentNames } from '../../components/getComponent'; import Layout from '../../components/Layout'; import PropsTable from '../../components/PropsTable'; import Default from '../../public/examples/tagsInput/Default'; +import LowerCase from '../../public/examples/tagsInput/LowerCase'; import Sizes from '../../public/examples/tagsInput/Sizes'; import States from '../../public/examples/tagsInput/States'; -import TagsCases from '../../public/examples/tagsInput/TagsCases'; import useComponent from '../../utils/useComponent'; const COMPONENT_NAME: ComponentNames = 'TagsInput'; @@ -51,9 +51,9 @@ const PageTagsInput = () => { /> } - code={examples ? examples.TagsCases : 'Loading'} + title="Uppercase & lowercase" + preview={} + code={examples ? examples.LowerCase : 'Loading'} /> { default: '-', description: 'Tailwind classes for customization', }, - { - name: 'tagsCase', - type: 'normal | lower | capitalize', - required: false, - default: '-', - description: 'Sets the case of the tag`s text. By default, it is set to upper case.', - }, { name: 'onEnter', type: '(value: string) => void;', diff --git a/next-docs/public/examples/tagsInput/TagsCases.tsx b/next-docs/public/examples/tagsInput/LowerCase.tsx similarity index 66% rename from next-docs/public/examples/tagsInput/TagsCases.tsx rename to next-docs/public/examples/tagsInput/LowerCase.tsx index 9702653586..05741a7b89 100644 --- a/next-docs/public/examples/tagsInput/TagsCases.tsx +++ b/next-docs/public/examples/tagsInput/LowerCase.tsx @@ -2,14 +2,9 @@ import { TagsInput } from "@heathmont/moon-core-tw"; import { useCallback, useState } from "react"; const Example = () => { - const [selected0, setSelected0] = useState(['Preset data']); const [selected1, setSelected1] = useState(['Preset data']); const [selected2, setSelected2] = useState(['Preset data']); - const onEnter0 = useCallback((value: string) => { - setSelected0([...selected0, value]); - }, [selected0, setSelected0]); - const onEnter1 = useCallback((value: string) => { setSelected1([...selected1, value]); }, [selected1, setSelected1]); @@ -18,10 +13,6 @@ const Example = () => { setSelected2([...selected2, value]); }, [selected2, setSelected2]); - const onClear0 = useCallback((index: number) => { - setSelected0(selected0.filter((item, id) => id !== index)); - }, [selected0, setSelected0]); - const onClear1 = useCallback((index: number) => { setSelected1(selected1.filter((item, id) => id !== index)); }, [selected1, setSelected1]); @@ -33,30 +24,15 @@ const Example = () => { return (
-
- - {selected0.map((text, index) => ( - - ))} - -
-
{selected1.map((text, index) => ( - + ))}
@@ -65,7 +41,6 @@ const Example = () => { diff --git a/next-docs/public/examples/tagsInput/__tests__/index.test.tsx b/next-docs/public/examples/tagsInput/__tests__/index.test.tsx index 53c8b60f05..d4dff60e9a 100644 --- a/next-docs/public/examples/tagsInput/__tests__/index.test.tsx +++ b/next-docs/public/examples/tagsInput/__tests__/index.test.tsx @@ -6,7 +6,7 @@ import { cleanup, render } from '@testing-library/react'; import Default from '../Default'; import Sizes from '../Sizes'; import States from '../States'; -import TagsCases from '../TagsCases'; +import TagsCases from '../LowerCase'; const withRtl = (component: JSX.Element) =>
{component}
; diff --git a/workspaces/core/src/selectButton/SelectButton.tsx b/workspaces/core/src/selectButton/SelectButton.tsx index 8d1e355306..558c5e3302 100644 --- a/workspaces/core/src/selectButton/SelectButton.tsx +++ b/workspaces/core/src/selectButton/SelectButton.tsx @@ -22,6 +22,7 @@ const SelectButtonRoot = forwardRef( idDisabled, open, children, + isUppercase, ...rest }: SelectButtonProps, ref: Ref @@ -158,9 +159,9 @@ const Control = () => { ); }; -const Chip = ({ children, onClear }: ChipProps) => { +const Chip = ({ children, onClear, isUppercase, ...rest }: ChipProps) => { const { size } = useSelectButtonContext('SelectButton.Control'); - const cliclHandler = useCallback( + const clickHandler = useCallback( (e: any) => { e.preventDefault(); onClear && onClear(); @@ -171,8 +172,10 @@ const Chip = ({ children, onClear }: ChipProps) => { + } + isUppercase={isUppercase} + {...rest} > {children} diff --git a/workspaces/core/src/selectButton/private/types/ChipProps.ts b/workspaces/core/src/selectButton/private/types/ChipProps.ts index 04aa7a2e1f..8e38f3e844 100644 --- a/workspaces/core/src/selectButton/private/types/ChipProps.ts +++ b/workspaces/core/src/selectButton/private/types/ChipProps.ts @@ -1,3 +1,7 @@ -type ChipProps = { children: React.ReactNode; onClear?: () => void }; +type ChipProps = { + children: React.ReactNode; + onClear?: () => void; + isUppercase?: boolean +}; export default ChipProps; diff --git a/workspaces/core/src/selectButton/private/types/SelectButtonProps.ts b/workspaces/core/src/selectButton/private/types/SelectButtonProps.ts index be547ea414..5bb7b4a6fa 100644 --- a/workspaces/core/src/selectButton/private/types/SelectButtonProps.ts +++ b/workspaces/core/src/selectButton/private/types/SelectButtonProps.ts @@ -6,6 +6,7 @@ type SelectButtonProps = { label?: JSX.Element | string; placeholder?: JSX.Element | string; children?: React.ReactNode; + isUppercase?: boolean; }; export default SelectButtonProps; diff --git a/workspaces/core/src/selectButton/private/types/SelectButtonState.ts b/workspaces/core/src/selectButton/private/types/SelectButtonState.ts index fca75b4de7..f4d0156b1a 100644 --- a/workspaces/core/src/selectButton/private/types/SelectButtonState.ts +++ b/workspaces/core/src/selectButton/private/types/SelectButtonState.ts @@ -3,6 +3,7 @@ type SelectButtonState = { size?: 'sm' | 'md' | 'lg' | string; isError?: boolean; idDisabled?: boolean; + isUppercase?: boolean; }; export default SelectButtonState; diff --git a/workspaces/core/src/tagsInput/TagsInput.tsx b/workspaces/core/src/tagsInput/TagsInput.tsx index a2377c8afe..0d73d50539 100644 --- a/workspaces/core/src/tagsInput/TagsInput.tsx +++ b/workspaces/core/src/tagsInput/TagsInput.tsx @@ -1,12 +1,10 @@ import React, { forwardRef, useState } from "react"; -import { usePopper } from "react-popper"; -import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; -import { TagsInputContext, useTagsInputContext } from "./private/utils/useTagsInputContext"; -import { TagsInputRootProps } from "./private/types/TagsInputRootProps"; +import { Listbox } from "@headlessui/react"; import SelectedItemProps from "./private/types/SelectedItemProps"; +import { TagsInputRootProps } from "./private/types/TagsInputRootProps"; +import { TagsInputContext, useTagsInputContext } from "./private/utils/useTagsInputContext"; import getTextSizes from "./private/utils/useTextSizes"; -import getTextCase from "./private/utils/useTextCase"; -import { Listbox } from "@headlessui/react"; +import { Input as NativeInput, SelectButton, mergeClassnames } from "../index"; const TagsInputRoot = forwardRef(({ label, @@ -20,30 +18,18 @@ const TagsInputRoot = forwardRef(({ isError, onEnter, onClear, - tagsCase, - popper, + isUppercase, }, ref ) => { const [isFocused, setIsFocused] = useState(false); - const [anchorEl, setAnchorEl] = React.useState(); - const [popperEl, setPopperEl] = React.useState(); - - let { styles, attributes } = usePopper(anchorEl, popperEl); - const states = { + isUppercase, value: selected, size: size, disabled: disabled, isError: isError, onClear: onClear, - tagsCase: tagsCase, - popper: { - styles: styles, - attributes: attributes, - setAnchor: setAnchorEl, - setPopper: setPopperEl, - } } return ( @@ -96,7 +82,6 @@ const TagsInputRoot = forwardRef(({ }} onFocus={() => setIsFocused(true)} onBlur={() => setIsFocused(false)} - ref={states.popper?.setAnchor} /> @@ -108,15 +93,15 @@ const SelectedItem = ({ className, index, label, + isUppercase, ...rest }: SelectedItemProps) => { - const { size, disabled, isError, tagsCase, onClear } = useTagsInputContext('TagstInput.SelectedItem'); + const { size, disabled, isError, onClear } = useTagsInputContext('TagstInput.SelectedItem'); return ( div]:max-w-full', - getTextCase(tagsCase), + 'flex gap-2 items-center flex-grow-0 flex-shrink-0 self-center max-w-full', className )} > @@ -128,6 +113,7 @@ const SelectedItem = ({ > !disabled && onClear && onClear(index)} > void; onClear?: (index: number) => void; - tagsCase?: Case; - popper?: { - styles?: { [key: string]: React.CSSProperties }; - attributes?: { [key: string]: { [key: string]: string } | undefined }; - setAnchor: React.Dispatch>; - setPopper: React.Dispatch< - React.SetStateAction - >; - }; + isUppercase?: boolean; }; diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputState.ts b/workspaces/core/src/tagsInput/private/types/TagsInputState.ts index 59c884873c..93990bf422 100644 --- a/workspaces/core/src/tagsInput/private/types/TagsInputState.ts +++ b/workspaces/core/src/tagsInput/private/types/TagsInputState.ts @@ -1,4 +1,3 @@ -import Case from "./Case"; import Size from "./Size"; type TagsInputState = { @@ -7,15 +6,6 @@ type TagsInputState = { disabled?: boolean; isError?: boolean; onClear?: (index: number) => void; - tagsCase?: Case; - popper?: { - styles?: { [key: string]: React.CSSProperties }; - attributes?: { [key: string]: { [key: string]: string } | undefined }; - setAnchor: React.Dispatch>; - setPopper: React.Dispatch< - React.SetStateAction - >; - }; }; export default TagsInputState; From 4a15a4f58f06de8b6fe64556adfc15546f819467 Mon Sep 17 00:00:00 2001 From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com> Date: Mon, 9 Oct 2023 17:22:31 +0200 Subject: [PATCH 09/14] bump snapshots --- .../__snapshots__/index.test.tsx.snap | 340 +++--------------- 1 file changed, 42 insertions(+), 298 deletions(-) diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap index 16b6933bbd..02ba5d696c 100644 --- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -123,7 +123,7 @@ Object { @@ -146,7 +146,7 @@ Object { @@ -169,7 +169,7 @@ Object { @@ -207,7 +207,7 @@ Object { @@ -230,7 +230,7 @@ Object { @@ -253,7 +253,7 @@ Object { @@ -348,7 +348,7 @@ Object { @@ -360,7 +360,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Disabled @@ -424,7 +424,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Placeholder @@ -489,7 +489,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Error @@ -569,7 +569,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Disabled @@ -633,7 +633,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Placeholder @@ -698,7 +698,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
- Normal - - -
- -
- -
- - Preset data - - - - - - -
- -
- -
- - -
-
- @@ -899,7 +835,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Capitalized @@ -963,7 +899,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
- Normal - - -
- -
- -
- - Preset data - - - - - - -
- -
- -
- - -
-
- @@ -1106,7 +978,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Capitalized @@ -1170,7 +1042,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
- Normal - - -
- -
- -
- - Preset data - - - - - - -
- -
- -
- - -
-
- @@ -2146,7 +1954,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Capitalized @@ -2210,7 +2018,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
- Normal - - -
- -
- -
- - Preset data - - - - - - -
- -
- -
- - -
-
- @@ -2349,7 +2093,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Capitalized @@ -2413,7 +2157,7 @@ Object { class="flex flex-wrap justify-start items-start gap-1" >
Date: Mon, 9 Oct 2023 17:31:07 +0200 Subject: [PATCH 10/14] cleanup --- .../core/src/tagsInput/private/utils/useTextCase.ts | 13 ------------- 1 file changed, 13 deletions(-) delete mode 100644 workspaces/core/src/tagsInput/private/utils/useTextCase.ts diff --git a/workspaces/core/src/tagsInput/private/utils/useTextCase.ts b/workspaces/core/src/tagsInput/private/utils/useTextCase.ts deleted file mode 100644 index 554888df38..0000000000 --- a/workspaces/core/src/tagsInput/private/utils/useTextCase.ts +++ /dev/null @@ -1,13 +0,0 @@ -import Case from "../types/Case"; - -const getTextCase = (textCase?: Case) => { - return ( - textCase && { - normal: '[&>div>span>div]:normal-case', - lower: '[&>div>span>div]:lowercase', - capitalize: '[&>div>span>div]:capitalize', - }[textCase] || '' - ); -}; - -export default getTextCase; From 9492fd75be65f3933b575d35f0570e304cf0731e Mon Sep 17 00:00:00 2001 From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com> Date: Mon, 9 Oct 2023 17:36:49 +0200 Subject: [PATCH 11/14] cleanup --- workspaces/core/src/tagsInput/private/types/Case.ts | 3 --- .../core/src/tagsInput/private/types/TagsInputRootProps.ts | 1 - 2 files changed, 4 deletions(-) delete mode 100644 workspaces/core/src/tagsInput/private/types/Case.ts diff --git a/workspaces/core/src/tagsInput/private/types/Case.ts b/workspaces/core/src/tagsInput/private/types/Case.ts deleted file mode 100644 index a25399160a..0000000000 --- a/workspaces/core/src/tagsInput/private/types/Case.ts +++ /dev/null @@ -1,3 +0,0 @@ -type Case = 'normal' | 'lower' | 'capitalize' - -export default Case; diff --git a/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts index 81b34dc10c..5a8417371d 100644 --- a/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts +++ b/workspaces/core/src/tagsInput/private/types/TagsInputRootProps.ts @@ -1,4 +1,3 @@ -import Case from "./Case"; import Size from "./Size"; export interface TagsInputRootProps From 39fd90e7b3f42c376f6b58884376d2eb85bc522f Mon Sep 17 00:00:00 2001 From: Karl Kallavus <232199+karl-kallavus@users.noreply.github.com> Date: Mon, 9 Oct 2023 18:17:36 +0200 Subject: [PATCH 12/14] fix max-width --- .../__snapshots__/index.test.tsx.snap | 120 +++++++++--------- workspaces/core/src/tagsInput/TagsInput.tsx | 6 +- 2 files changed, 63 insertions(+), 63 deletions(-) diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap index 02ba5d696c..d3a0256f6a 100644 --- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -359,8 +359,8 @@ Object {
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
-
- +
{ const { size, disabled, isError, onClear } = useTagsInputContext('TagstInput.SelectedItem'); return ( - div]:max-w-full', className )} > @@ -124,7 +124,7 @@ const SelectedItem = ({ - + ); } From 327f325c6bdc8e52e6f0ebfb16a1a52117c23a6c Mon Sep 17 00:00:00 2001 From: moon-ds Date: Tue, 10 Oct 2023 14:06:47 +0500 Subject: [PATCH 13/14] fix: corrections in recent remarks --- next-docs/public/examples/tagsInput/Default.tsx | 3 +-- .../__tests__/__snapshots__/index.test.tsx.snap | 16 ++++++++-------- .../private/types/TagsInputRootProps.ts | 2 +- 3 files changed, 10 insertions(+), 11 deletions(-) diff --git a/next-docs/public/examples/tagsInput/Default.tsx b/next-docs/public/examples/tagsInput/Default.tsx index deb0a70a7e..86e3559f55 100644 --- a/next-docs/public/examples/tagsInput/Default.tsx +++ b/next-docs/public/examples/tagsInput/Default.tsx @@ -13,10 +13,9 @@ const Example = () => { }, [selected, setSelected]); return ( -
+
diff --git a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap index d3a0256f6a..99fdf1da34 100644 --- a/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap +++ b/next-docs/public/examples/tagsInput/__tests__/__snapshots__/index.test.tsx.snap @@ -9,10 +9,10 @@ Object { dir="rtl" >
, "container":
{ children?: React.ReactNode; - label?: string; + label?: JSX.Element | string; selected: string[]; className?: string; placeholder?: string; From 0ce6de86ee376c60b824cc3a45f8781457110aa2 Mon Sep 17 00:00:00 2001 From: moon-ds Date: Wed, 11 Oct 2023 16:34:53 +0500 Subject: [PATCH 14/14] feat: a new example of the long data table with custom column widths --- next-docs/pages/components/table.tsx | 8 +- .../examples/table/CustomColumnWidths.tsx | 150 + next-docs/public/examples/table/LongData.tsx | 12 +- next-docs/public/examples/table/Tooltips.tsx | 15 +- .../__snapshots__/index.test.tsx.snap | 104392 +++++++++------ .../examples/table/__tests__/index.test.tsx | 9 + 6 files changed, 63257 insertions(+), 41329 deletions(-) create mode 100644 next-docs/public/examples/table/CustomColumnWidths.tsx diff --git a/next-docs/pages/components/table.tsx b/next-docs/pages/components/table.tsx index 2beb037fd5..8f5b473577 100644 --- a/next-docs/pages/components/table.tsx +++ b/next-docs/pages/components/table.tsx @@ -8,6 +8,7 @@ import Calendar from '../../public/examples/table/Calendar'; import CellBorder from '../../public/examples/table/CellBorder'; import ClickableRows from '../../public/examples/table/ClickableRows'; import CustomColors from '../../public/examples/table/CustomColors'; +import CustomColumnWidths from '../../public/examples/table/CustomColumnWidths'; import CustomContent from '../../public/examples/table/CustomContent'; import DeepTable from '../../public/examples/table/DeepTable'; import Default from '../../public/examples/table/Default'; @@ -136,10 +137,15 @@ const PageTable = () => { code={examples ? examples.LongData : 'Loading'} /> } code={examples ? examples.Tooltips : 'Loading'} /> + } + code={examples ? examples.CustomColumnWidths : 'Loading'} + /> { + const columnsInitial = [ + { + 'Header': 'Transactions', + 'sticky': 'left', + columns: [ + { + 'Header': 'Transaction UUID', + 'accessor': 'uuid', + 'Footer': '', + 'width': 250, + }, + { + 'Header': 'User & Supplier user', + 'accessor': 'user', + 'Footer': '', + 'minWidth': 80, + 'width': 240, + }, + ], + }, + { + 'Header': 'Info', + 'columns': [ + { + 'Header': 'Process time', + 'accessor': 'processTime', + 'Footer': '', + }, + { + 'Header': 'Client', + 'accessor': 'client', + 'Footer': '', + }, + { + 'Header': 'Game name & provider', + 'accessor': 'gameNameAndProvider', + 'Footer': '', + 'width': 120, + }, + { + 'Header': 'Amount', + 'accessor': 'amount', + 'Footer': '', + 'minWidth': 60, + 'width': 70, + }, + { + 'Header': 'Currency', + 'accessor': 'currency', + 'Footer': '', + 'minWidth': 75, + 'width': 80, + }, + { + 'Header': 'Status', + 'accessor': 'status', + 'Footer': '', + 'minWidth': 80, + 'width': 90 + }, + { + 'Header': 'Kind', + 'accessor': 'kind', + 'Footer': '', + 'minWidth': 50, + 'width': 60 + }, + ], + }, + { + 'Header': 'Actions', + 'sticky': 'right', + 'columns': [ + { + 'Header': 'Actions', + 'accessor': 'actions', + 'Footer': '', + 'minWidth': 60, + 'width': 80, + }, + ], + }, + ]; + + const tooltip = () => ( + + + } + /> + + + Round details + + + + ); + + const makeData = (length: number) => { + return Array.from('_'.repeat(length)).map((_, index) => { + return { + uuid: '84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546', + user: 'aleksandr@heathmonitoring.com', + processTime: '2023-09-19T14:31:46.105Z', + client: 'Bender (old) Coingaming', + gameNameAndProvider: 'Pragmatic Play', + amount: 22.97, + currency: USD, + status: SUCCESS, + kind: BET, + actions: tooltip(), + }; + }); + }; + + const defaultColumn = React.useMemo( + () => ({ + minWidth: 30, + width: 150, + maxWidth: Number.MAX_SAFE_INTEGER, + }), + [] + ); + + const columns = React.useMemo(() => columnsInitial, []); + const data = React.useMemo(() => makeData(40), []); + const textClip = 'clip' as ClipProps; + + return ( + + ); +}; + +export default Example; diff --git a/next-docs/public/examples/table/LongData.tsx b/next-docs/public/examples/table/LongData.tsx index 3a73634dbe..60a5ea9d6a 100644 --- a/next-docs/public/examples/table/LongData.tsx +++ b/next-docs/public/examples/table/LongData.tsx @@ -1,6 +1,7 @@ import React from 'react'; import { Table } from '@heathmont/moon-table-tw'; import ClipProps from '@heathmont/moon-table-tw/lib/private/types/ClipProps'; +import { Tag } from '@heathmont/moon-core-tw'; const Example = () => { const columnsInitial = [ @@ -47,6 +48,8 @@ const Example = () => { 'Header': 'Currency', 'accessor': 'currency', 'Footer': '', + /*'maxWidth': Number.MAX_SAFE_INTEGER, + 'width': 80 */ }, ], }, @@ -72,8 +75,8 @@ const Example = () => { client: 'Bender (old) Coingaming', gameNameAndProvider: 'Pragmatic Play', amount: 22.97, - currency: 'USD', - status: 'SUCCESS' + currency: USD, + status: SUCCESS, }; }); }; @@ -82,10 +85,7 @@ const Example = () => { () => ({ minWidth: 10, width: 150, - - /* The next prop is commented to provide an opportunity - to expand any table column as much as possible */ - /* maxWidth: 400, */ + maxWidth: Number.MAX_SAFE_INTEGER, }), [] ); diff --git a/next-docs/public/examples/table/Tooltips.tsx b/next-docs/public/examples/table/Tooltips.tsx index 92b066c226..5af719ec8b 100644 --- a/next-docs/public/examples/table/Tooltips.tsx +++ b/next-docs/public/examples/table/Tooltips.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { Table } from '@heathmont/moon-table-tw'; import ClipProps from '@heathmont/moon-table-tw/lib/private/types/ClipProps'; -import { Chip, Tooltip } from '@heathmont/moon-core-tw'; +import { Chip, Tag, Tooltip } from '@heathmont/moon-core-tw'; import { OtherFrame } from '@heathmont/moon-icons-tw'; const Example = () => { @@ -75,10 +75,10 @@ const Example = () => { const tooltip = () => ( - + } + iconOnly={} /> @@ -97,12 +97,8 @@ const Example = () => { client: 'Bender (old) Coingaming', gameNameAndProvider: 'Pragmatic Play', amount: 22.97, - currency: 'USD', - status: 'SUCCESS', - - /** - * The expression below sets a tooltip with transparent background in the second row only. - */ + currency: USD, + status: SUCCESS, actions: tooltip(), }; }); @@ -112,6 +108,7 @@ const Example = () => { () => ({ minWidth: 10, width: 150, + maxWidth: Number.MAX_SAFE_INTEGER, }), [] ); 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 2f06101771..f74d1f0d51 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 @@ -17144,7 +17144,7 @@ Object { } `; -exports[`Table in RTL renders CustomContent 1`] = ` +exports[`Table in RTL renders CustomColumnWidths 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -17155,7 +17155,7 @@ Object {
+ Transactions + +
+ Info + +
- - Expand - 👉 - + Actions
+
+
- First Name + Transaction UUID
- Age + User & Supplier user + +
+ Process time + +
+ Client + +
+ Game name & provider + +
+ Amount + +
+ Currency + +
+ Status + +
+ Kind + +
+ Actions
+
+
+
+
+
+
+
@@ -17245,5754 +17441,9256 @@ Object {
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 0 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 30 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 60 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 90 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 120 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 150 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 180 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 210 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 240 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 270 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 300 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 330 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 360 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 390 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 420 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 450 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 480 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 510 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 540 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 570 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 600 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 630 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 660 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 690 - +
+ BET +
-
-
+ +
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 720 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 750 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 780 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 810 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 840 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 870 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 900 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 930 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 960 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 990 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1020 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1050 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1080 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1110 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1140 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1170 - + 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
-
-
-
-
- , - "container":
-
-
-
-
- - Expand - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
-
- First Name + 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" + data-sticky-last-left-td="true" + data-sticky-td="true" + role="cell" + style="box-sizing: border-box; flex: 240 0 auto; min-width: 80px; width: 240px; position: sticky; z-index: 3; left: 250px;" + > + aleksandr@heathmonitoring.com +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Age +
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
-
-
-
-
-
-
-
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- - 0 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- - 30 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- - 60 - -
-
-
-
- - 👉 - -
-
- Test -
-
- - 90 - -
-
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- - 120 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- - 150 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- - 180 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
-
-
- - 👉 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
- Test -
-
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
+
+
- - 210 - +
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+ +
+
+
+
+ , + "container":
+
+
+
- - 👉 - + Transactions +
- Test + Info +
- - 240 - + Actions +
- - 👉 - + Transaction UUID +
- Test + User & Supplier user +
- - 270 - + Process time + -
-
- - 👉 - + Client +
- Test + Game name & provider +
- - 300 - + Amount + -
-
- - 👉 - + Currency +
- Test + Status +
- - 330 - + Kind + +
+ Actions +
- - 👉 - -
+ class="relative" + colspan="1" + data-sticky-td="true" + role="columnheader" + style="box-sizing: border-box; flex: 250 0 auto; min-width: 30px; width: 250px; position: sticky; z-index: 3; left: 0px;" + />
- Test -
+ class="relative" + colspan="1" + data-sticky-last-left-td="true" + data-sticky-td="true" + role="columnheader" + style="box-sizing: border-box; flex: 240 0 auto; min-width: 80px; width: 240px; position: sticky; z-index: 3; left: 250px;" + />
- - 360 - -
+ class="relative" + colspan="1" + role="columnheader" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 30px; width: 150px; position: relative;" + /> +
+
+
+
+
+
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 390 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 420 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 450 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 480 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 510 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 540 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 570 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 600 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 630 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 660 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 690 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 720 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 750 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 780 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 810 - +
+ BET +
-
-
- - 👉 - -
-
- Test -
-
- - 840 - +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 870 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 900 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 930 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 960 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 990 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 1020 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1050 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 1080 - + 22.97
-
-
- - 👉 - +
+ USD +
- Test +
+ SUCCESS +
- - 1110 - +
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 1140 - + 2023-09-19T14:31:46.105Z
-
-
- - 👉 - + Bender (old) Coingaming
- Test + Pragmatic Play
- - 1170 - + 22.97
-
-
-
-
-
, - "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 DeepTable 1`] = ` -Object { - "asFragment": [Function], - "baseElement": -
-
-
-
- - 👉 - - -
- Name - -
- Age - +
+
- Visits - +
+
- Activity -
-
-
-
-
-
+
-
- - 👉 - -
-
- Test -
-
- - 0 - -
-
- - 0 - -
-
- 0 -
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 👉 - -
-
- Test -
-
- - 30 - + USD
+
+
- - 100 - + SUCCESS
+
+
- 100 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 60 - + USD
+
+
- - 200 - + SUCCESS
+
+
- 200 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 90 - + USD
+
+
- - 300 - + SUCCESS
+
+
- 300 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 120 - + USD
+
+
- - 400 - + SUCCESS
+
+
- 400 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 150 - + USD
+
+
- - 500 - + SUCCESS
+
+
- 500 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 180 - + USD
+
+
- - 600 - + SUCCESS
+
+
- 600 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 210 - + USD
+
+
- - 700 - + SUCCESS
+
+
- 700 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 240 - + USD
+
+
- - 800 - + SUCCESS
+
+
- 800 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 270 - + USD
+
+
- - 900 - + SUCCESS
+
+
- 900 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 300 - + USD
+
+
- - 1000 - + SUCCESS
+
+
- 1000 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 330 - + USD
+
+
- - 1100 - + SUCCESS
+
+
- 1100 + BET
-
- - 👉 - -
-
- Test -
+ + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 360 - + USD
+
+
- - 1200 - + SUCCESS
+
+
- 1200 + BET
-
- - 👉 - -
-
- Test -
-
- - 390 - -
-
- - 1300 - -
-
- 1300 -
-
-
-
- - 👉 - -
-
- Test -
-
- - 420 - -
-
- - 1400 - -
-
- 1400 -
+ + +
+
+
-
- - 👉 - -
-
- Test -
-
- - 450 - -
-
- - 1500 - -
-
- 1500 -
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-
- - 👉 - -
-
- Test -
-
- - 480 - -
-
- - 1600 - -
-
- 1600 -
+ aleksandr@heathmonitoring.com
-
- - 👉 - -
-
- Test -
-
- - 510 - -
-
- - 1700 - -
-
- 1700 -
+ 2023-09-19T14:31:46.105Z
-
- - 👉 - -
-
- Test -
-
- - 540 - -
-
- - 1800 - -
-
- 1800 -
+ Bender (old) Coingaming
-
- - 👉 - -
-
- Test -
-
- - 570 - -
-
- - 1900 - -
-
- 1900 -
+ Pragmatic Play
-
-
-
-
- , - "container":
-
-
-
-
- - 👉 - -
- Name
- Age
- Visits
- Activity -
-
-
-
-
-
-
-
-
-
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 0 - + 2023-09-19T14:31:46.105Z
- - 0 - + Bender (old) Coingaming
- 0 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 30 - +
+ SUCCESS +
- - 100 - +
+ BET +
- 100 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 60 - + 2023-09-19T14:31:46.105Z
- - 200 - + Bender (old) Coingaming
- 200 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 90 - +
+ SUCCESS +
- - 300 - +
+ BET +
- 300 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 120 - + 2023-09-19T14:31:46.105Z
- - 400 - + Bender (old) Coingaming
- 400 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 150 - +
+ SUCCESS +
- - 500 - +
+ BET +
- 500 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 180 - + 2023-09-19T14:31:46.105Z
- - 600 - + Bender (old) Coingaming
- 600 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 210 - +
+ SUCCESS +
- - 700 - +
+ BET +
- 700 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 240 - + 2023-09-19T14:31:46.105Z
- - 800 - + Bender (old) Coingaming
- 800 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 270 - +
+ SUCCESS +
- - 900 - +
+ BET +
- 900 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 300 - + 2023-09-19T14:31:46.105Z
- - 1000 - + Bender (old) Coingaming
- 1000 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 330 - +
+ SUCCESS +
- - 1100 - +
+ BET +
- 1100 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 360 - + 2023-09-19T14:31:46.105Z
- - 1200 - + Bender (old) Coingaming
- 1200 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 390 - +
+ SUCCESS +
- - 1300 - +
+ BET +
- 1300 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 420 - + 2023-09-19T14:31:46.105Z
- - 1400 - + Bender (old) Coingaming
- 1400 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 450 - +
+ SUCCESS +
- - 1500 - +
+ BET +
- 1500 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 480 - + 2023-09-19T14:31:46.105Z
- - 1600 - + Bender (old) Coingaming
- 1600 + Pragmatic Play
-
-
- - 👉 - + 22.97
- Test +
+ USD +
- - 510 - +
+ SUCCESS +
- - 1700 - +
+ BET +
- 1700 +
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 540 - + 2023-09-19T14:31:46.105Z
- - 1800 - + Bender (old) Coingaming
- 1800 + Pragmatic Play +
+
+ 22.97 +
+
+
+ USD +
+
+
+
+ SUCCESS +
+
+
+
+ BET +
+
+
+
- - 👉 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 570 - + 2023-09-19T14:31:46.105Z
- - 1900 - + Bender (old) Coingaming
- 1900 + Pragmatic Play
-
-
-
-
-
, - "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 Default 1`] = ` -Object { - "asFragment": [Function], - "baseElement": -
-
-
-
+ 22.97 +
+
- First Name - -
- Last Name - -
- Age - -
- Visits - +
+
- Activity - +
+
- Status -
-
-
-
-
-
-
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test -
-
- Test -
-
- - 0 - -
-
- - 0 - -
-
- 0 -
-
- 0 + USD
- Test + SUCCESS
+
+
- Test + BET
-
+
+
+ + + + +
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 100 - + USD
+
+
- 100 + SUCCESS
+
+
- 100 + BET
-
- Test -
-
- Test -
-
- - 60 - -
-
- - 200 - -
-
- 200 -
-
+
+ + + +
+
+
-
- Test -
-
- Test -
-
- - 90 - -
-
- - 300 - -
-
- 300 -
-
- 300 -
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test -
-
- Test -
-
- - 120 - + USD
+
+
- - 400 - + SUCCESS
+
+
- 400 + BET
-
+
+
+ + + +
-
-
-
- , - "container":
-
-
-
- First Name -
- Last Name -
- Age -
- Visits -
- Activity -
- Status - -
-
-
-
+ 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: 80 0 auto; min-width: 75px; width: 80px;" + > +
+ USD +
+
+ 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: 90 0 auto; min-width: 80px; width: 90px;" + > +
+ SUCCESS +
+
+ 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: 60 0 auto; min-width: 50px; width: 60px;" + > +
+ BET +
+
+ class="relative box-border justify-between items-center text-start break-all truncate text-moon-14 px-3 py-2 rounded-e-lg text-bulma before:absolute before:w-px before:bg-beerus before:h-[70%] before:bottom-[15%] before:start-0 bg-goku border-goku" + data-sticky-first-right-td="true" + data-sticky-td="true" + role="cell" + style="box-sizing: border-box; flex: 80 0 auto; min-width: 60px; width: 80px; position: sticky; z-index: 3; right: 0px;" + > + +
-
-
- Test + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- Test + aleksandr@heathmonitoring.com
- - 0 - + 2023-09-19T14:31:46.105Z
- - 0 - + Bender (old) Coingaming
- 0 + Pragmatic Play
- 0 + 22.97
-
-
- Test +
+ USD +
- Test +
+ SUCCESS +
- - 30 - +
+ BET +
- - 100 - +
+
+
- 100 + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- 100 + aleksandr@heathmonitoring.com
-
-
- Test + 2023-09-19T14:31:46.105Z
- Test + Bender (old) Coingaming
- - 60 - + Pragmatic Play
- - 200 - + 22.97
- 200 +
+ USD +
- 200 +
+ SUCCESS +
-
-
- Test +
+ BET +
- Test +
+
+
- - 90 - + 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
- - 300 - + aleksandr@heathmonitoring.com
- 300 + 2023-09-19T14:31:46.105Z
- 300 + Bender (old) Coingaming
-
-
- Test + Pragmatic Play
- Test + 22.97
- - 120 - +
+ USD +
- - 400 - +
+ SUCCESS +
- 400 +
+ BET +
- 400 +
@@ -23053,7 +26751,7 @@ Object { } `; -exports[`Table in RTL renders Editable 1`] = ` +exports[`Table in RTL renders CustomContent 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -23064,6 +26762,7 @@ Object {
- First Name + + Expand + 👉 +
- Last Name + First Name
Age
-
- Visits - -
- Activity - -
- Status -
-
-
-
@@ -23207,1230 +26852,418 @@ Object {
- + + 👉 +
- + Test
- + + 0 +
+
+
- + + 👉 +
- + Test
- + + 30 +
- + + 👉 +
- + Test
- + + 60 +
+
+
- + + 👉 +
- + Test
- + + 90 +
- + + 👉 +
- + Test
- + + 120 +
+
+
- + + 👉 +
- + Test
- + + 150 +
- + + 👉 +
- + Test
- + + 180 +
+
+
- + + 👉 +
- + Test
- + + 210 +
- + + 👉 +
- + Test
- + + 240 +
+
+
- + + 👉 +
- + Test
- + + 270 +
-
-
-
-
- , - "container":
-
-
-
-
-
- First Name - -
- Last Name - -
- Age - -
- Visits - -
- Activity - -
- Status - -
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
-
-
, - "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": -
-
-
-
- Expand - -
- Name -
- Info -
- Progress -
- + 👉 - -
- First Name - -
- Age - -
- Visits - -
- Activity -
- Status -
- Profile Progress -
-
-
-
-
-
-
-
-
-
-
-
- + 👉
Test
- 0 + 360
+
+
- 0 + 👉
- 0 + Test
- 0 -
-
- 0 + 390
- + 👉
Test
- 30 + 420
+
+
- 100 + 👉
- 100 + Test
- 100 -
-
- 100 + 450
- - 👉 - -
-
- Test -
-
- 60 - -
-
- - 200 + 👉
- 200 + Test
- 200 -
-
- 200 + 480
- - 👉 - -
-
- Test -
-
- 90 - -
-
- - 300 + 👉
- 300 + Test
- 300 -
-
- 300 + 510
- - 👉 - -
-
- Test -
-
- 120 - -
-
- - 400 + 👉
- 400 + Test
- 400 -
-
- 400 + 540
- - 👉 - -
-
- Test -
-
- 150 - -
-
- - 500 + 👉
- 500 + Test
- 500 -
-
- 500 + 570
- - 👉 - -
-
- Test -
-
- 180 - -
-
- - 600 + 👉
- 600 + Test
- 600 -
-
600 @@ -24888,46 +27503,15 @@ Object {
- - 👉 - -
-
- Test -
-
- 210 - -
-
- - 700 + 👉
- 700 + Test
- 700 -
-
- 700 + 630
- - 👉 - -
-
- Test -
-
- 240 - -
-
- - 800 + 👉
- 800 + Test
- 800 -
-
- 800 + 660
- - 👉 - -
-
- Test -
-
- 270 - -
-
- - 900 + 👉
- 900 + Test
- 900 -
-
- 900 + 690
- - 👉 - -
-
- Test -
-
- 300 - -
-
- - 1000 + 👉
- 1000 + Test
- 1000 -
-
- 1000 + 720
- - 👉 - -
-
- Test -
-
- 330 - -
-
- - 1100 + 👉
- 1100 + Test
- 1100 -
-
- 1100 + 750
- - 👉 - -
-
- Test -
-
- 360 - -
-
- - 1200 + 👉
- 1200 + Test
- 1200 -
-
- 1200 + 780
- - 👉 - -
-
- Test -
-
- 390 - -
-
- - 1300 + 👉
- 1300 + Test
- 1300 -
-
- 1300 + 810
- - 👉 - -
-
- Test -
-
- 420 - -
-
- - 1400 + 👉
- 1400 + Test
- 1400 -
-
- 1400 + 840
- - 👉 - -
-
- Test -
-
- 450 - -
-
- - 1500 + 👉
- 1500 + Test
- 1500 -
-
- 1500 + 870
- - 👉 - -
-
- Test -
-
- 480 - -
-
- - 1600 + 👉
- 1600 + Test
- 1600 -
-
- 1600 + 900
- - 👉 - -
-
- Test -
-
- 510 - -
-
- - 1700 + 👉
- 1700 + Test
- 1700 -
-
- 1700 + 930
- + 👉
Test
- 540 + 960
+
+
- 1800 + 👉
- 1800 + Test
- 1800 -
-
- 1800 + 990
- + 👉
Test
- 570 + 1020
+
+
- 1900 + 👉
- 1900 + Test
- 1900 -
-
- 1900 + 1050
- + 👉
Test
- 600 + 1080
+
+
- 2000 + 👉
- 2000 + Test
- 2000 -
-
- 2000 + 1110
- + 👉
Test
- 630 + 1140
+
+
- 2100 + 👉
- 2100 + Test
- 2100 -
-
- 2100 - -
-
-
-
- - 👉 - -
-
- Test -
-
- - 660 - -
-
- - 2200 - -
-
- 2200 -
-
- 2200 -
-
- - 2200 + 1170
+
+
+
+
+ , + "container":
+
+
+
+
-
- - 👉 - -
-
- Test -
-
- - 690 - -
-
- - 2300 - -
-
- 2300 -
-
- 2300 -
+ Expand + 👉 +
- - 2300 - -
+ 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
- - 👉 - -
-
- Test -
-
- - 720 - -
-
- - 2400 - -
-
- 2400 -
-
- 2400 -
-
- - 2400 - -
+ 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
- - 👉 - -
-
- Test -
-
- - 750 - -
-
- - 2500 - -
-
- 2500 -
-
- 2500 -
-
- - 2500 - -
+ 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 -
-
- - 780 - -
-
- - 2600 - -
-
- 2600 -
-
- 2600 -
-
- - 2600 - -
+ + 👉 +
-
- - 👉 - -
-
- Test -
-
- - 810 - -
-
- - 2700 - -
-
- 2700 -
-
- 2700 -
-
- - 2700 - -
+ Test
-
- - 👉 - -
-
- Test -
-
- - 840 - -
-
- - 2800 - -
-
- 2800 -
-
- 2800 -
-
- - 2800 - -
+ + 0 +
+
+
-
- - 👉 - -
-
- Test -
-
- - 870 - -
-
- - 2900 - -
-
- 2900 -
-
- 2900 -
-
- - 2900 - -
+ + 👉 +
-
- - 👉 - -
-
- Test -
-
- - 900 - -
-
- - 3000 - -
-
- 3000 -
-
- 3000 -
-
- - 3000 - -
+ Test
-
- - 👉 - -
-
- Test -
-
- - 930 - -
-
- - 3100 - -
-
- 3100 -
-
- 3100 -
-
- - 3100 - -
+ + 30 +
+
+
-
- - 👉 - -
-
- Test -
-
- - 960 - -
-
- - 3200 - -
-
- 3200 -
-
- 3200 -
-
- - 3200 - -
+ + 👉 +
-
- - 👉 - -
-
- Test -
-
- - 990 - -
-
- - 3300 - -
-
- 3300 -
-
- 3300 -
-
- - 3300 - -
+ Test
-
- - 👉 - -
-
- Test -
-
- - 1020 - -
-
- - 3400 - -
-
- 3400 -
-
- 3400 -
-
- - 3400 - -
+ + 60 +
+
+
-
- - 👉 - -
-
- Test -
-
- - 1050 - -
-
- - 3500 - -
-
- 3500 -
-
- 3500 -
-
- - 3500 - -
-
-
-
- - 👉 - -
-
- Test -
-
- - 1080 - -
-
- - 3600 - -
-
- 3600 -
-
- 3600 -
-
- - 3600 - -
-
-
-
- - 👉 - -
-
- Test -
-
- - 1110 - -
-
- - 3700 - -
-
- 3700 -
-
- 3700 -
-
- - 3700 - -
+ + 👉 +
-
- - 👉 - -
-
- Test -
-
- - 1140 - -
-
- - 3800 - -
-
- 3800 -
-
- 3800 -
-
- - 3800 - -
+ Test
-
- - 👉 - -
-
- Test -
-
- - 1170 - -
-
- - 3900 - -
-
- 3900 -
-
- 3900 -
-
- - 3900 - -
+ + 90 +
-
-
-
- , - "container":
-
-
-
- Expand - -
- Name -
- Info -
- Progress -
- + 👉 - -
- First Name -
- Age -
- Visits - +
+
- Activity -
- Status -
- Profile Progress -
-
-
-
-
-
-
-
-
-
-
-
- + 👉
Test
- 0 + 210
+
+
- 0 + 👉
- 0 + Test
- 0 -
-
- 0 + 240
- + 👉
Test
- 30 + 270
+
+
- 100 + 👉
- 100 + Test
- 100 -
-
- 100 + 300
- + 👉
Test
- 60 + 330
+
+
- 200 + 👉
- 200 + Test
- 200 -
-
- 200 + 360
- + 👉
Test
- 90 + 390
+
+
- 300 + 👉
- 300 + Test
- 300 -
-
- 300 + 420
- + 👉
Test
- 120 + 450
+
+
- 400 + 👉
- 400 + Test
- 400 -
-
- 400 + 480
- + 👉
Test
- 150 + 510
+
+
- 500 + 👉
- 500 + Test
- 500 -
-
- 500 + 540
- + 👉
Test
- 180 + 570
+
+
- 600 + 👉
- 600 + Test
- 600 -
-
600 @@ -27983,46 +28842,46 @@ Object {
- + 👉
Test
- 210 + 630
+
+
- 700 + 👉
- 700 + Test
- 700 -
-
- 700 + 660
- + 👉
Test
- 240 + 690
+
+
- 800 + 👉
- 800 + Test
- 800 -
-
- 800 + 720
- - 👉 - -
-
- Test -
-
- 270 - -
-
- - 900 + 👉
- 900 + Test
- 900 -
-
- 900 + 750
- - 👉 - -
-
- Test -
-
- 300 - -
-
- - 1000 + 👉
- 1000 + Test
- 1000 -
-
- 1000 + 780
- - 👉 - -
-
- Test -
-
- 330 - -
-
- - 1100 + 👉
- 1100 + Test
- 1100 -
-
- 1100 + 810
- - 👉 - -
-
- Test -
-
- 360 - -
-
- - 1200 + 👉
- 1200 + Test
- 1200 -
-
- 1200 + 840
- - 👉 - -
-
- Test -
-
- 390 - -
-
- - 1300 + 👉
- 1300 + Test
- 1300 -
-
- 1300 + 870
- - 👉 - -
-
- Test -
-
- 420 - -
-
- - 1400 + 👉
- 1400 + Test
- 1400 -
-
- 1400 + 900
- - 👉 - -
-
- Test -
-
- 450 - -
-
- - 1500 + 👉
- 1500 + Test
- 1500 -
-
- 1500 + 930
- - 👉 - -
-
- Test -
-
- 480 - -
-
- - 1600 + 👉
- 1600 + Test
- 1600 -
-
- 1600 + 960
- - 👉 - -
-
- Test -
-
- 510 - -
-
- - 1700 + 👉
- 1700 + Test
- 1700 -
-
- 1700 + 990
- - 👉 - -
-
- Test -
-
- 540 - -
-
- - 1800 + 👉
- 1800 + Test
- 1800 -
-
- 1800 + 1020
- - 👉 - -
-
- Test -
-
- 570 - -
-
- - 1900 + 👉
- 1900 + Test
- 1900 -
-
- 1900 + 1050
- - 👉 - -
-
- Test -
-
- 600 - -
-
- - 2000 + 👉
- 2000 + Test
- 2000 -
-
- 2000 + 1080
- - 👉 - -
-
- Test -
-
- 630 - -
-
- - 2100 + 👉
- 2100 + Test
- 2100 -
-
- 2100 + 1110
- - 👉 - -
-
- Test -
-
- 660 - -
-
- - 2200 + 👉
- 2200 + Test
- 2200 -
-
- 2200 + 1140
- - 👉 - -
-
- Test -
-
- 690 - -
-
- - 2300 + 👉
- 2300 + Test
- 2300 -
-
- 2300 + 1170
+
+
+
+
, + "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 DeepTable 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
- - 👉 - -
-
- Test -
-
- - 720 - -
-
- - 2400 - -
-
- 2400 -
-
- 2400 + + 👉 + + +
+ Name + +
+ Age + +
+ Visits + +
+ Activity +
- - 2400 - +
+
+
+
+
- - 👉 - -
-
- Test -
-
- - 750 - -
-
- - 2500 - +
+ + 👉 + +
+
+ Test +
+
+ + 0 + +
+
+ + 0 + +
+
+ 0 +
- 2500 +
+ + 👉 + +
+
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
+ 100 +
- 2500 +
+ + 👉 + +
+
+ Test +
+
+ + 60 + +
+
+ + 200 + +
+
+ 200 +
- - 2500 - +
+ + 👉 + +
+
+ Test +
+
+ + 90 + +
+
+ + 300 + +
+
+ 300 +
-
-
- - 👉 - + + 👉 + +
+
+ Test +
+
+ + 120 + +
+
+ + 400 + +
+
+ 400 +
- Test +
+ + 👉 + +
+
+ Test +
+
+ + 150 + +
+
+ + 500 + +
+
+ 500 +
- - 780 - +
+ + 👉 + +
+
+ Test +
+
+ + 180 + +
+
+ + 600 + +
+
+ 600 +
- - 2600 - +
+ + 👉 + +
+
+ Test +
+
+ + 210 + +
+
+ + 700 + +
+
+ 700 +
- 2600 +
+ + 👉 + +
+
+ Test +
+
+ + 240 + +
+
+ + 800 + +
+
+ 800 +
- 2600 +
+ + 👉 + +
+
+ Test +
+
+ + 270 + +
+
+ + 900 + +
+
+ 900 +
- - 2600 - +
+ + 👉 + +
+
+ Test +
+
+ + 300 + +
+
+ + 1000 + +
+
+ 1000 +
-
-
- - 👉 - + + 👉 + +
+
+ Test +
+
+ + 330 + +
+
+ + 1100 + +
+
+ 1100 +
- Test +
+ + 👉 + +
+
+ Test +
+
+ + 360 + +
+
+ + 1200 + +
+
+ 1200 +
- - 810 - +
+ + 👉 + +
+
+ Test +
+
+ + 390 + +
+
+ + 1300 + +
+
+ 1300 +
- - 2700 - +
+ + 👉 + +
+
+ Test +
+
+ + 420 + +
+
+ + 1400 + +
+
+ 1400 +
- 2700 +
+ + 👉 + +
+
+ Test +
+
+ + 450 + +
+
+ + 1500 + +
+
+ 1500 +
- 2700 +
+ + 👉 + +
+
+ Test +
+
+ + 480 + +
+
+ + 1600 + +
+
+ 1600 +
- - 2700 - +
+ + 👉 + +
+
+ Test +
+
+ + 510 + +
+
+ + 1700 + +
+
+ 1700 +
-
-
- - 👉 - + + 👉 + +
+
+ Test +
+
+ + 540 + +
+
+ + 1800 + +
+
+ 1800 +
- Test +
+ + 👉 + +
+
+ Test +
+
+ + 570 + +
+
+ + 1900 + +
+
+ 1900 +
+
+
+
+
+ , + "container":
+
+
+
+
- - 840 + + 👉 +
- - 2800 - + Name +
- 2800 + Age +
- 2800 + Visits +
- - 2800 - + Activity +
+
+
+
+
+
+
+
+
+
👉
Test
@@ -29575,7 +30770,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 870 + 0
- 2900 + 0
- 2900 -
-
- 2900 -
-
- - 2900 - + 0
👉
Test
@@ -29646,7 +30819,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 900 + 30
- 3000 + 100
- 3000 -
-
- 3000 -
-
- - 3000 - + 100
👉
Test
@@ -29717,7 +30868,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 930 + 60
- 3100 + 200 + +
+
+ 200 +
+
+
+
+ + 👉
- 3100 + Test
- 3100 + + 90 +
- 3100 + 300
+
+ 300 +
👉
Test
@@ -29788,7 +30966,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 960 + 120
- 3200 + 400 + +
+
+ 400 +
+
+
+
+ + 👉
- 3200 + Test
- 3200 + + 150 +
- 3200 + 500
+
+ 500 +
👉
Test
@@ -29859,7 +31064,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 990 + 180
- 3300 + 600 + +
+
+ 600 +
+
+
+
+ + 👉
- 3300 + Test
- 3300 + + 210 +
- 3300 + 700
+
+ 700 +
👉
Test
@@ -29930,7 +31162,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 1020 + 240
- 3400 + 800 + +
+
+ 800 +
+
+
+
+ + 👉
- 3400 + Test
- 3400 + + 270 +
- 3400 + 900
+
+ 900 +
👉
Test
@@ -30001,7 +31260,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 1050 + 300
- 3500 + 1000 + +
+
+ 1000 +
+
+
+
+ + 👉
- 3500 + Test
- 3500 + + 330 +
- 3500 + 1100
+
+ 1100 +
👉
Test
@@ -30072,7 +31358,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 1080 + 360
- 3600 + 1200 + +
+
+ 1200 +
+
+
+
+ + 👉
- 3600 + Test
- 3600 + + 390 +
- 3600 + 1300
+
+ 1300 +
👉
Test
@@ -30143,7 +31456,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 1110 + 420
- 3700 + 1400 + +
+
+ 1400 +
+
+
+
+ + 👉
- 3700 + Test
- 3700 + + 450 +
- 3700 + 1500
+
+ 1500 +
👉
Test
@@ -30214,7 +31554,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 1140 + 480
- 3800 + 1600 + +
+
+ 1600 +
+
+
+
+ + 👉
- 3800 + Test
- 3800 + + 510 +
- 3800 + 1700
+
+ 1700 +
👉
Test
@@ -30285,7 +31652,7 @@ Object { style="box-sizing: border-box; flex: 100 0 auto; min-width: 100px; width: 100px;" > - 1170 + 540
- 3900 + 1800 + +
+
+ 1800 +
+
+
+
+ + 👉
- 3900 + Test
- 3900 + + 570 +
- 3900 + 1900
+
+ 1900 +
@@ -30381,7 +31779,7 @@ Object { } `; -exports[`Table in RTL renders LongData 1`] = ` +exports[`Table in RTL renders Default 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -30392,7 +31790,6 @@ Object {
-
- Transactions - -
- Info - -
- Status - -
-
- Transaction UUID - -
- User & Supplier user + First Name
- Process time + Last Name
- Client + Age
- Game name & provider + Visits
- Amount + Activity
- Currency - -
Status
-
-
@@ -30638,2823 +31933,4938 @@ Object {
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + Test
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 0 +
- Bender (old) Coingaming + + 0 +
- Pragmatic Play + 0
- 22.97 + 0
+
+
- USD + Test
- SUCCESS + Test
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 30 +
- aleksandr@heathmonitoring.com + + 100 +
- 2023-09-19T14:31:46.105Z + 100
- Bender (old) Coingaming + 100
+
+
- Pragmatic Play + Test
- 22.97 + Test
- USD + + 60 +
- SUCCESS + + 200 +
-
-
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + 200
- aleksandr@heathmonitoring.com + 200
+
+
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + Test
- Pragmatic Play + + 90 +
- 22.97 + + 300 +
- USD + 300
- SUCCESS + 300
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + Test
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 120 +
- Bender (old) Coingaming + + 400 +
- Pragmatic Play + 400
- 22.97 + 400
+
+
+
+
+
+ , + "container":
+
+
+
+
+
+ First Name
- USD -
+ 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;" + /> +
+
+ Last Name
- SUCCESS -
+ 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
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
+ 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
- aleksandr@heathmonitoring.com -
+ 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
+
+
+ Status + +
+
+
+
+
+
+
+
+
+
+
+
+
+ Test +
+
+ Test +
+
+ + 0 + +
+
+ + 0 + +
+
+ 0 +
+
+ 0 +
+
+
+
+ Test +
+
+ Test +
+
+ + 30 + +
+
+ + 100 + +
+
+ 100 +
+
+ 100 +
+
+
+
+ Test +
+
+ Test +
+
+ + 60 + +
+
+ + 200 + +
+
+ 200 +
+
+ 200 +
+
+
+
+ Test +
+
+ Test +
+
+ + 90 + +
+
+ + 300 + +
+
+ 300 +
+
+ 300 +
+
+
+
+ Test +
+
+ Test +
+
+ + 120 + +
+
+ + 400 + +
+
+ 400 +
+
+ 400 +
+
+
+
+
+
, + "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 Editable 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+
+
- 2023-09-19T14:31:46.105Z + First Name +
- Bender (old) Coingaming + Last Name +
- Pragmatic Play + Age +
- 22.97 + Visits +
- USD + Activity +
- SUCCESS + Status +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
+ class="relative" + colspan="1" + role="columnheader" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;" + />
- aleksandr@heathmonitoring.com -
+ class="relative" + colspan="1" + role="columnheader" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 0px; width: 150px; position: relative;" + />
+
+
+
+
+
+
+
+
- 2023-09-19T14:31:46.105Z +
- Bender (old) Coingaming +
- Pragmatic Play +
- 22.97 +
- USD +
- SUCCESS +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z +
- Bender (old) Coingaming +
- Pragmatic Play +
- 22.97 +
- USD +
- SUCCESS +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z -
-
- Bender (old) Coingaming +
- Pragmatic Play +
- 22.97 +
- USD +
- SUCCESS +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
-
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z +
- Bender (old) Coingaming +
- Pragmatic Play +
- 22.97 +
- USD +
- SUCCESS +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
- aleksandr@heathmonitoring.com +
- 2023-09-19T14:31:46.105Z +
- Bender (old) Coingaming +
- Pragmatic Play +
- 22.97 +
+
+
+
+
+
+ , + "container":
+
+
+
+
+
+ First Name
- USD -
+ 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;" + /> +
+
+ Last Name
- SUCCESS -
+ 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
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
+ 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
- aleksandr@heathmonitoring.com -
+ 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
- 2023-09-19T14:31:46.105Z -
+ 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
- Bender (old) Coingaming -
+ 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;" + /> +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
, + "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": +
+
+
+
+
- Pragmatic Play + Expand +
- 22.97 + Name +
- USD + Info +
- SUCCESS + Progress +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 + +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + First Name +
- Bender (old) Coingaming + Age +
- Pragmatic Play + Visits +
- 22.97 + Activity +
- USD + Status +
- SUCCESS + Profile Progress +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 -
+ role="columnheader" + style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;" + />
+
+
+
+
+
+
+
+
+
+
- aleksandr@heathmonitoring.com + + 👉 +
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 0 +
- Pragmatic Play + + 0 +
- 22.97 + 0
- USD + 0
- SUCCESS + + 0 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 30 +
- Pragmatic Play + + 100 +
- 22.97 + 100
- USD + 100
- SUCCESS + + 100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 60 +
- Pragmatic Play + + 200 +
- 22.97 + 200
- USD + 200
- SUCCESS + + 200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 90 +
- Pragmatic Play + + 300 +
- 22.97 + 300
- USD + 300
- SUCCESS + + 300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 120 +
- Pragmatic Play + + 400 +
- 22.97 + 400
- USD + 400
- SUCCESS + + 400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 150 +
- Pragmatic Play + + 500 +
- 22.97 + 500
- USD + 500
- SUCCESS + + 500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 180 +
- Pragmatic Play + + 600 +
- 22.97 + 600
- USD + 600
- SUCCESS + + 600 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 210 +
- Pragmatic Play + + 700 +
- 22.97 + 700
- USD + 700
- SUCCESS + + 700 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 240 +
- Pragmatic Play + + 800 +
- 22.97 + 800
- USD + 800
- SUCCESS + + 800 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 270 +
- Pragmatic Play + + 900 +
- 22.97 + 900
- USD + 900
- SUCCESS + + 900 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 300 +
- Pragmatic Play + + 1000 +
- 22.97 + 1000
- USD + 1000
- SUCCESS + + 1000 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 330 +
- Pragmatic Play + + 1100 +
- 22.97 + 1100
- USD + 1100
- SUCCESS + + 1100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 360 +
- Pragmatic Play + + 1200 +
- 22.97 + 1200
- USD + 1200
- SUCCESS + + 1200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 390 +
- Pragmatic Play + + 1300 +
- 22.97 + 1300
- USD + 1300
- SUCCESS + + 1300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 420 +
- Pragmatic Play + + 1400 +
- 22.97 + 1400
- USD + 1400
- SUCCESS + + 1400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 450 +
- Bender (old) Coingaming + + 1500 +
- Pragmatic Play -
-
- 22.97 + 1500
- USD + 1500
- SUCCESS + + 1500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 480 +
- Pragmatic Play + + 1600 +
- 22.97 + 1600
- USD + 1600
- SUCCESS + + 1600 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 510 +
- Pragmatic Play + + 1700 +
- 22.97 + 1700
- USD + 1700
- SUCCESS + + 1700 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 540 +
- Pragmatic Play + + 1800 +
- 22.97 + 1800
- USD + 1800
- SUCCESS + + 1800 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 570 +
- Pragmatic Play + + 1900 +
- 22.97 + 1900
- USD + 1900
- SUCCESS + + 1900 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 600 +
- Pragmatic Play + + 2000 +
- 22.97 + 2000
- USD + 2000
- SUCCESS + + 2000 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 630 +
- Pragmatic Play + + 2100 +
- 22.97 + 2100
- USD + 2100
- SUCCESS + + 2100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 660 +
- Pragmatic Play + + 2200 +
- 22.97 + 2200
- USD + 2200
- SUCCESS + + 2200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 690 +
- Pragmatic Play + + 2300 +
- 22.97 + 2300
- USD + 2300
- SUCCESS + + 2300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 720 +
- Pragmatic Play + + 2400 +
- 22.97 + 2400
- USD + 2400
- SUCCESS + + 2400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 750 +
- Pragmatic Play + + 2500 +
- 22.97 + 2500
- USD + 2500
- SUCCESS + + 2500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 780 +
- Pragmatic Play + + 2600 +
- 22.97 + 2600
- USD + 2600
- SUCCESS + + 2600 +
- 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 + +
+
+
+
+ + 👉 +
+ Test +
+
+ + 840 + +
+
+ + 2800 + +
+
+ 2800 +
+
+ 2800 +
+
- SUCCESS + + 2800 +
-
-
-
-
- , - "container":
-
-
-
-
- Transactions -
- Info + 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;" + > + + 👉 + +
-
- Status + 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;" + > + Test +
-
-
-
- Transaction UUID + 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;" + > + + 870 + +
-
- User & Supplier user + 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;" + > + + 2900 + +
-
- Process time + 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;" + > + 2900 +
-
- Client + 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;" + > + 2900 +
- Game name & provider +
+ + 👉 + +
+
+ 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 +
+
+ + 1050 + +
+
+ + 3500 + +
+
+ 3500 +
+
+ 3500 +
+
+ + 3500 + +
+
+
+
+ + 👉 + +
+
+ Test +
+
+ + 1080 + +
+
+ + 3600 + +
+
+ 3600 +
+
+ 3600 +
+
+ + 3600 + +
+
+
+
+ + 👉 + +
+
+ Test +
+
+ + 1110 + +
+
+ + 3700 + +
+
+ 3700 +
+
+ 3700 +
+
+ + 3700 + +
+
+
+
+ + 👉 + +
+
+ Test +
+
+ + 1140 + +
+
+ + 3800 + +
+
+ 3800 +
+
+ 3800 +
+
+ + 3800 + +
+
+
+
+ + 👉 + +
+
+ Test +
+
+ + 1170 + +
+
+ + 3900 + +
+
+ 3900 +
+
+ 3900 +
+
+ + 3900 + +
+
+
+
+
+
+ , + "container":
+
+
+
+
+
+ Expand
- Amount + Name
- Currency + Info
- Status + Progress
+ style="box-sizing: border-box; flex: 150 0 auto; min-width: 100px; width: 150px; position: sticky; z-index: 3; left: 0px;" + > + + 👉 + +
+ First Name + +
+ Age + +
+ Visits + +
+ Activity + +
+ Status + +
+ Profile Progress + +
+
+
@@ -33573,2681 +37093,2841 @@ Object {
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 0 +
- Pragmatic Play + + 0 +
- 22.97 + 0
- USD + 0
- SUCCESS + + 0 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 30 +
- Pragmatic Play + + 100 +
- 22.97 + 100
- USD + 100
- SUCCESS + + 100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 60 +
- Pragmatic Play + + 200 +
- 22.97 + 200
- USD + 200
- SUCCESS + + 200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 90 +
- Pragmatic Play + + 300 +
- 22.97 + 300
- USD + 300
- SUCCESS + + 300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 120 +
- Pragmatic Play + + 400 +
- 22.97 + 400
- USD + 400
- SUCCESS + + 400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 150 +
- Pragmatic Play + + 500 +
- 22.97 + 500
- USD + 500
- SUCCESS + + 500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 180 +
- Pragmatic Play + + 600 +
- 22.97 + 600
- USD + 600
- SUCCESS + + 600 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 210 +
- Pragmatic Play + + 700 +
- 22.97 + 700
- USD + 700
- SUCCESS + + 700 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 240 +
- Pragmatic Play + + 800 +
- 22.97 + 800
- USD + 800
- SUCCESS + + 800 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 270 +
- Pragmatic Play + + 900 +
- 22.97 + 900
- USD + 900
- SUCCESS + + 900 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 300 +
- Pragmatic Play + + 1000 +
- 22.97 + 1000
- USD + 1000
- SUCCESS + + 1000 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 330 +
- Pragmatic Play + + 1100 +
- 22.97 + 1100
- USD + 1100
- SUCCESS + + 1100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 360 +
- Pragmatic Play + + 1200 +
- 22.97 + 1200
- USD + 1200
- SUCCESS + + 1200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 390 +
- Pragmatic Play + + 1300 +
- 22.97 + 1300
- USD + 1300
- SUCCESS + + 1300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 420 +
- Pragmatic Play + + 1400 +
- 22.97 + 1400
- USD + 1400
- SUCCESS + + 1400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 450 +
- Pragmatic Play + + 1500 +
- 22.97 + 1500
- USD + 1500
- SUCCESS + + 1500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 480 +
- Pragmatic Play + + 1600 +
- 22.97 + 1600
- USD + 1600
- SUCCESS + + 1600 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 510 +
- Pragmatic Play + + 1700 +
- 22.97 + 1700
- USD + 1700
- SUCCESS + + 1700 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z + + 540 +
- Bender (old) Coingaming + + 1800 +
- Pragmatic Play + 1800
- 22.97 + 1800
- USD -
-
- SUCCESS + + 1800 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 570 +
- Pragmatic Play + + 1900 +
- 22.97 + 1900
- USD + 1900
- SUCCESS + + 1900 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 600 +
- Pragmatic Play + + 2000 +
- 22.97 + 2000
- USD + 2000
- SUCCESS + + 2000 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 630 +
- Pragmatic Play + + 2100 +
- 22.97 + 2100
- USD + 2100
- SUCCESS + + 2100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 660 +
- Pragmatic Play + + 2200 +
- 22.97 + 2200
- USD + 2200
- SUCCESS + + 2200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 690 +
- Pragmatic Play + + 2300 +
- 22.97 + 2300
- USD + 2300
- SUCCESS + + 2300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 720 +
- Pragmatic Play + + 2400 +
- 22.97 + 2400
- USD + 2400
- SUCCESS + + 2400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 750 +
- Pragmatic Play + + 2500 +
- 22.97 + 2500
- USD + 2500
- SUCCESS + + 2500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 780 +
- Pragmatic Play + + 2600 +
- 22.97 + 2600
- USD + 2600
- SUCCESS + + 2600 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 810 +
- Pragmatic Play + + 2700 +
- 22.97 + 2700
- USD + 2700
- SUCCESS + + 2700 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 840 +
- Pragmatic Play + + 2800 +
- 22.97 + 2800
- USD + 2800
- SUCCESS + + 2800 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 870 +
- Pragmatic Play + + 2900 +
- 22.97 + 2900
- USD + 2900
- SUCCESS + + 2900 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 900 +
- Pragmatic Play + + 3000 +
- 22.97 + 3000
- USD + 3000
- SUCCESS + + 3000 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 930 +
- Pragmatic Play + + 3100 +
- 22.97 + 3100
- USD + 3100
- SUCCESS + + 3100 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 960 +
- Pragmatic Play + + 3200 +
- 22.97 + 3200
- USD + 3200
- SUCCESS + + 3200 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 990 +
- Pragmatic Play + + 3300 +
- 22.97 + 3300
- USD + 3300
- SUCCESS + + 3300 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 1020 +
- Pragmatic Play + + 3400 +
- 22.97 + 3400
- USD + 3400
- SUCCESS + + 3400 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com + Test
- 2023-09-19T14:31:46.105Z -
-
- Bender (old) Coingaming + + 1050 +
- Pragmatic Play + + 3500 +
- 22.97 + 3500
- USD + 3500
- SUCCESS + + 3500 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 1080 +
- Pragmatic Play + + 3600 +
- 22.97 + 3600
- USD + 3600
- SUCCESS + + 3600 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 1110 +
- Pragmatic Play + + 3700 +
- 22.97 + 3700
- USD + 3700
- SUCCESS + + 3700 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 1140 +
- Pragmatic Play + + 3800 +
- 22.97 + 3800
- USD + 3800
- SUCCESS + + 3800 +
- 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 + + 👉 +
- aleksandr@heathmonitoring.com -
-
- 2023-09-19T14:31:46.105Z + Test
- Bender (old) Coingaming + + 1170 +
- Pragmatic Play + + 3900 +
- 22.97 + 3900
- USD + 3900
- SUCCESS + + 3900 +
@@ -36308,7 +39988,7 @@ Object { } `; -exports[`Table in RTL renders MiniMap 1`] = ` +exports[`Table in RTL renders LongData 1`] = ` Object { "asFragment": [Function], "baseElement": @@ -36317,5411 +39997,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 - + 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
- Visits - + 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
- Activity - + 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
- 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;" + />
+ Process time
+
+
+ Client
+
+
+ Game name & provider
+
+
+ Amount
+
+
+ Currency
+
+
+ Status
+
+
+
+
+
+
+
+
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test -
-
- Test -
-
- - 0 - -
-
- - 0 - -
-
- 0 -
-
- - 0 - + USD
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 30 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 100 - + USD
+
+
- 100 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 100 - + USD
- Test -
-
- Test -
-
- - 60 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 200 - + USD
+
+
- 200 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 200 - + USD
- Test + SUCCESS
+
+
+
+
+ 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 + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 120 - + 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 +
+
- - 400 - + USD
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 150 - + 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 +
+
- - 500 - + USD
- Test + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- Test + USD
+
+
- - 180 - + SUCCESS
+
+
+
+
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546 +
+
+ aleksandr@heathmonitoring.com +
+
+ 2023-09-19T14:31:46.105Z +
+
+ Bender (old) Coingaming +
+
+ Pragmatic Play +
+
+ 22.97 +
+
- - 600 - + USD
+
+
- 600 -
-
- - 600 - + SUCCESS
+
+
-
- Test -
-
- Test -
-
- - 210 - -
-
- - 700 - -
-
- 700 -
-
- - 700 - -
+ 84837d8ac654aa4689efa4649-84837d8ac654aa4689efa4649756454a5646545546d54f6546f546
-
- Test -
-
- Test -
-
- - 240 - -
-
- - 800 - -
-
- 800 -
-
- - 800 - -
+ aleksandr@heathmonitoring.com
-
- Test -
-
- Test -
-
- - 270 - -
-
- - 900 - -
-
- 900 -
-
- - 900 - -
+ 2023-09-19T14:31:46.105Z
-
- Test -
-
- Test -
-
- - 300 - -
-
- - 1000 - -
-
- 1000 -
-
- - 1000 - -
+ Bender (old) Coingaming
-
- Test -
-
- Test -
-
- - 330 - -
-
- - 1100 - -
-
- 1100 -
-
- - 1100 - -
+ Pragmatic Play
-
- Test -
-
- Test -
-
- - 360 - -
-
- - 1200 - -
-
- 1200 -
-
- - 1200 - -
+ 22.97
- Test -
-
- Test -
-
- - 390 - -
-
- - 1300 - -
-
- 1300 -
-
- - 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
-
- Test -
-
- Test -
-
- - 570 - -
-
- - 1900 - -
-
- 1900 -
-
- - 1900 - -
+ Pragmatic Play
-
-
-
-
-