PromucFlow_constructor/app/client/src/components/editorComponents
srix d34edec1f4
feat: assistive binding (#27070)
> Pull Request Template

## Description
An assistive Binding feature is added. A new code editor hinter menu
will pop up once three characters is pressed, and they match with any
entities. This assistance is expected to help many new app builders
discover binding features.

PRD: [Widget binding &
success](https://www.notion.so/appsmith/Widget-binding-success-bc2f559b67194891992c6163eb8ac457)
UI Design :
[Zeplin](https://app.zeplin.io/project/64df0f50e3f9570e8dcfc803/screen/64df0fa0e771af22508f2267)
POC: [POC for Binding Success -
Engineering](https://www.notion.so/appsmith/POC-for-Binding-Success-Engineering-07157e8e90c7451a850d6d054d975f36)
ERD : [Engineering Requirement - Assistive
Binding](https://www.notion.so/appsmith/Engineering-Requirement-Assistive-Binding-b04e41f07e3b4c998be7b8b49f8324ba)


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

When a users input within a property of a widget matches any
query/api/jsobject of their application, a dropdown menu will appear
with possible binding options for users to select from. #26682

When the user adds a new binding from the menu the cursor should be
present in between the moustache bindings #26683

When a user toggles JS mode for the input, bindings with the cursor in
between them should be present by default (incase input has no value)
#26685

#### Media

#### Type of change
> Please delete options that are not relevant.
- 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
- [x] Manual
- [x] Cypress
>
>
#### Test Plan
https://github.com/appsmithorg/TestSmith/issues/2507
#### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)

- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1710094372
- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1711189712
- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1711209028
- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1711214677
- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1711311082
- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1711321208
- [x]
https://github.com/appsmithorg/appsmith/pull/27070#issuecomment-1711336112

## 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
- [ ] 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:
- [ ] [Speedbreak
features](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#speedbreakers-)
have been covered
- [x] Test plan covers all impacted features and [areas of
interest](https://github.com/appsmithorg/TestSmith/wiki/Guidelines-for-test-plans#areas-of-interest-)
- [x] Test plan has been peer reviewed by project stakeholders and other
QA members
- [x] Manually tested functionality on DP
- [x] We had an implementation alignment call with stakeholders post QA
Round 2
- [x] Cypress test cases have been added and approved by SDET/manual QA
- [x] Added `Test Plan Approved` label after Cypress tests were reviewed
- [ ] Added `Test Plan Approved` label after JUnit tests were reviewed

---------

Co-authored-by: arunvjn <arun@appsmith.com>
Co-authored-by: Favour Ohans <fohanekwu@gmail.com>
Co-authored-by: Aishwarya UR <aishwarya@appsmith.com>
2023-09-15 21:23:51 +05:30
..
ActionCreator changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
ActionRightPane changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
CodeEditor feat: assistive binding (#27070) 2023-09-15 21:23:51 +05:30
Debugger chore: Updating link component props (#27223) 2023-09-14 16:14:23 +05:30
form feat: assistive binding (#27070) 2023-09-15 21:23:51 +05:30
GlobalSearch changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
HighlightedCode feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
LazyCodeEditor feat: Add fallback height to lazy code editor fallback codemirror component (#25047) 2023-07-16 21:58:22 +01:00
LightningMenu feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
WidgetQueryGeneratorForm changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
ActionExecutionInProgressView.tsx feat: add loading spinner for action execution (#24078) 2023-06-06 21:15:00 +05:30
ActionNameEditor.tsx changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
ApiResponseView.tsx changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +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: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
Button.tsx feat: Bundle optimization and first load improvements (#21667) 2023-05-11 10:56:03 +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: Updating link component props (#27223) 2023-09-14 16:14:23 +05:30
ContextDropdown.tsx feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
Divider.tsx
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 fix: List widget highlights not visible (#24746) 2023-07-18 10:59:19 +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 chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
EditorContextProvider.test.tsx feat: Table one click binding for MongoDB and Postgres (#23629) 2023-06-01 22:56:05 +05:30
EditorContextProvider.tsx feat: Table one click binding for MongoDB and Postgres (#23629) 2023-06-01 22:56:05 +05:30
emptyResponse.tsx perf: reduce the bundle size, vol. 2 (#24969) 2023-07-17 00:19:41 +05:30
EntityBottomTabs.tsx feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
EntityNameComponent.tsx feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +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: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
FormRow.tsx chore: ME design audit CE (#26535) 2023-09-12 11:48:58 +05:30
HelperTooltip.tsx feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
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: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
LetterIcon.tsx
LoadingOverlayScreen.tsx feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
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
ProductAlertBanner.tsx chore: Updating link component props (#27223) 2023-09-14 16:14:23 +05:30
PropertyPaneSidebar.tsx chore: send diff updates from worker (#24933) 2023-08-16 11:04:32 +05:30
ReadOnlyEditor.tsx fix: CodeEditor issues on resizing (#26082) 2023-08-23 11:25:19 +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
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 changes in evaluation for EE - split (#27144) 2023-09-12 17:21:39 +05:30
Spinner.tsx
StoreAsDatasource.tsx chore: code splitting for multiple env feature (#25479) 2023-07-21 12:53:17 +07:00
Tooltip.tsx
utils.test.ts
utils.ts chore: Fix Security vulnerabilities (#26241) 2023-08-15 13:56:53 +05:30