PromucFlow_constructor/app/client/src/pages/Editor
Hetu Nandu e99cc39e47
chore: Block Selections when Canvas is in Side by Side mode (#31587)
## Description

This pull request aims to enhance the user experience within the
application by modifying the canvas behavior when it is displayed in
"Side by Side" mode alongside Queries or JavaScript sections. The key
change is the disabling of direct selections on the canvas, allowing
interactions with canvas elements only through cmd + click or by
clicking on the widget's name. This adjustment is intended to facilitate
a view-only mode for the canvas during Queries or JS editing, thereby
improving layout and user interaction.

Additionally, the PR introduces enhancements to the application's
testing framework, focusing on improving test reliability in scenarios
involving UI interaction and state changes. Notable updates include:

- Improved error tooltip handling in CurrencyInput_spec.js.
- Ensured page state saving before verifying element presence in
Listv2_BasicChildWidgetInteraction_spec.js.
- Replaced cy.wait("@updateLayout") with cy.assertPageSave() and
introduced a delay in Listv2_spec.js to accommodate functionality
changes.
- Implemented visibility checks in
TableV2_Button_Icon_validation_spec.js to prevent timing-related test
failures.
These technical updates collectively aim to bolster the application's
testing framework, enhancing the reliability and accuracy of automated
tests, especially in UI interaction and state change scenarios.


#### PR fixes following issue(s)
Fixes #30864

## Automation

/ok-to-test tags="@tag.Widget"
<!-- This is an auto-generated comment: Cypress test results  -->
> [!IMPORTANT]  
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/8259916944>
> Commit: `15e1cf937a9d15adaea68e16a55006d993a07cbf`
> Cypress dashboard url: <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=8259916944&attempt=1"
target="_blank">Click here!</a>
> All cypress tests have passed 🎉🎉🎉

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





















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

- **New Features**
	- Added new constants for widget selection and focus management.
- Introduced a new event type for tracking widget selections in code
mode.
- **Tests**
- Enhanced test assertions and interactions for better reliability and
error handling in various widgets.
- **Refactor**
- Improved widget selection logic and URL handling for a more intuitive
user experience.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-03-13 11:53:49 +05:30
..
__tests__
APIEditor fix: api module inputs pane width (#31708) 2024-03-13 11:36:11 +05:30
AppSettingsPane fix: settings pane overflowing when number of pages increase (#31180) 2024-02-20 10:35:16 +05:30
CanvasLayoutConversion chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
CanvasPropertyPane chore: Make App Sidebar Generally Available (#30923) 2024-02-09 11:42:36 +05:30
commons chore: import export refactor for modules (#31086) 2024-02-13 17:39:07 +05:30
CommunityTemplates/Modals chore: add unit tests for community modules components (#30458) 2024-01-22 12:51:46 +05:30
CustomWidgetBuilder feat: [custom widget] support SCSS syntax (#31042) 2024-02-12 17:25:30 +05:30
DataSourceEditor chore: change saas authentication to context based (#31064) 2024-03-07 15:36:31 +05:30
DatasourceInfo chore: Debugger Split states (#31043) 2024-02-29 11:53:57 +05:30
EditorName chore: Make App Sidebar Generally Available (#30923) 2024-02-09 11:42:36 +05:30
EntityNavigation chore: Import debugger fixes (#31080) 2024-02-14 12:00:18 +05:30
Explorer chore: Refactoring code to show plugin based icons for module instances on EE (#31713) 2024-03-13 11:11:36 +05:30
FirstTimeUserOnboarding fix: Remove guided tour code (#30387) 2024-01-24 16:31:21 +05:30
GeneratePage feat: Homepage experience v2 changes (#29282) 2024-01-25 19:11:48 +05:30
gitSync fix: Homepage error message with no workspaces & Github changes message (#31691) 2024-03-12 18:14:05 +05:30
GlobalHotKeys chore: Add back Preview Mode shortcut (#31602) 2024-03-11 10:02:19 +05:30
IDE chore: Block Selections when Canvas is in Side by Side mode (#31587) 2024-03-13 11:53:49 +05:30
IntegrationEditor chore: Debugger Split states (#31043) 2024-02-29 11:53:57 +05:30
JSEditor fix: Last selected js function / response does not load up (#31495) 2024-03-05 18:32:04 +05:30
MultiSelectPropertyPane changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
NavigationSettings chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
PropertyPane chore: [Map chart widget] Replace fusion charts with Echarts as chart provider (#31482) 2024-03-08 13:38:55 +05:30
QueryEditor fix: api module inputs pane width (#31708) 2024-03-13 11:36:11 +05:30
SaaSEditor chore: change saas authentication to context based (#31064) 2024-03-07 15:36:31 +05:30
ThemePropertyPane chore: Remove "Save theme" functionality (#31481) 2024-03-12 18:54:39 +05:30
WDSThemePropertyPane fix: Can't switch back to System Default (#30867) 2024-02-02 14:53:45 +03:00
WidgetsEditor chore: Block Selections when Canvas is in Side by Side mode (#31587) 2024-03-13 11:53:49 +05:30
widgetSidebar feat: list building blocks in explorer (#31199) 2024-03-08 10:05:02 +01:00
ActionSettings.tsx
AppsmithLink.tsx chore: Refactoring code for entity explorer on app editor to support package editor (#27844) 2023-10-11 19:41:07 +05:30
Canvas.tsx chore: Block Selections when Canvas is in Side by Side mode (#31587) 2024-03-13 11:53:49 +05:30
EditorHeader.tsx chore: Make App Sidebar Generally Available (#30923) 2024-02-09 11:42:36 +05:30
EditorSaveIndicator.tsx chore: Refactoring editor app name component for modules (#28055) 2023-10-16 14:37:39 +05:30
EditorShareButton.tsx feat: Homepage experience v2 changes (#29282) 2024-01-25 19:11:48 +05:30
EntityNotFoundPane.tsx chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
FormConfig.tsx
FormControl.tsx changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
HelpBarInHeader.tsx feat: branch protection (#28526) 2023-11-03 22:43:36 +05:30
HelpButton.tsx feat: removed welcome tour (#30294) 2024-01-17 10:38:29 +05:30
index.tsx chore: reconnect modal refactor for package import (#31674) 2024-03-12 17:24:19 +05:30
loader.tsx chore:add eslint rules (#27878) 2023-10-09 16:54:06 +03:00
MainContainerWidthToggles.test.tsx fix: add testing library eslint rules (#31028) 2024-02-12 18:59:10 +03:00
MainContainerWidthToggles.tsx chore: Rename and cleanup of editor components (#26944) 2023-09-12 19:44:02 +05:30
Popper.tsx fix: Adjust evaluated popover position based on the target's position in the view port (#29912) 2023-12-29 12:53:09 +05:30
PropertyPaneHelpButton.tsx chore: Move the widget config to widget class (#26073) 2023-09-06 17:45:04 +05:30
RealtimeAppEditors.tsx chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
RequestConfirmationModal.tsx chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
ShareApplicationForm.tsx
ToggleModeButton.tsx chore: Add back Preview Mode shortcut (#31602) 2024-03-11 10:02:19 +05:30
utils.tsx chore: Refactoring code to show plugin based icons for module instances on EE (#31713) 2024-03-13 11:11:36 +05:30
WidgetsEditorEntityExplorer.tsx [Chore]: App Sidebar Library Pane (#28332) 2023-11-03 10:54:58 +05:30