@syncfusion/ej2-dropdowns 34.2.3 → 34.2.5

package/dist/es6/ej2-dropdowns.es2015.js

@@ -9612,8 +9612,129 @@ let DropDownTree = class DropDownTree extends Component {
             checkOnClick: true
         });
         this.treeObj.root = this.root ? this.root : this;
+        this.treeObj.filterIndeterminateNodes = [];
+        this.treeObj.filterCheckedNodes = [];
         this.treeObj.appendTo(this.tree);
     }
+    updateIndeterminateNodes() {
+        if (!(this.allowFiltering && this.treeSettings.autoCheck) || (this.isRemoteData || this.treeSettings.loadOnDemand)) {
+            return;
+        }
+        const checkedNodes = Array.isArray(this.value) ? this.value.slice() : [];
+        const checkedSet = {};
+        for (let i = 0; i < checkedNodes.length; i++) {
+            checkedSet[checkedNodes[i]] = true;
+        }
+        const treeData = this.treeObj.element.classList.contains('e-filtering') ? this.treeData : this.treeItems;
+        const valueField = this.fields.value;
+        const parentValueField = this.fields.parentValue;
+        const hasChildrenField = this.fields.hasChildren;
+        const childField = this.fields.child;
+        const indeterminateNodes = [];
+        const childrenMap = {};
+        for (let i = 0; i < treeData.length; i++) {
+            const node = treeData[i];
+            const nodeId = getValue(valueField, node);
+            const nodePid = getValue(parentValueField, node);
+            if (isNullOrUndefined(node) || isNullOrUndefined(nodeId) || isNullOrUndefined(nodePid)) {
+                continue;
+            }
+            const parentId = nodePid.toString();
+            if (!childrenMap[parentId]) {
+                childrenMap[parentId] = [];
+            }
+            childrenMap[parentId].push(nodeId.toString());
+        }
+        const allNodes = treeData.slice();
+        if (!isNullOrUndefined(childField)) {
+            const collectNestedChildren = (nodes, fields) => {
+                if (!nodes) {
+                    return;
+                }
+                for (let i = 0; i < nodes.length; i++) {
+                    const node = nodes[i];
+                    if (isNullOrUndefined(node)) {
+                        continue;
+                    }
+                    const nodeId = getValue(fields.value, node);
+                    if (isNullOrUndefined(nodeId)) {
+                        continue;
+                    }
+                    allNodes.push(node);
+                    const childMapper = fields.child;
+                    let childrenArr;
+                    if (typeof childMapper === 'string') {
+                        childrenArr = node[childMapper];
+                    }
+                    else if (!isNullOrUndefined(childMapper)) {
+                        childrenArr = node[childMapper.value];
+                    }
+                    else {
+                        childrenArr = null;
+                    }
+                    if (!isNullOrUndefined(childrenArr) && Array.isArray(childrenArr) && childrenArr.length) {
+                        const parentId = nodeId.toString();
+                        if (!childrenMap[parentId]) {
+                            childrenMap[parentId] = [];
+                        }
+                        for (let k = 0; k < childrenArr.length; k++) {
+                            const childId = getValue(fields.value, childrenArr[k]);
+                            if (!isNullOrUndefined(childId) && childrenMap[parentId].indexOf(childId.toString()) === -1) {
+                                childrenMap[parentId].push(childId.toString());
+                            }
+                        }
+                        const nextFields = (typeof childMapper !== 'string' && !isNullOrUndefined(childMapper)) ?
+                            childMapper : fields;
+                        collectNestedChildren(childrenArr, nextFields);
+                    }
+                }
+            };
+            collectNestedChildren(treeData, this.fields);
+        }
+        for (let i = 0; i < allNodes.length; i++) {
+            const node = allNodes[i];
+            const nodeId = getValue(valueField, node);
+            if (isNullOrUndefined(node) || isNullOrUndefined(nodeId)) {
+                continue;
+            }
+            const nodeIdStr = nodeId.toString();
+            if (hasChildrenField && getValue(hasChildrenField, node) === false) {
+                continue;
+            }
+            if (checkedSet[nodeIdStr]) {
+                continue;
+            }
+            const descendants = [];
+            const queue = childrenMap[nodeIdStr] ? childrenMap[nodeIdStr].slice() : [];
+            let head = 0;
+            while (head < queue.length) {
+                const current = queue[head];
+                head++;
+                descendants.push(current);
+                const kids = childrenMap[current];
+                if (kids) {
+                    for (let j = 0; j < kids.length; j++) {
+                        queue.push(kids[j]);
+                    }
+                }
+            }
+            if (descendants.length === 0) {
+                continue;
+            }
+            let checkedDescendantCount = 0;
+            for (let 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 */
     renderPopup() {
         if (this.isFilteredData) {
@@ -9910,6 +10031,7 @@ let DropDownTree = class DropDownTree extends Component {
                 this.isFilterRestore = false;
             }
         }
+        this.updateIndeterminateNodes();
     }
     restoreFilterSelection() {
         if (this.treeObj.checkedNodes) {
@@ -10192,6 +10314,21 @@ let DropDownTree = class DropDownTree extends Component {
             this.triggerChangeEvent(this.keyEventArgs);
             this.isValueChange = false;
         }
+        if (!this.isRemoteData && !this.treeSettings.loadOnDemand) {
+            const treeData = this.treeObj.getTreeData();
+            if (this.showCheckBox && this.treeSettings.autoCheck &&
+                treeData.length > 0 && this.treeData && this.treeData.length > 0) {
+                for (let i = 0; i < treeData.length; i++) {
+                    for (let 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();
     }
     beforeCheck(args) {
         if (args.isInteracted) {
@@ -10503,8 +10640,31 @@ let DropDownTree = class DropDownTree extends Component {
             .filter((childNode) => !isNullOrUndefined(childNode) && !isNullOrUndefined(childNode.pid) && !isNullOrUndefined(childNode.id) && childNode.pid.toString() === parentId)
             .map((childNode) => childNode.id.toString());
     }
+    restoreRootParentValues() {
+        const treeData = this.getFilteredTreeData();
+        treeData.forEach((node) => {
+            if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
+                return;
+            }
+            if (isNullOrUndefined(node.pid)) {
+                const rootId = node.id.toString();
+                const currentValues = this.value.map((item) => item.toString());
+                if (currentValues.indexOf(rootId) === -1) {
+                    const childValues = [];
+                    this.getChildren(rootId, childValues);
+                    const hasSelectedChild = childValues.some((childId) => currentValues.indexOf(childId) !== -1);
+                    if (hasSelectedChild) {
+                        this.value.push(rootId);
+                    }
+                }
+            }
+        });
+    }
     updateFilteredAutoCheckValues() {
         const treeData = this.getFilteredTreeData();
+        if (!this.isNodeChecked && Array.isArray(this.value) && this.value.length > 0 && this.showCheckBox) {
+            this.restoreRootParentValues();
+        }
         let currentValues = Array.isArray(this.value) ? this.value.map((item) => item.toString()) : [];
         const removeParent = (parentId) => {
             this.value = this.value.filter((value) => value.toString() !== parentId);
@@ -10593,24 +10753,44 @@ let DropDownTree = class DropDownTree extends Component {
             this.value = this.value.filter((value) => removeValues.indexOf(value.toString()) === -1);
             currentValues = this.value.map((item) => item.toString());
         }
-        treeData.forEach((node) => {
-            if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
-                return;
-            }
-            if (!node.haschild) {
-                return;
-            }
-            const parentId = node.id.toString();
-            if (currentValues.indexOf(parentId) === -1) {
-                return;
-            }
-            const hasDirectChild = treeData.some((childNode) => !isNullOrUndefined(childNode) && !isNullOrUndefined(childNode.pid) && !isNullOrUndefined(childNode.id) && childNode.pid.toString() === parentId &&
-                currentValues.indexOf(childNode.id.toString()) !== -1);
-            if (!hasDirectChild) {
-                removeParent(parentId);
-                currentValues = this.value.map((item) => item.toString());
-            }
-        });
+        let stabilized = false;
+        const valueBeforeReconciliation = [...this.value];
+        let iterationCount = 0;
+        const maxIterations = treeData.length + 1;
+        while (!stabilized && iterationCount < maxIterations) {
+            stabilized = true;
+            iterationCount++;
+            treeData.forEach((node) => {
+                if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
+                    return;
+                }
+                if (!node.haschild) {
+                    return;
+                }
+                const parentId = node.id.toString();
+                const directChildren = this.getDirectChildren(parentId);
+                if (!directChildren.length) {
+                    return;
+                }
+                const allDirectChildrenChecked = directChildren.every((childId) => currentValues.indexOf(childId) !== -1);
+                if (allDirectChildrenChecked) {
+                    if (currentValues.indexOf(parentId) === -1) {
+                        this.value.push(parentId);
+                        currentValues = this.value.map((item) => item.toString());
+                        stabilized = false;
+                    }
+                }
+                else if (currentValues.indexOf(parentId) !== -1) {
+                    removeParent(parentId);
+                    currentValues = this.value.map((item) => item.toString());
+                    stabilized = false;
+                }
+            });
+        }
+        if ((valueBeforeReconciliation.length > 0 && this.value.length === 0) ||
+            iterationCount >= maxIterations) {
+            this.value = valueBeforeReconciliation;
+        }
     }
     updateSelectedValues() {
         this.dataValue = '';
@@ -10626,7 +10806,8 @@ let DropDownTree = class DropDownTree extends Component {
         if (!this.isFilteredData) {
             this.selectedData = [];
         }
-        if (this.treeSettings.autoCheck && this.isFilteredData && !isNullOrUndefined(this.value)) {
+        if (!this.isRemoteData && !this.treeSettings.loadOnDemand && this.treeSettings.autoCheck &&
+            this.isFilteredData && !isNullOrUndefined(this.value)) {
             this.updateFilteredAutoCheckValues();
         }
         if (!isNullOrUndefined(this.value)) {
@@ -10703,6 +10884,7 @@ let DropDownTree = class DropDownTree extends Component {
         else {
             this.inputWrapper.setAttribute('aria-label', this.getModuleName());
         }
+        this.updateIndeterminateNodes();
     }
     setChipValues(text, value) {
         if (!this.inputWrapper.contains(this.chipWrapper)) {
@@ -23528,7 +23710,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
     }
     KeyUp(e) {
-        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
+        if (this.allowFiltering && ((e.ctrlKey && e.keyCode === 65) || e.keyCode === 16)) {
             e.preventDefault();
             return;
         }
@@ -23536,7 +23718,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         const isBracketKey = e.keyCode === 219 || e.keyCode === 220 || e.keyCode === 221 || e.keyCode === 222;
         const isNumericKeyPadSpecialKey = e.keyCode === 107 || e.keyCode === 109 || e.keyCode === 111;
         const isWordCharacter = e.key && e.key.match(/\w/);
-        const isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=[\]\\ ']/);
+        const isWordAccentCharacter = e.key && e.key.match(/[A-Za-z0-9\u00C0-\u024F ,>/:;\-+=[\]\\ '@!#$%^&*()]/);
         if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)
             || isSpecialKey || isBracketKey || isNumericKeyPadSpecialKey) {
             this.isValidKey = true;