diff --git a/app/client/src/components/designSystems/blueprint/DropdownComponent.tsx b/app/client/src/components/designSystems/blueprint/DropdownComponent.tsx index 5c1b1de9b0..cd4613ab79 100644 --- a/app/client/src/components/designSystems/blueprint/DropdownComponent.tsx +++ b/app/client/src/components/designSystems/blueprint/DropdownComponent.tsx @@ -259,7 +259,7 @@ class DropDownComponent extends React.Component { { isBindProperty: true, isTriggerProperty: false, }, + { + propertyName: "isFilterable", + label: "Filterable", + helpText: "Makes the dropdown list filterable", + controlType: "SWITCH", + isJSConvertible: true, + isBindProperty: true, + isTriggerProperty: false, + }, { propertyName: "isRequired", label: "Required", @@ -111,6 +120,7 @@ class DropdownWidget extends BaseWidget { options: VALIDATION_TYPES.OPTIONS_DATA, selectionType: VALIDATION_TYPES.TEXT, isRequired: VALIDATION_TYPES.BOOLEAN, + isFilterable: VALIDATION_TYPES.BOOLEAN, // onOptionChange: VALIDATION_TYPES.ACTION_SELECTOR, selectedOptionValues: VALIDATION_TYPES.ARRAY, selectedOptionLabels: VALIDATION_TYPES.ARRAY, @@ -180,6 +190,7 @@ class DropdownWidget extends BaseWidget { selectedIndexArr={computedSelectedIndexArr} label={`${this.props.label}`} isLoading={this.props.isLoading} + isFilterable={this.props.isFilterable} disabled={this.props.isDisabled} /> ); @@ -277,6 +288,7 @@ export interface DropdownWidgetProps extends WidgetProps, WithMeta { onOptionChange?: string; defaultOptionValue?: string | string[]; isRequired: boolean; + isFilterable: boolean; selectedOptionValue: string; selectedOptionValueArr: string[]; selectedOptionLabels: string[];