PromucFlow_constructor/app/client/src/components/editorComponents
Ravi Kumar Prasad 7fe8dae744
fix: CSS broken after action selector redesign changes (#22214)
## Description
After the [Action selector redesign
PR](https://github.com/appsmithorg/appsmith/pull/21582) was merged into
release. Due to some newly added global styles, the existing CSS was
broken at few places. This PR ensures the styles added for action
selector are scoped only inside the action selector popup to avoid
globally applying those styles.

Fixes #22210


**Media**
Fix for the originally reported issue. See the linked issue above.
<img width="412" alt="Screenshot 2023-04-10 at 2 13 20 PM"
src="https://user-images.githubusercontent.com/13567359/230867849-9575c49e-d8d2-43b7-aec0-763448000a60.png">

Screenshots to ensure Action selector CSS is not broken.
Without CSS styles | With CSS styles scoped inside popup
-- | --
<img width="490" alt="Screenshot 2023-04-10 at 2 04 54 PM"
src="https://user-images.githubusercontent.com/13567359/230868208-fd350784-b268-4977-8106-77f54e702412.png">|<img
width="433" alt="Screenshot 2023-04-10 at 2 05 58 PM"
src="https://user-images.githubusercontent.com/13567359/230868217-2194b7e2-e1a6-40a3-9420-55b9869debab.png">



## Type of change
- Bug fix (non-breaking change which fixes an issue)

## How Has This Been Tested?
- Manual



## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [x] 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
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] 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
- [ ] 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-04-11 13:40:15 +05:30
..
ActionCreator fix: CSS broken after action selector redesign changes (#22214) 2023-04-11 13:40:15 +05:30
ActionRightPane feat: util to serve images locally or via remote url (#22080) 2023-04-10 12:32:31 +05:30
CodeEditor fix: Do not set widget ancestry if selection happens via canvas (#22069) 2023-04-10 12:55:14 +05:30
Debugger feat: Error Navigation (#21753) 2023-04-10 18:29:14 +05:30
form feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
GlobalSearch feat: util to serve images locally or via remote url (#22080) 2023-04-10 12:32:31 +05:30
HighlightedCode chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
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 chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
WidgetNameComponent feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
ActionNameEditor.tsx feat: util to serve images locally or via remote url (#22080) 2023-04-10 12:32:31 +05:30
ApiResponseView.tsx feat: Error Navigation (#21753) 2023-04-10 18:29:14 +05:30
AutoResizeTextArea.test.tsx feat: multi-line input and auto-resize textarea (#19141) 2023-01-17 18:46:35 +05:30
AutoResizeTextArea.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
BetaCard.tsx feat: App Theming (#9714) 2022-05-04 15:15:57 +05:30
Button.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
Checkbox.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
CloseEditor.tsx chore: Add new navigation scenarios for route change event (#21682) 2023-03-30 11:03:29 +05:30
ContextDropdown.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
Divider.tsx feat: Entity explorer UI redesign (#9811) 2022-01-29 12:56:19 +05:30
DraggableComponent.test.tsx feat: Improved App Navigation (#19312) 2023-03-23 17:11:58 +05:30
DraggableComponent.tsx feat: Improved App Navigation (#19312) 2023-03-23 17:11:58 +05:30
DragLayerComponent.test.tsx chore: Remove collaboration pointers from the Editor (#19660) 2023-03-15 22:10:06 +05:30
DragLayerComponent.tsx feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
DropdownComponent.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
DropTargetComponent.tsx [Community Contribution] fix: clean implementation of isAutoHeightEnabledForWidget (#21738) 2023-04-03 11:41:10 +05:30
DropTargetUtils.ts chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
EditableText.tsx feat: Renamed design system package (#19854) 2023-01-23 09:20:47 +05:30
EditorContextProvider.test.tsx feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
EditorContextProvider.tsx feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
EntityBottomTabs.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
EntityNameComponent.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
ErrorBoundry.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +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 feat: Appsmith design system changes (#8125) 2021-10-04 21:04:37 +05:30
FormRow.tsx
HelperTooltip.tsx
InputComponent.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
JSResponseView.tsx feat: Error Navigation (#21753) 2023-04-10 18:29:14 +05:30
LetterIcon.tsx
LoadingOverlayScreen.tsx
NavBarItem.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
PageLoader.tsx
PaneWrapper.tsx feat: Appsmith design system changes (#8125) 2021-10-04 21:04:37 +05:30
PropertyPaneSidebar.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
ReadOnlyEditor.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
RequestView.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
ResizableComponent.tsx feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
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: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
ResizeStyledComponents.tsx feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
SelectComponent.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
Sidebar.tsx fix: keep sidebar open when any context menu is open (#21777) 2023-03-31 20:01:08 +05:30
SnipeableComponent.tsx chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +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 chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30