@syncfusion/ej2-querybuilder 20.2.50 → 20.3.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.50
+*  version : 20.3.49
 *  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@20.2.48",
+  "_id": "@syncfusion/ej2-querybuilder@20.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-lE14ZoIZyqp6rTwXPxAMcpMe2EDXFA87VnTYWPnkR/+g1q6omLHJ/gkjCTZejeR/1cvZsRfqMnrNUMZyYS0m5Q==",
+  "_integrity": "sha512-yQ+JWYfjW+4zTypYfygh3wZYdaBVg8PH481Ermg8/0Ub/66M1v5KKA67XJ6UhEOaEpQ+4r9jA3kWJW9VkUhLCA==",
   "_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-20.2.48.tgz",
-  "_shasum": "381630479189edec52df444dd5f4f225c86ef227",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-20.3.47.tgz",
+  "_shasum": "8141af5cccac0f9ad8e56bcc11d2eff5687a6730",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -32,17 +32,17 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-buttons": "~20.2.46",
-    "@syncfusion/ej2-calendars": "~20.2.50",
-    "@syncfusion/ej2-dropdowns": "~20.2.50",
-    "@syncfusion/ej2-inputs": "~20.2.48",
-    "@syncfusion/ej2-splitbuttons": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.49",
+    "@syncfusion/ej2-buttons": "~20.3.49",
+    "@syncfusion/ej2-calendars": "~20.3.49",
+    "@syncfusion/ej2-dropdowns": "~20.3.49",
+    "@syncfusion/ej2-inputs": "~20.3.49",
+    "@syncfusion/ej2-splitbuttons": "~20.3.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-querybuilder.es2015.js",
+  "es2015": "./dist/es6/ej2-querybuilder.es5.js",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -69,6 +69,6 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "20.2.50",
+  "version": "20.3.49",
   "sideEffects": false
 }

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

@@ -572,7 +572,7 @@ export declare class QueryBuilder extends Component<HTMLDivElement> implements I
     private updateRules;
     private filterRules;
     private ruleValueUpdate;
