| | |
| | | |
| | | return ( |
| | | // group class name is for hover row show remove button |
| | | <div className={cn(className, 'h-min-7 group flex border-t border-divider-regular')}> |
| | | <div className={cn(className, 'group flex h-min-7 border-t border-gray-200')}> |
| | | <div className={cn('shrink-0 border-r border-divider-regular', isSupportFile ? 'w-[140px]' : 'w-1/2')}> |
| | | {!keyNotSupportVar |
| | | ? ( |
| | |
| | | ) |
| | | : ( |
| | | <input |
| | | className='system-sm-regular focus:bg-gray-100! appearance-none rounded-none border-none bg-transparent outline-none hover:bg-components-input-bg-hover focus:ring-0' |
| | | className='appearance-none outline-none rounded-none bg-white border-none system-sm-regular focus:ring-0 focus:bg-gray-100! hover:bg-gray-50' |
| | | value={payload.key} |
| | | onChange={e => handleChange('key')(e.target.value)} |
| | | /> |
| | | )} |
| | | </div> |
| | | {isSupportFile && ( |
| | | <div className='w-[70px] shrink-0 border-r border-divider-regular'> |
| | | <div className='shrink-0 w-[70px] border-r border-divider-regular'> |
| | | <PortalSelect |
| | | value={payload.type!} |
| | | onSelect={item => handleChange('type')(item.value as string)} |
| | |
| | | { name: 'file', value: 'file' }, |
| | | ]} |
| | | readonly={readonly} |
| | | triggerClassName='rounded-none h-7 text-text-primary' |
| | | triggerClassName='rounded-none h-7' |
| | | triggerClassNameFn={isOpen => isOpen ? 'bg-state-base-hover' : 'bg-transparent'} |
| | | popupClassName='w-[80px] h-7' |
| | | /> |