@syncfusion/ej2-pivotview 20.1.61 → 20.2.36

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.61
+*  version : 20.2.36
 *  Copyright Syncfusion Inc. 2001 - 2020. 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/helpers/e2e/index.js

@@ -1,7 +1,9 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./pivotview"));
-__export(require("./pivotfieldlist"));
+define(["require", "exports", "./pivotview", "./pivotfieldlist"], function (require, exports, pivotview_1, pivotfieldlist_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(pivotview_1);
+    __export(pivotfieldlist_1);
+});

package/helpers/e2e/pivotfieldlist.js

@@ -1,32 +1,48 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class PivotFieldListHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var PivotFieldListHelper = (function (_super) {
+        __extends(PivotFieldListHelper, _super);
+        function PivotFieldListHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getFieldListPopupElement() {
-        return this.selector('#' + this.id + '_Wrapper');
-    }
-    getFilterPopupElement() {
-        return this.selector('#' + this.id + '_EditorTreeView');
-    }
-    getAggregationContextMenuElement() {
-        return this.selector('#' + this.id + 'valueFieldContextMenu');
-    }
-    getValueSettingsDialogElement() {
-        return this.selector('#' + this.id + '_Wrapper_ValueDialog');
-    }
-    getCalculatedMemberPopupElement() {
-        return this.selector('#' + this.id + '_calculateddialog');
-    }
-}
-exports.PivotFieldListHelper = PivotFieldListHelper;
+        PivotFieldListHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        PivotFieldListHelper.prototype.getFieldListPopupElement = function () {
+            return this.selector('#' + this.id + '_Container');
+        };
+        PivotFieldListHelper.prototype.getFilterPopupElement = function () {
+            return this.selector('#' + this.id + '_EditorTreeView');
+        };
+        PivotFieldListHelper.prototype.getAggregationContextMenuElement = function () {
+            return this.selector('#' + this.id + 'valueFieldContextMenu');
+        };
+        PivotFieldListHelper.prototype.getValueSettingsDialogElement = function () {
+            return this.selector('#' + this.id + '_Container_ValueDialog');
+        };
+        PivotFieldListHelper.prototype.getCalculatedMemberPopupElement = function () {
+            return this.selector('#' + this.id + '_calculateddialog');
+        };
+        return PivotFieldListHelper;
+    }(e2e_1.TestHelper));
+    exports.PivotFieldListHelper = PivotFieldListHelper;
+});

package/helpers/e2e/pivotview.js

@@ -1,53 +1,69 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class PivotViewHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var PivotViewHelper = (function (_super) {
+        __extends(PivotViewHelper, _super);
+        function PivotViewHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getGridElement() {
-        return this.selector('#' + this.id + '_grid');
-    }
-    getFilterPopupElement() {
-        return this.selector('#' + this.id + '_EditorTreeView');
-    }
-    getAggregationContextMenuElement() {
-        return this.selector('#' + this.id + 'valueFieldContextMenu');
-    }
-    getValueSettingsDialogElement() {
-        return this.selector('#' + this.id + '_ValueDialog');
-    }
-    getDrillThroughPopupElement() {
-        return this.selector('#' + this.id + '_drillthrough');
-    }
-    getConditionalFormattingPopupElement() {
-        return this.selector('#' + this.id + 'conditionalformatting');
-    }
-    getFieldListIconElement() {
-        return this.selector('#' + this.id + '_PivotFieldList');
-    }
-    getFieldListPopupElement() {
-        return this.selector('#' + this.id + '_PivotFieldList_Wrapper');
-    }
-    getCalculatedMemberPopupElement() {
-        return this.selector('#' + this.id + '_PivotFieldListcalculateddialog');
-    }
-    getFieldListFilterPopupElement() {
-        return this.selector('#' + this.id + '_PivotFieldList_EditorTreeView');
-    }
-    getFieldListAggregationContextMenuElement() {
-        return this.selector('#' + this.id + '_PivotFieldListvalueFieldContextMenu');
-    }
-    getFieldListValueSettingsPopupElement() {
-        return this.selector('#' + this.id + '_PivotFieldList_Wrapper_ValueDialog');
-    }
-}
-exports.PivotViewHelper = PivotViewHelper;
+        PivotViewHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        PivotViewHelper.prototype.getGridElement = function () {
+            return this.selector('#' + this.id + '_grid');
+        };
+        PivotViewHelper.prototype.getFilterPopupElement = function () {
+            return this.selector('#' + this.id + '_EditorTreeView');
+        };
+        PivotViewHelper.prototype.getAggregationContextMenuElement = function () {
+            return this.selector('#' + this.id + 'valueFieldContextMenu');
+        };
+        PivotViewHelper.prototype.getValueSettingsDialogElement = function () {
+            return this.selector('#' + this.id + '_ValueDialog');
+        };
+        PivotViewHelper.prototype.getDrillThroughPopupElement = function () {
+            return this.selector('#' + this.id + '_drillthrough');
+        };
+        PivotViewHelper.prototype.getConditionalFormattingPopupElement = function () {
+            return this.selector('#' + this.id + 'conditionalformatting');
+        };
+        PivotViewHelper.prototype.getFieldListIconElement = function () {
+            return this.selector('#' + this.id + '_PivotFieldList');
+        };
+        PivotViewHelper.prototype.getFieldListPopupElement = function () {
+            return this.selector('#' + this.id + '_PivotFieldList_Container');
+        };
+        PivotViewHelper.prototype.getCalculatedMemberPopupElement = function () {
+            return this.selector('#' + this.id + '_PivotFieldListcalculateddialog');
+        };
+        PivotViewHelper.prototype.getFieldListFilterPopupElement = function () {
+            return this.selector('#' + this.id + '_PivotFieldList_EditorTreeView');
+        };
+        PivotViewHelper.prototype.getFieldListAggregationContextMenuElement = function () {
+            return this.selector('#' + this.id + '_PivotFieldListvalueFieldContextMenu');
+        };
+        PivotViewHelper.prototype.getFieldListValueSettingsPopupElement = function () {
+            return this.selector('#' + this.id + '_PivotFieldList_Container_ValueDialog');
+        };
+        return PivotViewHelper;
+    }(e2e_1.TestHelper));
+    exports.PivotViewHelper = PivotViewHelper;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-pivotview@*",
-  "_id": "@syncfusion/ej2-pivotview@20.1.58",
+  "_id": "@syncfusion/ej2-pivotview@20.15.1",
   "_inBundle": false,
-  "_integrity": "sha512-4w6FZoxhrgTBV4KX7gFdqmTvF0ud9CbjyuZ9ISHRQtmWVe05cAeR0dMlvNy3+NeNaxRdsq1N3H/j1ijYXNvYFQ==",
+  "_integrity": "sha512-AQLV+/yXaiv8Csi9l0oqWHteOZHwop8hIYdiWwCSyk5oXAnygJyPbI/CYCRRBWV4sLiY1aAYiVp3mOBLQBfbUg==",
   "_location": "/@syncfusion/ej2-pivotview",
   "_phantomChildren": {},
   "_requested": {
@@ -23,8 +23,8 @@
     "/@syncfusion/ej2-react-pivotview",
     "/@syncfusion/ej2-vue-pivotview"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.1.58.tgz",
-  "_shasum": "a41867faab6e4082ba5f230462630ce20d8e382d",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-pivotview/-/ej2-pivotview-20.15.1.tgz",
+  "_shasum": "425d009fa2966ce92dedc51e735a93ab02aa04a7",
   "_spec": "@syncfusion/ej2-pivotview@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -35,23 +35,23 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.61",
-    "@syncfusion/ej2-buttons": "~20.1.61",
-    "@syncfusion/ej2-calendars": "~20.1.58",
-    "@syncfusion/ej2-charts": "~20.1.61",
-    "@syncfusion/ej2-compression": "~20.1.55",
-    "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-dropdowns": "~20.1.61",
-    "@syncfusion/ej2-excel-export": "~20.1.55",
-    "@syncfusion/ej2-file-utils": "~20.1.55",
-    "@syncfusion/ej2-grids": "~20.1.61",
-    "@syncfusion/ej2-inputs": "~20.1.61",
-    "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.61",
-    "@syncfusion/ej2-pdf-export": "~20.1.55",
-    "@syncfusion/ej2-popups": "~20.1.58",
-    "@syncfusion/ej2-splitbuttons": "~20.1.57",
-    "@syncfusion/ej2-svg-base": "~20.1.55"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-buttons": "~20.2.36",
+    "@syncfusion/ej2-calendars": "~20.2.36",
+    "@syncfusion/ej2-charts": "~20.2.36",
+    "@syncfusion/ej2-compression": "~20.2.36",
+    "@syncfusion/ej2-data": "~20.2.36",
+    "@syncfusion/ej2-dropdowns": "~20.2.36",
+    "@syncfusion/ej2-excel-export": "~20.2.36",
+    "@syncfusion/ej2-file-utils": "~20.2.36",
+    "@syncfusion/ej2-grids": "~20.2.36",
+    "@syncfusion/ej2-inputs": "~20.2.36",
+    "@syncfusion/ej2-lists": "~20.2.36",
+    "@syncfusion/ej2-navigations": "~20.2.36",
+    "@syncfusion/ej2-pdf-export": "~20.2.36",
+    "@syncfusion/ej2-popups": "~20.2.36",
+    "@syncfusion/ej2-splitbuttons": "~20.2.36",
+    "@syncfusion/ej2-svg-base": "~20.2.36"
   },
   "deprecated": false,
   "description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table.",
