@coveord/plasma-mantine 48.15.0 → 48.17.0

package/src/components/table/Table.tsx

@@ -124,6 +124,10 @@ interface TableProps<T> {
      * Initial state of the table
      */
     initialState?: InitialTableState & Partial<TableFormType>;
+    /**
+     * Action passed when user double clicks on a row
+     */
+    doubleClickAction?: (datum: T) => void;
 }
 
 interface TableType {
@@ -149,6 +153,7 @@ export const Table: TableType = <T,>({
     onChange,
     children,
     loading = false,
+    doubleClickAction,
 }: TableProps<T>) => {
     const convertedChildren = Children.toArray(children) as ReactElement[];
     const header = convertedChildren.find((child) => child.type === TableHeader);
@@ -224,6 +229,7 @@ export const Table: TableType = <T,>({
             <Fragment key={row.id}>
                 <tr
                     onClick={() => toggleRowSelection(row)}
+                    onDoubleClick={() => doubleClickAction?.(row.original)}
                     className={cx(classes.row, {[classes.rowSelected]: row.getIsSelected()})}
                 >
                     {row.getVisibleCells().map((cell) => {

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

@@ -4,7 +4,7 @@ import {FunctionComponent} from 'react';
 
 import {Table} from '../Table';
 
-type RowData = {firstName: string; lastName: string};
+type RowData = {firstName: string; lastName?: string};
 
 const columnHelper = createColumnHelper<RowData>();
 const columns: Array<ColumnDef<RowData>> = [
@@ -127,6 +127,21 @@ describe('Table', () => {
         expect(allRows).toHaveLength(2);
     });
 
+    it('calls an action when user double clicks on a row', async () => {
+        const user = userEvent.setup();
+        const doubleClickSpy = jest.fn();
+        render(
+            <Table<RowData>
+                data={[{firstName: 'Mario'}, {firstName: 'Luigi'}]}
+                columns={columns}
+                doubleClickAction={doubleClickSpy}
+            ></Table>
+        );
+        await user.dblClick(screen.getByRole('cell', {name: 'Mario'}));
+        expect(doubleClickSpy).toHaveBeenCalledTimes(1);
+        expect(doubleClickSpy).toHaveBeenCalledWith({firstName: 'Mario'});
+    });
+
     it('reset row selection when user click outside the table', async () => {
         const user = userEvent.setup({delay: null});
         render(

package/src/index.ts

@@ -10,7 +10,7 @@ export * from '@mantine/hooks';
 export {createColumnHelper, type ColumnDef} from '@tanstack/table-core';
 export * from './components';
 // explicitly overriding mantine components
-export {Header, Table, HeaderProps} from './components';
+export {Header, Table, HeaderProps, Modal} from './components';
 export * from './theme';
 
 declare module '@mantine/core' {