@syncfusion/ej2-multicolumn-combobox 28.1.39 → 28.2.6

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.1.39
+*  version : 28.2.6
 *  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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-multicolumn-combobox@*",
-  "_id": "@syncfusion/ej2-multicolumn-combobox@28.1.33",
+  "_id": "@syncfusion/ej2-multicolumn-combobox@28.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-iM70wymmPk+g9d2eRD42TPv6mPdb4oEw8WNw3R3qqUul8YfOJ5u6iSinleJmZmd73KAc/gB7rZJVQhQOtT+2JQ==",
+  "_integrity": "sha512-3PnmBMbBtRPL2/OPlcoDMJuOMq7gDbGUKAsvj5mUBZ4bq7d5FVyf2ZlwLoqNTFuoMh0A7fZlGi5Ui2EhPZ/5lA==",
   "_location": "/@syncfusion/ej2-multicolumn-combobox",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-multicolumn-combobox",
     "/@syncfusion/ej2-vue-multicolumn-combobox"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-28.1.33.tgz",
-  "_shasum": "19ef9d6aefa015269a5b906d8f90c984de767506",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-multicolumn-combobox/-/ej2-multicolumn-combobox-28.2.3.tgz",
+  "_shasum": "553b0a69101b525c89ca4b2b516fc3e131af8d0a",
   "_spec": "@syncfusion/ej2-multicolumn-combobox@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -35,8 +35,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.1.33",
-    "@syncfusion/ej2-grids": "~28.1.38"
+    "@syncfusion/ej2-base": "~28.2.5",
+    "@syncfusion/ej2-grids": "~28.2.6"
   },
   "deprecated": false,
   "description": "Essential JS 2 Component",
@@ -57,6 +57,6 @@
     "url": "git+https://github.com/syncfusion/ej2-multicolumn-combobox-component.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.39",
+  "version": "28.2.6",
   "sideEffects": false
 }

package/src/multicolumn-combobox/multi-column-combo-box.d.ts

@@ -779,6 +779,7 @@ export declare class MultiColumnComboBox extends Component<HTMLElement> implemen
     private isDataFiltered;
     private isInitialRender;
     private remoteDataLength;