-    private validatValue;
+    private validateValue;
     private getFormat;
     private findGroupByIdx;
     /**

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

@@ -826,7 +826,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                 }
                 else {
-                    dropDownObj = getComponent(ruleElemCln[i].querySelector('.e-rule-field .e-control'), 'dropdownlist');
+                    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;
                 }
@@ -860,7 +860,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                                     this.renderToolTip(elem);
                                 }
                             }
-                            else if (valElem[j].parentElement.className.indexOf('e-tooltip') < 0) {
+                            else if (valElem[j].parentElement.className.indexOf('e-tooltip') < 0 && valElem[j].className.indexOf('e-tooltip') < 0) {
                                 this.renderToolTip(valElem[j].parentElement);
                             }
                             j++;
@@ -1178,6 +1178,9 @@ var QueryBuilder = /** @class */ (function (_super) {
         var rules = this.getParentGroup(grpElem);
         var ruleElem = closest(element, '.e-rule-container');
         var index = 0;
+        if (this.allowValidation) {
+            this.validateValue(rules, ruleElem);
+        }
         while (ruleElem && ruleElem.previousElementSibling !== null) {
             ruleElem = ruleElem.previousElementSibling;
             index++;
@@ -1349,7 +1352,9 @@ var QueryBuilder = /** @class */ (function (_super) {
         ddl.value = itemData.value;
         var customArgs = { element: ddl.element, value: itemData.value, isInteracted: true,
             previousItemData: this.prevItemData, previousItem: null, item: item, itemData: itemData, event: null, e: null };
-        this.changeField(customArgs);
+        if (ddl.previousValue !== ddl.value) {
+            this.changeField(customArgs);
+        }
         this.isFieldChange = false;
     };
     QueryBuilder.prototype.changeField = function (args) {
@@ -2408,7 +2413,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                 }
             }
             if (isRender) {
-                this.validatValue(rule, closest(target, '.e-rule-container'));
+                this.validateValue(rule, closest(target, '.e-rule-container'));
                 this.destroyControls(target);
             }
             itemData.template = column.template;
@@ -2775,7 +2780,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                 }
             }
-            this.validatValue(rule, ruleElem, index);
+            this.validateValue(rule, ruleElem, index);
         }
         else {
             if (target.className.indexOf('e-datepicker') > -1) {
@@ -2794,7 +2799,7 @@ var QueryBuilder = /** @class */ (function (_super) {
             }
         }
     };
-    QueryBuilder.prototype.validatValue = function (rule, ruleElem, index) {
+    QueryBuilder.prototype.validateValue = function (rule, ruleElem, index) {
         if (!isNullOrUndefined(index)) {
             rule = rule.rules[index];
         }

package/styles/bootstrap-dark.css

@@ -131,6 +131,8 @@
   width: 40px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap.css

@@ -129,6 +129,8 @@
   width: 40px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap4.css

@@ -159,7 +159,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -209,6 +209,8 @@
   margin-top: -3.5em;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap5-dark.css

@@ -179,6 +179,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/bootstrap5.css

@@ -179,6 +179,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fabric-dark.css

@@ -98,6 +98,8 @@
   margin: 2px 2px 2px 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fabric.css

@@ -91,6 +91,8 @@
   margin: 2px 2px 2px 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fluent-dark.css

@@ -159,6 +159,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/fluent.css

@@ -159,6 +159,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/highcontrast-light.css

@@ -80,6 +80,9 @@
   color: #000;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #4f4f4f;
   font-family: inherit;
@@ -172,6 +175,8 @@
   width: 30px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/highcontrast.css

@@ -80,6 +80,9 @@
   color: #fff;
   top: 12px;
 }
+.e-multiselect .e-multi-select-wrapper input {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-multiselect .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
   color: #969696;
   font-family: inherit;
@@ -174,6 +177,8 @@
   width: 30px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/material-dark.css

@@ -105,6 +105,8 @@
   padding: 5px 5px 5px 12px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/material.css

@@ -130,6 +130,8 @@
   padding: 4px 8px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);

package/styles/query-builder/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

package/styles/query-builder/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('querybuilder-layout') {
+@include export-module('querybuilder-layout') {
   .e-query-builder {
     border: $qrybldr-brdr;
     border-radius: $qrybldr-brdr-radius;
@@ -75,43 +75,43 @@
           @if $skin-name == 'tailwind' {
             font-size: 20px;
           }
-            }
         }
+      }
 
       & .e-horizontal-mode .e-rule-delete {
         margin-left: $qrybldr-group-container-margin-left;
         margin-right: $ruledelete-margin;
-          }
+      }
 
       & .e-group-body {
         padding-left: $qrybldr-group-container-margin-left;
         padding-right: $groupbody-paddingleft;
-        }
+      }
 
-      & .e-rule-list>::before {
+      & .e-rule-list > ::before {
         border-width: $qrybldr-rule-list-rtl-before-border;
-     }
+      }
 
       & .e-rule-list > .e-group-container:first-child {
         margin-top: 0;
-        }
+      }
 
-      & .e-rule-list>::after,
-      & .e-rule-list>::before {
+      & .e-rule-list > ::after,
+      & .e-rule-list > ::before {
         right: $qrybldr-rule-list-first-right;
-    }
+      }
 
-      & .e-rule-list>::after {
+      & .e-rule-list > ::after {
         border-width: $qrybldr-rule-list-rtl-after-border;
-     }
+      }
 
       & .e-rule-list .e-group-container::before {
         right: $qrybldr-grpcon-brder-left;
-    }
+      }
 
       & .e-rule-list > .e-group-container {
         padding-right: $qrybldr-group-container-margin-left;
-    }
+      }
     }
 
     & .e-group-container,
@@ -119,22 +119,22 @@
       position: $qrybldr-posn-relative;
     }
 
-    & .e-rule-list>:first-child::before {
+    & .e-rule-list > :first-child::before {
       top: $qrybldr-rule-list-first-top;
     }
 
-    & .e-rule-list>:last-child::after {
+    & .e-rule-list > :last-child::after {
       display: $qrybldr-button-hide;
     }
 
-    & .e-rule-list>::before {
+    & .e-rule-list > ::before {
       border-width: $qrybldr-rule-list-before-border;
       height: $qrybldr-rule-list-height;
       top: $qrybldr-rule-list-before-top;
     }
 
-    & .e-rule-list>::after,
-    & .e-rule-list>::before {
+    & .e-rule-list > ::after,
+    & .e-rule-list > ::before {
       border-style: $qrybldr-rule-list-border-style;
       content: '';
       left: $qrybldr-rule-list-first-left;
@@ -142,7 +142,7 @@
       width: $qrybldr-nav-width;
     }
 
-    & .e-rule-list>::after {
+    & .e-rule-list > ::after {
       border-width: $qrybldr-rule-list-after-border;
       height: $qrybldr-rule-list-after-height;
       top: $qrybldr-rule-list-top;
@@ -154,7 +154,7 @@
 
     & .e-rule-list > .e-rule-container:not(:first-child)::before {
       height: $after-ruleborder-height;
-      }
+    }
 
     & .e-rule-list > .e-rule-container::after {
       height: $qrybldr-rule-container-after-height;
@@ -171,7 +171,7 @@
 
     & .e-rule-list .e-group-container::after {
       left: $qrybldr-grpcon-aftrbrder-left;
-      }
+    }
 
     & .e-group-header {
 
@@ -351,15 +351,14 @@
         }
 
         & .e-operator,
-
         & .e-value {
           padding: $rulecon-padding;
 
           & .e-radio-wrapper {
             margin-right: $radio-wrapper-margin;
+          }
         }
-        }
-       }
+      }
 
       & .e-horizontal-mode .e-rule-delete {
         display: $qrybldr-device-diaplay;
@@ -411,7 +410,6 @@
           display: none;
         }
       }
-
     }
 
     & .e-dropdown-btn {
@@ -452,7 +450,7 @@
 
     & .e-edit-rule.e-btn.e-small {
       box-shadow: $ruledelete-shadow;
-      }
+    }
 
     & .e-edit-rule {
       right: 0;
@@ -468,7 +466,7 @@
       position: $qrybldr-clspe-rule-pos;
       right: 0;
       top: 0;
-        }
+    }
 
     & .e-summary-text {
       border-style: none;
@@ -518,14 +516,13 @@
     & ul .e-item.e-button-hide {
       display: $qrybldr-button-hide;
     }
-
   }
 
   .e-addrule.e-add-icon::before,
   .e-addgroup.e-add-icon::before,
   .e-query-builder .e-add-icon::before {
     content: $qrybldr-add-icon;
-    }
+  }
 
   .e-query-builder.e-device,
   .e-bigger.e-query-builder,
@@ -546,7 +543,7 @@
       margin-top: 0;
     }
 
-    & .e-rule-list>::before {
+    & .e-rule-list > ::before {
       top: $qrybldr-bigger-rule-list-before-top;
     }
 
@@ -555,11 +552,11 @@
       @if $skin-name == 'tailwind' {
         font-size: 28px;
       }
-      }
+    }
 
-    & .e-rule-list>:first-child::before {
+    & .e-rule-list > :first-child::before {
       top: $bigger-rule-list-first-top;
-      }
+    }
 
     & .e-rule-list {
       padding: $qrybldr-bigger-rulelist;
@@ -576,7 +573,7 @@
       & .e-rule-container {
         margin-top: $qrybldr-rulecont-margin;
         padding-right: $bigger-hrmode-ruledlt-mrgn;
-    }
+      }
 
       & .e-rule-container.e-vertical-mode {
         width: auto;
@@ -591,16 +588,16 @@
         margin-bottom: $device-rulecon-padding;
         padding-right: $device-rulecon-right-padding;
         right: 0;
-        }
+      }
 
       & .e-rule-container.e-horizontal-mode .e-rule-delete {
         margin-bottom: 0;
-        }
+      }
 
       & .e-horizontal-mode .e-rule-delete {
         display: $qrybldr-device-diaplay;
         margin-left: $bigger-ruledelete-marginleft;
-        }
+      }
 
       & .e-horizontal-mode .e-rule-filter,
       & .e-horizontal-mode .e-rule-sub-filter,
