edit plz

src/Components/Modal/AgregarManual.js

   if (puesto.length < 2) return []
   let rest = new Service(`/plaza/keypuestosup?keyword=${puesto}`)
   let result = await rest.get(auth.token)
-  // console.log(result)
   if (result?.data?.length > 0) {
     result = result.data.map((item) => ({ 'title': item.nombre, id: item.id }))
     return result;
   });
 
   let setDialogValue = (value) => {
-  console.log("DIALGO RECE:", value)
-    if(value?.id !== undefined && isNaN(value?.id) === false ){
-      setValues({...values, puestosuperior: value?.id })
+    if (value?.id !== undefined && isNaN(value?.id) === false) {
+      setValues({ ...values, puestosuperior: value?.id })
     }
     setDialogValueHook(value)
   }
   };
 
   const handleCloseDialog = () => {
-    // setDialogValue({
-    //   title: '',
-    //   id: '',
-    // });
     toggleOpenDialog(false);
   };
 
 
   const handleSubmitDialog = async (event) => {
     event.preventDefault();
-    console.log('to save: ', dialogValue)
     let { id, nombre } = await savePuestoSuperior(dialogValue, auth)
-    console.log('nuevo puesto superior: ', id, nombre)
     if (id) {
       let to_set = {
         title: nombre,
         id: id,
       }
-      console.log('have id and set', to_set)
-      console.table(to_set)
       if (to_set.id) {
         setDialogValue(to_set);
       }
     }
-
-    // setDialogValue({
-    //   title: dialogValue.title,
-    //   id: dialogValue.id
-    // });
-console.log(values)
     handleCloseDialog();
   };
 
   const AutoCompleteChange = (event, newValue) => {
-    console.log('newValue', newValue)
     setValues({ ...values, puestosuperior: newValue?.id })
 
     if (typeof newValue === 'string') {
-      console.log('if')
       setTimeout(() => {
         toggleOpenDialog(true);
         setDialogValue({
         });
       });
     } else if (newValue && newValue.inputValue) {
-      console.log('else if')
       toggleOpenDialog(true);
       setDialogValue({
         title: newValue.inputValue,
         id: '',
       });
     } else {
-      console.log('only else')
       setDialogValue(newValue);
     }
   }
                             ...params.InputProps,
                             onChange: (event) => {
                               // let title = event.target.value;
-                              // console.log('titulo',title)
                               setOptions([]);
                               setDialogValue({
                                 title: event.target.value,

src/Components/Modal/EditPlaza.js

 import {
   Button, Stack, TextField, MenuItem, FormControl, InputLabel, Select,
   Backdrop, CircularProgress,
-  Tabs, Tab, Box, Divider, FormGroup, FormControlLabel, Checkbox
+  Tabs, Tab, Box, Divider, FormGroup, FormControlLabel, Checkbox,
+  Dialog, DialogContent, DialogTitle, DialogActions,
+  DialogContentText,
 } from '@mui/material';
 
 import toast, { Toaster } from 'react-hot-toast';
   if (puesto.length < 2) return []
   let rest = new Service(`/plaza/keypuestosup?keyword=${puesto}`)
   let result = await rest.get(auth.token)
-  // console.log(result)
   if (result?.data?.length > 0) {
     result = result.data.map((item) => ({ 'title': item.nombre, id: item.id }))
     return result;
   return [];
 }
 
+async function savePuestoSuperior(input, auth) {
+  let rest = new Service("/plaza/puestosuperior")
+  let body = {
+    "active": 1,
+    "nombre": input.title,
+    "decription": input.id,
+    "modifyday": "2023-02-12T23:55:26.007",
+    "createday": "2023-02-12T23:55:26.007",
+    "id": null,
+    "descripction": input.id,
+    "modify_day": "2023-02-12T23:55:26.007",
+  }
+  let result = await rest.post(body, auth.token);
+  let { id, nombre } = result;
+  return { id, nombre }
+}
+
 
 const plazeSchema = Yup.object({
   id: Yup.number(),
     id: '',
   });
 
+
+  const handleCloseDialog = () => {
+    toggleOpenDialog(false);
+  };
+
+  const handleSubmitDialog = async (event) => {
+    event.preventDefault();
+    let { id, nombre } = await savePuestoSuperior(dialogValue, auth)
+    if (id) {
+      let to_set = {
+        title: nombre,
+        id: id,
+      }
+      if (to_set.id) {
+        setDialogValue(to_set);
+      }
+    }
+    handleCloseDialog();
+  };
+
   let setDialogValue = (value) => {
-    // console.log('llamada', value)
-    // setValues({...values, puestosuperior: value?.title })
+    if (value?.id !== undefined && isNaN(value?.id) === false) {
+      // setValues({ ...values, puestosuperior: value?.id })
+      setValue('puestosuperior', value?.id)
+    }
     setDialogValueHook(value)
   }
 
         let { areadeptoplz_id, fecha, tests, puestosuperior } = response.data;
         let temp_test = tests.map(t => ({ id: t.id }))
         setChecklist(temp_test.map(t => t.id))
-        console.log('puesto sup',puestosuperior)
-        reset({ 
-          ...response.data, 
-          aredepto: areadeptoplz_id, 
-          fecha: new Date(fecha), 
-          tests: temp_test, 
+        console.log('puesto sup', puestosuperior)
+
+        let temp_puesto = {
+          title: puestosuperior.nombre,
+          id: puestosuperior.id
+        }
+        // setDialogValue(temp_puesto)
+        reset({
+          ...response.data,
+          aredepto: areadeptoplz_id,
+          fecha: new Date(fecha),
+          tests: temp_test,
           puestosuperior: puestosuperior.id
         })
         // setDialogValue({ title: puestosuperior.nombre, id: puestosuperior.id })
           <Tab label="Pruebas" />
         </Tabs>
 
+        <Dialog open={openDialog} onClose={handleCloseDialog}>
+          <form onSubmit={handleSubmitDialog}>
+            <DialogTitle>Agrega un nuevo Puesto</DialogTitle>
+            <DialogContent>
+              <DialogContentText>
+                Agrega la descripcion del puesto
+              </DialogContentText>
+
+              <TextField
+                autoFocus
+                margin="dense"
+                id="name"
+                value={dialogValue?.title}
+                onChange={(event) =>
+                  setDialogValue({
+                    ...dialogValue,
+                    title: event.target.value,
+                  })
+                }
+                label="Puesto"
+                type="text"
+                variant="standard"
+              />
+
+              <TextField
+                margin="dense"
+                id="name"
+                value={dialogValue?.id}
+                onChange={(event) =>
+                  setDialogValue({
+                    ...dialogValue,
+                    id: event.target.value,
+                  })
+                }
+                label="Descripción"
+                type="text"
+                variant="standard"
+              />
+            </DialogContent>
+            <DialogActions>
+              <Button onClick={handleCloseDialog}>Cancelar</Button>
+              <Button type="submit">Agregar</Button>
+            </DialogActions>
+          </form>
+        </Dialog>
+
+
+
+
         <form onSubmit={handleSubmit(onSubmit)}>
           <TabPanel value={tab} index={1}>
             <Stack spacing={1}>
                   </Controller>
                 </FormControl>
 
-
-                {
-                  /* <FormControl fullWidth>
-                  <InputLabel id="demo-simple-select-label">Puesto Superior</InputLabel>
-                  <Controller
-                    helperText={errors.puestosuperior?.message}
-                    error={Boolean(errors?.puestosuperior)}
-                    name="puestosuperior"
-                    control={control}
-                  render={({field}) => 
-                    <Select {...field}>
-                      {
-                        categories ?
-                          categories.data.map(cate => {
-                            return (
-                              <MenuItem key={cate.id} value={cate.id}>{cate.nombre}</MenuItem>
-                            )
-                      })
-                      : <MenuItem>Null</MenuItem>
-                      }
-                        </Select>
-                    }
-                  >
-
-                    </Controller>
-                  </FormControl> */
-                }
-
-
               </Stack>
 
               <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2}>