@insticc/react-datagrid-2 1.1.25 → 1.1.27

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 () {
@@ -184,27 +184,6 @@ 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]);
   (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/build/wrapper/utils/DefaultCellTypes.js

@@ -60,14 +60,23 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
     var cell = _ref.cell;
     return cell.getValue();
   },
-  textTitle: function textTitle(_ref2) {
+  textJustify: function textJustify(_ref2) {
     var cell = _ref2.cell;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        textAlign: "justify"
+      },
       children: cell.getValue()
     });
   },
-  textDescription: function textDescription(_ref3) {
+  textTitle: function textTitle(_ref3) {
     var cell = _ref3.cell;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+      children: cell.getValue()
+    });
+  },
+  textDescription: function textDescription(_ref4) {
+    var cell = _ref4.cell;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       style: {
         color: '#666'
@@ -75,65 +84,65 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
       children: cell.getValue()
     });
   },
-  textSmall: function textSmall(_ref4) {
-    var cell = _ref4.cell;
+  textSmall: function textSmall(_ref5) {
+    var cell = _ref5.cell;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("small", {
       children: cell.getValue()
     });
   },
-  date: function date(_ref5) {
-    var cell = _ref5.cell,
-      column = _ref5.column;
+  date: function date(_ref6) {
+    var cell = _ref6.cell,
+      column = _ref6.column;
     return (0, _FormatDate["default"])(cell.getValue(), {
       onlyDate: true,
       locale: column.locale || 'pt-PT'
     });
   },
-  datetime: function datetime(_ref6) {
-    var cell = _ref6.cell,
-      column = _ref6.column;
+  datetime: function datetime(_ref7) {
+    var cell = _ref7.cell,
+      column = _ref7.column;
     return (0, _FormatDate["default"])(cell.getValue(), {
       onlyDate: false,
       locale: column.locale || 'pt-PT'
     });
   },
-  number: function number(_ref7) {
-    var cell = _ref7.cell;
+  number: function number(_ref8) {
+    var cell = _ref8.cell;
     return cell.getValue();
   },
-  integer: function integer(_ref8) {
-    var cell = _ref8.cell;
+  integer: function integer(_ref9) {
+    var cell = _ref9.cell;
     return Number.isFinite(cell.getValue()) ? Math.round(cell.getValue()) : cell.getValue();
   },
-  currency: function currency(_ref9) {
-    var cell = _ref9.cell;
+  currency: function currency(_ref10) {
+    var cell = _ref10.cell;
     var v = cell.getValue();
     return typeof v === 'number' ? v.toLocaleString(undefined, {
       style: 'currency',
       currency: 'EUR'
     }) : v;
   },
-  percentage: function percentage(_ref10) {
-    var cell = _ref10.cell;
+  percentage: function percentage(_ref11) {
+    var cell = _ref11.cell;
     var v = cell.getValue();
     return typeof v === 'number' ? "".concat((v * 100).toFixed(2), "%") : v;
   },
-  email: function email(_ref11) {
-    var cell = _ref11.cell;
+  email: function email(_ref12) {
+    var cell = _ref12.cell;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
       href: "mailto:".concat(cell.getValue()),
       children: cell.getValue()
     });
   },
-  phone: function phone(_ref12) {
-    var cell = _ref12.cell;
+  phone: function phone(_ref13) {
+    var cell = _ref13.cell;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
       href: "tel:".concat(cell.getValue()),
       children: cell.getValue()
     });
   },
-  link: function link(_ref13) {
-    var cell = _ref13.cell;
+  link: function link(_ref14) {
+    var cell = _ref14.cell;
     var value = cell.getValue();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       title: value,
@@ -145,8 +154,8 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
       })
     });
   },
-  array: function array(_ref14) {
-    var cell = _ref14.cell;
+  array: function array(_ref15) {
+    var cell = _ref15.cell;
     var value = cell.getValue();
     var arr = Array.isArray(value) ? value : [];
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -154,8 +163,8 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
       children: arr.join(', ')
     });
   },
-  json: function json(_ref15) {
-    var cell = _ref15.cell;
+  json: function json(_ref16) {
+    var cell = _ref16.cell;
     var value = cell.getValue();
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       title: JSON.stringify(value),
@@ -164,9 +173,9 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
       })
     });
   },
-  countryFlag: function countryFlag(_ref16) {
-    var cell = _ref16.cell,
-      column = _ref16.column;
+  countryFlag: function countryFlag(_ref17) {
+    var cell = _ref17.cell,
+      column = _ref17.column;
     var v = cell.getValue();
     if (!v) return "";
     var iso2 = String(v).toUpperCase();
@@ -189,9 +198,9 @@ var DEFAULT_CELL_TYPES = exports.DEFAULT_CELL_TYPES = {
       })]
     });
   },
-  persons: function persons(_ref17) {
-    var cell = _ref17.cell,
-      column = _ref17.column;
+  persons: function persons(_ref18) {
+    var cell = _ref18.cell,
+      column = _ref18.column;
     var value = cell.getValue();
     var arr;
 

package/package.json

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