@syncfusion/ej2-querybuilder 20.4.51 → 21.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.51
+*  version : 21.1.37
 *  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.4.48",
+  "_id": "@syncfusion/ej2-querybuilder@21.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-qWJWOApO7573wprIyfY7C3rnOQsn0zVMDh4Xq7EKfXHbTuLRptkId1cDXnDmSa0a72zpyL053qdcfWTQ72RcEQ==",
+  "_integrity": "sha512-AMNYkcTb4Dql0T0yMGzG/Jbc7fj5XsPLi6vrLDR66vkY+Fv8Mc4x5RyQNFseYZbiExx58Q/tv3njx/Qc9lNXYQ==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,21 +23,21 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-20.4.48.tgz",
-  "_shasum": "465c895c7a2a7333c23ac6fc2402a474e26f64d9",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-21.1.35.tgz",
+  "_shasum": "6b6124524dd41257a57cbeb852c19906fef9831e",
   "_spec": "@syncfusion/ej2-querybuilder@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.50",
-    "@syncfusion/ej2-calendars": "~20.4.51",
-    "@syncfusion/ej2-dropdowns": "~20.4.51",
-    "@syncfusion/ej2-inputs": "~20.4.51",
-    "@syncfusion/ej2-splitbuttons": "~20.4.50"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-buttons": "~21.1.37",
+    "@syncfusion/ej2-calendars": "~21.1.37",
+    "@syncfusion/ej2-dropdowns": "~21.1.37",
+    "@syncfusion/ej2-inputs": "~21.1.37",
+    "@syncfusion/ej2-splitbuttons": "~21.1.37"
   },
   "deprecated": false,
   "description": "Essential JS 2 QueryBuilder",
@@ -66,7 +66,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/querybuilder"
   },
   "typings": "index.d.ts",
-  "version": "20.4.51",
+  "version": "21.1.37",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -217,9 +217,11 @@ export interface FormatObject {
     skeleton?: string;
 }
 /**
- * Specifies the fieldMode as DropDownList or DropDownTree.
- * Default: To Specifies the fieldMode as DropDownList.
- * DropdownTree: To Specifies the fieldMode as DropdownTree.
+ * Defines the fieldMode of Dropdown control.
+ * ```props
+ * Default :- To Specifies the fieldMode as DropDownList.
+ * DropdownTree :- To Specifies the fieldMode as DropdownTree.
+ * ```
  */
 export declare type FieldMode = 
 /** Display the DropdownList */
@@ -227,9 +229,11 @@ export declare type FieldMode =
 /** Display the DropdownTree */
 'DropdownTree';
 /**
- * Specifies the displayMode as Horizontal or Vertical.
- * Horizontal: To Display the Horizontal UI.
- * Vertical: To Display the Vertical UI.
+ * Defines the display mode of the control.
+ * ```props
+ * Horizontal :- To display the control in a horizontal UI.
+ * Vertical :- To display the control in a vertical UI.
+ * ```
  */
 export declare type DisplayMode = 
 /**  Display the Horizontal UI */
@@ -237,10 +241,12 @@ export declare type DisplayMode =
 /**  Display the Vertical UI */
 'Vertical';
 /**
- * Specifies the sort direction of the field names. They are
- * Default: Show the field names in default .
- * Ascending: Show the field names in Ascending.
- * Descending: Show the field names in Descending
+ * Defines the sorting direction of the field names in a control.
+ * ```props
+ * Default :- Specifies the field names in default sorting order.
+ * Ascending :- Specifies the field names in ascending order.
+ * Descending :- Specifies the field names in descending order.
+ * ```
  */
 export declare type SortDirection = 
 /**  Show the field names in default */

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

@@ -887,8 +887,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.className.indexOf('e-tooltip') < 0) {
-                        this.renderToolTip(fieldElem);
+                    if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0) {
+                        this.renderToolTip(fieldElem.parentElement);
                     }
                     isValid = false;
                 }
