trithuc-mvc-react 2.8.3 → 2.8.4

package/components/form/DynamicForm.jsx

@@ -1,18 +1,16 @@
 import { Box } from "@mui/material";
-import { FormProvider, useForm } from "react-hook-form";
-import Grid from "@mui/material/Unstable_Grid2"; // Grid version 2
+
 import PropTypes from "prop-types";
+import { FormProvider, useForm } from "react-hook-form";
 
 import moment from "moment/moment";
 
-
-import FormField from "./FormField";
 import { yupResolver } from "@hookform/resolvers/yup";
+import FormField from "./FormField";
 DynamicForm.propTypes = {
   fields: PropTypes.array
 };
 function DynamicForm({ fields, elementSize = "medium", submitRef, validationSchema, onSubmit }) {
-
   const methods = useForm({ defaultValues: {}, resolver: yupResolver(validationSchema) });
 
   const handleSubmit = (data) => {
@@ -30,8 +28,8 @@ function DynamicForm({ fields, elementSize = "medium", submitRef, validationSche
           data[keyValueLabel] = datas.find((item) => item[keyValue] == data[field])?.[keyLabel];
         }
       });
-      
-      onSubmit(data);
+
+    onSubmit(data);
   };
 
   return (

package/components/form/FormField.jsx

@@ -12,15 +12,14 @@ import {
   Switch,
   TextField
 } from "@mui/material";
-import { Controller,  useFormContext } from "react-hook-form";
-// Grid version 2
-import PropTypes from "prop-types";
+import { Controller, useFormContext } from "react-hook-form";
+
 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";
 
-
 FormField.propTypes = {
   datas: PropTypes.array,
   loading: PropTypes.bool
@@ -57,7 +56,6 @@ function FormField({
     }
   }, []);
 
-
   switch (type) {
     case "textarea":
       return (
@@ -130,7 +128,9 @@ function FormField({
                 value={getValueObject(value)}
                 fullWidth
                 getOptionLabel={(option) => option[keyLabel]}
-                renderInput={(params) => <TextField {...params} label={label} error={Boolean(error)} helperText={error?.message} />}
+                renderInput={(params) => (
+                  <TextField {...params} label={label} error={Boolean(error)} helperText={error?.message} />
+                )}
               />
             );
           }}
@@ -218,18 +218,17 @@ function FormField({
                 format={DEFAULT_DATE_FORMAT}
                 slotProps={{
                   textField: {
-                    fullWidth: true, error: Boolean(error),
+                    fullWidth: true,
+                    error: Boolean(error),
                     helperText: error?.message
                   },
                   popper: {
                     disablePortal: false,
                     popperOptions: {
-                      strategy: 'fixed'
-                    },
+                      strategy: "fixed"
+                    }
                   }
                 }}
-
-
               />
             );
           }}

package/package.json

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