@syncfusion/ej2-querybuilder 24.1.43 → 24.1.45

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

@@ -282,7 +282,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     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'];
                     }
                 }
@@ -718,13 +719,16 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 else {
                     var ddlField = void 0;
                     var 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 = __assign({}, ddlField, this.fieldModel);
@@ -752,6 +756,14 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
+    QueryBuilder.prototype.updateDropdowntreeDS = function (columns) {
+        for (var 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);
+            }
+        }
+    };
     QueryBuilder.prototype.updateAddedRule = function (target, rule, newRule, isRuleTemplate, pId) {
         var ruleElem;
         var index = 0;
@@ -811,7 +823,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     };
     QueryBuilder.prototype.renderToolTip = function (element) {
         var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
-            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: function (args) {
+            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: function () {
                 tooltip.destroy();
             } });
         tooltip.appendTo(element);
@@ -1138,7 +1150,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var 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
@@ -1413,12 +1426,6 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         }
         this.isFieldChange = false;
     };
-    QueryBuilder.prototype.onSelectField = function (args) {
-        if (args.itemData.hasChildren) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            this.showPopup();
-        }
-    };
     QueryBuilder.prototype.changeField = function (args) {
         if (args.isInteracted) {
             if (isNullOrUndefined(args.value)) {
@@ -2591,7 +2598,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 var 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
@@ -3290,7 +3297,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     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);
@@ -4405,7 +4412,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 dropDownObj.readonly = this.isReadonly;
             }
             else if (elem[i].classList.contains('e-dropdowntree')) {
-                var dropDownTreeObj = getInstance(elem[i], DropDownTree);
+                var dropDownTreeObj = getComponent(elem[i], 'dropdowntree');
                 dropDownTreeObj.readonly = this.isReadonly;
             }
             else if (elem[i].classList.contains('e-numerictextbox')) {