@insticc/react-datagrid-2 1.1.0 → 1.1.2

package/build/wrapper/ActionButton.js

@@ -75,7 +75,7 @@ var ActionButton = function ActionButton(_ref) {
     if (selectionMode === 'single') {
       return selectedRowCount !== 1;
     } else if (selectionMode === 'multi') {
-      return selectedRowCount >= 1;
+      return selectedRowCount < 1;
     } else {
       return false;
     }

package/build/wrapper/index.js

@@ -83,7 +83,9 @@ 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;
   var _useState = (0, _react.useState)(selectedIds.reduce(function (a, v) {
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, v, true));
     }, {})),
@@ -232,7 +234,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,
@@ -362,7 +366,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 +448,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 +639,8 @@ 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
 };
 var _default = exports["default"] = DataGrid; // DataGrid.defaultProps = {
 //   hasExcelExport: false,

package/package.json

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