@syncfusion/ej2-dropdowns 34.2.4 → 34.2.5

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 34.2.4
-*  Copyright Syncfusion Inc. 2001 - 2025. 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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _dropdowns from '@syncfusion/ej2-dropdowns';
 
 export declare namespace ej {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "34.2.4",
+  "version": "34.2.5",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,11 +8,11 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~34.2.4",
+    "@syncfusion/ej2-base": "~34.2.5",
     "@syncfusion/ej2-data": "~34.2.2",
     "@syncfusion/ej2-inputs": "~34.2.2",
     "@syncfusion/ej2-lists": "~34.2.2",
-    "@syncfusion/ej2-navigations": "~34.2.4",
+    "@syncfusion/ej2-navigations": "~34.2.5",
     "@syncfusion/ej2-notifications": "~34.2.2",
     "@syncfusion/ej2-popups": "~34.2.4"
   },

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

@@ -846,6 +846,7 @@ export declare class DropDownTree extends Component<HTMLElement> implements INot
     private getNestedItems;
     private getChildType;
     private renderTree;
+    private updateIndeterminateNodes;
     private renderPopup;
     private checkCollision;
     private removeFocus;

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

@@ -1680,8 +1680,129 @@ var DropDownTree = /** @class */ (function (_super) {
             checkOnClick: true
         });
         this.treeObj.root = this.root ? this.root : this;
+        this.treeObj.filterIndeterminateNodes = [];
+        this.treeObj.filterCheckedNodes = [];
         this.treeObj.appendTo(this.tree);
     };
