@insticc/react-datagrid-2 1.1.25 → 1.1.26

package/build/wrapper/index.js

@@ -144,7 +144,7 @@ var DataGrid = function DataGrid(_ref) {
   // get the selected rows (if is a int that means that the row is selected if is a double that means that is a subrow) 
   // so if is a subrow we need to go to the parent row and get the id that is on the position after the . 
   // 308.1 this is a subrow so we need to get the 308 row and get the id of the subrow that is in the position 1 of the array
-  var getSelectedRows = function getSelectedRows(rows) {
+  var getSelectedRows = (0, _react.useCallback)(function (rows) {
     var data = createRows;
     return Object.keys(rows).filter(function (key) {
       return rows[key];
@@ -167,7 +167,7 @@ var DataGrid = function DataGrid(_ref) {
     }).filter(function (row) {
       return row;
     });
-  };
+  }, [createRows]);
 
   // implemented to update selectedIds when props change
   (0, _react.useEffect)(function () {
@@ -183,28 +183,7 @@ var DataGrid = function DataGrid(_ref) {
       }, {});
       setRowSelection(newSelection);
     }
-  }, [selectedIds]);
-  (0, _react.useEffect)(function () {
-    if (hasSubRows) {
-      if (Object.keys(rowSelection).length > 0) {
-        selectData(getSelectedRows(rowSelection));
-      }
-    } else {
-      // 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]);
+  }, [selectedIds, rowSelection]);
   (0, _react.useEffect)(function () {
     if (typeof window !== 'undefined') {
       setIsLoading(false);
@@ -294,23 +273,20 @@ var DataGrid = function DataGrid(_ref) {
             flexWrap: 'wrap'
           },
           children: (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && actions.map(function (e) {
-            var isVisible = e.visible !== undefined ? e.visible : true;
-            if (isVisible) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton["default"], {
-                table: table,
-                toggle: e.toggle,
-                active: e.active,
-                name: e.name,
-                tooltip: e.tooltip,
-                onClick: e["function"],
-                icon: e.icon,
-                color: e.color,
-                selectionMode: e.selectionMode,
-                confirmMessage: e.confirmMessage,
-                hasConfirmMessage: e.hasConfirmMessage,
-                disabled: e.disabled
-              }, e.key || e.name);
-            }
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton["default"], {
+              table: table,
+              toggle: e.toggle,
+              active: e.active,
+              name: e.name,
+              tooltip: e.tooltip,
+              onClick: e["function"],
+              icon: e.icon,
+              color: e.color,
+              selectionMode: e.selectionMode,
+              confirmMessage: e.confirmMessage,
+              hasConfirmMessage: e.hasConfirmMessage,
+              disabled: e.disabled
+            }, e.key || e.name);
           })
         }), !disableSideActions && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           style: {
@@ -791,7 +767,6 @@ var DataGrid = function DataGrid(_ref) {
       var row = _ref8.row;
       return {
         checked: rowSelection[row.id] || false,
-        indeterminate: false,
         onChange: function onChange() {
           var rowId = row.id.toString();
           setRowSelection(function (prev) {
@@ -817,15 +792,33 @@ var DataGrid = function DataGrid(_ref) {
     //     </div>
     // )}
   });
+  (0, _react.useEffect)(function () {
+    if (hasSubRows) {
+      if (Object.keys(rowSelection).length > 0) {
+        selectData(getSelectedRows(rowSelection));
+      }
+    } else {
+      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;
+      }).filter(function (row) {
+        return row !== null;
+      });
+      selectData(selectedRows);
+    }
+  }, [rowSelection, table, hasSubRows, selectData, getSelectedRows]);
   (0, _react.useEffect)(function () {
     var rows = table.getRowModel().rows.map(function (r) {
       return r.original;
     });
-    onVisibleRowsChange === null || onVisibleRowsChange === void 0 || onVisibleRowsChange(rows);
-  }, [table.getRowModel().rows]);
+    if (onVisibleRowsChange) onVisibleRowsChange(rows);
+  }, [table, onVisibleRowsChange]);
   (0, _react.useEffect)(function () {
-    return enableFixedHeader && (0, _gridFixedHeader["default"])('fixed-header', enableFixedActions);
-  }, []);
+    if (enableFixedHeader) (0, _gridFixedHeader["default"])('fixed-header', enableFixedActions);
+  }, [enableFixedHeader, enableFixedActions]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_xDatePickers.LocalizationProvider, {
     dateAdapter: _AdapterDateFns.AdapterDateFns,
     children: [open && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHelper["default"], {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/react-datagrid-2",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "description": "",
   "main": "build/index.js",
   "files": [