@syncfusion/ej2-dropdowns 34.1.32 → 34.2.2

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

@@ -8144,6 +8144,7 @@ let DropDownTree = class DropDownTree extends Component {
         this.windowResizeContext = this.windowResize.bind(this);
         // Specifies if the checkAll method has been called
         this.isCheckAllCalled = false;
+        this.isNodeChecked = false;
         this.isFromFilterChange = false;
         this.fallbackValue = [];
     }
@@ -10158,6 +10159,7 @@ let DropDownTree = class DropDownTree extends Component {
     onNodeChecked(args) {
         const eventArgs = this.getEventArgs(args);
         this.trigger('select', eventArgs);
+        this.isNodeChecked = args.action === 'check';
         if (this.isFilteredData && args.action === 'uncheck') {
             const id = getValue('id', args.data[0]).toString();
             this.removeSelectedData(id, true);
@@ -10481,6 +10483,135 @@ let DropDownTree = class DropDownTree extends Component {
             }
         }
     }
+    getFilteredTreeData() {
+        return this.treeData;
+    }
+    getChildren(parentId, result) {
+        const treeData = this.getFilteredTreeData();
+        treeData.forEach((item) => {
+            if (!isNullOrUndefined(item) && !isNullOrUndefined(item.pid) && !isNullOrUndefined(item.id) && item.pid.toString() === parentId.toString()) {
+                const childId = item.id.toString();
+                if (result.indexOf(childId) === -1) {
+                    result.push(childId);
+                    this.getChildren(childId, result);
+                }
+            }
+        });
+    }
+    getDirectChildren(parentId) {
+        return this.getFilteredTreeData()
+            .filter((childNode) => !isNullOrUndefined(childNode) && !isNullOrUndefined(childNode.pid) && !isNullOrUndefined(childNode.id) && childNode.pid.toString() === parentId)
+            .map((childNode) => childNode.id.toString());
+    }
+    updateFilteredAutoCheckValues() {
+        const treeData = this.getFilteredTreeData();
+        let currentValues = Array.isArray(this.value) ? this.value.map((item) => item.toString()) : [];
+        const removeParent = (parentId) => {
+            this.value = this.value.filter((value) => value.toString() !== parentId);
+        };
+        if (this.isNodeChecked) {
+            this.treeObj.checkedNodes.map((item) => item.toString()).forEach((value) => {
+                if (this.value.indexOf(value) === -1) {
+                    this.value.push(value);
+                }
+            });
+            treeData.forEach((node) => {
+                if (isNullOrUndefined(node) || isNullOrUndefined(node.id)) {
+                    return;
+                }
+                const parentId = node.id.toString();
+                if (node.haschild && this.value.indexOf(parentId) !== -1) {
+                    const childValues = [];
+                    this.getChildren(parentId, childValues);
+                    if (this.value.indexOf(parentId) === -1) {
+                        this.value.push(parentId);
+                    }
+                    childValues.forEach((value) => {
+                        if (this.value.indexOf(value) === -1) {
+                            this.value.push(value);
+                        }
+                    });
+                }
+                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();
+                const directChildren = this.getDirectChildren(parentId);
+                if (!directChildren.length) {
+                    return;
+                }
+                const allChildrenSelected = directChildren.every((childId) => this.value.indexOf(childId) !== -1);
+                if (allChildrenSelected) {
+                    const childValues = [];
+                    this.getChildren(parentId, childValues);
+                    if (this.value.indexOf(parentId) === -1) {
+                        this.value.push(parentId);
+                    }
+                    childValues.forEach((value) => {
+                        if (this.value.indexOf(value) === -1) {
+                            this.value.push(value);
+                        }
+                    });
+                }
+                else {
+                    removeParent(parentId);
+                }
+                currentValues = this.value.map((item) => item.toString());
+            });
+            this.selectedData.forEach((item) => {
+                const value = getValue(this.treeSettings.loadOnDemand ? this.fields.value : 'id', item).toString();
+                if (this.value.indexOf(value) === -1) {
+                    this.selectedData = this.selectedData.filter((data) => getValue(this.treeSettings.loadOnDemand ? this.fields.value : 'id', data).toString() !== value);
+                }
+            });
+            return;
+        }
+        const removeValues = [];
+        treeData.forEach((node) => {
+            if (isNullOrUndefined(node.id)) {
+                return;
+            }
+            if (!node.haschild) {
+                return;
+            }
+            const parentId = node.id.toString();
+            if (currentValues.indexOf(parentId) === -1) {
+                const childValues = [];
+                this.getChildren(parentId, childValues);
+                if (childValues.some((child) => currentValues.indexOf(child) !== -1)) {
+                    removeValues.push(...childValues);
+                }
+            }
+        });
+        if (removeValues.length) {
+            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());
+            }
+        });
+    }
     updateSelectedValues() {
         this.dataValue = '';
         let temp;
@@ -10495,6 +10626,9 @@ let DropDownTree = class DropDownTree extends Component {
         if (!this.isFilteredData) {
             this.selectedData = [];
         }
+        if (this.treeSettings.autoCheck && this.isFilteredData && !isNullOrUndefined(this.value)) {
+            this.updateFilteredAutoCheckValues();
+        }
         if (!isNullOrUndefined(this.value)) {
             const compiledString = this.initializeValueTemplate();
             for (let i = 0, len = this.value.length; i < len; i++) {
@@ -13467,6 +13601,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.isBlurDispatching = false;
         this.isFilterPrevented = false;
         this.isFilteringAction = false;
+        this.isPropertyChanged = false;
         this.isValidKey = false;
         this.selectAllEventData = [];
         this.selectAllEventEle = [];
@@ -14173,7 +14308,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 }
             }
             else if (!(this.dataSource instanceof DataManager)) {
-                this.initialValueUpdate();
+                if (!this.isRemoveSelection) {
+                    this.initialValueUpdate(this.listData, true);
+                }
+                else {
+                    this.initialValueUpdate();
+                }
             }
             this.initialUpdate();
             this.refreshPlaceHolder();
@@ -17487,6 +17627,33 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         this.unwireListEvents();
         this.wireListEvents();
     }
+    getTextByValueFromDataSource(value) {
+        const dataSource = this.dataSource;
+        if (isNullOrUndefined(dataSource) || !dataSource.length) {
+            return null;
+        }
+        if (this.isPrimitiveData) {
+            for (let i = 0; i < dataSource.length; i++) {
+                if (dataSource[i] === value) {
+                    return dataSource[i];
+                }
+            }
+            return null;
+        }
+        const fields = this.fields;
+        const valueField = fields.value ? fields.value : 'value';
+        const textField = fields.text ? fields.text : 'text';
+        for (let i = 0; i < dataSource.length; i++) {
+            const item = dataSource[i];
+            if (!isNullOrUndefined(item) && getValue(valueField, item) === value) {
+                const resolvedText = getValue(textField, item);
+                if (!isNullOrUndefined(resolvedText)) {
+                    return resolvedText;
+                }
+            }
+        }
+        return null;
+    }
     initialValueUpdate(listItems, isInitialVirtualData, isInitialRender) {
         if (this.list) {
             let text;
@@ -17536,6 +17703,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                                 }
                             }
                         }
+                        if (this.isPropertyChanged && isNullOrUndefined(text) && !this.allowCustomValue &&
+                            !(this.dataSource instanceof DataManager)) {
+                            text = this.getTextByValueFromDataSource(value);
+                        }
                         if ((isNullOrUndefined(text) && this.allowCustomValue) &&
                             ((!(this.dataSource instanceof DataManager)) ||
                                 (this.dataSource instanceof DataManager && isInitialVirtualData))) {
@@ -19164,6 +19335,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
      * @returns {void}
      */
     onPropertyChanged(newProp, oldProp) {
+        this.isPropertyChanged = true;
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))
             || newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
             this.mainList = null;
@@ -19208,6 +19380,10 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                         && !this.validateValues(newProp.value, oldProp.value)) {
                         return;
                     }
+                    if (this.isVue && this.mode === 'CheckBox' && !this.changeOnBlur && !isNullOrUndefined(oldProp.value) && !isNullOrUndefined(newProp.value)
+                        && !this.validateValues(newProp.value, oldProp.value)) {
+                        return;
+                    }
                     this.updateVal(this.value, oldProp.value, 'value', this.enableVirtualization);
                     this.addValidInputClass();
                     if (!this.closePopupOnSelect && this.isPopupOpen()) {
@@ -19331,6 +19507,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     break;
             }
         }
+        this.isPropertyChanged = false;
     }
     reInitializePoup() {
         if (this.popupObj) {
@@ -23339,11 +23516,11 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             e.preventDefault();
             return;
         }
-        const char = e.code && e.keyCode >= 96 && e.keyCode <= 105 ?
-            String.fromCharCode(e.keyCode - 48) : String.fromCharCode(e.keyCode);
-        const isWordCharacter = char.match(/\w/);
-        const isWordAccentCharacter = char.match(/[A-Za-z0-9\u00C0-\u024F ]/);
-        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter)) {
+        const isSpecialKey = e.keyCode >= 186 && e.keyCode <= 192;
+        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 ,>/:;\-+=]/);
+        if (!isNullOrUndefined(isWordCharacter) || !isNullOrUndefined(isWordAccentCharacter) || isSpecialKey || isNumericKeyPadSpecialKey) {
             this.isValidKey = true;
         }
         this.isBackSpace = e.keyCode === 8;