@syncfusion/ej2-pivotview 19.4.43 → 19.4.47

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

@@ -9939,7 +9939,7 @@ class NodeStateModified {
                 this.parent.engineModule.updateFieldlistData(fieldName);
             }
         }
-        this.parent.dataSourceUpdate.updateDataSource(fieldName, droppedClass, droppedPosition);
+        nodeDropped = this.parent.dataSourceUpdate.updateDataSource(fieldName, droppedClass, droppedPosition);
         return nodeDropped;
     }
     getButtonPosition(target, droppedClass) {
@@ -9986,6 +9986,7 @@ class DataSourceUpdate {
         let dataSourceItem;
         let draggedClass;
         let draggedPosition = -1;
+        let nodeDropped = true;
         let row = this.parent.dataSourceSettings.rows;
         let column = this.parent.dataSourceSettings.columns;
         let value = this.parent.dataSourceSettings.values;
@@ -10112,7 +10113,11 @@ class DataSourceUpdate {
                     });
                 }
             }
+            else {
+                nodeDropped = false;
+            }
         });
+        return nodeDropped;
     }
     /**
      * Updates the dataSource by removing the given field from the dataSource.
@@ -15609,7 +15614,7 @@ class PivotChart {
         if (this.parent && this.parent.isDestroyed) {
             return;
         }
-        if (this.engineModule) {
+        if (this.engineModule && !this.parent.destroyEngine) {
             this.engineModule.fieldList = {};
             this.engineModule = {};
         }
@@ -21853,6 +21858,8 @@ let PivotView = class PivotView extends Component {
         this.isServerWaitingPopup = false;
         /** @hidden */
         this.actionObj = {};
+        /** @hidden */
+        this.destroyEngine = false;
         this.pivotView = this;
         setValue('mergePersistData', this.mergePersistPivotData, this);
     }
@@ -22999,24 +23006,37 @@ let PivotView = class PivotView extends Component {
                             this.displayOption.primary : newProp.displayOption.view);
                         if (this.showGroupingBar || this.showFieldList) {
                             if (this.showFieldList && this.pivotFieldListModule) {
+                                this.pivotFieldListModule.destroyEngine = true;
                                 this.pivotFieldListModule.destroy();
+                                this.pivotFieldListModule.destroyEngine = false;
                             }
-                            if (this.showGroupingBar && this.groupingBarModule) {
-                                this.groupingBarModule.destroy();
-                            }
+                            /**
+                             * Below lines are affected the grouping bar render between table and chart.
+                             * In "Init subcomponent" function, grouping bar rendered properly for table and chart view.
+                             * So, The below lines are commanded out.
+                             */
+                            // if (this.showGroupingBar && this.groupingBarModule) {
+                            //     this.groupingBarModule.destroy();
+                            // }
                             this.notify(initSubComponent, this);
                         }
                         if (!this.grid && newProp.displayOption.view !== 'Chart') {
                             this.renderEmptyGrid();
                             if (newProp.displayOption.view === 'Table') {
                                 if (this.pivotChartModule) {
+                                    this.destroyEngine = true;
                                     this.pivotChartModule.destroy();
+                                    this.destroyEngine = false;
                                     this.chart = undefined;
                                     this.pivotChartModule = undefined;
                                 }
                             }
                         }
                         else if (!this.pivotChartModule && this.displayOption.view !== 'Table') {
+                            if (this.grid) {
+                                this.grid.destroy();
+                                this.grid = undefined;
+                            }
                             this.pivotChartModule = new PivotChart();
                         }
                     }
@@ -24014,12 +24034,12 @@ let PivotView = class PivotView extends Component {
         let hasField = false;
         if (cell && this.dataType === 'olap') {
             let measureName = cell.actualText;
-            if (!isNullOrUndefined(measureName) && !this.olapEngineModule.fieldList[measureName]) {
+            if (!isNullOrUndefined(measureName) && this.olapEngineModule.fieldList && !this.olapEngineModule.fieldList[measureName]) {
                 let tupleInfo = this.olapEngineModule.tupRowInfo;
                 measureName = cell.rowOrdinal > -1 && tupleInfo.length > 0 && tupleInfo[cell.rowOrdinal] &&
                     !isNullOrUndefined(tupleInfo[cell.rowOrdinal].measureName) ? tupleInfo[cell.rowOrdinal].measureName : measureName;
             }
-            if (this.olapEngineModule.fieldList[measureName]) {
+            if (this.olapEngineModule.fieldList && this.olapEngineModule.fieldList[measureName]) {
                 let field = this.olapEngineModule.fieldList[measureName];
                 aggregateType = field.isCalculatedField ? field.type : field.aggregateType;
                 caption = (this.olapEngineModule.dataFields[measureName] &&
@@ -24029,7 +24049,7 @@ let PivotView = class PivotView extends Component {
             }
         }
         else {
-            if (cell && this.engineModule.fieldList[cell.actualText]) {
+            if (cell && this.engineModule.fieldList && this.engineModule.fieldList[cell.actualText]) {
                 let field = this.engineModule.fieldList[cell.actualText];
                 aggregateType = field.aggregateType;
                 if ((aggregateType !== 'DistinctCount') && (field.type !== 'number' || field.type === 'include' ||
@@ -28005,6 +28025,9 @@ class TreeViewRenderer {
         return buttonElement;
     }
     nodeStateChange(args) {
+        if (!args.isInteracted) {
+            return;
+        }
         let node = closest(args.node, '.' + TEXT_CONTENT_CLASS);
         if (!isNullOrUndefined(node)) {
             let li = closest(node, 'li');
@@ -28036,7 +28059,7 @@ class TreeViewRenderer {
                         this.updateNodeStateChange(id, args, selectedNode);
                     }
                     else {
-                        this.updateCheckState(selectedNode);
+                        this.updateCheckState(selectedNode, args.action);
                     }
                 });
             }
@@ -28063,7 +28086,7 @@ class TreeViewRenderer {
                         this.updateNodeStateChange(id, args, selectedNode);
                     }
                     else {
-                        this.updateCheckState(selectedNode);
+                        this.updateCheckState(selectedNode, args.action);
                     }
                 });
             }
@@ -28120,19 +28143,17 @@ class TreeViewRenderer {
                 break;
         }
     }
-    updateCheckState(selectedNode) {
+    updateCheckState(selectedNode, action) {
         let chkState = this.fieldTable.element.querySelectorAll('.e-checkbox-wrapper');
         let innerText = this.fieldTable.element.querySelectorAll('.e-list-text');
         let checkClass = this.fieldTable.element.querySelectorAll('.e-frame');
         for (let i = 0; i < chkState.length; i++) {
             if (selectedNode.caption === innerText[i].textContent) {
-                if (chkState[i].getAttribute('aria-checked') === 'false') {
-                    chkState[i].setAttribute('aria-checked', 'false');
-                    checkClass[i].classList.add(NODE_CHECK_CLASS);
+                if (action === 'check') {
+                    this.fieldTable.uncheckAll([selectedNode['id']]);
                 }
                 else {
-                    chkState[i].setAttribute('aria-checked', 'true');
-                    checkClass[i].classList.remove(NODE_CHECK_CLASS);
+                    this.fieldTable.checkAll([selectedNode['id']]);
                 }
             }
         }
@@ -28181,6 +28202,9 @@ class TreeViewRenderer {
         }
     }
     addNode(args) {
+        if (!args.isInteracted) {
+            return;
+        }
         /* eslint-disable */
         let fieldList = this.parent.pivotFieldList;
         let selectedNode = fieldList[args.data[0].id.toString()];
@@ -28188,17 +28212,18 @@ class TreeViewRenderer {
         let fieldInfo = PivotUtil.getFieldInfo(selectedNode.id.toString(), this.parent);
         let control = this.parent.isPopupView ? this.parent.pivotGridModule : this.parent;
         if (args.action === 'check') {
+            let axis = ['filters', 'columns', 'rows', 'values'];
             let eventdrop = {
                 fieldName: fieldInfo.fieldName, dropField: fieldInfo.fieldItem,
                 dataSourceSettings: PivotUtil.getClonedDataSourceSettings(this.parent.dataSourceSettings),
-                dropAxis: 'rows', draggedAxis: 'fieldlist', cancel: false
+                dropAxis: axis[this.parent.dialogRenderer.adaptiveElement.selectedItem], draggedAxis: 'fieldlist', cancel: false
             };
             control.trigger(fieldDrop, eventdrop, (observedArgs) => {
                 if (!observedArgs.cancel) {
                     this.selectedNodes.push(selectedNode.id.toString());
                 }
                 else {
-                    this.updateCheckState(selectedNode);
+                    this.updateCheckState(selectedNode, args.action);
                 }
             });
         }
@@ -28219,7 +28244,7 @@ class TreeViewRenderer {
                     }
                 }
                 else {
-                    this.updateCheckState(selectedNode);
+                    this.updateCheckState(selectedNode, args.action);
                 }
             });
         }
@@ -28612,7 +28637,7 @@ class AxisTableRenderer {
                 addClass([element[element.length - 1].querySelector('.' + DROP_INDICATOR_CLASS + '-last')], INDICATOR_HOVER_CLASS);
             }
         }
-        else if (e.type === 'mouseleave') {
+        else if (!this.parent.isDragging || (!e.target.classList.contains(DROPPABLE_CLASS) && e.type === 'mouseleave')) {
             removeClass([].slice.call(parentElement.querySelectorAll('.' + DROP_INDICATOR_CLASS)), INDICATOR_HOVER_CLASS);
             removeClass([].slice.call(parentElement.querySelectorAll('.' + DROP_INDICATOR_CLASS + '-last')), INDICATOR_HOVER_CLASS);
         }
@@ -30270,6 +30295,8 @@ let PivotFieldList = class PivotFieldList extends Component {
         this.remoteData = [];
         /** @hidden */
         this.actionObj = {};
+        /** @hidden */
+        this.destroyEngine = false;
     }
     /**
      * To provide the array of modules needed for control rendering
@@ -31351,7 +31378,7 @@ let PivotFieldList = class PivotFieldList extends Component {
      */
     destroy() {
         this.unWireEvent();
-        if (this.engineModule) {
+        if (this.engineModule && !this.destroyEngine) {
             this.engineModule.fieldList = {};
             this.engineModule.rMembers = null;
             this.engineModule.cMembers = null;
@@ -31359,7 +31386,7 @@ let PivotFieldList = class PivotFieldList extends Component {
             this.engineModule.indexMatrix = null;
             this.engineModule = {};
         }
-        if (this.olapEngineModule) {
+        if (this.olapEngineModule && !this.destroyEngine) {
             this.olapEngineModule.fieldList = {};
             this.olapEngineModule = {};
         }
@@ -34317,7 +34344,7 @@ class GroupingBar {
     }
     dropIndicatorUpdate(e) {
         if ((this.parent.isDragging && e.target.classList.contains(DROPPABLE_CLASS) && e.type === 'mouseover') ||
-            e.type === 'mouseleave') {
+            (!this.parent.isDragging || (!e.target.classList.contains(DROPPABLE_CLASS) && e.type === 'mouseleave'))) {
             removeClass([].slice.call(this.parent.element.querySelectorAll('.' + DROP_INDICATOR_CLASS)), INDICATOR_HOVER_CLASS);
             removeClass([].slice.call(this.parent.element.querySelectorAll('.' + DROP_INDICATOR_CLASS + '-last')), INDICATOR_HOVER_CLASS);
         }