PromucFlow_constructor/app/client/packages/design-system/widgets/src/index.ts

31 lines
1.0 KiB
TypeScript
Raw Normal View History

// components
2024-01-19 08:54:44 +00:00
export * from "./components/Icon";
export * from "./components/Button";
export * from "./components/IconButton";
export * from "./components/Checkbox";
export * from "./components/Text";
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" ### :mag: 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 12:25:34 +00:00
export * from "./components/ToggleGroup";
chore: move typography to themeprovider (#23904) ## Description **Typography** - Move typography to the provider. - Add context for the theme provider - Move `fontFaces` styles to the provider **Tooltip** - Add `isRounded` check for the tooltip (shift for the arrow) - Fix the position of the arrow in the tooltip **Tokens** Move `rootUnit` from `sizing` since this is a common value and is used not only for sizing. We will do the sizing iteration separately, if necessary. **Theming package** Theming package refactoring. So now we have 4 folders (color, theme, token, and typography) with related files #### PR fixes following issue(s) Fixes #21927 #### Type of change - Bug fix (non-breaking change which fixes an issue) - New feature (non-breaking change which adds functionality) - Chore (housekeeping or task changes that don't impact user perception) ## Testing > #### How Has This Been Tested? > Please describe the tests that you ran to verify your changes. Also list any relevant details for your test configuration. > Delete anything that is not relevant - [x] Manual - [x] Jest - [ ] Cypress ## Checklist: #### Dev activity - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my own code - [x] I have commented my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [ ] New and existing unit tests pass locally with my changes - [ ] PR is being merged under a feature flag --------- Co-authored-by: Valera Melnikov <melnikov.vv@greendatasoft.ru>
2023-06-07 09:49:24 +00:00
export * from "./components/Tooltip";
export * from "./components/Flex";
export * from "./components/RadioGroup";
export * from "./components/Switch";
export * from "./components/TextInput";
export * from "./components/TextArea";
export * from "./components/Spinner";
export * from "./components/Menu";
export * from "./components/Modal";
export * from "./components/TagGroup";
export * from "./components/ToolbarButtons";
export * from "./components/InlineButtons";
export * from "./components/Select";
export * from "./components/ContextualHelp";
export * from "./components/Link";
export * from "./components/Popover";
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" ### :mag: 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 12:25:34 +00:00
export * from "./components/Label";
chore: remove headless radio and use react-aria component instead (#34312) ## Description - Remove headless radio and use react-aria component instead - Create ErrorMessage component Fixes #27677 ## Automation /ok-to-test tags="@tag.Anvil" ### :mag: 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/9567388261> > Commit: 62d1153caa8bf03d827f88593c9dfaf3121091ee > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9567388261&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Anvil` <!-- 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** - Added `ErrorMessage` component for displaying error messages with specific styling. - Introduced `isDisabled` prop for `Label` and `ToggleGroup` components. - Updated `RadioGroup` to accept an items array for easier configuration. - **Bug Fixes** - Improved conditional rendering in `Label` component to prevent issues when `text` and `contextualHelp` are both falsy. - **Refactor** - Removed `Radio` component export from design system. - Restructured import statements and prop declarations for `Checkbox` and `RadioGroup`. - **Style** - Updated styles for `RadioGroup` and `ToggleGroup` components for better state handling (disabled, hovered, selected). - **Documentation** - Updated Storybook stories for `RadioGroup` to reflect changes in component usage. - **Tests** - Adjusted `RadioGroup.test.tsx` to test new items array prop. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-06-19 08:08:42 +00:00
export * from "./components/ErrorMessage";
feat: add fluid tokens and flex component (#25448) ## Description - Add fluid root unit - Add fluid tokens for typography, spacing and sizing - Add docs about Theme - Typography now works by creating a class at the provider level - Update styled component version. Add PickRename interface to work with [transient props](https://styled-components.com/docs/api#transient-props) - Remove the direct use of rootUnit and replace it with sizing tokens - Get rid of some unit test because new version of styled components doesn't work with Jest. Fortunately, we have visual tests. #### PR fixes following issue(s) #24295 #### Type of change - New feature (non-breaking change which adds functionality) #### How Has This Been Tested? > Please describe the tests that you ran to verify your changes. Also list any relevant details for your test configuration. > Delete anything that is not relevant - [x] Manual - [ ] Jest - [ ] Cypress ## Checklist: #### Dev activity - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my own code - [x] I have commented my code, particularly in hard-to-understand areas - [x] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] PR is being merged under a feature flag --------- Co-authored-by: Valera Melnikov <melnikov.vv@greendatasoft.ru>
2023-07-24 08:59:05 +00:00
export * from "./utils";
export * from "./styles";
chore: remove headless radio and use react-aria component instead (#34312) ## Description - Remove headless radio and use react-aria component instead - Create ErrorMessage component Fixes #27677 ## Automation /ok-to-test tags="@tag.Anvil" ### :mag: 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/9567388261> > Commit: 62d1153caa8bf03d827f88593c9dfaf3121091ee > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9567388261&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Anvil` <!-- 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** - Added `ErrorMessage` component for displaying error messages with specific styling. - Introduced `isDisabled` prop for `Label` and `ToggleGroup` components. - Updated `RadioGroup` to accept an items array for easier configuration. - **Bug Fixes** - Improved conditional rendering in `Label` component to prevent issues when `text` and `contextualHelp` are both falsy. - **Refactor** - Removed `Radio` component export from design system. - Restructured import statements and prop declarations for `Checkbox` and `RadioGroup`. - **Style** - Updated styles for `RadioGroup` and `ToggleGroup` components for better state handling (disabled, hovered, selected). - **Documentation** - Updated Storybook stories for `RadioGroup` to reflect changes in component usage. - **Tests** - Adjusted `RadioGroup.test.tsx` to test new items array prop. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-06-19 08:08:42 +00:00
export * from "./hooks";
export * from "./shared";