@insticc/react-datagrid-2 1.1.1 → 1.1.3

package/build/wrapper/index.js

@@ -83,7 +83,11 @@ var DataGrid = function DataGrid(_ref) {
     _ref$gridHeight = _ref.gridHeight,
     gridHeight = _ref$gridHeight === void 0 ? 600 : _ref$gridHeight,
     _ref$gridHelper = _ref.gridHelper,
-    gridHelper = _ref$gridHelper === void 0 ? null : _ref$gridHelper;
+    gridHelper = _ref$gridHelper === void 0 ? null : _ref$gridHelper,
+    _ref$disableRows = _ref.disableRows,
+    disableRows = _ref$disableRows === void 0 ? [] : _ref$disableRows,
+    _ref$selectAllMode = _ref.selectAllMode,
+    selectAllMode = _ref$selectAllMode === void 0 ? 'page' : _ref$selectAllMode;
   var _useState = (0, _react.useState)(selectedIds.reduce(function (a, v) {
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, v, true));
     }, {})),
@@ -232,7 +236,9 @@ var DataGrid = function DataGrid(_ref) {
   var table = (0, _materialReactTable.useMaterialReactTable)({
     data: createRows,
     columns: createColumns(columns),
-    enableRowSelection: !disableSelect,
+    enableRowSelection: disableRows.length > 0 ? function (row) {
+      return !disableRows.includes(row.original[rowKey]);
+    } : !disableSelect,
     enableSubRowSelection: hasSubRows,
     enableMultiRowSelection: enableMultiRowSelection,
     enableFullScreenToggle: enableFullScreenToggle,
@@ -243,7 +249,7 @@ var DataGrid = function DataGrid(_ref) {
     positionToolbarAlertBanner: "none",
     enableColumnPinning: true,
     enableColumnResizing: true,
-    selectAllMode: 'all',
+    selectAllMode: selectAllMode,
     autoResetPageIndex: false,
     enableColumnVirtualization: enableVirtualization,
     enableRowVirtualization: enableVirtualization,
@@ -362,7 +368,7 @@ var DataGrid = function DataGrid(_ref) {
           display: 'flex',
           flexDirection: 'row'
         }
-      }, !disableSelect && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
+      }, (!disableSelect || disableRows.length > 0) && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
         title: "Clear all rows selected",
         arrow: true
       }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
@@ -444,16 +450,16 @@ var DataGrid = function DataGrid(_ref) {
     },
     muiTableBodyCellProps: function muiTableBodyCellProps(_ref4) {
       var row = _ref4.row;
+      var isDisabled = disableRows.length > 0 ? disableRows.includes(row.original[rowKey]) : false;
       return {
         sx: {
-          fontWeight: row.getIsSelected() ? 'bold' : 'normal',
-          backgroundColor: row.depth == 1 ? 'lightgrey' : row.depth == 2 ? 'grey' : 'white',
-          borderRight: '1px solid #D7D7D7',
-          padding: 'auto',
+          fontWeight: row.getIsSelected() ? "bold" : "normal",
+          backgroundColor: isDisabled ? "#e3e3e3" : row.depth === 1 ? "lightgrey" : row.depth === 2 ? "grey" : "white",
+          borderRight: "1px solid #D7D7D7",
+          padding: "auto",
           height: rowHeight,
-          paddingLeft: row.depth ? "".concat(row.depth * 15, "px") : '12px',
-          // adjust the multiplier as needed
-          boxSizing: 'border-box'
+          paddingLeft: row.depth ? "".concat(row.depth * 15, "px") : "12px",
+          boxSizing: "border-box"
         }
       };
     },
@@ -635,7 +641,9 @@ DataGrid.propTypes = {
     // title is required if gridHelper exists
     content: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].element]).isRequired // content is required if gridHelper exists
   }), _propTypes["default"].oneOf([null]) // Allow null as a valid value
-  ])
+  ]),
+  disableRows: _propTypes["default"].array,
+  selectAllMode: _propTypes["default"].string
 };
 var _default = exports["default"] = DataGrid; // DataGrid.defaultProps = {
 //   hasExcelExport: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/react-datagrid-2",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "",
   "main": "build/index.js",
   "scripts": {