Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Introducing Versatile IO Components: JSON Viewer, DictionaryIO, and InputListIO #1822

Merged
merged 4 commits into from
May 2, 2024

Conversation

Cristhianzl
Copy link
Collaborator

In our ongoing commitment to enhancing user experience and streamlining data interaction, we are thrilled to introduce a trio of powerful IO components: JSON Viewer, DictionaryIO, and InputListIO. These components are meticulously crafted to empower developers with seamless data handling capabilities, enabling efficient processing and visualization of JSON data structures, dictionaries, and input lists.

…ON input data in the language flow system

✨ (KeyPairInput.py): add a new component called "KeyPairInput" to handle dictionary input data in the language flow system
✨ (CSVOutput.py): add a new component called "CSVOutput" to handle CSV output data in the language flow system
✨ (ImageOutput.py): add a new component called "ImageOutput" to handle image output data in the language flow system
✨ (JsonOutput.py): add a new component called "JsonOutput" to handle JSON output data in the language flow system
✨ (PDFOutput.py): add a new component called "PDFOutput" to handle PDF output data in the language flow system
📝 (App.css): update CSS to improve readability and formatting
📝 (parameterComponent/index.tsx): fix a bug where rangeSpec is not properly accessed in the FloatComponent
📝 (cardComponent/index.tsx): update the CollectionCardComponent to include a new button for opening the playground and handle the opening and closing of the IOModal

📝 (codeTabsComponent/index.tsx): fix conditional rendering of InputListComponent by using optional chaining operator to check if the list property exists in the template object
📝 (keypairListComponent/index.tsx): refactor the initialization of the ref variable to handle both empty and non-empty values correctly
📝 (constants.ts): add "JsonInput" and "JsonOutput" to the INPUT_TYPES and OUTPUT_TYPES constants to support JSON input and output components
📝 (editNodeModal/index.tsx): fix conditional rendering of InputListComponent by using optional chaining operator to check if the list property exists in the template object
📝 (ioFieldView/components/JSONInput/index.tsx): add JSONInput component to handle JSON input in the IOFieldView component
📝 (ioFieldView/components/keyPairInput/index.tsx): add keyPairInput component to handle key-value pair input in the IOFieldView component

✨ (IOFieldView/index.tsx): add useState import to use state hook in functional component
✨ (IOFieldView/index.tsx): add support for KeyPairInput component in IOFieldView
✨ (IOFieldView/index.tsx): add support for JsonInput component in IOFieldView
✨ (IOFieldView/index.tsx): add support for JsonOutput component in IOFieldView
📝 (dictAreaModal/index.tsx): add useDarkStore import to use dark mode state in DictAreaModal component
📝 (classes.css): add CSS classes for json-view component in different themes
📝 (types/components/index.ts): remove duplicate InputGlobalComponentType definition
…Input" to handle string list inputs

✨ (KeyPairOutput.py): add a new custom component called "KeyPairOutput" to handle dictionary outputs
✨ (StringListOutput.py): add a new custom component called "StringListOutput" to handle string list outputs
🚀 (constants.ts): add "StringListInput" and "StringListOutput" to the list of supported input and output types
♻️ (index.tsx): refactor IOKeyPairInput component to accept an additional prop "isInputField" and disable input fields if it's false
♻️ (index.tsx): refactor IOFieldView component to handle rendering of "StringListInput" and "StringListOutput" components
…value" to improve clarity and consistency

📝 (StringListOutput.py): update parameter name from "param" to "input_value" to improve clarity and consistency
📝 (index.tsx): add InputListComponent to handle StringListInput and StringListOutput components in IOFieldView
📝 (index.tsx): update InputListComponent props to include value, onChange, disabled, and playgroundDisabled
📝 (index.tsx): update IOFieldView to render InputListComponent for StringListInput and StringListOutput components
@Cristhianzl Cristhianzl self-assigned this May 2, 2024
@dosubot dosubot bot added the size:XL This PR changes 500-999 lines, ignoring generated files. label May 2, 2024
Copy link

vercel bot commented May 2, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
langflow ✅ Ready (Inspect) Visit Preview May 2, 2024 2:44pm

@dosubot dosubot bot added the enhancement New feature or request label May 2, 2024
@Cristhianzl Cristhianzl merged commit bbe7288 into playground May 2, 2024
3 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request size:XL This PR changes 500-999 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant