PromucFlow_constructor/app/client/packages/design-system/widgets/src/components
Valera Melnikov 84f67fe0f2
chore: remove headless checkbox and switch use react-aria component instead (#34217)
## Description
- Remove headless checkbox and switch use react-aria component instead
- Add Label component
- Now `ToggleGroup` is used instead of `SwitchGroup` and
`CheckboxGroup`, since they are essentially the same component.

**I'll create another one PR to refactor the radioGroup.**

Fixes #27677 

## Automation

/ok-to-test tags="@tag.Anvil"

### 🔍 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/9485370398>
> Commit: f2557233978da533b9ab856335a8191b4226dba5
> Cypress dashboard url: <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9485370398&attempt=1"
target="_blank">Click here!</a>

<!-- 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 `ToggleGroup` component with various features for improved
user interaction.

- **Enhancements**
- Updated `Radio`, `Checkbox`, and `Switch` components for better
functionality and styling alignment.
- Added `labelPosition` options to `Radio` and `Checkbox` components for
flexible label positioning.
- Enhanced `ContextualHelp` component with a new `slot` prop for more
customization.
- Improved `Select` component to use `Label` directly, optimizing
rendering.

- **Bug Fixes**
- Adjusted logic for `WDSSwitchWidget` to ensure correct validity
handling.

- **Styling**
- Various styling adjustments across multiple components for consistent
design.

- **Tests**
- Updated test cases for the `Checkbox` component to reflect recent
changes.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-06-14 15:25:34 +03:00
..
Button chore: WDS, adjust inner spacing of buttons with icons (#34210) 2024-06-13 15:21:45 +03:00
Checkbox chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
ContextualHelp chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
Flex chore: Improve Link component (#33433) 2024-05-16 15:43:35 +03:00
Icon fix: refactor wds menu and related components, widgets (#33703) 2024-05-24 15:58:45 +03:00
IconButton chore: WDS table widget polish (#33417) 2024-05-16 16:11:30 +03:00
InlineButtons chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
Label chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
Link fix: improve link behaviour (#34043) 2024-06-07 11:06:43 +03:00
Menu fix: refactor wds menu and related components, widgets (#33703) 2024-05-24 15:58:45 +03:00
Modal feat: Anvil: Add closeOnSubmit property to modal widgets (#33801) 2024-05-30 18:00:44 +05:30
Popover fix: refactor wds menu and related components, widgets (#33703) 2024-05-24 15:58:45 +03:00
Radio chore: widgets alignment (#31923) 2024-03-22 16:53:29 +03:00
RadioGroup chore: update storybook (#32828) 2024-04-22 12:17:28 +03:00
Select chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
Spinner chore: Components sizing and alignment (#30595) 2024-01-29 13:15:58 +03:00
Switch chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
TagGroup chore: update storybook (#32828) 2024-04-22 12:17:28 +03:00
Text chore: WDS table widget polish (#33417) 2024-05-16 16:11:30 +03:00
TextArea chore: update storybook (#32828) 2024-04-22 12:17:28 +03:00
TextInput fix: refactor wds menu and related components, widgets (#33703) 2024-05-24 15:58:45 +03:00
ToggleGroup chore: remove headless checkbox and switch use react-aria component instead (#34217) 2024-06-14 15:25:34 +03:00
ToolbarButtons fix: refactor wds menu and related components, widgets (#33703) 2024-05-24 15:58:45 +03:00
Tooltip chore: update storybook (#32828) 2024-04-22 12:17:28 +03:00