trithuc-mvc-react 1.7.2 → 1.7.4

package/components/DataManagement/FilterElement.jsx

@@ -1,17 +1,23 @@
-import {
-  Autocomplete, FormControl, InputAdornment,
-  InputLabel,
-  MenuItem,
-  OutlinedInput,
-  Select, TextField
-} from "@mui/material";
+import { Autocomplete, FormControl, InputAdornment, InputLabel, MenuItem, OutlinedInput, Select, TextField } from "@mui/material";
 import { useCallback } from "react";
 import { SearchOutlined } from "@mui/icons-material";
 import { useController, useFormContext } from "react-hook-form";
 import { debounce } from "lodash";
 import { useDataTable } from "./hooks";
 
-export function FilterElement({ name, type, label, keyValue, keyLabel, childrenFields, datas, loading = false, onChange = () => { }, size= "small" }) {
+
+export function FilterElement({
+  name,
+  type,
+  label,
+  keyValue,
+  keyLabel,
+  childrenFields,
+  datas,
+  loading = false,
+  onChange = () => {},
+  size = "small"
+}) {
   const { control, setValue } = useFormContext();
 
   const {
@@ -71,22 +77,22 @@ export function FilterElement({ name, type, label, keyValue, keyLabel, childrenF
           }}
           value={value || null}
           getOptionLabel={(option) => option?.[keyLabel]}
-          renderInput={(params) => <TextField {...params} label={label} />} />
+          renderInput={(params) => <TextField {...params} label={label} />}
+        />
       );
 
     case "select":
       return (
         <FormControl sx={{ minWidth: 160 }} size="small" fullWidth>
-          <InputLabel id="demo-simple-select-label">{label}</InputLabel>
+          <InputLabel shrink={true}>{label}</InputLabel>
           <Select
             {...rest}
-            labelId="demo-simple-select-label"
-            id="demo-simple-select"
             name={name}
             fullWidth
             size={size}
             label={label}
-            value={value ?? ""}
+            value={value}
+            displayEmpty
             onChange={(e) => {
               onFieldChange(e);
               setDataSearch({ ...dataSearch, [name]: e.target.value });

package/components/DataManagement/hooks.js

@@ -2,5 +2,6 @@ import { useContext } from "react";
 import { DataTableContext } from "./context";
 
 export function useDataTable() {
-  return useContext(DataTableContext);
+  const context = useContext(DataTableContext);
+  return context;
 }

package/components/DataManagement/index.jsx

@@ -130,6 +130,7 @@ function DataManagement({
 
   const methods = useForm({ defaultValues: {} });
   const { reset, setValue } = methods;
+ 
   return (
     <>
       <DataTableContext.Provider value={values}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trithuc-mvc-react",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -31,13 +31,15 @@
     "eslint": "^8.45.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3"
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5.14.1",
     "@mui/material": "^5.14.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": ">=16",
+    "react-dom": ">=16",
     "react-query": "^3.39.3",
     "react-toastify": "^9.1.3",
     "material-ui-confirm": "^3.0.9",