@cashub/ui 0.29.4 → 0.30.0
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/package.json +1 -1
- package/table/Table.js +37 -1
package/package.json
CHANGED
package/table/Table.js
CHANGED
|
@@ -44,6 +44,10 @@ const Table = _ref => {
|
|
|
44
44
|
select,
|
|
45
45
|
selected,
|
|
46
46
|
onRowClick,
|
|
47
|
+
onRowDragEnter,
|
|
48
|
+
onRowDragLeave,
|
|
49
|
+
onRowDragOver,
|
|
50
|
+
onRowDrop,
|
|
47
51
|
backgroundReverse,
|
|
48
52
|
translation,
|
|
49
53
|
beforeCreateRow,
|
|
@@ -72,6 +76,26 @@ const Table = _ref => {
|
|
|
72
76
|
onRowClick(event, rowData);
|
|
73
77
|
}
|
|
74
78
|
}, [onRowClick]);
|
|
79
|
+
const handleRowDragEnter = (0, _react.useCallback)((event, rowData) => {
|
|
80
|
+
if (onRowDragEnter) {
|
|
81
|
+
onRowDragEnter(event, rowData);
|
|
82
|
+
}
|
|
83
|
+
}, [onRowDragEnter]);
|
|
84
|
+
const handleRowDragLeave = (0, _react.useCallback)((event, rowData) => {
|
|
85
|
+
if (onRowDragLeave) {
|
|
86
|
+
onRowDragLeave(event, rowData);
|
|
87
|
+
}
|
|
88
|
+
}, [onRowDragLeave]);
|
|
89
|
+
const handleRowDragOver = (0, _react.useCallback)((event, rowData) => {
|
|
90
|
+
if (onRowDragOver) {
|
|
91
|
+
onRowDragOver(event, rowData);
|
|
92
|
+
}
|
|
93
|
+
}, [onRowDragOver]);
|
|
94
|
+
const handleRowDrop = (0, _react.useCallback)((event, rowData) => {
|
|
95
|
+
if (onRowDrop) {
|
|
96
|
+
onRowDrop(event, rowData);
|
|
97
|
+
}
|
|
98
|
+
}, [onRowDrop]);
|
|
75
99
|
const showFullValue = (0, _react.useCallback)((event, customContent) => {
|
|
76
100
|
let {
|
|
77
101
|
id
|
|
@@ -202,10 +226,22 @@ const Table = _ref => {
|
|
|
202
226
|
onClick: event => {
|
|
203
227
|
handleRowClick(event, row);
|
|
204
228
|
},
|
|
229
|
+
onDragEnter: event => {
|
|
230
|
+
handleRowDragEnter(event, row);
|
|
231
|
+
},
|
|
232
|
+
onDragLeave: event => {
|
|
233
|
+
handleRowDragLeave(event, row);
|
|
234
|
+
},
|
|
235
|
+
onDragOver: event => {
|
|
236
|
+
handleRowDragOver(event, row);
|
|
237
|
+
},
|
|
238
|
+
onDrop: event => {
|
|
239
|
+
handleRowDrop(event, row);
|
|
240
|
+
},
|
|
205
241
|
children: tds
|
|
206
242
|
}, rowIndex);
|
|
207
243
|
});
|
|
208
|
-
}, [backgroundReverse, beforeCreateRow, columns, data, handleRowClick, onRowClick, select, selected, showFullValue]);
|
|
244
|
+
}, [backgroundReverse, beforeCreateRow, columns, data, handleRowClick, handleRowDragEnter, handleRowDragLeave, handleRowDragOver, handleRowDrop, onRowClick, select, selected, showFullValue]);
|
|
209
245
|
const generateEmptyMessage = (0, _react.useCallback)(() => {
|
|
210
246
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BodyTR, {
|
|
211
247
|
noData: true,
|