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 +17 -2
- package/dist/Table.cjs.js.map +1 -1
- package/dist/Table.esm.js +17 -2
- package/dist/Table.esm.js.map +1 -1
- package/package.json +1 -1
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;
|