@syncfusion/ej2-querybuilder 22.1.34 → 22.1.38

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

@@ -720,7 +720,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                         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 = __assign({}, ddlField, this.fieldModel);
@@ -1014,17 +1014,24 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         if (!args.cancel && (this.element.querySelectorAll('.e-group-container').length <= this.maxGroupCount)) {
             var target = eventTarget;
             var dltGroupBtn = void 0;
+            var groupID = '';
+            if (target.className.indexOf('e-group-container') < 0) {
+                groupID = target.querySelector('.e-group-container') && target.querySelector('.e-group-container').id;
+            }
+            else {
+                groupID = target.id;
+            }
             var groupElem = this.groupElem.cloneNode(true);
             groupElem.setAttribute('id', this.element.id + '_group' + this.groupIdCounter);
             if (this.headerTemplate) {
                 if (isRoot) {
                     isGroup = false;
                     groupElem.setAttribute('id', this.element.id + '_group0');
-                    this.headerTemplateFn(groupElem, not, condition, rule);
+                    this.headerTemplateFn(groupElem, not, condition, rule, groupID);
                     this.groupIdCounter = 0;
                 }
                 else {
-                    this.headerTemplateFn(groupElem, not, condition, rule);
+                    this.headerTemplateFn(groupElem, not, condition, rule, groupID);
                 }
             }
             this.groupIdCounter++;
@@ -1118,14 +1125,14 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    QueryBuilder.prototype.headerTemplateFn = function (groupElem, not, condition, rule) {
+    QueryBuilder.prototype.headerTemplateFn = function (groupElem, not, condition, rule, groupID) {
         var template;
         var templateID = this.element.id + '_header';
         var args;
         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) };
+                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
@@ -1387,6 +1394,12 @@ 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)) {
@@ -1410,7 +1423,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                         }
                         else {
                             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                            ddtElem.value = args.oldValue[0];
+                            var result = this.getLabelFromColumn(args.oldValue[0]);
+                            ddtElem.value = result;
                         }
                         return;
                     }
@@ -3751,7 +3765,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     rule.value = null;
                 }
             }
-            if ((this.isRefreshed && this.enablePersistence) || (this.rule.field !== '' && rule.operator !== '' && (rule.value !== '' &&
+            if ((this.isRefreshed && this.enablePersistence) || (rule.field !== '' && rule.operator !== '' && (rule.value !== '' &&
                 rule.value !== undefined)) || (customObj && customObj.isQuestion)) {
                 var condition = rule.condition;
                 rule = {
@@ -3791,6 +3805,10 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 else {
                     rule = { 'condition': rule.condition, 'rules': rule.rules };
                 }
+                if (customObj) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    rule.custom = customObj;
+                }
                 if (rule.rules.length === 0) {
                     rule = {};
                 }
@@ -4565,8 +4583,11 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                     }
                 }
                 if (j !== jLen - 1) {
-                    if (condition === '') {
-                        condition = rules.rules[j].condition;
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    var rule = rules.rules[j];
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    if (condition === '' || (rule && rule.condition !== '' && rule.custom && rule.custom.isCustom)) {
+                        condition = rule.condition;
                     }
                     condition = sqlLocale ? this.l10n.getConstant(condition.toUpperCase()).toUpperCase() : condition.toUpperCase();
                     queryStr += ' ' + condition + ' ';
@@ -4714,7 +4735,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line
         if (/^`?([a-z_][a-z0-9_.\[\]\(\)]{0,}(\:(number|float|string|date|boolean))?)`?/i.exec(sqlString)) {
             // eslint-disable-next-line
-            matchValue = /^`?([a-z_][a-z0-9_.\[\]\(\)]{0,}(\:(number|float|string|date|boolean))?)`?/i.exec(sqlString)[1];
+            matchValue = /^`?([a-zåäö_][a-z0-9åäö_.\[\]\(\)]{0,}(\:(number|float|string|date|boolean))?)`?/i.exec(sqlString)[1];
             this.parser.push(['Literal', matchValue]);
             return matchValue.length;
         }
@@ -4910,7 +4931,8 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
         var isLeftOpened = false;
         for (var i = 0, iLen = parser.length; i < iLen; i++) {
             if (parser[i][0] === 'Literal') {
-                rule = { label: parser[i][1], field: parser[i][1] };
+                var column = this.getColumn(parser[i][1]);
+                rule = { label: (column && column.label) ? column.label : parser[i][1], field: parser[i][1] };
                 if (parser[i + 1][0] === 'SubOperators') {
                     if (parser[i + 1][1].indexOf('null') > -1 || parser[i + 1][1].indexOf('empty') > -1) {
                         rule.operator = this.getOperator(' ', parser[i + 1][1], sqlLocale);