trithuc-mvc-react 2.3.1 → 2.3.3

package/components/DataManagement/TableRowRender.jsx

@@ -10,19 +10,32 @@ import MoreMenu from "../MoreMenu";
 import { useMemo } from "react";
 
 export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus, onDelete, onEdit, onView }) => {
-  const { selectedField, columns, statusKey, disableStatus, tableActions, disableCellThaoTac, tableName } = useDataTable();
+  const {
+    selectedField,
+    columns,
+    statusKey,
+    disableStatus,
+    tableActions,
+    disableCellThaoTac,
+    tableName,
+    sttLuyKe,
+    backParentNavigator
+  } = useDataTable();
   const { canEdit, canDelete, canView, canAction } = usePermission(tableName);
 
+  console.log(">>> tnduc TableRowRender backParentNavigator", backParentNavigator);
   const { tableActionsOnTable, tableActionsOnMoreMenu } = useMemo(() => {
-    const tableActionsAfterFilter = [...tableActions].filter(x => x).filter(({ permissionType }) => {
-      if (permissionType == "view" && !canView) {
-        return false;
-      }
-      if (permissionType == "action" && !canAction) {
-        return false;
-      }
-      return true;
-    });
+    const tableActionsAfterFilter = [...tableActions]
+      .filter((x) => x)
+      .filter(({ permissionType }) => {
+        if (permissionType == "view" && !canView) {
+          return false;
+        }
+        if (permissionType == "action" && !canAction) {
+          return false;
+        }
+        return true;
+      });
     const tableActionsOnTable = tableActionsAfterFilter.filter(({ isOnTable = false }) => isOnTable);
     const tableActionsOnMoreMenu = tableActionsAfterFilter.filter(({ isOnTable = false }) => !isOnTable);
     return { tableActionsOnTable, tableActionsOnMoreMenu };
@@ -38,7 +51,7 @@ export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus,
           onChange={(event) => onSelect(event, row[selectedField])}
         />
       </TableCell>
-      <TableCell align="center">{index + 1}</TableCell>
+      <TableCell align="center">{sttLuyKe ? index + 1 : index + 1}</TableCell>
       {columns.map(
         ({
           field,

package/components/DataManagement/index.jsx

@@ -18,6 +18,7 @@ import { usePermission } from "../../hooks";
 DataManagement.propTypes = {
   columns: PropTypes.array,
   title: PropTypes.string,
+  titleButtons: PropTypes.array,
   tableName: PropTypes.string,
   selectedField: PropTypes.string,
   filters: PropTypes.arrayOf(
@@ -50,8 +51,10 @@ const getDefaultValues = (filters = []) => {
   return defaultValues;
 };
 function DataManagement({
+  sttLuyKe = false,
   columns = [],
   title,
+  titleButtons = [],
   tableName,
   selectedField = "Id",
   filters: tableFilters = [],
@@ -108,8 +111,10 @@ function DataManagement({
   const values = useMemo(() => {
     const hasTabpanel = !!tabPanel;
     return {
+      sttLuyKe,
       tableName,
       selectedField,
+      titleButtons,
       columns,
       selectedEditItem,
       setSelectedEditItem,
@@ -125,11 +130,14 @@ function DataManagement({
       tableActions,
       onEditClick,
       hasTabpanel,
+      backParentNavigator,
       defaultRowsPerPage
     };
   }, [
+    sttLuyKe,
     tableName,
     selectedField,
+    titleButtons,
     columns,
     selectedEditItem,
     dataSearch,
@@ -139,12 +147,13 @@ function DataManagement({
     openViewDialog,
     setOpenViewDialog,
     onEditClick,
+    backParentNavigator,
     defaultRowsPerPage
   ]);
 
   const methods = useForm({ defaultValues: getDefaultValues(filters) });
   const { reset, setValue } = methods;
-
+  console.log("tnduc", backParentNavigator);
   return (
     <>
       <DataTableContext.Provider value={values}>
@@ -170,6 +179,12 @@ function DataManagement({
                 </IconButton>
               </Tooltip>
 
+              {titleButtons?.map((button, index) => (
+                <div key={index}>
+                  {button}
+                  {/* Các phần tử khác có thể được thêm ở đây nếu cần */}
+                </div>
+              ))}
               <ExportExcelButton tableName={tableName} data={dataSearch} size={elementSize} />
               {canCreate && !disableAdd && (
                 <Button
@@ -199,6 +214,7 @@ function DataManagement({
           </Card>
         </FormProvider>
 
+        {/* nôi dung form */}
         {disableEditor || (
           <EditorDialog
             open={openEditorDialog}
@@ -207,6 +223,7 @@ function DataManagement({
             fields={editorFields}
           />
         )}
+        {/* nôi dung view */}
         <ViewDetailDialog open={openViewDialog} onClose={() => setOpenViewDialog(false)} fields={editorFields} />
       </DataTableContext.Provider>
     </>

package/package.json

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

package/providers/PermissionProvider.jsx

@@ -6,7 +6,6 @@ const PermissionProvider = ({ children }) => {
   const value = useMemo(() => {
     return { permissionMap, setPermission };
   }, [permissionMap, setPermission]);
-  console.log("PermissionProvider: permissionMap", permissionMap);
   return <PermissionContext.Provider value={value}>{children}</PermissionContext.Provider>;
 };
 export default PermissionProvider;