+    DropDownTree.prototype.updateIndeterminateNodes = function () {
+        if (!(this.allowFiltering && this.treeSettings.autoCheck) || (this.isRemoteData || this.treeSettings.loadOnDemand)) {
+            return;
+        }
+        var checkedNodes = Array.isArray(this.value) ? this.value.slice() : [];
+        var checkedSet = {};
+        for (var i = 0; i < checkedNodes.length; i++) {
+            checkedSet[checkedNodes[i]] = true;
+        }
+        var treeData = this.treeObj.element.classList.contains('e-filtering') ? this.treeData : this.treeItems;
+        var valueField = this.fields.value;
+        var parentValueField = this.fields.parentValue;
+        var hasChildrenField = this.fields.hasChildren;
+        var childField = this.fields.child;
+        var indeterminateNodes = [];
+        var childrenMap = {};
+        for (var i = 0; i < treeData.length; i++) {
+            var node = treeData[i];
+            var nodeId = getValue(valueField, node);
+            var nodePid = getValue(parentValueField, node);
+            if (isNOU(node) || isNOU(nodeId) || isNOU(nodePid)) {
+                continue;
+            }
+            var parentId = nodePid.toString();
+            if (!childrenMap[parentId]) {
+                childrenMap[parentId] = [];
+            }
+            childrenMap[parentId].push(nodeId.toString());
+        }
+        var allNodes = treeData.slice();
+        if (!isNOU(childField)) {
+            var collectNestedChildren_1 = function (nodes, fields) {
+                if (!nodes) {
+                    return;
+                }
+                for (var i = 0; i < nodes.length; i++) {
+                    var node = nodes[i];
+                    if (isNOU(node)) {
+                        continue;
+                    }
+                    var nodeId = getValue(fields.value, node);
+                    if (isNOU(nodeId)) {
+                        continue;
+                    }
+                    allNodes.push(node);
+                    var childMapper = fields.child;
+                    var childrenArr = void 0;
+                    if (typeof childMapper === 'string') {
+                        childrenArr = node[childMapper];
+                    }
+                    else if (!isNOU(childMapper)) {
+                        childrenArr = node[childMapper.value];
+                    }
+                    else {
+                        childrenArr = null;
+                    }
+                    if (!isNOU(childrenArr) && Array.isArray(childrenArr) && childrenArr.length) {
+                        var parentId = nodeId.toString();
+                        if (!childrenMap[parentId]) {
+                            childrenMap[parentId] = [];
+                        }
+                        for (var k = 0; k < childrenArr.length; k++) {
+                            var childId = getValue(fields.value, childrenArr[k]);
+                            if (!isNOU(childId) && childrenMap[parentId].indexOf(childId.toString()) === -1) {
+                                childrenMap[parentId].push(childId.toString());
+                            }
+                        }
+                        var nextFields = (typeof childMapper !== 'string' && !isNOU(childMapper)) ?
+                            childMapper : fields;
+                        collectNestedChildren_1(childrenArr, nextFields);
+                    }
+                }
+            };
+            collectNestedChildren_1(treeData, this.fields);
+        }
+        for (var i = 0; i < allNodes.length; i++) {
+            var node = allNodes[i];
+            var nodeId = getValue(valueField, node);
+            if (isNOU(node) || isNOU(nodeId)) {
+                continue;
+            }
+            var nodeIdStr = nodeId.toString();
+            if (hasChildrenField && getValue(hasChildrenField, node) === false) {
+                continue;
+            }
+            if (checkedSet[nodeIdStr]) {
+                continue;
+            }
+            var descendants = [];
+            var queue = childrenMap[nodeIdStr] ? childrenMap[nodeIdStr].slice() : [];
+            var head = 0;
+            while (head < queue.length) {
+                var current = queue[head];
+                head++;
+                descendants.push(current);
+                var kids = childrenMap[current];
+                if (kids) {
+                    for (var j = 0; j < kids.length; j++) {
+                        queue.push(kids[j]);
+                    }
+                }
+            }
+            if (descendants.length === 0) {
+                continue;
+            }
+            var checkedDescendantCount = 0;
+            for (var j = 0; j < descendants.length; j++) {
+                if (checkedSet[descendants[j]]) {
+                    checkedDescendantCount++;
+                }
+            }
+            if (checkedDescendantCount > 0 && checkedDescendantCount < descendants.length &&
+                indeterminateNodes.indexOf(nodeIdStr) === -1) {
+                indeterminateNodes.push(nodeIdStr);
+            }
+        }
+        this.treeObj.filterCheckedNodes = checkedNodes;
+        this.treeObj.filterIndeterminateNodes = indeterminateNodes;
+    };
     /* To render the popup element */
     DropDownTree.prototype.renderPopup = function () {
         var _this = this;
@@ -1982,6 +2103,7 @@ var DropDownTree = /** @class */ (function (_super) {
                 this.isFilterRestore = false;
             }
         }
+        this.updateIndeterminateNodes();
     };
     DropDownTree.prototype.restoreFilterSelection = function () {
         if (this.treeObj.checkedNodes) {
@@ -2264,17 +2386,21 @@ var DropDownTree = /** @class */ (function (_super) {
             this.triggerChangeEvent(this.keyEventArgs);
             this.isValueChange = false;
         }
-        var treeData = this.treeObj.getTreeData();
-        if (this.showCheckBox && this.treeSettings.autoCheck && treeData.length > 0 && this.treeData && this.treeData.length > 0) {
-            for (var i = 0; i < treeData.length; i++) {
-                for (var j = 0; j < this.treeData.length; j++) {
-                    if (treeData[i].id === this.treeData[j].id) {
-                        this.treeData[j].selected = treeData[i].selected !== undefined ?
-                            treeData[i].selected : false;
+        if (!this.isRemoteData && !this.treeSettings.loadOnDemand) {
+            var treeData = this.treeObj.getTreeData();
+            if (this.showCheckBox && this.treeSettings.autoCheck &&
+                treeData.length > 0 && this.treeData && this.treeData.length > 0) {
+                for (var i = 0; i < treeData.length; i++) {
+                    for (var j = 0; j < this.treeData.length; j++) {
+                        if (treeData[i][this.fields.value] === this.treeData[j][this.fields.value]) {
+                            this.treeData[j].selected = treeData[i].selected !== undefined ?
+                                treeData[i].selected : false;
+                        }
                     }
                 }
             }
         }
+        this.updateIndeterminateNodes();
     };
     DropDownTree.prototype.beforeCheck = function (args) {
         if (args.isInteracted) {
@@ -2764,7 +2890,8 @@ var DropDownTree = /** @class */ (function (_super) {
         if (!this.isFilteredData) {
             this.selectedData = [];
         }
-        if (this.treeSettings.autoCheck && this.isFilteredData && !isNOU(this.value)) {
+        if (!this.isRemoteData && !this.treeSettings.loadOnDemand && this.treeSettings.autoCheck &&
+            this.isFilteredData && !isNOU(this.value)) {
             this.updateFilteredAutoCheckValues();
         }
         if (!isNOU(this.value)) {
@@ -2843,6 +2970,7 @@ var DropDownTree = /** @class */ (function (_super) {
         else {
             this.inputWrapper.setAttribute('aria-label', this.getModuleName());
         }
+        this.updateIndeterminateNodes();
     };
     DropDownTree.prototype.setChipValues = function (text, value) {
         if (!this.inputWrapper.contains(this.chipWrapper)) {