@syncfusion/ej2-querybuilder 23.1.38 → 23.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.38
+*  version : 23.1.41
 *  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@23.1.36",
+  "_id": "@syncfusion/ej2-querybuilder@23.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-Y1PpWURzXsJOGZz+13ww+hz78lDoOzXI6RAF8GdxZcmkA8AL2BXE1E7AwhmA7qOaA1PbPCE8fE3e93EIga9lDA==",
+  "_integrity": "sha512-5XR5KiB9gQTv+kY9o53295iA46wqTUvZZIP+mRQsYWb9yaU4ezjGxfoT/0FjmEk+U6UimPFn6UvIkpNnCmErCA==",
   "_location": "/@syncfusion/ej2-querybuilder",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-querybuilder",
     "/@syncfusion/ej2-vue-querybuilder"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-23.1.36.tgz",
-  "_shasum": "6bac49c33d064d302743a527ed45f660e6e0af87",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-23.1.39.tgz",
+  "_shasum": "cdce282e55dd22f0dd01a7c563dd88e11a67023a",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -32,12 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
-    "@syncfusion/ej2-buttons": "~23.1.36",
-    "@syncfusion/ej2-calendars": "~23.1.38",
-    "@syncfusion/ej2-dropdowns": "~23.1.38",
-    "@syncfusion/ej2-inputs": "~23.1.38",
-    "@syncfusion/ej2-splitbuttons": "~23.1.36"
+    "@syncfusion/ej2-base": "~23.1.41",
+    "@syncfusion/ej2-buttons": "~23.1.41",
+    "@syncfusion/ej2-calendars": "~23.1.41",
+    "@syncfusion/ej2-dropdowns": "~23.1.41",
+    "@syncfusion/ej2-inputs": "~23.1.40",
+    "@syncfusion/ej2-splitbuttons": "~23.1.41"
   },
   "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": "23.1.38",
+  "version": "23.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged, NotifyPropertyChanges, getComponent, MouseEventArgs, Browser, compile, append } from '@syncfusion/ej2-base';import { Property, ChildProperty, Complex, L10n, closest, extend, isNullOrUndefined, Collection, cldrData } from '@syncfusion/ej2-base';import { getInstance, addClass, removeClass, rippleEffect, detach, classList } from '@syncfusion/ej2-base';import { Internationalization, DateFormatOptions, KeyboardEventArgs, getUniqueID, select } from '@syncfusion/ej2-base';import { Button, CheckBox, RadioButton, ChangeEventArgs as ButtonChangeEventArgs, RadioButtonModel } from '@syncfusion/ej2-buttons';import { DropDownList, ChangeEventArgs as DropDownChangeEventArgs, FieldSettingsModel, CheckBoxSelection, DropDownTreeModel, DropDownTree, DdtSelectEventArgs } from '@syncfusion/ej2-dropdowns';import { MultiSelect, MultiSelectChangeEventArgs, PopupEventArgs, MultiSelectModel, DropDownListModel } from '@syncfusion/ej2-dropdowns';import { EmitType, Event, EventHandler, getValue, Animation, BaseEventArgs } from '@syncfusion/ej2-base';import { Query, Predicate, DataManager, Deferred } from '@syncfusion/ej2-data';import { TextBox, NumericTextBox, InputEventArgs, ChangeEventArgs as InputChangeEventArgs } from '@syncfusion/ej2-inputs';import { TextBoxModel, NumericTextBoxModel } from '@syncfusion/ej2-inputs';import { DatePicker, ChangeEventArgs as CalendarChangeEventArgs, DatePickerModel } from '@syncfusion/ej2-calendars';import { DropDownButton, ItemModel, MenuEventArgs } from '@syncfusion/ej2-splitbuttons';import { Tooltip, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { compile as templateCompiler } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, getComponent, MouseEventArgs, Browser, compile, append } from '@syncfusion/ej2-base';import { Property, ChildProperty, Complex, L10n, closest, extend, isNullOrUndefined, Collection, cldrData } from '@syncfusion/ej2-base';import { getInstance, addClass, removeClass, rippleEffect, detach, classList } from '@syncfusion/ej2-base';import { Internationalization, DateFormatOptions, KeyboardEventArgs, getUniqueID, select } from '@syncfusion/ej2-base';import { Button, CheckBox, RadioButton, ChangeEventArgs as ButtonChangeEventArgs, RadioButtonModel } from '@syncfusion/ej2-buttons';import { DropDownList, ChangeEventArgs as DropDownChangeEventArgs, FieldSettingsModel, CheckBoxSelection, DropDownTreeModel, DropDownTree, DdtSelectEventArgs } from '@syncfusion/ej2-dropdowns';import { MultiSelect, MultiSelectChangeEventArgs, PopupEventArgs, MultiSelectModel, DropDownListModel } from '@syncfusion/ej2-dropdowns';import { EmitType, Event, EventHandler, getValue, Animation, BaseEventArgs } from '@syncfusion/ej2-base';import { Query, Predicate, DataManager, Deferred } from '@syncfusion/ej2-data';import { TextBox, NumericTextBox, InputEventArgs, ChangeEventArgs as InputChangeEventArgs } from '@syncfusion/ej2-inputs';import { TextBoxModel, NumericTextBoxModel } from '@syncfusion/ej2-inputs';import { DatePicker, ChangeEventArgs as CalendarChangeEventArgs, DatePickerModel } from '@syncfusion/ej2-calendars';import { DropDownButton, ItemModel, MenuEventArgs } from '@syncfusion/ej2-splitbuttons';import { Tooltip, TooltipEventArgs, createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { compile as templateCompiler } from '@syncfusion/ej2-base';
 import {TemplateColumn,Validation,FormatObject,ActionEventArgs,ChangeEventArgs,RuleChangeEventArgs,FieldMode,DisplayMode,SortDirection} from "./query-builder";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

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

