@insticc/react-datagrid-2 1.0.31 → 1.0.33
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
|
@@ -45,7 +45,7 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
45
45
|
_ref$pdfOption = _ref.pdfOption,
|
|
46
46
|
pdfOption = _ref$pdfOption === void 0 ? 'selectedRows' : _ref$pdfOption,
|
|
47
47
|
_ref$rowHeight = _ref.rowHeight,
|
|
48
|
-
rowHeight = _ref$rowHeight === void 0 ?
|
|
48
|
+
rowHeight = _ref$rowHeight === void 0 ? 75 : _ref$rowHeight,
|
|
49
49
|
_ref$hasGlobalFilter = _ref.hasGlobalFilter,
|
|
50
50
|
hasGlobalFilter = _ref$hasGlobalFilter === void 0 ? true : _ref$hasGlobalFilter,
|
|
51
51
|
_ref$globalFilterFn = _ref.globalFilterFn,
|
|
@@ -63,7 +63,7 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
63
63
|
selectData = _ref.selectData,
|
|
64
64
|
rowKey = _ref.rowKey,
|
|
65
65
|
_ref$pageSize = _ref.pageSize,
|
|
66
|
-
pageSize = _ref$pageSize === void 0 ?
|
|
66
|
+
pageSize = _ref$pageSize === void 0 ? 150 : _ref$pageSize,
|
|
67
67
|
_ref$enableMultiRowSe = _ref.enableMultiRowSelection,
|
|
68
68
|
enableMultiRowSelection = _ref$enableMultiRowSe === void 0 ? true : _ref$enableMultiRowSe,
|
|
69
69
|
_ref$enableFullScreen = _ref.enableFullScreenToggle,
|
|
@@ -359,7 +359,7 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
359
359
|
display: 'flex',
|
|
360
360
|
flexDirection: 'row'
|
|
361
361
|
}
|
|
362
|
-
}, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
|
|
362
|
+
}, !disableSelect && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
|
|
363
363
|
title: "Clear all rows selected",
|
|
364
364
|
arrow: true
|
|
365
365
|
}, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
|
|
@@ -570,7 +570,8 @@ var DataGrid = function DataGrid(_ref) {
|
|
|
570
570
|
return setOpen(false);
|
|
571
571
|
},
|
|
572
572
|
open: open,
|
|
573
|
-
|
|
573
|
+
title: gridHelper.title,
|
|
574
|
+
content: gridHelper.content
|
|
574
575
|
}), /*#__PURE__*/_react["default"].createElement(_materialReactTable.MaterialReactTable, {
|
|
575
576
|
table: table
|
|
576
577
|
}));
|
|
@@ -626,7 +627,12 @@ DataGrid.propTypes = {
|
|
|
626
627
|
enableVirtualization: _propTypes["default"].bool,
|
|
627
628
|
gridHeight: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
|
628
629
|
// defines the height of the grid content, can be a number like 600, or a string like '600px' or 'fit-content'
|
|
629
|
-
gridHelper: _propTypes["default"].oneOfType([_propTypes["default"].
|
|
630
|
+
gridHelper: _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
|
631
|
+
title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]).isRequired,
|
|
632
|
+
// title is required if gridHelper exists
|
|
633
|
+
content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]).isRequired // content is required if gridHelper exists
|
|
634
|
+
}), _propTypes["default"].oneOf([null]) // Allow null as a valid value
|
|
635
|
+
])
|
|
630
636
|
};
|
|
631
637
|
var _default = exports["default"] = DataGrid; // DataGrid.defaultProps = {
|
|
632
638
|
// hasExcelExport: false,
|
|
@@ -10,7 +10,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
|
|
|
10
10
|
var GridHelper = function GridHelper(_ref) {
|
|
11
11
|
var open = _ref.open,
|
|
12
12
|
content = _ref.content,
|
|
13
|
-
onClose = _ref.onClose
|
|
13
|
+
onClose = _ref.onClose,
|
|
14
|
+
title = _ref.title;
|
|
14
15
|
return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal, {
|
|
15
16
|
open: open,
|
|
16
17
|
centered: true,
|
|
@@ -21,7 +22,7 @@ var GridHelper = function GridHelper(_ref) {
|
|
|
21
22
|
bottom: 'auto',
|
|
22
23
|
height: 'fit-content'
|
|
23
24
|
}
|
|
24
|
-
}, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Header, null,
|
|
25
|
+
}, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Header, null, title), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Content, null, content), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Actions, null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
|
|
25
26
|
primary: true,
|
|
26
27
|
onClick: onClose
|
|
27
28
|
}, "Close")));
|