ed497dbe9c
[](https://workerb.linearb.io/v2/badge/collaboration-page?magicLinkId=9GEnyEC) ## Description > [!TIP] > _Add a TL;DR when the description is longer than 500 words or extremely technical (helps the content, marketing, and DevRel team)._ > > _Please also include relevant motivation and context. List any dependencies that are required for this change. Add links to Notion, Figma or any other documents that might be relevant to the PR._ Fixes #33740 _or_ Fixes `Issue URL` > [!WARNING] > _If no issue exists, please create an issue first, and check with the maintainers if the issue is valid._ ## 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/9643638292> > Commit: bcc4bbddaa50b0be16e41a3a51db4f6abe732e79 > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9643638292&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 - [ ] No <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Introduced test cases for Anvil modals, covering interactions like opening, closing, drag and drop operations, and handling modal functions. - **Bug Fixes** - Enhanced testing capabilities with `data-testid` attributes for better identification and testing of components, particularly in detached widget drop areas. - **Refactor** - Updated the `Modal` component to use `dataAttributes` instead of `size` prop to streamline attribute handling. - Dynamic generation of modal class names based on properties for better styling and consistency. - **Style** - Adjusted styling for SVG elements within the `EntityExplorer` component, specifically modifying the height and width properties. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro-2.local>
32 lines
894 B
TypeScript
32 lines
894 B
TypeScript
export const anvilWidgets = {
|
|
SECTION_WIDGET: "SECTION_WIDGET",
|
|
ZONE_WIDGET: "ZONE_WIDGET",
|
|
};
|
|
|
|
export enum Elevations {
|
|
SECTION_ELEVATION = 1,
|
|
ZONE_ELEVATION = 2,
|
|
CARD_ELEVATION = 3,
|
|
}
|
|
|
|
/**
|
|
* The data attribute that will be used to identify the anvil widget name in the DOM.
|
|
*/
|
|
export const AnvilDataAttributes = {
|
|
MODAL_SIZE: "data-size",
|
|
WIDGET_NAME: "data-widget-name",
|
|
IS_SELECTED_WIDGET: "data-selected",
|
|
};
|
|
|
|
/**
|
|
* The default values that will be applied to all widgets.
|
|
* This is the default for the API that allows widgets to define their selection and focus colors.
|
|
*/
|
|
export const DEFAULT_WIDGET_ON_CANVAS_UI = {
|
|
selectionBGCSSVar: "--on-canvas-ui-widget-selection",
|
|
focusBGCSSVar: "--on-canvas-ui-widget-focus",
|
|
selectionColorCSSVar: "--on-canvas-ui-widget-focus",
|
|
focusColorCSSVar: "--on-canvas-ui-widget-selection",
|
|
disableParentSelection: false,
|
|
};
|