| <div | <div | ||||
| ref={ref} | ref={ref} | ||||
| className={cn( | className={cn( | ||||
| 'flex h-8 cursor-pointer items-center justify-between gap-x-1 rounded-lg border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg py-1 pl-2 shadow-xs hover:shadow-sm', | |||||
| (isHovering && !readonly) ? 'pr-1' : 'pr-2.5', | |||||
| 'handle flex h-8 cursor-pointer items-center justify-between gap-x-1 rounded-lg border border-components-panel-border-subtle bg-components-panel-on-panel-item-bg py-1 pl-2 shadow-xs hover:shadow-sm', | |||||
| (isHovering && !readonly) ? 'cursor-all-scroll pr-1' : 'pr-2.5', | |||||
| readonly && 'cursor-default', | readonly && 'cursor-default', | ||||
| )} | )} | ||||
| onClick={handleOnClickEdit} | |||||
| // onClick={handleOnClickEdit} | |||||
| > | > | ||||
| <div className='flex grow basis-0 items-center gap-x-1'> | |||||
| <div className='flex grow basis-0 items-center gap-x-1 overflow-hidden'> | |||||
| { | { | ||||
| (isHovering && !readonly) | (isHovering && !readonly) | ||||
| ? <RiDraggable className='handle h-4 w-4 cursor-all-scroll text-text-quaternary' /> | |||||
| : <InputField className='size-4 text-text-accent' /> | |||||
| ? <RiDraggable className='size-4 shrink-0 text-text-quaternary' /> | |||||
| : <InputField className='size-4 shrink-0 text-text-accent' /> | |||||
| } | } | ||||
| <div | <div | ||||
| title={payload.variable} | title={payload.variable} | ||||
| <> | <> | ||||
| <div className='system-xs-regular shrink-0 text-text-quaternary'>·</div> | <div className='system-xs-regular shrink-0 text-text-quaternary'>·</div> | ||||
| <div | <div | ||||
| title={payload.label as string} | |||||
| className='system-xs-medium max-w-[130px] truncate text-text-tertiary' | |||||
| title={payload.label} | |||||
| className='system-xs-medium grow truncate text-text-tertiary' | |||||
| > | > | ||||
| {payload.label as string} | |||||
| {payload.label} | |||||
| </div> | </div> | ||||
| </> | </> | ||||
| )} | )} |
| setList={handleListSortChange} | setList={handleListSortChange} | ||||
| handle='.handle' | handle='.handle' | ||||
| ghostClass='opacity-50' | ghostClass='opacity-50' | ||||
| group='rag-pipeline-input-field' | |||||
| animation={150} | animation={150} | ||||
| disabled={readonly} | disabled={readonly} | ||||
| > | > |
| 'addModalTitle': 'Add Input Field', | 'addModalTitle': 'Add Input Field', | ||||
| 'editModalTitle': 'Edit Input Field', | 'editModalTitle': 'Edit Input Field', | ||||
| 'description': 'Setting for variable {{varName}}', | 'description': 'Setting for variable {{varName}}', | ||||
| 'fieldType': 'Field type', | |||||
| 'fieldType': 'Field Type', | |||||
| 'string': 'Short Text', | 'string': 'Short Text', | ||||
| 'text-input': 'Short Text', | 'text-input': 'Short Text', | ||||
| 'paragraph': 'Paragraph', | 'paragraph': 'Paragraph', | ||||
| 'multi-files': 'File List', | 'multi-files': 'File List', | ||||
| 'notSet': 'Not set, try typing {{input}} in the prefix prompt', | 'notSet': 'Not set, try typing {{input}} in the prefix prompt', | ||||
| 'stringTitle': 'Form text box options', | 'stringTitle': 'Form text box options', | ||||
| 'maxLength': 'Max length', | |||||
| 'maxLength': 'Max Length', | |||||
| 'options': 'Options', | 'options': 'Options', | ||||
| 'addOption': 'Add option', | 'addOption': 'Add option', | ||||
| 'apiBasedVar': 'API-based Variable', | 'apiBasedVar': 'API-based Variable', |
| 'addModalTitle': 'Add Input Field', | 'addModalTitle': 'Add Input Field', | ||||
| 'editModalTitle': 'Edit Input Field', | 'editModalTitle': 'Edit Input Field', | ||||
| 'description': 'Setting for variable {{varName}}', | 'description': 'Setting for variable {{varName}}', | ||||
| 'fieldType': 'Field type', | |||||
| 'fieldType': 'Field Type', | |||||
| 'string': 'Short Text', | 'string': 'Short Text', | ||||
| 'text-input': 'Short Text', | 'text-input': 'Short Text', | ||||
| 'paragraph': 'Paragraph', | 'paragraph': 'Paragraph', | ||||
| 'number': 'Number', | 'number': 'Number', | ||||
| 'notSet': 'Not set, try typing {{input}} in the prefix prompt', | 'notSet': 'Not set, try typing {{input}} in the prefix prompt', | ||||
| 'stringTitle': 'Form text box options', | 'stringTitle': 'Form text box options', | ||||
| 'maxLength': 'Max length', | |||||
| 'maxLength': 'Max Length', | |||||
| 'options': 'Options', | 'options': 'Options', | ||||
| 'addOption': 'Add option', | 'addOption': 'Add option', | ||||
| 'apiBasedVar': 'API-based Variable', | 'apiBasedVar': 'API-based Variable', |