feature: Improve Table customization to enhance ux on tool mode (#5216)

* refactor: Add field validation options to TableOptions

* refactor: Add field validation options and trigger text/icon to TableMixin

* refactor: Add field validation options and trigger text/icon to TableMixin

* refactor: Add field validation options and trigger text/icon to TableMixin

* update table trigger for toolmode usage

* Refactor table trigger and field validation options

- Updated the table trigger for toolmode usage
- Added field validation options and trigger text/icon to TableMixin
- Modified TableOptions to block certain actions and hide options

* Refactor TableOptionsTypeAPI field names for blocking actions

* Refactor TableOptions default values for blocking actions

* Refactor TableOptions default values for blocking actions

* Refactor TableOptions component to include tableOptions prop

* Refactor table selection and pagination options

* Refactor TOOL_TABLE_SCHEMA to disable sorting and filtering for the "name" and "description" fields

* Refactor TableOptions to allow blocking hiding of fields

* Refactor TableModal and TableNodeComponent to include support for block hiding columns

* Refactor Column model to include support for different edit modes

* Refactor TableOptions to include support for field parsers

* Refactor TableOptions to include support for field parsers and blocking hiding of fields

* Refactor TableOptions to include support for inline editing of fields

* Refactor App.css to style large text inputs and text areas in AgGrid

* update types

* Update table modal to prevent closing the the modal while editing cell

* Refactor string manipulation utilities to support parsing and transforming strings based on specified field parsers

* add inline input support

* Refactor TextModal component to remove close button in the footer

* add field parser in context

* format code

* format code

* Add disable_edit field to Column class

* Refactor TableNodeComponent to exclude columns with disable_edit field from being editable

* [autofix.ci] apply automated fixes

* Fix casing in selector text for "Open table" in tableInputComponent tests

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
This commit is contained in:
anovazzi1 2024-12-16 14:50:00 -03:00 committed by GitHub
commit dffc2d51cd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
17 changed files with 320 additions and 41 deletions

View file

@ -83,11 +83,11 @@ class CustomComponent(Component):
await page.getByText("Check & Save").last().click();
await page.waitForSelector('text="Open Table"', {
await page.waitForSelector('text="Open table"', {
timeout: 3000,
});
await page.getByText("Open Table").click();
await page.getByText("Open table").click();
await page.waitForSelector(".ag-cell-value", {
timeout: 3000,
@ -166,11 +166,11 @@ class CustomComponent(Component):
await page.getByText("Close").last().click();
await page.waitForSelector("text=Open Table", {
await page.waitForSelector("text=Open table", {
timeout: 3000,
});
await page.getByText("Open Table").click();
await page.getByText("Open table").click();
await page.waitForSelector(".ag-cell-value", {
timeout: 3000,