@syncfusion/ej2-react-grids 27.1.53 → 27.1.57

package/dist/ej2-react-grids.min.js

@@ -1,10 +1,10 @@
 /*!
 *  filename: ej2-react-grids.min.js
-*  version : 27.1.53
+*  version : 27.1.57
 *  Copyright Syncfusion Inc. 2001 - 2023. 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. 
 */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionReactBase"),require("React"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionGrids"],t):"object"==typeof exports?exports.SyncfusionReactGrids=t(require("SyncfusionReactBase"),require("React"),require("SyncfusionGrids")):e.SyncfusionReactGrids=t(e.SyncfusionReactBase,e.React,e.SyncfusionGrids)}(self,((e,t,n)=>(()=>{"use strict";var r={653:(e,t,n)=>{n.d(t,{fM:()=>y,NQ:()=>g,Pb:()=>f,OQ:()=>m,iK:()=>a,SR:()=>u,Mw:()=>C,aX:()=>s,wg:()=>p});var r,o=n(705),i=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},r(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.moduleName="column",t.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},t}(o.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.propertyName="columns",t.moduleName="columns",t}(o.ComplexBase),c=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.moduleName="stackedColumn",t.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},t}(o.ComplexBase),p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.propertyName="columns",t.moduleName="stackedColumns",t}(o.ComplexBase),l=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.moduleName="aggregate",t}(o.ComplexBase),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.propertyName="aggregates",t.moduleName="aggregates",t}(o.ComplexBase),d=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return d(t,e),t.moduleName="aggregateColumn",t}(o.ComplexBase),g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return d(t,e),t.propertyName="columns",t.moduleName="aggregateColumns",t}(o.ComplexBase),h=n(24),_=n(707),v=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.templateProps=["template","headerTemplate","commandsTemplate","filter.itemTemplate","editTemplate","filterTemplate"],n.immediateRender=!1,n.portals=[],n}return v(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return h.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(_.Grid);(0,o.applyMixins)(C,[o.ComponentBase,h.Component])},858:(e,t,n)=>{n.d(t,{P:()=>c});var r,o=n(24),i=n(707),a=n(705),u=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},r(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return u(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return o.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(i.Pager);(0,a.applyMixins)(c,[a.ComponentBase,o.Component])},24:e=>{e.exports=t},707:e=>{e.exports=n},705:t=>{t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,i),n.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{AggregateColumnDirective:()=>e.fM,AggregateColumnsDirective:()=>e.NQ,AggregateDirective:()=>e.Pb,AggregatesDirective:()=>e.OQ,ColumnDirective:()=>e.iK,ColumnsDirective:()=>e.SR,GridComponent:()=>e.Mw,Inject:()=>n.Inject,PagerComponent:()=>t.P,StackedColumnDirective:()=>e.aX,StackedColumnsDirective:()=>e.wg});var e=i(653),t=i(858),n=i(705),r=i(707),o={};for(const e in r)["default","Inject","AggregateColumnDirective","AggregateColumnsDirective","AggregateDirective","AggregatesDirective","ColumnDirective","ColumnsDirective","GridComponent","StackedColumnDirective","StackedColumnsDirective","PagerComponent"].indexOf(e)<0&&(o[e]=()=>r[e]);i.d(a,o)})(),a})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("SyncfusionReactBase"),require("React"),require("SyncfusionGrids")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","React","SyncfusionGrids"],t):"object"==typeof exports?exports.SyncfusionReactGrids=t(require("SyncfusionReactBase"),require("React"),require("SyncfusionGrids")):e.SyncfusionReactGrids=t(e.SyncfusionReactBase,e.React,e.SyncfusionGrids)}(self,((e,t,n)=>(()=>{"use strict";var r={653:(e,t,n)=>{n.d(t,{fM:()=>y,NQ:()=>g,Pb:()=>f,OQ:()=>m,iK:()=>c,SR:()=>a,Mw:()=>C,aX:()=>s,wg:()=>p});var r,o=n(705),i=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},r(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.moduleName="column",t.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},t}(o.ComplexBase),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return i(t,e),t.propertyName="columns",t.moduleName="columns",t}(o.ComplexBase),u=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.moduleName="stackedColumn",t.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},t}(o.ComplexBase),p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.propertyName="columns",t.moduleName="stackedColumns",t}(o.ComplexBase),l=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.moduleName="aggregate",t}(o.ComplexBase),m=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return l(t,e),t.propertyName="aggregates",t.moduleName="aggregates",t}(o.ComplexBase),d=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return d(t,e),t.moduleName="aggregateColumn",t}(o.ComplexBase),g=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return d(t,e),t.propertyName="columns",t.moduleName="aggregateColumns",t}(o.ComplexBase),h=n(24),_=n(707),v=function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},e(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),C=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.templateProps=["template","headerTemplate","commandsTemplate","filter.itemTemplate","editTemplate","filterTemplate"],n.immediateRender=!1,n.isReactMock=!0,n.portals=[],n}return v(t,e),t.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return h.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(_.Grid);(0,o.applyMixins)(C,[o.ComponentBase,h.Component])},858:(e,t,n)=>{n.d(t,{P:()=>u});var r,o=n(24),i=n(707),c=n(705),a=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},r(e,t)},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),u=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.isReactMock=!0,n.portals=[],n}return a(t,e),t.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return o.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(i.Pager);(0,c.applyMixins)(u,[c.ComponentBase,o.Component])},24:e=>{e.exports=t},707:e=>{e.exports=n},705:t=>{t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,i),n.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{i.r(c),i.d(c,{AggregateColumnDirective:()=>e.fM,AggregateColumnsDirective:()=>e.NQ,AggregateDirective:()=>e.Pb,AggregatesDirective:()=>e.OQ,ColumnDirective:()=>e.iK,ColumnsDirective:()=>e.SR,GridComponent:()=>e.Mw,Inject:()=>n.Inject,PagerComponent:()=>t.P,StackedColumnDirective:()=>e.aX,StackedColumnsDirective:()=>e.wg});var e=i(653),t=i(858),n=i(705),r=i(707),o={};for(const e in r)["default","Inject","AggregateColumnDirective","AggregateColumnsDirective","AggregateDirective","AggregatesDirective","ColumnDirective","ColumnsDirective","GridComponent","StackedColumnDirective","StackedColumnsDirective","PagerComponent"].indexOf(e)<0&&(o[e]=()=>r[e]);i.d(c,o)})(),c})()));

