trithuc-mvc-react 1.8.10 → 1.8.11

package/components/DataManagement/FilterElement.jsx

@@ -1,5 +1,5 @@
 import { Autocomplete, FormControl, InputAdornment, InputLabel, MenuItem, OutlinedInput, Select, TextField } from "@mui/material";
-import { useCallback } from "react";
+import { useCallback, useMemo } from "react";
 import { SearchOutlined } from "@mui/icons-material";
 import { useController, useFormContext } from "react-hook-form";
 import { debounce } from "lodash";
@@ -55,31 +55,38 @@ export function FilterElement({
         />
       );
 
-    case "autocomplete":
+    case "autocomplete": {
+      //Bùa bởi vì không hiện giá trị đầu tiên
+      let autocompleteValue = datas?.find((item) => item[keyValue] == dataSearch[name]);
+      autocompleteValue = autocompleteValue ? { ...autocompleteValue } : { [keyLabel]: "" };
       return (
         <Autocomplete
-          {...name}
+          key={name}
+          name={name}
           disablePortal
           loading={loading}
           noOptionsText="Không có dữ liệu"
           fullWidth
           options={datas ?? []}
-          onChange={(event, newValue) => {
+          onChange={(event, newValue, reason) => {
             let updateObject = { [name]: newValue?.[keyValue] };
             onFieldChange(newValue?.[keyValue]);
+
             onChange(newValue);
+
             childrenFields?.forEach((childrenField) => {
               setValue(childrenField, null, { shouldTouch: true });
               updateObject[childrenField] = null;
             });
+
             setDataSearch({ ...dataSearch, ...updateObject });
           }}
-          value={datas?.find((item) => item[keyValue] === value)}
+          value={autocompleteValue}
           getOptionLabel={(option) => option?.[keyLabel]}
           renderInput={(params) => <TextField {...params} label={label} />}
         />
       );
-
+    }
     case "select":
       return (
         <FormControl sx={{ minWidth: 160 }} size="small" fullWidth>

package/components/DataManagement/index.jsx

@@ -44,8 +44,8 @@ DataManagement.propTypes = {
 };
 const getDefaultValues = (filters = []) => {
   const defaultValues = {};
-  filters.forEach((filter) => {
-    defaultValues[filter.field] = filter.defaultValue;
+  filters.forEach(({ defaultValue, field }) => {
+    defaultValues[field] = defaultValue;
   });
   return defaultValues;
 };

package/package.json

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