Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2025-12-19 18:00:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🗨️ refactor(VariableForm): use InputCombobox, fix Dropdown Variables (#3692)

Browse source 
* feat: Add SimpleCombobox component

* feat: Add labelClassName and add manual focus handling

* feat: Update VariableForm component to use SimpleCombobox

The VariableForm component in the client/src/components/Prompts/Groups/VariableForm.tsx file has been updated to use the SimpleCombobox component instead of the InputWithDropdown component. This change improves the functionality and styling of the form.

* chore: Update VariableForm component placeholder text

* refactor: Improve VariableForm component

The VariableForm component in the client/src/components/Prompts/Groups/VariableForm.tsx file has been refactored to improve its functionality. The `parseFieldConfig` function now trims the `variable` string before processing it. Additionally, the `onSubmit` function now properly escapes potential regex special chars that may cause issues when replacing text

* refactor: Improve VariableForm using ariakit helpers/custom fields, open menu on input focus

* refactor: rename SimpleCombobox to InputCombobox
This commit is contained in:
Danny Avila 2024-08-18 22:23:19 -04:00 • committed by GitHub
parent 8ca1e4f94f
commit 598e2be225
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 134 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

3
client/src/components/ui/index.ts
View file

@ -14,6 +14,7 @@ export * from './Prompt';
export * from './QuestionMark';
export * from './Slider';
export * from './Separator';
export * from './InputCombobox';
export * from './Skeleton';
export * from './Switch';
export * from './Table';
@ -32,4 +33,4 @@ export { default as SelectDropDown } from './SelectDropDown';
export { default as MultiSelectPop } from './MultiSelectPop';
export { default as InputWithDropdown } from './InputWithDropDown';
export { default as SelectDropDownPop } from './SelectDropDownPop';
export { default as MultiSelectDropDown } from './MultiSelectDropDown';
export { default as MultiSelectDropDown } from './MultiSelectDropDown';