Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
e57e075d99
PromucFlow_constructor/app/client/src/widgets
History
Valera Melnikov e57e075d99
chore: replace emotion/sheet to emotion/css (#27827) 
## Description
Replace emotion/sheet to emotion/css. 

**Motivation**
During performance testing, it was revealed that creating a separate
class for each component is slow.

Rendering 10k elements
<img width="269" alt="Снимок экрана 2023-10-05 в 13 34 12"
src="https://github.com/appsmithorg/appsmith/assets/11555074/a881b188-b7d6-4fff-bc79-e7a81e37ffac">

As part of the task, an approach using styles through attributes was
also tested, it works well, but we still need to create a separate class
in runtime if we work with container queries. Because of this, I think
it's best to use a ready-made solution from emotion/css, since it
creates only one class out of the box for elements with the same styles,
which allows to render elements with good performance.

Rendering 80k elements
![Снимок экрана 2023-10-05 в 13 28
33](https://github.com/appsmithorg/appsmith/assets/11555074/510302f9-d45b-4b01-a59d-538d2f5d356e)

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

#### Type of change
- 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
- [ ] Cypress

## 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
- [x] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag
2023-10-06 09:59:02 +03:00
..
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 [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
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: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
DatePickerWidget chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
DatePickerWidget2 chore: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
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: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
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: Create layout system structure for Anvil and AnvilFlexComponent. (#27178) 2023-10-02 15:41:05 -04:00
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 [Task]: add vertical alignment to widget configuration (#27700) 2023-10-05 08:57:39 -04:00
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
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
Skeleton.tsx
SkeletonWidget.tsx chore: BaseWidget Restructuring (#26562) 2023-09-11 21:25:11 +05:30
useDropdown.tsx
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