@syncfusion/ej2-querybuilder 22.1.37 → 22.2.5

package/dist/es6/ej2-querybuilder.es2015.js

@@ -668,7 +668,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                         placeholder: this.l10n.getConstant('SelectField'), showClearButton: false,
                         popupHeight: ((this.columns.length > 5) ? height : 'auto'), changeOnBlur: false,
                         change: this.changeField.bind(this), value: !isNullOrUndefined(ddlValue) ? [ddlValue] : null,
-                        open: this.popupOpen.bind(this, false)
+                        open: this.popupOpen.bind(this, false), treeSettings: { expandOn: 'Click' }, select: this.onSelectField
                     };
                     if (this.fieldModel) {
                         ddlField = Object.assign({}, ddlField, this.fieldModel);
@@ -1339,6 +1339,12 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
         this.isFieldChange = false;
     }
+    onSelectField(args) {
+        if (args.itemData.hasChildren) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.showPopup();
+        }
+    }
     changeField(args) {
         if (args.isInteracted) {
             if (isNullOrUndefined(args.value)) {
@@ -1362,7 +1368,8 @@ let QueryBuilder = class QueryBuilder extends Component {
                         }
                         else {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            ddtElem.value = args.oldValue[0];
+                            const result = this.getLabelFromColumn(args.oldValue[0]);
+                            ddtElem.value = result;
                         }
                         return;
                     }