@syncfusion/ej2-querybuilder 20.4.38 → 20.4.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.38
+*  version : 20.4.40
 *  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@18.19.2",
+  "_id": "@syncfusion/ej2-querybuilder@20.4.38",
   "_inBundle": false,
-  "_integrity": "sha512-FiNeb5tNwLfhnq90y05diuJzf/qRDvLSSD4ac8wcByBIe+24XlcNtz+h0zRj8Q+o2gLYN5kTsaKqbCVzr/pcMA==",
+  "_integrity": "sha512-fXS24L25KbiIUDcROV6Qd2fvII2Mt3QRGvlYDPDD3Zzok0ukbvcQIkxpXrsDATT0++Xrq8SG2U6YR4vnIY0wpg==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -19,12 +19,10 @@
   "_requiredBy": [
     "/",
     "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-querybuilder",
-    "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-18.19.2.tgz",
-  "_shasum": "dce114604e36daf2ec398d602bcacf74c167ccd3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-20.4.38.tgz",
+  "_shasum": "74a035b0049d2248783444e9e36dfbb0fadcbf5b",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -32,12 +30,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.38",
-    "@syncfusion/ej2-buttons": "~20.4.38",
-    "@syncfusion/ej2-calendars": "~20.4.38",
-    "@syncfusion/ej2-dropdowns": "~20.4.38",
-    "@syncfusion/ej2-inputs": "~20.4.38",
-    "@syncfusion/ej2-splitbuttons": "~20.4.38"
+    "@syncfusion/ej2-base": "~20.4.40",
+    "@syncfusion/ej2-buttons": "~20.4.40",
+    "@syncfusion/ej2-calendars": "~20.4.40",
+    "@syncfusion/ej2-dropdowns": "~20.4.40",
+    "@syncfusion/ej2-inputs": "~20.4.40",
+    "@syncfusion/ej2-splitbuttons": "~20.4.40"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -66,6 +64,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "20.4.38",
-  "sideEffects": false
+  "version": "20.4.40",
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -208,7 +208,10 @@ var QueryBuilder = /** @class */ (function (_super) {
         var bodyElem = this.element.querySelector('.e-group-body');
         var inputElement = this.element.querySelectorAll('input.e-control');
         for (var i = 0, len = inputElement.length; i < len; i++) {
-            if (inputElement[i].parentElement.className.indexOf('e-tooltip') > -1) {
+            if (inputElement[i].className.indexOf('e-tooltip') > -1) {
+                getComponent(inputElement[i], 'tooltip').destroy();
+            }
+            else if (inputElement[i].parentElement.className.indexOf('e-tooltip') > -1) {
                 getComponent(inputElement[i].parentElement, 'tooltip').destroy();
             }
         }
@@ -813,23 +816,25 @@ var QueryBuilder = /** @class */ (function (_super) {
             var tempElem = void 0;
             var rule = void 0;
             var ruleElemCln = this.element.querySelectorAll('.e-rule-container');
-            var validateRule = void 0;
             for (i = 0, len = ruleElemCln.length; i < len; i++) {
+                var validateRule = void 0;
                 groupElem = closest(ruleElemCln[i], '.e-group-container');
                 rule = this.getParentGroup(groupElem);
                 index = 0;
                 indexElem = tempElem = ruleElemCln[i];
                 if (this.fieldMode === 'DropdownTree') {
-                    dropDownTreeObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field input.e-control'), 'dropdowntree');
-                    if (dropDownTreeObj.value && dropDownTreeObj.value.length) {
+                    dropDownTreeObj = getComponent(ruleElemCln[i].querySelector('.e-rule-filter input.e-dropdowntree'), 'dropdowntree');
+                    if (dropDownTreeObj && dropDownTreeObj.value && dropDownTreeObj.value.length) {
                         this.selectedColumn = this.getColumn(dropDownTreeObj.value[0]);
                         validateRule = this.selectedColumn.validation;
                     }
                 }
                 else {
-                    dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field input.e-control'), 'dropdownlist');
-                    this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
-                    validateRule = !isNullOrUndefined(dropDownObj.index) && this.selectedColumn.validation;
+                    dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-filter input.e-dropdownlist'), 'dropdownlist');
+                    if (dropDownObj && dropDownObj.value) {
+                        this.selectedColumn = dropDownObj.getDataByValue(dropDownObj.value);
+                        validateRule = !isNullOrUndefined(dropDownObj.index) && this.selectedColumn.validation;
+                    }
                 }
                 fieldElem = tempElem.querySelector('.e-rule-field input.e-control');
                 if (validateRule && validateRule.isRequired) {
@@ -872,8 +877,8 @@ var QueryBuilder = /** @class */ (function (_super) {
                 else if ((dropDownObj && dropDownObj.element && isNullOrUndefined(dropDownObj.index)) ||
                     (dropDownTreeObj && dropDownTreeObj.element && (isNullOrUndefined(dropDownTreeObj.value) ||
                         dropDownTreeObj.value.length < 1))) {
-                    if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0) {
-                        this.renderToolTip(fieldElem.parentElement);
+                    if (fieldElem.className.indexOf('e-tooltip') < 0) {
+                        this.renderToolTip(fieldElem);
                     }
                     isValid = false;
                 }
@@ -1537,6 +1542,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         }
     };
     QueryBuilder.prototype.createSubFields = function (filterElem, rule, tempRule, ddlArgs) {
+        var subFieldValue = false;
         var fieldElem = closest(filterElem, '.e-rule-field');
         var tempElem = this.createElement('div', { attrs: { class: 'e-rule-sub-filter', id: 'subfilter' + this.subFilterCounter } });
         fieldElem.insertBefore(tempElem, fieldElem.querySelector('.e-rule-operator'));
@@ -1566,6 +1572,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                 if (rule.field === subField[i].field || rule.field.indexOf(subField[i].field) > -1) {
                     dropDownList.value = subField[i].field;
                     this.selectedColumn = subField[i];
+                    subFieldValue = true;
                     break;
                 }
             }
@@ -1574,7 +1581,10 @@ var QueryBuilder = /** @class */ (function (_super) {
         this.subFieldElem = subFieldElem;
         // eslint-disable-next-line
         ddlArgs.itemData = ddlArgs.itemData;
-        if (!this.isImportRules) {
+        if (!this.isImportRules || (!subFieldValue && this.selectedColumn.columns)) {
+            if (!subFieldValue && this.isImportRules) {
+                dropDownList.value = null;
+            }
             this.selectedColumn = this.selectedColumn.columns[0];
         }
         if (!this.selectedColumn.columns) {
@@ -2362,7 +2372,7 @@ var QueryBuilder = /** @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             prevItemData = this.getColumn(prevItemData.value);
         }
-        if (column.template && prevItemData && Object.keys(prevItemData).length < 4) {
+        if (column && column.template && prevItemData && Object.keys(prevItemData).length < 4) {
             prevItemData.template = column.template;
         }
         return prevItemData;
@@ -2418,7 +2428,9 @@ var QueryBuilder = /** @class */ (function (_super) {
                 this.validateValue(rule, closest(target, '.e-rule-container'));
                 this.destroyControls(target);
             }
-            itemData.template = column.template;
+            if (column) {
+                itemData.template = column.template;
+            }
             if (itemData.template) {
                 addClass([target.nextElementSibling], 'e-template-value');
                 itemData.template = column.template;
@@ -2667,8 +2679,8 @@ var QueryBuilder = /** @class */ (function (_super) {
             if (!this.isImportRules) {
                 this.trigger('change', eventsArgs);
             }
-            if (this.allowValidation && rule.rules[index].field && target.parentElement.className.indexOf('e-tooltip') > -1) {
-                getComponent(target.parentElement, 'tooltip').destroy();
+            if (this.allowValidation && rule.rules[index].field && target.className.indexOf('e-tooltip') > -1) {
+                getComponent(target, 'tooltip').destroy();
             }
             this.filterRules(beforeRules, this.getValidRules(this.rule), 'field');
         }

package/styles/bootstrap4.css

@@ -159,7 +159,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: auto;
+  width: 30px;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {

package/styles/query-builder/bootstrap4.css

@@ -159,7 +159,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: auto;
+  width: 30px;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {