@syncfusion/ej2-dropdowns 30.2.6 → 31.1.18

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.6
+*  version : 31.1.18
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "30.2.6",
+  "version": "31.1.18",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.4",
-    "@syncfusion/ej2-data": "~30.2.4",
-    "@syncfusion/ej2-inputs": "~30.2.6",
-    "@syncfusion/ej2-lists": "~30.2.4",
-    "@syncfusion/ej2-navigations": "~30.2.5",
-    "@syncfusion/ej2-notifications": "~30.2.4",
-    "@syncfusion/ej2-popups": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.1.17",
+    "@syncfusion/ej2-data": "~31.1.17",
+    "@syncfusion/ej2-inputs": "~31.1.17",
+    "@syncfusion/ej2-lists": "~31.1.17",
+    "@syncfusion/ej2-navigations": "~31.1.18",
+    "@syncfusion/ej2-notifications": "~31.1.17",
+    "@syncfusion/ej2-popups": "~31.1.17"
   },
   "devDependencies": {},
   "keywords": [

package/src/combo-box/combo-box.js

@@ -206,7 +206,7 @@ var ComboBox = /** @class */ (function (_super) {
                             _this.itemData = e.result[0];
                             var dataItem = _this.getItemData();
                             var value = _this.allowObjectBinding ?
-                                _this.getDataByValue(dataItem.value) : dataItem.value;
+                                _this.itemData : dataItem.value;
                             var valueFieldValue = _this.allowObjectBinding &&
                                 !isNullOrUndefined(_this.value) ? getValue((_this.fields.value) ?
                                 _this.fields.value : '', _this.value) : _this.value;
@@ -261,7 +261,7 @@ var ComboBox = /** @class */ (function (_super) {
                 this.customValue();
             }
         }
-        else {
+        else if (!isNullOrUndefined(this.activeIndex) && !isNullOrUndefined(this.liCollections[this.activeIndex])) {
             this.setSelection(this.liCollections[this.activeIndex], null);
         }
         this.setHiddenValue();

package/src/drop-down-base/drop-down-base.js

@@ -544,11 +544,13 @@ var DropDownBase = /** @class */ (function (_super) {
             else {
                 item = this.typeOfData(this.listData);
             }
-            if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
+            if (!isNullOrUndefined(item.item) &&
+                typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'number' ||
                 item.typeof === 'number') {
                 return parseFloat(value);
             }
-            if (typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
+            if (!isNullOrUndefined(item.item) &&
+                typeof getValue((this.fields.value ? this.fields.value : 'value'), item.item) === 'boolean' ||
                 item.typeof === 'boolean') {
                 return ((value === 'true') || ('' + value === 'true'));
             }
@@ -1441,7 +1443,7 @@ var DropDownBase = /** @class */ (function (_super) {
         this.renderGroupTemplate(this.fixedHeaderElement);
     };
     DropDownBase.prototype.updateGroupFixedHeader = function (element, target) {
-        if (this.fixedHeaderElement) {
+        if (this.fixedHeaderElement && this.list && this.list.parentElement) {
             if (!isNullOrUndefined(element.innerHTML)) {
                 if (this.groupTemplate && this.isAngular && this.getModuleName() === 'multiselect') {
                     this.updateFixedGroupTemplateHader(element);
@@ -2191,7 +2193,13 @@ var DropDownBase = /** @class */ (function (_super) {
      */
     DropDownBase.prototype.destroy = function () {
         if (document) {
-            EventHandler.remove(document, 'scroll', this.updateGroupFixedHeader);
+            if (this.fields && this.fields.groupBy) {
+                var elements = this.getScrollableParent();
+                for (var i = 0; i < elements.length; i++) {
+                    var ele = elements[i];
+                    EventHandler.remove(ele, 'scroll', this.updateGroupFixedHeader);
+                }
+            }
             if (document.body.contains(this.list)) {
                 EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
                 if (!isNullOrUndefined(this.rippleFun)) {

package/src/drop-down-list/drop-down-list.d.ts

@@ -30,6 +30,11 @@ export interface ChangeEventArgs extends SelectEventArgs {
      * Specifies the original event arguments.
      */
     event: MouseEvent | KeyboardEvent | TouchEvent;
+    /**
+     * Illustrates whether the current action needs to be prevented or not.
+
+     */
+    cancel?: boolean;
 }
 export interface GeneratedData {
     [key: string]: Object;
@@ -70,7 +75,6 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private popupObj;
     private backIconElement;
     private clearIconElement;
-    private containerStyle;
     protected previousValue: string | number | boolean | object;
     protected activeIndex: number;
     protected filterInput: HTMLInputElement;

package/src/drop-down-tree/drop-down-tree.js

@@ -710,6 +710,10 @@ var DropDownTree = /** @class */ (function (_super) {
     };
     /* Handles touch events specifically for iOS devices */
     DropDownTree.prototype.handleIosTouch = function (e) {
+        var target = e.target;
+        if (target && target.classList.contains('e-clear-icon')) {
+            return;
+        }
         e.preventDefault();
         this.dropDownClick(e);
     };
@@ -2494,12 +2498,16 @@ var DropDownTree = /** @class */ (function (_super) {
         if (!this.valueTemplate) {
             return null;
         }
-        if (this.valueTemplateContainer) {
+        if (this.isReact && !isNOU(this.valueTemplateContainer)) {
+            detach(this.valueTemplateContainer);
+            this.valueTemplateContainer = null;
+        }
+        else if (this.valueTemplateContainer) {
             while (this.valueTemplateContainer.firstChild) {
                 this.valueTemplateContainer.removeChild(this.valueTemplateContainer.firstChild);
             }
         }
-        else {
+        if (isNOU(this.valueTemplateContainer)) {
             this.valueTemplateContainer = this.createElement('span', { className: OVERFLOW_VIEW + ' ' + SHOW_TEXT + ' ' + 'e-input-value' + ' ' + HIDEICON });
         }
         this.inputWrapper.insertBefore(this.valueTemplateContainer, this.inputEle);

package/src/mention/mention.js

@@ -1370,6 +1370,9 @@ var Mention = /** @class */ (function (_super) {
             if (Browser.isAndroid) {
                 return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }
+            else if (Browser.info.name === 'mozilla') {
+                return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+            }
             else {
                 return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }