@syncfusion/ej2-querybuilder 19.4.47 → 19.4.53

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

@@ -680,12 +680,19 @@ let QueryBuilder = class QueryBuilder extends Component {
         else {
             groupElem = closest(target, '.e-group-container');
             rules = this.getParentGroup(groupElem);
+            const custom = rule.custom;
             if (Object.keys(rule).length) {
                 rules.rules.push({
                     'field': rule.field, 'type': rule.type, 'label': rule.label, 'operator': rule.operator, value: rule.value
                 });
+                if (custom) {
+                    rules.rules[rules.rules.length - 1].custom = custom;
+                }
             }
             else {
+                if (custom) {
+                    newRule.custom = custom;
+                }
                 rules.rules.push(newRule);
             }
         }
@@ -1253,6 +1260,9 @@ let QueryBuilder = class QueryBuilder extends Component {
     }
     changeField(args) {
         if (args.isInteracted) {
+            if (isNullOrUndefined(args.value)) {
+                return;
+            }
             this.isFieldChange = true;
             this.prevItemData = args.itemData;
             const fieldElem = closest(args.element, '.e-rule-filter') || closest(args.element, '.e-rule-sub-filter');
@@ -1303,6 +1313,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                     ruleElem = ruleElem.previousElementSibling;
                     index++;
                 }
+                rules.rules[index].value = '';
                 this.changeRule(rules.rules[index], args);
             }
         }
@@ -1390,6 +1401,9 @@ let QueryBuilder = class QueryBuilder extends Component {
             getComponent(tooltipElem[i], 'tooltip').destroy();
         }
         if (!args.cancel) {
+            if (isNullOrUndefined(this.selectedColumn)) {
+                return;
+            }
             tempRule.type = this.selectedColumn.type;
             if (ruleElem.querySelector('.e-template')) {
                 rule.value = '';
@@ -3385,7 +3399,11 @@ let QueryBuilder = class QueryBuilder extends Component {
                 }
             }
             const isTemplateRendered = clnruleElem.querySelector('.e-template-value');
-            detach(clnruleElem);
+            try {
+                detach(clnruleElem);
+            }
+            catch (err) {
+            }
             if (column && column.ruleTemplate) {
                 this.clearQBTemplate([clnruleElem.id]);
             }
@@ -3505,10 +3523,14 @@ let QueryBuilder = class QueryBuilder extends Component {
                 }
             }
             if ((this.isRefreshed && this.enablePersistence) || (this.rule.field !== '' && rule.operator !== '' && (rule.value !== '' &&
-                rule.value !== undefined))) {
+                rule.value !== undefined)) || (customObj && customObj.isQuestion)) {
+                const condition = rule.condition;
                 rule = {
                     'label': rule.label, 'field': rule.field, 'operator': rule.operator, 'type': rule.type, 'value': rule.value
                 };
+                if (condition) {
+                    rule.condition = condition;
+                }
                 if (customObj) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     rule.custom = customObj;
@@ -3531,7 +3553,7 @@ let QueryBuilder = class QueryBuilder extends Component {
                 }
             }
             else if ((isNullOrUndefined(rule.condition)) && isNullOrUndefined(rule.rules)) {
-                rule = { 'label': '', 'field': '', 'operator': '', 'type': '', 'value': '' };
+                rule = {};
             }
             else {
                 if (this.enableNotCondition) {
@@ -3817,6 +3839,12 @@ let QueryBuilder = class QueryBuilder extends Component {
                     break;
                 }
             }
+            else if (field.indexOf(this.separator) > -1) {
+                if (columns[i].field === field.split(this.separator)[0]) {
+                    column = columns[i];
+                    break;
+                }
+            }
         }
         return column;
     }
@@ -3906,7 +3934,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         }
         if (!(operator.indexOf('null') > -1 || operator.indexOf('empty') > -1)) {
             for (let j = 0, jLen = value.length; j < jLen; j++) {
-                if (value[j] !== '') {
+                if (value[j] !== '' || ((operator === 'in' || operator === 'notin') && column.type === 'string')) {
                     if (j === 0) {
                         const gte = 'greaterthanorequal';
                         switch (operator) {
@@ -4205,7 +4233,7 @@ let QueryBuilder = class QueryBuilder extends Component {
         else {
             queryStr += '(';
         }
-        const condition = rules.condition;
+        let condition = rules.condition;
         if (rules.not) {
             if (isRoot) {
                 queryStr += 'NOT (';
@@ -4284,8 +4312,14 @@ let QueryBuilder = class QueryBuilder extends Component {
                     }
                     queryStr += rule.field + ' ' + this.operators[rule.operator] + ' ' + valueStr;
                 }
+                if (rule.condition && rule.condition != '') {
+                    condition = rule.condition;
+                }
             }
             if (j !== jLen - 1) {
+                if (condition === '') {
+                    condition = rules.rules[j].condition;
+                }
                 queryStr += ' ' + condition.toUpperCase() + ' ';
             }
         }