@syncfusion/ej2-querybuilder 27.1.48 → 27.1.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.48
+*  version : 27.1.52
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@26.1.35",
+  "_id": "@syncfusion/ej2-querybuilder@27.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-H6mi2bWOJuR/rGo6DHtX75nWSdEo4Q7eysFJm/cTUKHuoowavQ0/FUJBoEhy6u2h0k4wrfxQkiKxKXc9HXurOw==",
+  "_integrity": "sha512-oh+4trQAObeD31Oka0XehomrkdbvgXeakCGKnHeiNWXW1YuNI3SWqMozsWhkcsyP7rmCq4vjfWgY1fBBvqOF+Q==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-26.1.35.tgz",
-  "_shasum": "d2d7b46b2f117719013d8cdde9b052770201c273",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-27.1.50.tgz",
+  "_shasum": "ffba9ca17f5287645b8b643604a7fc08e2691b98",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -32,13 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.48",
-    "@syncfusion/ej2-buttons": "~27.1.48",
-    "@syncfusion/ej2-calendars": "~27.1.48",
-    "@syncfusion/ej2-dropdowns": "~27.1.48",
-    "@syncfusion/ej2-inputs": "~27.1.48",
-    "@syncfusion/ej2-splitbuttons": "~27.1.48",
-    "markdown-spellcheck": "^1.3.1"
+    "@syncfusion/ej2-base": "~27.1.52",
+    "@syncfusion/ej2-buttons": "~27.1.51",
+    "@syncfusion/ej2-calendars": "~27.1.52",
+    "@syncfusion/ej2-dropdowns": "~27.1.52",
+    "@syncfusion/ej2-inputs": "~27.1.50",
+    "@syncfusion/ej2-splitbuttons": "~27.1.50"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -67,7 +66,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "27.1.48",
+  "version": "27.1.52",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/query-builder/query-builder.d.ts

@@ -346,6 +346,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private dragElement;
     private prvtEvtTgrDaD;
     private isDragEventPrevent;
+    private isValueEmpty;
     private ddTree;
     /**
      * Triggers when the component is created.

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

@@ -217,6 +217,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         _this.cloneGrpBtnClick = false;
         _this.isMiddleGroup = false;
         _this.cloneRuleBtnClick = false;
+        _this.isValueEmpty = false;
         MultiSelect.Inject(CheckBoxSelection);
         return _this;
     }
@@ -1014,13 +1015,14 @@ var QueryBuilder = /** @class */ (function (_super) {
                 .filter(function (filteredChild) { return filteredChild !== null; });
             this.changeDataSource(matchedDataSource);
             setTimeout(function () {
-                if (!isNullOrUndefined(proxy.ddTree)) {
+                if (!isNullOrUndefined(proxy.ddTree) && !isNullOrUndefined(proxy.ddTree.treeObj)) {
                     proxy.ddTree.treeObj.expandAll();
                 }
             }, 100);
         }
     };
     QueryBuilder.prototype.changeDataSource = function (data) {
+        this.updateDropdowntreeDS(data);
         this.ddTree.treeObj.fields = {
             dataSource: data,
             value: 'field',
@@ -1055,7 +1057,7 @@ var QueryBuilder = /** @class */ (function (_super) {
     };
     QueryBuilder.prototype.dropdownTreeClose = function () {
         if (this.ddTree) {
-            this.changeDataSource(this.columns);
+            this.changeDataSource(extend([], this.columns, [], true));
         }
         this.ddTree = null;
     };
@@ -2095,7 +2097,9 @@ var QueryBuilder = /** @class */ (function (_super) {
                 if (isNaN(value) && elem.value.indexOf(decimalSeparator) !== -1) {
                     value = this.intl.getNumberParser({ format: 'n' })(elem.value);
                 }
-                numericTextBoxObj.value = value;
+                if (!isNaN(value)) {
+                    numericTextBoxObj.value = value;
+                }
                 this.isNumInput = true;
             }
         }
@@ -2474,11 +2478,13 @@ var QueryBuilder = /** @class */ (function (_super) {
                 }
                 var height = (this.element.className.indexOf('e-device') > -1) ? '250px' : '200px';
                 var operator_2;
-                operatorList.forEach(function (obj) {
-                    if ('value' in obj && typeof obj.value === 'string' && obj.value.toLowerCase() === rule.operator.toLowerCase()) {
-                        operator_2 = obj.value;
-                    }
-                });
+                if (rule.operator) {
+                    operatorList.forEach(function (obj) {
+                        if ('value' in obj && typeof obj.value === 'string' && obj.value.toLowerCase() === rule.operator.toLowerCase()) {
+                            operator_2 = obj.value;
+                        }
+                    });
+                }
                 var value = operator_2 ? operator_2 : operatorList[0].value;
                 var ddlIdx = 0;
                 if (!this.autoSelectOperator) {
@@ -3259,6 +3265,10 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     target.nextElementSibling.innerHTML = '';
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if (this.isAngular && !isNullOrUndefined(prevItemData.key) && this.fieldMode === 'DropdownTree') {
+                    delete prevItemData.template;
+                }
             }
             if (isRender) {
                 this.validateValue(rule, closest(target, '.e-rule-container'));
@@ -3298,6 +3308,10 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                 }
                 this.renderControls(target, itemData, rule, tempRule, isTempRendered);
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if (this.isAngular && !isNullOrUndefined(itemData.key) && itemData.template && this.fieldMode === 'DropdownTree') {
+                    delete itemData.template;
+                }
             }
         }
         else {
@@ -5148,6 +5162,7 @@ var QueryBuilder = /** @class */ (function (_super) {
      * @returns {RuleModel} - Valid rule or rules collection
      */
     QueryBuilder.prototype.getValidRules = function (currentRule) {
+        this.isValueEmpty = true;
         if (!currentRule) {
             currentRule = this.getRules();
         }
@@ -5157,6 +5172,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         var rule = !isNullOrUndefined(currentRule.isLocked) ?
             this.getRuleCollection({ condition: ruleCondtion, rules: ruleColl, not: notCondition, isLocked: currentRule.isLocked }, true) :
             this.getRuleCollection({ condition: ruleCondtion, rules: ruleColl, not: notCondition }, true);
+        this.isValueEmpty = false;
         return rule;
     };
     QueryBuilder.prototype.getRuleCollection = function (rule, isValidRule) {
@@ -5186,8 +5202,9 @@ var QueryBuilder = /** @class */ (function (_super) {
                     rule.value = null;
                 }
             }
-            if ((this.isRefreshed && this.enablePersistence) || (rule.field !== '' && rule.operator !== '' && (rule.value !== '' &&
-                rule.value !== undefined)) || (customObj && customObj.isQuestion)) {
+            if ((this.isRefreshed && this.enablePersistence) || (rule.field !== '' && rule.operator !== '' &&
+                (this.isValueEmpty ? rule.value !== '' && rule.value !== undefined : rule.value !== undefined)) ||
+                (customObj && customObj.isQuestion)) {
                 var condition = rule.condition;
                 var lockedRule = rule.isLocked;
                 rule = { 'label': rule.label, 'field': rule.field, 'operator': rule.operator, 'type': rule.type, 'value': rule.value };

package/styles/fluent2-lite.css

@@ -42,7 +42,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;

package/styles/fluent2.css

@@ -42,7 +42,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;

package/styles/query-builder/fluent2.css

@@ -42,7 +42,7 @@
 
 .e-ddl.e-popup {
   border: 0;
-  border-radius: 8px;
+  border-radius: 4px;
   -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
           box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   margin-top: 4px;