@syncfusion/ej2-querybuilder 24.1.46 → 24.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.46
+*  version : 24.2.5
 *  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@24.1.45",
+  "_id": "@syncfusion/ej2-querybuilder@24.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-+xdLK0gGzzt1MqOgHqlnCsbUQ/PV1eJBa+Odh55OPXPDO5srjz4zkC1hCl2w2FeDXTdS9AdqWD19upNx9j/5Xg==",
+  "_integrity": "sha512-MK1U0mgSzBGYV3HwEgBoRyoc2bcJzFFTHpogH3ih8WW1lJtiup/2bG6j9CyOp6m+J+R65DwmRgE3wSXUBPd89Q==",
   "_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-24.1.45.tgz",
-  "_shasum": "8f45f3aaa215be779a7add9521f31c36de344123",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-querybuilder/-/ej2-querybuilder-24.2.3.tgz",
+  "_shasum": "90c82970d768eac82447c70470960eeccd572862",
   "_spec": "@syncfusion/ej2-querybuilder@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -32,12 +32,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.46",
-    "@syncfusion/ej2-buttons": "~24.1.46",
-    "@syncfusion/ej2-calendars": "~24.1.44",
-    "@syncfusion/ej2-dropdowns": "~24.1.46",
-    "@syncfusion/ej2-inputs": "~24.1.45",
-    "@syncfusion/ej2-splitbuttons": "~24.1.46"
+    "@syncfusion/ej2-base": "~24.2.5",
+    "@syncfusion/ej2-buttons": "~24.2.5",
+    "@syncfusion/ej2-calendars": "~24.2.5",
+    "@syncfusion/ej2-dropdowns": "~24.2.5",
+    "@syncfusion/ej2-inputs": "~24.2.5",
+    "@syncfusion/ej2-splitbuttons": "~24.2.5"
   },
   "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": "24.1.46",
+  "version": "24.2.5",
   "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 } 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 } 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, TooltipEventArgs } 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

@@ -704,7 +704,8 @@ var QueryBuilder = /** @class */ (function (_super) {
                         dataSource: this.columns,
                         fields: this.fields, placeholder: this.l10n.getConstant('SelectField'),
                         popupHeight: ((this.columns.length > 5) ? height : 'auto'), close: this.fieldClose.bind(this, ruleElem.id + '_filterkey'),
-                        change: this.changeField.bind(this), value: rule ? ddlValue : null, open: this.popupOpen.bind(this, true)
+                        change: this.changeField.bind(this), value: rule ? ddlValue : null, open: this.popupOpen.bind(this, true),
+                        cssClass: 'qb-dropdownlist'
                     };
                     if (this.fieldModel) {
                         ddlField = __assign({}, ddlField, this.fieldModel);
@@ -831,9 +832,14 @@ var QueryBuilder = /** @class */ (function (_super) {
         }
     };
     QueryBuilder.prototype.renderToolTip = function (element) {
-        var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'),
+        var tooltip = new Tooltip({ content: this.l10n.getConstant('ValidationMessage'), isSticky: true,
             position: 'BottomCenter', cssClass: 'e-querybuilder-error', afterClose: function () {
                 tooltip.destroy();
+            }, beforeOpen: function (args) {
+                var tooltipCloseElement = args.element.querySelector('.e-tooltip-close');
+                if (tooltipCloseElement) {
+                    tooltipCloseElement.style.display = 'none';
+                }
             } });
         tooltip.appendTo(element);
         tooltip.open(element);
@@ -887,7 +893,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     fieldElem = tempElem.querySelector('.e-rule-operator .e-control');
                     if (!rule.rules[index].operator) {
-                        if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0) {
+                        if (fieldElem.parentElement.className.indexOf('e-tooltip') < 0 && fieldElem.className.indexOf('e-tooltip') < 0) {
                             this.renderToolTip(fieldElem.parentElement);
                         }
                         isValid = false;
@@ -2972,6 +2978,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         var i;
         var len;
         var tooltip;
+        var popupElement;
         _super.prototype.destroy.call(this);
         element = this.element.querySelectorAll('.e-addrulegroup');
         len = element.length;
@@ -2979,6 +2986,12 @@ var QueryBuilder = /** @class */ (function (_super) {
             getComponent(element[i], 'dropdown-btn').destroy();
             detach(element[i]);
         }
+        popupElement = document.querySelectorAll('.qb-dropdownlist');
+        if (popupElement) {
+            for (i = 0; i < popupElement.length; i++) {
+                popupElement[i].remove();
+            }
+        }
         tooltip = this.element.querySelectorAll('.e-rule-filter .e-control.e-tooltip');
         for (i = 0; i < tooltip.length; i++) {
             getComponent(tooltip[i], 'tooltip').destroy();
@@ -3601,9 +3614,11 @@ var QueryBuilder = /** @class */ (function (_super) {
                 if (remRule && remRule.rules) {
                     for (var r = 0; r < remRule.rules.length; r++) {
                         var column = this.getColumn(remRule.rules[r].field);
-                        var isTemplateRendered = ruleElemColl[r].querySelector('.e-template-value');
-                        if (column && (column.ruleTemplate || (this.isPlatformTemplate(column) && isTemplateRendered))) {
-                            removeString.push(ruleElemColl[r].id);
+                        if (ruleElemColl[r]) {
+                            var isTemplateRendered = ruleElemColl[r].querySelector('.e-template-value');
+                            if (column && (column.ruleTemplate || (this.isPlatformTemplate(column) && isTemplateRendered))) {
+                                removeString.push(ruleElemColl[r].id);
+                            }
                         }
                     }
                 }