@syncfusion/ej2-querybuilder 21.2.4 → 22.1.37

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

@@ -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
@@ -2055,7 +2062,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
                 getValue(template.write, window)({ elements: tempElements.length > 1 ? tempElements : tempElements[0], values: rule.value,
                     operator: tempRule.operator, field: column.field, dataSource: column.values });
             }
-            else {
+            else if (typeof itemData.template !== 'function') {
                 itemData.template.write({ elements: tempElements.length > 1 ? tempElements : tempElements[0],
                     values: rule.value, operator: tempRule.operator, field: column.field, dataSource: column.values });
             }
@@ -2547,7 +2554,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     QueryBuilder.prototype.actionBeginSuccessCallBack = function (args, itemData, ruleID, field, target) {
         if (args.renderTemplate) {
             var valElem = void 0;
-            this.columnTemplateFn = this.templateParser(itemData.template);
+            this.columnTemplateFn = this.templateParser(typeof itemData.template === 'function' ? itemData.template : itemData.template);
             var templateID = this.element.id + field;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             if (this.isReact) {
@@ -3418,7 +3425,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
     QueryBuilder.prototype.templateParser = function (template) {
         if (template) {
             try {
-                if (document.querySelectorAll(template).length) {
+                if (typeof template !== 'function' && document.querySelectorAll(template).length) {
                     return compile(document.querySelector(template).innerHTML.trim());
                 }
                 else {
@@ -3751,7 +3758,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 +3798,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 +4576,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 +4728,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 +4924,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);