ag-grid-react - npm Package Compare versions

Comparing version 24.1.1 to 25.0.0

bundles/ag-grid-react.amd.min.js

@@ -1,1 +0,1 @@
-define(["exports","prop-types","react","react-dom","agGrid","react-dom/server"],function(e,t,a,r,s,p){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function n(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var i=function(){return(i=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};var c,u=(n(l,c=a.Component),l.prototype.render=function(){return null},l.mapChildColumnDefs=function(t){return a.Children.map(t,function(t){return l.toColDef(t.props)})},l.toColDef=function(t){var e=t.children,t=function(t,e){var n={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]]);return n}(t,["children"]);return l.hasChildColumns(e)&&(t.children=l.mapChildColumnDefs(e)),t},l.hasChildColumns=function(t){return 0<a.Children.count(t)},l);function l(t){var e=c.call(this,t)||this;return e.props=t,e}function h(t,e){t.forEach(function(t){u[t]=e})}h(s.ColDefUtil.BOOLEAN_PROPERTIES,t.bool),h(s.ColDefUtil.STRING_PROPERTIES,t.string),h(s.ColDefUtil.OBJECT_PROPERTIES,t.object),h(s.ColDefUtil.ARRAY_PROPERTIES,t.array),h(s.ColDefUtil.NUMBER_PROPERTIES,t.number),h(s.ColDefUtil.FUNCTION_PROPERTIES,t.func);var f=(m.prototype.hasMethod=function(t){var e=this.getFrameworkComponentInstance();return null!=e&&null!=e[t]},m.prototype.callMethod=function(t,e){var n=this,r=this.getFrameworkComponentInstance();if(null==r)window.setTimeout(function(){return n.callMethod(t,e)},100);else{var o=this.getFrameworkComponentInstance()[t];if(null!=o)return o.apply(r,e)}},m.prototype.addMethod=function(t,e){this[t]=e},m);function m(){}var y=0;var d,C=(n(g,d=f),g.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},g.prototype.isStatelessComponent=function(){return this.statelessComponent},g.prototype.getReactComponentName=function(){return this.reactComponent.name},g.prototype.init=function(e){var n=this;return this.eParentElement=this.createParentElement(e),this.renderStaticMarkup(e),this.isStatelessComponent()&&this.eParentElement.addEventListener("DOMNodeInserted",this.statelessDomInsertedListener,!1),new s.Promise(function(t){return n.createReactComponent(e,t)})},g.prototype.getGui=function(){return this.eParentElement},g.prototype.destroy=function(){return this.eParentElement.removeEventListener("DOMNodeInserted",this.statelessDomInsertedListener),this.parentComponent.destroyPortal(this.portal)},g.prototype.createReactComponent=function(t,e){var n=this;this.isStatelessComponent()||(t.ref=function(t){n.componentInstance=t,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()});t=a.createElement(this.reactComponent,t),t=r.createPortal(t,this.eParentElement,"agPortalKey_"+ ++y);this.portal=t,this.parentComponent.mountReactPortal(t,this,function(t){e(t),n.isStatelessComponent()&&setTimeout(function(){return n.removeStaticMarkup()})})},g.prototype.addParentContainerStyleAndClasses=function(){var e,n,r=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&(e=this.eParentElement.style,n=this.componentInstance.getReactContainerStyle(),Object.keys(n).forEach(function(t){e[t]=n[t]})),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(t){return s._.addCssClass(r.eParentElement,t)}))},g.prototype.createParentElement=function(t){var e=document.createElement(this.parentComponent.props.componentWrappingElement||"div");return s._.addCssClass(e,"ag-react-container"),t.reactContainer=e},g.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},g.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},g.isStateless=function(t){return"function"==typeof t&&!(t.prototype&&t.prototype.isReactComponent)||"object"==typeof t&&t.$$typeof===g.REACT_MEMO_TYPE},g.prototype.isNullRender=function(){return""===this.staticMarkup},g.prototype.renderStaticMarkup=function(t){if(!(this.parentComponent.isDisableStaticMarkup()||this.componentType.isCellRenderer&&!this.componentType.isCellRenderer())){var e=console.error,n=a.createElement(this.reactComponent,t);try{var r=console.error;console.error=function(){};var o=Date.now(),i=p.renderToStaticMarkup(n);this.staticRenderTime=Date.now()-o,console.error=r,""===i?this.staticMarkup=i:i&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=i,this.eParentElement.appendChild(this.staticMarkup))}catch(t){}finally{console.error=e}}},g.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.isCellRenderer()&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},g.prototype.rendered=function(){return this.isNullRender()||!!this.staticMarkup||!(!this.isStatelessComponent()||!this.statelessComponentRendered())||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},g.REACT_MEMO_TYPE=g.hasSymbol()?Symbol.for("react.memo"):60115,g);function g(t,e,n){var r=d.call(this)||this;return r.portal=null,r.statelessDomInsertedListener=null,r.staticMarkup=null,r.staticRenderTime=0,r.reactComponent=t,r.componentType=n,r.parentComponent=e,r.statelessComponent=g.isStateless(r.reactComponent),r.isStatelessComponent()&&(r.statelessDomInsertedListener=function(){r.removeStaticMarkup()}),r}(f=e.ChangeDetectionStrategyType||(e.ChangeDetectionStrategyType={})).IdentityCheck="IdentityCheck",f.DeepValueCheck="DeepValueCheck",f.NoCheck="NoCheck";var v=(E.prototype.getStrategy=function(t){return this.strategyMap[t]},E);function E(){var t;this.strategyMap=((t={})[e.ChangeDetectionStrategyType.DeepValueCheck]=new O,t[e.ChangeDetectionStrategyType.IdentityCheck]=new P(function(t,e){return t===e}),t[e.ChangeDetectionStrategyType.NoCheck]=new P(function(t,e){return!1}),t)}var P=(S.prototype.areEqual=function(t,e){return this.strategy(t,e)},S);function S(t){this.strategy=t}var O=(R.prototype.areEqual=function(t,e){return R.areEquivalent(R.copy(t),R.copy(e))},R.unwrapStringOrNumber=function(t){return t instanceof Number||t instanceof String?t.valueOf():t},R.copy=function(t){if(!t)return t;if(Array.isArray(t)){for(var e=[],n=0;n<t.length;n++)e.push(this.copy(t[n]));return e}return"object"!=typeof t?t:[{},t].reduce(function(e,n){return Object.keys(n).forEach(function(t){e[t]=n[t]}),e},{})},R.isNaN=function(t){return Number.isNaN?Number.isNaN(t):"number"==typeof t&&isNaN(t)},R.areEquivalent=function(e,n){if(e=R.unwrapStringOrNumber(e),n=R.unwrapStringOrNumber(n),e===n)return!0;if(null===e||null===n||typeof e!=typeof n)return!1;if(R.isNaN(e)&&R.isNaN(n))return!0;if(e instanceof Date)return n instanceof Date&&e.valueOf()===n.valueOf();if("function"==typeof e)return e.toString()===n.toString();if("object"!=typeof e||e.$$typeof&&"Symbol(react.element)"===e.$$typeof.toString())return e==n;var t=void 0===e.areEquivPropertyTracking,r=void 0===n.areEquivPropertyTracking;try{var o=void 0;if(t)e.areEquivPropertyTracking=[];else if(e.areEquivPropertyTracking.some(function(t){return t===n}))return!0;if(r)n.areEquivPropertyTracking=[];else if(n.areEquivPropertyTracking.some(function(t){return t===e}))return!0;e.areEquivPropertyTracking.push(n),n.areEquivPropertyTracking.push(e);var i={};for(o in e)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in n)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in i)if(!this.areEquivalent(e[o],n[o]))return!1;return!0}finally{t&&delete e.areEquivPropertyTracking,r&&delete n.areEquivPropertyTracking}},R);function R(){}var D,T=(n(k,D=a.Component),k.prototype.render=function(){var e=this;return a.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(t){e.eGridDiv=t}},this.portals)},k.prototype.createStyleForDiv=function(){return i({height:"100%"},this.props.containerStyle||{})},k.prototype.componentDidMount=function(){var t=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new M(this)},modules:t},n=this.props.gridOptions||{},t=this.props.children;u.hasChildColumns(t)&&(n.columnDefs=u.mapChildColumnDefs(t)),this.gridOptions=s.ComponentUtil.copyAttributesToGridOptions(n,this.props),new s.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi},k.prototype.waitForInstance=function(t,e,n){var r=this;void 0===n&&(n=Date.now()),this.destroyed?e(null):t.rendered()?e(t):Date.now()-n>=k.MAX_COMPONENT_CREATION_TIME_IN_MS?console.error("ag-Grid: React Component '"+t.getReactComponentName()+"' not created within "+k.MAX_COMPONENT_CREATION_TIME_IN_MS+"ms"):window.setTimeout(function(){return r.batchUpdate(function(){return r.waitForInstance(t,e,n)})})},k.prototype.mountReactPortal=function(t,e,n){var r=this;this.portals=function(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),o=0,e=0;e<n;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}(this.portals,[t]),this.batchUpdate(function(){return r.waitForInstance(e,n)})},k.prototype.batchUpdate=function(t){var e=this;this.hasPendingPortalUpdate?t&&t():(setTimeout(function(){e.api&&e.forceUpdate(function(){t&&t(),e.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},k.prototype.destroyPortal=function(e){this.portals=this.portals.filter(function(t){return t!==e}),this.batchUpdate()},k.prototype.getStrategyTypeForProp=function(t){if("rowData"===t){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return e.ChangeDetectionStrategyType.IdentityCheck}return e.ChangeDetectionStrategyType.DeepValueCheck},k.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData)},k.prototype.shouldComponentUpdate=function(t){return this.processPropsChanges(this.props,t),!1},k.prototype.componentDidUpdate=function(t){this.processPropsChanges(t,this.props)},k.prototype.processPropsChanges=function(t,e){var n={};this.extractGridPropertyChanges(t,e,n),this.extractDeclarativeColDefChanges(e,n),0<Object.keys(n).length&&s.ComponentUtil.processOnChange(n,this.gridOptions,this.api,this.columnApi)},k.prototype.extractDeclarativeColDefChanges=function(t,e){var n,r,o,i;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!t.debug,r="columnDefs",o=this.gridOptions.columnDefs,u.hasChildColumns(t.children)?(i=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),t=u.mapChildColumnDefs(t.children),i.areEqual(o,t)||(n&&console.log("agGridReact: colDefs definitions changed"),e[r]={previousValue:o,currentValue:t})):o&&0<o.length&&(e[r]={previousValue:o,currentValue:[]}))},k.prototype.extractGridPropertyChanges=function(e,n,r){var o=this,i=!!n.debug;Object.keys(n).forEach(function(t){s._.includes(s.ComponentUtil.ALL_PROPERTIES,t)&&(o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(t)).areEqual(e[t],n[t])||(i&&console.log("agGridReact: ["+t+"] property changed"),r[t]={previousValue:e[t],currentValue:n[t]}))}),s.ComponentUtil.getEventCallbacks().forEach(function(t){o.props[t]!==n[t]&&(i&&console.log("agGridReact: ["+t+"] event callback changed"),r[t]={previousValue:e[t],currentValue:n[t]})})},k.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0},k.prototype.isDisableStaticMarkup=function(){return!!this.props.disableStaticMarkup},k.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3,k);function k(t){var e=D.call(this,t)||this;return e.props=t,e.changeDetectionService=new v,e.api=null,e.portals=[],e.hasPendingPortalUpdate=!1,e.destroyed=!1,e}function b(t,e){t.forEach(function(t){T[t]=e})}T.propTypes={gridOptions:t.object},b(s.ComponentUtil.getEventCallbacks(),t.func),b(s.ComponentUtil.BOOLEAN_PROPERTIES,t.bool),b(s.ComponentUtil.STRING_PROPERTIES,t.string),b(s.ComponentUtil.OBJECT_PROPERTIES,t.object),b(s.ComponentUtil.ARRAY_PROPERTIES,t.array),b(s.ComponentUtil.NUMBER_PROPERTIES,t.number),b(s.ComponentUtil.FUNCTION_PROPERTIES,t.func);var I,M=(n(N,I=s.BaseComponentWrapper),N.prototype.createWrapper=function(t,e){return new C(t,this.agGridReact,e)},N);function N(t){var e=I.call(this)||this;return e.agGridReact=t,e}e.AgGridReact=T,e.AgGridColumn=u,Object.defineProperty(e,"__esModule",{value:!0})});
+define(["exports","prop-types","react","react-dom","agGrid","react-dom/server"],function(e,t,i,r,a,s){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function n(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var p=function(){return(p=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};var c,l=(n(u,c=i.Component),u.prototype.render=function(){return null},u.mapChildColumnDefs=function(t){return i.Children.map(t,function(t){return u.toColDef(t.props)})},u.toColDef=function(t){var e=t.children,t=function(t,e){var n={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]]);return n}(t,["children"]);return u.hasChildColumns(e)&&(t.children=u.mapChildColumnDefs(e)),t},u.hasChildColumns=function(t){return 0<i.Children.count(t)},u);function u(t){var e=c.call(this,t)||this;return e.props=t,e}function h(t,e){t.forEach(function(t){l[t]=e})}h(a.ColDefUtil.BOOLEAN_PROPERTIES,t.bool),h(a.ColDefUtil.STRING_PROPERTIES,t.string),h(a.ColDefUtil.OBJECT_PROPERTIES,t.object),h(a.ColDefUtil.ARRAY_PROPERTIES,t.array),h(a.ColDefUtil.NUMBER_PROPERTIES,t.number),h(a.ColDefUtil.FUNCTION_PROPERTIES,t.func),(E=e.ChangeDetectionStrategyType||(e.ChangeDetectionStrategyType={})).IdentityCheck="IdentityCheck",E.DeepValueCheck="DeepValueCheck",E.NoCheck="NoCheck";var f=(m.prototype.getStrategy=function(t){return this.strategyMap[t]},m);function m(){var t;this.strategyMap=((t={})[e.ChangeDetectionStrategyType.DeepValueCheck]=new C,t[e.ChangeDetectionStrategyType.IdentityCheck]=new y(function(t,e){return t===e}),t[e.ChangeDetectionStrategyType.NoCheck]=new y(function(t,e){return!1}),t)}var y=(d.prototype.areEqual=function(t,e){return this.strategy(t,e)},d);function d(t){this.strategy=t}var C=(g.prototype.areEqual=function(t,e){return g.areEquivalent(g.copy(t),g.copy(e))},g.unwrapStringOrNumber=function(t){return t instanceof Number||t instanceof String?t.valueOf():t},g.copy=function(t){if(!t)return t;if(Array.isArray(t)){for(var e=[],n=0;n<t.length;n++)e.push(this.copy(t[n]));return e}return"object"!=typeof t?t:[{},t].reduce(function(e,n){return Object.keys(n).forEach(function(t){e[t]=n[t]}),e},{})},g.isNaN=function(t){return Number.isNaN?Number.isNaN(t):"number"==typeof t&&isNaN(t)},g.areEquivalent=function(e,n){if(e=g.unwrapStringOrNumber(e),n=g.unwrapStringOrNumber(n),e===n)return!0;if(null===e||null===n||typeof e!=typeof n)return!1;if(g.isNaN(e)&&g.isNaN(n))return!0;if(e instanceof Date)return n instanceof Date&&e.valueOf()===n.valueOf();if("function"==typeof e)return e.toString()===n.toString();if("object"!=typeof e||e.$$typeof&&"Symbol(react.element)"===e.$$typeof.toString())return e==n;var t=void 0===e.areEquivPropertyTracking,r=void 0===n.areEquivPropertyTracking;try{var o=void 0;if(t)e.areEquivPropertyTracking=[];else if(e.areEquivPropertyTracking.some(function(t){return t===n}))return!0;if(r)n.areEquivPropertyTracking=[];else if(n.areEquivPropertyTracking.some(function(t){return t===e}))return!0;e.areEquivPropertyTracking.push(n),n.areEquivPropertyTracking.push(e);var i={};for(o in e)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in n)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in i)if(!this.areEquivalent(e[o],n[o]))return!1;return!0}finally{t&&delete e.areEquivPropertyTracking,r&&delete n.areEquivPropertyTracking}},g);function g(){}var v,E=(n(P,v=function(){}),P.prototype.getGui=function(){return this.eParentElement},P.prototype.destroy=function(){return this.parentComponent.destroyPortal(this.portal)},P.prototype.createParentElement=function(t){var e=document.createElement(this.parentComponent.props.componentWrappingElement||"div");return a._.addCssClass(e,"ag-react-container"),t.reactContainer=e},P.prototype.addParentContainerStyleAndClasses=function(){var e,n,r=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&(e=this.eParentElement.style,n=this.componentInstance.getReactContainerStyle(),Object.keys(n).forEach(function(t){e[t]=n[t]})),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(t){return a._.addCssClass(r.eParentElement,t)}))},P.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},P.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},P.prototype.isStatelessComponent=function(){return this.statelessComponent},P.prototype.getReactComponentName=function(){return this.reactComponent.name},P.prototype.getMemoType=function(){return this.hasSymbol()?Symbol.for("react.memo"):60115},P.prototype.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},P.prototype.isStateless=function(t){return"function"==typeof t&&!(t.prototype&&t.prototype.isReactComponent)||"object"==typeof t&&t.$$typeof===this.getMemoType()},P.prototype.hasMethod=function(t){var e=this.getFrameworkComponentInstance();return!!e&&null!==e[t]||this.fallbackMethodAvailable(t)},P.prototype.callMethod=function(t,e){var n=this,r=this.getFrameworkComponentInstance();if(this.isStatelessComponent())return this.fallbackMethod(t,e&&e[0]?e[0]:{});if(r){var o=r[t];return o?o.apply(r,e):this.fallbackMethodAvailable(t)?this.fallbackMethod(t,e&&e[0]?e[0]:{}):void 0}setTimeout(function(){return n.callMethod(t,e)})},P.prototype.addMethod=function(t,e){this[t]=e},P);function P(t,e,n){var r=v.call(this)||this;return r.portal=null,r.reactComponent=t,r.parentComponent=e,r.componentType=n,r.statelessComponent=r.isStateless(r.reactComponent),r}var R=0;function S(){return"agPortalKey_"+ ++R}var O,k=(n(T,O=E),T.prototype.init=function(e){var n=this;return this.eParentElement=this.createParentElement(e),this.renderStaticMarkup(e),new a.AgPromise(function(t){return n.createReactComponent(e,t)})},T.prototype.createReactComponent=function(t,e){var n=this;this.isStatelessComponent()||(t.ref=function(t){n.componentInstance=t,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()});t=i.createElement(this.reactComponent,t),t=r.createPortal(t,this.eParentElement,S());this.portal=t,this.parentComponent.mountReactPortal(t,this,function(t){e(t),n.isStatelessComponent()&&(n.isSlowRenderer()&&n.removeStaticMarkup(),setTimeout(function(){n.removeStaticMarkup()}))})},T.prototype.fallbackMethodAvailable=function(t){return!1},T.prototype.fallbackMethod=function(t,e){},T.prototype.isSlowRenderer=function(){return this.staticRenderTime>=T.SLOW_RENDERERING_THRESHOLD},T.prototype.isNullValue=function(){return""===this.staticMarkup},T.prototype.renderStaticMarkup=function(t){if(!(this.parentComponent.isDisableStaticMarkup()||this.componentType.isCellRenderer&&!this.componentType.isCellRenderer())){var e=console.error,n=i.createElement(this.reactComponent,t);try{console.error=function(){};var r=Date.now(),o=s.renderToStaticMarkup(n);this.staticRenderTime=Date.now()-r,console.error=e,""===o?this.staticMarkup=o:o&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=o,this.eParentElement.appendChild(this.staticMarkup))}catch(t){}finally{console.error=e}}},T.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.isCellRenderer()&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},T.prototype.rendered=function(){return this.isNullValue()||!!this.staticMarkup||this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},T.SLOW_RENDERERING_THRESHOLD=3,T);function T(){var t=null!==O&&O.apply(this,arguments)||this;return t.staticMarkup=null,t.staticRenderTime=0,t}var b,D=(n(M,b=E),M.prototype.init=function(t){var e=this;return this.eParentElement=this.createParentElement(t),this.params=t,this.createOrUpdatePortal(t),new a.AgPromise(function(t){return e.createReactComponent(t)})},M.prototype.createOrUpdatePortal=function(t){var e=this;this.isStatelessComponent()||(t.ref=function(t){e.componentInstance=t,e.addParentContainerStyleAndClasses()}),this.reactElement=i.createElement(this.reactComponent,p(p({},t),{key:this.key})),this.portal=r.createPortal(this.reactElement,this.eParentElement,S())},M.prototype.createReactComponent=function(e){this.parentComponent.mountReactPortal(this.portal,this,function(t){e(t)})},M.prototype.isNullValue=function(){return this.valueRenderedIsNull(this.params)},M.prototype.rendered=function(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},M.prototype.valueRenderedIsNull=function(t){if(this.componentType.isCellRenderer&&!this.componentType.isCellRenderer())return!1;var e=console.error;try{return console.error=function(){},""===s.renderToStaticMarkup(i.createElement(this.reactComponent,t))}catch(t){}finally{console.error=e}return!1},M.prototype.refreshComponent=function(t){this.oldPortal=this.portal,this.createOrUpdatePortal(t),this.parentComponent.updateReactPortal(this.oldPortal,this.portal)},M.prototype.fallbackMethod=function(t,e){t=this[t+"Component"];if(t)return t.bind(this)(e)},M.prototype.fallbackMethodAvailable=function(t){return!!this[t+"Component"]},M);function M(t,e,n){n=b.call(this,t,e,n)||this;return n.oldPortal=null,n.key=S(),n}var N,I=(n(_,N=i.Component),_.prototype.render=function(){var e=this;return i.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(t){e.eGridDiv=t}},this.portals)},_.prototype.createStyleForDiv=function(){return p({height:"100%"},this.props.containerStyle||{})},_.prototype.componentDidMount=function(){var t=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new A(this)},modules:t},n=this.props.gridOptions||{},t=this.props.children;l.hasChildColumns(t)&&(n.columnDefs=l.mapChildColumnDefs(t)),this.gridOptions=a.ComponentUtil.copyAttributesToGridOptions(n,this.props),new a.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi},_.prototype.waitForInstance=function(t,e,n){var r=this;if(void 0===n&&(n=Date.now()),this.destroyed)e(null);else if(t.rendered())e(t);else{if(Date.now()-n>=_.MAX_COMPONENT_CREATION_TIME_IN_MS)return t.isNullValue()?void e(t):void console.error("ag-Grid: React Component '"+t.getReactComponentName()+"' not created within "+_.MAX_COMPONENT_CREATION_TIME_IN_MS+"ms");window.setTimeout(function(){r.waitForInstance(t,e,n)})}},_.prototype.mountReactPortal=function(t,e,n){this.portals=function(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),o=0,e=0;e<n;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}(this.portals,[t]),this.waitForInstance(e,n),this.batchUpdate()},_.prototype.updateReactPortal=function(e,t){this.portals=this.portals.filter(function(t){return t!==e}).concat(t),this.batchUpdate()},_.prototype.batchUpdate=function(){var t=this;this.hasPendingPortalUpdate||(setTimeout(function(){t.api&&t.forceUpdate(function(){t.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},_.prototype.destroyPortal=function(e){this.portals=this.portals.filter(function(t){return t!==e}),this.batchUpdate()},_.prototype.getStrategyTypeForProp=function(t){if("rowData"===t){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return e.ChangeDetectionStrategyType.IdentityCheck}return e.ChangeDetectionStrategyType.DeepValueCheck},_.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData)},_.prototype.shouldComponentUpdate=function(t){return this.processPropsChanges(this.props,t),!1},_.prototype.componentDidUpdate=function(t){this.processPropsChanges(t,this.props)},_.prototype.processPropsChanges=function(t,e){var n=this,r={};this.extractGridPropertyChanges(t,e,r),this.extractDeclarativeColDefChanges(e,r),0<Object.keys(r).length&&window.setTimeout(function(){return a.ComponentUtil.processOnChange(r,n.gridOptions,n.api,n.columnApi)})},_.prototype.extractDeclarativeColDefChanges=function(t,e){var n,r,o,i;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!t.debug,r="columnDefs",o=this.gridOptions.columnDefs,l.hasChildColumns(t.children)?(i=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),t=l.mapChildColumnDefs(t.children),i.areEqual(o,t)||(n&&console.log("agGridReact: colDefs definitions changed"),e[r]={previousValue:o,currentValue:t})):o&&0<o.length&&(e[r]={previousValue:o,currentValue:[]}))},_.prototype.extractGridPropertyChanges=function(e,n,r){var o=this,i=!!n.debug;Object.keys(n).forEach(function(t){a._.includes(a.ComponentUtil.ALL_PROPERTIES,t)&&(o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(t)).areEqual(e[t],n[t])||(i&&console.log("agGridReact: ["+t+"] property changed"),r[t]={previousValue:e[t],currentValue:n[t]}))}),a.ComponentUtil.getEventCallbacks().forEach(function(t){o.props[t]!==n[t]&&(i&&console.log("agGridReact: ["+t+"] event callback changed"),r[t]={previousValue:e[t],currentValue:n[t]})})},_.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0},_.prototype.isDisableStaticMarkup=function(){return this.props.disableStaticMarkup},_.prototype.isLegacyComponentRendering=function(){return this.props.legacyComponentRendering},_.defaultProps={legacyComponentRendering:!1,disableStaticMarkup:!1},_.MAX_COMPONENT_CREATION_TIME_IN_MS=500,_);function _(t){var e=N.call(this,t)||this;return e.props=t,e.changeDetectionService=new f,e.api=null,e.portals=[],e.hasPendingPortalUpdate=!1,e.destroyed=!1,e}function w(t,e){t.forEach(function(t){I[t]=e})}I.propTypes={gridOptions:t.object},w(a.ComponentUtil.getEventCallbacks(),t.func),w(a.ComponentUtil.BOOLEAN_PROPERTIES,t.bool),w(a.ComponentUtil.STRING_PROPERTIES,t.string),w(a.ComponentUtil.OBJECT_PROPERTIES,t.object),w(a.ComponentUtil.ARRAY_PROPERTIES,t.array),w(a.ComponentUtil.NUMBER_PROPERTIES,t.number),w(a.ComponentUtil.FUNCTION_PROPERTIES,t.func);var U,A=(n(G,U=a.BaseComponentWrapper),G.prototype.createWrapper=function(t,e){return new(this.agGridReact.isLegacyComponentRendering()?k:D)(t,this.agGridReact,e)},G);function G(t){var e=U.call(this)||this;return e.agGridReact=t,e}e.AgGridReact=I,e.AgGridColumn=l,Object.defineProperty(e,"__esModule",{value:!0})});

