Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
7d690d5b46
PromucFlow_constructor/app/client/cypress/locators/Widgets.json
Pawan Kumar 6f2f11b40b
chore: update select component (#38954) 
![CleanShot 2025-02-03 at 13 51
45](https://github.com/user-attachments/assets/4c7a7a67-c1fc-4fe7-afbb-2342aea27fcc)

Few known bugs:
1. --The placeholder value is cleared when the user is searching. This
is happening cause we are using hack to put search into dropdown and it
is conflicting with native behavior of rc-select--


[](https://github.com/user-attachments/assets/4d40607f-c9c9-4060-9086-cc9d8dc49553)

/ok-to-test tags="@tag.All"

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced a grouped dropdown with checkboxes for multi-select, making
option organization more intuitive.
- **Enhancements**
	- Upgraded dropdown search with auto-focus and dynamic filtering.
- Improved tag display with responsive limits and an updated "info"
style.
	- Added configuration options to control the number of visible tags.
- **Documentation**
- Expanded examples to showcase the new grouped and checkbox-enhanced
dropdown features.
- **Style**
- Refined styling and animations for dropdown states, ensuring a fluid
and consistent user experience.
- **Bug Fixes**
- Adjusted selectors in tests to improve interaction with dropdowns,
enhancing test reliability.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13173050535>
> Commit: 33634093ddb9b6d699d8f9c50297c4245bea21fb
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13173050535&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Thu, 06 Feb 2025 07:34:34 UTC
<!-- end of auto-generated comment: Cypress test results  -->
2025-02-06 13:10:25 +05:30

240 lines
15 KiB
JSON
Raw Blame History

{
"NavHomePage": "[data-testid='t--default-home-icon']",
"containerWidget": ".t--draggable-containerwidget",
"inputWidget": ".t--draggable-inputwidgetv2",
"multiSelectWidget": ".t--draggable-multiselectwidgetv2",
"togglebutton": "input[type='checkbox']",
"showStepArrowsToggleCheckBox": ".t--property-control-showsteparrows input[type='checkbox']",
"inputPropsDataType": ".t--property-control-datatype",
"inputdatatypeplaceholder": ".t--property-control-placeholder",
"buttonWidget": ".t--draggable-buttonwidget",
"buttonColor": ".t--property-control-buttoncolor [data-testid='t--color-picker-input']",
"checkboxWidget": ".t--draggable-checkboxwidget",
"buttonStyleDropdown": ".t--property-control-buttonstyle [name='downArrow']",
"buttonBackground": ".sc-ecQjpJ > div > .bp3-button",
"copyWidget": "[data-testid='t--copy-widget']",
"currencyInputWidget": ".t--draggable-currencyinputwidget",
"phoneInputWidget": ".t--draggable-phoneinputwidget",
"removeWidget": "[data-testid='t--delete-widget']",
"propertypaneText": ".t--propertypane .t--property-pane-view",
"formButtonWidget": ".t--widget-formbuttonwidget",
"textWidget": ".t--draggable-textwidget",
"tableWidget": ".t--draggable-tablewidget",
"tableWidgetV2": ".t--draggable-tablewidgetv2",
"jsonFormWidget": ".t--draggable-jsonformwidget",
"tableOnRowSelected": ".t--property-control-onrowselected",
"dropdownSelectButton": ".t--open-dropdown-Select",
"buttonOnClick": ".t--property-control-onclick .bp3-popover-target",
"buttonCreateApi": "a.t--create-api-btn",
"Scrollbutton": ".t--property-control-scrollcontents input",
"label": ".t--draggable-inputwidgetv2 label",
"labelColor": ".t--property-control-labelcolor input",
"inputval": ".t--draggable-inputwidgetv2 span.t--widget-name",
"dataclass": ".bp3-input",
"datatype": ".t--property-control-datatype",
"rowHeight": ".t--property-control-defaultrowheight .rc-select-selection-search-input ",
"innertext": ".t--draggable-inputwidgetv2 input",
"defaultinput": ".t--property-control-defaultinput",
"requiredjs": ".t--property-control-required input",
"visible": ".t--property-control-visible input",
"disable": ".t--property-control-disabled",
"menuColor": ".t--property-control-menucolor [data-testid='t--color-picker-input']",
"menubar": ".bp3-menu",
"menupop": ".bp3-popover",
"defaultcheck": ".t--property-control-defaultstate input",
"indicator": ".bp3-checkbox",
"Regex": ".t--property-control-regex .CodeMirror-lines",
"RadioInput": ".t--property-control-options input",
"checkboxInput": ".t--draggable-checkboxwidget span.t--widget-name",
"checkboxLabel": ".t--draggable-checkboxwidget label",
"containerD": ".t--widget-containerwidget div.style-container",
"containerWrapper": "div[data-testid='container-wrapper']",
"defaultInput": ".t--property-control-defaultvalue .CodeMirror-code",
"placeholder": ".t--property-control-placeholder .CodeMirror-code",
"inputLabelControl": ".t--property-control-text .CodeMirror-code",
"inputTextControl": ".t--property-control-text .CodeMirror-code",
"inputTooltipControl": ".t--property-control-tooltip .CodeMirror-code",
"inputButtonPos": ".t--draggable-inputwidgetv2 button",
"deleteWidget": ".t--modal-widget>div .t--widget-delete-control",
"textbuttonWidget": ".t--draggable-buttonwidget button.bp3-button[type='button']",
"textInputval": ".t--draggable-textwidget span.t--widget-name",
"textCenterAlign": "//span[@data-value='CENTER']/parent::div",
"ColumnAction": ".t--property-control-rowbutton button",
"SearchTextChangeAction": ".t--property-control-onsearchtextchanged button",
"tableSearchTextChangeSelected": ".t--property-control-onsearchtextchanged",
"videoWidget": ".t--draggable-videowidget",
"audioWidget": ".t--draggable-audiowidget",
"autoPlay": ".t--property-control-autoplay input",
"defaultOption": ".t--property-control-defaultoption .CodeMirror-code",
"dropdownSingleSelect": ".bp3-popover-target > div > .bp3-button",
"menuButton": ".bp3-popover2-target",
"defaultSingleSelectValue": ".bp3-popover-target > div > .bp3-button > .bp3-button-text",
"widgetBtn": ".t--widget-buttonwidget button",
"widgetBtnText": ".t--widget-buttonwidget button .bp3-button-text",
"iconWidgetBtn": ".t--draggable-iconbuttonwidget button",
"actionSelect": ".t--open-dropdown-Select-Action",
"inputOnTextChange": ".t--property-control-ontextchanged .t--open-dropdown-Select-Action",
"tableActionSelect": ".t--property-control-onsearchtextchanged .t--open-dropdown-Select-Action",
"chartWidget": ".t--widget-chartwidget",
"tableOnRowSelect": ".t--property-control-onrowselected .t--open-dropdown-Select-Action",
"switchInput": ".t--draggable-switchwidget span.t--widget-name",
"switchLabel": ".t--draggable-switchwidget label",
"switch": ".bp3-switch",
"multiSelectInput": ".t--draggable-multiselectwidget span.t--widget-name",
"multiSelectLabel": ".t--draggable-multiselectwidget label",
"addColumn": ".t--add-column-btn",
"deleteColumn": ".t--delete-column-btn",
"editCreatedColumn": ".t--property-control-createdcolumns input",
"alignOpt": ".t--dropdown-option",
"tableCol": ".draggable-header ",
"rightAlign": "//span[@data-value='RIGHT']/parent::div",
"leftAlign": "//span[@data-value='LEFT']/parent::div",
"bold": ".t--button-group-BOLD button",
"italics": ".t--button-group-ITALIC button",
"underline": ".t--button-group-UNDERLINE button",
"verticalTop": "[data-value='TOP']",
"verticalCenter": "[data-value='CENTER']",
"verticalBottom": "[data-value='BOTTOM']",
"textColor": ".t--property-control-textcolor [data-testid='t--color-picker-input']",
"boadercolorPicker": ".t--property-control-bordercolour input",
"boxShadowColorPicker": ".t--property-control-shadowcolor input",
"boxShadow": ".t--property-control-boxshadow .bp3-button-group",
"inputStepArrows": ".bp3-button-group",
"backgroundcolorPicker": ".t--property-control-backgroundcolour input",
"backgroundcolorPickerNew": ".t--property-control-backgroundcolor [data-testid='t--color-picker-input']",
"greenColorHex": "#03b365",
"yellowColorHex": "#FFC13D",
"greenColor": "//div[@color='#03b365']",
"yellowColor": "//div[@color='#FFC13D']",
"blueColor": "//div[@color='#3366FF']",
"toggleJsColor": ".t--property-control-textcolor .t--js-toggle",
"backgroundColor": ".t--property-control-cellbackground input",
"toggleJsBcgColor": ".t--property-control-cellbackground .t--js-toggle",
"toggleTextAlign": ".t--property-control-textalign .t--js-toggle",
"toggleTextStyle": ".t--property-control-emphasis .t--js-toggle",
"toggleTextStyle_tablev1": ".t--property-control-fontstyle .t--js-toggle",
"textSize": ".t--property-control-textsize .rc-select-selection-search-input",
"textSizeNew": ".t--property-control-fontsize div",
"toggleTextSize": ".t--property-control-textsize .t--js-toggle",
"toggleTextSizeNew": ".t--property-control-fontsize .t--js-toggle",
"toggleVerticalAlig": ".t--property-control-verticalalignment .t--js-toggle",
"toggleVisible": ".t--property-control-visible .t--js-toggle",
"backgroundJSVisible": ".t--property-control-background .t--js-toggle",
"itemBackgroundJSVisible": ".t--property-control-itembackground .t--js-toggle",
"inputToggleVisible": "div.t--property-control-visible div.CodeMirror-lines",
"toggleDisable": ".t--property-control-disabled .t--js-toggle",
"inputToggleDisable": "div.t--property-control-disabled div.CodeMirror-code pre span",
"toggleOnClick": ".t--property-control-onclick .t--js-toggle",
"toggleOnFocus": ".t--property-control-onfocus .t--js-toggle",
"toggleOnBlur": ".t--property-control-onblur .t--js-toggle",
"toggleOnDropdownOpen": ".t--property-control-ondropdownopen .t--js-toggle",
"toggleOnDropdownClose": ".t--property-control-ondropdownclose .t--js-toggle",
"toggleChartType": ".t--property-control-charttype .t--js-toggle",
"inputToggleOnClick": ".t--property-control-onclick div.CodeMirror-lines",
"tableBtn": ".t--draggable-tablewidget .bp3-button",
"tableV2Btn": ".t--draggable-tablewidgetv2 .bp3-button",
"tableIconBtn": ".t--draggable-tablewidget .bp3-icon",
"tableV2IconBtn": ".t--draggable-tablewidgetv2 .bp3-icon",
"toastAction": ".ads-v2-toast",
"toastActionText": ".ads-v2-toast .ads-v2-toast__body .ads-v2-text",
"defaultColName": "[data-rbd-draggable-id='customColumn1'] input",
"defaultColNameV2": "[data-rbd-draggable-id='customColumn1'] input[type='text']",
"selectWidget": ".t--open-dropdown-Select-widget",
"switchWidget": ".t--widget-switchwidget",
"toastMsg": ".ads-v2-toast .ads-v2-toast__body .ads-v2-text",
"deleteToast": "div[class = 'undo-section'] span[type='h6']",
"apiCallToast": ".ads-v2-toast .ads-v2-toast__body .ads-v2-text",
"datepickerInput": ".t--draggable-datepickerwidget2 input",
"selectToday": ".DayPicker-Day--today",
"switchWidgetActive": ".t--switch-widget-active",
"switchWidgetInactive": ".t--switch-widget-inactive",
"switchWidgetLoading": ".t--switch-widget-loading",
"colorsAvailable": ".bp3-popover-dismiss",
"listWidget": "[type=LIST_WIDGET]",
"itemContainerWidget": ".t--widget-containerwidget div.style-container",
"listWidgetName": ".t--property-pane-title",
"toggleBackground": ".t--property-control-background .t--js-toggle",
"toggleItemBackground": ".t--property-control-itembackground .t--js-toggle",
"toggleShowStepArrows": ".t--property-control-showsteparrows .t--js-toggle",
"chartDataPoint": "g text",
"toggleEnableMultirowselection": ".t--property-control-enablemulti-rowselection input",
"toggleEnableMultirowselection_tablev1": ".t--property-control-enablemultirowselection input",
"formWidget": ".t--draggable-formwidget",
"searchField": "[type=search]",
"defaultSelectedRowField": ".t--property-control-defaultselectedrow .CodeMirror-line",
"selectedRow": ".selected-row",
"removeTableWidget": ".t--delete-widget",
"nextPageButton": ".t--table-widget-next-page",
"closeWidgetBar": ".t--close-widgets-sidebar",
"tabedataField": ".t--property-control-tabledata",
"exploreWidget": "[class$=bp3-panel-stack-view] > div:nth-child(1) > div:nth-child(1) > span:nth-child(4)",
"widgetRelatedDocument": "div.main > div:nth-child(1) > div:nth-child(1)",
"rowHeightShortOpt": ".bp3-popover-content > div > div:nth-child(1)",
"tbIndex0": "[class=td][data-colindex='0'][data-rowindex='0']",
"filterApplyBtn": ".t--apply-filter-btn",
"filterCloseBtn": ".t--close-filter-btn",
"header": "#header-root",
"mapChartPlot": "g[class$='-manager-plot']",
"modalWidget": ".t--modal-widget",
"tableFilterPaneToggle": ".t--table-filter-toggle-btn",
"tableFilterRow": ".t--table-filter",
"selectwidget": ".t--draggable-selectwidget",
"selectWidgetDisabled": ".t--property-control-disabled input",
"itemBackgroundColorToggle": ".t--property-control-itembackgroundcolor .t--js-toggle",
"backgroundColorToggle": ".t--property-control-background .t--js-toggle",
"backgroundColorToggleNew": ".t--property-control-backgroundcolor .t--js-toggle",
"backgroundColorToggleNew_tablev1": ".t--property-control-cellbackgroundcolor .t--js-toggle",
"cellBackground": ".t--property-control-backgroundcolor",
"cellBackground_tablev1": ".t--property-control-cellbackgroundcolor",
"cellBackgroundToggle": ".t--property-control-backgroundcolor .t--js-toggle",
"cellBackgroundToggle_tablev1": ".t--property-control-cellbackgroundcolor .t--js-toggle",
"borderColorPickerNew": ".t--property-control-bordercolor input",
"selectedTextSize": ".t--property-control-textsize .bp3-popover-target .sub-text",
"colorPickerV2Popover": ".t--colorpicker-v2-popover",
"colorPickerV2Color": ".t--colorpicker-v2-color",
"colorPickerV2PopoverContent": "[data-testid=\"color-picker\"]",
"colorPickerV2TailwindColor": ".t--tailwind-colors .t--colorpicker-v2-color",
"modalCloseButton": ".t--draggable-iconbuttonwidget .bp3-button",
"filepickerwidgetv2": ".t--widget-filepickerwidgetv2",
"filepickerwidgetv2CancelBtn": "button.uppy-DashboardContent-back",
"filepickerwidgetv2CloseModalBtn": "button.uppy-Dashboard-close",
"codescannerwidget": ".t--widget-codescannerwidget",
"widgetNameSpan": ".t--widget-propertypane-toggle > .t--widget-name",
"listWidgetv2": ".t--widget-listwidgetv2",
"progressWidget": ".t--widget-progresswidget",
"circularProgressWidget": "[data-value='circular']",
"linearProgressWidget": "[data-value='linear']",
"cameraErrorText": ".error-text:contains('Permission denied')",
"cameraVideo": "video",
"cameraWidgetScreen": "div.fullscreen > div",
"cameraFullscreenBtn": "//div[@class='fullscreen']/div[2]/div/div[3]/button",
"cameraCaptureBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button",
"cameraStopRecordingBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button",
"cameraSaveBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button",
"cameraRefreshBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button",
"cameraImageVideoOnOffBtn": "//div[@class='fullscreen']/div[2]/div/div[1]/button",
"cameraImageVideoDropdown": "//div[@class='fullscreen']/div[2]/div/div[1]/span/button",
"cameraImageDiscardBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button[2]",
"cameraMicrophoneBtn": "//div[@class='fullscreen']/div[2]/div/div[1]/button[1]",
"cameraMicrophoneDropdown": "//div[@class='fullscreen']/div[2]/div/div[1]/span[1]/button",
"cameraVideoOnOffBtn": "//div[@class='fullscreen']/div[2]/div/div[1]/button[2]",
"cameraVideoDropdown": "//div[@class='fullscreen']/div[2]/div/div[1]/span[2]/button",
"cameraVideoPlayBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button[2]",
"cameraVideodiscardBtn": "//div[@class='fullscreen']/div[2]/div/div[2]/button[3]",
"codeScannerScreen": "div.code-scanner-camera-container > div",
"codeScannerVideo": "video",
"codeScannerScanButton": "//*[text()='Scan a QR/Barcode']/parent::button",
"codeScannerNewScanButton": "//*[text()='Scan Code']/parent::button",
"codeScannerClose": ".code-scanner-close",
"codeScannerModal": ".code-scanner-content",
"showResult": ".t--property-control-showresult input[type='checkbox']",
"infiniteLoading": ".t--property-control-infiniteloading input[type='checkbox']",
"counterclockwise": ".t--property-control-counterclockwise input[type='checkbox']",
"serversideFilteringInput": ".t--property-control-serversidefiltering input[type='checkbox']",
"propertyPaneSaveButton": ".t--property-pane-section-collapse-savebutton",
"firstEditInput": "[data-colindex=0][data-rowindex=0] .t--inlined-cell-editor input.bp3-input",
"cellControlSwitch": ".t--property-control-cellwrapping .ads-v2-switch",
"propertyControlLabel": ".t--property-control-label",
"todayText": "span:contains('Today')",
"dayPickerToday": ".DayPicker-Day--today"
}
Reference in New Issue View Git Blame Copy Permalink