@insticc/react-datagrid-2 1.1.18 → 1.1.19
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/build/wrapper/index.js
CHANGED
|
@@ -444,14 +444,14 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
444
444
|
/**
|
|
445
445
|
* Generates all the table's properties.
|
|
446
446
|
*/
|
|
447
|
-
var table = (0, _materialReactTable.useMaterialReactTable)(
|
|
447
|
+
var table = (0, _materialReactTable.useMaterialReactTable)({
|
|
448
448
|
data: createRows,
|
|
449
449
|
columns: createColumns(columns),
|
|
450
450
|
enableRowSelection: disableRows.length > 0 ? function (row) {
|
|
451
451
|
return !disableRows.includes(row.original[rowKey]);
|
|
452
452
|
} : !disableSelect,
|
|
453
453
|
enableSubRowSelection: hasSubRows,
|
|
454
|
-
enableMultiRowSelection:
|
|
454
|
+
enableMultiRowSelection: true,
|
|
455
455
|
enableFullScreenToggle: enableFullScreenToggle,
|
|
456
456
|
enableDensityToggle: enableDensityToggle,
|
|
457
457
|
enableGlobalFilter: enableGlobalFilter,
|
|
@@ -743,41 +743,30 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
743
743
|
}
|
|
744
744
|
};
|
|
745
745
|
},
|
|
746
|
-
onRowSelectionChange: setRowSelection
|
|
747
|
-
}, !disableSelect && {
|
|
746
|
+
onRowSelectionChange: setRowSelection,
|
|
748
747
|
muiTableBodyRowProps: function muiTableBodyRowProps(_ref7) {
|
|
749
748
|
var row = _ref7.row;
|
|
750
749
|
return {
|
|
751
|
-
onClick: function onClick(event) {
|
|
752
|
-
event.preventDefault();
|
|
753
|
-
var rowId = row.id;
|
|
754
|
-
setRowSelection(function (prev) {
|
|
755
|
-
return prev[rowId] ? {} : _defineProperty({}, rowId, true);
|
|
756
|
-
});
|
|
757
|
-
},
|
|
758
750
|
sx: {
|
|
759
|
-
cursor: 'pointer',
|
|
760
751
|
backgroundColor: row.depth > 0 ? '#f0f0f0' : 'white'
|
|
761
752
|
}
|
|
762
753
|
};
|
|
763
|
-
}
|
|
764
|
-
}), {}, {
|
|
754
|
+
},
|
|
765
755
|
onSortingChange: setSorting,
|
|
766
756
|
enablePagination: enablePagination,
|
|
767
757
|
enableTopToolbar: enableTopToolbar,
|
|
768
758
|
enableBottomToolbar: enableBottomToolbar,
|
|
769
759
|
enableExpanding: enableExpanding,
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
return hasSubRows && {
|
|
760
|
+
muiSelectCheckboxProps: function muiSelectCheckboxProps(_ref8) {
|
|
761
|
+
var row = _ref8.row;
|
|
762
|
+
return {
|
|
774
763
|
checked: rowSelection[row.id] || false,
|
|
775
764
|
indeterminate: false,
|
|
776
765
|
onChange: function onChange() {
|
|
777
766
|
var rowId = row.id.toString();
|
|
778
767
|
setRowSelection(function (prev) {
|
|
779
|
-
var newSelection = _objectSpread({}, prev);
|
|
780
|
-
if (
|
|
768
|
+
var newSelection = enableMultiRowSelection ? _objectSpread({}, prev) : {};
|
|
769
|
+
if (prev[rowId] || enableMultiRowSelection) {
|
|
781
770
|
// If the row is already selected, deselect it
|
|
782
771
|
delete newSelection[rowId];
|
|
783
772
|
} else {
|
|
@@ -796,7 +785,7 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
796
785
|
// Hello
|
|
797
786
|
// </div>
|
|
798
787
|
// )}
|
|
799
|
-
})
|
|
788
|
+
});
|
|
800
789
|
(0, _react.useEffect)(function () {
|
|
801
790
|
var rows = table.getRowModel().rows.map(function (r) {
|
|
802
791
|
return r.original;
|
|
@@ -175,12 +175,26 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
|
|
|
175
175
|
persons: function persons(_ref17) {
|
|
176
176
|
var cell = _ref17.cell,
|
|
177
177
|
column = _ref17.column;
|
|
178
|
-
var
|
|
179
|
-
var arr
|
|
180
|
-
|
|
181
|
-
|
|
178
|
+
var value = cell.getValue();
|
|
179
|
+
var arr;
|
|
180
|
+
|
|
181
|
+
// Normalize to array
|
|
182
|
+
if (Array.isArray(value)) {
|
|
183
|
+
arr = value;
|
|
184
|
+
} else if (typeof value === 'string') {
|
|
185
|
+
arr = value.split(/[,;]\s*/g).map(function (v) {
|
|
186
|
+
return v.trim();
|
|
187
|
+
}).filter(function (v) {
|
|
188
|
+
return v.length > 0;
|
|
189
|
+
});
|
|
190
|
+
} else {
|
|
191
|
+
arr = [];
|
|
192
|
+
}
|
|
193
|
+
var first = arr[0];
|
|
194
|
+
var text = first ? "".concat(first).concat(arr.length > 1 ? ' et al.' : '') : 'N/A';
|
|
195
|
+
var tooltip = "".concat(column.columnDef.header, ":\n\u2022 ").concat(arr.join('\n• ') || 'N/A');
|
|
182
196
|
return /*#__PURE__*/React.createElement("span", {
|
|
183
197
|
title: tooltip
|
|
184
|
-
},
|
|
198
|
+
}, text);
|
|
185
199
|
}
|
|
186
200
|
};
|