@@ -630,9 +627,9 @@
       & .e-rule-delete {
         &.e-btn.e-small.e-round {
           box-shadow: $ruledelete-shadow;
-            }
         }
       }
+    }
 
     & .e-summary-text {
       font-size: $qrybldr-bigger-smrytxt-font-size;
@@ -644,12 +641,11 @@
       padding: $qrybldr-bigger-summary-btn-padding;
       text-align: $qrybldr-rulelist-grcon-float;
     }
-
-    }
+  }
 
   #{if(&, '&', '*')}.e-device .e-rule-value {
     width: $qrybldr-device-value-width;
-    }
+  }
 
   #{if(&, '&', '*')}.e-bigger .e-group-body .e-rule-container {
     & .e-rule-filter,
@@ -657,6 +653,6 @@
     & .e-operator,
     & .e-value {
       padding: $bigger-rulecon-padding;
-      }
+    }
   }
 }

package/styles/query-builder/_material-dark-definition.scss

@@ -84,7 +84,7 @@ $qrybldr-val-error-border: 8px solid !default;
 $biggerafter-ruleborder-height: calc(50% + 12px) !default;
 $qrybldr-bigger-rule-list-before-top: -12px !default;
 $qrybldr-rule-list-first-top: -12px !default;
-$qrybldr-collapse-rule-padding: 0 14p !default;
+$qrybldr-collapse-rule-padding: 0 14px !default;
 $qrybldr-multi-maxwidth: 200px !default;
 $qrybldr-device-multi-maxwidth: 100% !default;
 $qrybldr-btn-left: 0 !default;

package/styles/query-builder/_theme.scss

@@ -71,8 +71,8 @@
       background-color: $qrybldr-bg-color;
     }
 
-    & .e-rule-list>::after,
-    & .e-rule-list>::before {
+    & .e-rule-list > ::after,
+    & .e-rule-list > ::before {
       border-color: $qrybldr-rule-list-border-color;
     }
 
@@ -107,7 +107,7 @@
         background: $qrybldr-btngroup-bgcolor;
         border-color: $qrybldr-brdr-color;
         color: $qrybldr-btngroup-color;
-        }
+      }
     }
 
     & .e-group-header .e-btn-group:not(.e-rtl) .e-qb-toggle:last-of-type {
@@ -159,32 +159,30 @@
       &:active,
       &:hover {
         background-color: $qrybldr-brdr-color;
-     }
-
-    }
+      }
     }
+  }
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
   background-color: $qrybldr-val-error-bg-color;
   border-color: $qrybldr-val-error-bg-color;
-  }
+}
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-top,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-top {
   border-bottom-color: $qrybldr-val-error-bg-color;
   color: $qrybldr-val-error-bg-color;
-  }
+}
 
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-outer.e-tip-bottom,
 .e-tooltip-wrap.e-querybuilder-error .e-arrow-tip-inner.e-tip-bottom {
   border-top-color: $qrybldr-val-error-bg-color;
   color: $qrybldr-val-error-bg-color;
-  }
+}
 
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
   color: $qrybldr-val-error-color;
-  }
-  
+}

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

@@ -131,6 +131,8 @@
   width: 40px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/query-builder/bootstrap.css

@@ -129,6 +129,8 @@
   width: 40px;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

package/styles/query-builder/bootstrap4.css

@@ -159,7 +159,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -209,6 +209,8 @@
   margin-top: -3.5em;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);

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

@@ -179,6 +179,8 @@
   border-left-width: 0;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);