PromucFlow_constructor/app/client/cypress/support/Pages
Jacques Ikot 0118051301
feat: implement dropping building blocks on canvas (#31857)
## Description
> [!TIP]  
**Goal**
To drag any building blocks from the explorer and drop at any position
on the users canvas with full implementation.

**Implementation**
- Show skeleton widget when building block is initially dragged unto the
canvas.
- Make API call to add datasources, queries, and JS to existing page of
users app
- Get returned widget DSL and use existing copy paste logic to display
widgets on the canvas
- Remove loading state, handle clean up for copy paste
- Run all queries newly created by the dropped building block

**Limitations**
- There is a loading state and the process is not instant like dropping
a widget

This PR is followed by this one
[here](https://github.com/appsmithorg/appsmith/pull/31406), which
displays the loading state when a building block is dragged unto the
canvas.

Fixes #31856
## Automation

/ok-to-test tags="@tag.Templates, @tag.MainContainer, @tag.Visual,
@tag.Widget"

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

<!-- end of auto-generated comment: Cypress test results  -->















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

- **New Features**
- Introduced a new "Building Blocks" category in the widget sidebar for
enhanced organization and accessibility.
- Added functionality to resize building blocks with new horizontal and
vertical limits.
- Implemented a "see more" button for "Building Blocks" to display all
associated widgets.
- Enhanced drag and drop functionality for building blocks on the
canvas.

- **Enhancements**
- Improved sorting logic for widgets, prioritizing "Building Blocks".
    - Enhanced widget search functionality within the sidebar.

- **Bug Fixes**
- Adjusted default rows and columns settings for explorer building
blocks to improve layout and usability.

- **Documentation**
- Updated messages and constants related to new features for clarity and
consistency.

- **Refactor**
- Refactored drag and drop handling logic to support new building block
constraints and features.
- Updated application state management to include building blocks
related data.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Anagh Hegde <anagh@appsmith.com>
Co-authored-by: Rahul Barwal <rahul.barwal@appsmith.com>
2024-04-16 09:41:09 +01:00
..
AppSettings test: Cypress | Replace static waits from Helpers + Flaky fixes (#29856) 2024-01-05 11:42:03 +05:30
IDE chore: cypress test for canvas view mode (#32354) 2024-04-03 14:52:09 +05:30
AdminSettings.ts chore: Make edit launch buttons as links & add upgrade ramps for session timeout setting (#31862) 2024-03-21 15:37:13 +05:30
AggregateHelper.ts test: Cypress | Flaky fixes (#31270) 2024-02-27 14:25:33 +05:30
AnvilLayout.ts chore: RMVF based changes for DnD, Modals, and Space distribution. (#31980) 2024-04-05 11:16:07 +05:30
ApiPage.ts chore: added new test cases for different plugins (#31068) 2024-02-13 17:19:13 +05:30
AssertHelper.ts test: Cypress | Downgrade Cypress to 13.5.1 (#31011) 2024-02-09 13:33:30 +05:30
AutoLayout.ts fix: missing methods in gitexecutorceimpl (#32614) 2024-04-12 06:21:01 +05:30
Canvas.ts chore: cypress test for canvas view mode (#32354) 2024-04-03 14:52:09 +05:30
CommunityTemplates.ts
DataSources.ts fix: connection mode hidden from mysql form config (#32487) 2024-04-10 12:34:04 +05:30
DebuggerHelper.ts
DeployModeHelper.ts test: Cypress | Replacing some external api's with TED + Flaky fix (#31118) 2024-02-23 13:18:01 +05:30
EditorNavigation.ts fix: action selector create flow (#32326) 2024-04-05 11:28:47 +05:30
EntityExplorer.ts feat: implement dropping building blocks on canvas (#31857) 2024-04-16 09:41:09 +01:00
FakerHelper.ts
GitSync.ts feat: granular git status (#31619) 2024-04-11 18:26:09 +05:30
GSheetHelper.ts
HomePage.ts fix: asserting getApplicationsOfWorkspace call before clicking skip (#32311) 2024-04-03 11:01:05 +05:30
InviteModal.ts
JSEditor.ts fix: deprecate JS object confirm before calling (#32527) 2024-04-12 12:18:14 +05:30
LibraryInstaller.ts
MultipleEnvironments.ts
Onboarding.ts chore: removed onboarding flags ab_create_new_apps_enabled , ab_start_with_data_default_enabled (#31384) 2024-03-15 11:13:14 +05:30
PageList.ts feat: New IDE Top Navbar (#31594) 2024-03-12 14:02:58 +05:30
PartialImportExport.ts chore: Add cypress specs for partial import and export functionality (#30166) 2024-01-17 11:20:01 +05:30
PeekOverlay.ts
PropertyPane.ts feat: show slash command prompt on focus in property pane (#31920) 2024-03-22 15:14:08 +05:30
Table.ts feat: Frontend changes for consolidated-api with EE test case support (#30506) 2024-01-24 12:14:16 +05:30
Tabs.ts
Templates.ts chore: Add spec for create new app from template (#31311) 2024-02-28 14:42:35 +05:30
WDSWidgets.ts fix: Anvil toggleable widgets not working when native callbacks are used for AnvilFlexComponent (#31125) 2024-02-15 11:00:57 +05:30