PromucFlow_constructor/app/client/src/utils/hooks
balajisoundar 837d0cc76a
chore: custom widget (#28926)
## Description
This PR's adds the custom widget.

#### PR fixes following issue(s)
Fixes #28607
Fixes #28610
Fixes #28615
Fixes #28608
Fixes #28612
> if no issue exists, please create an issue and ask the maintainers
about this first
>
>
#### 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
- New feature (non-breaking change which adds functionality)
>
>
>
## 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
- [ ] 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
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] 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
- [x] 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**
- Introduced search functionality with a wildcard option for unmatched
widget searches.
  - Added new routes for custom widget editing.
  - Implemented additional editor modes for HTML and CSS.
- Created new code templates and help components for custom widget
builders.
- Enhanced property controls with new button controls for custom widget
editing.
  - Updated theming interfaces and constants for better theming support.
- Added the CustomWidget component for embedding custom widgets in
iframes.
  - Expanded widgets library to include the CustomWidget.

- **Enhancements**
- Improved `CodeEditor` with additional modes, props, and resize
behavior.
- Enhanced `PropertyPaneControlConfig` interface with dynamic
dependencies and additional properties.
- Refined custom widget scripts with communication channel and event
handling.

- **Bug Fixes**
  - Fixed visibility logic for the `ExternalWidget` card.
  
- **Documentation**
- Added new messages and documentation links for custom widget features.

- **Tests**
- Implemented new Cypress tests for custom widget default components and
property pane interactions.
  - Updated workspace commands in Cypress tests.

- **Refactor**
- Streamlined `PropertyControl` state management and editing functions.
  - Refactored code editor hint helper logic.
  
- **Style**
  - Added `borderLess` prop to style components without borders.

- **Chores**
  - Updated constants and messages related to custom widget features.
  - Adjusted webpack configuration to ignore specific module warnings.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2023-12-28 12:16:28 +05:30
..
useWidgetFocus fix: traverse to next focusable widget (#28340) 2023-10-25 16:51:12 +05:30
autoHeightUIHooks.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
dragResizeHooks.tsx chore: add highlight calculation logic for layouts. (#27980) 2023-10-19 16:27:40 -04:00
localstorage.tsx feat: added api to return 1 product message (#24704) 2023-07-18 13:03:18 +05:30
useAllowEditorDragToSelect.ts feat: branch protection (#28526) 2023-11-03 22:43:36 +05:30
useAutoGrow.tsx fix: added missed analytic events for git sync (#10953) 2022-02-08 21:46:16 +05:30
useBrandingTheme.ts fix: Active color of primary buttons broken after ADS 2.0 migration (#26958) 2023-09-21 15:37:41 +05:30
useCanvasMinHeightUpdateHook.ts chore: Move the widget config to widget class (#26073) 2023-09-06 17:45:04 +05:30
useClick.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
useClickToSelectWidget.tsx fix: Anvil Editor issues with Resizer in safari (#28361) 2023-10-26 10:07:06 +05:30
useClipboard.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
useDeepEffect.test.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
useDeepEffect.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
useDeviceDetect.ts feat: Homepage mobile UI (#10255) 2022-02-17 22:08:36 +05:30
useDSEvent.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
useDynamicAppLayout.tsx chore: Add an extra feature flag to control App sidebar rollout (#28876) 2023-11-15 16:49:41 +05:30
useFeatureFlag.ts chore: Add button v2 under feature flag (#25106) 2023-07-26 18:10:44 +05:30
useHorizontalResize.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
useInteractionAnalyticsEvent.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
useIsScrolledToBottom.tsx Comments feature related fixes (#6156) 2021-07-28 12:32:11 +05:30
useLocalStorageState.ts chore: custom widget (#28926) 2023-12-28 12:16:28 +05:30
useOnClickOutside.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
useOnUpgrade.ts chore: updated ramps to redirect on customer portal (#28051) 2023-10-15 12:33:25 +05:30
usePositionedContainerZIndex.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
usePrevious.tsx fix: AppViewer init and page fetch logic (#14294) 2022-06-10 18:22:59 +00:00
useProceedToNextTourStep.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
useReflow.ts chore: add consistent-type-definitions rule (#27907) 2023-10-11 10:35:24 +03:00
useResize.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
useResizeObserver.tsx feat: js object v1 run and settings redesign (#11456) 2022-04-28 17:51:02 +01:00
useResponsiveBreakpoints.tsx feat: responsive entity selector control (#20813) 2023-02-27 16:31:06 +05:30
useScript.tsx Make sure google is available before loading components that rely on it (#1934) 2020-11-30 12:53:05 +05:30
useThrottledRAF.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
useWidgetConfig.ts chore: Move the widget config to widget class (#26073) 2023-09-06 17:45:04 +05:30
useWidgetSelection.ts chore: Add new navigation scenarios for route change event (#21682) 2023-03-30 11:03:29 +05:30
useWindowDimensions.tsx Initialise comments (#3328) 2021-04-29 16:03:51 +05:30