@syncfusion/ej2-querybuilder 19.4.47 → 19.4.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.47
+*  version : 19.4.53
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-querybuilder@*",
-  "_id": "@syncfusion/ej2-querybuilder@19.4.40",
+  "_id": "@syncfusion/ej2-querybuilder@19.4.52",
   "_inBundle": false,
-  "_integrity": "sha512-HvbpPlLXfDAVRciG07BqTavp/eUArTgiYU5u719piY3g9Bw7G7gmNhAhKMA6+TK6UDrtGaQ9d6Od5jDbiNKe9A==",
+  "_integrity": "sha512-ibDuiNun8AQg5i/ZLJeKA+UwlmdpzS0rk0kQvnvzYbp+OGco4KO0uQCQCzvYS7LvyIgrJpehA0hC9/9nEfOZ5Q==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-19.4.40.tgz",
-  "_shasum": "e510e6e30b2efbc62cc1778d7576e5b06823540d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-19.4.52.tgz",
+  "_shasum": "275f7e0a9bcc0c9f7a9778cc2bb2e3032cfe2ca5",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,12 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.42",
-    "@syncfusion/ej2-buttons": "~19.4.42",
-    "@syncfusion/ej2-calendars": "~19.4.42",
-    "@syncfusion/ej2-dropdowns": "~19.4.47",
-    "@syncfusion/ej2-inputs": "~19.4.47",
-    "@syncfusion/ej2-splitbuttons": "~19.4.47"
+    "@syncfusion/ej2-base": "~19.4.52",
+    "@syncfusion/ej2-buttons": "~19.4.53",
+    "@syncfusion/ej2-calendars": "~19.4.52",
+    "@syncfusion/ej2-dropdowns": "~19.4.52",
+    "@syncfusion/ej2-inputs": "~19.4.52",
+    "@syncfusion/ej2-splitbuttons": "~19.4.52"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -69,6 +69,6 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "19.4.47",
+  "version": "19.4.53",
   "sideEffects": false
 }

package/src/query-builder/query-builder.js

@@ -741,12 +741,19 @@ var QueryBuilder = /** @class */ (function (_super) {
         else {
             groupElem = closest(target, '.e-group-container');
             rules = this.getParentGroup(groupElem);
+            var 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);
             }
         }
@@ -1317,6 +1324,9 @@ var QueryBuilder = /** @class */ (function (_super) {
     };
     QueryBuilder.prototype.changeField = function (args) {
         if (args.isInteracted) {
+            if (isNullOrUndefined(args.value)) {
+                return;
+            }
             this.isFieldChange = true;
             this.prevItemData = args.itemData;
             var fieldElem = closest(args.element, '.e-rule-filter') || closest(args.element, '.e-rule-sub-filter');
@@ -1367,6 +1377,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     ruleElem = ruleElem.previousElementSibling;
                     index++;
                 }
+                rules.rules[index].value = '';
                 this.changeRule(rules.rules[index], args);
             }
         }
@@ -1456,6 +1467,9 @@ var QueryBuilder = /** @class */ (function (_super) {
             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 = '';
@@ -3457,7 +3471,11 @@ var QueryBuilder = /** @class */ (function (_super) {
                 }
             }
             var isTemplateRendered = clnruleElem.querySelector('.e-template-value');
-            detach(clnruleElem);
+            try {
+                detach(clnruleElem);
+            }
+            catch (err) {
+            }
             if (column && column.ruleTemplate) {
                 this.clearQBTemplate([clnruleElem.id]);
             }
@@ -3577,10 +3595,14 @@ var QueryBuilder = /** @class */ (function (_super) {
                 }
             }
             if ((this.isRefreshed && this.enablePersistence) || (this.rule.field !== '' && rule.operator !== '' && (rule.value !== '' &&
-                rule.value !== undefined))) {
+                rule.value !== undefined)) || (customObj && customObj.isQuestion)) {
+                var 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;
@@ -3603,7 +3625,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                 }
             }
             else if ((isNullOrUndefined(rule.condition)) && isNullOrUndefined(rule.rules)) {
-                rule = { 'label': '', 'field': '', 'operator': '', 'type': '', 'value': '' };
+                rule = {};
             }
             else {
                 if (this.enableNotCondition) {
@@ -3889,6 +3911,12 @@ var QueryBuilder = /** @class */ (function (_super) {
                     break;
                 }
             }
+            else if (field.indexOf(this.separator) > -1) {
+                if (columns[i].field === field.split(this.separator)[0]) {
+                    column = columns[i];
+                    break;
+                }
+            }
         }
         return column;
     };
@@ -3978,7 +4006,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         }
         if (!(operator.indexOf('null') > -1 || operator.indexOf('empty') > -1)) {
             for (var j = 0, jLen = value.length; j < jLen; j++) {
-                if (value[j] !== '') {
+                if (value[j] !== '' || ((operator === 'in' || operator === 'notin') && column.type === 'string')) {
                     if (j === 0) {
                         var gte = 'greaterthanorequal';
                         switch (operator) {
@@ -4357,8 +4385,14 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     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() + ' ';
             }
         }

package/styles/bootstrap5-dark.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: dotted;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/bootstrap5.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: dotted;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/query-builder/_bootstrap5-definition.scss

@@ -29,7 +29,7 @@ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
 $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
 $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
 $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
-$qrybldr-rule-list-border-style: dotted !default;
+$qrybldr-rule-list-border-style: dashed !default;
 $before-border-height: calc(50% + 14px) !default;
 $after-border-height: calc(50% + 8px) !default;
 $qrybldr-add-icon: '\e805' !default;

package/styles/query-builder/_layout.scss

@@ -309,7 +309,12 @@
           border-top-left-radius: 0;
           border-top-right-radius: 0;
           border-top-style: $qrybldr-rule-list-border-style;
-          border-top-width: 2px;
+          @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+            border-top-width: 1px;
+          }
+          @else {
+            border-top-width: 2px;
+          }
           margin-top: 0;
         }
 

package/styles/query-builder/_tailwind-definition.scss

@@ -29,7 +29,7 @@ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
 $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
 $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
 $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
-$qrybldr-rule-list-border-style: solid !default;
+$qrybldr-rule-list-border-style: dashed !default;
 $before-border-height: calc(50% + 14px) !default;
 $after-border-height: calc(50% + 8px) !default;
 $qrybldr-add-icon: '\e78a' !default;

package/styles/query-builder/bootstrap5-dark.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: dotted;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/query-builder/bootstrap5.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: dotted;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/query-builder/tailwind-dark.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: solid;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: solid;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/query-builder/tailwind.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: solid;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: solid;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/tailwind-dark.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: solid;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: solid;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }
 

package/styles/tailwind.css

@@ -326,7 +326,7 @@
 
 .e-query-builder .e-rule-list > ::after,
 .e-query-builder .e-rule-list > ::before {
-  border-style: solid;
+  border-style: dashed;
   content: '';
   left: -12px;
   position: absolute;
@@ -500,8 +500,8 @@
 .e-query-builder .e-group-body .e-rule-container.e-joined-rule {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  border-top-style: solid;
-  border-top-width: 2px;
+  border-top-style: dashed;
+  border-top-width: 1px;
   margin-top: 0;
 }