PromucFlow_constructor/app/client/src/pages/Editor
Hetu Nandu 721767d742
feat: URL Navigation for Widgets (#20202)
## Description

Widget selection is driven by URL changes. This would fix browser
navigation for users as they can use browser back/forward buttons to
travel across older contexts on Appsmith.

> Fixing browser URL navigation for widgets

Fixes #19571


Media
> A video or a GIF is preferred. when using Loom, don’t embed because it
looks like it’s a GIF. instead, just link to the video


## Type of change

> Please delete options that are not relevant.

- New feature (non-breaking change which adds functionality)


## How Has This Been Tested?

- Manual
- Jest
- Cypress

### Test Plan
> Add Testsmith [test
cases](https://github.com/appsmithorg/TestSmith/issues/2171) links that
relate to this PR

### Issues raised during DP testing
- [X] When a selected widget is below viewport and user refreshes the
page, then the widget property pane is open but the page does not
navigate to the selected widget
https://loom.com/share/09f1eda2f02d474981a0d48e4a6419ec

- [ ] Drop 2 widgets one at a time > Delete both the widgets > Now click
on back button of the browser > Observe the url it shows the widget id
in the URL but the canvas remains empty
https://loom.com/share/53cae28a5d224e67b783c8ccf53745f5
Dev Response: This issue is valid but not a major inconvenience. We will
try to track it and see if it needed to be addressed. Many other web
tools do not handle such cases


- [X] Canvas scrolls down when all widgets are selected.
https://loom.com/share/c8a68dadcdb040779abd3a73bde2b06c

- [X] Widget is not getting highlighted when added from the API editor
page. Please refer to the attached
video:-https://jiju8jbmwa.vmaker.com/record/IkwiAqFgafK9dVmu



## Checklist:
### Dev activity
- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [ ] 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


### QA activity:
- [ ] Test plan has been approved by relevant developers
- [x] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test

---------

Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2023-02-21 19:08:16 +05:30
..
__tests__ chore: update Styled components to latest version and related cleanup (#19284) 2023-01-13 16:35:59 +05:30
APIEditor feat: Feature/evaluated value window (#19972) 2023-02-09 16:39:54 +05:30
AppSettingsPane feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
BottomBar feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
CanvasPropertyPane feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
DataSourceEditor fix: Fix annoying error with text input control (#20411) 2023-02-10 17:41:17 +07:00
EditorAppName feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
Explorer feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
FirstTimeUserOnboarding feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
GeneratePage feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
gitSync feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
GlobalHotKeys feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
GuidedTour chore: Revert "feat: move the widget creation CTA off the Entity explorer (#… (#20335) 2023-02-03 14:47:01 +06:00
IntegrationEditor feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
JSEditor fix: URL replace issue in JS editor cmd click (#20220) 2023-02-03 15:03:04 +05:30
MultiSelectPropertyPane refactor: Widget Selection (#19643) 2023-01-28 07:47:06 +05:30
PropertyPane chore: fix console warnings (#20584) 2023-02-19 08:03:52 +05:30
QueryEditor feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
SaaSEditor feat: feature flag added for limiting gsheet access (#20223) 2023-02-06 10:57:43 +05:30
ThemePropertyPane feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
WidgetsEditor fix: modal opening issues (#20654) 2023-02-17 14:12:54 +05:30
ActionSettings.tsx feat: responsive INPUT_TEXT, QUERY_DYNAMIC_TEXT controls (#20396) 2023-02-07 15:04:56 +05:30
Canvas.tsx fix: modal opening issues (#20654) 2023-02-17 14:12:54 +05:30
CanvasPane.tsx feat: Multi Pane IDE: Phase 1 (#19261) 2023-01-09 10:54:41 +05:30
EditorHeader.tsx chore: Revert "feat: move the widget creation CTA off the Entity explorer (#… (#20335) 2023-02-03 14:47:01 +06:00
EditorSaveIndicator.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
EditorSidebar.tsx chore: code split sagas and reducer's index file (#16261) 2022-08-24 17:46:32 +05:30
EntityNotFoundPane.tsx feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
FormConfig.tsx feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
FormControl.test.tsx feat: Maintain Focus and Context Phase 1 (#16317) 2022-10-17 20:46:38 +05:30
FormControl.tsx feat: Adds one way switching to Form Controls (#17194) 2022-10-13 21:28:46 +01:00
HelpButton.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
index.tsx feat: editor header UI update (#19414) 2023-01-09 19:52:23 +05:30
loader.tsx
MainContainer.test.tsx feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
MainContainer.tsx feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
MainContainerLayoutControl.test.tsx chore: update Styled components to latest version and related cleanup (#19284) 2023-01-13 16:35:59 +05:30
MainContainerLayoutControl.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
MultiPaneContainer.tsx feat: Multi Pane IDE: Phase 1 (#19261) 2023-01-09 10:54:41 +05:30
Popper.tsx feat: Feature/evaluated value window (#19972) 2023-02-09 16:39:54 +05:30
PropertyPaneHelpButton.tsx
RealtimeAppEditors.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
RequestConfirmationModal.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
routes.tsx feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
ShareApplicationForm.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
TabsPane.tsx feat: Multi Pane IDE: Phase 1 (#19261) 2023-01-09 10:54:41 +05:30
ToggleModeButton.tsx chore: Revert "feat: move the widget creation CTA off the Entity explorer (#… (#20335) 2023-02-03 14:47:01 +06:00
utils.ts chore: code changes to support clean urls v2 (#14757) 2022-07-11 09:36:29 +05:30
WidgetCard.tsx refactor: Widget Selection (#19643) 2023-01-28 07:47:06 +05:30
WidgetCardsPane.tsx
WidgetSidebar.tsx chore: Revert "feat: move the widget creation CTA off the Entity explorer (#… (#20335) 2023-02-03 14:47:01 +06:00
WidgetsMultiSelectBox.tsx feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30