PromucFlow_constructor/app/client/src/pages/AppViewer
Valera Melnikov f14b40cef6
fix: fix modal position and styles (#30805)
## Description
Fixes for the modal widget:
1. Added support for clickOutside. The modal is closed only by clicking
on the backdrop overlay. A click on the widget name has been added to
the exceptions for close event.
2. Fixed the positioning of the modal. Now it is located in the center
of the provider.
3. For the correct positioning of the modal, it was necessary to make
fixes for canvas height. The fixes also affect fixed and autolayout.

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

Also fixed this
https://www.notion.so/appsmith/Canvas-gets-cut-off-on-preview-mode-525b95f26c6e4644bf5ab7389c02e434

#### Media


https://github.com/appsmithorg/appsmith/assets/11555074/6db9ecde-595b-4fa4-a21b-9ed08930d58f


#### Type of change
> Please delete options that are not relevant.
- Bug fix (non-breaking change which fixes an issue)
- Chore (housekeeping or task changes that don't impact user perception)
>
>
>
## Testing
>
#### How Has This Been Tested?
> Please describe the tests that you ran to verify your changes. Also
list any relevant details for your test configuration.
> Delete anything that is not relevant
- [x] Manual
- [ ] JUnit
- [x] Jest
- [x] Cypress
>
>
#### Test Plan
> Add Testsmith test cases links that relate to this PR
>
>
#### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)
>
>
>
## Checklist:
#### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [x] 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:
- [ ] [Speedbreak
features](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#speedbreakers-)
have been covered
- [ ] Test plan covers all impacted features and [areas of
interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#areas-of-interest-)
- [ ] Test plan has been peer reviewed by project stakeholders and other
QA members
- [ ] Manually tested functionality on DP
- [ ] We had an implementation alignment call with stakeholders post QA
Round 2
- [ ] Cypress test cases have been added and approved by SDET/manual QA
- [ ] Added `Test Plan Approved` label after Cypress tests were reviewed
- [ ] Added `Test Plan Approved` label after JUnit tests were reviewed


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

- **New Features**
- Popover and Modal components now support dismissing by clicking
outside. Custom logic and selectors can be specified to control this
behavior.
- **Enhancements**
	- Simplified logic for closing Modals by directly setting open state.
- Enhanced Modal styling options, allowing for better customization of
width and height.
	- ErrorBoundary component now supports custom styles.
- **Refactor**
- Removed redundant code and unused properties across various components
and layout systems.
- Simplified state management and styling adjustments in editor
components.
- **Style**
- Updated Modal component styles for improved layout and responsiveness.
- **Chores**
- Codebase cleanup including removal of unused classes, variables, and
adjustments for more efficient layout rendering.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-02-06 10:26:47 +03:00
..
Navigation feat: Homepage experience v2 changes (#29282) 2024-01-25 19:11:48 +05:30
AppPage.styled.tsx feat: add layouts and widgets for sections and zones. (#29713) 2023-12-26 09:16:58 -05:00
AppPage.tsx fix: fix modal position and styles (#30805) 2024-02-06 10:26:47 +03:00
AppViewerButton.tsx
AppViewerHtmlTitle.tsx
AppViewerPageContainer.tsx chore: route builder refactor (#27905) 2023-10-12 11:01:22 +05:30
AppViewerSideNavWrapper.tsx
BrandingBadge.tsx chore:add eslint rules (#27878) 2023-10-09 16:54:06 +03:00
BrandingBadgeMobile.tsx chore:add eslint rules (#27878) 2023-10-09 16:54:06 +03:00
index.tsx fix: Remove guided tour code (#30387) 2024-01-24 16:31:21 +05:30
loader.tsx chore:add eslint rules (#27878) 2023-10-09 16:54:06 +03:00
PageMenu.styled.tsx fix: Page name cutoff (#23394) 2023-05-24 12:02:58 +05:30
PageMenu.tsx feat: Homepage experience v2 changes (#29282) 2024-01-25 19:11:48 +05:30
PageTabs.tsx chore: route builder refactor (#27905) 2023-10-12 11:01:22 +05:30
PrimaryCTA.test.tsx feat: Homepage experience v2 changes (#29282) 2024-01-25 19:11:48 +05:30
PrimaryCTA.tsx fix: git branch protection fixes (#28667) 2023-11-07 20:25:02 +05:30
SideNav.tsx chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
SideNavItem.tsx chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
utils.ts fix: calculateHoverColor typo (#28329) 2023-10-30 15:56:14 +05:30