@syncfusion/ej2-querybuilder 25.1.35 → 25.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.35
+*  version : 25.1.37
 *  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@18.24.1",
+  "_id": "@syncfusion/ej2-querybuilder@25.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-ujZuYcmKu3KsFyS06QnLCHFo2iAoP/xGSfn5H5+Bz72cs7gO8fkLxDHEGZ/FAq5d3H5knyxsbczY4M/T4d/A0g==",
+  "_integrity": "sha512-itzx26EEksco0ikM5WSKDvdr+daQYFbcCSvJGxL/Finvn8TRjL5ciEiJ/0LxbjEiebmlVirur+3ayzAXVJCL/g==",
   "_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-18.24.1.tgz",
-  "_shasum": "9c720eb30d9ffdbd3b0fdff5462862a88930b6ed",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-25.1.35.tgz",
+  "_shasum": "50afc2d04e3d9b232ebdba93d347a14572aea4d5",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -34,10 +34,10 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~25.1.35",
     "@syncfusion/ej2-buttons": "~25.1.35",
-    "@syncfusion/ej2-calendars": "~25.1.35",
-    "@syncfusion/ej2-dropdowns": "~25.1.35",
-    "@syncfusion/ej2-inputs": "~25.1.35",
-    "@syncfusion/ej2-splitbuttons": "~25.1.35"
+    "@syncfusion/ej2-calendars": "~25.1.37",
+    "@syncfusion/ej2-dropdowns": "~25.1.37",
+    "@syncfusion/ej2-inputs": "~25.1.37",
+    "@syncfusion/ej2-splitbuttons": "~25.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": "25.1.35",
+  "version": "25.1.37",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -2192,17 +2192,11 @@ var QueryBuilder = /** @class */ (function (_super) {
         if (!this.dataColl.length && values.length) {
             isValues = true;
         }
-        var fieldValue = this.selectedRule.field;
-        var isNested = this.selectedRule.field.indexOf(this.separator);
-        if (isNested !== 0 && this.fieldMode !== 'DropdownTree') {
-            var nest = this.selectedRule.field.split(this.separator);
-            fieldValue = nest[nest.length - 1];
-        }
         var multiSelectValue;
         multiSelectValue = {
             dataSource: isValues ? values : (isFetched ? ds : this.dataManager),
             query: new Query([rule.field]),
-            fields: { text: fieldValue, value: fieldValue },
+            fields: { text: this.selectedRule.field, value: this.selectedRule.field },
             placeholder: this.l10n.getConstant('SelectValue'),
             value: selectedValue,
             mode: 'CheckBox',
@@ -5127,6 +5121,7 @@ var QueryBuilder = /** @class */ (function (_super) {
      */
     QueryBuilder.prototype.cloneRule = function (ruleID, groupID, index) {
         var getRule = this.getRule(ruleID.replace(this.element.id + '_', ''));
+        var isCloneRule = this.showButtons.cloneRule;
         groupID = groupID.replace(this.element.id + '_', '');
         this.ruleIndex = index;
         this.cloneRuleBtnClick = true;
@@ -5137,7 +5132,8 @@ var QueryBuilder = /** @class */ (function (_super) {
             }], groupID);
         this.ruleIndex = -1;
         this.cloneRuleBtnClick = false;
-        this.showButtons.cloneRule = false;
+        this.showButtons.cloneRule = isCloneRule;
+        isCloneRule = false;
     };
     /**
      * Clones the group based on the group ID to the specific group.
@@ -5150,6 +5146,7 @@ var QueryBuilder = /** @class */ (function (_super) {
     QueryBuilder.prototype.cloneGroup = function (groupID, parentGroupID, index) {
         parentGroupID = parentGroupID.replace(this.element.id + '_', '');
         var group = this.getGroup(parentGroupID);
+        var isCloneGroup = this.showButtons.cloneGroup;
         groupID = groupID.replace(this.element.id + '_', '');
         this.groupIndex = index;
         this.cloneGrpBtnClick = true;
@@ -5157,7 +5154,8 @@ var QueryBuilder = /** @class */ (function (_super) {
         this.addGroups([{ 'condition': group.condition, 'not': group.not, 'rules': group.rules }], groupID);
         this.groupIndex = -1;
         this.cloneGrpBtnClick = false;
-        this.showButtons.cloneGroup = false;
+        this.showButtons.cloneGroup = isCloneGroup;
+        isCloneGroup = false;
     };
     /**
      * Locks the rule based on the rule ID.
@@ -5166,6 +5164,9 @@ var QueryBuilder = /** @class */ (function (_super) {
      * @returns {void}
      */
     QueryBuilder.prototype.lockRule = function (ruleID) {
+        if (ruleID.indexOf(this.element.id) < 0) {
+            ruleID = this.element.id + '_' + ruleID;
+        }
         var target = document.getElementById(ruleID).querySelectorAll('.e-lock-rule-btn')[0];
         this.ruleLock(target);
     };
@@ -5176,6 +5177,9 @@ var QueryBuilder = /** @class */ (function (_super) {
      * @returns {void}
      */
     QueryBuilder.prototype.lockGroup = function (groupID) {
+        if (groupID.indexOf(this.element.id) < 0) {
+            groupID = this.element.id + '_' + groupID;
+        }
         var target = document.getElementById(groupID).querySelectorAll('.e-lock-grp-btn')[0];
         this.groupLock(target);
     };

package/styles/bootstrap5-dark.css

@@ -757,7 +757,9 @@
   border-color: #444c54;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #212529;
   box-shadow: none;
   color: #adb5bd;

package/styles/bootstrap5.css

@@ -757,7 +757,9 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #fff;
   box-shadow: none;
   color: #6c757d;

package/styles/fluent-dark.css

@@ -162,7 +162,7 @@
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 /* stylelint-disable-line no-empty-source */
@@ -742,7 +742,9 @@
   border-color: #292827;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #252423;
   border: 0 solid #252423;
 }

package/styles/fluent.css

@@ -162,7 +162,7 @@
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 /* stylelint-disable-line no-empty-source */
@@ -742,7 +742,9 @@
   border-color: #edebe9;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #f3f2f1;
   border: 0 solid #f3f2f1;
 }

package/styles/material-dark.css

@@ -104,6 +104,15 @@
   padding: 5px 5px 5px 12px;
 }
 
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/material.css

@@ -129,6 +129,15 @@
   padding: 4px 8px;
 }
 
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/query-builder/_theme.scss

@@ -8,7 +8,9 @@
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;

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

@@ -757,7 +757,9 @@
   border-color: #444c54;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #212529;
   box-shadow: none;
   color: #adb5bd;

package/styles/query-builder/bootstrap5.css

@@ -757,7 +757,9 @@
   border-color: #dee2e6;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #fff;
   box-shadow: none;
   color: #6c757d;

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

@@ -162,7 +162,7 @@
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 /* stylelint-disable-line no-empty-source */
@@ -742,7 +742,9 @@
   border-color: #292827;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #252423;
   border: 0 solid #252423;
 }

package/styles/query-builder/fluent.css

@@ -162,7 +162,7 @@
 
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
 .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.5em;
+  margin-top: -1.6em;
 }
 
 /* stylelint-disable-line no-empty-source */
@@ -742,7 +742,9 @@
   border-color: #edebe9;
 }
 .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
-.e-query-builder .e-deletegroup {
+.e-query-builder .e-deletegroup,
+.e-query-builder .e-clone-grp-btn,
+.e-query-builder .e-lock-grp-btn {
   background: #f3f2f1;
   border: 0 solid #f3f2f1;
 }

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

@@ -104,6 +104,15 @@
   padding: 5px 5px 5px 12px;
 }
 
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/query-builder/material.css

@@ -129,6 +129,15 @@
   padding: 4px 8px;
 }
 
+.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 1px 0;
+}
+
+.e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
+.e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
+  padding: 0;
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {