@coveord/plasma-mantine 52.13.0 → 52.13.1

package/src/components/modal-wizard/__tests__/ModalWizard.spec.tsx

@@ -60,13 +60,13 @@ describe('ModalWizard', () => {
                         {step.element}
                     </ModalWizard.Step>
                 ))}
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         expect(
             screen.getByRole('heading', {
                 name: /current step is: 1/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(screen.getByText(/slide 1/i)).toBeInTheDocument();
@@ -74,7 +74,7 @@ describe('ModalWizard', () => {
         expect(
             screen.getByRole('button', {
                 name: /close-modal/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         let nextButton = screen.getByRole('button', {
@@ -87,13 +87,13 @@ describe('ModalWizard', () => {
         expect(
             screen.getByRole('heading', {
                 name: /current step is: 2/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(
             screen.getByRole('button', {
                 name: /close-modal/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(screen.getByText(/slide 2/i)).toBeInTheDocument();
@@ -101,7 +101,7 @@ describe('ModalWizard', () => {
         expect(
             screen.getByRole('button', {
                 name: /previous/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         nextButton = screen.getByRole('button', {
@@ -114,13 +114,13 @@ describe('ModalWizard', () => {
         expect(
             screen.getByRole('heading', {
                 name: /current step is: 3/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(
             screen.getByRole('button', {
                 name: /close-modal/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(screen.getByText(/slide 3/i)).toBeInTheDocument();
@@ -128,7 +128,7 @@ describe('ModalWizard', () => {
         expect(
             screen.getByRole('button', {
                 name: /previous/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         nextButton = screen.getByRole('button', {
@@ -141,19 +141,19 @@ describe('ModalWizard', () => {
         await user.click(
             screen.getByRole('button', {
                 name: /previous/i,
-            })
+            }),
         );
 
         expect(
             screen.getByRole('heading', {
                 name: /current step is: 2/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(
             screen.getByRole('button', {
                 name: /close-modal/i,
-            })
+            }),
         ).toBeInTheDocument();
 
         expect(screen.getByText(/slide 2/i)).toBeInTheDocument();
@@ -161,7 +161,7 @@ describe('ModalWizard', () => {
         expect(
             screen.getByRole('button', {
                 name: /previous/i,
-            })
+            }),
         ).toBeInTheDocument();
     });
 
@@ -193,7 +193,7 @@ describe('ModalWizard', () => {
                         {model_item.element}
                     </ModalWizard.Step>
                 ))}
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         const closeButton = screen.getByRole('button', {
@@ -231,7 +231,7 @@ describe('ModalWizard', () => {
                         {model_item.element}
                     </ModalWizard.Step>
                 ))}
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         const cancelButton = screen.getByRole('button', {
@@ -270,7 +270,7 @@ describe('ModalWizard', () => {
                         {model_item.element}
                     </ModalWizard.Step>
                 ))}
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         const finishButton = screen.getByRole('button', {
@@ -309,7 +309,7 @@ describe('ModalWizard', () => {
                         {model_item.element}
                     </ModalWizard.Step>
                 ))}
-            </ModalWizard>
+            </ModalWizard>,
         );
         const closeButton = screen.getByRole('button', {
             name: /close-modal/i,
@@ -350,7 +350,7 @@ describe('ModalWizard', () => {
                         {model_item.element}
                     </ModalWizard.Step>
                 ))}
-            </ModalWizard>
+            </ModalWizard>,
         );
         const closeButton = screen.getByRole('button', {
             name: /close-modal/i,
@@ -372,7 +372,7 @@ describe('ModalWizard', () => {
                 <ModalWizard.Step title="Step 2" validateStep={() => ({isValid: true})}>
                     Content step 2
                 </ModalWizard.Step>
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         expect(screen.queryByRole('progressbar')).not.toBeInTheDocument();
@@ -391,7 +391,7 @@ describe('ModalWizard', () => {
                 <ModalWizard.Step title="Step 2" validateStep={() => ({isValid: false})}>
                     Content step 2
                 </ModalWizard.Step>
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         expect(screen.getByRole('button', {name: /next/i})).toBeEnabled();
@@ -408,7 +408,7 @@ describe('ModalWizard', () => {
                 <ModalWizard.Step title="Step 2" validateStep={() => ({isValid: false})}>
                     Content step 2
                 </ModalWizard.Step>
-            </ModalWizard>
+            </ModalWizard>,
         );
 
         expect(screen.getByRole('button', {name: /next/i})).toBeEnabled();

package/src/components/prompt/__tests__/Prompt.spec.tsx

@@ -7,7 +7,7 @@ describe('Prompt', () => {
             <Prompt variant="default" opened onClose={vi.fn()} title="title modal">
                 content modal
                 <Prompt.Footer>footer content</Prompt.Footer>
-            </Prompt>
+            </Prompt>,
         );
         expect(screen.getByText(/content modal/i)).toBeInTheDocument();
         expect(screen.getByText(/footer content/i)).toBeInTheDocument();
@@ -20,7 +20,7 @@ describe('Prompt', () => {
         render(
             <Prompt variant="default" opened onClose={onClose} title="title modal">
                 content modal
-            </Prompt>
+            </Prompt>,
         );
 
         screen.getByRole('button').click();

package/src/components/sticky-footer/__tests__/StickyFooter.spec.tsx

@@ -12,7 +12,7 @@ describe('StickyFooter', () => {
         render(
             <StickyFooter>
                 <div>im the children</div>
-            </StickyFooter>
+            </StickyFooter>,
         );
 
         expect(screen.getByText('im the children')).toBeInTheDocument();

package/src/components/table/__tests__/Table.spec.tsx

@@ -26,7 +26,7 @@ describe('Table', () => {
                 <Table data={[]} columns={columns} noDataChildren={<EmptyState />}>
                     <Table.Header data-testid="table-header">header</Table.Header>
                     <Table.Footer data-testid="table-footer">footer</Table.Footer>
-                </Table>
+                </Table>,
             );
 
             expect(screen.queryByTestId('table-header')).not.toBeInTheDocument();
@@ -44,7 +44,7 @@ describe('Table', () => {
                 >
                     <Table.Header data-testid="table-header">header</Table.Header>
                     <Table.Footer data-testid="table-footer">footer</Table.Footer>
-                </Table>
+                </Table>,
             );
 
             expect(screen.getByTestId('table-header')).toBeVisible();
@@ -66,7 +66,7 @@ describe('Table', () => {
                 <Table.Consumer>
                     <Fixture />
                 </Table.Consumer>
-            </Table>
+            </Table>,
         );
 
         expect(screen.getByRole('button', {name: 'Click me'})).toBeVisible();
@@ -92,10 +92,10 @@ describe('Table', () => {
                     <Table.Header>
                         <Table.Filter data-testid="table-filter" />
                     </Table.Header>
-                </Table>
+                </Table>,
             );
             expect(screen.getByTestId('filtered-empty-state').parentElement).toHaveClass(
-                'mantine-Skeleton-root mantine-Skeleton-visible'
+                'mantine-Skeleton-root mantine-Skeleton-visible',
             );
         });
 
@@ -105,10 +105,10 @@ describe('Table', () => {
                     <Table.Header>
                         <Table.Filter data-testid="table-filter" />
                     </Table.Header>
-                </Table>
+                </Table>,
             );
             expect(screen.getByTestId('empty-state').parentElement).toHaveClass(
-                'mantine-Skeleton-root mantine-Skeleton-visible'
+                'mantine-Skeleton-root mantine-Skeleton-visible',
             );
         });
     });
@@ -126,7 +126,7 @@ describe('Table', () => {
                     ]}
                     columns={columns}
                 />
-            </div>
+            </div>,
         );
 
         const row = screen.getByRole('row', {name: 'patate king', selected: false});
@@ -204,7 +204,7 @@ describe('Table', () => {
                     layouts={layouts}
                 >
                     <Table.Header data-testid="table-header" />
-                </Table>
+                </Table>,
             );
             expect(screen.getByRole('radio', {name: /layout 1/i})).toBeChecked();
             expect(screen.getByTestId('layout1-header')).toBeInTheDocument();
@@ -236,7 +236,7 @@ describe('Table', () => {
                     layouts={layouts}
                 >
                     <Table.Header data-testid="table-header" />
-                </Table>
+                </Table>,
             );
 
             await user.click(screen.getByRole('radio', {name: /layout 2/i}));
@@ -254,7 +254,7 @@ describe('Table', () => {
                     initialState={{layout: 'Layout 2'}}
                 >
                     <Table.Header data-testid="table-header" />
-                </Table>
+                </Table>,
             );
 
             expect(screen.getByRole('radio', {name: /layout 2/i})).toBeChecked();
@@ -280,7 +280,7 @@ describe('Table', () => {
                     columns={columns}
                     multiRowSelectionEnabled
                     onRowSelectionChange={onRowSelectionChangeSpy}
-                />
+                />,
             );
             await user.click(within(screen.getByRole('row', {name: /jane doe/i})).getByRole('checkbox'));
             expect(onRowSelectionChangeSpy).toHaveBeenCalledTimes(1);
@@ -316,7 +316,7 @@ describe('Table', () => {
                         columns={columns}
                         multiRowSelectionEnabled
                     />
-                </div>
+                </div>,
             );
 
             const row = screen.getByRole('row', {name: /patate king/i, selected: false});
@@ -345,7 +345,7 @@ describe('Table', () => {
                     multiRowSelectionEnabled
                 >
                     <Table.Header />
-                </Table>
+                </Table>,
             );
 
             await user.click(screen.getByRole('checkbox', {name: /select all/i}));
@@ -366,7 +366,7 @@ describe('Table', () => {
                     initialState={{
                         rowSelection: {'🆔-2': {id: '🆔-2', firstName: 'Jane', lastName: 'Doe'}},
                     }}
-                />
+                />,
             );
 
             expect(screen.queryByRole('button', {name: /1 selected/i})).not.toBeInTheDocument();

package/src/components/table/__tests__/TableActions.spec.tsx

@@ -17,7 +17,7 @@ describe('Table.Actions', () => {
                 <Table.Header>
                     <Table.Actions>{(datum: RowData) => <Button>Eat {datum.name}</Button>}</Table.Actions>
                 </Table.Header>
-            </Table>
+            </Table>,
         );
 
         // no row is selected, no actions should be visible
@@ -42,7 +42,7 @@ describe('Table.Actions', () => {
                 <Table.Header>
                     <Table.Actions>{(datum: RowData) => <Button>Eat {datum.name}</Button>}</Table.Actions>
                 </Table.Header>
-            </Table>
+            </Table>,
         );
         await user.click(screen.getByRole('cell', {name: 'fruit'}));
         expect(screen.getByRole('row', {name: 'fruit', selected: false})).toBeInTheDocument();
@@ -65,7 +65,7 @@ describe('Table.Actions', () => {
                     <Table.Header>
                         <Table.Actions>{renderSpy}</Table.Actions>
                     </Table.Header>
-                </Table>
+                </Table>,
             );
             await user.click(within(screen.getByRole('row', {name: /fruit/})).getByRole('checkbox'));
             await user.click(within(screen.getByRole('row', {name: /vegetable/})).getByRole('checkbox'));

package/src/components/table/__tests__/TableDateRangePicker.spec.tsx

@@ -59,7 +59,7 @@ describe('Table.DateRangePicker', () => {
                         presets={{preset: {label: 'Preset', range: [new Date(2022, 0, 8), new Date(2022, 0, 14)]}}}
                     />
                 </Table.Header>
-            </Table>
+            </Table>,
         );
         const tableHeader = screen.getByTestId('table-header');
 
@@ -77,7 +77,7 @@ describe('Table.DateRangePicker', () => {
             expect(onChange).toHaveBeenCalledTimes(1);
         });
         expect(onChange).toHaveBeenCalledWith(
-            expect.objectContaining({dateRange: [new Date(2022, 0, 8), new Date(2022, 0, 14)]})
+            expect.objectContaining({dateRange: [new Date(2022, 0, 8), new Date(2022, 0, 14)]}),
         );
         expect(within(tableHeader).getByText('Jan 08, 2022 - Jan 14, 2022')).toBeInTheDocument();
 

package/src/components/table/__tests__/TableFilter.spec.tsx

@@ -22,7 +22,7 @@ describe('Table.Filter', () => {
                 <Table.Header>
                     <Table.Filter placeholder="hello fruits" />
                 </Table.Header>
-            </Table>
+            </Table>,
         );
 
         expect(screen.getByPlaceholderText('hello fruits')).toBeVisible();
@@ -36,7 +36,7 @@ describe('Table.Filter', () => {
                 <Table.Header>
                     <Table.Filter />
                 </Table.Header>
-            </Table>
+            </Table>,
         );
 
         await user.type(screen.getByRole('textbox'), 'vegetable');
@@ -57,14 +57,14 @@ describe('Table.Filter', () => {
                     <Table.PerPage />
                     <Table.Pagination totalPages={2} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         await user.type(screen.getByRole('textbox'), 'veg');
         vi.advanceTimersByTime(500);
 
         expect(onChange).toHaveBeenCalledWith(
-            expect.objectContaining({globalFilter: 'veg', pagination: {pageIndex: 0, pageSize: 50}})
+            expect.objectContaining({globalFilter: 'veg', pagination: {pageIndex: 0, pageSize: 50}}),
         );
     });
 
@@ -75,7 +75,7 @@ describe('Table.Filter', () => {
                 <Table.Header>
                     <Table.Filter placeholder="hello fruits" />
                 </Table.Header>
-            </Table>
+            </Table>,
         );
         expect(screen.getByRole('textbox')).toHaveValue('foo');
         await user.click(screen.getByRole('button', {name: /cross/i}));
@@ -96,11 +96,11 @@ describe('Table.Filter', () => {
                     <Table.Header>
                         <Table.Filter />
                     </Table.Header>
-                </Table>
+                </Table>,
             );
 
             await user.click(
-                within(screen.getByRole('row', {name: /fruit/i})).getByRole('checkbox', {name: /select row/i})
+                within(screen.getByRole('row', {name: /fruit/i})).getByRole('checkbox', {name: /select row/i}),
             );
             await user.type(screen.getByRole('textbox'), 'veg');
             expect(screen.getByRole('button', {name: /1 selected/i})).toBeInTheDocument();

package/src/components/table/__tests__/TableLastUpdated.spec.tsx

@@ -22,7 +22,7 @@ describe('Table.LastUpdated', () => {
         const {rerender} = render(
             <Table data={[{name: 'fruit'}]} columns={columns}>
                 <Table.LastUpdated />
-            </Table>
+            </Table>,
         );
 
         expect(screen.getByText('Last update:')).toBeVisible();
@@ -31,7 +31,7 @@ describe('Table.LastUpdated', () => {
         rerender(
             <Table data={[{name: 'fruit'}]} columns={columns}>
                 <Table.LastUpdated label="CUSTOM label:" />
-            </Table>
+            </Table>,
         );
 
         expect(screen.queryByText('Last update:')).not.toBeInTheDocument();

package/src/components/table/__tests__/TablePagination.spec.tsx

@@ -23,7 +23,7 @@ describe('Table.Pagination', () => {
                 <Table.Footer>
                     <Table.Pagination totalPages={3} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         const buttons = screen.getAllByRole('button');
@@ -43,7 +43,7 @@ describe('Table.Pagination', () => {
                 <Table.Footer>
                     <Table.Pagination totalPages={5} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         onChange.mockReset();
@@ -52,7 +52,7 @@ describe('Table.Pagination', () => {
 
         await waitFor(() => {
             expect(onChange).toHaveBeenCalledWith(
-                expect.objectContaining({pagination: expect.objectContaining({pageIndex: 1})})
+                expect.objectContaining({pagination: expect.objectContaining({pageIndex: 1})}),
             );
         });
     });
@@ -77,7 +77,7 @@ describe('Table.Pagination', () => {
                 <Table.Footer>
                     <Table.Pagination totalPages={null} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         expect(screen.getByText('fruits')).toBeVisible();
@@ -111,7 +111,7 @@ describe('Table.Pagination', () => {
                     <Table.PerPage />
                     <Table.Pagination totalPages={5} onPageChange={onChangePage} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         onChangePage.mockReset();
@@ -130,7 +130,7 @@ describe('Table.Pagination', () => {
                 <Table.Footer data-testid="table-footer">
                     <Table.Pagination totalPages={0} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
         expect(screen.getByTestId('table-footer')).toBeEmptyDOMElement();
     });

package/src/components/table/__tests__/TablePerPage.spec.tsx

@@ -21,7 +21,7 @@ describe('Table.PerPage', () => {
                 <Table.Footer>
                     <Table.PerPage label="Per page" />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         expect(screen.getByText('Per page')).toBeVisible();
@@ -37,7 +37,7 @@ describe('Table.PerPage', () => {
                 <Table.Footer>
                     <Table.PerPage label="Per page" values={[2, 7, 12, 17]} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         const radios = screen.getAllByRole('radio');
@@ -60,11 +60,11 @@ describe('Table.PerPage', () => {
                 <Table.Footer>
                     <Table.PerPage />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         expect(onMount).toHaveBeenCalledWith(
-            expect.objectContaining({pagination: expect.objectContaining({pageSize: 100})})
+            expect.objectContaining({pagination: expect.objectContaining({pageSize: 100})}),
         );
     });
 
@@ -76,13 +76,13 @@ describe('Table.PerPage', () => {
                 <Table.Footer>
                     <Table.PerPage />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         await user.click(screen.queryByRole('radio', {name: '100'}));
         vi.advanceTimersByTime(500);
         expect(onChange).toHaveBeenCalledWith(
-            expect.objectContaining({pagination: expect.objectContaining({pageSize: 100})})
+            expect.objectContaining({pagination: expect.objectContaining({pageSize: 100})}),
         );
     });
 
@@ -100,13 +100,13 @@ describe('Table.PerPage', () => {
                     <Table.Pagination totalPages={2} />
                     <Table.PerPage />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         await user.click(screen.queryByRole('radio', {name: '100'}));
         vi.advanceTimersByTime(500);
         expect(onChange).toHaveBeenCalledWith(
-            expect.objectContaining({pagination: expect.objectContaining({pageIndex: 0})})
+            expect.objectContaining({pagination: expect.objectContaining({pageIndex: 0})}),
         );
     });
 
@@ -123,7 +123,7 @@ describe('Table.PerPage', () => {
                     <Table.Pagination totalPages={2} />
                     <Table.PerPage onPerPageChange={onPerPageChange} />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
 
         onPerPageChange.mockReset();
@@ -141,7 +141,7 @@ describe('Table.PerPage', () => {
                 <Table.Footer data-testid="table-footer">
                     <Table.PerPage />
                 </Table.Footer>
-            </Table>
+            </Table>,
         );
         expect(screen.getByTestId('table-footer')).toBeEmptyDOMElement();
     });

package/src/components/table/__tests__/TablePredicate.spec.tsx

@@ -27,7 +27,7 @@ describe('Table.Predicate', () => {
                         ]}
                     />
                 </Table.Header>
-            </Table>
+            </Table>,
         );
 
         await waitFor(() => {
@@ -50,7 +50,7 @@ describe('Table.Predicate', () => {
                         ]}
                     />
                 </Table.Header>
-            </Table>
+            </Table>,
         );
 
         await user.click(screen.getByRole('searchbox', {name: 'rank'}));

package/src/components/table/layouts/RowLayout.tsx

@@ -158,6 +158,7 @@ const RowLayoutBody = <T,>({
                                     width: columnSizing.size ?? 'auto',
                                     minWidth: columnSizing.minSize,
                                     maxWidth: columnSizing.maxSize,
+                                    overflowWrap: 'break-word',
                                 }}
                                 className={cx(classes.cell, {
                                     [classes.rowCollapsibleButtonCell]: cell.column.id === TableCollapsibleColumn.id,