trithuc-mvc-react 1.0.0 → 1.0.1

package/components/DataManagement/DataTable.jsx

@@ -4,13 +4,18 @@ import { useMemo, useState } from "react";
 
 import { TableHead } from "./TableHead";
 import { useMutation, useQuery, useQueryClient } from "react-query";
-import { changeStatusDataToTable, deleteDataFromTable, deleteMultipleDataFromTable, getDatasFromTable } from "../../api";
+import {
+  changeStatusDataToTable,
+  deleteDataFromTable,
+  deleteMultipleDataFromTable,
+  getDatasFromTable,
+} from "../../api";
 import TableRowsLoader from "../table/TableRowsLoader";
 import { toast } from "react-toastify";
 import { useConfirm } from "material-ui-confirm";
 
 import { TableRowRender } from "./TableRowRender";
-import { TableToolbar } from "./TableToolbar";
+import TableToolbar from "./TableToolbar";
 import { useDataTable, usePermission } from "./hooks";
 
 const DataTable = () => {
@@ -28,14 +33,14 @@ const DataTable = () => {
         tableName: tableName,
         page: page + 1,
         pageSize: rowsPerPage,
-        data: dataSearch
+        data: dataSearch,
       }),
     keepPreviousData: true,
     onSuccess: ({ PermissionModel, status }) => {
       if (!Permission && status) {
         setPermission(PermissionModel);
       }
-    }
+    },
   });
   const changeStatusMutation = useMutation(changeStatusDataToTable, {
     onSuccess: () => {
@@ -44,7 +49,7 @@ const DataTable = () => {
     },
     onError: () => {
       toast.error(" Có lỗi xảy ra !");
-    }
+    },
   });
   const deleteMutation = useMutation(deleteDataFromTable, {
     onSuccess: ({ status }) => {
@@ -58,7 +63,7 @@ const DataTable = () => {
     },
     onError: () => {
       toast.error(" Có lỗi xảy ra !");
-    }
+    },
   });
   const deleteMultipleMutation = useMutation(deleteMultipleDataFromTable, {
     onSuccess: () => {
@@ -68,7 +73,7 @@ const DataTable = () => {
     },
     onError: () => {
       toast.error(" Có lỗi xảy ra !");
-    }
+    },
   });
 
   const handleDelete = (id) => {
@@ -76,7 +81,7 @@ const DataTable = () => {
       .then(() => {
         deleteMutation.mutate({
           id,
-          tableName
+          tableName,
         });
       })
       .catch(() => {});
@@ -84,7 +89,7 @@ const DataTable = () => {
   const handleChangeStatus = (Id) => {
     changeStatusMutation.mutate({
       tableName,
-      id: Id
+      id: Id,
     });
   };
   const handlEdit = (item) => {
@@ -96,7 +101,7 @@ const DataTable = () => {
     let total = data?.total ?? 0;
     return {
       rows: rows,
-      total
+      total,
     };
   }, [data]);
 
@@ -137,7 +142,7 @@ const DataTable = () => {
       .then(() => {
         deleteMultipleMutation.mutate({
           tableName,
-          ids: selected
+          ids: selected,
         });
       })
       .catch(() => {});
@@ -152,7 +157,12 @@ const DataTable = () => {
           onDeleteMultiple={handleDeleteMultiple}
         />
         <Table className="border">
-          <TableHead headLabel={columns} onSelectAllClick={handleSelectAllClick} numSelected={selected?.length} rowCount={rows.length} />
+          <TableHead
+            headLabel={columns}
+            onSelectAllClick={handleSelectAllClick}
+            numSelected={selected?.length}
+            rowCount={rows.length}
+          />
           {isLoading ? (
             <TableRowsLoader rowsNum={5} colsNum={columns.length + 4} />
           ) : (

package/components/DataManagement/TableToolbar.jsx

@@ -6,13 +6,7 @@ import { useTheme } from "@mui/material/styles";
 import { RootStyle } from "./TableRowRender";
 
 // ----------------------------------------------------------------------
-TableToolbar.propTypes = {
-  numSelected: PropTypes.number,
-  filterName: PropTypes.string,
-  onFilterName: PropTypes.func
-};
-
-export const TableToolbar = ({ numSelected, onSelectAllClick, rowCount, onDeleteMultiple }) => {
+const TableToolbar = ({ numSelected, onSelectAllClick, rowCount, onDeleteMultiple }) => {
   const theme = useTheme();
   const isLight = theme.palette.mode === "light";
   const { canDeleteMulti } = usePermission();
@@ -29,10 +23,9 @@ export const TableToolbar = ({ numSelected, onSelectAllClick, rowCount, onDelete
           width: "100%",
           ...(numSelected > 0 && {
             color: isLight ? "primary.main" : "text.primary",
-            bgcolor: isLight ? "primary.lighter" : "primary.dark"
-          })
-        }}
-      >
+            bgcolor: isLight ? "primary.lighter" : "primary.dark",
+          }),
+        }}>
         <Box padding="checkbox" sx={{ display: "flex", alignItems: "center" }}>
           <Checkbox
             indeterminate={numSelected > 0 && numSelected < rowCount}
@@ -55,3 +48,10 @@ export const TableToolbar = ({ numSelected, onSelectAllClick, rowCount, onDelete
     )
   );
 };
+TableToolbar.propTypes = {
+  numSelected: PropTypes.number,
+  filterName: PropTypes.string,
+  onFilterName: PropTypes.func
+};
+
+export default TableToolbar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trithuc-mvc-react",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"