@syncfusion/ej2-querybuilder 24.1.43 → 24.1.45

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

@@ -236,7 +236,8 @@ let QueryBuilder = class QueryBuilder extends Component {
                     if (categories.indexOf(columns[i].category) < 0) {
                         categories.push(columns[i].category);
                     }
-                    if (!columns[i].operators || (this.isLocale && this.isCustomOprCols.indexOf(columns[i].field) !== 0)) {
+                    if (!columns[i].operators ||
+                        (this.isLocale && this.isCustomOprCols.indexOf(columns[i].field) !== 0)) {
                         columns[i].operators = this.customOperators[columns[i].type + 'Operator'];
                     }
                 }
@@ -666,13 +667,16 @@ let QueryBuilder = class QueryBuilder extends Component {
                 else {
                     let ddlField;
                     const ddlValue = this.isImportRules ? rule.field : rule.field;
+                    this.dummyDropdownTreeDs = extend([], this.columns, [], true);
+                    this.updateDropdowntreeDS(this.dummyDropdownTreeDs);
                     ddlField = {
-                        fields: { dataSource: this.columns,
-                            value: 'field', text: 'label', child: 'columns', expanded: 'expanded' },
+                        fields: { dataSource: this.dummyDropdownTreeDs,
+                            value: 'field', text: 'label', child: 'columns', expanded: 'expanded', selectable: 'selectable' },
                         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), treeSettings: { expandOn: 'Click' }, select: this.onSelectField
+                        open: this.popupOpen.bind(this, false), treeSettings: { expandOn: 'Click' },
+                        cssClass: 'e-qb-ddt'
                     };
                     if (this.fieldModel) {
                         ddlField = Object.assign({}, ddlField, this.fieldModel);
@@ -700,6 +704,14 @@ let QueryBuilder = class QueryBuilder extends Component {
             }
         }
     }
+    updateDropdowntreeDS(columns) {
+        for (let i = 0; i < columns.length; i++) {
+            if (columns[parseInt(i.toString(), 10)].type === 'object') {
+                columns[parseInt(i.toString(), 10)].selectable = false;
+                this.updateDropdowntreeDS(columns[parseInt(i.toString(), 10)].columns);
+            }
+        }
+    }
     updateAddedRule(target, rule, newRule, isRuleTemplate, pId) {
         let ruleElem;
         let index = 0;
@@ -759,7 +771,7 @@ let QueryBuilder = class QueryBuilder extends Component {
     }
     renderToolTip(element) {
         const tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
-            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: (args) => {
+            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: () => {
                 tooltip.destroy();
             } });
         tooltip.appendTo(element);
@@ -1085,7 +1097,8 @@ let QueryBuilder = class QueryBuilder extends Component {
         const groupHdr = groupElem.querySelector('.e-group-header');
         if (this.headerTemplate) {
             args = { requestType: 'header-template-initialize', ruleID: groupElem.id,
-                notCondition: this.enableNotCondition ? not : undefined, condition: condition, rule: this.getRuleCollection(rule, true), groupID: groupID };
+                notCondition: this.enableNotCondition ? not : undefined,
+                condition: condition, rule: this.getRuleCollection(rule, true), groupID: groupID };
             this.trigger('actionBegin', args);
             this.headerFn = this.templateParser(this.headerTemplate);
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -1358,12 +1371,6 @@ 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)) {
@@ -2528,7 +2535,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 const valElemColl = this.columnTemplateFn(args, this, ruleID, templateID);
                 valElem = (valElemColl[0].nodeType === 3) ? valElemColl[1] : valElemColl[0];
                 target.nextElementSibling.appendChild(valElem);
-            }
+            } // eslint-disable-next-line @typescript-eslint/no-explicit-any
             else if (this.isVue3) {
                 valElem = this.columnTemplateFn(args, this, 'Template', templateID);
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -3226,7 +3233,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     this.element.style.height = this.height;
                     break;
                 case 'rule':
-                    if (this.rule.rules.length == 0 && !isNullOrUndefined(this.rule)) {
+                    if (this.rule.rules.length === 0 && !isNullOrUndefined(this.rule)) {
                         this.reset();
                     }
                     this.setProperties({ rule: newProp.rule }, true);
@@ -4338,7 +4345,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 dropDownObj.readonly = this.isReadonly;
             }
             else if (elem[i].classList.contains('e-dropdowntree')) {
-                const dropDownTreeObj = getInstance(elem[i], DropDownTree);
+                const dropDownTreeObj = getComponent(elem[i], 'dropdowntree');
                 dropDownTreeObj.readonly = this.isReadonly;
             }
             else if (elem[i].classList.contains('e-numerictextbox')) {