@@ -2694,8 +2694,8 @@ var QueryBuilder = /** @class */ (function (_super) {
             if (!this.isImportRules) {
                 this.trigger('change', eventsArgs);
             }
-            if (this.allowValidation && rule.rules[index].field && target.className.indexOf('e-tooltip') > -1) {
-                getComponent(target, 'tooltip').destroy();
+            if (this.allowValidation && rule.rules[index].field && target.parentElement.className.indexOf('e-tooltip') > -1) {
+                getComponent(target.parentElement, 'tooltip').destroy();
             }
             this.filterRules(beforeRules, this.getValidRules(this.rule), 'field');
         }
@@ -4032,7 +4032,7 @@ var QueryBuilder = /** @class */ (function (_super) {
             }
         }
         if (this.dataSource instanceof DataManager) {
-            if (!isNullOrUndefined(pred) && (pred.operator === 'isnull' || pred.operator === 'notnull')) {
+            if (!isNullOrUndefined(pred) && (pred.operator === 'isnull' || pred.operator === 'isnotnull')) {
                 pred.operator = pred.operator === 'isnull' ? 'equal' : 'notequal';
             }
         }
@@ -4146,7 +4146,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     pred = new Predicate(ruleColl.field, 'isnull', nullValue);
                     break;
                 case 'isnotnull':
-                    pred = new Predicate(ruleColl.field, 'notnull', nullValue);
+                    pred = new Predicate(ruleColl.field, 'isnotnull', nullValue);
                     break;
                 case 'isempty':
                     pred = new Predicate(ruleColl.field, 'equal', '');
@@ -4729,7 +4729,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     if (sqlString[j] === ')') {
                         isClosed = true;
                     }
-                    if (isClosed && sqlString[j] === "'") {
+                    if (isClosed && sqlString[j] === '\'') {
                         break;
                     }
                 }
@@ -4935,7 +4935,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                             }
                             if (operator.indexOf('like') > -1 && parser[j][0] === 'String') {
                                 var val = parser[j][1];
-                                if (parser[j][1] && parser[j][1][0] === "'") {
+                                if (parser[j][1] && parser[j][1][0] === '\'') {
                                     val = parser[j][1].substring(1, parser[j][1].length - 1);
                                 }
                                 val = val ? val.replace(/%/g, '') : parser[j][1];
@@ -4951,7 +4951,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                                 }
                                 else if (parser[j][0] === 'String') {
                                     var val = parser[j][1];
-                                    if (parser[j][1] && parser[j][1][0] === "'") {
+                                    if (parser[j][1] && parser[j][1][0] === '\'') {
                                         val = parser[j][1].substring(1, parser[j][1].length - 1);
                                     }
                                     strVal.push(val);
@@ -4963,7 +4963,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                                 }
                                 else if (parser[j][0] === 'String') {
                                     var val = parser[j][1];
-                                    if (parser[j][1] && parser[j][1][0] === "'") {
+                                    if (parser[j][1] && parser[j][1][0] === '\'') {
                                         val = parser[j][1].substring(1, parser[j][1].length - 1);
                                     }
                                     strVal.push(val);

package/styles/bootstrap-dark.css

@@ -385,7 +385,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -678,12 +678,20 @@
 }
 
 .e-query-builder {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   border-color: #484848;
 }
 .e-query-builder .e-group-header .e-btn-group {
   border-color: #484848;
 }
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
+  border-left: 1px solid #484848;
+  border-right: 1px solid #484848;
+}
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
+  border-left: 1px solid #0070f0;
+  border-right: 1px solid #0070f0;
+}
 .e-query-builder.e-rtl .e-btn-group.e-rtl .e-btn.e-btngroup-and-lbl.e-not {
   border-right: transparent;
 }
@@ -691,14 +699,14 @@
   border-color: #484848;
 }
 .e-query-builder .e-rule-container {
-  background-color: #131313;
+  background: #131313;
   border-color: #484848;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #9c9c9c;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #9c9c9c;
@@ -712,27 +720,27 @@
   border-right: transparent;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #131313;
+  background: #131313;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   color: #f0f0f0;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #1a1a1a;
+  background: #1a1a1a;
   border-color: #acacac;
   color: #f0f0f0;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #484848;
+  background: #484848;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/bootstrap.css

@@ -383,7 +383,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -676,7 +676,7 @@
 }
 
 .e-query-builder {
-  background-color: #fff;
+  background: #fff;
   border-color: #ddd;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -689,14 +689,14 @@
   border-color: #ddd;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
   border-color: #ddd;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #ddd;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #ddd;
@@ -710,27 +710,27 @@
   border-right: transparent;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #f8f8f8;
+  background: #f8f8f8;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #fff;
+  background: #fff;
   border-color: #ccc;
   color: #333;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #ddd;
+  background: #ddd;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/bootstrap4.css

@@ -463,7 +463,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -756,7 +756,7 @@
 }
 
 .e-query-builder {
-  background-color: #fff;
+  background: #fff;
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -777,14 +777,14 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #dee2e6;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #dee2e6;
@@ -803,28 +803,28 @@
   color: #495057;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #fff;
+  background: #6c757d;
+  background: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #fff;
+  background: #fff;
   color: #212529;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #fff;
+  background: #fff;
   border-color: #dee2e6;
   color: #212529;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }
 

package/styles/bootstrap5-dark.css

@@ -433,7 +433,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -726,7 +726,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #444c54;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -734,7 +734,7 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #212529;
+  background: #212529;
   box-shadow: none;
   color: #adb5bd;
 }
@@ -742,14 +742,14 @@
   border-color: #444c54;
 }
 .e-query-builder .e-rule-container {
-  background-color: #282d31;
+  background: #282d31;
   border-color: #444c54;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #444c54;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #444c54;
@@ -760,29 +760,29 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #212529;
+  background: #6c757d;
+  background: #212529;
   color: #adb5bd;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #444c54;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #444c54;
+  background: #444c54;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fadfe2;
+  background: #fadfe2;
   border-color: #fadfe2;
 }
 

package/styles/bootstrap5.css

@@ -433,7 +433,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -726,7 +726,7 @@
 }
 
 .e-query-builder {
-  background-color: transparent;
+  background: transparent;
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-btn-group {
@@ -734,7 +734,7 @@
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
 .e-query-builder .e-deletegroup {
-  background-color: #fff;
+  background: #fff;
   box-shadow: none;
   color: #6c757d;
 }
@@ -742,14 +742,14 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container {
-  background-color: #f8f9fa;
+  background: #f8f9fa;
   border-color: #dee2e6;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #dee2e6;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: transparent;
+  background: transparent;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #dee2e6;
@@ -760,29 +760,29 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #6c757d;
-  background-color: #fff;
+  background: #6c757d;
+  background: #fff;
   color: #6c757d;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: transparent;
+  background: transparent;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: transparent;
+  background: transparent;
   border-color: #dee2e6;
   color: #6c757d;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #dee2e6;
+  background: #dee2e6;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #f8d7da;
+  background: #f8d7da;
   border-color: #f8d7da;
 }
 

package/styles/fabric-dark.css

@@ -352,7 +352,7 @@
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-style: dotted;
-  border-top-width: 2px;
+  border-top-width: 1px;
   margin-top: 0;
 }
 .e-query-builder .e-group-body .e-rule-container.e-separate-rule {
@@ -645,24 +645,30 @@
 }
 
 .e-query-builder {
-  background-color: #201f1f;
+  background: #201f1f;
   border-color: #414040;
 }
 .e-query-builder .e-group-header .e-btn-group {
   border-color: #414040;
 }
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small {
+  border-right: 1px solid #414040;
+}
+.e-query-builder.e-rtl .e-btn-group.e-rtl .e-qb-toggle.e-btn.e-small.e-active-toggle {
+  border-right: 1px solid #0074cc;
+}
 .e-query-builder .e-group-container {
   border-color: #514f4f;
 }
 .e-query-builder .e-rule-container {
-  background-color: #282727;
+  background: #282727;
   border-color: #514f4f;
 }
 .e-query-builder .e-rule-container.e-joined-rule {
   border-top-color: #414040;
 }
 .e-query-builder .e-rule-list .e-group-container {
-  background-color: #201f1f;
+  background: #201f1f;
 }
 .e-query-builder .e-rule-list > ::after, .e-query-builder .e-rule-list > ::before {
   border-color: #414040;
@@ -673,27 +679,27 @@
   color: #fff;
 }
 .e-query-builder .e-removerule.e-btn.e-round {
-  background-color: #282727;
+  background: #282727;
 }
 .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
   display: none;
 }
 .e-query-builder .e-summary-content textarea {
-  background-color: #201f1f;
+  background: #201f1f;
   color: #dadada;
 }
 .e-query-builder .e-collapse-rule {
-  background-color: #201f1f;
+  background: #201f1f;
   border-color: #9a9a9a;
   color: #dadada;
 }
 .e-query-builder .e-collapse-rule:focus, .e-query-builder .e-collapse-rule:active, .e-query-builder .e-collapse-rule:hover {
-  background-color: #414040;
+  background: #414040;
 }
 
 .e-tooltip-wrap.e-querybuilder-error,
 .e-control.e-tooltip-wrap.e-popup.e-querybuilder-error {
-  background-color: #fcdbe4;
+  background: #fcdbe4;
   border-color: #fcdbe4;
 }