trithuc-mvc-react 2.8.8 → 2.9.0

package/components/DataManagement/DataTable.jsx

@@ -1,4 +1,4 @@
-import { Table, TableBody, TableCell, TableContainer, TableRow, Typography, useMediaQuery, useTheme } from "@mui/material";
+import { Grid, Table, TableBody, TableCell, TableContainer, TableRow, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { useEffect, useMemo, useState } from "react";
 import TablePaginationCustom from "../table/TablePagination";
 

package/components/DataManagement/DataTableSM.jsx

@@ -1,4 +1,4 @@
-import { Table, TableBody, TableCell, TableContainer, TableRow, Typography, useMediaQuery, useTheme } from "@mui/material";
+import { Grid, Table, TableBody, TableCell, TableContainer, TableRow, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { useEffect, useMemo, useState } from "react";
 import TablePaginationCustom from "../table/TablePagination";
 

package/components/DataManagement/EditorForm.jsx

@@ -1,4 +1,4 @@
-import { Box, useMediaQuery, useTheme } from "@mui/material";
+import { Box, Grid, useMediaQuery, useTheme } from "@mui/material";
 import { FormProvider, useForm } from "react-hook-form";
 
 import PropTypes from "prop-types";

package/components/DataManagement/ExportExcelButton.jsx

@@ -1,8 +1,8 @@
+import { URL_APPLICATION, URL_APPLICATION_API } from "@/constants";
+import { Download } from "@mui/icons-material";
+import { Button, IconButton, Tooltip, useMediaQuery, useTheme } from "@mui/material";
 import { toast } from "react-toastify";
 import { exportExcel } from "../../api";
-import { Button, IconButton, Tooltip, useMediaQuery, useTheme } from "@mui/material";
-import { Download } from "@mui/icons-material";
-import { URL_APPLICATION, URL_APPLICATION_API } from "@/constants";
 
 const ExportExcelButton = ({ tableName, data, size = "small" }) => {
   const theme = useTheme();

package/components/DataManagement/FilterElement.jsx

@@ -1,19 +1,10 @@
-import {
-  Autocomplete,
-  FormControl,
-  IconButton,
-  InputAdornment,
-  InputLabel,
-  MenuItem,
-  Select,
-  TextField
-} from "@mui/material";
-import { useCallback } from "react";
 import { SearchOutlined } from "@mui/icons-material";
-import { useController, useFormContext } from "react-hook-form";
+import ClearIcon from "@mui/icons-material/Clear";
+import { Autocomplete, FormControl, IconButton, InputAdornment, InputLabel, MenuItem, Select, TextField } from "@mui/material";
 import { debounce } from "lodash";
+import { useCallback } from "react";
+import { useController, useFormContext } from "react-hook-form";
 import { useDataTable } from "./hooks";
-import ClearIcon from "@mui/icons-material/Clear";
 export function FilterElement({
   name,
   type,

package/components/DataManagement/FilterGod.jsx

@@ -1,4 +1,4 @@
-import { Accordion, AccordionSummary, Box, Slider, Typography } from "@mui/material";
+import { Accordion, AccordionSummary, Box, Grid, Slider, Typography } from "@mui/material";
 import { useFormContext } from "react-hook-form";
 
 import { FilterElement } from "./FilterElement";

package/components/DataManagement/FormField.jsx

@@ -3,7 +3,6 @@ import {
   Checkbox,
   FormControl,
   FormControlLabel,
-  FormLabel,
   InputLabel,
   MenuItem,
   Radio,
@@ -14,13 +13,13 @@ import {
 } from "@mui/material";
 import { Controller, useFormContext } from "react-hook-form";
 // Grid version 2
-import PropTypes from "prop-types";
 import { DatePicker } from "@mui/x-date-pickers";
-import { useCallback, useEffect } from "react";
 import moment from "moment/moment";
+import PropTypes from "prop-types";
+import { useCallback, useEffect } from "react";
 import { DEFAULT_DATE_FORMAT } from "../../constants";
-import UploadMultipleFile from "./upload/UploadMultipleFile";
 import RhfUploadAvatar from "./upload/RhfUploadAvatar";
+import UploadMultipleFile from "./upload/UploadMultipleFile";
 
 FormField.propTypes = {
   datas: PropTypes.array,

package/components/DataManagement/HuongDanButton.jsx

@@ -1,6 +1,6 @@
-import { useEffect, useState } from "react";
-import { Tooltip, IconButton } from "@mui/material";
 import { LightbulbOutlined } from "@mui/icons-material";
+import { IconButton, Tooltip } from "@mui/material";
+import { useEffect, useState } from "react";
 import { huongDan } from "../../api";
 
 const HuongDanButton = ({ tableName, size = "small" }) => {

package/components/DataManagement/TableHead.jsx

@@ -1,6 +1,6 @@
-import { Checkbox, TableRow, TableCell, TableHead as MuiTableHead, useTheme, useMediaQuery } from "@mui/material";
-import { useDataTable } from "./hooks";
+import { Checkbox, TableHead as MuiTableHead, TableCell, TableRow, useMediaQuery, useTheme } from "@mui/material";
 import { usePermission } from "../../hooks";
+import { useDataTable } from "./hooks";
 export function TableHead({ numSelected, rowCount, onSelectAllClick, headLabel }) {
   const { disableStatus, disableCellThaoTac, tableName } = useDataTable();
   const { canEdit } = usePermission(tableName);

package/components/DataManagement/TableRowRender.jsx

@@ -1,15 +1,14 @@
-import { Checkbox, IconButton, Switch, TableCell, TableRow, Tooltip, Toolbar, useMediaQuery } from "@mui/material";
-import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import { EditOutlined } from "@mui/icons-material";
-import { useDataTable } from "./hooks";
+import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import RemoveRedEyeOutlinedIcon from "@mui/icons-material/RemoveRedEyeOutlined";
+import { Checkbox, IconButton, Switch, TableCell, TableRow, Toolbar, Tooltip, useMediaQuery } from "@mui/material";
 import { usePermission } from "../../hooks";
+import { useDataTable } from "./hooks";
 // material
 
 import { styled, useTheme } from "@mui/material/styles";
-import MoreMenu from "../MoreMenu";
 import { useMemo } from "react";
-
+import MoreMenu from "../MoreMenu";
 
 export const TableRowRender = ({
   index,
@@ -28,7 +27,7 @@ export const TableRowRender = ({
   const { selectedField, columns, statusKey, disableStatus, tableActions, disableCellThaoTac, tableName, sttLuyKe } =
     useDataTable();
   const { canEdit, canDelete, canView, canAction } = usePermission(tableName);
-    
+
   const { tableActionsOnTable, tableActionsOnMoreMenu } = useMemo(() => {
     const tableActionsAfterFilter = [...tableActions]
       .filter((x) => x)

package/components/DataManagement/TableRowRenderSM.jsx

@@ -1,7 +1,7 @@
 import { EditOutlined } from "@mui/icons-material";
 import DeleteOutlineIcon from "@mui/icons-material/DeleteOutline";
 import RemoveRedEyeOutlinedIcon from "@mui/icons-material/RemoveRedEyeOutlined";
-import { Box, IconButton, Switch, TableCell, TableRow, Toolbar, Tooltip, useMediaQuery } from "@mui/material";
+import { Box, Grid, IconButton, Switch, TableCell, TableRow, Toolbar, Tooltip, useMediaQuery } from "@mui/material";
 import { styled, useTheme } from "@mui/material/styles";
 import { useMemo } from "react";
 import { usePermission } from "../../hooks";

package/components/DataManagement/TableToolbar.jsx

@@ -1,12 +1,12 @@
-import { Checkbox, IconButton, Tooltip, Typography, Box, useMediaQuery, Stack } from "@mui/material";
 import { Delete } from "@mui/icons-material";
+import { Box, Checkbox, IconButton, Stack, Tooltip, Typography, useMediaQuery } from "@mui/material";
 
-import PropTypes from "prop-types";
 import { useTheme } from "@mui/material/styles";
-import { RootStyle } from "./TableRowRender";
+import PropTypes from "prop-types";
+import { useMemo } from "react";
 import { usePermission } from "../../hooks";
 import { useDataTable } from "./hooks";
-import { useMemo } from "react";
+import { RootStyle } from "./TableRowRender";
 // ----------------------------------------------------------------------
 const TableToolbar = ({ selected, multipleActions = [], numSelected, onSelectAllClick, rowCount, onDeleteMultiple }) => {
   const theme = useTheme();

package/components/DataManagement/index.jsx

@@ -1,21 +1,21 @@
-import { Button, Card, IconButton, Stack, Tooltip, Typography, useTheme, useMediaQuery } from "@mui/material";
+import { Button, Card, IconButton, Stack, Tooltip, Typography, useMediaQuery, useTheme } from "@mui/material";
 
 import { useEffect, useMemo, useState } from "react";
 
-import { DataTableContext } from "./context";
+import { Add, Refresh } from "@mui/icons-material";
 import PropTypes from "prop-types";
+import { DataTableContext } from "./context";
 import DataTable from "./DataTable";
-import { Add, Lightbulb, LightbulbCircle, LightbulbCircleOutlined, LightbulbOutlined, Refresh } from "@mui/icons-material";
 
 import { FormProvider, useForm } from "react-hook-form";
 import EditorDialog from "./EditorDialog";
 import ViewDetailDialog from "./ViewDetailDialog";
 
+import { usePermission } from "../../hooks";
+import DataTableSM from "./DataTableSM";
 import ExportExcelButton from "./ExportExcelButton";
 import { FilterGod } from "./FilterGod";
-import { usePermission } from "../../hooks";
 import HuongDanButton from "./HuongDanButton";
-import DataTableSM from "./DataTableSM";
 
 DataManagement.propTypes = {
   columns: PropTypes.array,

package/components/DataManagement/upload/UploadMultipleFile.jsx

@@ -1,10 +1,10 @@
 import { FormHelperText, LinearProgress } from "@mui/material";
 
+import { saveFilesToServer } from "@/utils";
+import { Typography } from "@mui/material";
+import { useCallback, useState } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import UploadMultiFile from "trithuc-mvc-react/components/DataManagement/upload/UploadMultiFile";
-import { useCallback, useState } from "react";
-import { saveFilesToServer } from "@/utils";
-import { Typography } from '@mui/material';
 const UploadMultipleFile = ({ name, label, disabled }) => {
   const { control, getValues, setValue } = useFormContext();
   const [isLoadingUpfile, setIsLoadingUpfile] = useState(false);
@@ -40,9 +40,9 @@ const UploadMultipleFile = ({ name, label, disabled }) => {
               maxSize={31457280}
               accept="*"
               files={field.value}
-              onDrop={!disabled ? handleDrop : () => { }} // disabled lúc ở model view thì ko được chọn ảnh
-              onRemove={!disabled ? handleRemove : () => { }}
-              onRemoveAll={!disabled ? handleRemoveAll : () => { }}
+              onDrop={!disabled ? handleDrop : () => {}} // disabled lúc ở model view thì ko được chọn ảnh
+              onRemove={!disabled ? handleRemove : () => {}}
+              onRemoveAll={!disabled ? handleRemoveAll : () => {}}
               error={Boolean(error)}
             />
             {isLoadingUpfile && <LinearProgress />}

package/components/DataManagement/upload/UploadSingleFile.jsx

@@ -2,8 +2,8 @@ import { isString } from "lodash";
 import PropTypes from "prop-types";
 import { useDropzone } from "react-dropzone";
 // material
+import { Box, Paper, Typography } from "@mui/material";
 import { alpha, styled } from "@mui/material/styles";
-import { Paper, Box, Typography } from "@mui/material";
 // utils
 // import { fData } from '../../utils/formatNumber';
 //

package/components/form/DynamicForm.jsx

@@ -1,4 +1,4 @@
-import { Box } from "@mui/material";
+import { Box, Grid } from "@mui/material";
 
 import PropTypes from "prop-types";
 import { FormProvider, useForm } from "react-hook-form";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trithuc-mvc-react",
-  "version": "2.8.8",
+  "version": "2.9.0",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -38,8 +38,8 @@
     "@mui/icons-material": "^5.15.12",
     "@mui/lab": "^5.0.0-alpha.142",
     "@mui/material": "^5.15.12",
-    "@mui/x-date-pickers": "^6.20.2",
-    "@mui/x-tree-view": "^6.0.0-alpha.4",
+    "@mui/x-date-pickers": "^7.22.1",
+    "@mui/x-tree-view": "^7.22.1",
     "react": ">=16",
     "react-dom": ">=16",
     "react-query": "^3.39.3",