authscape 1.0.259 → 1.0.261

package/index.js

@@ -974,8 +974,6 @@ 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,
@@ -987,7 +985,11 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     _ref$rowsPerPage = _ref.rowsPerPage,
     rowsPerPage = _ref$rowsPerPage === void 0 ? [25, 50, 100] : _ref$rowsPerPage,
     _ref$rowHeight = _ref.rowHeight,
-    rowHeight = _ref$rowHeight === void 0 ? 70 : _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)([]),
     _useState2 = _slicedToArray(_useState, 2),
     rows = _useState2[0],
@@ -1012,43 +1014,28 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(url != null)) {
-              _context.next = 16;
+              _context.next = 7;
               break;
             }
-            response = null;
-            if (!(params == null)) {
-              _context.next = 8;
-              break;
-            }
-            _context.next = 5;
+            _context.next = 3;
             return apiService().post(url, {
               offset: offset,
               length: pageSize
             });
-          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:
+          case 3:
             response = _context.sent;
-          case 13:
             if (response != null && response.status == 200) {
               setTotalRows(response.data.recordsTotal);
               setRows(response.data.data);
             }
-            _context.next = 17;
+            _context.next = 8;
             break;
-          case 16:
+          case 7:
             if (rows != null) {
               setTotalRows(eRows.length);
               setRows(eRows);
             }
-          case 17:
+          case 8:
           case "end":
             return _context.stop();
         }
@@ -1060,12 +1047,12 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
   }();
   var handleCellEditCommit = _react["default"].useCallback(function () {
     return /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(dataParams) {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
         var id, field, value, editedRow;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              id = dataParams.id, field = dataParams.field, value = dataParams.value;
+              id = params.id, field = params.field, value = params.value;
               editedRow = {
                 id: id,
                 field: field,
@@ -1090,8 +1077,10 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
     rows: rows,
     sx: sx,
+    key: key,
     columns: columns,
     rowCount: totalRows,
+    onRowClick: onRowClick,
     paginationMode: "server",
     getRowHeight: function getRowHeight() {
       return rowHeight;
@@ -1103,9 +1092,9 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     rowsPerPageOptions: rowsPerPage,
     disableSelectionOnClick: true,
     onCellEditCommit: handleCellEditCommit(),
-    isCellEditable: function isCellEditable(data) {
+    isCellEditable: function isCellEditable(params) {
       if (_isCellEditable != null) {
-        _isCellEditable(data);
+        _isCellEditable(params);
       }
       return true;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.259",
+  "version": "1.0.261",
   "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, params = 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, onCellEdited = 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,22 +22,11 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
 
         if (url != null)
         {
-            let response = null;
-            if (params == null)
+            let response = await apiService().post(url,
             {
-                response = await apiService().post(url,
-                {
-                    offset: offset,
-                    length: pageSize
-                });
-            }
-            else
-            {
-                params.offset = offset;
-                params.length = pageSize;
-
-                response = await apiService().post(url, params);
-            }
+                offset: offset,
+                length: pageSize
+            });
 
             if (response != null && response.status == 200)
             {
@@ -52,9 +41,9 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
         }
     }
 
-    const handleCellEditCommit = React.useCallback(() => async (dataParams) => {
+    const handleCellEditCommit = React.useCallback(() => async (params) => {
 
-        const { id, field, value } = dataParams;
+        const { id, field, value } = params;
         const editedRow = { id, field, value };
 
         onCellEdited(editedRow);
@@ -66,8 +55,10 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
             <DataGrid
                 rows={rows}
                 sx={sx}
+                key={key}
                 columns={columns}
                 rowCount={totalRows}
+                onRowClick={onRowClick}
                 paginationMode="server"
                 getRowHeight={() => {
                     return rowHeight;
@@ -77,11 +68,11 @@ export const EditableDatagrid = ({loadedUser, url = null, eRows = null, columns,
                 rowsPerPageOptions={rowsPerPage}
                 disableSelectionOnClick={true}
                 onCellEditCommit={handleCellEditCommit()}
-                isCellEditable={(data) => {
+                isCellEditable={(params) => {
 
                     if (isCellEditable != null)
                     {
-                        isCellEditable(data);
+                        isCellEditable(params);
                     }
                     return true;
                 }}