trotl-table 1.0.39 → 1.0.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Table.cjs.js CHANGED
@@ -9646,6 +9646,7 @@ function TableInner({
9646
9646
  showKey = false,
9647
9647
  keyWidth = null,
9648
9648
  selectedRowsCallback = () => {},
9649
+ doubleClickEnable = false,
9649
9650
  refreshTrigger = () => {},
9650
9651
  editCallback = () => {},
9651
9652
  viewCallback = () => {},
@@ -10468,10 +10469,24 @@ function TableInner({
10468
10469
  }
10469
10470
  });
10470
10471
  }
10472
+ // handler called when user double-clicks a row container
10473
+ const handleRowDoubleClick = e => {
10474
+ if (!doubleClickEnable) return;
10475
+ // ignore any clicks that happened inside interactive regions
10476
+ // - the action cell (covers all the buttons)
10477
+ // - checkboxes
10478
+ // - any button, input, or link
10479
+ if (e.target.closest('.action-cell') || e.target.closest('.checkbox-cell') || e.target.closest('button') || e.target.closest('input') || e.target.closest('a')) {
10480
+ return;
10481
+ }
10482
+ // finally invoke edit callback
10483
+ editCallbackRef.current(row);
10484
+ };
10471
10485
  const content = /*#__PURE__*/React.createElement("div", {
10472
10486
  key: key,
10473
10487
  style: style,
10474
- className: "table-row"
10488
+ className: "table-row",
10489
+ onDoubleClick: doubleClickEnable ? handleRowDoubleClick : undefined
10475
10490
  }, enableMultiSelect && showDelete && /*#__PURE__*/React.createElement("div", {
10476
10491
  className: "table-cell checkbox-cell"
10477
10492
  }, /*#__PURE__*/React.createElement("input", {
@@ -10574,7 +10589,7 @@ function TableInner({
10574
10589
  }, content);
10575
10590
  }
10576
10591
  return content;
10577
- }, [tableDataFlat, columns, selectedRows, toggleRowSelection, groupRowsById, renderCell, showActions, showDelete, showEdit, showKey, showView, translate, enableDragRow, moveRow, enableMultiSelect, rowHeight, tableId, customColumns]);
10592
+ }, [tableDataFlat, columns, selectedRows, toggleRowSelection, groupRowsById, renderCell, showActions, showDelete, showEdit, showKey, showView, translate, enableDragRow, moveRow, enableMultiSelect, rowHeight, tableId, customColumns, doubleClickEnable]);
10578
10593
  const rowHeightGetter = ({
10579
10594
  index
10580
10595
  }) => tableDataFlat[index]?.type === "group" ? groupHeaderHeight : rowHeight;