@insticc/react-datagrid-2 1.0.22 → 1.0.24

package/build/wrapper/index.js

@@ -78,7 +78,9 @@ var DataGrid = function DataGrid(_ref) {
     _ref$enablePagination = _ref.enablePagination,
     enablePagination = _ref$enablePagination === void 0 ? true : _ref$enablePagination,
     _ref$enableVirtualiza = _ref.enableVirtualization,
-    enableVirtualization = _ref$enableVirtualiza === void 0 ? false : _ref$enableVirtualiza;
+    enableVirtualization = _ref$enableVirtualiza === void 0 ? false : _ref$enableVirtualiza,
+    _ref$gridHeight = _ref.gridHeight,
+    gridHeight = _ref$gridHeight === void 0 ? 600 : _ref$gridHeight;
   var _useState = (0, _react.useState)(selectedIds.reduce(function (a, v) {
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, v, true));
     }, {})),
@@ -123,15 +125,41 @@ var DataGrid = function DataGrid(_ref) {
       return row;
     });
   };
+
+  // implemented to update selectedIds when props change
+  (0, _react.useEffect)(function () {
+    var currentSelectionIds = Object.keys(rowSelection);
+    // Check if the lengths are different or if any `selectedIds` are not in `rowSelection`
+    var isSelectionOutOfSync = selectedIds.length !== currentSelectionIds.length || selectedIds.some(function (id) {
+      return !rowSelection[id];
+    });
+    if (isSelectionOutOfSync) {
+      var newSelection = selectedIds.reduce(function (acc, id) {
+        acc[id] = true; // Set true for each id in selectedIds
+        return acc;
+      }, {});
+      setRowSelection(newSelection);
+    }
+  }, [selectedIds]);
   (0, _react.useEffect)(function () {
     if (hasSubRows) {
       if (Object.keys(rowSelection).length > 0) {
         selectData(getSelectedRows(rowSelection));
       }
     } else {
-      selectData(table.getSelectedRowModel().rows.map(function (row) {
-        return row.original;
-      }));
+      // DEPRECATED:
+      // selectData(table.getSelectedRowModel().rows.map(row => row.original));
+
+      var selectedRowIds = Object.keys(table.getState().rowSelection);
+      var selectedRows = selectedRowIds.map(function (rowId) {
+        var matchingRow = table.getSelectedRowModel().rows.find(function (row) {
+          return "".concat(row.id) === rowId;
+        });
+        return matchingRow ? matchingRow.original : null; // Return original if found
+      }).filter(function (row) {
+        return row !== null;
+      }); // Filter out any null values
+      selectData(selectedRows);
     }
   }, [rowSelection]);
   (0, _react.useEffect)(function () {
@@ -399,7 +427,7 @@ var DataGrid = function DataGrid(_ref) {
     },
     muiTableContainerProps: {
       sx: {
-        maxHeight: '600px'
+        maxHeight: gridHeight
       }
     },
     defaultDisplayColumn: {
@@ -552,7 +580,8 @@ DataGrid.propTypes = {
   enableFullScreenToggle: _propTypes["default"].bool,
   enableDensityToggle: _propTypes["default"].bool,
   enableGlobalFilter: _propTypes["default"].bool,
-  enableVirtualization: _propTypes["default"].bool
+  enableVirtualization: _propTypes["default"].bool,
+  gridHeight: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]) // defines the height of the grid content, can be a number like 600, or a string like '600px' or 'fit-content'
 };
 var _default = exports["default"] = DataGrid; // DataGrid.defaultProps = {
 //   hasExcelExport: false,

package/package.json

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