trithuc-mvc-react 2.5.1 → 2.5.3

package/components/DataManagement/DataTable.jsx

@@ -86,7 +86,7 @@ const DataTable = ({ multipleActions = [],page, setPage = () => { }, disableEdit
   });
 
   const handleDelete = (id) => {
-    confirm({ description: "Bạn có chắc chắn muốn xóa bản ghi này không?", title: "Xác nhận" })
+    confirm({ description: "Bạn có chắc chắn muốn xóa bản ghi này không?", title: "Xác nhận", cancellationText: "Hủy", confirmationText: "Xóa"})
       .then(() => {
         deleteMutation.mutate({
           id,
@@ -164,7 +164,7 @@ const DataTable = ({ multipleActions = [],page, setPage = () => { }, disableEdit
     setPage(0);
   };
   const handleDeleteMultiple = () => {
-    confirm({ description: `Bạn có chắc chắn muốn xóa ${selectedItems?.length} bản ghi này không?`, title: "Xác nhận" })
+    confirm({ description: `Bạn có chắc chắn muốn xóa ${selectedItems?.length} bản ghi này không?`, title: "Xác nhận", cancellationText: "Hủy", confirmationText: "Đồng ý" })
       .then(() => {
         deleteMultipleMutation.mutate({
           tableName,

package/components/DataManagement/TableRowRender.jsx

@@ -98,7 +98,7 @@ export const TableRowRender = ({
 
       {!disableCellThaoTac && (
         <TableCell align="center">
-          {!disableEdit && (
+          {!disableEdit && canEdit && (
             <Tooltip title="Chỉnh sửa">
               <IconButton size={downXl ? "small" : "medium"} onClick={() => onEdit(row)}>
                 <EditOutlined fontSize="inherit" color="primary" />
@@ -112,7 +112,7 @@ export const TableRowRender = ({
               </IconButton>
             </Tooltip>
           )}
-          {!disableDelete && (
+          {!disableDelete && canDelete && (
             <Tooltip title="Xóa">
               <IconButton
                 size={downXl ? "small" : "medium"}

package/components/DataManagement/index.jsx

@@ -67,7 +67,8 @@ function DataManagement({
 
   tableActions = [],
   multipleActions = [],
-
+  disableDelete = false,
+  disableEdit = false,
   disableEditor = false,
   onAddClick = () => {},
   onEditClick = () => {},
@@ -210,7 +211,7 @@ function DataManagement({
             {tabPanel}
             <FilterGod filters={filters} elementSize={elementSize} setPage={setPage} />
             {backParentNavigator}
-            <DataTable multipleActions={multipleActions} page={page} setPage={setPage} disableEdit={disableEditor} disableDelete = {disableEditor}/>
+            <DataTable multipleActions={multipleActions} page={page} setPage={setPage} disableEdit={disableEdit} disableDelete = {disableDelete}/>
           </Card>
         </FormProvider>
 

package/components/date/DateRangePicker.jsx

@@ -108,6 +108,7 @@ const DateRangePicker = ({ label = ["Từ ngày", "Đến ngày"] }) => {
                     }));
                   }}
                   edge="end"
+                  style={{ visibility: dateRange.startDate ? 'visible' : 'hidden' }}
                 >
                   <ClearIcon />
                 </IconButton>
@@ -143,6 +144,7 @@ const DateRangePicker = ({ label = ["Từ ngày", "Đến ngày"] }) => {
                     }));
                   }}
                   edge="end"
+                  style={{ visibility: dateRange.endDate ? 'visible' : 'hidden' }}
                 >
                   <ClearIcon />
                 </IconButton>

package/package.json

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