PromucFlow_constructor/app/client/src/widgets
rahulramesha 8a35e05923
chore: code changes for widget position observer and widget name on canvas (#27367)
## Description
The PR contains non integrated code changes for below new features, The
changes are not integrated to work but only contains the ground work
code changes that can be added to css based layout/ Anvil once that is
available in Release.

- **Widget Position observer-** Since we are moving to css based layout,
the positions of widgets will be unknown. To solve the issue we have
introduced the above feature that stores/updates position of widgets on
Redux state whenever a widget position updates. without manually
triggering any action
- **Widget Name on Canvas-** For the New Layout the existing widget name
is inconsistent as it would cut off or visually not visible. to solve
that the widget name will now be drawn on html canvas than it being a
dom node component

#### PR fixes following issue(s)
Fixes #26945 
Fixes #26948 


#### Type of change
- Chore (housekeeping or task changes that don't impact user perception)


## Testing
#### How Has This Been Tested?
- [ ] Manual
- [ ] JUnit
- [ ] Jest

#### 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
- [ ] 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:
- [ ] [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

---------

Co-authored-by: Ashok Kumar M <35134347+marks0351@users.noreply.github.com>
Co-authored-by: Abhinav Jha <abhinav@appsmith.com>
2023-10-06 15:37:43 +05:30
..
AudioRecorderWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
AudioWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
BaseInputWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
BaseInputWidgetV2 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
BaseWidgetHOC chore: Layout system wise restructuring of Canvas Widget (#27496) 2023-10-04 17:23:29 +05:30
ButtonGroupWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
ButtonWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
ButtonWidgetV2 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
CameraWidget chore: code changes for widget position observer and widget name on canvas (#27367) 2023-10-06 15:37:43 +05:30
CategorySliderWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
ChartWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
CheckboxGroupWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
CheckboxWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
CircularProgressWidget chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
CodeScannerWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
components feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
ContainerWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
CurrencyInputWidget chore: code changes for widget position observer and widget name on canvas (#27367) 2023-10-06 15:37:43 +05:30
DatePickerWidget chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
DatePickerWidget2 chore: code changes for widget position observer and widget name on canvas (#27367) 2023-10-06 15:37:43 +05:30
DividerWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
DocumentViewerWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
DropdownWidget chore: Remove position props from widgets (#26781) 2023-09-13 19:27:42 +05:30
FilepickerWidget chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
FilePickerWidgetV2 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
FormButtonWidget chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
FormWidget fix: remove dimension observation for form widget (#27855) 2023-10-06 12:12:26 +05:30
IconButtonWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
IconWidget chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
IframeWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
ImageWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
InputWidget chore: Remove position props from widgets (#26781) 2023-09-13 19:27:42 +05:30
InputWidgetV2 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
InputWidgetV3 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
JSONFormWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
ListWidget chore: Layout system wise restructuring of Canvas Widget (#27496) 2023-10-04 17:23:29 +05:30
ListWidgetV2 [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
MapChartWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
MapWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
MenuButtonWidget chore: Remove position props from widgets (#26781) 2023-09-13 19:27:42 +05:30
ModalWidget chore: Layout system wise restructuring of Canvas Widget (#27496) 2023-10-04 17:23:29 +05:30
MultiSelectTreeWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
MultiSelectWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
MultiSelectWidgetV2 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
NumberSliderWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
PhoneInputWidget chore: code changes for widget position observer and widget name on canvas (#27367) 2023-10-06 15:37:43 +05:30
ProgressBarWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
ProgressWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
QRGeneratorWidget chore: Remove position props from widgets (#26781) 2023-09-13 19:27:42 +05:30
RadioGroupWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
RangeSliderWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
RateWidget chore: Remove position props from widgets (#26781) 2023-09-13 19:27:42 +05:30
RichTextEditorWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
SelectWidget chore: code changes for widget position observer and widget name on canvas (#27367) 2023-10-06 15:37:43 +05:30
SingleSelectTreeWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
StatboxWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
SwitchGroupWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
SwitchWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
TableWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
TableWidgetV2 chore: code changes for widget position observer and widget name on canvas (#27367) 2023-10-06 15:37:43 +05:30
TabsMigrator chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
TabsWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
TextWidget chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
VideoWidget [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
BaseComponent.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
BaseWidget.tsx chore: replace emotion/sheet to emotion/css (#27827) 2023-10-06 09:59:02 +03:00
CanvasWidget.tsx chore: Layout system wise restructuring of Canvas Widget (#27496) 2023-10-04 17:23:29 +05:30
ConnectDataOverlay.tsx feat: JSON form widget one click binding integration (#25873) 2023-10-03 13:40:51 +05:30
index.ts chore: add TextInput component and InputWidgetV3 (#26775) 2023-09-20 09:56:46 +03:00
MetaHOC.tsx chore: Layout system wise restructuring of Canvas Widget (#27496) 2023-10-04 17:23:29 +05:30
MetaWidgetContextProvider.tsx feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
Skeleton.tsx perf: Widget re-rendering refactor (#14485) 2022-08-19 15:40:36 +05:30
SkeletonWidget.tsx chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
useDropdown.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
utils.test.ts feat: code scanner widget default camera (#26083) 2023-08-10 12:18:51 +05:30
utils.ts feat: code scanner widget default camera (#26083) 2023-08-10 12:18:51 +05:30
WidgetUtils.test.ts chore: Move the widget config to widget class (#26073) 2023-09-06 17:45:04 +05:30
WidgetUtils.ts chore: Remove position props from widgets (#26781) 2023-09-13 19:27:42 +05:30
withLazyRender.tsx chore: Remove lazy canvas rendering feature flag - LAZY_CANVAS_RENDERING (#22354) 2023-05-10 17:36:30 +05:30
withWidgetProps.tsx feat: added anvil type for app layout (#27633) 2023-10-04 14:24:16 +05:30