@insticc/react-datagrid-2 1.1.18 → 1.1.20
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,34 +743,23 @@ 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() {
|
|
@@ -781,6 +770,7 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
781
770
|
// If the row is already selected, deselect it
|
|
782
771
|
delete newSelection[rowId];
|
|
783
772
|
} else {
|
|
773
|
+
if (!enableMultiRowSelection) return _defineProperty({}, rowId, true);
|
|
784
774
|
// If the row is not selected, select it
|
|
785
775
|
newSelection[rowId] = true;
|
|
786
776
|
}
|
|
@@ -796,7 +786,7 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
796
786
|
// Hello
|
|
797
787
|
// </div>
|
|
798
788
|
// )}
|
|
799
|
-
})
|
|
789
|
+
});
|
|
800
790
|
(0, _react.useEffect)(function () {
|
|
801
791
|
var rows = table.getRowModel().rows.map(function (r) {
|
|
802
792
|
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
|
};
|