PromucFlow_constructor/app/client/src/components/editorComponents
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
..
ActionCreator feat: Error handling phase 1 (#20629) 2023-02-18 18:25:46 +05:30
ActionRightPane feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
CodeEditor feat: Error handling phase 1 (#20629) 2023-02-18 18:25:46 +05:30
Debugger feat: Error handling phase 1 (#20629) 2023-02-18 18:25:46 +05:30
form feat: Feature/evaluated value window (#19972) 2023-02-09 16:39:54 +05:30
GlobalSearch feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
HighlightedCode
LazyCodeEditorWrapper chore: Render below the fold widget components when browser is idle using Intersection Observer (#18747) 2023-02-08 16:53:39 +05:30
LightningMenu feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
WidgetNameComponent refactor: Widget Selection (#19643) 2023-01-28 07:47:06 +05:30
ActionNameEditor.tsx feat: Handle permission driven views for auto-saving pages and action… (#16950) 2022-12-01 12:00:50 +05:30
ApiResponseView.tsx feat: Error handling phase 1 (#20629) 2023-02-18 18:25:46 +05:30
AutoResizeTextArea.test.tsx feat: multi-line input and auto-resize textarea (#19141) 2023-01-17 18:46:35 +05:30
AutoResizeTextArea.tsx feat: multi-line input and auto-resize textarea (#19141) 2023-01-17 18:46:35 +05:30
BetaCard.tsx
Button.tsx fix: fetching the plugin form config for queries if datasource is not viewable (#18749) 2022-12-08 09:06:35 +05:30
Checkbox.tsx
CloseEditor.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
ContextDropdown.tsx
Divider.tsx
DraggableComponent.test.tsx fix: Switch to preview mode performance issue (#18457) 2022-11-27 22:42:00 +05:30
DraggableComponent.tsx feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
DragLayerComponent.test.tsx chore: update Styled components to latest version and related cleanup (#19284) 2023-01-13 16:35:59 +05:30
DragLayerComponent.tsx feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
DropdownComponent.tsx chore: update Styled components to latest version and related cleanup (#19284) 2023-01-13 16:35:59 +05:30
DropTargetComponent.tsx fix: Fix issues with main container height in edit and preview mode (#20690) 2023-02-20 17:40:48 +05:30
DropTargetUtils.ts feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
EditableText.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
EditorContextProvider.test.tsx feat: List V2 (#15839) 2023-02-14 17:07:31 +01:00
EditorContextProvider.tsx feat: List V2 (#15839) 2023-02-14 17:07:31 +01:00
EntityBottomTabs.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
EntityNameComponent.tsx
ErrorBoundry.tsx feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
ErrorTooltip.tsx feat: Automatic height updates for widgets based on contents (Auto Height) (#18341) 2022-11-23 15:18:23 +05:30
Form.tsx
FormLabel.tsx
FormRow.tsx
HelperTooltip.tsx
InputComponent.tsx
JSResponseView.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
LetterIcon.tsx
LoadingOverlayScreen.tsx
NavBarItem.tsx
PageLoader.tsx
PaneWrapper.tsx
PropertyPaneSidebar.tsx feat: URL Navigation for Widgets (#20202) 2023-02-21 19:08:16 +05:30
ReadOnlyEditor.tsx fix: Slow rendering of JSON and RAW response (#16971) 2022-09-30 20:51:04 +05:30
RequestView.tsx
ResizableComponent.tsx feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
ResizableUtils.test.ts feat: Automatic height updates for widgets based on contents (Auto Height) (#18341) 2022-11-23 15:18:23 +05:30
ResizableUtils.ts feat: drag n drop and Container jump enhancements (#19047) 2023-01-06 22:27:40 +05:30
ResizeStyledComponents.tsx feat: Automatic height updates for widgets based on contents (Auto Height) (#18341) 2022-11-23 15:18:23 +05:30
SelectComponent.tsx
Sidebar.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
SnipeableComponent.tsx perf: Widget layer optimization (#16502) 2022-09-14 12:25:08 +05:30
Spinner.tsx
StoreAsDatasource.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
Tooltip.tsx
utils.test.ts feat: upgrade to create react app 5 (#14000) 2022-06-21 19:27:34 +05:30
utils.ts fix:prevent execution of js function when jscollection is saving (#13592) 2022-05-19 14:13:51 +01:00