84f67fe0f2
## 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 -->
10 lines
240 B
JavaScript
10 lines
240 B
JavaScript
module.exports = {
|
|
preset: "ts-jest",
|
|
roots: ["<rootDir>/src"],
|
|
testEnvironment: "jsdom",
|
|
moduleNameMapper: {
|
|
"\\.(css)$": "<rootDir>../../../test/__mocks__/styleMock.js",
|
|
"@design-system/widgets": "<rootDir>/src/",
|
|
},
|
|
};
|