|  |  | 
 |  |  |     useGetOne, | 
 |  |  |     DeleteButton, | 
 |  |  |     EditBase, | 
 |  |  |     ReferenceField, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { useWatch, useFormContext } from "react-hook-form"; | 
 |  |  | import { Stack, Grid, Box, Typography, Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'; | 
 |  |  | 
 |  |  |                                         source="qty" | 
 |  |  |                                         readOnly | 
 |  |  |                                     /> | 
 |  |  |                                     <TextInput | 
 |  |  |                                         label="table.field.asnOrderItem.splrCode" | 
 |  |  |                                         source="splrCode" | 
 |  |  |                                         parse={v => v} | 
 |  |  |                                     /> | 
 |  |  |                                     <ReferenceInput source="splrName" label="table.field.asnOrderItem.splrName" reference="companys" filter={{type: 'supplier'}}> | 
 |  |  |                                         <AutocompleteInput optionText="name" label="table.field.asnOrderItem.splrName" /> | 
 |  |  |                                     </ReferenceInput> | 
 |  |  |                                 </Stack> | 
 |  |  |                                 <Stack direction='row' gap={2}> | 
 |  |  |                                     <TextInput | 
 |  |  |                                         label="table.field.asnOrderItem.splrName" | 
 |  |  |                                         source="splrName" | 
 |  |  |                                         parse={v => v} | 
 |  |  |                                     /> | 
 |  |  |                                     <TextInput | 
 |  |  |                                         label="table.field.asnOrderItem.qrcode" | 
 |  |  |                                         source="qrcode" |