@@ -820,7 +820,9 @@ var QueryBuilder = /** @class */ (function (_super) {
     };
     QueryBuilder.prototype.renderToolTip = function (element) {
         var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
-            position: 'BottomCenter', cssClass: 'e-querybuilder-error' });
+            position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: function (args) {
+                tooltip.destroy();
+            } });
         tooltip.appendTo(element);
         tooltip.open(element);
     };
@@ -1628,7 +1630,7 @@ var QueryBuilder = /** @class */ (function (_super) {
             this.GetRootColumnName(rule.field) === this.GetRootColumnName(this.previousColumn.field))) {
             var subField = this.selectedColumn.columns;
             for (var i = 0; i < subField.length; i++) {
-                if (rule.field === subField[i].field || rule.field.indexOf(subField[i].field) > -1) {
+                if (rule.field === subField[i].field) {
                     dropDownList.value = subField[i].field;
                     this.selectedColumn = subField[i];
                     subFieldValue = true;
@@ -4394,12 +4396,16 @@ var QueryBuilder = /** @class */ (function (_super) {
     };
     QueryBuilder.prototype.enableReadonly = function () {
         var target = this.element;
-        var elem = target.querySelectorAll('.e-dropdownlist, .e-numerictextbox, .e-textbox, .e-datepicker, .e-multiselect .e-lib, .e-radio');
+        var elem = target.querySelectorAll('.e-dropdownlist, .e-dropdowntree, .e-numerictextbox, .e-textbox, .e-datepicker, .e-multiselect .e-lib, .e-radio');
         for (var i = 0; i < elem.length; i++) {
             if (elem[i].classList.contains('e-dropdownlist')) {
                 var dropDownObj = getInstance(elem[i], DropDownList);
                 dropDownObj.readonly = this.isReadonly;
             }
+            else if (elem[i].classList.contains('e-dropdowntree')) {
+                var dropDownTreeObj = getInstance(elem[i], DropDownTree);
+                dropDownTreeObj.readonly = this.isReadonly;
+            }
             else if (elem[i].classList.contains('e-numerictextbox')) {
                 var numericTextBoxObj = getInstance(elem[i], NumericTextBox);
                 numericTextBoxObj.readonly = this.isReadonly;

package/styles/bootstrap4.css

@@ -107,13 +107,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
@@ -147,6 +158,25 @@
   border-right-width: 0;
 }
 
+.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+}
+
+.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 10px;
+}
+
+.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;

package/styles/query-builder/bootstrap4.css

@@ -107,13 +107,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
@@ -147,6 +158,25 @@
   border-right-width: 0;
 }
 
+.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+}
+
+.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 10px;
+}
+
+.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;