Added capability to configure a double click event on rows

src/DynamicDataGrid.xml

@@ -176,6 +176,10 @@
                     <caption>On click action</caption>
                     <description />
                 </property>
+                <property key="onDoubleClickRow" type="action" required="false" dataSource="dataSourceRow">
+                    <caption>On double click action</caption>
+                    <description />
+                </property>
             </propertyGroup>
             <propertyGroup caption="Column header">
                 <property key="onClickColumnHeader" type="action" required="false" dataSource="dataSourceColumn">

src/components/Cell.tsx

@@ -6,7 +6,7 @@ interface CellProps {
     children: ReactNode;
     className?: string;
     key: string;
-    onClick?: () => void;
+    onClick?: (event?: React.MouseEvent) => void;
     rowIndex: number;
     renderAs: RenderAsEnum;
 }

src/components/Cells.tsx

@@ -54,7 +54,7 @@ export function Cells(props: CellsProps): ReactElement {
     const { dataSourceCell, referenceRow, referenceColumn, dataSourceColumn, renderAs, pageCell } = props;
     const { showRowAs, columnClass, cellClass } = props;
     const { row, rowIndex, loading } = props;
-    const { onClickRow, onClickCell, onClickColumn, onClickRowHeader } = props;
+    const { onClickRow, onDoubleClickRow, onClickCell, onClickColumn, onClickRowHeader } = props;
     // potential optimize with hash table?
     const cells =
         dataSourceColumn.items?.map(column => {
@@ -68,14 +68,17 @@ Please make sure your cell sort order and row sort order are matching, and cell
                 );
             }
 
-            const onClick =
+            const onClick = (e: React.MouseEvent) =>
                 cell && onClickCell
-                    ? (): void => onClickCell?.get(cell).execute()
-                    : onClickRow
-                    ? (): void => onClickRow?.get(row).execute()
+                    ? onClickCell?.get(cell).execute()
+                    : onClickRow && e.detail === 1
+                    ? onClickRow?.get(row).execute()
+                    : onDoubleClickRow && e.detail === 2
+                    ? onDoubleClickRow?.get(row).execute()
                     : onClickColumn
-                    ? (): void => onClickColumn?.get(column).execute()
+                    ? onClickColumn?.get(column).execute()
                     : undefined;
+
             const cellClassColumn = columnClass?.get(column).value ?? undefined;
             const cellClassValue = (cell && cellClass?.get(cell).value) ?? undefined;
             return (

typings/DynamicDataGridProps.d.ts

@@ -53,6 +53,7 @@ export interface DynamicDataGridContainerProps {
     columnClass?: ListExpressionValue<string>;
     onClickRowHeader?: ListActionValue;
     onClickRow?: ListActionValue;
+    onDoubleClickRow?: ListActionValue;
     onClickColumnHeader?: ListActionValue;
     onClickColumn?: ListActionValue;
     onClickCell?: ListActionValue;
@@ -99,6 +100,7 @@ export interface DynamicDataGridPreviewProps {
     columnClass: string;
     onClickRowHeader: {} | null;
     onClickRow: {} | null;
+    onDoubleClickRow: {} | null;
     onClickColumnHeader: {} | null;
     onClickColumn: {} | null;
     onClickCell: {} | null;