authscape 1.0.258 → 1.0.259

package/index.js

@@ -974,6 +974,8 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     columns = _ref.columns,
     _ref$isCellEditable = _ref.isCellEditable,
     _isCellEditable = _ref$isCellEditable === void 0 ? null : _ref$isCellEditable,
+    _ref$params = _ref.params,
+    params = _ref$params === void 0 ? null : _ref$params,
     _ref$onCellEdited = _ref.onCellEdited,
     onCellEdited = _ref$onCellEdited === void 0 ? null : _ref$onCellEdited,
     _ref$sx = _ref.sx,
@@ -1010,28 +1012,43 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(url != null)) {
-              _context.next = 7;
+              _context.next = 16;
               break;
             }
-            _context.next = 3;
+            response = null;
+            if (!(params == null)) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 5;
             return apiService().post(url, {
               offset: offset,
               length: pageSize
             });
-          case 3:
+          case 5:
             response = _context.sent;
+            _context.next = 13;
+            break;
+          case 8:
+            params.offset = offset;
+            params.length = pageSize;
+            _context.next = 12;
+            return apiService().post(url, params);
+          case 12:
+            response = _context.sent;
+          case 13:
             if (response != null && response.status == 200) {
               setTotalRows(response.data.recordsTotal);
               setRows(response.data.data);
             }
-            _context.next = 8;
+            _context.next = 17;
             break;
-          case 7:
+          case 16:
             if (rows != null) {
               setTotalRows(eRows.length);
               setRows(eRows);
             }
-          case 8:
+          case 17:
           case "end":
             return _context.stop();
         }
@@ -1043,12 +1060,12 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
   }();
   var handleCellEditCommit = _react["default"].useCallback(function () {
     return /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(dataParams) {
         var id, field, value, editedRow;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              id = params.id, field = params.field, value = params.value;
+              id = dataParams.id, field = dataParams.field, value = dataParams.value;
               editedRow = {
                 id: id,
                 field: field,
@@ -1086,9 +1103,9 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     rowsPerPageOptions: rowsPerPage,
     disableSelectionOnClick: true,
     onCellEditCommit: handleCellEditCommit(),
-    isCellEditable: function isCellEditable(params) {
+    isCellEditable: function isCellEditable(data) {
       if (_isCellEditable != null) {
-        _isCellEditable(params);
+        _isCellEditable(data);
       }
       return true;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.258",
+  "version": "1.0.259",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/EditableDatagrid.js

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 import { DataGrid, GridActionsCellItem } from "@mui/x-data-grid";
 import { Box } from '@mui/material';
 
-export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns, isCellEditable = null, onCellEdited = null, sx = {}, height="50vh", pageSize = 50, rowsPerPage  = [25, 50, 100], rowHeight = 70}) => {
+export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns, isCellEditable = null, params = null, onCellEdited = null, sx = {}, height="50vh", pageSize = 50, rowsPerPage  = [25, 50, 100], rowHeight = 70}) => {
 
     const [rows, setRows] = useState([]);
     const [totalRows, setTotalRows] = useState(0);
@@ -22,11 +22,22 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
 
         if (url != null)
         {
-            let response = await apiService().post(url,
+            let response = null;
+            if (params == null)
             {
-                offset: offset,
-                length: pageSize
-            });
+                response = await apiService().post(url,
+                {
+                    offset: offset,
+                    length: pageSize
+                });
+            }
+            else
+            {
+                params.offset = offset;
+                params.length = pageSize;
+
+                response = await apiService().post(url, params);
+            }
 
             if (response != null && response.status == 200)
             {
@@ -41,9 +52,9 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
         }
     }
 
-    const handleCellEditCommit = React.useCallback(() => async (params) => {
+    const handleCellEditCommit = React.useCallback(() => async (dataParams) => {
 
-        const { id, field, value } = params;
+        const { id, field, value } = dataParams;
         const editedRow = { id, field, value };
 
         onCellEdited(editedRow);
@@ -66,11 +77,11 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
                 rowsPerPageOptions={rowsPerPage}
                 disableSelectionOnClick={true}
                 onCellEditCommit={handleCellEditCommit()}
-                isCellEditable={(params) => {
+                isCellEditable={(data) => {
 
                     if (isCellEditable != null)
                     {
-                        isCellEditable(params);
+                        isCellEditable(data);
                     }
                     return true;
                 }}