@@ -78,6 +78,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.61",
+  "version": "20.2.36",
   "sideEffects": false
 }

package/src/base/engine.js

@@ -3165,7 +3165,7 @@ var PivotEngine = /** @class */ (function () {
                     this.columnCount -= (!(this.showSubTotals && this.showColumnSubTotals && field.showSubTotals) && axis === 'column') ?
                         this.colValuesLength : 0;
                     var filterPosition = hierarchy[iln].index;
-                    hierarchy[iln].members = this.getIndexedHeaders(keys, data, keyInd + 1, (filterPosition === undefined ? [] : filterPosition), axis, parentMember);
+                    hierarchy[iln].members = this.getIndexedHeaders(keys, data, keyInd + 1, (filterPosition === undefined ? [] : filterPosition), axis, parentMember, valueFil);
                     if (this.frameHeaderObjectsCollection) {
                         this.headerObjectsCollection[parentMember] = hierarchy[iln].members;
                     }
@@ -3175,7 +3175,7 @@ var PivotEngine = /** @class */ (function () {
             if (this.enableSort) {
                 // return new DataManager(hierarchy as JSON[]).executeLocal(new Query().sortBy('actualText', childrens.sort.toLowerCase()));
                 if (isDateType) {
-                    return this.sortHeaders(fieldName, childrens, hierarchy, childrens.sort, childrens.type);
+                    return this.sortHeaders(fieldName, childrens, hierarchy, childrens.sort, 'date');
                 }
                 else {
                     if (childrens.type === 'number' && hierarchy.length > 0 && (typeof (hierarchy[0].actualText) === 'string')) {

package/src/base/olap/engine.js

@@ -810,7 +810,9 @@ var OlapEngine = /** @class */ (function () {
         var lastAllStartPos;
         var lastAllCount;
         var availAllMember = false;
+        var withoutAllEndPos = -1;
         var isGrandtoalDataAdd = false;
+        var prevTupInfo;
         var isGrandTotalTop = false;
         while (tupPos < tuples.length && !isGrandtoalDataAdd) {
             var members = tuples[this.customArgs.action === 'down' ?
@@ -820,12 +822,22 @@ var OlapEngine = /** @class */ (function () {
             var allStartPos = this.tupRowInfo[tupPos].allStartPos;
             var measure = this.tupRowInfo[tupPos].measure;
             var typeColl_1 = this.tupRowInfo[tupPos].typeCollection;
+            var drillStartPos = this.tupRowInfo[tupPos].drillStartPos;
+            var startDrillUniquename = this.tupRowInfo[tupPos].startDrillUniquename;
             memPos = 0;
             if (tupPos === 0 && (members.length > (allCount + (measure ? 1 : 0)) || (members.length === 1 && measure))) {
                 gTotals.pop();
             }
             if ((tupPos === 0 && this.isPaging) ? gTotals.length === 0 :
                 (!availAllMember || allCount === lastAllCount || allStartPos !== lastAllStartPos || (members.length === 1 && measure))) {
+                var attrDrill = this.checkAttributeDrill(this.tupRowInfo[tupPos].drillInfo, 'rows');
+                var drillAllow = drillStartPos > -1 ? (allCount > 0 ? (attrDrill || allStartPos > drillStartPos) : true) : true;
+                drillAllow = (prevTupInfo && drillAllow && drillStartPos > -1) ?
+                    (prevTupInfo.startDrillUniquename !== startDrillUniquename ? true :
+                        ((withoutAllEndPos > prevTupInfo.measurePosition ? false :
+                            prevTupInfo.measureName !== this.tupRowInfo[tupPos].measureName) &&
+                            (allStartPos === (drillStartPos + 1) || this.tupRowInfo[tupPos].measurePosition === (drillStartPos + 1))))
+                    : drillAllow;
                 if (members.length === allCount + (measure ? 1 : 0) && measure && !isGrandTotalTop) {
                     var levelName = 'Grand Total.' + members[measurePos].querySelector('Caption').textContent;
                     var formattedText = (typeColl_1[measurePos] === '3' && this.dataFields[this.getUniqueName(members[measurePos].querySelector('UName').textContent)] &&

package/src/base/olap/mdx-query.js

@@ -478,7 +478,7 @@ var MDXQuery = /** @class */ (function () {
             query = '((' + name + ').levels(0).AllMembers)';
         }
         else {
-            query = (dimension.isNamedSet ? '{' + name + '}' : this.isPaging ? name + '.CHILDREN' :
+            query = (dimension.isNamedSet || dimension.isCalculatedField ? '{' + name + '}' : this.isPaging ? name + '.CHILDREN' :
                 'DrilldownLevel({' + name + '}' + ((axis === 'rows' || axis === 'columns') ? ',,,INCLUDE_CALC_MEMBERS' : '') + ')');
         }
         return query;

package/src/common/actions/event-base.d.ts

@@ -9,6 +9,8 @@ import { IOlapField } from '../../base/olap/engine';
 /** @hidden */
 export declare class EventBase {
     parent: PivotCommon;
+    /** @hidden */
+    searchListItem: HTMLElement[];
     /**
      * Constructor for the dialog action.
      * @param {PivotCommon} parent - parent.
@@ -55,8 +57,8 @@ export declare class EventBase {
         [key: string]: Object;
     }[];
     private applyFilterCustomSort;
-    private getParentIDs;
-    private getChildIDs;
+    getParentIDs(treeObj: TreeView, id: string, parent: string[]): string[];
+    getChildIDs(treeObj: TreeView, id: string, children: string[]): string[];
     /**
      * show tree nodes using search text.
      * @hidden

package/src/common/actions/event-base.js

@@ -13,6 +13,8 @@ var EventBase = /** @class */ (function () {
      * @hidden
      */
     function EventBase(parent) {
+        /** @hidden */
+        this.searchListItem = [];
         this.parent = parent;
     }
     /**
@@ -196,16 +198,21 @@ var EventBase = /** @class */ (function () {
         var isItemAvail = false;
         var filterTypes = ['Include', 'Exclude'];
         if (filterObj && filterTypes.indexOf(filterObj.type) >= 0) {
-            var engineModule = this.parent.engineModule;
-            var field = engineModule.fieldList[fieldName];
-            var members = (engineModule.formatFields[fieldName] &&
-                (['date', 'dateTime', 'time'].indexOf(engineModule.formatFields[fieldName].type) > -1)) ?
-                field.formattedMembers : field.members;
-            for (var _i = 0, _a = filterObj.items; _i < _a.length; _i++) {
-                var item = _a[_i];
-                if (members[item]) {
-                    isItemAvail = true;
-                    break;
+            if (filterObj.type === 'Include' && filterObj.items.length === 0) {
+                isItemAvail = true;
+            }
+            else {
+                var engineModule = this.parent.engineModule;
+                var field = engineModule.fieldList[fieldName];
+                var members = (engineModule.formatFields[fieldName] &&
+                    (['date', 'dateTime', 'time'].indexOf(engineModule.formatFields[fieldName].type) > -1)) ?
+                    field.formattedMembers : field.members;
+                for (var _i = 0, _a = filterObj.items; _i < _a.length; _i++) {
+                    var item = _a[_i];
+                    if (members[item]) {
+                        isItemAvail = true;
+                        break;
+                    }
                 }
             }
         }
@@ -452,6 +459,7 @@ var EventBase = /** @class */ (function () {
             else {
                 treeObj.expandAll(undefined, undefined, true);
             }
+            this.searchListItem = searchList;
         }
         else {
             this.parent.searchTreeItems = [];

package/src/common/actions/field-list.js

@@ -60,7 +60,8 @@ var FieldList = /** @class */ (function () {
             maxNodeLimitInMemberEditor: this.parent.maxNodeLimitInMemberEditor,
             aggregateCellInfo: this.parent.bindTriggerEvents.bind(this.parent),
             onHeadersSort: this.parent.bindTriggerEvents.bind(this.parent),
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.cssClass,
+            enableFieldSearching: this.parent.enableFieldSearching
         });
         this.parent.pivotFieldListModule.isPopupView = true;
         this.parent.pivotFieldListModule.pivotGridModule = this.parent;

package/src/common/actions/pivot-button.js

@@ -197,7 +197,7 @@ var PivotButton = /** @class */ (function () {
                                 buttonWrapper.appendChild(buttonElement);
                             }
                             element.appendChild(buttonWrapper);
-                            var pivotButton = new Button({ enableRtl: this.parent.enableRtl, locale: this.parent.locale });
+                            var pivotButton = new Button({ enableRtl: this.parent.enableRtl, locale: this.parent.locale, cssClass: this.parent.cssClass });
                             pivotButton.isStringTemplate = true;
                             pivotButton.appendTo(buttonElement);
                             this.unWireEvent(buttonWrapper, i === valuePos && axis !== 'all-fields' ? 'values' : axis, isMeasureAvail);
@@ -1021,7 +1021,7 @@ var PivotButton = /** @class */ (function () {
         return [
             {
                 buttonModel: {
-                    cssClass: 'e-clear-filter-button' + (this.parent.pivotCommon.filterDialog.allowExcelLikeFilter ? '' : ' ' + cls.ICON_DISABLE),
+                    cssClass: 'e-clear-filter-button' + (this.parent.pivotCommon.filterDialog.allowExcelLikeFilter ? '' : ' ' + cls.ICON_DISABLE) + (this.parent.cssClass ? (' ' + this.parent.cssClass) : ''),
                     iconCss: 'e-icons e-clear-filter-icon', enableRtl: this.parent.enableRtl,
                     content: this.parent.localeObj.getConstant('clearFilter'), disabled: (this.parent.pivotCommon.filterDialog.filterObject ? false : true)
                 },
@@ -1029,13 +1029,13 @@ var PivotButton = /** @class */ (function () {
             },
             {
                 buttonModel: {
-                    cssClass: cls.OK_BUTTON_CLASS, content: this.parent.localeObj.getConstant('ok'), isPrimary: true
+                    cssClass: cls.OK_BUTTON_CLASS + (this.parent.cssClass ? (' ' + this.parent.cssClass) : ''), content: this.parent.localeObj.getConstant('ok'), isPrimary: true
                 },
                 click: (this.index === 0 ? this.updateFilterState.bind(this, this.fieldName) : this.updateCustomFilter.bind(this))
             },
             {
                 click: this.parent.pivotCommon.filterDialog.closeFilterDialog.bind(this.parent.pivotCommon.filterDialog),
-                buttonModel: { cssClass: cls.CANCEL_BUTTON_CLASS, content: this.parent.localeObj.getConstant('cancel') }
+                buttonModel: { cssClass: cls.CANCEL_BUTTON_CLASS + (this.parent.cssClass ? (' ' + this.parent.cssClass) : ''), content: this.parent.localeObj.getConstant('cancel') }
             }
         ];
     };

package/src/common/base/css-constant.d.ts

@@ -43,12 +43,26 @@ export declare const OLAP_FIELD_LIST_CLASS: string;
 /** @hidden */
 export declare const FIELD_LIST_TREE_CLASS: string;
 /** @hidden */
+export declare const FIELD_LIST_TREE_OUTER_DIV_CLASS: string;
+/** @hidden */
+export declare const FIELD_LIST_TREE_OUTER_DIV_SEARCH_CLASS: string;
+/** @hidden */
+export declare const FIELD_LIST_SEARCH_MODE_CLASS: string;
+/** @hidden */
 export declare const FIELD_HEADER_CLASS: string;
 /** @hidden */
+export declare const FIELD_HEADER_CONTAINER_CLASS: string;
+/** @hidden */
 export declare const FIELD_LIST_TITLE_CLASS: string;
 /** @hidden */
 export declare const FIELD_LIST_TITLE_CONTENT_CLASS: string;
 /** @hidden */
+export declare const FIELD_LIST_SEARCH_CLASS: string;
+/** @hidden */
+export declare const FIELD_LIST_SEARCH_INPUT_CLASS: string;
+/** @hidden */
+export declare const FIELD_LIST_SEARCH_ICON_CLASS: string;
+/** @hidden */
 export declare const FIELD_LIST_FOOTER_CLASS: string;
 /** @hidden */
 export declare const CALCULATED_FIELD_CLASS: string;
@@ -357,6 +371,8 @@ export declare const TREEVIEW: string;
 /** @hidden */
 export declare const TREEVIEWOUTER: string;
 /** @hidden */
+export declare const TREE_CONTAINER: string;
+/** @hidden */
 export declare const CALCCANCELBTN: string;
 /** @hidden */
 export declare const CALCADDBTN: string;

package/src/common/base/css-constant.js

@@ -43,12 +43,26 @@ export var OLAP_FIELD_LIST_CLASS = 'e-olap-field-list-tree';
 /** @hidden */
 export var FIELD_LIST_TREE_CLASS = 'e-field-list-tree';
 /** @hidden */
+export var FIELD_LIST_TREE_OUTER_DIV_CLASS = 'e-field-list-tree-outer-div';
+/** @hidden */
+export var FIELD_LIST_TREE_OUTER_DIV_SEARCH_CLASS = 'e-field-list-tree-outer-div-searchMode';
+/** @hidden */
+export var FIELD_LIST_SEARCH_MODE_CLASS = 'e-search-mode';
+/** @hidden */
 export var FIELD_HEADER_CLASS = 'e-field-header';
 /** @hidden */
+export var FIELD_HEADER_CONTAINER_CLASS = 'e-field-header-container';
+/** @hidden */
 export var FIELD_LIST_TITLE_CLASS = 'e-field-list-title';
 /** @hidden */
 export var FIELD_LIST_TITLE_CONTENT_CLASS = 'e-title-content';
 /** @hidden */
+export var FIELD_LIST_SEARCH_CLASS = 'e-field-list-search';
+/** @hidden */
+export var FIELD_LIST_SEARCH_INPUT_CLASS = 'e-field-list-search-input';
+/** @hidden */
+export var FIELD_LIST_SEARCH_ICON_CLASS = 'e-field-list-search-icon';
+/** @hidden */
 export var FIELD_LIST_FOOTER_CLASS = 'e-field-list-footer';
 /** @hidden */
 export var CALCULATED_FIELD_CLASS = 'e-calculated-field';
@@ -359,6 +373,8 @@ export var TREEVIEW = 'e-pivot-treeview';
 /** @hidden */
 export var TREEVIEWOUTER = 'e-pivot-treeview-outer';
 /** @hidden */
+export var TREE_CONTAINER = 'e-treeContainer';
+/** @hidden */
 export var CALCCANCELBTN = 'e-pivot-cancel-button';
 /** @hidden */
 export var CALCADDBTN = 'e-pivot-add-button';