PromucFlow_constructor/app/client/src/components/ads
Paul Li eb37416a2a
feat: Controls for labels in widgets to align the widgets in forms and other places (#10600)
* feat: When there are multiple input widgets with different label lengths then the input box looks misaligned

-- Create a new property control for a label position
-- Create a new property control for a label alignment
-- Prototype a label section for Input widget

* feat: When there are multiple input widgets with different label lengths then the input box looks misaligned

-- Add a property, labelWidth in the property pane

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Input widget: Implement all the requirements in case its type is Text

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Adapt the functionalty on other types of the input widget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add label functionalities into DropdownWidget
-- Clean up for the input widget and DRY

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add label functionalities into MultiSelectWidget
-- Eliminate unnecessary component prop, columns

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add label functionalties into Tree Select widget
-- Add styles for alignment between lable and input control over the widgets

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add label functionalities into MultiSelectTreeWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Introduce label functionalities into DatePickerWidget2
-- Use width instead of columns prop in InputWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Apply label functionalities into RichTextEditorWidget
-- Eliminate compactMode from StyledLabel

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Apply label functionalities into CheckboxGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Apply label functionalities into SwitchGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Reimplement switch group for the correct meaning of right alignment

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Apply label functionalities into RadioGroupWidget
-- Add new properties, alignment and inline for consistency

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Adjust cols and rows for RadioGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate unused StyledRadioProps

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Complete first MVP of enhanced SwitchGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Complete the first MVP of enhanced RadioGroupWidget
-- Eliminate unused StyledSwitch component for SwitchGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add min-height, align-self rules for LabelContainer

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Use original label property for RadioGroupWidget
-- Add a migration for adding isInline and alignment properties for RadioGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Update version to latest one in DSLMigrationsUtils.test.ts

* fix failing jest test

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Reimplement label functionalities on BaseInputWidget, InputWidgetV2, CurrencyInputWidget, PhoneInputWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate unused imports in DSLMigrationsUtils

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on the label related test case which is failed in Input_spec.js

* feat: Controls for labels in widgets to align the widgets in forms and other places
-- Fix on #10119: The label text truncates on resizing the input widget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix scroll issue when shrink with MultiSelectWidget and MultiSelectTreeWidget

* fix: Widget Popup test

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Reimplement width and alginment features on the level of label element
-- Prevent actual inputs from DropdownWidget, MultiSelectWidget, SingleSelectTreeWidget, MultiSelectTreeWidget from overflow when resizing
-- Enable label feature on a RadioGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Set label container's default width to 33% when width is not set

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix crash issue when labelWidth is filled by non-numeric value, eliminating passing NaN as its value

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Set flex-grow to zero on input types other than TEXT

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Implement label features on newly created MultiSelectWidgetV2

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate LabelPositionTypes, directly using enum LabelPosition
-- Add a comment for a constant LABEL_MAX_WIDTH_RATE
-- Directly import React for LabelAlignmentOptionsControl
-- Remove unnecessary constructor for LabelAlignmentOptionsControl
-- Define handleAlign instance method as a higher-order function
-- Only migrate alignment property for RadioGroupWidget
-- Use Object.hasOwnProperty instead of in operator

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Migrate alignment property of RadioGroupWidget in case of currentDSL.version is 52

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Revert currentDSL.version to 52

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add a Jest test case for RadioGroupWidget's alignment property migration

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Replace all nested ternary operators with if statements

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Implement label feature on new version of SelectWidget
-- Add Cypress tests for widgets' label section

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Refactor code for BaseInputWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Change CSS selector for step buttons for Numeric BaseInputWidget
-- Directly use migrateRadioGroupAlignmentProperty migration function without using transformDSL

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on typo about migrateRadioGroupAlignmentProperty

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add data-testid attributes for Cypress selectors

* feat: Deprecate form button widget

-- Assert flex-direction to row in CheckboxGroup_spec.js

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add a missing data-testid for SelectWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on failed test cases: CheckboxGroup_spec, DatePicker_2_spec, MultiSelectWidgetV2

* fix: Select popup DSL

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Create a new property control, NumericInputControl
-- Replace all the label properties with the newly created controls

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Create a new Cypress command, checkLabelWidth and apply to all related test cases
-- Increase width in checkboxgroupDsl.json
-- Rename className for label in MultiSelectWidgetV2

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Reimplement the tooltip feature for labels
-- Add missing props for labels in DateField, MultiSelectField, RadioGroupField, SelectField fields for JSONFormWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Refactor property controls, including LabelPositionOptionsControl, LabelAlignmentOptionsControl, NumericInputControl to keep consistency
-- Apply default values into label section

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Extract the label related parts from the various widgets as an independent component

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate TypeScript any type from BaseInputComponent

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Change labelPosition property type to DROP_DOWN
-- Modify LabelAlignmentOptionsControl to use ButtonTabComponent

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Define getLabelWidth method into BaseWidget
-- Extract the common CSS rules for the widget containers
-- Revert rows and columns for SwitchGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on the failed test case in DSLMigrationsUtils.test.ts

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on overflow issue on CheckboxGroupWidget
-- Create a distinctive spec file for label feature
-- Eliminate the redundant label specs with the relevant widgets

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Delete unnecessary files, including Select_spec.js, LabelButton.tsx and LabelPositionOptionsControl.tsx
-- Revise wrong comment for checkLabelForWidget Cypress command

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Do not set the label width only if its value is 0
-- Clean up the component for DatePickerWidget2

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate unused imports in DatePickerWidget2

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Make RadioGroupWidget's layout flexible in all modes

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on Cypress test case for RadioGroupWidget in Widgets_Labels_spec
-- Change Cypress commands, including addAction, addSuccessMessage, enterActionValue to accept parentSelector

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Change getLabelWidth method to not have any argument
-- Define some constants for label numbers
-- Extract the common styles for SwitchGroupWidget and RadioGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Refactor some constants

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate unused width prop from RadioGroupWidget
-- Get labelWidth from getLabelWidth

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Eliminate the min-height restriction on a label
-- Eliminate the scroll on the earlier InputWidgetV2 which was not in compact mode

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add one more condition checking if the current input type is text

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Extract common code base for MultiSelectTreeWidget and MultiSelectWidgetV2
-- Apply a few CSS fixes on the scrollbar issue select related widgets

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Apply some tweaks for earlier widgets with labels so as not to be broken UX

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Fix on the failed Cypress test case in Widget_Popup_spec.js

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Add constants, LABEL_DEFAULT_WIDTH_RATE, SELECT_DEFAULT_HEIGHT, LABEL_MARGIN_OLD_SELECT

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Increase the widths of CheckboxGroupWidget and SwitchGroupWidget

* feat: Controls for labels in widgets to align the widgets in forms and other places

-- Set the font size to 14px for NumericInputControl

Co-authored-by: ohansFavour <fohanekwu@gmail.com>
Co-authored-by: Tolulope Adetula <31691737+Tooluloope@users.noreply.github.com>
2022-04-14 16:47:25 +08:00
..
formFields feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
tour Fixes related to the comments feature (#5904) 2021-07-19 20:58:41 +05:30
AppIcon.tsx chore: Improve the UI for restart banner on admin settings page (#12580) 2022-04-11 14:12:06 +05:30
Breadcrumbs.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
Button.tsx fix: Show restricted signup error message on login screen (#11974) 2022-04-01 10:50:09 +05:30
ButtonTabComponent.test.tsx feat: Make Button Tab keyboard accessible (#10873) 2022-02-11 00:30:20 +05:30
ButtonTabComponent.tsx feat: Make Button Tab keyboard accessible (#10873) 2022-02-11 00:30:20 +05:30
Callout.tsx fix: Assigns query Params in Datasource and Api query editor (#9184) 2021-12-16 18:10:38 +05:30
CalloutV2.tsx feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
Checkbox.tsx feat: adding ads component for UQI (#8777) 2021-12-27 17:34:45 +05:30
ColorPickerComponent.tsx fix: make table button transparent when no color is selected (#11348) 2022-02-23 07:54:46 -08:00
ColorSelector.tsx feat: Appsmith design system changes (#8125) 2021-10-04 21:04:37 +05:30
common.tsx chore: introduce lookup tables inplace of switch (#11228) 2022-02-17 17:49:39 +05:30
CopyToClipBoard.tsx fix: fork app button not opening the fork modal for non-signed in users (#12479) 2022-04-11 10:44:50 +05:30
DatePickerComponent.tsx feat: Property pane dropdown overflow issues (#8236) 2021-10-11 11:31:05 +05:30
DialogComponent.tsx feat: 9754 import work flow (#10453) 2022-03-17 15:58:54 +05:30
DisplayImageUpload.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
DraggableList.tsx check for drag distance 2022-02-28 18:33:05 +05:30
DraggableListCard.tsx fix: handle duplicate tab name in tab widget (#12411) 2022-04-07 16:19:12 +00:00
DraggableListComponent.tsx feat: JSON Form widget (#8472) 2022-03-24 12:43:25 +05:30
Dropdown.test.tsx fix: added allowDeselection in ads/dropdown (#11495) 2022-03-02 13:15:43 +05:30
Dropdown.tsx fix: welcome form getting submitted on pressing enter key (#12613) 2022-04-13 15:37:11 +05:30
EditableText.test.tsx added a keydown listener to focus property pane title on pressing f2 2022-01-27 16:40:57 +05:30
EditableText.tsx added a keydown listener to focus property pane title on pressing f2 2022-01-27 16:40:57 +05:30
EditableTextSubComponent.tsx fix: Prevent page reload when launching an application from the applications dashboard for faster load time (#11604) 2022-03-10 07:52:07 +05:30
EditableTextWrapper.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
EmojiPicker.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
EmojiReactions.tsx fix: popups same width as parent (#7499) 2021-11-30 02:38:46 -08:00
FilePicker.tsx feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
FilePickerV2.tsx feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
GifPlayerComponent.tsx Development: Add eslint rules for code consistency (#4083) 2021-04-28 15:58:39 +05:30
Icon.test.tsx feat: ssh key regeneration (#11018) 2022-02-16 10:15:35 +00:00
Icon.tsx feat: migration changes hint (#12071) 2022-04-04 17:11:49 +05:30
IconSelector.tsx feat: Appsmith design system changes (#8125) 2021-10-04 21:04:37 +05:30
index.ts fix: Appsmith Design System fixes and improvements (#11011) 2022-02-18 15:21:02 +05:30
LabelWithTooltip.tsx feat: Controls for labels in widgets to align the widgets in forms and other places (#10600) 2022-04-14 16:47:25 +08:00
LighteningMenu.tsx Fix eslint warnings (#2510) 2021-01-12 06:52:31 +05:30
ListSegmentHeader.test.tsx feat: update list segment header (#12530) 2022-04-04 12:55:00 +08:00
ListSegmentHeader.tsx feat: update list segment header (#12530) 2022-04-04 12:55:00 +08:00
MentionsInput.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
Menu.tsx feat: git delete branch (#12681) 2022-04-13 15:33:23 +05:30
MenuDivider.tsx Make prettier changes (#2337) 2020-12-24 10:02:25 +05:30
MenuItem.tsx fix: 10927, 11999, 12035 - tooltip of org and redirect issues from oauth datasource configuration (#12031) 2022-03-23 11:08:57 +05:30
MultiselectDropdown.test.tsx feat: keyboard accessible multi-select dropdown, action selector and text input (#10622) 2022-02-10 16:42:44 +05:30
MultiselectDropdown.tsx feat: keyboard accessible multi-select dropdown, action selector and text input (#10622) 2022-02-10 16:42:44 +05:30
MultiSwitch.tsx feat: Response view switcher for all action editors (#9629) 2022-04-08 16:32:34 +00:00
NotificationBanner.tsx fix: polish git-sync feature (#11740) 2022-03-10 11:08:50 +05:30
NumberedStep.tsx Commit page ui (#6772) 2021-08-23 14:15:54 +05:30
ProgressiveImage.tsx Minor comments feature fixes (#6245) 2021-08-02 12:57:20 +05:30
Radio.tsx chore: Config changes (#8564) 2021-11-05 11:19:19 +05:30
RectangularSwitcher.tsx Development: Add eslint rules for code consistency (#4083) 2021-04-28 15:58:39 +05:30
ScrollIndicator.tsx react spring upgrade (#10427) 2022-01-21 11:42:46 +05:30
SearchInput.tsx feat: Homepage mobile UI (#10255) 2022-02-17 22:08:36 +05:30
ShowcaseCarousel.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
SnippetButton.tsx refactor: admin settings (#9906) 2022-02-11 23:38:46 +05:30
Spinner.tsx Development: Add eslint rules for code consistency (#4083) 2021-04-28 15:58:39 +05:30
Statusbar.tsx fix: misc git sync fixes / ui polish (#9229) 2021-12-07 07:59:32 +00:00
StepComponent.test.tsx feat: Step control keyboard navigation (#11059) 2022-02-15 17:55:11 +05:30
StepComponent.tsx feat: Step control keyboard navigation (#11059) 2022-02-15 17:55:11 +05:30
Switch.tsx fix: Added focus styling for switches in property pane (#10045) 2022-01-04 18:00:07 +05:30
Switcher.tsx feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
TabItemBackgroundFill.tsx feat: Add horizontal tabs in gitSync Modal (#7048) 2021-09-03 11:56:09 +00:00
Table.tsx feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
TableDropdown.tsx updated conditional check 2022-02-01 18:19:07 +05:30
Tabs.tsx feat: Response view switcher for all action editors (#9629) 2022-04-08 16:32:34 +00:00
Tag.tsx Table Widget New Features (#2816) 2021-02-16 15:59:08 +05:30
TagInputComponent.tsx chore: Improve UX on admin settings page (#12279) 2022-04-04 12:37:12 +05:30
Text.tsx feat: 9754 import work flow (#10453) 2022-03-17 15:58:54 +05:30
TextInput.tsx fix set initial value of KeyValueArrayControl (#11756) 2022-03-16 14:26:57 +00:00
Toast.tsx feat: Refactor code for SAML integration (#12700) 2022-04-12 16:20:01 +05:30
Toggle.tsx fix: Edit icon in API editor and toggle transition issue (#9013) 2021-11-17 12:06:18 +05:30
Tooltip.tsx fix: show tooltips for entity names in explorer (#8501) 2021-10-21 10:07:34 +05:30
Tree.tsx Fix eslint warnings (#2510) 2021-01-12 06:52:31 +05:30
TreeDropdown.test.tsx feat: keyboard accessible multi-select dropdown, action selector and text input (#10622) 2022-02-10 16:42:44 +05:30
TreeDropdown.tsx feat: Revamp deletion flow (#11774) 2022-03-23 05:33:06 +00:00
UserProfileImagePicker.tsx fix: refresh profile image on the header when a new image is uploaded (#8550) 2021-12-02 11:26:41 +05:30