authscape 1.0.260 → 1.0.262

package/index.js

@@ -976,6 +976,8 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     _isCellEditable = _ref$isCellEditable === void 0 ? null : _ref$isCellEditable,
     _ref$onCellEdited = _ref.onCellEdited,
     onCellEdited = _ref$onCellEdited === void 0 ? null : _ref$onCellEdited,
+    _ref$params = _ref.params,
+    params = _ref$params === void 0 ? null : _ref$params,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx,
     _ref$height = _ref.height,
@@ -986,6 +988,8 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     rowsPerPage = _ref$rowsPerPage === void 0 ? [25, 50, 100] : _ref$rowsPerPage,
     _ref$rowHeight = _ref.rowHeight,
     rowHeight = _ref$rowHeight === void 0 ? 70 : _ref$rowHeight,
+    _ref$key = _ref.key,
+    key = _ref$key === void 0 ? null : _ref$key,
     _ref$onRowClick = _ref.onRowClick,
     onRowClick = _ref$onRowClick === void 0 ? null : _ref$onRowClick;
   var _useState = (0, _react.useState)([]),
@@ -1012,28 +1016,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();
         }
@@ -1075,6 +1094,7 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
     rows: rows,
     sx: sx,
+    key: key,
     columns: columns,
     rowCount: totalRows,
     onRowClick: onRowClick,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.260",
+  "version": "1.0.262",
   "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, onRowClick = null}) => {
+export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns, isCellEditable = null, onCellEdited = null, params = null, sx = {}, height="50vh", pageSize = 50, rowsPerPage  = [25, 50, 100], rowHeight = 70, key = null, onRowClick = null}) => {
 
     const [rows, setRows] = useState([]);
     const [totalRows, setTotalRows] = useState(0);
@@ -22,11 +22,23 @@ 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)
             {
@@ -55,6 +67,7 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
             <DataGrid
                 rows={rows}
                 sx={sx}
+                key={key}
                 columns={columns}
                 rowCount={totalRows}
                 onRowClick={onRowClick}
@@ -63,7 +76,6 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
                     return rowHeight;
                 }}
                 pageSize={pageSize}
-                
                 onPageChange={(newPage) => setOffset(newPage)}
                 rowsPerPageOptions={rowsPerPage}
                 disableSelectionOnClick={true}