package/dist/ej2-react-grids.umd.min.js

@@ -1,11 +1,11 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 27.1.53
+*  version : 27.1.57
 *  Copyright Syncfusion Inc. 2001 - 2023. 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. 
 */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-grids")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-grids"],t):t((e=e||self).ej={},e.ej2ReactBase,e.React,e.ej2Grids)}(this,function(t,e,n,r){"use strict";o=function(e,t){return(o=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var o,i,a=function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},q=(i=e.ComplexBase,a(p,i),p.moduleName="column",p.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},p);function p(){return null!==i&&i.apply(this,arguments)||this}c=e.ComplexBase,a(s,c),s.propertyName="columns",s.moduleName="columns";var c,a=s;function s(){return null!==c&&c.apply(this,arguments)||this}l=function(e,t){return(l=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var l,u,f=function(e,t){function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},E=(u=e.ComplexBase,f(m,u),m.moduleName="stackedColumn",m.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},m);function m(){return null!==u&&u.apply(this,arguments)||this}y=e.ComplexBase,f(d,y),d.propertyName="columns",d.moduleName="stackedColumns";var y,f=d;function d(){return null!==y&&y.apply(this,arguments)||this}h=function(e,t){return(h=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var h,_,g=function(e,t){function n(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},G=(_=e.ComplexBase,g(C,_),C.moduleName="aggregate",C);function C(){return null!==_&&_.apply(this,arguments)||this}j=e.ComplexBase,g(v,j),v.propertyName="aggregates",v.moduleName="aggregates";var j,g=v;function v(){return null!==j&&j.apply(this,arguments)||this}O=function(e,t){return(O=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var O,b,P=function(e,t){function n(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},F=(b=e.ComplexBase,P(x,b),x.moduleName="aggregateColumn",x);function x(){return null!==b&&b.apply(this,arguments)||this}T=e.ComplexBase,P(w,T),w.propertyName="columns",w.moduleName="aggregateColumns";var T,P=w;function w(){return null!==T&&T.apply(this,arguments)||this}A=function(e,t){return(A=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var A,N,R=function(e,t){function n(){this.constructor=e}A(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},R=(N=r.Grid,R(B,N),B.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));N.prototype.render.call(this),this.initRenderCalled=!0},B);function B(e){e=N.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},e.statelessTemplateProps=null,e.templateProps=["template","headerTemplate","commandsTemplate","filter.itemTemplate","editTemplate","filterTemplate"],e.immediateRender=!1,e.portals=[],e}e.applyMixins(R,[e.ComponentBase,n.Component]);k=function(e,t){return(k=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var k,D,M=function(e,t){function n(){this.constructor=e}k(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},M=(D=r.Pager,M(I,D),I.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));D.prototype.render.call(this),this.initRenderCalled=!0},I);function I(e){e=D.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.portals=[],e}e.applyMixins(M,[e.ComponentBase,n.Component]),Object.keys(r).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return r[e]}})}),Object.defineProperty(t,"Inject",{enumerable:!0,get:function(){return e.Inject}}),t.AggregateColumnDirective=F,t.AggregateColumnsDirective=P,t.AggregateDirective=G,t.AggregatesDirective=g,t.ColumnDirective=q,t.ColumnsDirective=a,t.GridComponent=R,t.PagerComponent=M,t.StackedColumnDirective=E,t.StackedColumnsDirective=f,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-grids")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-grids"],t):t((e=e||self).ej={},e.ej2ReactBase,e.React,e.ej2Grids)}(this,function(t,e,n,o){"use strict";r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var r,i,a=function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},q=(i=e.ComplexBase,a(c,i),c.moduleName="column",c.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},c);function c(){return null!==i&&i.apply(this,arguments)||this}s=e.ComplexBase,a(p,s),p.propertyName="columns",p.moduleName="columns";var s,a=p;function p(){return null!==s&&s.apply(this,arguments)||this}l=function(e,t){return(l=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var l,u,f=function(e,t){function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},E=(u=e.ComplexBase,f(m,u),m.moduleName="stackedColumn",m.complexTemplate={"filter.itemTemplate":"filter.itemTemplate"},m);function m(){return null!==u&&u.apply(this,arguments)||this}y=e.ComplexBase,f(d,y),d.propertyName="columns",d.moduleName="stackedColumns";var y,f=d;function d(){return null!==y&&y.apply(this,arguments)||this}h=function(e,t){return(h=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var h,_,g=function(e,t){function n(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},G=(_=e.ComplexBase,g(C,_),C.moduleName="aggregate",C);function C(){return null!==_&&_.apply(this,arguments)||this}j=e.ComplexBase,g(v,j),v.propertyName="aggregates",v.moduleName="aggregates";var j,g=v;function v(){return null!==j&&j.apply(this,arguments)||this}O=function(e,t){return(O=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var O,b,P=function(e,t){function n(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},F=(b=e.ComplexBase,P(R,b),R.moduleName="aggregateColumn",R);function R(){return null!==b&&b.apply(this,arguments)||this}x=e.ComplexBase,P(k,x),k.propertyName="columns",k.moduleName="aggregateColumns";var x,P=k;function k(){return null!==x&&x.apply(this,arguments)||this}T=function(e,t){return(T=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var T,w,A=function(e,t){function n(){this.constructor=e}T(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},A=(w=o.Grid,A(N,w),N.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));w.prototype.render.call(this),this.initRenderCalled=!0},N);function N(e){e=w.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},e.statelessTemplateProps=null,e.templateProps=["template","headerTemplate","commandsTemplate","filter.itemTemplate","editTemplate","filterTemplate"],e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}e.applyMixins(A,[e.ComponentBase,n.Component]);B=function(e,t){return(B=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}))(e,t)};var B,D,M=function(e,t){function n(){this.constructor=e}B(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},M=(D=o.Pager,M(I,D),I.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));D.prototype.render.call(this),this.initRenderCalled=!0},I);function I(e){e=D.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}e.applyMixins(M,[e.ComponentBase,n.Component]),Object.keys(o).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return o[e]}})}),Object.defineProperty(t,"Inject",{enumerable:!0,get:function(){return e.Inject}}),t.AggregateColumnDirective=F,t.AggregateColumnsDirective=P,t.AggregateDirective=G,t.AggregatesDirective=g,t.ColumnDirective=q,t.ColumnsDirective=a,t.GridComponent=A,t.PagerComponent=M,t.StackedColumnDirective=E,t.StackedColumnsDirective=f,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-grids.umd.min.js.map