bundles/ag-grid-react.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("prop-types"),require("react"),require("react-dom"),require("ag-grid-community"),require("react-dom/server")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","react-dom","ag-grid-community","react-dom/server"],e):e(t.AgGridReact={},t.PropTypes,t.React,t.ReactDOM,t.agGrid,t.ReactDOMServer)}(this,function(e,t,a,r,s,p){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function n(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var i=function(){return(i=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};var c,u=(n(l,c=a.Component),l.prototype.render=function(){return null},l.mapChildColumnDefs=function(t){return a.Children.map(t,function(t){return l.toColDef(t.props)})},l.toColDef=function(t){var e=t.children,t=function(t,e){var n={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]]);return n}(t,["children"]);return l.hasChildColumns(e)&&(t.children=l.mapChildColumnDefs(e)),t},l.hasChildColumns=function(t){return 0<a.Children.count(t)},l);function l(t){var e=c.call(this,t)||this;return e.props=t,e}function h(t,e){t.forEach(function(t){u[t]=e})}h(s.ColDefUtil.BOOLEAN_PROPERTIES,t.bool),h(s.ColDefUtil.STRING_PROPERTIES,t.string),h(s.ColDefUtil.OBJECT_PROPERTIES,t.object),h(s.ColDefUtil.ARRAY_PROPERTIES,t.array),h(s.ColDefUtil.NUMBER_PROPERTIES,t.number),h(s.ColDefUtil.FUNCTION_PROPERTIES,t.func);var f=(m.prototype.hasMethod=function(t){var e=this.getFrameworkComponentInstance();return null!=e&&null!=e[t]},m.prototype.callMethod=function(t,e){var n=this,r=this.getFrameworkComponentInstance();if(null==r)window.setTimeout(function(){return n.callMethod(t,e)},100);else{var o=this.getFrameworkComponentInstance()[t];if(null!=o)return o.apply(r,e)}},m.prototype.addMethod=function(t,e){this[t]=e},m);function m(){}var d=0;var y,C=(n(g,y=f),g.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},g.prototype.isStatelessComponent=function(){return this.statelessComponent},g.prototype.getReactComponentName=function(){return this.reactComponent.name},g.prototype.init=function(e){var n=this;return this.eParentElement=this.createParentElement(e),this.renderStaticMarkup(e),this.isStatelessComponent()&&this.eParentElement.addEventListener("DOMNodeInserted",this.statelessDomInsertedListener,!1),new s.Promise(function(t){return n.createReactComponent(e,t)})},g.prototype.getGui=function(){return this.eParentElement},g.prototype.destroy=function(){return this.eParentElement.removeEventListener("DOMNodeInserted",this.statelessDomInsertedListener),this.parentComponent.destroyPortal(this.portal)},g.prototype.createReactComponent=function(t,e){var n=this;this.isStatelessComponent()||(t.ref=function(t){n.componentInstance=t,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()});t=a.createElement(this.reactComponent,t),t=r.createPortal(t,this.eParentElement,"agPortalKey_"+ ++d);this.portal=t,this.parentComponent.mountReactPortal(t,this,function(t){e(t),n.isStatelessComponent()&&setTimeout(function(){return n.removeStaticMarkup()})})},g.prototype.addParentContainerStyleAndClasses=function(){var e,n,r=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&(e=this.eParentElement.style,n=this.componentInstance.getReactContainerStyle(),Object.keys(n).forEach(function(t){e[t]=n[t]})),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(t){return s._.addCssClass(r.eParentElement,t)}))},g.prototype.createParentElement=function(t){var e=document.createElement(this.parentComponent.props.componentWrappingElement||"div");return s._.addCssClass(e,"ag-react-container"),t.reactContainer=e},g.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},g.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},g.isStateless=function(t){return"function"==typeof t&&!(t.prototype&&t.prototype.isReactComponent)||"object"==typeof t&&t.$$typeof===g.REACT_MEMO_TYPE},g.prototype.isNullRender=function(){return""===this.staticMarkup},g.prototype.renderStaticMarkup=function(t){if(!(this.parentComponent.isDisableStaticMarkup()||this.componentType.isCellRenderer&&!this.componentType.isCellRenderer())){var e=console.error,n=a.createElement(this.reactComponent,t);try{var r=console.error;console.error=function(){};var o=Date.now(),i=p.renderToStaticMarkup(n);this.staticRenderTime=Date.now()-o,console.error=r,""===i?this.staticMarkup=i:i&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=i,this.eParentElement.appendChild(this.staticMarkup))}catch(t){}finally{console.error=e}}},g.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.isCellRenderer()&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},g.prototype.rendered=function(){return this.isNullRender()||!!this.staticMarkup||!(!this.isStatelessComponent()||!this.statelessComponentRendered())||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},g.REACT_MEMO_TYPE=g.hasSymbol()?Symbol.for("react.memo"):60115,g);function g(t,e,n){var r=y.call(this)||this;return r.portal=null,r.statelessDomInsertedListener=null,r.staticMarkup=null,r.staticRenderTime=0,r.reactComponent=t,r.componentType=n,r.parentComponent=e,r.statelessComponent=g.isStateless(r.reactComponent),r.isStatelessComponent()&&(r.statelessDomInsertedListener=function(){r.removeStaticMarkup()}),r}(f=e.ChangeDetectionStrategyType||(e.ChangeDetectionStrategyType={})).IdentityCheck="IdentityCheck",f.DeepValueCheck="DeepValueCheck",f.NoCheck="NoCheck";var v=(E.prototype.getStrategy=function(t){return this.strategyMap[t]},E);function E(){var t;this.strategyMap=((t={})[e.ChangeDetectionStrategyType.DeepValueCheck]=new O,t[e.ChangeDetectionStrategyType.IdentityCheck]=new P(function(t,e){return t===e}),t[e.ChangeDetectionStrategyType.NoCheck]=new P(function(t,e){return!1}),t)}var P=(S.prototype.areEqual=function(t,e){return this.strategy(t,e)},S);function S(t){this.strategy=t}var O=(R.prototype.areEqual=function(t,e){return R.areEquivalent(R.copy(t),R.copy(e))},R.unwrapStringOrNumber=function(t){return t instanceof Number||t instanceof String?t.valueOf():t},R.copy=function(t){if(!t)return t;if(Array.isArray(t)){for(var e=[],n=0;n<t.length;n++)e.push(this.copy(t[n]));return e}return"object"!=typeof t?t:[{},t].reduce(function(e,n){return Object.keys(n).forEach(function(t){e[t]=n[t]}),e},{})},R.isNaN=function(t){return Number.isNaN?Number.isNaN(t):"number"==typeof t&&isNaN(t)},R.areEquivalent=function(e,n){if(e=R.unwrapStringOrNumber(e),n=R.unwrapStringOrNumber(n),e===n)return!0;if(null===e||null===n||typeof e!=typeof n)return!1;if(R.isNaN(e)&&R.isNaN(n))return!0;if(e instanceof Date)return n instanceof Date&&e.valueOf()===n.valueOf();if("function"==typeof e)return e.toString()===n.toString();if("object"!=typeof e||e.$$typeof&&"Symbol(react.element)"===e.$$typeof.toString())return e==n;var t=void 0===e.areEquivPropertyTracking,r=void 0===n.areEquivPropertyTracking;try{var o=void 0;if(t)e.areEquivPropertyTracking=[];else if(e.areEquivPropertyTracking.some(function(t){return t===n}))return!0;if(r)n.areEquivPropertyTracking=[];else if(n.areEquivPropertyTracking.some(function(t){return t===e}))return!0;e.areEquivPropertyTracking.push(n),n.areEquivPropertyTracking.push(e);var i={};for(o in e)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in n)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in i)if(!this.areEquivalent(e[o],n[o]))return!1;return!0}finally{t&&delete e.areEquivPropertyTracking,r&&delete n.areEquivPropertyTracking}},R);function R(){}var D,T=(n(k,D=a.Component),k.prototype.render=function(){var e=this;return a.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(t){e.eGridDiv=t}},this.portals)},k.prototype.createStyleForDiv=function(){return i({height:"100%"},this.props.containerStyle||{})},k.prototype.componentDidMount=function(){var t=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new M(this)},modules:t},n=this.props.gridOptions||{},t=this.props.children;u.hasChildColumns(t)&&(n.columnDefs=u.mapChildColumnDefs(t)),this.gridOptions=s.ComponentUtil.copyAttributesToGridOptions(n,this.props),new s.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi},k.prototype.waitForInstance=function(t,e,n){var r=this;void 0===n&&(n=Date.now()),this.destroyed?e(null):t.rendered()?e(t):Date.now()-n>=k.MAX_COMPONENT_CREATION_TIME_IN_MS?console.error("ag-Grid: React Component '"+t.getReactComponentName()+"' not created within "+k.MAX_COMPONENT_CREATION_TIME_IN_MS+"ms"):window.setTimeout(function(){return r.batchUpdate(function(){return r.waitForInstance(t,e,n)})})},k.prototype.mountReactPortal=function(t,e,n){var r=this;this.portals=function(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),o=0,e=0;e<n;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}(this.portals,[t]),this.batchUpdate(function(){return r.waitForInstance(e,n)})},k.prototype.batchUpdate=function(t){var e=this;this.hasPendingPortalUpdate?t&&t():(setTimeout(function(){e.api&&e.forceUpdate(function(){t&&t(),e.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},k.prototype.destroyPortal=function(e){this.portals=this.portals.filter(function(t){return t!==e}),this.batchUpdate()},k.prototype.getStrategyTypeForProp=function(t){if("rowData"===t){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return e.ChangeDetectionStrategyType.IdentityCheck}return e.ChangeDetectionStrategyType.DeepValueCheck},k.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData)},k.prototype.shouldComponentUpdate=function(t){return this.processPropsChanges(this.props,t),!1},k.prototype.componentDidUpdate=function(t){this.processPropsChanges(t,this.props)},k.prototype.processPropsChanges=function(t,e){var n={};this.extractGridPropertyChanges(t,e,n),this.extractDeclarativeColDefChanges(e,n),0<Object.keys(n).length&&s.ComponentUtil.processOnChange(n,this.gridOptions,this.api,this.columnApi)},k.prototype.extractDeclarativeColDefChanges=function(t,e){var n,r,o,i;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!t.debug,r="columnDefs",o=this.gridOptions.columnDefs,u.hasChildColumns(t.children)?(i=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),t=u.mapChildColumnDefs(t.children),i.areEqual(o,t)||(n&&console.log("agGridReact: colDefs definitions changed"),e[r]={previousValue:o,currentValue:t})):o&&0<o.length&&(e[r]={previousValue:o,currentValue:[]}))},k.prototype.extractGridPropertyChanges=function(e,n,r){var o=this,i=!!n.debug;Object.keys(n).forEach(function(t){s._.includes(s.ComponentUtil.ALL_PROPERTIES,t)&&(o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(t)).areEqual(e[t],n[t])||(i&&console.log("agGridReact: ["+t+"] property changed"),r[t]={previousValue:e[t],currentValue:n[t]}))}),s.ComponentUtil.getEventCallbacks().forEach(function(t){o.props[t]!==n[t]&&(i&&console.log("agGridReact: ["+t+"] event callback changed"),r[t]={previousValue:e[t],currentValue:n[t]})})},k.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0},k.prototype.isDisableStaticMarkup=function(){return!!this.props.disableStaticMarkup},k.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3,k);function k(t){var e=D.call(this,t)||this;return e.props=t,e.changeDetectionService=new v,e.api=null,e.portals=[],e.hasPendingPortalUpdate=!1,e.destroyed=!1,e}function b(t,e){t.forEach(function(t){T[t]=e})}T.propTypes={gridOptions:t.object},b(s.ComponentUtil.getEventCallbacks(),t.func),b(s.ComponentUtil.BOOLEAN_PROPERTIES,t.bool),b(s.ComponentUtil.STRING_PROPERTIES,t.string),b(s.ComponentUtil.OBJECT_PROPERTIES,t.object),b(s.ComponentUtil.ARRAY_PROPERTIES,t.array),b(s.ComponentUtil.NUMBER_PROPERTIES,t.number),b(s.ComponentUtil.FUNCTION_PROPERTIES,t.func);var I,M=(n(N,I=s.BaseComponentWrapper),N.prototype.createWrapper=function(t,e){return new C(t,this.agGridReact,e)},N);function N(t){var e=I.call(this)||this;return e.agGridReact=t,e}e.AgGridReact=T,e.AgGridColumn=u,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("prop-types"),require("react"),require("react-dom"),require("ag-grid-community"),require("react-dom/server")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","react-dom","ag-grid-community","react-dom/server"],e):e(t.AgGridReact={},t.PropTypes,t.React,t.ReactDOM,t.agGrid,t.ReactDOMServer)}(this,function(e,t,i,r,a,s){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function n(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var p=function(){return(p=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};var c,u=(n(l,c=i.Component),l.prototype.render=function(){return null},l.mapChildColumnDefs=function(t){return i.Children.map(t,function(t){return l.toColDef(t.props)})},l.toColDef=function(t){var e=t.children,t=function(t,e){var n={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]]);return n}(t,["children"]);return l.hasChildColumns(e)&&(t.children=l.mapChildColumnDefs(e)),t},l.hasChildColumns=function(t){return 0<i.Children.count(t)},l);function l(t){var e=c.call(this,t)||this;return e.props=t,e}function h(t,e){t.forEach(function(t){u[t]=e})}h(a.ColDefUtil.BOOLEAN_PROPERTIES,t.bool),h(a.ColDefUtil.STRING_PROPERTIES,t.string),h(a.ColDefUtil.OBJECT_PROPERTIES,t.object),h(a.ColDefUtil.ARRAY_PROPERTIES,t.array),h(a.ColDefUtil.NUMBER_PROPERTIES,t.number),h(a.ColDefUtil.FUNCTION_PROPERTIES,t.func),(E=e.ChangeDetectionStrategyType||(e.ChangeDetectionStrategyType={})).IdentityCheck="IdentityCheck",E.DeepValueCheck="DeepValueCheck",E.NoCheck="NoCheck";var f=(m.prototype.getStrategy=function(t){return this.strategyMap[t]},m);function m(){var t;this.strategyMap=((t={})[e.ChangeDetectionStrategyType.DeepValueCheck]=new C,t[e.ChangeDetectionStrategyType.IdentityCheck]=new d(function(t,e){return t===e}),t[e.ChangeDetectionStrategyType.NoCheck]=new d(function(t,e){return!1}),t)}var d=(y.prototype.areEqual=function(t,e){return this.strategy(t,e)},y);function y(t){this.strategy=t}var C=(g.prototype.areEqual=function(t,e){return g.areEquivalent(g.copy(t),g.copy(e))},g.unwrapStringOrNumber=function(t){return t instanceof Number||t instanceof String?t.valueOf():t},g.copy=function(t){if(!t)return t;if(Array.isArray(t)){for(var e=[],n=0;n<t.length;n++)e.push(this.copy(t[n]));return e}return"object"!=typeof t?t:[{},t].reduce(function(e,n){return Object.keys(n).forEach(function(t){e[t]=n[t]}),e},{})},g.isNaN=function(t){return Number.isNaN?Number.isNaN(t):"number"==typeof t&&isNaN(t)},g.areEquivalent=function(e,n){if(e=g.unwrapStringOrNumber(e),n=g.unwrapStringOrNumber(n),e===n)return!0;if(null===e||null===n||typeof e!=typeof n)return!1;if(g.isNaN(e)&&g.isNaN(n))return!0;if(e instanceof Date)return n instanceof Date&&e.valueOf()===n.valueOf();if("function"==typeof e)return e.toString()===n.toString();if("object"!=typeof e||e.$$typeof&&"Symbol(react.element)"===e.$$typeof.toString())return e==n;var t=void 0===e.areEquivPropertyTracking,r=void 0===n.areEquivPropertyTracking;try{var o=void 0;if(t)e.areEquivPropertyTracking=[];else if(e.areEquivPropertyTracking.some(function(t){return t===n}))return!0;if(r)n.areEquivPropertyTracking=[];else if(n.areEquivPropertyTracking.some(function(t){return t===e}))return!0;e.areEquivPropertyTracking.push(n),n.areEquivPropertyTracking.push(e);var i={};for(o in e)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in n)"areEquivPropertyTracking"!=o&&(i[o]=null);for(o in i)if(!this.areEquivalent(e[o],n[o]))return!1;return!0}finally{t&&delete e.areEquivPropertyTracking,r&&delete n.areEquivPropertyTracking}},g);function g(){}var v,E=(n(P,v=function(){}),P.prototype.getGui=function(){return this.eParentElement},P.prototype.destroy=function(){return this.parentComponent.destroyPortal(this.portal)},P.prototype.createParentElement=function(t){var e=document.createElement(this.parentComponent.props.componentWrappingElement||"div");return a._.addCssClass(e,"ag-react-container"),t.reactContainer=e},P.prototype.addParentContainerStyleAndClasses=function(){var e,n,r=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&(e=this.eParentElement.style,n=this.componentInstance.getReactContainerStyle(),Object.keys(n).forEach(function(t){e[t]=n[t]})),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(t){return a._.addCssClass(r.eParentElement,t)}))},P.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},P.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},P.prototype.isStatelessComponent=function(){return this.statelessComponent},P.prototype.getReactComponentName=function(){return this.reactComponent.name},P.prototype.getMemoType=function(){return this.hasSymbol()?Symbol.for("react.memo"):60115},P.prototype.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},P.prototype.isStateless=function(t){return"function"==typeof t&&!(t.prototype&&t.prototype.isReactComponent)||"object"==typeof t&&t.$$typeof===this.getMemoType()},P.prototype.hasMethod=function(t){var e=this.getFrameworkComponentInstance();return!!e&&null!==e[t]||this.fallbackMethodAvailable(t)},P.prototype.callMethod=function(t,e){var n=this,r=this.getFrameworkComponentInstance();if(this.isStatelessComponent())return this.fallbackMethod(t,e&&e[0]?e[0]:{});if(r){var o=r[t];return o?o.apply(r,e):this.fallbackMethodAvailable(t)?this.fallbackMethod(t,e&&e[0]?e[0]:{}):void 0}setTimeout(function(){return n.callMethod(t,e)})},P.prototype.addMethod=function(t,e){this[t]=e},P);function P(t,e,n){var r=v.call(this)||this;return r.portal=null,r.reactComponent=t,r.parentComponent=e,r.componentType=n,r.statelessComponent=r.isStateless(r.reactComponent),r}var R=0;function S(){return"agPortalKey_"+ ++R}var O,T=(n(k,O=E),k.prototype.init=function(e){var n=this;return this.eParentElement=this.createParentElement(e),this.renderStaticMarkup(e),new a.AgPromise(function(t){return n.createReactComponent(e,t)})},k.prototype.createReactComponent=function(t,e){var n=this;this.isStatelessComponent()||(t.ref=function(t){n.componentInstance=t,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()});t=i.createElement(this.reactComponent,t),t=r.createPortal(t,this.eParentElement,S());this.portal=t,this.parentComponent.mountReactPortal(t,this,function(t){e(t),n.isStatelessComponent()&&(n.isSlowRenderer()&&n.removeStaticMarkup(),setTimeout(function(){n.removeStaticMarkup()}))})},k.prototype.fallbackMethodAvailable=function(t){return!1},k.prototype.fallbackMethod=function(t,e){},k.prototype.isSlowRenderer=function(){return this.staticRenderTime>=k.SLOW_RENDERERING_THRESHOLD},k.prototype.isNullValue=function(){return""===this.staticMarkup},k.prototype.renderStaticMarkup=function(t){if(!(this.parentComponent.isDisableStaticMarkup()||this.componentType.isCellRenderer&&!this.componentType.isCellRenderer())){var e=console.error,n=i.createElement(this.reactComponent,t);try{console.error=function(){};var r=Date.now(),o=s.renderToStaticMarkup(n);this.staticRenderTime=Date.now()-r,console.error=e,""===o?this.staticMarkup=o:o&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=o,this.eParentElement.appendChild(this.staticMarkup))}catch(t){}finally{console.error=e}}},k.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.isCellRenderer()&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},k.prototype.rendered=function(){return this.isNullValue()||!!this.staticMarkup||this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},k.SLOW_RENDERERING_THRESHOLD=3,k);function k(){var t=null!==O&&O.apply(this,arguments)||this;return t.staticMarkup=null,t.staticRenderTime=0,t}var b,D=(n(M,b=E),M.prototype.init=function(t){var e=this;return this.eParentElement=this.createParentElement(t),this.params=t,this.createOrUpdatePortal(t),new a.AgPromise(function(t){return e.createReactComponent(t)})},M.prototype.createOrUpdatePortal=function(t){var e=this;this.isStatelessComponent()||(t.ref=function(t){e.componentInstance=t,e.addParentContainerStyleAndClasses()}),this.reactElement=i.createElement(this.reactComponent,p(p({},t),{key:this.key})),this.portal=r.createPortal(this.reactElement,this.eParentElement,S())},M.prototype.createReactComponent=function(e){this.parentComponent.mountReactPortal(this.portal,this,function(t){e(t)})},M.prototype.isNullValue=function(){return this.valueRenderedIsNull(this.params)},M.prototype.rendered=function(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},M.prototype.valueRenderedIsNull=function(t){if(this.componentType.isCellRenderer&&!this.componentType.isCellRenderer())return!1;var e=console.error;try{return console.error=function(){},""===s.renderToStaticMarkup(i.createElement(this.reactComponent,t))}catch(t){}finally{console.error=e}return!1},M.prototype.refreshComponent=function(t){this.oldPortal=this.portal,this.createOrUpdatePortal(t),this.parentComponent.updateReactPortal(this.oldPortal,this.portal)},M.prototype.fallbackMethod=function(t,e){t=this[t+"Component"];if(t)return t.bind(this)(e)},M.prototype.fallbackMethodAvailable=function(t){return!!this[t+"Component"]},M);function M(t,e,n){n=b.call(this,t,e,n)||this;return n.oldPortal=null,n.key=S(),n}var N,I=(n(_,N=i.Component),_.prototype.render=function(){var e=this;return i.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(t){e.eGridDiv=t}},this.portals)},_.prototype.createStyleForDiv=function(){return p({height:"100%"},this.props.containerStyle||{})},_.prototype.componentDidMount=function(){var t=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new A(this)},modules:t},n=this.props.gridOptions||{},t=this.props.children;u.hasChildColumns(t)&&(n.columnDefs=u.mapChildColumnDefs(t)),this.gridOptions=a.ComponentUtil.copyAttributesToGridOptions(n,this.props),new a.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi},_.prototype.waitForInstance=function(t,e,n){var r=this;if(void 0===n&&(n=Date.now()),this.destroyed)e(null);else if(t.rendered())e(t);else{if(Date.now()-n>=_.MAX_COMPONENT_CREATION_TIME_IN_MS)return t.isNullValue()?void e(t):void console.error("ag-Grid: React Component '"+t.getReactComponentName()+"' not created within "+_.MAX_COMPONENT_CREATION_TIME_IN_MS+"ms");window.setTimeout(function(){r.waitForInstance(t,e,n)})}},_.prototype.mountReactPortal=function(t,e,n){this.portals=function(){for(var t=0,e=0,n=arguments.length;e<n;e++)t+=arguments[e].length;for(var r=Array(t),o=0,e=0;e<n;e++)for(var i=arguments[e],a=0,s=i.length;a<s;a++,o++)r[o]=i[a];return r}(this.portals,[t]),this.waitForInstance(e,n),this.batchUpdate()},_.prototype.updateReactPortal=function(e,t){this.portals=this.portals.filter(function(t){return t!==e}).concat(t),this.batchUpdate()},_.prototype.batchUpdate=function(){var t=this;this.hasPendingPortalUpdate||(setTimeout(function(){t.api&&t.forceUpdate(function(){t.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},_.prototype.destroyPortal=function(e){this.portals=this.portals.filter(function(t){return t!==e}),this.batchUpdate()},_.prototype.getStrategyTypeForProp=function(t){if("rowData"===t){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return e.ChangeDetectionStrategyType.IdentityCheck}return e.ChangeDetectionStrategyType.DeepValueCheck},_.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData)},_.prototype.shouldComponentUpdate=function(t){return this.processPropsChanges(this.props,t),!1},_.prototype.componentDidUpdate=function(t){this.processPropsChanges(t,this.props)},_.prototype.processPropsChanges=function(t,e){var n=this,r={};this.extractGridPropertyChanges(t,e,r),this.extractDeclarativeColDefChanges(e,r),0<Object.keys(r).length&&window.setTimeout(function(){return a.ComponentUtil.processOnChange(r,n.gridOptions,n.api,n.columnApi)})},_.prototype.extractDeclarativeColDefChanges=function(t,e){var n,r,o,i;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!t.debug,r="columnDefs",o=this.gridOptions.columnDefs,u.hasChildColumns(t.children)?(i=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),t=u.mapChildColumnDefs(t.children),i.areEqual(o,t)||(n&&console.log("agGridReact: colDefs definitions changed"),e[r]={previousValue:o,currentValue:t})):o&&0<o.length&&(e[r]={previousValue:o,currentValue:[]}))},_.prototype.extractGridPropertyChanges=function(e,n,r){var o=this,i=!!n.debug;Object.keys(n).forEach(function(t){a._.includes(a.ComponentUtil.ALL_PROPERTIES,t)&&(o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(t)).areEqual(e[t],n[t])||(i&&console.log("agGridReact: ["+t+"] property changed"),r[t]={previousValue:e[t],currentValue:n[t]}))}),a.ComponentUtil.getEventCallbacks().forEach(function(t){o.props[t]!==n[t]&&(i&&console.log("agGridReact: ["+t+"] event callback changed"),r[t]={previousValue:e[t],currentValue:n[t]})})},_.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0},_.prototype.isDisableStaticMarkup=function(){return this.props.disableStaticMarkup},_.prototype.isLegacyComponentRendering=function(){return this.props.legacyComponentRendering},_.defaultProps={legacyComponentRendering:!1,disableStaticMarkup:!1},_.MAX_COMPONENT_CREATION_TIME_IN_MS=500,_);function _(t){var e=N.call(this,t)||this;return e.props=t,e.changeDetectionService=new f,e.api=null,e.portals=[],e.hasPendingPortalUpdate=!1,e.destroyed=!1,e}function w(t,e){t.forEach(function(t){I[t]=e})}I.propTypes={gridOptions:t.object},w(a.ComponentUtil.getEventCallbacks(),t.func),w(a.ComponentUtil.BOOLEAN_PROPERTIES,t.bool),w(a.ComponentUtil.STRING_PROPERTIES,t.string),w(a.ComponentUtil.OBJECT_PROPERTIES,t.object),w(a.ComponentUtil.ARRAY_PROPERTIES,t.array),w(a.ComponentUtil.NUMBER_PROPERTIES,t.number),w(a.ComponentUtil.FUNCTION_PROPERTIES,t.func);var U,A=(n(q,U=a.BaseComponentWrapper),q.prototype.createWrapper=function(t,e){return new(this.agGridReact.isLegacyComponentRendering()?T:D)(t,this.agGridReact,e)},q);function q(t){var e=U.call(this)||this;return e.agGridReact=t,e}e.AgGridReact=I,e.AgGridColumn=u,Object.defineProperty(e,"__esModule",{value:!0})});

