@mirror-physics/fractal-ui 0.2.0-next.60 → 0.2.0-next.62

package/dist/index.cjs

@@ -1458,6 +1458,7 @@ function SortableTable({
   pagination,
   highlightRow,
   onRowClick,
+  onRowDoubleClick,
   rowAction
 }) {
   const [internalKey, setInternalKey] = (0, import_react4.useState)(defaultSortKey ?? null);
@@ -1568,6 +1569,7 @@ function SortableTable({
       }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tbody", { children: visibleRows.map((row, rowIndex) => {
         const highlighted = highlightRow?.(row, rowIndex) ?? false;
+        const interactive = Boolean(onRowClick || onRowDoubleClick);
         const action = rowAction ? {
           label: rowAction.label(row, rowIndex),
           icon: rowAction.icon(row, rowIndex)
@@ -1578,18 +1580,20 @@ function SortableTable({
             className: cn(
               "fractal-sortable-table-row",
               highlighted && "fractal-sortable-table-row--highlighted",
-              onRowClick && "fractal-sortable-table-row--interactive"
+              interactive && "fractal-sortable-table-row--interactive"
             ),
             onClick: onRowClick ? () => onRowClick(row, rowIndex) : void 0,
-            onKeyDown: onRowClick ? (event) => {
+            onDoubleClick: onRowDoubleClick ? () => onRowDoubleClick(row, rowIndex) : void 0,
+            onKeyDown: interactive ? (event) => {
               if (event.key === "Enter" || event.key === " ") {
                 event.preventDefault();
-                onRowClick(row, rowIndex);
+                const activateRow = onRowClick ?? onRowDoubleClick;
+                activateRow?.(row, rowIndex);
               }
             } : void 0,
             "aria-label": action?.label,
-            role: onRowClick ? "button" : void 0,
-            tabIndex: onRowClick ? 0 : void 0,
+            role: interactive ? "button" : void 0,
+            tabIndex: interactive ? 0 : void 0,
             children: columns.map((col, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
               "td",
               {