package/dist/ej2-react-grids.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-grids.umd.min.js","sources":["../src/grid/columns-directive.js","../src/grid/stacked-column-directive.js","../src/grid/aggregates-directive.js","../src/grid/aggregate-columns-directive.js","../src/grid/grid.component.js","../src/pager/pager.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n    __extends(ColumnDirective, _super);\n    function ColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnDirective.moduleName = 'column';\n    ColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\n    return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n    __extends(ColumnsDirective, _super);\n    function ColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnsDirective.propertyName = 'columns';\n    ColumnsDirective.moduleName = 'columns';\n    return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\nvar StackedColumnDirective = /** @class */ (function (_super) {\n    __extends(StackedColumnDirective, _super);\n    function StackedColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    StackedColumnDirective.moduleName = 'stackedColumn';\n    StackedColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\n    return StackedColumnDirective;\n}(ComplexBase));\nexport { StackedColumnDirective };\nvar StackedColumnsDirective = /** @class */ (function (_super) {\n    __extends(StackedColumnsDirective, _super);\n    function StackedColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    StackedColumnsDirective.propertyName = 'columns';\n    StackedColumnsDirective.moduleName = 'stackedColumns';\n    return StackedColumnsDirective;\n}(ComplexBase));\nexport { StackedColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateDirective = /** @class */ (function (_super) {\n    __extends(AggregateDirective, _super);\n    function AggregateDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregateDirective.moduleName = 'aggregate';\n    return AggregateDirective;\n}(ComplexBase));\nexport { AggregateDirective };\nvar AggregatesDirective = /** @class */ (function (_super) {\n    __extends(AggregatesDirective, _super);\n    function AggregatesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregatesDirective.propertyName = 'aggregates';\n    AggregatesDirective.moduleName = 'aggregates';\n    return AggregatesDirective;\n}(ComplexBase));\nexport { AggregatesDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateColumnDirective = /** @class */ (function (_super) {\n    __extends(AggregateColumnDirective, _super);\n    function AggregateColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregateColumnDirective.moduleName = 'aggregateColumn';\n    return AggregateColumnDirective;\n}(ComplexBase));\nexport { AggregateColumnDirective };\nvar AggregateColumnsDirective = /** @class */ (function (_super) {\n    __extends(AggregateColumnsDirective, _super);\n    function AggregateColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregateColumnsDirective.propertyName = 'columns';\n    AggregateColumnsDirective.moduleName = 'aggregateColumns';\n    return AggregateColumnsDirective;\n}(ComplexBase));\nexport { AggregateColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar GridComponent = /** @class */ (function (_super) {\n    __extends(GridComponent, _super);\n    function GridComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = [\"template\", \"headerTemplate\", \"commandsTemplate\", \"filter.itemTemplate\", \"editTemplate\", \"filterTemplate\"];\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    GridComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return GridComponent;\n}(Grid));\nexport { GridComponent };\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nvar PagerComponent = /** @class */ (function (_super) {\n    __extends(PagerComponent, _super);\n    function PagerComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.portals = [];\n        return _this;\n    }\n    PagerComponent.prototype.render = function () {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return PagerComponent;\n}(Pager));\nexport { PagerComponent };\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","ColumnDirective","ComplexBase","moduleName","complexTemplate","filter.itemTemplate","apply","arguments","ColumnsDirective","propertyName","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","GridComponent","Grid","render","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","props","children","portals","call","_this","checkInjectedModules","directivekeys","columns","column","stackedColumns","aggregates","aggregate","aggregateColumns","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component","PagerComponent","Pager"],"mappings":"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"}
+{"version":3,"file":"ej2-react-grids.umd.min.js","sources":["../src/grid/columns-directive.js","../src/grid/stacked-column-directive.js","../src/grid/aggregates-directive.js","../src/grid/aggregate-columns-directive.js","../src/grid/grid.component.js","../src/pager/pager.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n    __extends(ColumnDirective, _super);\n    function ColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnDirective.moduleName = 'column';\n    ColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\n    return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n    __extends(ColumnsDirective, _super);\n    function ColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ColumnsDirective.propertyName = 'columns';\n    ColumnsDirective.moduleName = 'columns';\n    return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\nvar StackedColumnDirective = /** @class */ (function (_super) {\n    __extends(StackedColumnDirective, _super);\n    function StackedColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    StackedColumnDirective.moduleName = 'stackedColumn';\n    StackedColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\n    return StackedColumnDirective;\n}(ComplexBase));\nexport { StackedColumnDirective };\nvar StackedColumnsDirective = /** @class */ (function (_super) {\n    __extends(StackedColumnsDirective, _super);\n    function StackedColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    StackedColumnsDirective.propertyName = 'columns';\n    StackedColumnsDirective.moduleName = 'stackedColumns';\n    return StackedColumnsDirective;\n}(ComplexBase));\nexport { StackedColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateDirective = /** @class */ (function (_super) {\n    __extends(AggregateDirective, _super);\n    function AggregateDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregateDirective.moduleName = 'aggregate';\n    return AggregateDirective;\n}(ComplexBase));\nexport { AggregateDirective };\nvar AggregatesDirective = /** @class */ (function (_super) {\n    __extends(AggregatesDirective, _super);\n    function AggregatesDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregatesDirective.propertyName = 'aggregates';\n    AggregatesDirective.moduleName = 'aggregates';\n    return AggregatesDirective;\n}(ComplexBase));\nexport { AggregatesDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateColumnDirective = /** @class */ (function (_super) {\n    __extends(AggregateColumnDirective, _super);\n    function AggregateColumnDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregateColumnDirective.moduleName = 'aggregateColumn';\n    return AggregateColumnDirective;\n}(ComplexBase));\nexport { AggregateColumnDirective };\nvar AggregateColumnsDirective = /** @class */ (function (_super) {\n    __extends(AggregateColumnsDirective, _super);\n    function AggregateColumnsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    AggregateColumnsDirective.propertyName = 'columns';\n    AggregateColumnsDirective.moduleName = 'aggregateColumns';\n    return AggregateColumnsDirective;\n}(ComplexBase));\nexport { AggregateColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar GridComponent = /** @class */ (function (_super) {\n    __extends(GridComponent, _super);\n    function GridComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = [\"template\", \"headerTemplate\", \"commandsTemplate\", \"filter.itemTemplate\", \"editTemplate\", \"filterTemplate\"];\n        _this.immediateRender = false;\n        _this.isReactMock = true;\n        _this.portals = [];\n        return _this;\n    }\n    GridComponent.prototype.render = function () {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return GridComponent;\n}(Grid));\nexport { GridComponent };\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nvar PagerComponent = /** @class */ (function (_super) {\n    __extends(PagerComponent, _super);\n    function PagerComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.isReactMock = true;\n        _this.portals = [];\n        return _this;\n    }\n    PagerComponent.prototype.render = function () {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return PagerComponent;\n}(Pager));\nexport { PagerComponent };\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","ColumnDirective","ComplexBase","moduleName","complexTemplate","filter.itemTemplate","apply","arguments","ColumnsDirective","propertyName","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","GridComponent","Grid","render","isReactMock","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","props","children","portals","call","_this","checkInjectedModules","directivekeys","columns","column","stackedColumns","aggregates","aggregate","aggregateColumns","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component","PagerComponent","Pager"],"mappings":"4XACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAyBuCS,EA1B3CC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAgBnFK,GAA2CP,EAQ7CQ,cAPEP,EAAUM,EAAiBP,CAAM,EAIjCO,EAAgBE,WAAa,SAC7BF,EAAgBG,gBAAkB,CAAEC,sBAAuB,uBACpDJ,GALP,SAASA,IACL,OAAkB,OAAXP,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KAOnBH,EAQ9CQ,cAPEP,EAAUa,EAAkBd,CAAM,EAIlCc,EAAiBC,aAAe,UAChCD,EAAiBL,WAAa,cANcT,EAA5Cc,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXd,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KCtC3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAa8CS,EAdlDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAInFc,GAAkDhB,EAQpDQ,cAPEP,EAAUe,EAAwBhB,CAAM,EAIxCgB,EAAuBP,WAAa,gBACpCO,EAAuBN,gBAAkB,CAAEC,sBAAuB,uBAC3DK,GALP,SAASA,IACL,OAAkB,OAAXhB,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KAOZH,EAQrDQ,cAPEP,EAAUgB,EAAyBjB,CAAM,EAIzCiB,EAAwBF,aAAe,UACvCE,EAAwBR,WAAa,qBANcT,EAAnDiB,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXjB,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KC1B3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAgC0CS,EAjC9CC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAuBnFgB,GAA8ClB,EAOhDQ,cANEP,EAAUiB,EAAoBlB,CAAM,EAIpCkB,EAAmBT,WAAa,YACzBS,GAJP,SAASA,IACL,OAAkB,OAAXlB,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KAMhBH,EAQjDQ,cAPEP,EAAUkB,EAAqBnB,CAAM,EAIrCmB,EAAoBJ,aAAe,aACnCI,EAAoBV,WAAa,iBANcT,EAA/CmB,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXnB,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KC5C3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EA+BgDS,EAhCpDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAsBnFkB,GAAoDpB,EAOtDQ,cANEP,EAAUmB,EAA0BpB,CAAM,EAI1CoB,EAAyBX,WAAa,kBAC/BW,GAJP,SAASA,IACL,OAAkB,OAAXpB,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KAMVH,EAQvDQ,cAPEP,EAAUoB,EAA2BrB,CAAM,EAI3CqB,EAA0BN,aAAe,UACzCM,EAA0BZ,WAAa,uBANcT,EAArDqB,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXrB,GAAmBA,EAAOY,MAAMT,KAAMU,SAAS,GAAKV,KC3C3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqBqCS,EAtBzCC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFoB,GAAyCtB,EAyB3CuB,OAxBEtB,EAAUqB,EAAetB,CAAM,EAa/BsB,EAAcjB,UAAUmB,OAAS,WAE7B,GADArB,KAAKsB,YAAc,CAAA,EACf,EAAEtB,KAAKuB,SAAW,CAACvB,KAAKwB,kBAAqBxB,KAAKyB,aAAgBzB,KAAK0B,oBAKvE,OAAOC,gBAAoB,MAAO3B,KAAK4B,uBAAwB,GAAGC,OAAO7B,KAAK8B,MAAMC,SAAU/B,KAAKgC,OAAO,CAAC,EAJ3GnC,EAAOK,UAAUmB,OAAOY,KAAKjC,IAAI,EACjCA,KAAKwB,iBAAmB,CAAA,GAMzBL,GAtBP,SAASA,EAAcW,GACfI,EAAQrC,EAAOoC,KAAKjC,KAAM8B,CAAK,GAAK9B,KASxC,OARAkC,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAME,cAAgB,CAAEC,QAAW,CAAEC,OAAU,CAAEC,eAAkB,kBAAqBC,WAAc,CAAEC,UAAa,CAAEC,iBAAoB,qBAC3IR,EAAMS,uBAAyB,KAC/BT,EAAMU,cAAgB,CAAC,WAAY,iBAAkB,mBAAoB,sBAAuB,eAAgB,kBAChHV,EAAMW,gBAAkB,CAAA,EACxBX,EAAMZ,YAAc,CAAA,EACpBY,EAAMF,QAAU,GACTE,gBAeHf,EAAe,CAAC2B,gBAAeC,YAAgB,EChDnD3D,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqBsCS,EAtB1CC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFiD,GAA0CnD,EAwB5CoD,QAvBEnD,EAAUkD,EAAgBnD,CAAM,EAYhCmD,EAAe9C,UAAUmB,OAAS,WAE9B,GADArB,KAAKsB,YAAc,CAAA,EACf,EAAEtB,KAAKuB,SAAW,CAACvB,KAAKwB,kBAAqBxB,KAAKyB,aAAgBzB,KAAK0B,oBAKvE,OAAOC,gBAAoB,MAAO3B,KAAK4B,uBAAwB,GAAGC,OAAO7B,KAAK8B,MAAMC,SAAU/B,KAAKgC,OAAO,CAAC,EAJ3GnC,EAAOK,UAAUmB,OAAOY,KAAKjC,IAAI,EACjCA,KAAKwB,iBAAmB,CAAA,GAMzBwB,GArBP,SAASA,EAAelB,GAChBI,EAAQrC,EAAOoC,KAAKjC,KAAM8B,CAAK,GAAK9B,KAQxC,OAPAkC,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAMS,uBAAyB,KAC/BT,EAAMU,cAAgB,KACtBV,EAAMW,gBAAkB,CAAA,EACxBX,EAAMZ,YAAc,CAAA,EACpBY,EAAMF,QAAU,GACTE,gBAeHc,EAAgB,CAACF,gBAAeC,YAAgB"}

package/dist/es6/ej2-react-grids.es2015.js

@@ -102,9 +102,11 @@ class GridComponent extends Grid {
         this.statelessTemplateProps = null;
         this.templateProps = ["template", "headerTemplate", "commandsTemplate", "filter.itemTemplate", "editTemplate", "filterTemplate"];
         this.immediateRender = false;
+        this.isReactMock = true;
         this.portals = [];
     }
     render() {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;
@@ -130,9 +132,11 @@ class PagerComponent extends Pager {
         this.statelessTemplateProps = null;
         this.templateProps = null;
         this.immediateRender = false;
+        this.isReactMock = true;
         this.portals = [];
     }
     render() {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
             super.render();
             this.initRenderCalled = true;

package/dist/es6/ej2-react-grids.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-grids.es2015.js","sources":["../src/es6/grid/columns-directive.js","../src/es6/grid/stacked-column-directive.js","../src/es6/grid/aggregates-directive.js","../src/es6/grid/aggregate-columns-directive.js","../src/es6/grid/grid.component.js","../src/es6/pager/pager.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class StackedColumnDirective extends ComplexBase {\n}\nStackedColumnDirective.moduleName = 'stackedColumn';\nStackedColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\nexport class StackedColumnsDirective extends ComplexBase {\n}\nStackedColumnsDirective.propertyName = 'columns';\nStackedColumnsDirective.moduleName = 'stackedColumns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateDirective extends ComplexBase {\n}\nAggregateDirective.moduleName = 'aggregate';\nexport class AggregatesDirective extends ComplexBase {\n}\nAggregatesDirective.propertyName = 'aggregates';\nAggregatesDirective.moduleName = 'aggregates';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase {\n}\nAggregateColumnDirective.moduleName = 'aggregateColumn';\nexport class AggregateColumnsDirective extends ComplexBase {\n}\nAggregateColumnsDirective.propertyName = 'columns';\nAggregateColumnsDirective.moduleName = 'aggregateColumns';\n","import * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class GridComponent extends Grid {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n        this.statelessTemplateProps = null;\n        this.templateProps = [\"template\", \"headerTemplate\", \"commandsTemplate\", \"filter.itemTemplate\", \"editTemplate\", \"filterTemplate\"];\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nexport class PagerComponent extends Pager {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.portals = [];\n    }\n    render() {\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}
+{"version":3,"file":"ej2-react-grids.es2015.js","sources":["../src/es6/grid/columns-directive.js","../src/es6/grid/stacked-column-directive.js","../src/es6/grid/aggregates-directive.js","../src/es6/grid/aggregate-columns-directive.js","../src/es6/grid/grid.component.js","../src/es6/pager/pager.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class StackedColumnDirective extends ComplexBase {\n}\nStackedColumnDirective.moduleName = 'stackedColumn';\nStackedColumnDirective.complexTemplate = { 'filter.itemTemplate': 'filter.itemTemplate' };\nexport class StackedColumnsDirective extends ComplexBase {\n}\nStackedColumnsDirective.propertyName = 'columns';\nStackedColumnsDirective.moduleName = 'stackedColumns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateDirective extends ComplexBase {\n}\nAggregateDirective.moduleName = 'aggregate';\nexport class AggregatesDirective extends ComplexBase {\n}\nAggregatesDirective.propertyName = 'aggregates';\nAggregatesDirective.moduleName = 'aggregates';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase {\n}\nAggregateColumnDirective.moduleName = 'aggregateColumn';\nexport class AggregateColumnsDirective extends ComplexBase {\n}\nAggregateColumnsDirective.propertyName = 'columns';\nAggregateColumnsDirective.moduleName = 'aggregateColumns';\n","import * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class GridComponent extends Grid {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n        this.statelessTemplateProps = null;\n        this.templateProps = [\"template\", \"headerTemplate\", \"commandsTemplate\", \"filter.itemTemplate\", \"editTemplate\", \"filterTemplate\"];\n        this.immediateRender = false;\n        this.isReactMock = true;\n        this.portals = [];\n    }\n    render() {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nexport class PagerComponent extends Pager {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.isReactMock = true;\n        this.portals = [];\n    }\n    render() {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@27.1.52",
+  "_id": "@syncfusion/ej2-react-grids@27.1.55",
   "_inBundle": false,
-  "_integrity": "sha512-IMODWLs730CL3FxGt/tHrjS+zyrIMClnKWT5KJ+QpkXPVghI25BDBUzW4BaXclTRVuImTyMTCSMNX59Q08U6MA==",
+  "_integrity": "sha512-YixdnNWg4c7c9JDysaap06jOVIR3Ouni6x6mWdhitb6dYOl5deCBVA9q4+VcvLeBywsu5IPp5S+t1bhHUM5KuQ==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-27.1.52.tgz",
-  "_shasum": "90692eb6e6bf3ee9b7519af920422ca6cdf2ddb0",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-27.1.55.tgz",
+  "_shasum": "137772ae2e7ef31ff013a16df43619ec79fed9fa",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -31,8 +31,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.53",
-    "@syncfusion/ej2-grids": "27.1.53",
+    "@syncfusion/ej2-base": "~27.1.55",
+    "@syncfusion/ej2-grids": "27.1.57",
     "@syncfusion/ej2-react-base": "~27.1.50"
   },
   "deprecated": false,
@@ -54,6 +54,6 @@
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "27.1.53",
+  "version": "27.1.57",
   "sideEffects": false
 }

package/src/grid/grid.component.d.ts

@@ -30,6 +30,7 @@ export declare class GridComponent extends Grid {
     private statelessTemplateProps;
     private templateProps;
     private immediateRender;
+    private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
     }> & Readonly<GridModel | DefaultHtmlAttributes | GridTypecast>;

package/src/grid/grid.component.js

@@ -30,10 +30,12 @@ var GridComponent = /** @class */ (function (_super) {
         _this.statelessTemplateProps = null;
         _this.templateProps = ["template", "headerTemplate", "commandsTemplate", "filter.itemTemplate", "editTemplate", "filterTemplate"];
         _this.immediateRender = false;
+        _this.isReactMock = true;
         _this.portals = [];
         return _this;
     }
     GridComponent.prototype.render = function () {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
             _super.prototype.render.call(this);
             this.initRenderCalled = true;

package/src/pager/pager.component.d.ts

@@ -21,6 +21,7 @@ export declare class PagerComponent extends Pager {
     private statelessTemplateProps;
     private templateProps;
     private immediateRender;
+    private isReactMock;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
     }> & Readonly<PagerModel | DefaultHtmlAttributes | PagerTypecast>;

package/src/pager/pager.component.js

@@ -29,10 +29,12 @@ var PagerComponent = /** @class */ (function (_super) {
         _this.statelessTemplateProps = null;
         _this.templateProps = null;
         _this.immediateRender = false;
+        _this.isReactMock = true;
         _this.portals = [];
         return _this;
     }
     PagerComponent.prototype.render = function () {
+        this.isReactMock = false;
         if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
             _super.prototype.render.call(this);
             this.initRenderCalled = true;