lib/agGridColumn.d.ts

@@ -1,4 +0,3 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 import { Component } from "react";
-import * as AgGrid from "ag-grid-community";
 import { ColDef, ColGroupDef } from "ag-grid-community";
@@ -13,5 +12,5 @@ export interface AgGridColumnProps extends ColDef {
     render(): any;
-    static mapChildColumnDefs(children: any): AgGrid.ColDef[];
+    static mapChildColumnDefs(children: any): any;
     static toColDef(columnProps: any): ColDef;
     static hasChildColumns(children: any): boolean;
 }

lib/agGridColumn.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -3,0 +3,0 @@ var __extends = (this && this.__extends) || (function () {

lib/agGridReact.d.ts

@@ -1,7 +0,7 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 import * as React from "react";
 import { Component, ReactPortal } from "react";
 import { ColumnApi, GridApi, GridOptions, Module } from "ag-grid-community";
+import { ChangeDetectionService, ChangeDetectionStrategyType } from "./changeDetectionService";
 import { ReactComponent } from "./reactComponent";
-import { ChangeDetectionService, ChangeDetectionStrategyType } from "./changeDetectionService";
 export interface AgGridReactProps extends GridOptions {
@@ -13,2 +13,3 @@ gridOptions?: GridOptions;
     disableStaticMarkup?: boolean;
+    legacyComponentRendering?: boolean;
     containerStyle?: any;
@@ -19,2 +20,6 @@ }
     static propTypes: any;
+    static defaultProps: {
+        legacyComponentRendering: boolean;
+        disableStaticMarkup: boolean;
+    };
     gridOptions: GridOptions;
@@ -44,3 +49,4 @@ changeDetectionService: ChangeDetectionService;
     mountReactPortal(portal: ReactPortal, reactComponent: ReactComponent, resolve: (value: any) => void): void;
-    batchUpdate(callback?: () => void): void;
+    updateReactPortal(oldPortal: ReactPortal, newPortal: ReactPortal): void;
+    batchUpdate(): void;
     destroyPortal(portal: ReactPortal): void;
@@ -56,2 +62,3 @@ private getStrategyTypeForProp;
     isDisableStaticMarkup(): boolean;
+    isLegacyComponentRendering(): boolean;
 }

lib/agGridReact.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -40,4 +40,5 @@ var __extends = (this && this.__extends) || (function () {
 var agGridColumn_1 = require("./agGridColumn");
-var reactComponent_1 = require("./reactComponent");
 var changeDetectionService_1 = require("./changeDetectionService");
+var legacyReactComponent_1 = require("./legacyReactComponent");
+var newReactComponent_1 = require("./newReactComponent");
 var AgGridReact = /** @class */ (function (_super) {
@@ -101,6 +102,14 @@ __extends(AgGridReact, _super);
             if (Date.now() - startTime >= AgGridReact.MAX_COMPONENT_CREATION_TIME_IN_MS) {
+                // last check - we check if this is a null value being rendered - we do this last as using SSR to check the value
+                // can mess up contexts
+                if (reactComponent.isNullValue()) {
+                    resolve(reactComponent);
+                    return;
+                }
                 console.error("ag-Grid: React Component '" + reactComponent.getReactComponentName() + "' not created within " + AgGridReact.MAX_COMPONENT_CREATION_TIME_IN_MS + "ms");
                 return;
             }
-            window.setTimeout(function () { return _this.batchUpdate(function () { return _this.waitForInstance(reactComponent, resolve, startTime); }); });
+            window.setTimeout(function () {
+                _this.waitForInstance(reactComponent, resolve, startTime);
+            });
         }
@@ -114,10 +123,13 @@ };
     AgGridReact.prototype.mountReactPortal = function (portal, reactComponent, resolve) {
-        var _this = this;
         this.portals = __spreadArrays(this.portals, [portal]);
-        this.batchUpdate(function () { return _this.waitForInstance(reactComponent, resolve); });
+        this.waitForInstance(reactComponent, resolve);
+        this.batchUpdate();
     };
-    AgGridReact.prototype.batchUpdate = function (callback) {
+    AgGridReact.prototype.updateReactPortal = function (oldPortal, newPortal) {
+        this.portals = this.portals.filter(function (portal) { return portal !== oldPortal; }).concat(newPortal);
+        this.batchUpdate();
+    };
+    AgGridReact.prototype.batchUpdate = function () {
         var _this = this;
         if (this.hasPendingPortalUpdate) {
-            callback && callback();
             return;
@@ -128,3 +140,2 @@ }
                 _this.forceUpdate(function () {
-                    callback && callback();
                     _this.hasPendingPortalUpdate = false;
@@ -167,2 +178,3 @@ });
     AgGridReact.prototype.processPropsChanges = function (prevProps, nextProps) {
+        var _this = this;
         var changes = {};
@@ -172,3 +184,3 @@ this.extractGridPropertyChanges(prevProps, nextProps, changes);
         if (Object.keys(changes).length > 0) {
-            ag_grid_community_1.ComponentUtil.processOnChange(changes, this.gridOptions, this.api, this.columnApi);
+            window.setTimeout(function () { return ag_grid_community_1.ComponentUtil.processOnChange(changes, _this.gridOptions, _this.api, _this.columnApi); });
         }
@@ -244,5 +256,12 @@ };
     AgGridReact.prototype.isDisableStaticMarkup = function () {
-        return !!this.props.disableStaticMarkup;
+        return this.props.disableStaticMarkup;
     };
-    AgGridReact.MAX_COMPONENT_CREATION_TIME_IN_MS = 1000; // a second should be more than enough to instantiate a component
+    AgGridReact.prototype.isLegacyComponentRendering = function () {
+        return this.props.legacyComponentRendering;
+    };
+    AgGridReact.defaultProps = {
+        legacyComponentRendering: false,
+        disableStaticMarkup: false
+    };
+    AgGridReact.MAX_COMPONENT_CREATION_TIME_IN_MS = 500; // half a second should be more than enough to instantiate a component
     return AgGridReact;
@@ -274,5 +293,7 @@ }(react_1.Component));
     ReactFrameworkComponentWrapper.prototype.createWrapper = function (UserReactComponent, componentType) {
-        return new reactComponent_1.ReactComponent(UserReactComponent, this.agGridReact, componentType);
+        return this.agGridReact.isLegacyComponentRendering() ?
+            new legacyReactComponent_1.LegacyReactComponent(UserReactComponent, this.agGridReact, componentType) :
+            new newReactComponent_1.NewReactComponent(UserReactComponent, this.agGridReact, componentType);
     };
     return ReactFrameworkComponentWrapper;
 }(ag_grid_community_1.BaseComponentWrapper));

lib/changeDetectionService.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 export declare enum ChangeDetectionStrategyType {
@@ -3,0 +3,0 @@ IdentityCheck = "IdentityCheck",

lib/changeDetectionService.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -3,0 +3,0 @@ Object.defineProperty(exports, "__esModule", { value: true });

lib/interfaces.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 import { ICellEditor, ICellEditorParams, ICellRenderer, ICellRendererParams, IDate, IDateParams, IFilter, IFilterParams, IHeader, IHeaderGroup, IHeaderGroupParams, IHeaderParams, ILoadingCellRendererParams, ILoadingOverlayParams, INoRowsOverlayParams, IStatusPanel, IToolPanel, IToolPanelParams, IAfterGuiAttachedParams, IStatusPanelParams } from 'ag-grid-community';
@@ -3,0 +3,0 @@ export interface AgReactFrameworkComponent<T> {

lib/interfaces.js

@@ -1,3 +0,3 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });

lib/keyGenerator.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 export default function generateNewKey(): string;

lib/keyGenerator.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -3,0 +3,0 @@ Object.defineProperty(exports, "__esModule", { value: true });

lib/main.d.ts

@@ -1,4 +0,4 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 export { AgGridReact } from './agGridReact';
 export { AgGridColumn } from './agGridColumn';
 export { ChangeDetectionStrategyType } from './changeDetectionService';

lib/main.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -10,14 +10,1 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangeDetectionStrategyType = changeDetectionService_1.ChangeDetectionStrategyType;
-// https://github.com/rollup/rollup-plugin-typescript/issues/109
-// export {ICellEditorReactComp} from './interfaces';
-// export {AgReactFrameworkComponent}  from './interfaces';
-// export {IHeaderGroupReactComp }  from './interfaces';
-// export {IHeaderReactComp }  from './interfaces';
-// export {IDateReactComp }  from './interfaces';
-// export {IFilterReactComp }  from './interfaces';
-// export {ICellRendererReactComp }  from './interfaces';
-// export {ILoadingCellRendererReactComp }  from './interfaces';
-// export {ILoadingOverlayReactComp }  from './interfaces';
-// export {INoRowsOverlayReactComp }  from './interfaces';
-// export {IStatusPanelReactComp }  from './interfaces';
-// export {IToolPanelReactComp }  from './interfaces';

lib/reactComponent.d.ts

@@ -1,34 +0,41 @@
-// ag-grid-react v24.1.1
-import { ComponentType, Promise } from 'ag-grid-community';
+// ag-grid-react v25.0.0
+import { ComponentType, IComponent, WrapableInterface } from 'ag-grid-community';
 import { AgGridReact } from "./agGridReact";
-import { BaseReactComponent } from './baseReactComponent';
-export declare class ReactComponent extends BaseReactComponent {
-    static REACT_MEMO_TYPE: number | symbol;
-    private eParentElement;
-    private componentInstance;
-    private reactComponent;
-    private componentType;
-    private parentComponent;
-    private portal;
-    private statelessComponent;
-    private statelessDomInsertedListener;
-    private staticMarkup;
-    private staticRenderTime;
+import { ReactPortal } from "react";
+declare abstract class BaseReactComponent implements IComponent<any>, WrapableInterface {
+    abstract getGui(): HTMLElement;
+    abstract getFrameworkComponentInstance(): any;
+    abstract rendered(): boolean;
+    abstract getReactComponentName(): string;
+    abstract hasMethod(name: string): boolean;
+    abstract callMethod(name: string, args: IArguments): void;
+    abstract addMethod(name: string, callback: Function): void;
+}
+export declare abstract class ReactComponent extends BaseReactComponent {
+    protected eParentElement: HTMLElement;
+    protected componentInstance: any;
+    protected reactComponent: any;
+    protected parentComponent: AgGridReact;
+    protected portal: ReactPortal | null;
+    protected statelessComponent: boolean;
+    protected componentType: ComponentType;
     constructor(reactComponent: any, parentComponent: AgGridReact, componentType: ComponentType);
+    getGui(): HTMLElement;
+    destroy(): void;
+    protected createParentElement(params: any): any;
+    protected addParentContainerStyleAndClasses(): void;
+    statelessComponentRendered(): boolean;
     getFrameworkComponentInstance(): any;
     isStatelessComponent(): boolean;
     getReactComponentName(): string;
-    init(params: any): Promise<void>;
-    getGui(): HTMLElement;
-    destroy(): void;
-    private createReactComponent;
-    private addParentContainerStyleAndClasses;
-    private createParentElement;
-    statelessComponentRendered(): boolean;
-    private static hasSymbol;
-    private static isStateless;
-    isNullRender(): boolean;
-    private renderStaticMarkup;
-    private removeStaticMarkup;
-    rendered(): boolean;
+    getMemoType(): symbol | 60115;
+    private hasSymbol;
+    protected isStateless(Component: any): boolean;
+    hasMethod(name: string): boolean;
+    callMethod(name: string, args: IArguments): void;
+    addMethod(name: string, callback: Function): void;
+    protected abstract fallbackMethod(name: string, params: any): any;
+    protected abstract fallbackMethodAvailable(name: string): boolean;
+    abstract isNullValue(): boolean;
 }
+export {};

lib/reactComponent.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -17,9 +17,9 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var react_dom_1 = require("react-dom");
 var ag_grid_community_1 = require("ag-grid-community");
-var baseReactComponent_1 = require("./baseReactComponent");
 var utils_1 = require("./utils");
-var keyGenerator_1 = require("./keyGenerator");
-var server_1 = require("react-dom/server");
+var BaseReactComponent = /** @class */ (function () {
+    function BaseReactComponent() {
+    }
+    return BaseReactComponent;
+}());
 var ReactComponent = /** @class */ (function (_super) {
@@ -30,34 +30,8 @@ __extends(ReactComponent, _super);
         _this.portal = null;
-        _this.statelessDomInsertedListener = null;
-        _this.staticMarkup = null;
-        _this.staticRenderTime = 0;
         _this.reactComponent = reactComponent;
+        _this.parentComponent = parentComponent;
         _this.componentType = componentType;
-        _this.parentComponent = parentComponent;
-        _this.statelessComponent = ReactComponent.isStateless(_this.reactComponent);
-        if (_this.isStatelessComponent()) {
-            _this.statelessDomInsertedListener = function () {
-                _this.removeStaticMarkup();
-            };
-        }
+        _this.statelessComponent = _this.isStateless(_this.reactComponent);
         return _this;
     }
-    ReactComponent.prototype.getFrameworkComponentInstance = function () {
-        return this.componentInstance;
-    };
-    ReactComponent.prototype.isStatelessComponent = function () {
-        return this.statelessComponent;
-    };
-    ReactComponent.prototype.getReactComponentName = function () {
-        return this.reactComponent.name;
-    };
-    ReactComponent.prototype.init = function (params) {
-        var _this = this;
-        this.eParentElement = this.createParentElement(params);
-        this.renderStaticMarkup(params);
-        if (this.isStatelessComponent()) {
-            this.eParentElement.addEventListener('DOMNodeInserted', this.statelessDomInsertedListener, false);
-        }
-        return new ag_grid_community_1.Promise(function (resolve) { return _this.createReactComponent(params, resolve); });
-    };
     ReactComponent.prototype.getGui = function () {
@@ -67,28 +41,11 @@ return this.eParentElement;
     ReactComponent.prototype.destroy = function () {
-        this.eParentElement.removeEventListener('DOMNodeInserted', this.statelessDomInsertedListener);
         return this.parentComponent.destroyPortal(this.portal);
     };
-    ReactComponent.prototype.createReactComponent = function (params, resolve) {
-        var _this = this;
-        if (!this.isStatelessComponent()) {
-            // grab hold of the actual instance created
-            params.ref = function (element) {
-                _this.componentInstance = element;
-                _this.addParentContainerStyleAndClasses();
-                // regular components (ie not functional)
-                _this.removeStaticMarkup();
-            };
-        }
-        var reactComponent = react_1.createElement(this.reactComponent, params);
-        var portal = react_dom_1.createPortal(reactComponent, this.eParentElement, keyGenerator_1.default() // fixed deltaRowModeRefreshCompRenderer
-        );
-        this.portal = portal;
-        this.parentComponent.mountReactPortal(portal, this, function (value) {
-            resolve(value);
-            // functional/stateless components have a slightly different lifecycle (no refs) so we'll clean them up
-            // here
-            if (_this.isStatelessComponent()) {
-                setTimeout(function () { return _this.removeStaticMarkup(); });
-            }
-        });
+    ReactComponent.prototype.createParentElement = function (params) {
+        var eParentElement = document.createElement(this.parentComponent.props.componentWrappingElement || 'div');
+        ag_grid_community_1._.addCssClass(eParentElement, 'ag-react-container');
+        // DEPRECATED - use componentInstance.getReactContainerStyle or componentInstance.getReactContainerClasses instead
+        // so user can have access to the react container, to add css class or style
+        params.reactContainer = eParentElement;
+        return eParentElement;
     };
@@ -108,10 +65,2 @@ ReactComponent.prototype.addParentContainerStyleAndClasses = function () {
     };
-    ReactComponent.prototype.createParentElement = function (params) {
-        var eParentElement = document.createElement(this.parentComponent.props.componentWrappingElement || 'div');
-        ag_grid_community_1._.addCssClass(eParentElement, 'ag-react-container');
-        // DEPRECATED - use componentInstance.getReactContainerStyle or componentInstance.getReactContainerClasses instead
-        // so user can have access to the react container, to add css class or style
-        params.reactContainer = eParentElement;
-        return eParentElement;
-    };
     ReactComponent.prototype.statelessComponentRendered = function () {
@@ -121,82 +70,50 @@ // fixed fragmentsFuncRendererCreateDestroy funcRendererWithNan (changeDetectionService too for NaN)
     };
-    ReactComponent.hasSymbol = function () {
+    ReactComponent.prototype.getFrameworkComponentInstance = function () {
+        return this.componentInstance;
+    };
+    ReactComponent.prototype.isStatelessComponent = function () {
+        return this.statelessComponent;
+    };
+    ReactComponent.prototype.getReactComponentName = function () {
+        return this.reactComponent.name;
+    };
+    ReactComponent.prototype.getMemoType = function () {
+        return this.hasSymbol() ? Symbol.for('react.memo') : 0xead3;
+    };
+    ReactComponent.prototype.hasSymbol = function () {
         return typeof Symbol === 'function' && Symbol.for;
     };
-    ReactComponent.isStateless = function (Component) {
+    ReactComponent.prototype.isStateless = function (Component) {
         return (typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent))
-            || (typeof Component === 'object' && Component.$$typeof === ReactComponent.REACT_MEMO_TYPE);
+            || (typeof Component === 'object' && Component.$$typeof === this.getMemoType());
     };
-    ReactComponent.prototype.isNullRender = function () {
-        return this.staticMarkup === '';
+    ReactComponent.prototype.hasMethod = function (name) {
+        var frameworkComponentInstance = this.getFrameworkComponentInstance();
+        return (!!frameworkComponentInstance && frameworkComponentInstance[name] !== null) ||
+            this.fallbackMethodAvailable(name);
     };
-    /*
-     * Attempt to render the component as static markup if possible
-     * What this does is eliminate any visible flicker for the user in the scenario where a component is destroyed and
-     * recreated with exactly the same data (ie with force refresh)
-     * Note: Some use cases will throw an error (ie when using Context) so if an error occurs just ignore it any move on
-     */
-    ReactComponent.prototype.renderStaticMarkup = function (params) {
-        if (this.parentComponent.isDisableStaticMarkup() || (this.componentType.isCellRenderer && !this.componentType.isCellRenderer())) {
+    ReactComponent.prototype.callMethod = function (name, args) {
+        var _this = this;
+        var frameworkComponentInstance = this.getFrameworkComponentInstance();
+        if (this.isStatelessComponent()) {
+            return this.fallbackMethod(name, !!args && args[0] ? args[0] : {});
+        }
+        else if (!(!!frameworkComponentInstance)) {
+            // instance not ready yet - wait for it
+            setTimeout(function () { return _this.callMethod(name, args); });
             return;
         }
-        var originalConsoleError = console.error;
-        var reactComponent = react_1.createElement(this.reactComponent, params);
-        try {
-            // if a user is doing anything that uses useLayoutEffect (like material ui) then it will throw and we
-            // can't do anything to stop it; this is just a warning and has no effect on anything so just suppress it
-            // for this single operation
-            var originalConsoleError_1 = console.error;
-            console.error = function () {
-            };
-            var start = Date.now();
-            var staticMarkup = server_1.renderToStaticMarkup(reactComponent);
-            this.staticRenderTime = Date.now() - start;
-            console.error = originalConsoleError_1;
-            // if the render method returns null the result will be an empty string
-            if (staticMarkup === '') {
-                this.staticMarkup = staticMarkup;
-            }
-            else {
-                if (staticMarkup) {
-                    // we wrap the content as if there is "trailing" text etc it's not easy to safely remove
-                    // the same is true for memoized renderers, renderers that that return simple strings or NaN etc
-                    this.staticMarkup = document.createElement('span');
-                    this.staticMarkup.innerHTML = staticMarkup;
-                    this.eParentElement.appendChild(this.staticMarkup);
-                }
-            }
+        var method = frameworkComponentInstance[name];
+        if (!!method) {
+            return method.apply(frameworkComponentInstance, args);
         }
-        catch (e) {
-            // we tried - this can happen with certain (rare) edge cases
+        else if (this.fallbackMethodAvailable(name)) {
+            return this.fallbackMethod(name, !!args && args[0] ? args[0] : {});
         }
-        finally {
-            console.error = originalConsoleError;
-        }
     };
-    ReactComponent.prototype.removeStaticMarkup = function () {
-        if (this.parentComponent.isDisableStaticMarkup() || !this.componentType.isCellRenderer()) {
-            return;
-        }
-        if (this.staticMarkup) {
-            if (this.staticMarkup.remove) {
-                // everyone else in the world
-                this.staticMarkup.remove();
-                this.staticMarkup = null;
-            }
-            else if (this.eParentElement.removeChild) {
-                // ie11...
-                this.eParentElement.removeChild(this.staticMarkup);
-                this.staticMarkup = null;
-            }
-        }
+    ReactComponent.prototype.addMethod = function (name, callback) {
+        this[name] = callback;
     };
-    ReactComponent.prototype.rendered = function () {
-        return this.isNullRender() ||
-            !!this.staticMarkup ||
-            !!(this.isStatelessComponent() && this.statelessComponentRendered()) ||
-            !!(!this.isStatelessComponent() && this.getFrameworkComponentInstance());
-    };
-    ReactComponent.REACT_MEMO_TYPE = ReactComponent.hasSymbol() ? Symbol.for('react.memo') : 0xead3;
     return ReactComponent;
-}(baseReactComponent_1.BaseReactComponent));
+}(BaseReactComponent));
 exports.ReactComponent = ReactComponent;

lib/utils.d.ts

@@ -1,3 +0,3 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 export declare const assignProperties: (to: {}, from: {}) => void;
 export declare const assign: (obj: any, prop: any, value: any) => void;

lib/utils.js

@@ -1,2 +0,2 @@
-// ag-grid-react v24.1.1
+// ag-grid-react v25.0.0
 "use strict";
@@ -3,0 +3,0 @@ Object.defineProperty(exports, "__esModule", { value: true });

package.json

 {
   "name": "ag-grid-react",
-  "version": "24.1.1",
+  "version": "25.0.0",
   "description": "ag-Grid React Component",
@@ -10,7 +10,9 @@ "main": "main.js",
     "umd": "rollup -c",
-    "test:e2e": "gulp link-umd-e2e && npm run cypress",
+    "test": "jest",
+    "test:e2eX": "gulp link-umd-e2e && npm run cypress:e2e && npm run cypress:components",
     "test:watch": "jest --watch",
     "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
-    "cypress:open": "cypress open",
-    "cypress": "cypress run --spec 'cypress/integration/**/*spec.js'",
+    "cypress:open": "cross-env NODE_ENV=test cypress open",
+    "cypress:e2e": "cross-env NODE_ENV=test cypress run --spec 'cypress/integration/*spec.js'",
+    "cypress:components": "cross-env NODE_ENV=test cypress run --spec 'cypress/components/**/*spec.js'",
     "hash": "sh ../../scripts/hashDirectory.sh > .hash"
@@ -39,11 +41,47 @@ },
   "devDependencies": {
-    "@types/jest": "24.0.18",
-    "@types/react": "16.9.2",
-    "@types/react-dom": "16.9.0",
-    "ag-grid-community": "~24.1.0",
-    "@ag-grid-community/react": "~24.1.0",
-    "babel-preset-react-app": "^9.0.1",
-    "cypress": "3.0.1",
+    "ag-grid-community": "~25.0.0",
+    "@ag-grid-community/react": "~25.0.0",
+    "@ag-grid-community/client-side-row-model": "~25.0.0",
+    "@ag-grid-community/core": "~25.0.0",
+    "@babel/core": "7.12.3",
+    "@babel/plugin-proposal-throw-expressions": "^7.12.1",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.4.2",
+    "@svgr/webpack": "5.4.0",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "@types/jest": "^26.0.15",
+    "@types/node": "^12.0.0",
+    "@types/react": "17.0.0",
+    "@types/react-dom": "17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.5.0",
+    "@typescript-eslint/parser": "^4.5.0",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^26.6.0",
+    "babel-loader": "8.1.0",
+    "babel-plugin-named-asset-import": "^0.3.7",
+    "babel-preset-react-app": "^10.0.0",
+    "bfj": "^7.0.2",
+    "camelcase": "^6.1.0",
+    "case-sensitive-paths-webpack-plugin": "2.3.0",
+    "cross-env": "^7.0.2",
+    "css-loader": "4.3.0",
+    "cypress": "^5.6.0",
+    "cypress-react-unit-test": "^4.17.0",
+    "dotenv": "8.2.0",
+    "dotenv-expand": "5.1.0",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
+    "eslint": "^7.11.0",
+    "eslint-config-react-app": "^6.0.0",
+    "eslint-plugin-flowtype": "^5.2.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jest": "^24.1.0",
+    "eslint-plugin-jsx-a11y": "^6.3.1",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-testing-library": "^3.9.2",
+    "eslint-webpack-plugin": "^2.1.0",
+    "file-loader": "6.1.1",
+    "fs-extra": "^9.0.1",
     "gulp": "^4.0.0",
@@ -57,10 +95,26 @@ "gulp-clean": "^0.4.0",
     "gulp-typescript": "^5.0.0",
-    "jest": "24.8.0",
+    "merge-stream": "^2.0.0",
+    "html-webpack-plugin": "4.5.0",
+    "identity-obj-proxy": "3.0.0",
+    "jest": "26.6.0",
+    "jest-circus": "26.6.0",
     "jest-environment-jsdom-fourteen": "0.1.0",
-    "jest-watch-typeahead": "0.3.1",
+    "jest-resolve": "26.6.0",
+    "jest-watch-typeahead": "0.6.1",
     "lnk": "^1.1.0",
-    "merge-stream": "^2.0.0",
+    "mini-css-extract-plugin": "0.11.3",
+    "optimize-css-assets-webpack-plugin": "5.0.4",
+    "pnp-webpack-plugin": "1.6.4",
+    "postcss-flexbugs-fixes": "4.2.1",
+    "postcss-loader": "3.0.0",
+    "postcss-normalize": "8.0.1",
+    "postcss-preset-env": "6.7.0",
+    "postcss-safe-parser": "5.0.2",
     "react": "^16.9.0",
-    "react-app-polyfill": "^1.0.2",
+    "react-app-polyfill": "^2.0.0",
+    "react-dev-utils": "^11.0.0",
     "react-dom": "^16.9.0",
+    "react-refresh": "^0.8.3",
+    "resolve": "1.18.1",
+    "resolve-url-loader": "^3.1.2",
     "rollup": "~0.67.3",
@@ -71,12 +125,41 @@ "rollup-plugin-commonjs": "^9.1.6",
     "rollup-stream": "^1.24.0",
+    "sass-loader": "8.0.2",
+    "semver": "7.3.2",
     "serialize-javascript": "2.1.0",
+    "style-loader": "1.3.0",
+    "terser-webpack-plugin": "4.2.3",
+    "ts-pnp": "1.2.0",
     "tslib": "^1.10.0",
     "typescript": "3.6.3",
-    "vinyl-source-stream": "^2.0.0"
+    "url-loader": "4.1.1",
+    "vinyl-source-stream": "^2.0.0",
+    "web-vitals": "^0.2.4",
+    "webpack": "4.44.2",
+    "webpack-dev-server": "3.11.0",
+    "webpack-manifest-plugin": "2.2.0",
+    "workbox-webpack-plugin": "5.1.4"
   },
   "peerDependencies": {
-    "ag-grid-community": "~24.1.0",
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0"
+    "ag-grid-community": "~25.0.0",
+    "react": "^16.3.0 || ^17.0.0",
+    "react-dom": "^16.3.0 || ^17.0.0"
   },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "jest": {
@@ -91,6 +174,7 @@ "roots": [
     "setupFiles": [
-      "react-app-polyfill/jsdom",
+      "react-app-polyfill/jsdom"
+    ],
+    "setupFilesAfterEnv": [
       "<rootDir>/jest/setupTests.ts"
     ],
-    "setupFilesAfterEnv": [],
     "testMatch": [
@@ -100,9 +184,10 @@ "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
     ],
-    "testEnvironment": "jest-environment-jsdom-fourteen",
+    "testEnvironment": "jsdom",
+    "testRunner": "./node_modules/jest-circus/runner.js",
     "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
-      "^(?!.*\\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/jest/fileTransform.js"
+      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
+      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/jest/fileTransform.js"
     },
     "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$",
+      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
       "^.+\\.module\\.(css|sass|scss)$"
@@ -130,3 +215,4 @@ ],
       "jest-watch-typeahead/testname"
-    ]
+    ],
+    "resetMocks": true
   },
@@ -133,0 +219,0 @@ "babel": {

No alert changes

Improved metrics

Total package byte prevSize

99064

increased by20.51%

Number of package files

30

increased by11.11%

Lines of code

1307

increased by23.07%

Worsened metrics

Dev dependency count

97

increased by185.29%

No dependency changes