+    private selectedRowIndex;
     /**
      * *Constructor for creating the component
      *

package/src/multicolumn-combobox/multi-column-combo-box.js

@@ -977,7 +977,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
         };
         this.trigger('select', eventArgs, function (eventArgs) {
             if (!eventArgs.cancel && eventArgs.itemData) {
-                var selectedRecord = eventArgs.itemData;
                 var event_1 = e;
                 var isUpdateVal = event_1.key === 'Enter' || event_1.key === 'Tab' || event_1.shiftKey && event_1.key === 'Tab' || event_1.altKey && event_1.key === 'ArrowUp';
                 if (!isKeyNav || (isKeyNav && isUpdateVal)) {
@@ -996,7 +995,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
         this.isProtectedOnChange = true;
         this.text = text || this.text;
         this.value = value || this.value;
-        this.index = !isNOU(index) ? index : this.index;
+        this.index = this.selectedRowIndex = !isNOU(index) ? index : this.index;
         this.isProtectedOnChange = prevOnChange;
         if (!isInitial) {
             this.triggerChangeEvent(eventArgs);
@@ -1067,7 +1066,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
         var _this = this;
         var data = dataSource.filter(function (item) {
             var fieldText = _this.updateFieldValue(_this.fields.text, item);
-            return fieldText.toLowerCase().startsWith(inputValue.toLowerCase());
+            return inputValue && fieldText.toLowerCase().startsWith(inputValue.toLowerCase());
         });
         var exactData = dataSource.filter(function (item) {
             var fieldText = _this.updateFieldValue(_this.fields.text, item);
@@ -1246,7 +1245,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
             }
             return;
         }
-        if ((target.classList.contains('e-multicolumn-list-icon') || closest(target, '.e-popup'))) {
+        if ((target.classList.contains('e-multicolumn-list-icon') || closest(target, '.e-multicolumn-list.e-popup'))) {
             e.preventDefault();
         }
         else {
@@ -1260,7 +1259,6 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
         }
     };
     MultiColumnComboBox.prototype.updateValuesOnInput = function (mouseEvent, keyEvent, isClearValues, isKeyDown) {
-        var _this = this;
         if (isKeyDown === void 0) { isKeyDown = false; }
         var e = mouseEvent ? mouseEvent : keyEvent;
         var val = isKeyDown ? this.matchedContent : this.exactMatchedContent;
@@ -1269,21 +1267,19 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
         }
         this.hidePopup(e);
         if (this.matchedRowEle && !isClearValues && val) {
-            setTimeout(function () {
-                var prevOnChange = _this.isProtectedOnChange;
-                _this.isProtectedOnChange = true;
-                var fieldText = _this.updateFieldValue(_this.fields.text, _this.matchedContent);
-                var fieldValue = _this.updateFieldValue(_this.fields.value, _this.matchedContent);
-                _this.inputEle.value = fieldText;
-                _this.value = fieldValue;
-                var selectIndex = _this.findIndex(_this.gridObj.currentViewData, _this.matchedContent);
-                _this.index = selectIndex;
-                _this.text = fieldText;
-                _this.gridObj.selectRow(selectIndex);
-                _this.selectedGridRow(_this.gridObj.getRowByIndex(selectIndex), e);
-                _this.previousItemElement = _this.gridObj.getSelectedRows()[0];
-                _this.isProtectedOnChange = prevOnChange;
-            }, 100);
+            var prevOnChange = this.isProtectedOnChange;
+            this.isProtectedOnChange = true;
+            var fieldText = this.updateFieldValue(this.fields.text, this.matchedContent);
+            var fieldValue = this.updateFieldValue(this.fields.value, this.matchedContent);
+            this.inputEle.value = fieldText;
+            this.value = fieldValue;
+            var selectIndex = this.findIndex(this.gridObj.currentViewData, this.matchedContent);
+            this.index = selectIndex;
+            this.text = fieldText;
+            this.gridObj.selectRow(selectIndex);
+            this.selectedGridRow(this.gridObj.getRowByIndex(selectIndex), e);
+            this.previousItemElement = this.gridObj.getSelectedRows()[0];
+            this.isProtectedOnChange = prevOnChange;
         }
         else {
             if (this.isDataFiltered) {
@@ -1524,20 +1520,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
                 attributes(_this.inputEle, { 'aria-expanded': 'true', 'aria-owns': _this.element.id + '_popup', 'aria-controls': _this.element.id });
                 if (!isInputOpen) {
                     if ((_this.value || _this.text || _this.index)) {
-                        var dataRows = _this.gridObj.getRowsObject();
-                        var groupIndex_1;
-                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                        dataRows.forEach(function (data, index) {
-                            if (_this.fields.groupBy && isNOU(data.data.items)) {
-                                if (isNOU(groupIndex_1)) {
-                                    groupIndex_1 = 0;
-                                }
-                                else {
-                                    groupIndex_1 += 1;
-                                }
-                            }
-                            _this.selectDataRow(data.data, !_this.fields.groupBy ? index : groupIndex_1);
-                        });
+                        _this.gridObj.selectRow(_this.selectedRowIndex);
                     }
                     _this.focusIn(e);
                 }
@@ -1558,7 +1541,7 @@ var MultiColumnComboBox = /** @class */ (function (_super) {
                         _this.remoteDataLength = e.result.length;
                     });
                 }
-                _this.popupObj.show(new Animation(eventArgs.animation), _this.popupEle);
+                _this.popupObj.show(new Animation(eventArgs.animation), _this.popupEle.firstElementChild);
             }
         });
     };