|  |  | 
 |  |  | const LocAreaMatEdit = () => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |  | 
 |  |  |     const [warehouseId, setWrehouseId] = useState(); | 
 |  |  |     const warehouseChange = (val) => { | 
 |  |  |         setWrehouseId(val) | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <Edit | 
 |  |  |             redirect="list" | 
 |  |  | 
 |  |  |                                 autoFocus | 
 |  |  |                             /> | 
 |  |  |                         </Stack> | 
 |  |  |                         {/* <Stack direction='row' gap={2}> | 
 |  |  |                             <NumberInput | 
 |  |  |                                 label="table.field.locAreaMat.warehouseId" | 
 |  |  |                         <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                             <TextInput | 
 |  |  |                                 label="table.field.locAreaMat.name" | 
 |  |  |                                 source="name" | 
 |  |  |                                 parse={v => v} | 
 |  |  |                                 autoFocus | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                             <ReferenceInput | 
 |  |  |                                 source="warehouseId" | 
 |  |  |                             /> | 
 |  |  |                         </Stack> | 
 |  |  |                         <Stack direction='row' gap={2}> | 
 |  |  |                             <NumberInput | 
 |  |  |                                 label="table.field.locAreaMat.areaId" | 
 |  |  |                                 reference="warehouse" | 
 |  |  |                             > | 
 |  |  |                                 <AutocompleteInput | 
 |  |  |                                     label="table.field.loc.warehouseId" | 
 |  |  |                                     optionText="name" | 
 |  |  |                                     validate={[required()]} | 
 |  |  |                                     onChange={warehouseChange} | 
 |  |  |                                     filterToQuery={(val) => ({ name: val })} | 
 |  |  |                                 /> | 
 |  |  |                             </ReferenceInput> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item xs={6} display="flex" gap={1}> | 
 |  |  |                             <ReferenceInput | 
 |  |  |                                 source="areaId" | 
 |  |  |                             /> | 
 |  |  |                         </Stack> */} | 
 |  |  |                                 reference="warehouseAreas" | 
 |  |  |                                 filter={{ warehouseId }} | 
 |  |  |                             > | 
 |  |  |                                 <AutocompleteInput | 
 |  |  |                                     label="table.field.loc.areaId" | 
 |  |  |                                     optionText="name" | 
 |  |  |                                     validate={[required()]} | 
 |  |  |                                     filterToQuery={(val) => ({ name: val })} | 
 |  |  |                                 /> | 
 |  |  |                             </ReferenceInput> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Stack direction='row' gap={2}> | 
 |  |  |                             <TextInput | 
 |  |  |                                 label="table.field.locAreaMat.depict" | 
 |  |  | 
 |  |  |                         </Stack> | 
 |  |  |  | 
 |  |  |                     </Grid> | 
 |  |  |                     <Grid item xs={12} md={4}> | 
 |  |  |                     {/* <Grid item xs={12} md={4}> | 
 |  |  |                         <Typography variant="h6" gutterBottom> | 
 |  |  |                             {translate('common.edit.title.common')} | 
 |  |  |                         </Typography> | 
 |  |  |                         <StatusSelectInput /> | 
 |  |  |                         <Box mt="2em" /> | 
 |  |  |                         <MemoInput /> | 
 |  |  |                     </Grid> | 
 |  |  |                     </Grid> */} | 
 |  |  |                 </Grid> | 
 |  |  |             </SimpleForm> | 
 |  |  |         </Edit > |