PromucFlow_constructor/app/client/src/widgets
Jacques Ikot 8fe96c9c20
fix: isRequired validation property for table select column (#36375)
## Description

**Problem**
The select column of the table widget does not have a validation
property within its property pane to allow users add an isRequired
validation to the table select column.

**Solution**
Added a Validation section to the table select column's property pane,
which includes an isRequired toggle. When enabled, this feature will
trigger a visual indication (error border colour) around the select
widget if a required field is left unselected during "Add new row" or
inline editing.


Fixes #30091 

## Automation

/ok-to-test tags="@tag.Widget, @tag.Table, @tag.Binding, @tag.Sanity,
@tag.Select"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10957896180>
> Commit: d2597e6a26938f2b99f2f997fca7bc110e5c2091
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10957896180&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Widget, @tag.Table, @tag.Binding, @tag.Sanity,
@tag.Select`
> Spec:
> <hr>Fri, 20 Sep 2024 12:23:29 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced end-to-end tests for Select column validation in Table
widgets.
- Enhanced validation logic to support Select column types in the Table
widget.
- Added visual feedback for required Select fields during row addition
and inline editing.
- Improved locator for single-select widget button control to enhance UI
interaction.

- **Bug Fixes**
- Improved error handling and visual representation for invalid editable
Select cells.

- **Documentation**
- Updated validation configuration to include Select column types for
better usability.

- **Refactor**
	- Enhanced code clarity for styled components related to Select fields.
- Modified method to improve versatility in handling table interactions.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Sai Charan <saicharan.chetpelly@zemosolabs.com>
Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local>
2024-09-23 08:44:46 +01:00
..
AudioRecorderWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
AudioWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
BaseInputWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
BaseWidgetHOC chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ButtonGroupWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ButtonWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CameraWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CategorySliderWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ChartWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CheckboxGroupWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CheckboxWidget chore: enable no-explicit-any rule (#35321) 2024-07-31 18:41:28 +03:00
CircularProgressWidget chore: Move widget deprecation messages from propertyPaneView to individual Widget configurations (#33759) 2024-06-04 11:55:55 +05:30
CodeScannerWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
components chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ContainerWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CurrencyInputWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CustomWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
DatePickerWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
DatePickerWidget2 chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
DividerWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
DocumentViewerWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
DropdownWidget chore:delete unused files (#36368) 2024-09-19 16:01:03 +03:00
ExternalWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
FilepickerWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
FilePickerWidgetV2 chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
FormButtonWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
FormWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
IconButtonWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
IconWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
IframeWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ImageWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
InputWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
InputWidgetV2 chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
JSONFormWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ListWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ListWidgetV2 chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MapChartWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MapWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MenuButtonWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ModalWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MultiSelectTreeWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MultiSelectWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MultiSelectWidgetV2 chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
NumberSliderWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
PhoneInputWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ProgressBarWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
ProgressWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
RadioGroupWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
RangeSliderWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
RateWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
RichTextEditorWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
SelectWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
SingleSelectTreeWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
StatboxWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
SwitchGroupWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
SwitchWidget chore: enable no-explicit-any rule (#35321) 2024-07-31 18:41:28 +03:00
TableWidget chore:delete unused files (#36368) 2024-09-19 16:01:03 +03:00
TableWidgetV2 fix: isRequired validation property for table select column (#36375) 2024-09-23 08:44:46 +01:00
TabsMigrator chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
TabsWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
TextWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
VideoWidget chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
wds chore:delete unused files (#36368) 2024-09-19 16:01:03 +03:00
BaseComponent.tsx
BaseWidget.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
CanvasWidget.tsx chore: enable no-explicit-any rule (#35321) 2024-07-31 18:41:28 +03:00
ConnectDataOverlay.tsx chore: rename ADS package (#35583) 2024-08-09 17:20:29 +03:00
index.ts feat: add ComboBox wds component (#36052) 2024-09-06 09:49:52 +02:00
MetaHOC.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
MetaWidgetContextProvider.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
Skeleton.tsx
SkeletonWidget.tsx feat: implement dropping building blocks on canvas (#31857) 2024-04-16 09:41:09 +01:00
useDropdown.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
utils.test.ts
utils.ts
WidgetUtils.test.ts chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
WidgetUtils.ts chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
withLazyRender.tsx chore: enable no-explicit-any rule (#35321) 2024-07-31 18:41:28 +03:00
withWidgetProps.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00