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

package/dist/index.d.cts

@@ -284,10 +284,12 @@ interface SortableTableProps<T> {
     highlightRow?: (row: T, index: number) => boolean;
     /** Invoked when a row is selected. Enables pointer and keyboard row activation. */
     onRowClick?: (row: T, index: number) => void;
+    /** Invoked when a row is double-clicked. */
+    onRowDoubleClick?: (row: T, index: number) => void;
     /** Directional affordance displayed over the right edge of an interactive row. */
     rowAction?: SortableTableRowAction<T>;
 }
-declare function SortableTable<T>({ columns, data, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, onRowClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
+declare function SortableTable<T>({ columns, data, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
 
 interface TabItem {
     id: string;

package/dist/index.d.ts

@@ -284,10 +284,12 @@ interface SortableTableProps<T> {
     highlightRow?: (row: T, index: number) => boolean;
     /** Invoked when a row is selected. Enables pointer and keyboard row activation. */
     onRowClick?: (row: T, index: number) => void;
+    /** Invoked when a row is double-clicked. */
+    onRowDoubleClick?: (row: T, index: number) => void;
     /** Directional affordance displayed over the right edge of an interactive row. */
     rowAction?: SortableTableRowAction<T>;
 }
-declare function SortableTable<T>({ columns, data, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, onRowClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
+declare function SortableTable<T>({ columns, data, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
 
 interface TabItem {
     id: string;

package/dist/index.js

@@ -1354,6 +1354,7 @@ function SortableTable({
   pagination,
   highlightRow,
   onRowClick,
+  onRowDoubleClick,
   rowAction
 }) {
   const [internalKey, setInternalKey] = useState5(defaultSortKey ?? null);
@@ -1464,6 +1465,7 @@ function SortableTable({
       }) }) }),
       /* @__PURE__ */ jsx19("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)
@@ -1474,18 +1476,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__ */ jsxs16(
               "td",
               {