ag-grid-react - npm Package Compare versions

Comparing version 28.2.1 to 29.0.0

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

@@ -1,1 +0,1 @@
-define(["exports","prop-types","react-dom/server","react-dom","react","agGrid"],function(t,e,w,r,ie,se){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var ue="default"in ie?ie.default:ie,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)};function n(e,t){function n(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var ce=function(){return(ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function G(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}n(a,T=function(){}),a.prototype.getGui=function(){return this.eParentElement},a.prototype.destroy=function(){return this.componentInstance&&"function"==typeof this.componentInstance.destroy&&this.componentInstance.destroy(),this.portalManager.destroyPortal(this.portal)},a.prototype.createParentElement=function(e){var t=this.portalManager.getComponentWrappingElement(),t=document.createElement(t||"div");return t.classList.add("ag-react-container"),e.reactContainer=t},a.prototype.addParentContainerStyleAndClasses=function(){var t=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle()),this.componentInstance.getReactContainerClasses)&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(e){return t.eParentElement.classList.add(e)})},a.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},a.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},a.prototype.isStatelessComponent=function(){return this.statelessComponent},a.prototype.getReactComponentName=function(){return this.reactComponent.name},a.prototype.getMemoType=function(){return this.hasSymbol()?Symbol.for("react.memo"):60115},a.prototype.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},a.prototype.isStateless=function(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===this.getMemoType()},a.prototype.hasMethod=function(e){var t=this.getFrameworkComponentInstance();return!!t&&null!==t[e]||this.fallbackMethodAvailable(e)},a.prototype.callMethod=function(e,t){var n,r=this,o=this.getFrameworkComponentInstance();return this.isStatelessComponent()?this.fallbackMethod(e,t&&t[0]?t[0]:{}):o?(n=o[e])?n.apply(o,t):this.fallbackMethodAvailable(e)?this.fallbackMethod(e,t&&t[0]?t[0]:{}):void 0:void setTimeout(function(){return r.callMethod(e,t)})},a.prototype.addMethod=function(e,t){this[e]=t};var T,o=a;function a(e,t,n){var r=T.call(this)||this;return r.portal=null,r.reactComponent=e,r.portalManager=t,r.componentType=n,r.statelessComponent=r.isStateless(r.reactComponent),r}var M=0;function i(){return"agPortalKey_"+ ++M}n(s,I=o),s.prototype.init=function(t){var n=this;return this.eParentElement=this.createParentElement(t),this.renderStaticMarkup(t),new se.AgPromise(function(e){return n.createReactComponent(t,e)})},s.prototype.createReactComponent=function(e,t){var n=this,e=(this.isStatelessComponent()||(e.ref=function(e){n.componentInstance=e,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()}),ie.createElement(this.reactComponent,e)),e=r.createPortal(e,this.eParentElement,i());this.portal=e,this.portalManager.mountReactPortal(e,this,function(e){t(e),n.isStatelessComponent()&&(n.isSlowRenderer()&&n.removeStaticMarkup(),setTimeout(function(){n.removeStaticMarkup()}))})},s.prototype.fallbackMethodAvailable=function(e){return!1},s.prototype.fallbackMethod=function(e,t){},s.prototype.isSlowRenderer=function(){return this.staticRenderTime>=s.SLOW_RENDERING_THRESHOLD},s.prototype.isNullValue=function(){return""===this.staticMarkup},s.prototype.renderStaticMarkup=function(e){if(!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer){var t=console.error,e=ie.createElement(this.reactComponent,e);try{console.error=function(){};var n=Date.now(),r=w.renderToStaticMarkup(e);this.staticRenderTime=Date.now()-n,console.error=t,""===r?this.staticMarkup=r:r&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=r,this.eParentElement.appendChild(this.staticMarkup))}catch(e){}finally{console.error=t}}},s.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},s.prototype.rendered=function(){return this.isNullValue()||!!this.staticMarkup||this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},s.SLOW_RENDERING_THRESHOLD=3;var I,D=s;function s(e,t,n,r){e=I.call(this,e,n,r)||this;return e.staticMarkup=null,e.staticRenderTime=0,e.parentComponent=t,e}n(l,u=ie.Component),l.prototype.render=function(){return null},l.mapChildColumnDefs=function(e){return ue.Children.map(e,function(e){return e?l.toColDef(e.props):null})},l.toColDef=function(e){var t=e.children,e=function(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n}(e,["children"]);return l.hasChildColumns(t)&&(e.children=l.mapChildColumnDefs(t)),e},l.hasChildColumns=function(e){return 0<ue.Children.count(e)};var u,c=l;function l(){return null!==u&&u.apply(this,arguments)||this}function p(e,t){e.forEach(function(e){c[e]=t})}p(se.ColDefUtil.BOOLEAN_PROPERTIES,e.bool),p(se.ColDefUtil.STRING_PROPERTIES,e.string),p(se.ColDefUtil.OBJECT_PROPERTIES,e.object),p(se.ColDefUtil.ARRAY_PROPERTIES,e.array),p(se.ColDefUtil.NUMBER_PROPERTIES,e.number),p(se.ColDefUtil.FUNCTION_PROPERTIES,e.func),(g=t.ChangeDetectionStrategyType||(t.ChangeDetectionStrategyType={})).IdentityCheck="IdentityCheck",g.DeepValueCheck="DeepValueCheck",g.NoCheck="NoCheck";k.prototype.areEqual=function(e,t){return this.strategy(e,t)};var N=k;function k(e){this.strategy=e}f.prototype.areEqual=function(e,t){return f.areEquivalent(f.copy(e),f.copy(t))},f.unwrapStringOrNumber=function(e){return e instanceof Number||e instanceof String?e.valueOf():e},f.copy=function(e){if(!e)return e;if(Array.isArray(e)){for(var t=[],n=0;n<e.length;n++)t.push(this.copy(e[n]));return t}return"object"!=typeof e?e:[{},e].reduce(function(t,n){return Object.keys(n).forEach(function(e){t[e]=n[e]}),t},{})},f.isNaN=function(e){return Number.isNaN?Number.isNaN(e):"number"==typeof e&&isNaN(e)},f.areEquivalent=function(t,n){if(t=f.unwrapStringOrNumber(t),n=f.unwrapStringOrNumber(n),t===n)return!0;if(null===t||null===n||typeof t!=typeof n)return!1;if(f.isNaN(t)&&f.isNaN(n))return!0;if(t instanceof Date)return n instanceof Date&&t.valueOf()===n.valueOf();if("function"==typeof t)return!1;if("object"!=typeof t||t.$$typeof&&"Symbol(react.element)"===t.$$typeof.toString())return t==n;if(Object.isFrozen(t)||Object.isFrozen(n))return t===n;var e=void 0===t.areEquivPropertyTracking,r=void 0===n.areEquivPropertyTracking;try{var o=void 0;if(e)t.areEquivPropertyTracking=[];else if(t.areEquivPropertyTracking.some(function(e){return e===n}))return!0;if(r)n.areEquivPropertyTracking=[];else if(n.areEquivPropertyTracking.some(function(e){return e===t}))return!0;t.areEquivPropertyTracking.push(n),n.areEquivPropertyTracking.push(t);var a={};for(o in t)"areEquivPropertyTracking"!=o&&(a[o]=null);for(o in n)"areEquivPropertyTracking"!=o&&(a[o]=null);for(o in a)if(!this.areEquivalent(t[o],n[o]))return!1;return!0}finally{e&&delete t.areEquivPropertyTracking,r&&delete n.areEquivPropertyTracking}};var A=f;function f(){}x.prototype.getStrategy=function(e){return this.strategyMap[e]};var F=x;function x(){var e;this.strategyMap=((e={})[t.ChangeDetectionStrategyType.DeepValueCheck]=new A,e[t.ChangeDetectionStrategyType.IdentityCheck]=new N(function(e,t){return e===t}),e[t.ChangeDetectionStrategyType.NoCheck]=new N(function(e,t){return!1}),e)}n(m,B=o),m.prototype.init=function(e){var t=this;return this.eParentElement=this.createParentElement(e),this.params=e,this.createOrUpdatePortal(e),new se.AgPromise(function(e){return t.createReactComponent(e)})},m.prototype.createOrUpdatePortal=function(e){var t=this;this.isStatelessComponent()||(e.ref=function(e){t.componentInstance=e,t.addParentContainerStyleAndClasses()}),this.reactElement=ie.createElement(this.reactComponent,ce(ce({},e),{key:this.key})),this.portal=r.createPortal(this.reactElement,this.eParentElement,this.portalKey)},m.prototype.createReactComponent=function(t){this.portalManager.mountReactPortal(this.portal,this,function(e){t(e)})},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(e){if(this.componentType.cellRenderer){var t=console.error;try{return console.error=function(){},""===w.renderToStaticMarkup(ie.createElement(this.reactComponent,e))}catch(e){}finally{console.error=t}}return!1},m.prototype.refreshComponent=function(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)},m.prototype.fallbackMethod=function(e,t){e=this[e+"Component"];if(e)return e.bind(this)(t)},m.prototype.fallbackMethodAvailable=function(e){return!!this[e+"Component"]};var B,U=m;function m(e,t,n){e=B.call(this,e,t,n)||this;return e.oldPortal=null,e.key=i(),e.portalKey=i(),e}d.prototype.getPortals=function(){return this.portals},d.prototype.destroy=function(){this.destroyed=!0},d.prototype.destroyPortal=function(t){this.portals=this.portals.filter(function(e){return e!==t}),this.batchUpdate()},d.prototype.getComponentWrappingElement=function(){return this.wrappingElement},d.prototype.mountReactPortal=function(e,t,n){this.portals=G(this.portals,[e]),this.waitForInstance(t,n),this.batchUpdate()},d.prototype.updateReactPortal=function(e,t){this.portals[this.portals.indexOf(e)]=t,this.batchUpdate()},d.prototype.batchUpdate=function(){var e=this;this.hasPendingPortalUpdate||(setTimeout(function(){e.destroyed||e.parent.forceUpdate(function(){e.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},d.prototype.waitForInstance=function(e,t,n){var r=this;if(void 0===n&&(n=Date.now()),this.destroyed)t(null);else if(e.rendered())t(e);else{if(Date.now()-n>=this.maxComponentCreationTimeMs&&!this.hasPendingPortalUpdate)return e.isNullValue()?void t(e):void console.error("AG Grid: React Component '"+e.getReactComponentName()+"' not created within "+this.maxComponentCreationTimeMs+"ms");window.setTimeout(function(){r.waitForInstance(e,t,n)})}},d.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3;var L=d;function d(e,t,n){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.parent=e,this.maxComponentCreationTimeMs=n||d.MAX_COMPONENT_CREATION_TIME_IN_MS}function _(e,t,n,r){var o=!e||e.componentFromFramework;if(!o){var a,i,s,o=e.newAgStackInstance();if(o)return s=!1,o.then(function(e){s?t.destroyBean(e):(i=(a=e).getGui(),n.appendChild(i),H(r,a))}),function(){s=!0,a&&(i&&i.parentElement&&i.parentElement.removeChild(i),t.destroyBean(a),r)&&H(r,void 0)}}}function H(e,t){e&&(e instanceof Function?e(t):e.current=t)}function me(e){var t=ie.useRef(e),n=ie.useRef(),r=ie.useRef(!1),o=ie.useRef(!1),a=ie.useState(0)[1];r.current&&(o.current=!0),ie.useLayoutEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])}function z(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return null!=e&&""!==e}).join(" ")}var le=ue.createContext({}),pe=function(e){var t=ie.useRef(e),n=ie.useRef(),r=ie.useRef(!1),o=ie.useRef(!1),a=ie.useState(0)[1];r.current&&(o.current=!0),ie.useEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])},P=(h.prototype.setClass=function(e,t){var n;return!!this.classesMap[e]==t?this:((n=new h).classesMap=ce({},this.classesMap),n.classesMap[e]=t,n)},h.prototype.toString=function(){var t=this;return Object.keys(this.classesMap).filter(function(e){return t.classesMap[e]}).join(" ")},h);function h(){for(var t=this,e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];this.classesMap={},e.forEach(function(e){t.classesMap[e]=!0})}function fe(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===("function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115)}function $(r,o){pe(function(){var e,t=o.current,n=t.parentElement;if(n)return e=document.createComment(r),n.insertBefore(e,t),function(){n.removeChild(e)}})}var b=ie.forwardRef(function(n,e){var r=ie.useContext(le).context,o=ie.useRef(null),t=ie.useRef(null),a=ie.useRef(null),i=ie.useRef(null),s=ie.useRef(null),u=ie.useState(),c=u[0],l=u[1],u=ie.useState(),p=u[0],f=u[1],u=ie.useState(),m=u[0],d=u[1],u=ie.useState(new P),h=u[0],C=u[1],u=ie.useState(new P("ag-hidden")),g=u[0],y=u[1],u=ie.useState(new P("ag-hidden")),v=u[0],E=u[1],u=ie.useState(new P("ag-invisible")),R=u[0],S=u[1],u=(ie.useImperativeHandle(e,function(){return{refresh:function(){return!1}}}),ie.useEffect(function(){return _(c,r,t.current)},[c]),pe(function(){var e={setInnerRenderer:function(e,t){l(e),d(t)},setChildCount:function(e){return f(e)},addOrRemoveCssClass:function(t,n){return C(function(e){return e.setClass(t,n)})},setContractedDisplayed:function(t){return E(function(e){return e.setClass("ag-hidden",!t)})},setExpandedDisplayed:function(t){return y(function(e){return e.setClass("ag-hidden",!t)})},setCheckboxVisible:function(t){return S(function(e){return e.setClass("ag-invisible",!t)})}},t=r.createBean(new se.GroupCellRendererCtrl);return t.init(e,o.current,a.current,i.current,s.current,b,n),function(){r.destroyBean(t)}}),ie.useMemo(function(){return"ag-cell-wrapper "+h.toString()},[h])),e=ie.useMemo(function(){return"ag-group-expanded "+g.toString()},[g]),w=ie.useMemo(function(){return"ag-group-contracted "+v.toString()},[v]),O=ie.useMemo(function(){return"ag-group-checkbox "+R.toString()},[R]),T=c&&c.componentFromFramework,M=T?c.componentClass:void 0,I=null==c&&null!=m,m=se._.escapeString(m,!0);return ue.createElement("span",ce({className:u,ref:o},n.colDef?{}:{role:"gridcell"}),ue.createElement("span",{className:e,ref:i}),ue.createElement("span",{className:w,ref:s}),ue.createElement("span",{className:O,ref:a}),ue.createElement("span",{className:"ag-group-value",ref:t},I&&ue.createElement(ue.Fragment,null,m),T&&ue.createElement(M,ce({},c.params))),ue.createElement("span",{className:"ag-group-child-count"},p))}),W=ie.memo(function(e){var t=ie.useContext(le).context,n=ie.useState(),r=n[0],o=n[1],n=ie.useState(),a=n[0],i=n[1],n=ie.useState(),s=n[0],u=n[1],n=ie.useState(),c=n[0],l=n[1],n=ie.useState(),p=n[0],f=n[1],n=ie.useState(),m=n[0],d=n[1],h=ie.useRef(null),C=ie.useRef(null),g=ie.useRef(null),y=ie.useRef(),v=e.ctrl,E=ie.useMemo(function(){return new se.CssClassManager(function(){return h.current})},[]),n=(pe(function(){v.setComp({setWidth:function(e){return o(e)},addOrRemoveCssClass:function(e,t){return E.addOrRemoveCssClass(e,t)},setColId:function(e){return u(e)},setTitle:function(e){return i(e)},setAriaDescription:function(e){return f(e)},setAriaSort:function(e){return l(e)},setUserCompDetails:function(e){return d(e)},getUserCompInstance:function(){return y.current||void 0}},h.current,C.current,g.current);var e=v.getSelectAllGui();C.current.insertAdjacentElement("afterend",e)}),ie.useEffect(function(){return _(m,t,g.current,y)},[m]),ie.useEffect(function(){v.setDragSource(h.current)},[m]),ie.useMemo(function(){return{width:r}},[r])),e=ie.useMemo(function(){var e;return!!((null==(e=m)?void 0:e.componentFromFramework)&&fe(m.componentClass))},[m]),R=m&&m.componentFromFramework,S=m&&m.componentClass;return ue.createElement("div",{ref:h,className:"ag-header-cell",style:n,title:a,"col-id":s,"aria-sort":c,role:"columnheader",tabIndex:-1,"aria-description":p},ue.createElement("div",{ref:C,className:"ag-header-cell-resize",role:"presentation"}),ue.createElement("div",{ref:g,className:"ag-header-cell-comp-wrapper",role:"presentation"},R&&e&&ue.createElement(S,ce({},m.params)),R&&!e&&ue.createElement(S,ce({},m.params,{ref:y}))))}),j=ie.memo(function(e){var t=ie.useContext(le).context,n=ie.useState(new P),r=n[0],o=n[1],n=ie.useState(new P),a=n[0],i=n[1],n=ie.useState(),s=n[0],u=n[1],n=ie.useState(),c=n[0],l=n[1],n=ie.useState(),p=n[0],f=n[1],n=ie.useState(),m=n[0],d=n[1],n=ie.useState(),h=n[0],C=n[1],g=ie.useRef(null),y=ie.useRef(null),v=e.ctrl,n=(pe(function(){v.setComp({setWidth:function(e){return u(e)},addOrRemoveCssClass:function(t,n){return o(function(e){return e.setClass(t,n)})},setColId:function(e){return f(e)},setTitle:function(e){return l(e)},setUserCompDetails:function(e){return C(e)},addOrRemoveResizableCssClass:function(t,n){return i(function(e){return e.setClass(t,n)})},setAriaExpanded:function(e){return d(e)}},g.current,y.current)}),ie.useEffect(function(){return _(h,t,g.current)},[h]),ie.useEffect(function(){var t=void 0;g.current.childNodes.forEach(function(e){null!=e&&e!==y.current&&(t=e)}),t&&v.setDragSource(t)},[h]),ie.useMemo(function(){return{width:s}},[s])),e=ie.useMemo(function(){return"ag-header-group-cell "+r.toString()},[r]),E=ie.useMemo(function(){return"ag-header-cell-resize "+a.toString()},[a]),R=h&&h.componentFromFramework,S=h&&h.componentClass;return ue.createElement("div",{ref:g,className:e,style:n,title:c,"col-id":p,role:"columnheader",tabIndex:-1,"aria-expanded":m},R&&ue.createElement(S,ce({},h.params)),ue.createElement("div",{ref:y,className:E}))}),V=ie.memo(function(e){function t(e){g.current||null!=e&&(y.current&&y.current(e),g.current=!0)}var n=ie.useContext(le).context,r=ie.useState(new P("ag-header-cell","ag-floating-filter")),o=r[0],a=r[1],r=ie.useState(new P),i=r[0],s=r[1],r=ie.useState(new P("ag-floating-filter-button","ag-hidden")),u=r[0],c=r[1],r=ie.useState(),l=r[0],p=r[1],r=ie.useState(),f=r[0],m=r[1],d=ie.useRef(null),h=ie.useRef(null),r=ie.useRef(null),C=ie.useRef(null),g=ie.useRef(!1),y=ie.useRef(),v=ie.useRef(),E=(pe(function(){v.current=new se.AgPromise(function(e){y.current=e})}),e.ctrl),e=(pe(function(){E.setComp({addOrRemoveCssClass:function(t,n){return a(function(e){return e.setClass(t,n)})},addOrRemoveBodyCssClass:function(t,n){return s(function(e){return e.setClass(t,n)})},addOrRemoveButtonWrapperCssClass:function(t,n){return c(function(e){return e.setClass(t,n)})},setWidth:function(e){return p(e)},setCompDetails:function(e){return m(e)},getFloatingFilterComp:function(){return v.current||null},setMenuIcon:function(e){return C.current.appendChild(e)}},d.current,C.current,h.current)}),ie.useEffect(function(){return _(f,n,h.current,t)},[f]),ie.useMemo(function(){return{width:l}},[l])),R=ie.useMemo(function(){return o.toString()},[o]),S=ie.useMemo(function(){return i.toString()},[i]),w=ie.useMemo(function(){return u.toString()},[u]),O=ie.useMemo(function(){return!!(f&&f.componentFromFramework&&fe(f.componentClass))},[f]),T=f&&f.componentFromFramework,M=f&&f.componentClass;return ue.createElement("div",{ref:d,className:R,style:e,role:"gridcell",tabIndex:-1},ue.createElement("div",{ref:h,className:S,role:"presentation"},T&&O&&ue.createElement(M,ce({},f.params)),T&&!O&&ue.createElement(M,ce({},f.params,{ref:t}))),ue.createElement("div",{ref:r,className:w,role:"presentation"},ue.createElement("button",{ref:C,type:"button","aria-label":"Open Filter Menu",className:"ag-floating-filter-button-button",tabIndex:-1})))}),q=ie.memo(function(e){var o=ie.useContext(le).gridOptionsWrapper,t=ie.useState(),n=t[0],r=t[1],t=ie.useState(),a=t[0],i=t[1],t=ie.useState(),s=t[0],u=t[1],t=ie.useState(),c=t[0],l=t[1],t=ie.useState(),p=t[0],f=t[1],t=ie.useState([]),m=t[0],d=t[1],t=ie.useRef(null),h=e.ctrl,C=h.getType()===se.HeaderRowType.COLUMN,g=h.getType()===se.HeaderRowType.COLUMN_GROUP,y=h.getType()===se.HeaderRowType.FLOATING_FILTER,v=ie.useCallback(function(e,t){var n,r;return o.isEnsureDomOrder()?t:(n=se._.mapById(e,function(e){return e.getInstanceId()}),r=se._.mapById(t,function(e){return e.getInstanceId()}),G(e.filter(function(e){return r.has(e.getInstanceId())}),t.filter(function(e){return!n.has(e.getInstanceId())})))},[]),e=(pe(function(){h.setComp({setTransform:function(e){return r(e)},setHeight:function(e){return i(e)},setTop:function(e){return u(e)},setHeaderCtrls:function(t){return d(function(e){return v(e,t)})},setWidth:function(e){return l(e)},setAriaRowIndex:function(e){return f(e)}})}),ie.useMemo(function(){return{transform:n,height:a,top:s,width:c}},[n,a,s,c])),E=ie.useMemo(function(){var e=["ag-header-row"];return C&&e.push("ag-header-row-column"),g&&e.push("ag-header-row-column-group"),y&&e.push("ag-header-row-column-filter"),e.join(" ")},[]),R=ie.useCallback(function(e){switch(h.getType()){case se.HeaderRowType.COLUMN_GROUP:return ue.createElement(j,{ctrl:e,key:e.getInstanceId()});case se.HeaderRowType.FLOATING_FILTER:return ue.createElement(V,{ctrl:e,key:e.getInstanceId()});default:return ue.createElement(W,{ctrl:e,key:e.getInstanceId()})}},[]);return ue.createElement("div",{ref:t,className:E,role:"row",style:e,"aria-rowindex":p},m.map(R))}),C=ie.memo(function(n){function e(){return p.map(function(e){return ue.createElement(q,{ctrl:e,key:e.getInstanceId()})})}var t=ie.useState(new P),r=t[0],o=t[1],t=ie.useState(),a=t[0],i=t[1],t=ie.useState(),s=t[0],u=t[1],t=ie.useState(),c=t[0],l=t[1],t=ie.useState([]),p=t[0],f=t[1],m=ie.useContext(le).context,d=ie.useRef(null),t=n.pinned===se.Constants.PINNED_LEFT,h=n.pinned===se.Constants.PINNED_RIGHT,C=!t&&!h,g=(pe(function(){var e={addOrRemoveCssClass:function(t,n){return o(function(e){return e.setClass(t,n)})},setCtrls:function(e){return f(e)},setCenterWidth:function(e){return i(e)},setContainerTransform:function(e){return u(e)},setPinnedContainerWidth:function(e){return l(e)}},t=m.createBean(new se.HeaderRowContainerCtrl(n.pinned));return t.setComp(e,d.current),function(){m.destroyBean(t)}}),ie.useMemo(function(){return r.toString()},[r])),y=ie.useMemo(function(){return{width:a,transform:s}},[a,s]),v=ie.useMemo(function(){return{width:c,minWidth:c,maxWidth:c}},[c]);return ue.createElement(ue.Fragment,null,t&&ue.createElement("div",{ref:d,className:"ag-pinned-left-header "+g,role:"presentation",style:v},e()),h&&ue.createElement("div",{ref:d,className:"ag-pinned-right-header "+g,role:"presentation",style:v},e()),C&&ue.createElement("div",{ref:d,className:"ag-header-viewport "+g,role:"presentation"},ue.createElement("div",{className:"ag-header-container",role:"rowgroup",style:y},e())))}),X=ie.memo(function(){var e=ie.useState(new P),t=e[0],r=e[1],e=ie.useState(),n=e[0],o=e[1],a=ie.useContext(le).context,i=ie.useRef(null),e=(pe(function(){var e={addOrRemoveCssClass:function(t,n){return r(function(e){return e.setClass(t,n)})},setHeightAndMinHeight:function(e){return o(e)}},t=a.createBean(new se.GridHeaderCtrl);return t.setComp(e,i.current,i.current),function(){a.destroyBean(t)}}),ie.useMemo(function(){return"ag-header "+t.toString()},[t])),s=ie.useMemo(function(){return{height:n,minHeight:n}},[n]);return ue.createElement("div",{ref:i,className:e,style:s,role:"presentation"},ue.createElement(C,{pinned:se.Constants.PINNED_LEFT}),ue.createElement(C,{pinned:null}),ue.createElement(C,{pinned:se.Constants.PINNED_RIGHT}))}),de=ie.memo(function(u){var e=ie.useState(),t=e[0],c=e[1],e=ie.useContext(le),l=e.context,p=e.popupService,f=e.gridOptionsWrapper;return pe(function(){var e=u.editDetails,t=u.cellCtrl,n=u.eParentCell,r=e.compDetails,o=f.isStopEditingWhenCellsLoseFocus(),a=l.createBean(new se.PopupEditorWrapper(r.params)),r=a.getGui(),i=(u.jsChildComp&&(i=u.jsChildComp.getGui())&&r.appendChild(i),{column:t.getColumn(),rowNode:t.getRowNode(),type:"popupCellEditor",eventSource:n,ePopup:r,keepWithinBounds:!0}),e=("under"===e.popupPosition?p.positionPopupUnderComponent:p.positionPopupOverComponent).bind(p,i),i=f.getLocaleTextFunc(),o=p.addPopup({modal:o,eChild:r,closeOnEsc:!0,closedCallback:function(){t.onPopupEditorClosed()},anchorToElement:n,positionCallback:e,ariaLabel:i("ariaLabelCellEditor","Cell Editor")}),s=o?o.hideFunc:void 0;return c(a),u.jsChildComp&&u.jsChildComp.afterGuiAttached&&u.jsChildComp.afterGuiAttached(),function(){null!=s&&s(),l.destroyBean(a)}}),ue.createElement(ue.Fragment,null,t&&u.wrappedContent&&r.createPortal(u.wrappedContent,t.getGui()))}),K=ie.memo(function(e){function t(){return ue.createElement(ue.Fragment,null,null!=E&&(i=S,s=ae,u=T,c=k,l=oe,p=te,m=(a=E).compDetails,a=a.value,d=!m,h=m&&m.componentFromFramework,C=m&&m.componentClass,g=null!=(f=a)&&f.toString?a.toString():a,ue.createElement(ue.Fragment,null,c?ue.createElement("span",{role:"presentation",id:"cell-"+s,className:"ag-cell-value",ref:p},y()):y())),null!=R&&(f=R,a=re,c=ne,s=O.current,p=v,e=Z,t=f.compDetails,n=t.componentClass,r=t.componentFromFramework&&!f.popup,o=t.componentFromFramework&&f.popup,t=!t.componentFromFramework&&f.popup,ue.createElement(ue.Fragment,null,r&&ue.createElement(n,ce({},f.compDetails.params,{ref:a})),o&&ue.createElement(de,{editDetails:f,cellCtrl:p,eParentCell:s,wrappedContent:ue.createElement(n,ce({},f.compDetails.params,{ref:c}))}),t&&e&&ue.createElement(de,{editDetails:f,cellCtrl:p,eParentCell:s,jsChildComp:e}))));var e,t,n,r,o,a,i,s,u,c,l,p,f,m,d,h,C,g;function y(){return ue.createElement(ue.Fragment,null,d&&ue.createElement(ue.Fragment,null,g),h&&!l&&ue.createElement(C,ce({},m.params,{key:i,ref:u})),h&&l&&ue.createElement(C,ce({},m.params,{key:i})))}}var n,r,o,a,i,s,u,c=ie.useContext(le).context,v=e.cellCtrl,l=e.printLayout,p=e.editingRow,e=ie.useState(),E=e[0],f=e[1],e=ie.useState(),R=e[0],m=e[1],e=ie.useState(1),S=e[0],d=e[1],e=ie.useState(),_=e[0],x=e[1],e=ie.useState(),B=e[0],U=e[1],e=ie.useState(),L=e[0],H=e[1],e=ie.useState(),W=e[0],j=e[1],e=ie.useState(),V=e[0],q=e[1],e=ie.useState(),K=e[0],Y=e[1],e=ie.useState(!1),h=e[0],z=e[1],e=ie.useState(!1),C=e[0],$=e[1],e=ie.useState(!1),g=e[0],X=e[1],e=ie.useState(),Z=e[0],y=e[1],w=ie.useMemo(function(){return v.isForceWrapper()},[]),O=ie.useRef(null),T=ie.useRef(null),M=ie.useRef(),I=ie.useRef(),P=ie.useRef(),e=ie.useState(0),J=e[0],Q=e[1],e=ie.useCallback(function(e){P.current=e,Q(function(e){return e+1})},[]),b=ie.useRef(),D=ie.useState(0),N=D[0],ee=D[1],te=ie.useCallback(function(e){b.current=e,ee(function(e){return e+1})},[]),k=w||null!=E&&(h||g||C),A=ie.useCallback(function(e,t){var n,r,o,a,i;(I.current=t)&&(e=e,n=t,i=(r=v).getColumn(),!e&&n.isPopup&&n.isPopup()&&(o="AG Grid: Found an issue in column "+i.getColId()+". If using React, specify an editor is a popup using colDef.cellEditorPopup=true. AG Grid React cannot depend on the editor component specifying if it's in a popup (via the isPopup() method on the editor), as React needs to know this information BEFORE the component is created.",se._.doOnce(function(){return console.warn(o)},"jsEditorComp-isPopup-"+r.getColumn().getColId())),e&&n.getPopupPosition&&null!=n.getPopupPosition()&&(a="AG Grid: Found an issue in column "+i.getColId()+". If using React, specify an editor popup position using colDef.cellEditorPopupPosition=true. AG Grid React cannot depend on the editor component specifying it's position (via the getPopupPosition() method on the editor), as React needs to know this information BEFORE the component is created.",se._.doOnce(function(){return console.warn(a)},"jsEditorComp-getPopupPosition-"+r.getColumn().getColId())),t.isCancelBeforeStart)&&t.isCancelBeforeStart()&&setTimeout(function(){return v.stopEditing()},0)},[]),ne=ie.useCallback(function(e){return A(!0,e)},[]),re=ie.useCallback(function(e){return A(!1,e)},[]),F=ie.useMemo(function(){return new se.CssClassManager(function(){return O.current})},[]),G=(n=E,r=k,o=b.current,D=N,a=M,i=O,N=ie.useContext(le),s=N.context,N.userComponentFactory,u=ie.useCallback(function(){var e,t=a.current;t&&((e=t.getGui())&&e.parentElement&&e.parentElement.removeChild(e),s.destroyBean(t),a.current=void 0)},[]),ie.useEffect(function(){var e=n&&n.compDetails&&!n.compDetails.componentFromFramework;if(null!=n&&e&&!(r&&null==o)){e=n.compDetails;if(a.current){var t=a.current,t=null!=t.refresh&&0==n.force&&t.refresh(e.params);if(!0===t||void 0===t)return;u()}t=e.newAgStackInstance();t&&(e=t.resolveNow(null,function(e){return e}))&&(t=e.getGui())&&((r?o:i.current).appendChild(t),a.current=e)}else u()},[n,r,D]),pe(function(){return u}),ie.useRef()),oe=(ie.useEffect(function(){var e=G.current,t=E;G.current=E,null!=e&&null!=e.compDetails&&null!=t&&null!=t.compDetails&&(e=e.compDetails,t=t.compDetails,e.componentClass==t.componentClass)&&null!=T.current&&null!=T.current.refresh&&1!=T.current.refresh(t.params)&&d(function(e){return e+1})},[E]),ie.useEffect(function(){if(R&&!R.compDetails.componentFromFramework){var e,t=R.compDetails,n=!0===R.popup,r=function(e){e=e.newAgStackInstance();if(e)return e.resolveNow(null,function(e){return e})}(t);if(r)return e=r.getGui(),A(n,r),n||(null!=(t=(w?P:O).current)&&t.appendChild(e),r.afterGuiAttached&&r.afterGuiAttached()),y(r),function(){c.destroyBean(r),A(n,void 0),y(void 0),e&&e.parentElement&&e.parentElement.removeChild(e)}}},[R]),ie.useEffect(function(){var n,e;if(v&&c&&(H(P.current?"cell-"+v.getInstanceId():void 0),P.current&&k))return n=[],e=function(e){var t;return e&&(t=e.getGui(),P.current.insertAdjacentElement("afterbegin",t),n.push(function(){c.destroyBean(e),se._.removeFromParent(t)})),e},h&&e(v.createSelectionCheckbox()),g&&e(v.createDndSource()),C&&e(v.createRowDragComp()),function(){return n.forEach(function(e){return e()})}},[k,g,C,h,J]),me(function(){var e;v&&(e=P.current||void 0,v.setComp({addOrRemoveCssClass:function(e,t){return F.addOrRemoveCssClass(e,t)},setUserStyles:function(e){return x(e)},getFocusableElement:function(){return O.current},setTabIndex:function(e){return U(e)},setRole:function(e){return j(e)},setColId:function(e){return q(e)},setTitle:function(e){return Y(e)},setIncludeSelection:function(e){return z(e)},setIncludeRowDrag:function(e){return $(e)},setIncludeDndSource:function(e){return X(e)},getCellEditor:function(){return I.current||null},getCellRenderer:function(){return T.current||M.current},getParentOfValue:function(){return b.current||P.current||O.current},setRenderDetails:function(e,t,n){f({value:t,compDetails:e,force:n})},setEditDetails:function(e,t,n){e?(m({compDetails:e,popup:t,popupPosition:n}),t||f(void 0)):m(void 0)}},O.current,e,l,p))}),ie.useMemo(function(){return!!(E&&E.compDetails&&E.compDetails.componentFromFramework&&fe(E.compDetails.componentClass))},[E])),ae=(O.current&&!k&&F.addOrRemoveCssClass("ag-cell-value",!k),ie.useMemo(function(){return v.getInstanceId()},[]));return ue.createElement("div",{ref:O,style:_,tabIndex:B,role:W,"col-id":V,title:K,"aria-describedby":L},k?ue.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:e},t()):t())}),Y=ie.memo(function(e){var t=ie.useContext(le).context,n=e.rowCtrl,r=e.containerType,e=ie.useState(),o=e[0],a=e[1],e=ie.useState(),i=e[0],s=e[1],e=ie.useState(),u=e[0],c=e[1],e=ie.useState(),l=e[0],p=e[1],e=ie.useState(),f=e[0],m=e[1],e=ie.useState(),d=e[0],h=e[1],e=ie.useState({list:[],instanceIdMap:new Map}),C=e[0],g=e[1],e=ie.useState(),y=e[0],v=e[1],e=ie.useState(!1),E=e[0],R=e[1],e=ie.useState(n.getInitialRowTop()),S=e[0],w=e[1],e=ie.useState(n.getInitialTransform()),O=e[0],T=e[1],M=ie.useRef(null),I=ie.useRef(),P=ie.useRef(!1),e=ie.useState(0),b=e[0],D=e[1],N=(ie.useEffect(function(){var e;P.current||!y||10<b||((e=null==(e=M.current)?void 0:e.firstChild)?(n.setupDetailRowAutoHeight(e),P.current=!0):D(function(e){return e+1}))},[y,b]),ie.useMemo(function(){return new se.CssClassManager(function(){return M.current})},[])),e=(me(function(){n.isAlive()&&n.setComp({setTop:function(e){return w(e)},setTransform:function(e){return T(e)},addOrRemoveCssClass:function(e,t){return N.addOrRemoveCssClass(e,t)},setDomOrder:function(e){return R(e)},setRowIndex:function(e){return a(e)},setRowId:function(e){return s(e)},setRowBusinessKey:function(e){return p(e)},setTabIndex:function(e){return m(e)},setUserStyles:function(e){return h(e)},setRole:function(e){return c(e)},setCellCtrls:function(s){return g(function(e){return n=e,e=s,E?(t={list:e,instanceIdMap:new Map},e.forEach(function(e){return t.instanceIdMap.set(e.getInstanceId(),e)}),t):(r=[],o=[],a=new Map,i=new Map,e.forEach(function(e){return i.set(e.getInstanceId(),e)}),n.list.forEach(function(e){var t=e.getInstanceId();i.has(t)&&(r.push(e),a.set(t,e))}),e.forEach(function(e){var t=e.getInstanceId();n.instanceIdMap.has(t)||(o.push(e),a.set(t,e))}),{list:G(r,o),instanceIdMap:a});var n,t,r,o,a,i})},showFullWidth:function(e){return v(e)},getFullWidthCellRenderer:function(){return I.current}},M.current,r)}),ie.useEffect(function(){return _(y,t,M.current,I)},[y]),ie.useMemo(function(){var e={top:S,transform:O};return Object.assign(e,d),e},[S,O,d])),k=y&&y.componentFromFramework,A=null!=C,F=ie.useMemo(function(){var e;return!!((null==(e=y)?void 0:e.componentFromFramework)&&fe(y.componentClass))},[y]);return ue.createElement("div",{ref:M,role:u,style:e,"row-index":o,"row-id":i,"row-business-key":l,tabIndex:f},A&&C.list.map(function(e){return ue.createElement(K,{cellCtrl:e,editingRow:n.isEditing(),printLayout:n.isPrintLayout(),key:e.getInstanceId()})}),k&&(u=y.componentClass,ue.createElement(ue.Fragment,null,F&&ue.createElement(u,ce({},y.params)),!F&&ue.createElement(u,ce({},y.params,{ref:I})))))}),Z=ie.memo(function(e){function t(){return ue.createElement("div",{className:E,ref:y,role:u.length?"rowgroup":"presentation",style:T},i.map(function(e){return ue.createElement(Y,{rowCtrl:e,containerType:h,key:e.getInstanceId()})}))}var r=ie.useContext(le).context,n=ie.useState(""),o=n[0],a=n[1],n=ie.useState([]),i=n[0],s=n[1],n=ie.useState([]),u=n[0],c=n[1],n=ie.useState(!1),l=n[0],p=n[1],n=ie.useState(""),f=n[0],m=n[1],d=e.name,h=ie.useMemo(function(){return se.getRowContainerTypeForName(d)},[d]),C=ie.useRef(null),g=ie.useRef(null),y=ie.useRef(null),v=ie.useMemo(function(){return se.RowContainerCtrl.getRowContainerCssClasses(d)},[d]),n=ie.useMemo(function(){return z(v.wrapper)},[]),e=ie.useMemo(function(){return z(v.viewport)},[]),E=ie.useMemo(function(){return z(v.container)},[]),R=d===se.RowContainerName.CENTER,S=d===se.RowContainerName.TOP_CENTER||d===se.RowContainerName.BOTTOM_CENTER||d===se.RowContainerName.STICKY_TOP_CENTER,w=!R&&!S,O=($(" AG Row Container "+d+" ",R?C:S?g:y),ie.useEffect(function(){s(function(e){var t;return l?u:(t=e.filter(function(e){return 0<=u.indexOf(e)}),e=u.filter(function(e){return t.indexOf(e)<0}),G(t,e))})},[l,u]),pe(function(){var e=[],t={setViewportHeight:a,setRowCtrls:function(e){return c(e)},setDomOrder:function(e){return p(e)},setContainerWidth:function(e){return m(e)}},n=r.createBean(new se.RowContainerCtrl(d));return e.push(n),n.setComp(t,y.current,g.current,C.current),function(){r.destroyBeans(e)}}),ie.useMemo(function(){return{height:o}},[o])),T=ie.useMemo(function(){return{width:f}},[f]);return ue.createElement(ue.Fragment,null,R&&ue.createElement("div",{className:n,ref:C,role:"presentation"},ue.createElement("div",{className:e,ref:g,role:"presentation",style:O},t())),S&&ue.createElement("div",{className:e,ref:g,role:"presentation",style:O},t()),w&&t())}),J=ie.memo(function(){function o(e){return ue.createElement(Z,{name:e,key:e+"-container"})}function e(e){var t=e.section,n=e.children,r=e.className,e=e.style;return ue.createElement("div",{ref:t,className:r,role:"presentation",style:e},n.map(o))}var t=ie.useContext(le),a=t.context,i=t.agStackComponentsRegistry,s=t.resizeObserverService,t=ie.useState(""),n=t[0],u=t[1],t=ie.useState(0),r=t[0],c=t[1],t=ie.useState(0),l=t[0],p=t[1],t=ie.useState(0),f=t[0],m=t[1],t=ie.useState(0),d=t[0],h=t[1],t=ie.useState("0px"),C=t[0],g=t[1],t=ie.useState("0px"),y=t[0],v=t[1],t=ie.useState("100%"),E=t[0],R=t[1],t=ie.useState(""),S=t[0],w=t[1],t=ie.useState(""),O=t[0],T=t[1],t=ie.useState(null),M=t[0],_=t[1],t=ie.useState(null),I=t[0],x=t[1],t=ie.useState(""),P=t[0],B=t[1],t=ie.useState(null),b=t[0],U=t[1],t=ie.useState("ag-layout-normal"),D=t[0],L=t[1],N=ie.useRef(null),k=ie.useRef(null),A=ie.useRef(null),F=ie.useRef(null),G=ie.useRef(null),t=($(" AG Grid Body ",N),$(" AG Pinned Top ",k),$(" AG Sticky Top ",A),$(" AG Middle ",F),$(" AG Pinned Bottom ",G),pe(function(){var e,t,n=[],r=[];if(a)return e=function(e){e=i.getComponentClass(e),e=a.createBean(new e);return n.push(e),e},N.current.appendChild(document.createComment(" AG Fake Horizontal Scroll ")),N.current.appendChild(e("AG-FAKE-HORIZONTAL-SCROLL").getGui()),N.current.appendChild(document.createComment(" AG Overlay Wrapper ")),N.current.appendChild(e("AG-OVERLAY-WRAPPER").getGui()),e={setRowAnimationCssOnBodyViewport:u,setColumnCount:c,setRowCount:p,setTopHeight:m,setBottomHeight:h,setStickyTopHeight:g,setStickyTopTop:v,setStickyTopWidth:R,setTopDisplay:w,setBottomDisplay:T,setColumnMovingCss:_,updateLayoutClasses:L,setAlwaysVerticalScrollClass:x,setPinnedTopBottomOverflowY:B,setCellSelectableCss:U,registerBodyViewportResizeListener:function(e){var t=s.observeResize(F.current,e);r.push(function(){return t()})}},t=a.createBean(new se.GridBodyCtrl),n.push(t),t.setComp(e,N.current,F.current,k.current,G.current,A.current),function(){a.destroyBeans(n),r.forEach(function(e){return e()})}}),ie.useMemo(function(){return z("ag-root","ag-unselectable",M,D)},[M,D])),H=ie.useMemo(function(){return z("ag-body-viewport",n,D,I,b)},[n,D,I,b]),W=ie.useMemo(function(){return z("ag-floating-top",b)},[b]),j=ie.useMemo(function(){return z("ag-sticky-top",b)},[b]),V=ie.useMemo(function(){return z("ag-floating-bottom",b)},[b]),q=ie.useMemo(function(){return{height:f,minHeight:f,display:S,overflowY:P}},[f,S,P]),K=ie.useMemo(function(){return{height:C,top:y,width:E}},[C,y,E]),Y=ie.useMemo(function(){return{height:d,minHeight:d,display:O,overflowY:P}},[d,O,P]);return ue.createElement("div",{ref:N,className:t,role:"grid","aria-colcount":r,"aria-rowcount":l},ue.createElement(X,null),e({section:k,className:W,style:q,children:[se.RowContainerName.TOP_LEFT,se.RowContainerName.TOP_CENTER,se.RowContainerName.TOP_RIGHT,se.RowContainerName.TOP_FULL_WIDTH]}),e({section:F,className:H,children:[se.RowContainerName.LEFT,se.RowContainerName.CENTER,se.RowContainerName.RIGHT,se.RowContainerName.FULL_WIDTH]}),e({section:A,className:j,style:K,children:[se.RowContainerName.STICKY_TOP_LEFT,se.RowContainerName.STICKY_TOP_CENTER,se.RowContainerName.STICKY_TOP_RIGHT,se.RowContainerName.STICKY_TOP_FULL_WIDTH]}),e({section:G,className:V,style:Y,children:[se.RowContainerName.BOTTOM_LEFT,se.RowContainerName.BOTTOM_CENTER,se.RowContainerName.BOTTOM_RIGHT,se.RowContainerName.BOTTOM_FULL_WIDTH]}))}),g=ie.forwardRef(function(e,t){function n(e){return ue.createElement("div",{className:"ag-tab-guard ag-tab-guard-"+e,role:"presentation",tabIndex:p,ref:"top"===e?u:c})}var r=e.children,o=e.eFocusableElement,a=e.onTabKeyDown,i=e.gridCtrl,s=ie.useContext(le).context,u=ie.useRef(null),c=ie.useRef(null),l=ie.useRef(),e=ie.useState(),p=e[0],f=e[1];ie.useImperativeHandle(t,function(){return{forceFocusOutOfContainer:function(){l.current.forceFocusOutOfContainer()}}}),pe(function(){var e=u.current,t=c.current,n=l.current=s.createBean(new se.TabGuardCtrl({comp:{setTabIndex:function(e){return f(null==e?void 0:parseInt(e,10))}},eTopGuard:e,eBottomGuard:t,eFocusableElement:o,onTabKeyDown:a,focusInnerElement:function(e){return i.focusInnerElement(e)}}));return function(){s.destroyBean(n)}});return ue.createElement(ue.Fragment,null,n("top"),r,n("bottom"))}),Q=ie.memo(g),ee=ie.memo(function(e){var p=e.context,e=ie.useState(""),t=e[0],n=e[1],e=ie.useState(""),r=e[0],o=e[1],e=ie.useState(""),a=e[0],i=e[1],e=ie.useState(null),s=e[0],u=e[1],e=ie.useState(null),c=e[0],l=e[1],e=ie.useState(!1),f=e[0],m=e[1],e=ie.useState(),d=e[0],h=e[1],C=ie.useRef(null),g=ie.useRef(null),y=ie.useRef(),v=ie.useRef(null),E=ie.useRef(function(){}),e=ie.useCallback(function(){},[]),R=ie.useMemo(function(){return p.getBean("beans")},[]),S=($(" AG Grid ",g),pe(function(){var e=C.current=p.createBean(new se.GridCtrl);return function(){p.destroyBean(e),C.current=null}}),pe(function(){var e=C.current,t=(E.current=e.focusInnerElement.bind(e),{destroyGridUi:function(){},setRtlClass:n,addOrRemoveKeyboardFocusClass:function(e){return o(e?se.FocusService.AG_KEYBOARD_FOCUS:"")},forceFocusOutOfContainer:function(){y.current.forceFocusOutOfContainer()},updateLayoutClasses:i,getFocusableContainers:function(){var e=[],t=g.current.querySelector(".ag-root"),n=g.current.querySelector(".ag-side-bar");return t&&e.push(t),n&&e.push(n),e},setCursor:u,setUserSelect:l});e.setComp(t,g.current,g.current),m(!0)}),ie.useEffect(function(){var e,t,n,r,o,a,i,s,u,c,l;if(d)return e=C.current,t=[],c=(o=R.agStackComponentsRegistry).getComponentClass("AG-GRID-HEADER-DROP-ZONES"),u=o.getComponentClass("AG-SIDE-BAR"),n=o.getComponentClass("AG-STATUS-BAR"),r=o.getComponentClass("AG-WATERMARK"),o=o.getComponentClass("AG-PAGINATION"),a=[],i=g.current,s=v.current,e.showDropZones()&&c&&(l=(c=p.createBean(new c)).getGui(),i.insertAdjacentElement("afterbegin",l),a.push(l),t.push(c)),e.showSideBar()&&u&&(l=(c=p.createBean(new u)).getGui(),(u=s.querySelector(".ag-tab-guard-bottom"))&&(u.insertAdjacentElement("beforebegin",l),a.push(l)),t.push(c)),e.showStatusBar()&&n&&(l=(s=p.createBean(new n)).getGui(),i.insertAdjacentElement("beforeend",l),a.push(l),t.push(s)),o&&(l=(u=p.createBean(new o)).getGui(),i.insertAdjacentElement("beforeend",l),a.push(l),t.push(u)),e.showWatermark()&&r&&(l=(c=p.createBean(new r)).getGui(),i.insertAdjacentElement("beforeend",l),a.push(l),t.push(c)),function(){p.destroyBeans(t),a.forEach(function(e){e.parentElement&&e.parentElement.removeChild(e)})}},[d]),ie.useMemo(function(){return z("ag-root-wrapper",t,r,a)},[t,r,a])),w=ie.useMemo(function(){return z("ag-root-wrapper-body","ag-focus-managed",a)},[a]),O=ie.useMemo(function(){return{userSelect:null!=c?c:"",WebkitUserSelect:null!=c?c:"",cursor:null!=s?s:""}},[c,s]),T=v.current,M=ie.useCallback(function(e){y.current=e,h(!0)},[]);return ue.createElement("div",{ref:g,className:S,style:O,role:"presentation"},ue.createElement("div",{className:w,ref:v,role:"presentation"},f&&T&&ue.createElement(le.Provider,{value:R},ue.createElement(Q,{ref:M,eFocusableElement:T,onTabKeyDown:e,gridCtrl:C.current},ue.createElement(J,null)))))});n(y,te=ie.Component),y.prototype.render=function(){return this.state.context,this.state.context&&(this.renderedAfterMount=!0),ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:this.eGui},this.state.context&&ue.createElement(ee,{context:this.state.context}),this.portalManager.getPortals())},y.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},y.prototype.componentDidMount=function(){var e,t,n=this;this.mounted||(this.mounted=!0,e=this.props.modules||[],e={providedBeanInstances:{frameworkComponentWrapper:new oe(this.portalManager)},modules:e,frameworkOverrides:new ge(!0)},this.gridOptions=this.props.gridOptions||{},t=this.props.children,c.hasChildColumns(t)&&(this.gridOptions.columnDefs=c.mapChildColumnDefs(t)),this.gridOptions=se.ComponentUtil.copyAttributesToGridOptions(this.gridOptions,this.props),(new se.GridCoreCreator).create(this.eGui.current,this.gridOptions,function(e){n.setState({context:e}),e.getBean(se.CtrlsService.NAME).whenReady(function(){n.api=n.gridOptions.api,n.columnApi=n.gridOptions.columnApi,n.props.setGridApi(n.api,n.columnApi),n.destroyFuncs.push(function(){return n.api.destroy()})})},function(e){e.getBean(se.CtrlsService.NAME).whenReady(function(){n.whenReadyFuncs.forEach(function(e){return e()}),n.whenReadyFuncs.length=0,n.ready=!0})},e))},y.prototype.componentWillUnmount=function(){this.renderedAfterMount&&(this.destroyFuncs.forEach(function(e){return e()}),this.destroyFuncs.length=0)},y.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},y.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.extractDeclarativeColDefChanges(t,n),this.processChanges(n)},y.prototype.extractDeclarativeColDefChanges=function(e,t){var n,r,o,a;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!e.debug,r="columnDefs",o=this.gridOptions.columnDefs,c.hasChildColumns(e.children)?(a=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),e=c.mapChildColumnDefs(e.children),a.areEqual(o,e)||(n&&console.log("agGridReact: colDefs definitions changed"),t[r]={previousValue:o,currentValue:e})):o&&0<o.length&&(t[r]={previousValue:o,currentValue:[]}))},y.prototype.extractGridPropertyChanges=function(t,n,r){var o=this,a=!!n.debug;Object.keys(n).forEach(function(e){se._.includes(se.ComponentUtil.ALL_PROPERTIES,e)&&!o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(e)).areEqual(t[e],n[e])&&(a&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),se.ComponentUtil.getEventCallbacks().forEach(function(e){t[e]!==n[e]&&(a&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},y.prototype.processChanges=function(e){var t=this;this.processWhenReady(function(){return se.ComponentUtil.processOnChange(e,t.gridOptions,t.api,t.columnApi)})},y.prototype.processWhenReady=function(e){this.ready?e():this.whenReadyFuncs.push(e)},y.prototype.getStrategyTypeForProp=function(e){if("rowData"===e){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return t.ChangeDetectionStrategyType.IdentityCheck}return t.ChangeDetectionStrategyType.DeepValueCheck},y.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||null!=this.props.getRowId||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData||null!=this.props.gridOptions.getRowId)};var te,ne=y;function y(e){var t=te.call(this,e)||this;return t.props=e,t.destroyFuncs=[],t.changeDetectionService=new F,t.eGui=ue.createRef(),t.whenReadyFuncs=[],t.ready=!1,t.renderedAfterMount=!1,t.mounted=!1,t.state={context:void 0},t.portalManager=new L(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t.destroyFuncs.push(function(){return t.portalManager.destroy()}),t}n(ae,re=se.BaseComponentWrapper),ae.prototype.createWrapper=function(e,t){return new U(e,this.parent,t)};var re,oe=ae;function ae(e){var t=re.call(this)||this;return t.parent=e,t}var he,Ce=ie.forwardRef(function(r,e){var t=ie.useContext(le),o=t.ctrlsFactory,a=t.context,i=t.gridOptionsWrapper,s=t.resizeObserverService,u=t.clientSideRowModel,c=t.serverSideRowModel,t=ie.useState(new P),n=t[0],l=t[1],t=ie.useState(new P),p=t[0],f=t[1],t=ie.useState(),m=t[0],d=t[1],t=ie.useState(),h=t[0],C=t[1],g=ie.useRef(),y=ie.useRef(null),t=ie.useMemo(function(){return n.toString()+" ag-details-row"},[n]),v=ie.useMemo(function(){return p.toString()+" ag-details-grid"},[p]),e=(e&&ie.useImperativeHandle(e,function(){return{refresh:function(){return g.current.refresh()}}}),pe(function(){r.template&&"string"==typeof r.template&&console.warn("AG Grid: detailCellRendererParams.template is not supported by React - this only works with frameworks that work against String templates. To change the template, please provide your own React Detail Cell Renderer.")}),pe(function(){var e,t={addOrRemoveCssClass:function(t,n){return l(function(e){return e.setClass(t,n)})},addOrRemoveDetailGridCssClass:function(t,n){return f(function(e){return e.setClass(t,n)})},setDetailGrid:function(e){return d(e)},setRowData:function(e){return C(e)},getGui:function(){return y.current}},n=o.getInstance("detailCellRenderer");if(n)return a.createBean(n),n.init(t,r),g.current=n,i.isDetailRowAutoHeight()&&(e=s.observeResize(y.current,t=function(){var e;null!=y.current&&null!=(e=y.current.clientHeight)&&0<e&&setTimeout(function(){r.node.setRowHeight(e),u?u.onRowHeightChanged():c&&c.onRowHeightChanged()},0)}),t()),function(){a.destroyBean(n),e&&e()}}),ie.useCallback(function(e,t){g.current.registerDetailWithMaster(e,t)},[]));return ue.createElement("div",{className:t,ref:y},m&&ue.createElement(ne,ce({className:v},m,{rowData:h,setGridApi:e})))}),ge=(n(v,he=se.VanillaFrameworkOverrides),v.prototype.frameworkComponent=function(e){if(this.reactUi)return this.frameworkComponents[e]},v.prototype.isFrameworkComponent=function(e){return!(!e||(e=e.prototype)&&"getGui"in e)},v);function v(e){var t=he.call(this)||this;return t.frameworkComponents={agGroupCellRenderer:b,agGroupRowRenderer:b,agDetailCellRenderer:Ce},t.reactUi=e,t}n(R,ye=ie.Component),R.prototype.render=function(){var t=this;return ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(e){t.eGridDiv=e}},this.portalManager.getPortals())},R.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},R.prototype.componentDidMount=function(){var e=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new Ee(this,this.portalManager)},modules:e,frameworkOverrides:new ge(!1)},t=this.props.gridOptions||{},n=this.props.children;c.hasChildColumns(n)&&(t.columnDefs=c.mapChildColumnDefs(n)),this.gridOptions=se.ComponentUtil.copyAttributesToGridOptions(t,this.props),new se.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi,this.props.setGridApi(this.api,this.columnApi)},R.prototype.getStrategyTypeForProp=function(e){if("rowData"===e){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return t.ChangeDetectionStrategyType.IdentityCheck}return t.ChangeDetectionStrategyType.DeepValueCheck},R.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||null!=this.props.getRowId||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData||null!=this.props.gridOptions.getRowId)},R.prototype.shouldComponentUpdate=function(e){return this.processPropsChanges(this.props,e),!1},R.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},R.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.extractDeclarativeColDefChanges(t,n),this.processSynchronousChanges(n),this.processAsynchronousChanges(n)},R.prototype.extractDeclarativeColDefChanges=function(e,t){var n,r,o,a;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!e.debug,r="columnDefs",o=this.gridOptions.columnDefs,c.hasChildColumns(e.children)?(a=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),e=c.mapChildColumnDefs(e.children),a.areEqual(o,e)||(n&&console.log("agGridReact: colDefs definitions changed"),t[r]={previousValue:o,currentValue:e})):o&&0<o.length&&(t[r]={previousValue:o,currentValue:[]}))},R.prototype.extractGridPropertyChanges=function(t,n,r){var o=this,a=!!n.debug;Object.keys(n).forEach(function(e){se._.includes(se.ComponentUtil.ALL_PROPERTIES,e)&&!o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(e)).areEqual(t[e],n[e])&&(a&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),se.ComponentUtil.getEventCallbacks().forEach(function(e){t[e]!==n[e]&&(a&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},R.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0,this.portalManager.destroy()},R.prototype.isDisableStaticMarkup=function(){return!0===this.props.disableStaticMarkup},R.prototype.isLegacyComponentRendering=function(){return!0===this.props.legacyComponentRendering},R.prototype.processSynchronousChanges=function(e){var t,n=ce({},e);return 0<Object.keys(n).length&&(t={},this.SYNCHRONOUS_CHANGE_PROPERTIES.forEach(function(e){n[e]&&(t[e]=n[e],delete n[e])}),0<Object.keys(t).length)&&this.api&&se.ComponentUtil.processOnChange(t,this.gridOptions,this.api,this.columnApi),n},R.prototype.processAsynchronousChanges=function(e){var t=this;0<Object.keys(e).length&&window.setTimeout(function(){t.api&&se.ComponentUtil.processOnChange(e,t.gridOptions,t.api,t.columnApi)})},R.defaultProps={legacyComponentRendering:!1,disableStaticMarkup:!1,maxComponentCreationTimeMs:R.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3};var ye,E=R;function R(e){var t=ye.call(this,e)||this;return t.props=e,t.changeDetectionService=new F,t.api=null,t.destroyed=!1,t.SYNCHRONOUS_CHANGE_PROPERTIES=["context"],t.portalManager=new L(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t}function S(e,t){e.forEach(function(e){E[e]=t})}E.propTypes={gridOptions:e.object},S(se.ComponentUtil.getEventCallbacks(),e.func),S(se.ComponentUtil.BOOLEAN_PROPERTIES,e.bool),S(se.ComponentUtil.STRING_PROPERTIES,e.string),S(se.ComponentUtil.OBJECT_PROPERTIES,e.object),S(se.ComponentUtil.ARRAY_PROPERTIES,e.array),S(se.ComponentUtil.NUMBER_PROPERTIES,e.number),S(se.ComponentUtil.FUNCTION_PROPERTIES,e.func);n(Re,ve=se.BaseComponentWrapper),Re.prototype.createWrapper=function(e,t){return this.agGridReact.isLegacyComponentRendering()?new D(e,this.agGridReact,this.portalManager,t):new U(e,this.portalManager,t)};var ve,Ee=Re;function Re(e,t){var n=ve.call(this)||this;return n.agGridReact=e,n.portalManager=t,n}n(we,Se=ie.Component),we.prototype.render=function(){return this.props.suppressReactUi?ue.createElement(E,ce({},this.props,{setGridApi:this.setGridApi})):ue.createElement(ne,ce({},this.props,{setGridApi:this.setGridApi}))};var Se,o=we;function we(){var n=null!==Se&&Se.apply(this,arguments)||this;return n.setGridApi=function(e,t){n.api=e,n.columnApi=t},n}t.AgGridReact=o,t.AgGridReactLegacy=E,t.AgGridReactFire=ne,t.AgGridColumn=c,Object.defineProperty(t,"__esModule",{value:!0})});
+define(["exports","prop-types","react-dom/server","react-dom","react","agGrid"],function(e,t,S,r,se,ie){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var ue="default"in se?se.default:se,w=function(e,t){return(w=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)};function n(e,t){function n(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var ce=function(){return(ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function D(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var a=arguments[t],s=0,i=a.length;s<i;s++,o++)r[o]=a[s];return r}n(a,M=function(){}),a.prototype.getGui=function(){return this.eParentElement},a.prototype.destroy=function(){return this.componentInstance&&"function"==typeof this.componentInstance.destroy&&this.componentInstance.destroy(),this.portalManager.destroyPortal(this.portal)},a.prototype.createParentElement=function(e){var t=this.portalManager.getComponentWrappingElement(),t=document.createElement(t||"div");return t.classList.add("ag-react-container"),e.reactContainer=t},a.prototype.addParentContainerStyleAndClasses=function(){var t=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle()),this.componentInstance.getReactContainerClasses)&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(e){return t.eParentElement.classList.add(e)})},a.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},a.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},a.prototype.isStatelessComponent=function(){return this.statelessComponent},a.prototype.getReactComponentName=function(){return this.reactComponent.name},a.prototype.getMemoType=function(){return this.hasSymbol()?Symbol.for("react.memo"):60115},a.prototype.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},a.prototype.isStateless=function(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===this.getMemoType()},a.prototype.hasMethod=function(e){var t=this.getFrameworkComponentInstance();return!!t&&null!==t[e]||this.fallbackMethodAvailable(e)},a.prototype.callMethod=function(e,t){var n,r=this,o=this.getFrameworkComponentInstance();return this.isStatelessComponent()?this.fallbackMethod(e,t&&t[0]?t[0]:{}):o?(n=o[e])?n.apply(o,t):this.fallbackMethodAvailable(e)?this.fallbackMethod(e,t&&t[0]?t[0]:{}):void 0:void setTimeout(function(){return r.callMethod(e,t)})},a.prototype.addMethod=function(e,t){this[e]=t};var M,o=a;function a(e,t,n){var r=M.call(this)||this;return r.portal=null,r.reactComponent=e,r.portalManager=t,r.componentType=n,r.statelessComponent=r.isStateless(r.reactComponent),r}var O=0;function s(){return"agPortalKey_"+ ++O}n(i,T=o),i.prototype.init=function(t){var n=this;return this.eParentElement=this.createParentElement(t),this.renderStaticMarkup(t),new ie.AgPromise(function(e){return n.createReactComponent(t,e)})},i.prototype.createReactComponent=function(e,t){var n=this,e=(this.isStatelessComponent()||(e.ref=function(e){n.componentInstance=e,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()}),se.createElement(this.reactComponent,e)),e=r.createPortal(e,this.eParentElement,s());this.portal=e,this.portalManager.mountReactPortal(e,this,function(e){t(e),n.isStatelessComponent()&&(n.isSlowRenderer()&&n.removeStaticMarkup(),setTimeout(function(){n.removeStaticMarkup()}))})},i.prototype.fallbackMethodAvailable=function(e){return!1},i.prototype.fallbackMethod=function(e,t){},i.prototype.isSlowRenderer=function(){return this.staticRenderTime>=i.SLOW_RENDERING_THRESHOLD},i.prototype.isNullValue=function(){return""===this.staticMarkup},i.prototype.renderStaticMarkup=function(e){if(!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer){var t=console.error,e=se.createElement(this.reactComponent,e);try{console.error=function(){};var n=Date.now(),r=S.renderToStaticMarkup(e);this.staticRenderTime=Date.now()-n,console.error=t,""===r?this.staticMarkup=r:r&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=r,this.eParentElement.appendChild(this.staticMarkup))}catch(e){}finally{console.error=t}}},i.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},i.prototype.rendered=function(){return this.isNullValue()||!!this.staticMarkup||this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},i.SLOW_RENDERING_THRESHOLD=3;var T,I=i;function i(e,t,n,r){e=T.call(this,e,n,r)||this;return e.staticMarkup=null,e.staticRenderTime=0,e.parentComponent=t,e}n(u,N=o),u.prototype.init=function(e){var t=this;return this.eParentElement=this.createParentElement(e),this.params=e,this.createOrUpdatePortal(e),new ie.AgPromise(function(e){return t.createReactComponent(e)})},u.prototype.createOrUpdatePortal=function(e){var t=this;this.isStatelessComponent()||(e.ref=function(e){t.componentInstance=e,t.addParentContainerStyleAndClasses()}),this.reactElement=se.createElement(this.reactComponent,ce(ce({},e),{key:this.key})),this.portal=r.createPortal(this.reactElement,this.eParentElement,this.portalKey)},u.prototype.createReactComponent=function(t){this.portalManager.mountReactPortal(this.portal,this,function(e){t(e)})},u.prototype.isNullValue=function(){return this.valueRenderedIsNull(this.params)},u.prototype.rendered=function(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},u.prototype.valueRenderedIsNull=function(e){if(this.componentType.cellRenderer){var t=console.error;try{return console.error=function(){},""===S.renderToStaticMarkup(se.createElement(this.reactComponent,e))}catch(e){}finally{console.error=t}}return!1},u.prototype.refreshComponent=function(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)},u.prototype.fallbackMethod=function(e,t){e=this[e+"Component"];if(e)return e.bind(this)(t)},u.prototype.fallbackMethodAvailable=function(e){return!!this[e+"Component"]};var N,k=u;function u(e,t,n){e=N.call(this,e,t,n)||this;return e.oldPortal=null,e.key=s(),e.portalKey=s(),e}c.prototype.getPortals=function(){return this.portals},c.prototype.destroy=function(){this.destroyed=!0},c.prototype.destroyPortal=function(t){this.portals=this.portals.filter(function(e){return e!==t}),this.batchUpdate()},c.prototype.getComponentWrappingElement=function(){return this.wrappingElement},c.prototype.mountReactPortal=function(e,t,n){this.portals=D(this.portals,[e]),this.waitForInstance(t,n),this.batchUpdate()},c.prototype.updateReactPortal=function(e,t){this.portals[this.portals.indexOf(e)]=t,this.batchUpdate()},c.prototype.batchUpdate=function(){var e=this;this.hasPendingPortalUpdate||(setTimeout(function(){e.destroyed||e.parent.forceUpdate(function(){e.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},c.prototype.waitForInstance=function(e,t,n){var r=this;if(void 0===n&&(n=Date.now()),this.destroyed)t(null);else if(e.rendered())t(e);else{if(Date.now()-n>=this.maxComponentCreationTimeMs&&!this.hasPendingPortalUpdate)return e.isNullValue()?void t(e):void console.error("AG Grid: React Component '"+e.getReactComponentName()+"' not created within "+this.maxComponentCreationTimeMs+"ms");window.setTimeout(function(){r.waitForInstance(e,t,n)})}},c.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3;var A=c;function c(e,t,n){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.parent=e,this.maxComponentCreationTimeMs=n||c.MAX_COMPONENT_CREATION_TIME_IN_MS}function _(e,t,n,r){var o=!e||e.componentFromFramework;if(!o){var a,s,i,o=e.newAgStackInstance();if(o)return i=!1,o.then(function(e){i?t.destroyBean(e):(s=(a=e).getGui(),n.appendChild(s),G(r,a))}),function(){i=!0,a&&(s&&s.parentElement&&s.parentElement.removeChild(s),t.destroyBean(a),r)&&G(r,void 0)}}}function G(e,t){e&&(e instanceof Function?e(t):e.current=t)}function le(e){var t=se.useRef(e),n=se.useRef(),r=se.useRef(!1),o=se.useRef(!1),a=se.useState(0)[1];r.current&&(o.current=!0),se.useLayoutEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])}function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return null!=e&&""!==e}).join(" ")}var pe=ue.createContext({}),fe=function(e){var t=se.useRef(e),n=se.useRef(),r=se.useRef(!1),o=se.useRef(!1),a=se.useState(0)[1];r.current&&(o.current=!0),se.useEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])},P=(l.prototype.setClass=function(e,t){var n;return!!this.classesMap[e]==t?this:((n=new l).classesMap=ce({},this.classesMap),n.classesMap[e]=t,n)},l.prototype.toString=function(){var t=this;return Object.keys(this.classesMap).filter(function(e){return t.classesMap[e]}).join(" ")},l);function l(){for(var t=this,e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];this.classesMap={},e.forEach(function(e){t.classesMap[e]=!0})}function me(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===("function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115)}function te(r,o){fe(function(){var e,t=o.current,n=t.parentElement;if(n)return e=document.createComment(r),n.insertBefore(e,t),function(){n.removeChild(e)}})}var b=se.forwardRef(function(n,e){var r=se.useContext(pe).context,o=se.useRef(null),t=se.useRef(null),a=se.useRef(null),s=se.useRef(null),i=se.useRef(null),u=se.useState(),c=u[0],l=u[1],u=se.useState(),p=u[0],f=u[1],u=se.useState(),m=u[0],d=u[1],u=se.useState(new P),h=u[0],C=u[1],u=se.useState(new P("ag-hidden")),g=u[0],y=u[1],u=se.useState(new P("ag-hidden")),R=u[0],E=u[1],u=se.useState(new P("ag-invisible")),v=u[0],S=u[1],u=(se.useImperativeHandle(e,function(){return{refresh:function(){return!1}}}),se.useEffect(function(){return _(c,r,t.current)},[c]),fe(function(){var e={setInnerRenderer:function(e,t){l(e),d(t)},setChildCount:function(e){return f(e)},addOrRemoveCssClass:function(t,n){return C(function(e){return e.setClass(t,n)})},setContractedDisplayed:function(t){return E(function(e){return e.setClass("ag-hidden",!t)})},setExpandedDisplayed:function(t){return y(function(e){return e.setClass("ag-hidden",!t)})},setCheckboxVisible:function(t){return S(function(e){return e.setClass("ag-invisible",!t)})}},t=r.createBean(new ie.GroupCellRendererCtrl);return t.init(e,o.current,a.current,s.current,i.current,b,n),function(){r.destroyBean(t)}}),se.useMemo(function(){return"ag-cell-wrapper "+h.toString()},[h])),e=se.useMemo(function(){return"ag-group-expanded "+g.toString()},[g]),w=se.useMemo(function(){return"ag-group-contracted "+R.toString()},[R]),M=se.useMemo(function(){return"ag-group-checkbox "+v.toString()},[v]),O=c&&c.componentFromFramework,T=O?c.componentClass:void 0,I=null==c&&null!=m,m=ie._.escapeString(m,!0);return ue.createElement("span",ce({className:u,ref:o},n.colDef?{}:{role:"gridcell"}),ue.createElement("span",{className:e,ref:s}),ue.createElement("span",{className:w,ref:i}),ue.createElement("span",{className:M,ref:a}),ue.createElement("span",{className:"ag-group-value",ref:t},I&&ue.createElement(ue.Fragment,null,m),O&&ue.createElement(T,ce({},c.params))),ue.createElement("span",{className:"ag-group-child-count"},p))}),F=se.memo(function(e){var t=se.useContext(pe).context,n=se.useState(),r=n[0],o=n[1],n=se.useState(),a=n[0],s=n[1],n=se.useState(),i=n[0],u=n[1],n=se.useState(),c=n[0],l=n[1],n=se.useState(),p=n[0],f=n[1],n=se.useState(),m=n[0],d=n[1],h=se.useRef(null),C=se.useRef(null),g=se.useRef(null),y=se.useRef(),R=e.ctrl,E=se.useMemo(function(){return new ie.CssClassManager(function(){return h.current})},[]),n=(le(function(){R.setComp({setWidth:function(e){return o(e)},addOrRemoveCssClass:function(e,t){return E.addOrRemoveCssClass(e,t)},setColId:function(e){return u(e)},setTitle:function(e){return s(e)},setAriaDescription:function(e){return f(e)},setAriaSort:function(e){return l(e)},setUserCompDetails:function(e){return d(e)},getUserCompInstance:function(){return y.current||void 0}},h.current,C.current,g.current);var e=R.getSelectAllGui();C.current.insertAdjacentElement("afterend",e)}),se.useEffect(function(){return _(m,t,g.current,y)},[m]),se.useEffect(function(){R.setDragSource(h.current)},[m]),se.useMemo(function(){return{width:r}},[r])),e=se.useMemo(function(){return!!((null==m?void 0:m.componentFromFramework)&&me(m.componentClass))},[m]),v=m&&m.componentFromFramework,S=m&&m.componentClass;return ue.createElement("div",{ref:h,className:"ag-header-cell",style:n,title:a,"col-id":i,"aria-sort":c,role:"columnheader",tabIndex:-1,"aria-description":p},ue.createElement("div",{ref:C,className:"ag-header-cell-resize",role:"presentation"}),ue.createElement("div",{ref:g,className:"ag-header-cell-comp-wrapper",role:"presentation"},v&&e&&ue.createElement(S,ce({},m.params)),v&&!e&&ue.createElement(S,ce({},m.params,{ref:y}))))}),x=se.memo(function(e){var t=se.useContext(pe).context,n=se.useState(new P),r=n[0],o=n[1],n=se.useState(new P),a=n[0],s=n[1],n=se.useState("false"),i=n[0],u=n[1],n=se.useState(),c=n[0],l=n[1],n=se.useState(),p=n[0],f=n[1],n=se.useState(),m=n[0],d=n[1],n=se.useState(),h=n[0],C=n[1],n=se.useState(),g=n[0],y=n[1],R=se.useRef(null),E=se.useRef(null),v=e.ctrl,n=(fe(function(){v.setComp({setWidth:function(e){return l(e)},addOrRemoveCssClass:function(t,n){return o(function(e){return e.setClass(t,n)})},setColId:function(e){return d(e)},setTitle:function(e){return f(e)},setUserCompDetails:function(e){return y(e)},setResizableDisplayed:function(t){s(function(e){return e.setClass("ag-hidden",!t)}),u(t?"false":"true")},setAriaExpanded:function(e){return C(e)}},R.current,E.current)}),se.useEffect(function(){return _(g,t,R.current)},[g]),se.useEffect(function(){var t=void 0;R.current.childNodes.forEach(function(e){null!=e&&e!==E.current&&(t=e)}),t&&v.setDragSource(t)},[g]),se.useMemo(function(){return{width:c}},[c])),e=se.useMemo(function(){return"ag-header-group-cell "+r.toString()},[r]),S=se.useMemo(function(){return"ag-header-cell-resize "+a.toString()},[a]),w=g&&g.componentFromFramework,M=g&&g.componentClass;return ue.createElement("div",{ref:R,className:e,style:n,title:p,"col-id":m,role:"columnheader",tabIndex:-1,"aria-expanded":h},w&&ue.createElement(M,ce({},g.params)),ue.createElement("div",{ref:E,"aria-hidden":i,className:S}))}),B=se.memo(function(e){function t(e){R.current||null!=e&&(E.current&&E.current(e),R.current=!0)}var n=se.useContext(pe).context,r=se.useState(new P("ag-header-cell","ag-floating-filter")),o=r[0],a=r[1],r=se.useState(new P),s=r[0],i=r[1],r=se.useState(new P("ag-floating-filter-button","ag-hidden")),u=r[0],c=r[1],r=se.useState("false"),l=r[0],p=r[1],r=se.useState(),f=r[0],m=r[1],r=se.useState(),d=r[0],h=r[1],C=se.useRef(null),g=se.useRef(null),r=se.useRef(null),y=se.useRef(null),R=se.useRef(!1),E=se.useRef(),v=se.useRef(),S=(fe(function(){v.current=new ie.AgPromise(function(e){E.current=e})}),e.ctrl),e=(fe(function(){S.setComp({addOrRemoveCssClass:function(t,n){return a(function(e){return e.setClass(t,n)})},addOrRemoveBodyCssClass:function(t,n){return i(function(e){return e.setClass(t,n)})},setButtonWrapperDisplayed:function(t){c(function(e){return e.setClass("ag-hidden",!t)}),p(t?"false":"true")},setWidth:function(e){return m(e)},setCompDetails:function(e){return h(e)},getFloatingFilterComp:function(){return v.current||null},setMenuIcon:function(e){return y.current.appendChild(e)}},C.current,y.current,g.current)}),se.useEffect(function(){return _(d,n,g.current,t)},[d]),se.useMemo(function(){return{width:f}},[f])),w=se.useMemo(function(){return o.toString()},[o]),M=se.useMemo(function(){return s.toString()},[s]),O=se.useMemo(function(){return u.toString()},[u]),T=se.useMemo(function(){return!!(d&&d.componentFromFramework&&me(d.componentClass))},[d]),I=d&&d.componentFromFramework,b=d&&d.componentClass;return ue.createElement("div",{ref:C,className:w,style:e,role:"gridcell",tabIndex:-1},ue.createElement("div",{ref:g,className:M,role:"presentation"},I&&T&&ue.createElement(b,ce({},d.params)),I&&!T&&ue.createElement(b,ce({},d.params,{ref:t}))),ue.createElement("div",{ref:r,"aria-hidden":l,className:O,role:"presentation"},ue.createElement("button",{ref:y,type:"button","aria-label":"Open Filter Menu",className:"ag-floating-filter-button-button",tabIndex:-1})))}),U=se.memo(function(e){var s=se.useContext(pe).gridOptionsService,t=se.useState(),n=t[0],r=t[1],t=se.useState(),o=t[0],a=t[1],t=se.useState(),i=t[0],u=t[1],t=se.useState(),c=t[0],l=t[1],t=se.useState(),p=t[0],f=t[1],t=se.useState([]),m=t[0],d=t[1],t=se.useRef(null),h=e.ctrl,C=h.getType()===ie.HeaderRowType.COLUMN,g=h.getType()===ie.HeaderRowType.COLUMN_GROUP,y=h.getType()===ie.HeaderRowType.FLOATING_FILTER,R=se.useCallback(function(e,t){var n,r,o=s.is("ensureDomOrder"),a=s.isDomLayout("print");return o||a?t:(n=ie._.mapById(e,function(e){return e.getInstanceId()}),r=ie._.mapById(t,function(e){return e.getInstanceId()}),D(e.filter(function(e){return r.has(e.getInstanceId())}),t.filter(function(e){return!n.has(e.getInstanceId())})))},[]),e=(fe(function(){h.setComp({setTransform:function(e){return r(e)},setHeight:function(e){return a(e)},setTop:function(e){return u(e)},setHeaderCtrls:function(t){return d(function(e){return R(e,t)})},setWidth:function(e){return l(e)},setAriaRowIndex:function(e){return f(e)}})}),se.useMemo(function(){return{transform:n,height:o,top:i,width:c}},[n,o,i,c])),E=se.useMemo(function(){var e=["ag-header-row"];return C&&e.push("ag-header-row-column"),g&&e.push("ag-header-row-column-group"),y&&e.push("ag-header-row-column-filter"),e.join(" ")},[]),v=se.useCallback(function(e){switch(h.getType()){case ie.HeaderRowType.COLUMN_GROUP:return ue.createElement(x,{ctrl:e,key:e.getInstanceId()});case ie.HeaderRowType.FLOATING_FILTER:return ue.createElement(B,{ctrl:e,key:e.getInstanceId()});default:return ue.createElement(F,{ctrl:e,key:e.getInstanceId()})}},[]);return ue.createElement("div",{ref:t,className:E,role:"row",style:e,"aria-rowindex":p},m.map(v))}),p=se.memo(function(n){function e(){return m.map(function(e){return ue.createElement(U,{ctrl:e,key:e.getInstanceId()})})}var t=se.useState(new P),r=t[0],o=t[1],t=se.useState(!1),a=t[0],s=t[1],t=se.useState(),i=t[0],u=t[1],t=se.useState(),c=t[0],l=t[1],t=se.useState(),p=t[0],f=t[1],t=se.useState([]),m=t[0],d=t[1],h=se.useContext(pe).context,C=se.useRef(null),t="left"===n.pinned,g="right"===n.pinned,y=!t&&!g,R=(fe(function(){var e={setDisplayed:function(t){o(function(e){return e.setClass("ag-hidden",!t)}),s(!t)},setCtrls:function(e){return d(e)},setCenterWidth:function(e){return u(e)},setContainerTransform:function(e){return l(e)},setPinnedContainerWidth:function(e){return f(e)}},t=h.createBean(new ie.HeaderRowContainerCtrl(n.pinned));return t.setComp(e,C.current),function(){h.destroyBean(t)}}),se.useMemo(function(){return r.toString()},[r])),E=se.useMemo(function(){return{width:i,transform:c}},[i,c]),v=se.useMemo(function(){return{width:p,minWidth:p,maxWidth:p}},[p]);return ue.createElement(ue.Fragment,null,t&&ue.createElement("div",{ref:C,className:"ag-pinned-left-header "+R,"aria-hidden":a,role:"presentation",style:v},e()),g&&ue.createElement("div",{ref:C,className:"ag-pinned-right-header "+R,"aria-hidden":a,role:"presentation",style:v},e()),y&&ue.createElement("div",{ref:C,className:"ag-header-viewport "+R,role:"presentation"},ue.createElement("div",{className:"ag-header-container",role:"rowgroup",style:E},e())))}),ne=se.memo(function(){var e=se.useState(new P),t=e[0],r=e[1],e=se.useState(),n=e[0],o=e[1],a=se.useContext(pe).context,s=se.useRef(null),e=(fe(function(){var e={addOrRemoveCssClass:function(t,n){return r(function(e){return e.setClass(t,n)})},setHeightAndMinHeight:function(e){return o(e)}},t=a.createBean(new ie.GridHeaderCtrl);return t.setComp(e,s.current,s.current),function(){a.destroyBean(t)}}),se.useMemo(function(){return"ag-header "+t.toString()},[t])),i=se.useMemo(function(){return{height:n,minHeight:n}},[n]);return ue.createElement("div",{ref:s,className:e,style:i,role:"presentation"},ue.createElement(p,{pinned:"left"}),ue.createElement(p,{pinned:null}),ue.createElement(p,{pinned:"right"}))}),de=se.memo(function(u){var e=se.useState(),t=e[0],c=e[1],e=se.useContext(pe),l=e.context,p=e.popupService,f=e.localeService,m=e.gridOptionsService;return fe(function(){var e=u.editDetails,t=u.cellCtrl,n=u.eParentCell,r=e.compDetails,o=m.is("stopEditingWhenCellsLoseFocus"),a=l.createBean(new ie.PopupEditorWrapper(r.params)),r=a.getGui(),s=(u.jsChildComp&&(s=u.jsChildComp.getGui())&&r.appendChild(s),{column:t.getColumn(),rowNode:t.getRowNode(),type:"popupCellEditor",eventSource:n,ePopup:r,position:e.popupPosition,keepWithinBounds:!0}),e=p.positionPopupByComponent.bind(p,s),s=f.getLocaleTextFunc(),o=p.addPopup({modal:o,eChild:r,closeOnEsc:!0,closedCallback:function(){t.onPopupEditorClosed()},anchorToElement:n,positionCallback:e,ariaLabel:s("ariaLabelCellEditor","Cell Editor")}),i=o?o.hideFunc:void 0;return c(a),u.jsChildComp&&u.jsChildComp.afterGuiAttached&&u.jsChildComp.afterGuiAttached(),function(){null!=i&&i(),l.destroyBean(a)}}),ue.createElement(ue.Fragment,null,t&&u.wrappedContent&&r.createPortal(u.wrappedContent,t.getGui()))}),L=se.memo(function(e){function t(){return ue.createElement(ue.Fragment,null,null!=E&&(i=S,u=ae,c=O,l=A,p=oe,f=te,m=(s=E).compDetails,s=s.value,d=!m,h=m&&m.componentFromFramework,C=m&&m.componentClass,g=null!=s&&s.toString?s.toString():s,ue.createElement(ue.Fragment,null,l?ue.createElement("span",{role:"presentation",id:"cell-"+u,className:"ag-cell-value",ref:f},y()):y())),null!=v&&(s=v,l=re,u=ne,f=M.current,e=R,t=Z,n=s.compDetails,r=n.componentClass,o=n.componentFromFramework&&!s.popup,a=n.componentFromFramework&&s.popup,n=!n.componentFromFramework&&s.popup,ue.createElement(ue.Fragment,null,o&&ue.createElement(r,ce({},s.compDetails.params,{ref:l})),a&&ue.createElement(de,{editDetails:s,cellCtrl:e,eParentCell:f,wrappedContent:ue.createElement(r,ce({},s.compDetails.params,{ref:u}))}),n&&t&&ue.createElement(de,{editDetails:s,cellCtrl:e,eParentCell:f,jsChildComp:t}))));var e,t,n,r,o,a,s,i,u,c,l,p,f,m,d,h,C,g;function y(){return ue.createElement(ue.Fragment,null,d&&ue.createElement(ue.Fragment,null,g),h&&!p&&ue.createElement(C,ce({},m.params,{key:i,ref:c})),h&&p&&ue.createElement(C,ce({},m.params,{key:i})))}}var n,r,o,a,s,i,u,c=se.useContext(pe).context,R=e.cellCtrl,l=e.printLayout,p=e.editingRow,e=se.useState(),E=e[0],f=e[1],e=se.useState(),v=e[0],m=e[1],e=se.useState(1),S=e[0],d=e[1],e=se.useState(),_=e[0],x=e[1],e=se.useState(),B=e[0],U=e[1],e=se.useState(),L=e[0],H=e[1],e=se.useState(),W=e[0],j=e[1],e=se.useState(),V=e[0],K=e[1],e=se.useState(),Y=e[0],z=e[1],e=se.useState(!1),h=e[0],q=e[1],e=se.useState(!1),C=e[0],$=e[1],e=se.useState(!1),g=e[0],X=e[1],e=se.useState(),Z=e[0],y=e[1],w=se.useMemo(function(){return R.isForceWrapper()},[]),M=se.useRef(null),O=se.useRef(null),T=se.useRef(),I=se.useRef(),b=se.useRef(),e=se.useState(0),J=e[0],Q=e[1],e=se.useCallback(function(e){b.current=e,Q(function(e){return e+1})},[]),P=se.useRef(),N=se.useState(0),k=N[0],ee=N[1],te=se.useCallback(function(e){P.current=e,ee(function(e){return e+1})},[]),A=w||null!=E&&(h||g||C),G=se.useCallback(function(e,t){var n,r,o,a,s;(I.current=t)&&(e=e,n=t,s=(r=R).getColumn(),!e&&n.isPopup&&n.isPopup()&&(o="AG Grid: Found an issue in column "+s.getColId()+". If using React, specify an editor is a popup using colDef.cellEditorPopup=true. AG Grid React cannot depend on the editor component specifying if it's in a popup (via the isPopup() method on the editor), as React needs to know this information BEFORE the component is created.",ie._.doOnce(function(){return console.warn(o)},"jsEditorComp-isPopup-"+r.getColumn().getColId())),e&&n.getPopupPosition&&null!=n.getPopupPosition()&&(a="AG Grid: Found an issue in column "+s.getColId()+". If using React, specify an editor popup position using colDef.cellEditorPopupPosition=true. AG Grid React cannot depend on the editor component specifying it's position (via the getPopupPosition() method on the editor), as React needs to know this information BEFORE the component is created.",ie._.doOnce(function(){return console.warn(a)},"jsEditorComp-getPopupPosition-"+r.getColumn().getColId())),t.isCancelBeforeStart)&&t.isCancelBeforeStart()&&setTimeout(function(){R.stopEditing(!0),R.focusCell(!0)})},[]),ne=se.useCallback(function(e){return G(!0,e)},[]),re=se.useCallback(function(e){return G(!1,e)},[]),F=se.useMemo(function(){return new ie.CssClassManager(function(){return M.current})},[]),D=(n=E,r=A,o=P.current,N=k,a=T,s=M,k=se.useContext(pe),i=k.context,k.userComponentFactory,u=se.useCallback(function(){var e,t=a.current;t&&((e=t.getGui())&&e.parentElement&&e.parentElement.removeChild(e),i.destroyBean(t),a.current=void 0)},[]),se.useEffect(function(){var e=n&&n.compDetails&&!n.compDetails.componentFromFramework;if(null!=n&&e&&!(r&&null==o)){e=n.compDetails;if(a.current){var t=a.current,t=null!=t.refresh&&0==n.force&&t.refresh(e.params);if(!0===t||void 0===t)return;u()}t=e.newAgStackInstance();t&&(e=t.resolveNow(null,function(e){return e}))&&(t=e.getGui())&&((r?o:s.current).appendChild(t),a.current=e)}else u()},[n,r,N]),fe(function(){return u}),se.useRef()),oe=(se.useEffect(function(){var e=D.current,t=E;D.current=E,null!=e&&null!=e.compDetails&&null!=t&&null!=t.compDetails&&(e=e.compDetails,t=t.compDetails,e.componentClass==t.componentClass)&&null!=O.current&&null!=O.current.refresh&&1!=O.current.refresh(t.params)&&d(function(e){return e+1})},[E]),se.useEffect(function(){if(v&&!v.compDetails.componentFromFramework){var e,t=v.compDetails,n=!0===v.popup,r=function(e){e=e.newAgStackInstance();if(e)return e.resolveNow(null,function(e){return e})}(t);if(r)return e=r.getGui(),G(n,r),n||(null!=(t=(w?b:M).current)&&t.appendChild(e),r.afterGuiAttached&&r.afterGuiAttached()),y(r),function(){c.destroyBean(r),G(n,void 0),y(void 0),e&&e.parentElement&&e.parentElement.removeChild(e)}}},[v]),se.useEffect(function(){if(R&&c){var n,e,t="cell-"+R.getInstanceId(),r=[];if(r.push(t),b.current&&A)return n=[],t=function(e){var t;return e&&(t=e.getGui(),b.current.insertAdjacentElement("afterbegin",t),n.push(function(){c.destroyBean(e),ie._.removeFromParent(t)})),e},h&&(e=R.createSelectionCheckbox(),r.push(e.getCheckboxId()),t(e)),g&&t(R.createDndSource()),C&&t(R.createRowDragComp()),H(r.join(" ")),function(){return n.forEach(function(e){return e()})}}},[A,g,C,h,J]),le(function(){var e;R&&(e=b.current||void 0,R.setComp({addOrRemoveCssClass:function(e,t){return F.addOrRemoveCssClass(e,t)},setUserStyles:function(e){return x(e)},getFocusableElement:function(){return M.current},setTabIndex:function(e){return U(e)},setRole:function(e){return j(e)},setColId:function(e){return K(e)},setTitle:function(e){return z(e)},setIncludeSelection:function(e){return q(e)},setIncludeRowDrag:function(e){return $(e)},setIncludeDndSource:function(e){return X(e)},getCellEditor:function(){return I.current||null},getCellRenderer:function(){return O.current||T.current},getParentOfValue:function(){return P.current||b.current||M.current},setRenderDetails:function(e,t,n){f({value:t,compDetails:e,force:n})},setEditDetails:function(e,t,n){e?(m({compDetails:e,popup:t,popupPosition:n}),t||f(void 0)):m(void 0)}},M.current,e,l,p))}),se.useMemo(function(){return!!(E&&E.compDetails&&E.compDetails.componentFromFramework&&me(E.compDetails.componentClass))},[E])),ae=(se.useEffect(function(){var e;M.current&&(F.addOrRemoveCssClass("ag-cell-value",!A),F.addOrRemoveCssClass("ag-cell-inline-editing",!!v&&!v.popup),F.addOrRemoveCssClass("ag-cell-popup-editing",!!v&&!!v.popup),F.addOrRemoveCssClass("ag-cell-not-inline-editing",!v||!!v.popup),null!=(e=R.getRowCtrl()))&&e.setInlineEditingCss(!!v)}),se.useMemo(function(){return R.getInstanceId()},[]));return ue.createElement("div",{ref:M,style:_,tabIndex:B,role:W,"col-id":V,title:Y,"aria-describedby":L},A?ue.createElement("div",{className:"ag-cell-wrapper",role:"presentation","aria-hidden":"true",ref:e},t()):t())}),H=se.memo(function(e){var t=se.useContext(pe).context,n=e.rowCtrl,r=e.containerType,e=se.useState(),o=e[0],a=e[1],e=se.useState(),s=e[0],i=e[1],e=se.useState(),u=e[0],c=e[1],e=se.useState(),l=e[0],p=e[1],e=se.useState(),f=e[0],m=e[1],e=se.useState(),d=e[0],h=e[1],e=se.useState({list:[],instanceIdMap:new Map}),C=e[0],g=e[1],e=se.useState(),y=e[0],R=e[1],e=se.useState(!1),E=e[0],v=e[1],e=se.useState(n.getInitialRowTop(r)),S=e[0],w=e[1],e=se.useState(n.getInitialTransform(r)),M=e[0],O=e[1],T=se.useRef(null),I=se.useRef(),b=se.useRef(!1),e=se.useState(0),P=e[0],N=e[1],k=(se.useEffect(function(){var e;b.current||!y||10<P||((e=null==(e=T.current)?void 0:e.firstChild)?(n.setupDetailRowAutoHeight(e),b.current=!0):N(function(e){return e+1}))},[y,P]),se.useMemo(function(){return new ie.CssClassManager(function(){return T.current})},[])),e=(le(function(){if(n.isAlive())return n.setComp({setTop:function(e){return w(e)},setTransform:function(e){return O(e)},addOrRemoveCssClass:function(e,t){return k.addOrRemoveCssClass(e,t)},setDomOrder:function(e){return v(e)},setRowIndex:function(e){return a(e)},setRowId:function(e){return i(e)},setRowBusinessKey:function(e){return p(e)},setTabIndex:function(e){return m(e)},setUserStyles:function(e){return h(e)},setRole:function(e){return c(e)},setCellCtrls:function(i){return g(function(e){return n=e,e=i,E?(t={list:e,instanceIdMap:new Map},e.forEach(function(e){return t.instanceIdMap.set(e.getInstanceId(),e)}),t):(r=[],o=[],a=new Map,s=new Map,e.forEach(function(e){return s.set(e.getInstanceId(),e)}),n.list.forEach(function(e){var t=e.getInstanceId();s.has(t)&&(r.push(e),a.set(t,e))}),e.forEach(function(e){var t=e.getInstanceId();n.instanceIdMap.has(t)||(o.push(e),a.set(t,e))}),{list:D(r,o),instanceIdMap:a});var n,t,r,o,a,s})},showFullWidth:function(e){return R(e)},getFullWidthCellRenderer:function(){return I.current}},T.current,r),function(){n.unsetComp(r)}}),se.useEffect(function(){return _(y,t,T.current,I)},[y]),se.useMemo(function(){var e={top:S,transform:M};return Object.assign(e,d),e},[S,M,d])),A=y&&y.componentFromFramework,G=null!=C,F=se.useMemo(function(){return!!((null==y?void 0:y.componentFromFramework)&&me(y.componentClass))},[y]);return ue.createElement("div",{ref:T,role:u,style:e,"row-index":o,"row-id":s,"row-business-key":l,tabIndex:f},G&&C.list.map(function(e){return ue.createElement(L,{cellCtrl:e,editingRow:n.isEditing(),printLayout:n.isPrintLayout(),key:e.getInstanceId()})}),A&&(u=y.componentClass,ue.createElement(ue.Fragment,null,F&&ue.createElement(u,ce({},y.params)),!F&&ue.createElement(u,ce({},y.params,{ref:I})))))}),re=se.memo(function(e){function t(){return ue.createElement("div",{className:E,ref:y,role:u.length?"rowgroup":"presentation",style:O},s.map(function(e){return ue.createElement(H,{rowCtrl:e,containerType:h,key:e.getInstanceId()})}))}var r=se.useContext(pe).context,n=se.useState(""),o=n[0],a=n[1],n=se.useState([]),s=n[0],i=n[1],n=se.useState([]),u=n[0],c=n[1],n=se.useState(!1),l=n[0],p=n[1],n=se.useState(""),f=n[0],m=n[1],d=e.name,h=se.useMemo(function(){return ie.getRowContainerTypeForName(d)},[d]),C=se.useRef(null),g=se.useRef(null),y=se.useRef(null),R=se.useMemo(function(){return ie.RowContainerCtrl.getRowContainerCssClasses(d)},[d]),n=se.useMemo(function(){return ee(R.wrapper)},[]),e=se.useMemo(function(){return ee(R.viewport)},[]),E=se.useMemo(function(){return ee(R.container)},[]),v=d===ie.RowContainerName.CENTER,S=d===ie.RowContainerName.TOP_CENTER||d===ie.RowContainerName.BOTTOM_CENTER||d===ie.RowContainerName.STICKY_TOP_CENTER,w=!v&&!S,M=(te(" AG Row Container "+d+" ",v?C:S?g:y),se.useEffect(function(){i(function(e){var t;return l?u:(t=e.filter(function(e){return 0<=u.indexOf(e)}),e=u.filter(function(e){return t.indexOf(e)<0}),D(t,e))})},[l,u]),fe(function(){var e=[],t={setViewportHeight:a,setRowCtrls:function(e){return c(e)},setDomOrder:function(e){return p(e)},setContainerWidth:function(e){return m(e)}},n=r.createBean(new ie.RowContainerCtrl(d));return e.push(n),n.setComp(t,y.current,g.current,C.current),function(){r.destroyBeans(e)}}),se.useMemo(function(){return{height:o}},[o])),O=se.useMemo(function(){return{width:f}},[f]);return ue.createElement(ue.Fragment,null,v&&ue.createElement("div",{className:n,ref:C,role:"presentation"},ue.createElement("div",{className:e,ref:g,role:"presentation",style:M},t())),S&&ue.createElement("div",{className:e,ref:g,role:"presentation",style:M},t()),w&&t())}),W=se.memo(function(){function o(e){return ue.createElement(re,{name:e,key:e+"-container"})}function e(e){var t=e.section,n=e.children,r=e.className,e=e.style;return ue.createElement("div",{ref:t,className:r,role:"presentation",style:e},n.map(o))}var t=se.useContext(pe),a=t.context,s=t.agStackComponentsRegistry,i=t.resizeObserverService,t=se.useState(""),n=t[0],u=t[1],t=se.useState(0),r=t[0],c=t[1],t=se.useState(0),l=t[0],p=t[1],t=se.useState(0),f=t[0],m=t[1],t=se.useState(0),d=t[0],h=t[1],t=se.useState("0px"),C=t[0],g=t[1],t=se.useState("0px"),y=t[0],R=t[1],t=se.useState("100%"),E=t[0],v=t[1],t=se.useState(""),S=t[0],_=t[1],t=se.useState(""),w=t[0],x=t[1],t=se.useState(""),M=t[0],B=t[1],t=se.useState(null),O=t[0],U=t[1],t=se.useState(null),T=t[0],L=t[1],t=se.useState(""),I=t[0],H=t[1],t=se.useState(null),b=t[0],W=t[1],t=se.useState("ag-layout-normal"),P=t[0],j=t[1],N=se.useRef(null),k=se.useRef(null),A=se.useRef(null),G=se.useRef(null),F=se.useRef(null),D=se.useRef(null),t=(te(" AG Grid Body ",N),te(" AG Pinned Top ",k),te(" AG Sticky Top ",A),te(" AG Middle ",F),te(" AG Pinned Bottom ",D),fe(function(){var e,t,n=[],r=[];if(a)return e=function(e){e=s.getComponentClass(e),e=a.createBean(new e);return n.push(e),e},N.current.appendChild(document.createComment(" AG Fake Horizontal Scroll ")),N.current.appendChild(e("AG-FAKE-HORIZONTAL-SCROLL").getGui()),N.current.appendChild(document.createComment(" AG Overlay Wrapper ")),N.current.appendChild(e("AG-OVERLAY-WRAPPER").getGui()),G.current.appendChild(document.createComment(" AG Fake Vertical Scroll ")),G.current.appendChild(e("AG-FAKE-VERTICAL-SCROLL").getGui()),e={setRowAnimationCssOnBodyViewport:u,setColumnCount:c,setRowCount:p,setTopHeight:m,setBottomHeight:h,setStickyTopHeight:g,setStickyTopTop:R,setStickyTopWidth:v,setTopDisplay:_,setBottomDisplay:x,setColumnMovingCss:U,updateLayoutClasses:j,setAlwaysVerticalScrollClass:L,setPinnedTopBottomOverflowY:H,setCellSelectableCss:W,setBodyViewportWidth:B,registerBodyViewportResizeListener:function(e){var t=i.observeResize(F.current,e);r.push(function(){return t()})}},t=a.createBean(new ie.GridBodyCtrl),n.push(t),t.setComp(e,N.current,F.current,k.current,D.current,A.current),function(){a.destroyBeans(n),r.forEach(function(e){return e()})}}),se.useMemo(function(){return ee("ag-root","ag-unselectable",O,P)},[O,P])),V=se.useMemo(function(){return ee("ag-body-viewport",n,P,T,b)},[n,P,T,b]),K=se.useMemo(function(){return ee("ag-body",P)},[P]),Y=se.useMemo(function(){return ee("ag-body-clipper",P)},[P]),z=se.useMemo(function(){return ee("ag-floating-top",b)},[b]),q=se.useMemo(function(){return ee("ag-sticky-top",b)},[b]),$=se.useMemo(function(){return ee("ag-floating-bottom",b)},[b]),X=se.useMemo(function(){return{height:f,minHeight:f,display:S,overflowY:I}},[f,S,I]),Z=se.useMemo(function(){return{height:C,top:y,width:E}},[C,y,E]),J=se.useMemo(function(){return{height:d,minHeight:d,display:w,overflowY:I}},[d,w,I]),Q=se.useMemo(function(){return{width:M}},[M]);return ue.createElement("div",{ref:N,className:t,role:"treegrid","aria-colcount":r,"aria-rowcount":l},ue.createElement(ne,null),e({section:k,className:z,style:X,children:[ie.RowContainerName.TOP_LEFT,ie.RowContainerName.TOP_CENTER,ie.RowContainerName.TOP_RIGHT,ie.RowContainerName.TOP_FULL_WIDTH]}),ue.createElement("div",{className:K,ref:G,role:"presentation"},ue.createElement("div",{className:Y,role:"presentation"},e({section:F,className:V,style:Q,children:[ie.RowContainerName.LEFT,ie.RowContainerName.CENTER,ie.RowContainerName.RIGHT,ie.RowContainerName.FULL_WIDTH]}))),e({section:A,className:q,style:Z,children:[ie.RowContainerName.STICKY_TOP_LEFT,ie.RowContainerName.STICKY_TOP_CENTER,ie.RowContainerName.STICKY_TOP_RIGHT,ie.RowContainerName.STICKY_TOP_FULL_WIDTH]}),e({section:D,className:$,style:J,children:[ie.RowContainerName.BOTTOM_LEFT,ie.RowContainerName.BOTTOM_CENTER,ie.RowContainerName.BOTTOM_RIGHT,ie.RowContainerName.BOTTOM_FULL_WIDTH]}))}),o=se.forwardRef(function(e,t){function n(e){return ue.createElement("div",{className:"ag-tab-guard ag-tab-guard-"+e,role:"presentation",tabIndex:p,ref:"top"===e?u:c})}var r=e.children,o=e.eFocusableElement,a=e.onTabKeyDown,s=e.gridCtrl,i=se.useContext(pe).context,u=se.useRef(null),c=se.useRef(null),l=se.useRef(),e=se.useState(),p=e[0],f=e[1];se.useImperativeHandle(t,function(){return{forceFocusOutOfContainer:function(){l.current.forceFocusOutOfContainer()}}}),fe(function(){var e=u.current,t=c.current,n=l.current=i.createBean(new ie.TabGuardCtrl({comp:{setTabIndex:function(e){return f(null==e?void 0:parseInt(e,10))}},eTopGuard:e,eBottomGuard:t,eFocusableElement:o,onTabKeyDown:a,focusInnerElement:function(e){return s.focusInnerElement(e)}}));return function(){i.destroyBean(n)}});return ue.createElement(ue.Fragment,null,n("top"),r,n("bottom"))}),j=se.memo(o),V=se.memo(function(e){var p=e.context,e=se.useState(""),t=e[0],n=e[1],e=se.useState(""),r=e[0],o=e[1],e=se.useState(""),a=e[0],s=e[1],e=se.useState(null),i=e[0],u=e[1],e=se.useState(null),c=e[0],l=e[1],e=se.useState(!1),f=e[0],m=e[1],e=se.useState(),d=e[0],h=e[1],C=se.useRef(null),g=se.useRef(null),y=se.useRef(),R=se.useRef(null),E=se.useRef(function(){}),e=se.useCallback(function(){},[]),v=se.useMemo(function(){return p.getBean("beans")},[]),S=(te(" AG Grid ",g),fe(function(){var e=C.current=p.createBean(new ie.GridCtrl);return function(){p.destroyBean(e),C.current=null}}),fe(function(){var e=C.current,t=(E.current=e.focusInnerElement.bind(e),{destroyGridUi:function(){},setRtlClass:n,addOrRemoveKeyboardFocusClass:function(e){return o(e?ie.FocusService.AG_KEYBOARD_FOCUS:"")},forceFocusOutOfContainer:function(){y.current.forceFocusOutOfContainer()},updateLayoutClasses:s,getFocusableContainers:function(){var e=[],t=g.current.querySelector(".ag-root"),n=g.current.querySelector(".ag-side-bar");return t&&e.push(t),n&&e.push(n),e},setCursor:u,setUserSelect:l});e.setComp(t,g.current,g.current),m(!0)}),se.useEffect(function(){var e,t,n,r,o,a,s,i,u,c,l;if(d)return e=C.current,t=[],c=(o=v.agStackComponentsRegistry).getComponentClass("AG-GRID-HEADER-DROP-ZONES"),u=o.getComponentClass("AG-SIDE-BAR"),n=o.getComponentClass("AG-STATUS-BAR"),r=o.getComponentClass("AG-WATERMARK"),o=o.getComponentClass("AG-PAGINATION"),a=[],s=g.current,i=R.current,e.showDropZones()&&c&&(l=(c=p.createBean(new c)).getGui(),s.insertAdjacentElement("afterbegin",l),a.push(l),t.push(c)),e.showSideBar()&&u&&(l=(c=p.createBean(new u)).getGui(),(u=i.querySelector(".ag-tab-guard-bottom"))&&(u.insertAdjacentElement("beforebegin",l),a.push(l)),t.push(c)),e.showStatusBar()&&n&&(l=(i=p.createBean(new n)).getGui(),s.insertAdjacentElement("beforeend",l),a.push(l),t.push(i)),o&&(l=(u=p.createBean(new o)).getGui(),s.insertAdjacentElement("beforeend",l),a.push(l),t.push(u)),e.showWatermark()&&r&&(l=(c=p.createBean(new r)).getGui(),s.insertAdjacentElement("beforeend",l),a.push(l),t.push(c)),function(){p.destroyBeans(t),a.forEach(function(e){e.parentElement&&e.parentElement.removeChild(e)})}},[d]),se.useMemo(function(){return ee("ag-root-wrapper",t,r,a)},[t,r,a])),w=se.useMemo(function(){return ee("ag-root-wrapper-body","ag-focus-managed",a)},[a]),M=se.useMemo(function(){return{userSelect:null!=c?c:"",WebkitUserSelect:null!=c?c:"",cursor:null!=i?i:""}},[c,i]),O=R.current,T=se.useCallback(function(e){y.current=e,h(!0)},[]);return ue.createElement("div",{ref:g,className:S,style:M,role:"presentation"},ue.createElement("div",{className:w,ref:R,role:"presentation"},f&&O&&ue.createElement(pe.Provider,{value:v},ue.createElement(j,{ref:T,eFocusableElement:O,onTabKeyDown:e,gridCtrl:C.current},ue.createElement(W,null)))))});n(f,K=se.Component),f.prototype.render=function(){return this.state.context,this.state.context&&(this.renderedAfterMount=!0),ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:this.eGui},this.state.context&&ue.createElement(V,{context:this.state.context}),this.portalManager.getPortals())},f.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},f.prototype.componentDidMount=function(){var e,t=this;this.mounted||(this.mounted=!0,e=this.props.modules||[],e={providedBeanInstances:{frameworkComponentWrapper:new z(this.portalManager)},modules:e,frameworkOverrides:new X(!0)},this.gridOptions=this.props.gridOptions||{},this.gridOptions=ie.ComponentUtil.copyAttributesToGridOptions(this.gridOptions,this.props),this.checkForDeprecations(this.props),(new ie.GridCoreCreator).create(this.eGui.current,this.gridOptions,function(e){t.setState({context:e}),e.getBean(ie.CtrlsService.NAME).whenReady(function(){t.api=t.gridOptions.api,t.columnApi=t.gridOptions.columnApi,t.props.setGridApi(t.api,t.columnApi),t.destroyFuncs.push(function(){return t.api.destroy()})})},function(e){e.getBean(ie.CtrlsService.NAME).whenReady(function(){t.whenReadyFuncs.forEach(function(e){return e()}),t.whenReadyFuncs.length=0,t.ready=!0})},e))},f.prototype.checkForDeprecations=function(e){e.rowDataChangeDetectionStrategy&&ie._.doOnce(function(){return console.warn("AG Grid: Since v29 rowDataChangeDetectionStrategy has been deprecated. Row data property changes will be compared by reference via triple equals ===. See https://ag-grid.com/react-data-grid/react-hooks/")},"rowDataChangeDetectionStrategy_Deprecation")},f.prototype.componentWillUnmount=function(){this.renderedAfterMount&&(this.destroyFuncs.forEach(function(e){return e()}),this.destroyFuncs.length=0)},f.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},f.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.processChanges(n)},f.prototype.extractGridPropertyChanges=function(t,n,r){var o=!!n.debug;Object.keys(n).forEach(function(e){ie.ComponentUtil.ALL_PROPERTIES_SET.has(e)&&t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),ie.ComponentUtil.EVENT_CALLBACKS.forEach(function(e){t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},f.prototype.processChanges=function(e){var t=this;this.processWhenReady(function(){return ie.ComponentUtil.processOnChange(e,t.api)})},f.prototype.processWhenReady=function(e){this.ready?e():this.whenReadyFuncs.push(e)};var K,E=f;function f(e){var t=K.call(this,e)||this;return t.props=e,t.destroyFuncs=[],t.eGui=ue.createRef(),t.whenReadyFuncs=[],t.ready=!1,t.renderedAfterMount=!1,t.mounted=!1,t.state={context:void 0},t.portalManager=new A(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t.destroyFuncs.push(function(){return t.portalManager.destroy()}),t}n(m,Y=ie.BaseComponentWrapper),m.prototype.createWrapper=function(e,t){return new k(e,this.parent,t)};var Y,z=m;function m(e){var t=Y.call(this)||this;return t.parent=e,t}var q,$=se.forwardRef(function(r,e){var t=se.useContext(pe),o=t.ctrlsFactory,a=t.context,s=t.gridOptionsService,i=t.resizeObserverService,u=t.clientSideRowModel,c=t.serverSideRowModel,t=se.useState(new P),n=t[0],l=t[1],t=se.useState(new P),p=t[0],f=t[1],t=se.useState(),m=t[0],d=t[1],t=se.useState(),h=t[0],C=t[1],g=se.useRef(),y=se.useRef(null),t=se.useMemo(function(){return n.toString()+" ag-details-row"},[n]),R=se.useMemo(function(){return p.toString()+" ag-details-grid"},[p]),e=(e&&se.useImperativeHandle(e,function(){return{refresh:function(){return g.current.refresh()}}}),fe(function(){r.template&&"string"==typeof r.template&&console.warn("AG Grid: detailCellRendererParams.template is not supported by React - this only works with frameworks that work against String templates. To change the template, please provide your own React Detail Cell Renderer.")}),fe(function(){var e,t={addOrRemoveCssClass:function(t,n){return l(function(e){return e.setClass(t,n)})},addOrRemoveDetailGridCssClass:function(t,n){return f(function(e){return e.setClass(t,n)})},setDetailGrid:function(e){return d(e)},setRowData:function(e){return C(e)},getGui:function(){return y.current}},n=o.getInstance("detailCellRenderer");if(n)return a.createBean(n),n.init(t,r),g.current=n,s.is("detailRowAutoHeight")&&(e=i.observeResize(y.current,t=function(){var e;null!=y.current&&null!=(e=y.current.clientHeight)&&0<e&&setTimeout(function(){r.node.setRowHeight(e),u?u.onRowHeightChanged():c&&c.onRowHeightChanged()},0)}),t()),function(){a.destroyBean(n),e&&e()}}),se.useCallback(function(e,t){g.current.registerDetailWithMaster(e,t)},[]));return ue.createElement("div",{className:t,ref:y},m&&ue.createElement(E,ce({className:R},m,{rowData:h,setGridApi:e})))}),X=(n(d,q=ie.VanillaFrameworkOverrides),d.prototype.frameworkComponent=function(e){if(this.reactUi)return this.frameworkComponents[e]},d.prototype.isFrameworkComponent=function(e){return!(!e||(e=e.prototype)&&"getGui"in e)},d);function d(e){var t=q.call(this)||this;return t.frameworkComponents={agGroupCellRenderer:b,agGroupRowRenderer:b,agDetailCellRenderer:$},t.reactUi=e,t}n(C,Z=se.Component),C.prototype.render=function(){var t=this;return ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(e){t.eGridDiv=e}},this.portalManager.getPortals())},C.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},C.prototype.componentDidMount=function(){var e=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new Q(this,this.portalManager)},modules:e,frameworkOverrides:new X(!1)},t=this.props.gridOptions||{};this.gridOptions=ie.ComponentUtil.copyAttributesToGridOptions(t,this.props),this.checkForDeprecations(this.props),new ie.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi,this.props.setGridApi(this.api,this.columnApi)},C.prototype.checkForDeprecations=function(e){e.rowDataChangeDetectionStrategy&&ie._.doOnce(function(){return console.warn("AG Grid: Since v29 rowDataChangeDetectionStrategy has been deprecated. Row data property changes will be compared by reference via triple equals ===. See https://ag-grid.com/react-data-grid/react-hooks/")},"rowDataChangeDetectionStrategy_Deprecation")},C.prototype.shouldComponentUpdate=function(e){return this.processPropsChanges(this.props,e),!1},C.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},C.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.processSynchronousChanges(n),this.processAsynchronousChanges(n)},C.prototype.extractGridPropertyChanges=function(t,n,r){var o=!!n.debug;Object.keys(n).forEach(function(e){ie.ComponentUtil.ALL_PROPERTIES_SET.has(e)&&t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),ie.ComponentUtil.EVENT_CALLBACKS.forEach(function(e){t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},C.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0,this.portalManager.destroy()},C.prototype.isDisableStaticMarkup=function(){return!0===this.props.disableStaticMarkup},C.prototype.isLegacyComponentRendering=function(){return!0===this.props.legacyComponentRendering},C.prototype.processSynchronousChanges=function(e){var t,n=ce({},e);return 0<Object.keys(n).length&&(t={},this.SYNCHRONOUS_CHANGE_PROPERTIES.forEach(function(e){n[e]&&(t[e]=n[e],delete n[e])}),0<Object.keys(t).length)&&this.api&&ie.ComponentUtil.processOnChange(t,this.api),n},C.prototype.processAsynchronousChanges=function(e){var t=this;0<Object.keys(e).length&&window.setTimeout(function(){t.api&&ie.ComponentUtil.processOnChange(e,t.api)})},C.defaultProps={legacyComponentRendering:!1,disableStaticMarkup:!1,maxComponentCreationTimeMs:C.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3};var Z,h=C;function C(e){var t=Z.call(this,e)||this;return t.props=e,t.api=null,t.destroyed=!1,t.SYNCHRONOUS_CHANGE_PROPERTIES=["context"],t.portalManager=new A(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t}function g(e,t){e.forEach(function(e){h[e]=t})}h.propTypes={gridOptions:t.object},g(ie.ComponentUtil.EVENT_CALLBACKS,t.func),g(ie.ComponentUtil.BOOLEAN_PROPERTIES,t.bool),g(ie.ComponentUtil.STRING_PROPERTIES,t.string),g(ie.ComponentUtil.OBJECT_PROPERTIES,t.object),g(ie.ComponentUtil.ARRAY_PROPERTIES,t.array),g(ie.ComponentUtil.NUMBER_PROPERTIES,t.number),g(ie.ComponentUtil.FUNCTION_PROPERTIES,t.func);n(y,J=ie.BaseComponentWrapper),y.prototype.createWrapper=function(e,t){return this.agGridReact.isLegacyComponentRendering()?new I(e,this.agGridReact,this.portalManager,t):new k(e,this.portalManager,t)};var J,Q=y;function y(e,t){var n=J.call(this)||this;return n.agGridReact=e,n.portalManager=t,n}n(v,R=se.Component),v.prototype.render=function(){return this.props.suppressReactUi?ue.createElement(h,ce({},this.props,{setGridApi:this.setGridApi})):ue.createElement(E,ce({},this.props,{setGridApi:this.setGridApi}))};var R,o=v;function v(){var n=null!==R&&R.apply(this,arguments)||this;return n.setGridApi=function(e,t){n.api=e,n.columnApi=t},n}e.AgGridReact=o,e.AgGridReactLegacy=h,e.AgGridReactFire=E,Object.defineProperty(e,"__esModule",{value:!0})});

bundles/ag-grid-react.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react-dom/server"),require("react-dom"),require("react"),require("ag-grid-community")):"function"==typeof define&&define.amd?define(["exports","prop-types","react-dom/server","react-dom","react","ag-grid-community"],t):t(e.AgGridReact={},e.PropTypes,e.ReactDOMServer,e.ReactDOM,e.React,e.agGrid)}(this,function(t,e,w,r,ie,se){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var ue="default"in ie?ie.default:ie,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)};function n(e,t){function n(){this.constructor=e}O(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var ce=function(){return(ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function G(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var a=arguments[t],i=0,s=a.length;i<s;i++,o++)r[o]=a[i];return r}n(a,T=function(){}),a.prototype.getGui=function(){return this.eParentElement},a.prototype.destroy=function(){return this.componentInstance&&"function"==typeof this.componentInstance.destroy&&this.componentInstance.destroy(),this.portalManager.destroyPortal(this.portal)},a.prototype.createParentElement=function(e){var t=this.portalManager.getComponentWrappingElement(),t=document.createElement(t||"div");return t.classList.add("ag-react-container"),e.reactContainer=t},a.prototype.addParentContainerStyleAndClasses=function(){var t=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle()),this.componentInstance.getReactContainerClasses)&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(e){return t.eParentElement.classList.add(e)})},a.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},a.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},a.prototype.isStatelessComponent=function(){return this.statelessComponent},a.prototype.getReactComponentName=function(){return this.reactComponent.name},a.prototype.getMemoType=function(){return this.hasSymbol()?Symbol.for("react.memo"):60115},a.prototype.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},a.prototype.isStateless=function(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===this.getMemoType()},a.prototype.hasMethod=function(e){var t=this.getFrameworkComponentInstance();return!!t&&null!==t[e]||this.fallbackMethodAvailable(e)},a.prototype.callMethod=function(e,t){var n,r=this,o=this.getFrameworkComponentInstance();return this.isStatelessComponent()?this.fallbackMethod(e,t&&t[0]?t[0]:{}):o?(n=o[e])?n.apply(o,t):this.fallbackMethodAvailable(e)?this.fallbackMethod(e,t&&t[0]?t[0]:{}):void 0:void setTimeout(function(){return r.callMethod(e,t)})},a.prototype.addMethod=function(e,t){this[e]=t};var T,o=a;function a(e,t,n){var r=T.call(this)||this;return r.portal=null,r.reactComponent=e,r.portalManager=t,r.componentType=n,r.statelessComponent=r.isStateless(r.reactComponent),r}var M=0;function i(){return"agPortalKey_"+ ++M}n(s,I=o),s.prototype.init=function(t){var n=this;return this.eParentElement=this.createParentElement(t),this.renderStaticMarkup(t),new se.AgPromise(function(e){return n.createReactComponent(t,e)})},s.prototype.createReactComponent=function(e,t){var n=this,e=(this.isStatelessComponent()||(e.ref=function(e){n.componentInstance=e,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()}),ie.createElement(this.reactComponent,e)),e=r.createPortal(e,this.eParentElement,i());this.portal=e,this.portalManager.mountReactPortal(e,this,function(e){t(e),n.isStatelessComponent()&&(n.isSlowRenderer()&&n.removeStaticMarkup(),setTimeout(function(){n.removeStaticMarkup()}))})},s.prototype.fallbackMethodAvailable=function(e){return!1},s.prototype.fallbackMethod=function(e,t){},s.prototype.isSlowRenderer=function(){return this.staticRenderTime>=s.SLOW_RENDERING_THRESHOLD},s.prototype.isNullValue=function(){return""===this.staticMarkup},s.prototype.renderStaticMarkup=function(e){if(!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer){var t=console.error,e=ie.createElement(this.reactComponent,e);try{console.error=function(){};var n=Date.now(),r=w.renderToStaticMarkup(e);this.staticRenderTime=Date.now()-n,console.error=t,""===r?this.staticMarkup=r:r&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=r,this.eParentElement.appendChild(this.staticMarkup))}catch(e){}finally{console.error=t}}},s.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},s.prototype.rendered=function(){return this.isNullValue()||!!this.staticMarkup||this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},s.SLOW_RENDERING_THRESHOLD=3;var I,b=s;function s(e,t,n,r){e=I.call(this,e,n,r)||this;return e.staticMarkup=null,e.staticRenderTime=0,e.parentComponent=t,e}n(l,u=ie.Component),l.prototype.render=function(){return null},l.mapChildColumnDefs=function(e){return ue.Children.map(e,function(e){return e?l.toColDef(e.props):null})},l.toColDef=function(e){var t=e.children,e=function(e,t){var n={};for(o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]]);return n}(e,["children"]);return l.hasChildColumns(t)&&(e.children=l.mapChildColumnDefs(t)),e},l.hasChildColumns=function(e){return 0<ue.Children.count(e)};var u,c=l;function l(){return null!==u&&u.apply(this,arguments)||this}function p(e,t){e.forEach(function(e){c[e]=t})}p(se.ColDefUtil.BOOLEAN_PROPERTIES,e.bool),p(se.ColDefUtil.STRING_PROPERTIES,e.string),p(se.ColDefUtil.OBJECT_PROPERTIES,e.object),p(se.ColDefUtil.ARRAY_PROPERTIES,e.array),p(se.ColDefUtil.NUMBER_PROPERTIES,e.number),p(se.ColDefUtil.FUNCTION_PROPERTIES,e.func),(g=t.ChangeDetectionStrategyType||(t.ChangeDetectionStrategyType={})).IdentityCheck="IdentityCheck",g.DeepValueCheck="DeepValueCheck",g.NoCheck="NoCheck";k.prototype.areEqual=function(e,t){return this.strategy(e,t)};var N=k;function k(e){this.strategy=e}f.prototype.areEqual=function(e,t){return f.areEquivalent(f.copy(e),f.copy(t))},f.unwrapStringOrNumber=function(e){return e instanceof Number||e instanceof String?e.valueOf():e},f.copy=function(e){if(!e)return e;if(Array.isArray(e)){for(var t=[],n=0;n<e.length;n++)t.push(this.copy(e[n]));return t}return"object"!=typeof e?e:[{},e].reduce(function(t,n){return Object.keys(n).forEach(function(e){t[e]=n[e]}),t},{})},f.isNaN=function(e){return Number.isNaN?Number.isNaN(e):"number"==typeof e&&isNaN(e)},f.areEquivalent=function(t,n){if(t=f.unwrapStringOrNumber(t),n=f.unwrapStringOrNumber(n),t===n)return!0;if(null===t||null===n||typeof t!=typeof n)return!1;if(f.isNaN(t)&&f.isNaN(n))return!0;if(t instanceof Date)return n instanceof Date&&t.valueOf()===n.valueOf();if("function"==typeof t)return!1;if("object"!=typeof t||t.$$typeof&&"Symbol(react.element)"===t.$$typeof.toString())return t==n;if(Object.isFrozen(t)||Object.isFrozen(n))return t===n;var e=void 0===t.areEquivPropertyTracking,r=void 0===n.areEquivPropertyTracking;try{var o=void 0;if(e)t.areEquivPropertyTracking=[];else if(t.areEquivPropertyTracking.some(function(e){return e===n}))return!0;if(r)n.areEquivPropertyTracking=[];else if(n.areEquivPropertyTracking.some(function(e){return e===t}))return!0;t.areEquivPropertyTracking.push(n),n.areEquivPropertyTracking.push(t);var a={};for(o in t)"areEquivPropertyTracking"!=o&&(a[o]=null);for(o in n)"areEquivPropertyTracking"!=o&&(a[o]=null);for(o in a)if(!this.areEquivalent(t[o],n[o]))return!1;return!0}finally{e&&delete t.areEquivPropertyTracking,r&&delete n.areEquivPropertyTracking}};var A=f;function f(){}x.prototype.getStrategy=function(e){return this.strategyMap[e]};var F=x;function x(){var e;this.strategyMap=((e={})[t.ChangeDetectionStrategyType.DeepValueCheck]=new A,e[t.ChangeDetectionStrategyType.IdentityCheck]=new N(function(e,t){return e===t}),e[t.ChangeDetectionStrategyType.NoCheck]=new N(function(e,t){return!1}),e)}n(m,B=o),m.prototype.init=function(e){var t=this;return this.eParentElement=this.createParentElement(e),this.params=e,this.createOrUpdatePortal(e),new se.AgPromise(function(e){return t.createReactComponent(e)})},m.prototype.createOrUpdatePortal=function(e){var t=this;this.isStatelessComponent()||(e.ref=function(e){t.componentInstance=e,t.addParentContainerStyleAndClasses()}),this.reactElement=ie.createElement(this.reactComponent,ce(ce({},e),{key:this.key})),this.portal=r.createPortal(this.reactElement,this.eParentElement,this.portalKey)},m.prototype.createReactComponent=function(t){this.portalManager.mountReactPortal(this.portal,this,function(e){t(e)})},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(e){if(this.componentType.cellRenderer){var t=console.error;try{return console.error=function(){},""===w.renderToStaticMarkup(ie.createElement(this.reactComponent,e))}catch(e){}finally{console.error=t}}return!1},m.prototype.refreshComponent=function(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)},m.prototype.fallbackMethod=function(e,t){e=this[e+"Component"];if(e)return e.bind(this)(t)},m.prototype.fallbackMethodAvailable=function(e){return!!this[e+"Component"]};var B,U=m;function m(e,t,n){e=B.call(this,e,t,n)||this;return e.oldPortal=null,e.key=i(),e.portalKey=i(),e}d.prototype.getPortals=function(){return this.portals},d.prototype.destroy=function(){this.destroyed=!0},d.prototype.destroyPortal=function(t){this.portals=this.portals.filter(function(e){return e!==t}),this.batchUpdate()},d.prototype.getComponentWrappingElement=function(){return this.wrappingElement},d.prototype.mountReactPortal=function(e,t,n){this.portals=G(this.portals,[e]),this.waitForInstance(t,n),this.batchUpdate()},d.prototype.updateReactPortal=function(e,t){this.portals[this.portals.indexOf(e)]=t,this.batchUpdate()},d.prototype.batchUpdate=function(){var e=this;this.hasPendingPortalUpdate||(setTimeout(function(){e.destroyed||e.parent.forceUpdate(function(){e.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},d.prototype.waitForInstance=function(e,t,n){var r=this;if(void 0===n&&(n=Date.now()),this.destroyed)t(null);else if(e.rendered())t(e);else{if(Date.now()-n>=this.maxComponentCreationTimeMs&&!this.hasPendingPortalUpdate)return e.isNullValue()?void t(e):void console.error("AG Grid: React Component '"+e.getReactComponentName()+"' not created within "+this.maxComponentCreationTimeMs+"ms");window.setTimeout(function(){r.waitForInstance(e,t,n)})}},d.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3;var L=d;function d(e,t,n){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.parent=e,this.maxComponentCreationTimeMs=n||d.MAX_COMPONENT_CREATION_TIME_IN_MS}function _(e,t,n,r){var o=!e||e.componentFromFramework;if(!o){var a,i,s,o=e.newAgStackInstance();if(o)return s=!1,o.then(function(e){s?t.destroyBean(e):(i=(a=e).getGui(),n.appendChild(i),H(r,a))}),function(){s=!0,a&&(i&&i.parentElement&&i.parentElement.removeChild(i),t.destroyBean(a),r)&&H(r,void 0)}}}function H(e,t){e&&(e instanceof Function?e(t):e.current=t)}function me(e){var t=ie.useRef(e),n=ie.useRef(),r=ie.useRef(!1),o=ie.useRef(!1),a=ie.useState(0)[1];r.current&&(o.current=!0),ie.useLayoutEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])}function z(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return null!=e&&""!==e}).join(" ")}var le=ue.createContext({}),pe=function(e){var t=ie.useRef(e),n=ie.useRef(),r=ie.useRef(!1),o=ie.useRef(!1),a=ie.useState(0)[1];r.current&&(o.current=!0),ie.useEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])},P=(h.prototype.setClass=function(e,t){var n;return!!this.classesMap[e]==t?this:((n=new h).classesMap=ce({},this.classesMap),n.classesMap[e]=t,n)},h.prototype.toString=function(){var t=this;return Object.keys(this.classesMap).filter(function(e){return t.classesMap[e]}).join(" ")},h);function h(){for(var t=this,e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];this.classesMap={},e.forEach(function(e){t.classesMap[e]=!0})}function fe(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===("function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115)}function $(r,o){pe(function(){var e,t=o.current,n=t.parentElement;if(n)return e=document.createComment(r),n.insertBefore(e,t),function(){n.removeChild(e)}})}var D=ie.forwardRef(function(n,e){var r=ie.useContext(le).context,o=ie.useRef(null),t=ie.useRef(null),a=ie.useRef(null),i=ie.useRef(null),s=ie.useRef(null),u=ie.useState(),c=u[0],l=u[1],u=ie.useState(),p=u[0],f=u[1],u=ie.useState(),m=u[0],d=u[1],u=ie.useState(new P),h=u[0],C=u[1],u=ie.useState(new P("ag-hidden")),g=u[0],y=u[1],u=ie.useState(new P("ag-hidden")),v=u[0],R=u[1],u=ie.useState(new P("ag-invisible")),E=u[0],S=u[1],u=(ie.useImperativeHandle(e,function(){return{refresh:function(){return!1}}}),ie.useEffect(function(){return _(c,r,t.current)},[c]),pe(function(){var e={setInnerRenderer:function(e,t){l(e),d(t)},setChildCount:function(e){return f(e)},addOrRemoveCssClass:function(t,n){return C(function(e){return e.setClass(t,n)})},setContractedDisplayed:function(t){return R(function(e){return e.setClass("ag-hidden",!t)})},setExpandedDisplayed:function(t){return y(function(e){return e.setClass("ag-hidden",!t)})},setCheckboxVisible:function(t){return S(function(e){return e.setClass("ag-invisible",!t)})}},t=r.createBean(new se.GroupCellRendererCtrl);return t.init(e,o.current,a.current,i.current,s.current,D,n),function(){r.destroyBean(t)}}),ie.useMemo(function(){return"ag-cell-wrapper "+h.toString()},[h])),e=ie.useMemo(function(){return"ag-group-expanded "+g.toString()},[g]),w=ie.useMemo(function(){return"ag-group-contracted "+v.toString()},[v]),O=ie.useMemo(function(){return"ag-group-checkbox "+E.toString()},[E]),T=c&&c.componentFromFramework,M=T?c.componentClass:void 0,I=null==c&&null!=m,m=se._.escapeString(m,!0);return ue.createElement("span",ce({className:u,ref:o},n.colDef?{}:{role:"gridcell"}),ue.createElement("span",{className:e,ref:i}),ue.createElement("span",{className:w,ref:s}),ue.createElement("span",{className:O,ref:a}),ue.createElement("span",{className:"ag-group-value",ref:t},I&&ue.createElement(ue.Fragment,null,m),T&&ue.createElement(M,ce({},c.params))),ue.createElement("span",{className:"ag-group-child-count"},p))}),j=ie.memo(function(e){var t=ie.useContext(le).context,n=ie.useState(),r=n[0],o=n[1],n=ie.useState(),a=n[0],i=n[1],n=ie.useState(),s=n[0],u=n[1],n=ie.useState(),c=n[0],l=n[1],n=ie.useState(),p=n[0],f=n[1],n=ie.useState(),m=n[0],d=n[1],h=ie.useRef(null),C=ie.useRef(null),g=ie.useRef(null),y=ie.useRef(),v=e.ctrl,R=ie.useMemo(function(){return new se.CssClassManager(function(){return h.current})},[]),n=(pe(function(){v.setComp({setWidth:function(e){return o(e)},addOrRemoveCssClass:function(e,t){return R.addOrRemoveCssClass(e,t)},setColId:function(e){return u(e)},setTitle:function(e){return i(e)},setAriaDescription:function(e){return f(e)},setAriaSort:function(e){return l(e)},setUserCompDetails:function(e){return d(e)},getUserCompInstance:function(){return y.current||void 0}},h.current,C.current,g.current);var e=v.getSelectAllGui();C.current.insertAdjacentElement("afterend",e)}),ie.useEffect(function(){return _(m,t,g.current,y)},[m]),ie.useEffect(function(){v.setDragSource(h.current)},[m]),ie.useMemo(function(){return{width:r}},[r])),e=ie.useMemo(function(){var e;return!!((null==(e=m)?void 0:e.componentFromFramework)&&fe(m.componentClass))},[m]),E=m&&m.componentFromFramework,S=m&&m.componentClass;return ue.createElement("div",{ref:h,className:"ag-header-cell",style:n,title:a,"col-id":s,"aria-sort":c,role:"columnheader",tabIndex:-1,"aria-description":p},ue.createElement("div",{ref:C,className:"ag-header-cell-resize",role:"presentation"}),ue.createElement("div",{ref:g,className:"ag-header-cell-comp-wrapper",role:"presentation"},E&&e&&ue.createElement(S,ce({},m.params)),E&&!e&&ue.createElement(S,ce({},m.params,{ref:y}))))}),W=ie.memo(function(e){var t=ie.useContext(le).context,n=ie.useState(new P),r=n[0],o=n[1],n=ie.useState(new P),a=n[0],i=n[1],n=ie.useState(),s=n[0],u=n[1],n=ie.useState(),c=n[0],l=n[1],n=ie.useState(),p=n[0],f=n[1],n=ie.useState(),m=n[0],d=n[1],n=ie.useState(),h=n[0],C=n[1],g=ie.useRef(null),y=ie.useRef(null),v=e.ctrl,n=(pe(function(){v.setComp({setWidth:function(e){return u(e)},addOrRemoveCssClass:function(t,n){return o(function(e){return e.setClass(t,n)})},setColId:function(e){return f(e)},setTitle:function(e){return l(e)},setUserCompDetails:function(e){return C(e)},addOrRemoveResizableCssClass:function(t,n){return i(function(e){return e.setClass(t,n)})},setAriaExpanded:function(e){return d(e)}},g.current,y.current)}),ie.useEffect(function(){return _(h,t,g.current)},[h]),ie.useEffect(function(){var t=void 0;g.current.childNodes.forEach(function(e){null!=e&&e!==y.current&&(t=e)}),t&&v.setDragSource(t)},[h]),ie.useMemo(function(){return{width:s}},[s])),e=ie.useMemo(function(){return"ag-header-group-cell "+r.toString()},[r]),R=ie.useMemo(function(){return"ag-header-cell-resize "+a.toString()},[a]),E=h&&h.componentFromFramework,S=h&&h.componentClass;return ue.createElement("div",{ref:g,className:e,style:n,title:c,"col-id":p,role:"columnheader",tabIndex:-1,"aria-expanded":m},E&&ue.createElement(S,ce({},h.params)),ue.createElement("div",{ref:y,className:R}))}),V=ie.memo(function(e){function t(e){g.current||null!=e&&(y.current&&y.current(e),g.current=!0)}var n=ie.useContext(le).context,r=ie.useState(new P("ag-header-cell","ag-floating-filter")),o=r[0],a=r[1],r=ie.useState(new P),i=r[0],s=r[1],r=ie.useState(new P("ag-floating-filter-button","ag-hidden")),u=r[0],c=r[1],r=ie.useState(),l=r[0],p=r[1],r=ie.useState(),f=r[0],m=r[1],d=ie.useRef(null),h=ie.useRef(null),r=ie.useRef(null),C=ie.useRef(null),g=ie.useRef(!1),y=ie.useRef(),v=ie.useRef(),R=(pe(function(){v.current=new se.AgPromise(function(e){y.current=e})}),e.ctrl),e=(pe(function(){R.setComp({addOrRemoveCssClass:function(t,n){return a(function(e){return e.setClass(t,n)})},addOrRemoveBodyCssClass:function(t,n){return s(function(e){return e.setClass(t,n)})},addOrRemoveButtonWrapperCssClass:function(t,n){return c(function(e){return e.setClass(t,n)})},setWidth:function(e){return p(e)},setCompDetails:function(e){return m(e)},getFloatingFilterComp:function(){return v.current||null},setMenuIcon:function(e){return C.current.appendChild(e)}},d.current,C.current,h.current)}),ie.useEffect(function(){return _(f,n,h.current,t)},[f]),ie.useMemo(function(){return{width:l}},[l])),E=ie.useMemo(function(){return o.toString()},[o]),S=ie.useMemo(function(){return i.toString()},[i]),w=ie.useMemo(function(){return u.toString()},[u]),O=ie.useMemo(function(){return!!(f&&f.componentFromFramework&&fe(f.componentClass))},[f]),T=f&&f.componentFromFramework,M=f&&f.componentClass;return ue.createElement("div",{ref:d,className:E,style:e,role:"gridcell",tabIndex:-1},ue.createElement("div",{ref:h,className:S,role:"presentation"},T&&O&&ue.createElement(M,ce({},f.params)),T&&!O&&ue.createElement(M,ce({},f.params,{ref:t}))),ue.createElement("div",{ref:r,className:w,role:"presentation"},ue.createElement("button",{ref:C,type:"button","aria-label":"Open Filter Menu",className:"ag-floating-filter-button-button",tabIndex:-1})))}),q=ie.memo(function(e){var o=ie.useContext(le).gridOptionsWrapper,t=ie.useState(),n=t[0],r=t[1],t=ie.useState(),a=t[0],i=t[1],t=ie.useState(),s=t[0],u=t[1],t=ie.useState(),c=t[0],l=t[1],t=ie.useState(),p=t[0],f=t[1],t=ie.useState([]),m=t[0],d=t[1],t=ie.useRef(null),h=e.ctrl,C=h.getType()===se.HeaderRowType.COLUMN,g=h.getType()===se.HeaderRowType.COLUMN_GROUP,y=h.getType()===se.HeaderRowType.FLOATING_FILTER,v=ie.useCallback(function(e,t){var n,r;return o.isEnsureDomOrder()?t:(n=se._.mapById(e,function(e){return e.getInstanceId()}),r=se._.mapById(t,function(e){return e.getInstanceId()}),G(e.filter(function(e){return r.has(e.getInstanceId())}),t.filter(function(e){return!n.has(e.getInstanceId())})))},[]),e=(pe(function(){h.setComp({setTransform:function(e){return r(e)},setHeight:function(e){return i(e)},setTop:function(e){return u(e)},setHeaderCtrls:function(t){return d(function(e){return v(e,t)})},setWidth:function(e){return l(e)},setAriaRowIndex:function(e){return f(e)}})}),ie.useMemo(function(){return{transform:n,height:a,top:s,width:c}},[n,a,s,c])),R=ie.useMemo(function(){var e=["ag-header-row"];return C&&e.push("ag-header-row-column"),g&&e.push("ag-header-row-column-group"),y&&e.push("ag-header-row-column-filter"),e.join(" ")},[]),E=ie.useCallback(function(e){switch(h.getType()){case se.HeaderRowType.COLUMN_GROUP:return ue.createElement(W,{ctrl:e,key:e.getInstanceId()});case se.HeaderRowType.FLOATING_FILTER:return ue.createElement(V,{ctrl:e,key:e.getInstanceId()});default:return ue.createElement(j,{ctrl:e,key:e.getInstanceId()})}},[]);return ue.createElement("div",{ref:t,className:R,role:"row",style:e,"aria-rowindex":p},m.map(E))}),C=ie.memo(function(n){function e(){return p.map(function(e){return ue.createElement(q,{ctrl:e,key:e.getInstanceId()})})}var t=ie.useState(new P),r=t[0],o=t[1],t=ie.useState(),a=t[0],i=t[1],t=ie.useState(),s=t[0],u=t[1],t=ie.useState(),c=t[0],l=t[1],t=ie.useState([]),p=t[0],f=t[1],m=ie.useContext(le).context,d=ie.useRef(null),t=n.pinned===se.Constants.PINNED_LEFT,h=n.pinned===se.Constants.PINNED_RIGHT,C=!t&&!h,g=(pe(function(){var e={addOrRemoveCssClass:function(t,n){return o(function(e){return e.setClass(t,n)})},setCtrls:function(e){return f(e)},setCenterWidth:function(e){return i(e)},setContainerTransform:function(e){return u(e)},setPinnedContainerWidth:function(e){return l(e)}},t=m.createBean(new se.HeaderRowContainerCtrl(n.pinned));return t.setComp(e,d.current),function(){m.destroyBean(t)}}),ie.useMemo(function(){return r.toString()},[r])),y=ie.useMemo(function(){return{width:a,transform:s}},[a,s]),v=ie.useMemo(function(){return{width:c,minWidth:c,maxWidth:c}},[c]);return ue.createElement(ue.Fragment,null,t&&ue.createElement("div",{ref:d,className:"ag-pinned-left-header "+g,role:"presentation",style:v},e()),h&&ue.createElement("div",{ref:d,className:"ag-pinned-right-header "+g,role:"presentation",style:v},e()),C&&ue.createElement("div",{ref:d,className:"ag-header-viewport "+g,role:"presentation"},ue.createElement("div",{className:"ag-header-container",role:"rowgroup",style:y},e())))}),X=ie.memo(function(){var e=ie.useState(new P),t=e[0],r=e[1],e=ie.useState(),n=e[0],o=e[1],a=ie.useContext(le).context,i=ie.useRef(null),e=(pe(function(){var e={addOrRemoveCssClass:function(t,n){return r(function(e){return e.setClass(t,n)})},setHeightAndMinHeight:function(e){return o(e)}},t=a.createBean(new se.GridHeaderCtrl);return t.setComp(e,i.current,i.current),function(){a.destroyBean(t)}}),ie.useMemo(function(){return"ag-header "+t.toString()},[t])),s=ie.useMemo(function(){return{height:n,minHeight:n}},[n]);return ue.createElement("div",{ref:i,className:e,style:s,role:"presentation"},ue.createElement(C,{pinned:se.Constants.PINNED_LEFT}),ue.createElement(C,{pinned:null}),ue.createElement(C,{pinned:se.Constants.PINNED_RIGHT}))}),de=ie.memo(function(u){var e=ie.useState(),t=e[0],c=e[1],e=ie.useContext(le),l=e.context,p=e.popupService,f=e.gridOptionsWrapper;return pe(function(){var e=u.editDetails,t=u.cellCtrl,n=u.eParentCell,r=e.compDetails,o=f.isStopEditingWhenCellsLoseFocus(),a=l.createBean(new se.PopupEditorWrapper(r.params)),r=a.getGui(),i=(u.jsChildComp&&(i=u.jsChildComp.getGui())&&r.appendChild(i),{column:t.getColumn(),rowNode:t.getRowNode(),type:"popupCellEditor",eventSource:n,ePopup:r,keepWithinBounds:!0}),e=("under"===e.popupPosition?p.positionPopupUnderComponent:p.positionPopupOverComponent).bind(p,i),i=f.getLocaleTextFunc(),o=p.addPopup({modal:o,eChild:r,closeOnEsc:!0,closedCallback:function(){t.onPopupEditorClosed()},anchorToElement:n,positionCallback:e,ariaLabel:i("ariaLabelCellEditor","Cell Editor")}),s=o?o.hideFunc:void 0;return c(a),u.jsChildComp&&u.jsChildComp.afterGuiAttached&&u.jsChildComp.afterGuiAttached(),function(){null!=s&&s(),l.destroyBean(a)}}),ue.createElement(ue.Fragment,null,t&&u.wrappedContent&&r.createPortal(u.wrappedContent,t.getGui()))}),K=ie.memo(function(e){function t(){return ue.createElement(ue.Fragment,null,null!=R&&(i=S,s=ae,u=T,c=k,l=oe,p=te,m=(a=R).compDetails,a=a.value,d=!m,h=m&&m.componentFromFramework,C=m&&m.componentClass,g=null!=(f=a)&&f.toString?a.toString():a,ue.createElement(ue.Fragment,null,c?ue.createElement("span",{role:"presentation",id:"cell-"+s,className:"ag-cell-value",ref:p},y()):y())),null!=E&&(f=E,a=re,c=ne,s=O.current,p=v,e=Z,t=f.compDetails,n=t.componentClass,r=t.componentFromFramework&&!f.popup,o=t.componentFromFramework&&f.popup,t=!t.componentFromFramework&&f.popup,ue.createElement(ue.Fragment,null,r&&ue.createElement(n,ce({},f.compDetails.params,{ref:a})),o&&ue.createElement(de,{editDetails:f,cellCtrl:p,eParentCell:s,wrappedContent:ue.createElement(n,ce({},f.compDetails.params,{ref:c}))}),t&&e&&ue.createElement(de,{editDetails:f,cellCtrl:p,eParentCell:s,jsChildComp:e}))));var e,t,n,r,o,a,i,s,u,c,l,p,f,m,d,h,C,g;function y(){return ue.createElement(ue.Fragment,null,d&&ue.createElement(ue.Fragment,null,g),h&&!l&&ue.createElement(C,ce({},m.params,{key:i,ref:u})),h&&l&&ue.createElement(C,ce({},m.params,{key:i})))}}var n,r,o,a,i,s,u,c=ie.useContext(le).context,v=e.cellCtrl,l=e.printLayout,p=e.editingRow,e=ie.useState(),R=e[0],f=e[1],e=ie.useState(),E=e[0],m=e[1],e=ie.useState(1),S=e[0],d=e[1],e=ie.useState(),_=e[0],x=e[1],e=ie.useState(),B=e[0],U=e[1],e=ie.useState(),L=e[0],H=e[1],e=ie.useState(),j=e[0],W=e[1],e=ie.useState(),V=e[0],q=e[1],e=ie.useState(),K=e[0],Y=e[1],e=ie.useState(!1),h=e[0],z=e[1],e=ie.useState(!1),C=e[0],$=e[1],e=ie.useState(!1),g=e[0],X=e[1],e=ie.useState(),Z=e[0],y=e[1],w=ie.useMemo(function(){return v.isForceWrapper()},[]),O=ie.useRef(null),T=ie.useRef(null),M=ie.useRef(),I=ie.useRef(),P=ie.useRef(),e=ie.useState(0),J=e[0],Q=e[1],e=ie.useCallback(function(e){P.current=e,Q(function(e){return e+1})},[]),D=ie.useRef(),b=ie.useState(0),N=b[0],ee=b[1],te=ie.useCallback(function(e){D.current=e,ee(function(e){return e+1})},[]),k=w||null!=R&&(h||g||C),A=ie.useCallback(function(e,t){var n,r,o,a,i;(I.current=t)&&(e=e,n=t,i=(r=v).getColumn(),!e&&n.isPopup&&n.isPopup()&&(o="AG Grid: Found an issue in column "+i.getColId()+". If using React, specify an editor is a popup using colDef.cellEditorPopup=true. AG Grid React cannot depend on the editor component specifying if it's in a popup (via the isPopup() method on the editor), as React needs to know this information BEFORE the component is created.",se._.doOnce(function(){return console.warn(o)},"jsEditorComp-isPopup-"+r.getColumn().getColId())),e&&n.getPopupPosition&&null!=n.getPopupPosition()&&(a="AG Grid: Found an issue in column "+i.getColId()+". If using React, specify an editor popup position using colDef.cellEditorPopupPosition=true. AG Grid React cannot depend on the editor component specifying it's position (via the getPopupPosition() method on the editor), as React needs to know this information BEFORE the component is created.",se._.doOnce(function(){return console.warn(a)},"jsEditorComp-getPopupPosition-"+r.getColumn().getColId())),t.isCancelBeforeStart)&&t.isCancelBeforeStart()&&setTimeout(function(){return v.stopEditing()},0)},[]),ne=ie.useCallback(function(e){return A(!0,e)},[]),re=ie.useCallback(function(e){return A(!1,e)},[]),F=ie.useMemo(function(){return new se.CssClassManager(function(){return O.current})},[]),G=(n=R,r=k,o=D.current,b=N,a=M,i=O,N=ie.useContext(le),s=N.context,N.userComponentFactory,u=ie.useCallback(function(){var e,t=a.current;t&&((e=t.getGui())&&e.parentElement&&e.parentElement.removeChild(e),s.destroyBean(t),a.current=void 0)},[]),ie.useEffect(function(){var e=n&&n.compDetails&&!n.compDetails.componentFromFramework;if(null!=n&&e&&!(r&&null==o)){e=n.compDetails;if(a.current){var t=a.current,t=null!=t.refresh&&0==n.force&&t.refresh(e.params);if(!0===t||void 0===t)return;u()}t=e.newAgStackInstance();t&&(e=t.resolveNow(null,function(e){return e}))&&(t=e.getGui())&&((r?o:i.current).appendChild(t),a.current=e)}else u()},[n,r,b]),pe(function(){return u}),ie.useRef()),oe=(ie.useEffect(function(){var e=G.current,t=R;G.current=R,null!=e&&null!=e.compDetails&&null!=t&&null!=t.compDetails&&(e=e.compDetails,t=t.compDetails,e.componentClass==t.componentClass)&&null!=T.current&&null!=T.current.refresh&&1!=T.current.refresh(t.params)&&d(function(e){return e+1})},[R]),ie.useEffect(function(){if(E&&!E.compDetails.componentFromFramework){var e,t=E.compDetails,n=!0===E.popup,r=function(e){e=e.newAgStackInstance();if(e)return e.resolveNow(null,function(e){return e})}(t);if(r)return e=r.getGui(),A(n,r),n||(null!=(t=(w?P:O).current)&&t.appendChild(e),r.afterGuiAttached&&r.afterGuiAttached()),y(r),function(){c.destroyBean(r),A(n,void 0),y(void 0),e&&e.parentElement&&e.parentElement.removeChild(e)}}},[E]),ie.useEffect(function(){var n,e;if(v&&c&&(H(P.current?"cell-"+v.getInstanceId():void 0),P.current&&k))return n=[],e=function(e){var t;return e&&(t=e.getGui(),P.current.insertAdjacentElement("afterbegin",t),n.push(function(){c.destroyBean(e),se._.removeFromParent(t)})),e},h&&e(v.createSelectionCheckbox()),g&&e(v.createDndSource()),C&&e(v.createRowDragComp()),function(){return n.forEach(function(e){return e()})}},[k,g,C,h,J]),me(function(){var e;v&&(e=P.current||void 0,v.setComp({addOrRemoveCssClass:function(e,t){return F.addOrRemoveCssClass(e,t)},setUserStyles:function(e){return x(e)},getFocusableElement:function(){return O.current},setTabIndex:function(e){return U(e)},setRole:function(e){return W(e)},setColId:function(e){return q(e)},setTitle:function(e){return Y(e)},setIncludeSelection:function(e){return z(e)},setIncludeRowDrag:function(e){return $(e)},setIncludeDndSource:function(e){return X(e)},getCellEditor:function(){return I.current||null},getCellRenderer:function(){return T.current||M.current},getParentOfValue:function(){return D.current||P.current||O.current},setRenderDetails:function(e,t,n){f({value:t,compDetails:e,force:n})},setEditDetails:function(e,t,n){e?(m({compDetails:e,popup:t,popupPosition:n}),t||f(void 0)):m(void 0)}},O.current,e,l,p))}),ie.useMemo(function(){return!!(R&&R.compDetails&&R.compDetails.componentFromFramework&&fe(R.compDetails.componentClass))},[R])),ae=(O.current&&!k&&F.addOrRemoveCssClass("ag-cell-value",!k),ie.useMemo(function(){return v.getInstanceId()},[]));return ue.createElement("div",{ref:O,style:_,tabIndex:B,role:j,"col-id":V,title:K,"aria-describedby":L},k?ue.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:e},t()):t())}),Y=ie.memo(function(e){var t=ie.useContext(le).context,n=e.rowCtrl,r=e.containerType,e=ie.useState(),o=e[0],a=e[1],e=ie.useState(),i=e[0],s=e[1],e=ie.useState(),u=e[0],c=e[1],e=ie.useState(),l=e[0],p=e[1],e=ie.useState(),f=e[0],m=e[1],e=ie.useState(),d=e[0],h=e[1],e=ie.useState({list:[],instanceIdMap:new Map}),C=e[0],g=e[1],e=ie.useState(),y=e[0],v=e[1],e=ie.useState(!1),R=e[0],E=e[1],e=ie.useState(n.getInitialRowTop()),S=e[0],w=e[1],e=ie.useState(n.getInitialTransform()),O=e[0],T=e[1],M=ie.useRef(null),I=ie.useRef(),P=ie.useRef(!1),e=ie.useState(0),D=e[0],b=e[1],N=(ie.useEffect(function(){var e;P.current||!y||10<D||((e=null==(e=M.current)?void 0:e.firstChild)?(n.setupDetailRowAutoHeight(e),P.current=!0):b(function(e){return e+1}))},[y,D]),ie.useMemo(function(){return new se.CssClassManager(function(){return M.current})},[])),e=(me(function(){n.isAlive()&&n.setComp({setTop:function(e){return w(e)},setTransform:function(e){return T(e)},addOrRemoveCssClass:function(e,t){return N.addOrRemoveCssClass(e,t)},setDomOrder:function(e){return E(e)},setRowIndex:function(e){return a(e)},setRowId:function(e){return s(e)},setRowBusinessKey:function(e){return p(e)},setTabIndex:function(e){return m(e)},setUserStyles:function(e){return h(e)},setRole:function(e){return c(e)},setCellCtrls:function(s){return g(function(e){return n=e,e=s,R?(t={list:e,instanceIdMap:new Map},e.forEach(function(e){return t.instanceIdMap.set(e.getInstanceId(),e)}),t):(r=[],o=[],a=new Map,i=new Map,e.forEach(function(e){return i.set(e.getInstanceId(),e)}),n.list.forEach(function(e){var t=e.getInstanceId();i.has(t)&&(r.push(e),a.set(t,e))}),e.forEach(function(e){var t=e.getInstanceId();n.instanceIdMap.has(t)||(o.push(e),a.set(t,e))}),{list:G(r,o),instanceIdMap:a});var n,t,r,o,a,i})},showFullWidth:function(e){return v(e)},getFullWidthCellRenderer:function(){return I.current}},M.current,r)}),ie.useEffect(function(){return _(y,t,M.current,I)},[y]),ie.useMemo(function(){var e={top:S,transform:O};return Object.assign(e,d),e},[S,O,d])),k=y&&y.componentFromFramework,A=null!=C,F=ie.useMemo(function(){var e;return!!((null==(e=y)?void 0:e.componentFromFramework)&&fe(y.componentClass))},[y]);return ue.createElement("div",{ref:M,role:u,style:e,"row-index":o,"row-id":i,"row-business-key":l,tabIndex:f},A&&C.list.map(function(e){return ue.createElement(K,{cellCtrl:e,editingRow:n.isEditing(),printLayout:n.isPrintLayout(),key:e.getInstanceId()})}),k&&(u=y.componentClass,ue.createElement(ue.Fragment,null,F&&ue.createElement(u,ce({},y.params)),!F&&ue.createElement(u,ce({},y.params,{ref:I})))))}),Z=ie.memo(function(e){function t(){return ue.createElement("div",{className:R,ref:y,role:u.length?"rowgroup":"presentation",style:T},i.map(function(e){return ue.createElement(Y,{rowCtrl:e,containerType:h,key:e.getInstanceId()})}))}var r=ie.useContext(le).context,n=ie.useState(""),o=n[0],a=n[1],n=ie.useState([]),i=n[0],s=n[1],n=ie.useState([]),u=n[0],c=n[1],n=ie.useState(!1),l=n[0],p=n[1],n=ie.useState(""),f=n[0],m=n[1],d=e.name,h=ie.useMemo(function(){return se.getRowContainerTypeForName(d)},[d]),C=ie.useRef(null),g=ie.useRef(null),y=ie.useRef(null),v=ie.useMemo(function(){return se.RowContainerCtrl.getRowContainerCssClasses(d)},[d]),n=ie.useMemo(function(){return z(v.wrapper)},[]),e=ie.useMemo(function(){return z(v.viewport)},[]),R=ie.useMemo(function(){return z(v.container)},[]),E=d===se.RowContainerName.CENTER,S=d===se.RowContainerName.TOP_CENTER||d===se.RowContainerName.BOTTOM_CENTER||d===se.RowContainerName.STICKY_TOP_CENTER,w=!E&&!S,O=($(" AG Row Container "+d+" ",E?C:S?g:y),ie.useEffect(function(){s(function(e){var t;return l?u:(t=e.filter(function(e){return 0<=u.indexOf(e)}),e=u.filter(function(e){return t.indexOf(e)<0}),G(t,e))})},[l,u]),pe(function(){var e=[],t={setViewportHeight:a,setRowCtrls:function(e){return c(e)},setDomOrder:function(e){return p(e)},setContainerWidth:function(e){return m(e)}},n=r.createBean(new se.RowContainerCtrl(d));return e.push(n),n.setComp(t,y.current,g.current,C.current),function(){r.destroyBeans(e)}}),ie.useMemo(function(){return{height:o}},[o])),T=ie.useMemo(function(){return{width:f}},[f]);return ue.createElement(ue.Fragment,null,E&&ue.createElement("div",{className:n,ref:C,role:"presentation"},ue.createElement("div",{className:e,ref:g,role:"presentation",style:O},t())),S&&ue.createElement("div",{className:e,ref:g,role:"presentation",style:O},t()),w&&t())}),J=ie.memo(function(){function o(e){return ue.createElement(Z,{name:e,key:e+"-container"})}function e(e){var t=e.section,n=e.children,r=e.className,e=e.style;return ue.createElement("div",{ref:t,className:r,role:"presentation",style:e},n.map(o))}var t=ie.useContext(le),a=t.context,i=t.agStackComponentsRegistry,s=t.resizeObserverService,t=ie.useState(""),n=t[0],u=t[1],t=ie.useState(0),r=t[0],c=t[1],t=ie.useState(0),l=t[0],p=t[1],t=ie.useState(0),f=t[0],m=t[1],t=ie.useState(0),d=t[0],h=t[1],t=ie.useState("0px"),C=t[0],g=t[1],t=ie.useState("0px"),y=t[0],v=t[1],t=ie.useState("100%"),R=t[0],E=t[1],t=ie.useState(""),S=t[0],w=t[1],t=ie.useState(""),O=t[0],T=t[1],t=ie.useState(null),M=t[0],_=t[1],t=ie.useState(null),I=t[0],x=t[1],t=ie.useState(""),P=t[0],B=t[1],t=ie.useState(null),D=t[0],U=t[1],t=ie.useState("ag-layout-normal"),b=t[0],L=t[1],N=ie.useRef(null),k=ie.useRef(null),A=ie.useRef(null),F=ie.useRef(null),G=ie.useRef(null),t=($(" AG Grid Body ",N),$(" AG Pinned Top ",k),$(" AG Sticky Top ",A),$(" AG Middle ",F),$(" AG Pinned Bottom ",G),pe(function(){var e,t,n=[],r=[];if(a)return e=function(e){e=i.getComponentClass(e),e=a.createBean(new e);return n.push(e),e},N.current.appendChild(document.createComment(" AG Fake Horizontal Scroll ")),N.current.appendChild(e("AG-FAKE-HORIZONTAL-SCROLL").getGui()),N.current.appendChild(document.createComment(" AG Overlay Wrapper ")),N.current.appendChild(e("AG-OVERLAY-WRAPPER").getGui()),e={setRowAnimationCssOnBodyViewport:u,setColumnCount:c,setRowCount:p,setTopHeight:m,setBottomHeight:h,setStickyTopHeight:g,setStickyTopTop:v,setStickyTopWidth:E,setTopDisplay:w,setBottomDisplay:T,setColumnMovingCss:_,updateLayoutClasses:L,setAlwaysVerticalScrollClass:x,setPinnedTopBottomOverflowY:B,setCellSelectableCss:U,registerBodyViewportResizeListener:function(e){var t=s.observeResize(F.current,e);r.push(function(){return t()})}},t=a.createBean(new se.GridBodyCtrl),n.push(t),t.setComp(e,N.current,F.current,k.current,G.current,A.current),function(){a.destroyBeans(n),r.forEach(function(e){return e()})}}),ie.useMemo(function(){return z("ag-root","ag-unselectable",M,b)},[M,b])),H=ie.useMemo(function(){return z("ag-body-viewport",n,b,I,D)},[n,b,I,D]),j=ie.useMemo(function(){return z("ag-floating-top",D)},[D]),W=ie.useMemo(function(){return z("ag-sticky-top",D)},[D]),V=ie.useMemo(function(){return z("ag-floating-bottom",D)},[D]),q=ie.useMemo(function(){return{height:f,minHeight:f,display:S,overflowY:P}},[f,S,P]),K=ie.useMemo(function(){return{height:C,top:y,width:R}},[C,y,R]),Y=ie.useMemo(function(){return{height:d,minHeight:d,display:O,overflowY:P}},[d,O,P]);return ue.createElement("div",{ref:N,className:t,role:"grid","aria-colcount":r,"aria-rowcount":l},ue.createElement(X,null),e({section:k,className:j,style:q,children:[se.RowContainerName.TOP_LEFT,se.RowContainerName.TOP_CENTER,se.RowContainerName.TOP_RIGHT,se.RowContainerName.TOP_FULL_WIDTH]}),e({section:F,className:H,children:[se.RowContainerName.LEFT,se.RowContainerName.CENTER,se.RowContainerName.RIGHT,se.RowContainerName.FULL_WIDTH]}),e({section:A,className:W,style:K,children:[se.RowContainerName.STICKY_TOP_LEFT,se.RowContainerName.STICKY_TOP_CENTER,se.RowContainerName.STICKY_TOP_RIGHT,se.RowContainerName.STICKY_TOP_FULL_WIDTH]}),e({section:G,className:V,style:Y,children:[se.RowContainerName.BOTTOM_LEFT,se.RowContainerName.BOTTOM_CENTER,se.RowContainerName.BOTTOM_RIGHT,se.RowContainerName.BOTTOM_FULL_WIDTH]}))}),g=ie.forwardRef(function(e,t){function n(e){return ue.createElement("div",{className:"ag-tab-guard ag-tab-guard-"+e,role:"presentation",tabIndex:p,ref:"top"===e?u:c})}var r=e.children,o=e.eFocusableElement,a=e.onTabKeyDown,i=e.gridCtrl,s=ie.useContext(le).context,u=ie.useRef(null),c=ie.useRef(null),l=ie.useRef(),e=ie.useState(),p=e[0],f=e[1];ie.useImperativeHandle(t,function(){return{forceFocusOutOfContainer:function(){l.current.forceFocusOutOfContainer()}}}),pe(function(){var e=u.current,t=c.current,n=l.current=s.createBean(new se.TabGuardCtrl({comp:{setTabIndex:function(e){return f(null==e?void 0:parseInt(e,10))}},eTopGuard:e,eBottomGuard:t,eFocusableElement:o,onTabKeyDown:a,focusInnerElement:function(e){return i.focusInnerElement(e)}}));return function(){s.destroyBean(n)}});return ue.createElement(ue.Fragment,null,n("top"),r,n("bottom"))}),Q=ie.memo(g),ee=ie.memo(function(e){var p=e.context,e=ie.useState(""),t=e[0],n=e[1],e=ie.useState(""),r=e[0],o=e[1],e=ie.useState(""),a=e[0],i=e[1],e=ie.useState(null),s=e[0],u=e[1],e=ie.useState(null),c=e[0],l=e[1],e=ie.useState(!1),f=e[0],m=e[1],e=ie.useState(),d=e[0],h=e[1],C=ie.useRef(null),g=ie.useRef(null),y=ie.useRef(),v=ie.useRef(null),R=ie.useRef(function(){}),e=ie.useCallback(function(){},[]),E=ie.useMemo(function(){return p.getBean("beans")},[]),S=($(" AG Grid ",g),pe(function(){var e=C.current=p.createBean(new se.GridCtrl);return function(){p.destroyBean(e),C.current=null}}),pe(function(){var e=C.current,t=(R.current=e.focusInnerElement.bind(e),{destroyGridUi:function(){},setRtlClass:n,addOrRemoveKeyboardFocusClass:function(e){return o(e?se.FocusService.AG_KEYBOARD_FOCUS:"")},forceFocusOutOfContainer:function(){y.current.forceFocusOutOfContainer()},updateLayoutClasses:i,getFocusableContainers:function(){var e=[],t=g.current.querySelector(".ag-root"),n=g.current.querySelector(".ag-side-bar");return t&&e.push(t),n&&e.push(n),e},setCursor:u,setUserSelect:l});e.setComp(t,g.current,g.current),m(!0)}),ie.useEffect(function(){var e,t,n,r,o,a,i,s,u,c,l;if(d)return e=C.current,t=[],c=(o=E.agStackComponentsRegistry).getComponentClass("AG-GRID-HEADER-DROP-ZONES"),u=o.getComponentClass("AG-SIDE-BAR"),n=o.getComponentClass("AG-STATUS-BAR"),r=o.getComponentClass("AG-WATERMARK"),o=o.getComponentClass("AG-PAGINATION"),a=[],i=g.current,s=v.current,e.showDropZones()&&c&&(l=(c=p.createBean(new c)).getGui(),i.insertAdjacentElement("afterbegin",l),a.push(l),t.push(c)),e.showSideBar()&&u&&(l=(c=p.createBean(new u)).getGui(),(u=s.querySelector(".ag-tab-guard-bottom"))&&(u.insertAdjacentElement("beforebegin",l),a.push(l)),t.push(c)),e.showStatusBar()&&n&&(l=(s=p.createBean(new n)).getGui(),i.insertAdjacentElement("beforeend",l),a.push(l),t.push(s)),o&&(l=(u=p.createBean(new o)).getGui(),i.insertAdjacentElement("beforeend",l),a.push(l),t.push(u)),e.showWatermark()&&r&&(l=(c=p.createBean(new r)).getGui(),i.insertAdjacentElement("beforeend",l),a.push(l),t.push(c)),function(){p.destroyBeans(t),a.forEach(function(e){e.parentElement&&e.parentElement.removeChild(e)})}},[d]),ie.useMemo(function(){return z("ag-root-wrapper",t,r,a)},[t,r,a])),w=ie.useMemo(function(){return z("ag-root-wrapper-body","ag-focus-managed",a)},[a]),O=ie.useMemo(function(){return{userSelect:null!=c?c:"",WebkitUserSelect:null!=c?c:"",cursor:null!=s?s:""}},[c,s]),T=v.current,M=ie.useCallback(function(e){y.current=e,h(!0)},[]);return ue.createElement("div",{ref:g,className:S,style:O,role:"presentation"},ue.createElement("div",{className:w,ref:v,role:"presentation"},f&&T&&ue.createElement(le.Provider,{value:E},ue.createElement(Q,{ref:M,eFocusableElement:T,onTabKeyDown:e,gridCtrl:C.current},ue.createElement(J,null)))))});n(y,te=ie.Component),y.prototype.render=function(){return this.state.context,this.state.context&&(this.renderedAfterMount=!0),ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:this.eGui},this.state.context&&ue.createElement(ee,{context:this.state.context}),this.portalManager.getPortals())},y.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},y.prototype.componentDidMount=function(){var e,t,n=this;this.mounted||(this.mounted=!0,e=this.props.modules||[],e={providedBeanInstances:{frameworkComponentWrapper:new oe(this.portalManager)},modules:e,frameworkOverrides:new ge(!0)},this.gridOptions=this.props.gridOptions||{},t=this.props.children,c.hasChildColumns(t)&&(this.gridOptions.columnDefs=c.mapChildColumnDefs(t)),this.gridOptions=se.ComponentUtil.copyAttributesToGridOptions(this.gridOptions,this.props),(new se.GridCoreCreator).create(this.eGui.current,this.gridOptions,function(e){n.setState({context:e}),e.getBean(se.CtrlsService.NAME).whenReady(function(){n.api=n.gridOptions.api,n.columnApi=n.gridOptions.columnApi,n.props.setGridApi(n.api,n.columnApi),n.destroyFuncs.push(function(){return n.api.destroy()})})},function(e){e.getBean(se.CtrlsService.NAME).whenReady(function(){n.whenReadyFuncs.forEach(function(e){return e()}),n.whenReadyFuncs.length=0,n.ready=!0})},e))},y.prototype.componentWillUnmount=function(){this.renderedAfterMount&&(this.destroyFuncs.forEach(function(e){return e()}),this.destroyFuncs.length=0)},y.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},y.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.extractDeclarativeColDefChanges(t,n),this.processChanges(n)},y.prototype.extractDeclarativeColDefChanges=function(e,t){var n,r,o,a;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!e.debug,r="columnDefs",o=this.gridOptions.columnDefs,c.hasChildColumns(e.children)?(a=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),e=c.mapChildColumnDefs(e.children),a.areEqual(o,e)||(n&&console.log("agGridReact: colDefs definitions changed"),t[r]={previousValue:o,currentValue:e})):o&&0<o.length&&(t[r]={previousValue:o,currentValue:[]}))},y.prototype.extractGridPropertyChanges=function(t,n,r){var o=this,a=!!n.debug;Object.keys(n).forEach(function(e){se._.includes(se.ComponentUtil.ALL_PROPERTIES,e)&&!o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(e)).areEqual(t[e],n[e])&&(a&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),se.ComponentUtil.getEventCallbacks().forEach(function(e){t[e]!==n[e]&&(a&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},y.prototype.processChanges=function(e){var t=this;this.processWhenReady(function(){return se.ComponentUtil.processOnChange(e,t.gridOptions,t.api,t.columnApi)})},y.prototype.processWhenReady=function(e){this.ready?e():this.whenReadyFuncs.push(e)},y.prototype.getStrategyTypeForProp=function(e){if("rowData"===e){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return t.ChangeDetectionStrategyType.IdentityCheck}return t.ChangeDetectionStrategyType.DeepValueCheck},y.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||null!=this.props.getRowId||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData||null!=this.props.gridOptions.getRowId)};var te,ne=y;function y(e){var t=te.call(this,e)||this;return t.props=e,t.destroyFuncs=[],t.changeDetectionService=new F,t.eGui=ue.createRef(),t.whenReadyFuncs=[],t.ready=!1,t.renderedAfterMount=!1,t.mounted=!1,t.state={context:void 0},t.portalManager=new L(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t.destroyFuncs.push(function(){return t.portalManager.destroy()}),t}n(ae,re=se.BaseComponentWrapper),ae.prototype.createWrapper=function(e,t){return new U(e,this.parent,t)};var re,oe=ae;function ae(e){var t=re.call(this)||this;return t.parent=e,t}var he,Ce=ie.forwardRef(function(r,e){var t=ie.useContext(le),o=t.ctrlsFactory,a=t.context,i=t.gridOptionsWrapper,s=t.resizeObserverService,u=t.clientSideRowModel,c=t.serverSideRowModel,t=ie.useState(new P),n=t[0],l=t[1],t=ie.useState(new P),p=t[0],f=t[1],t=ie.useState(),m=t[0],d=t[1],t=ie.useState(),h=t[0],C=t[1],g=ie.useRef(),y=ie.useRef(null),t=ie.useMemo(function(){return n.toString()+" ag-details-row"},[n]),v=ie.useMemo(function(){return p.toString()+" ag-details-grid"},[p]),e=(e&&ie.useImperativeHandle(e,function(){return{refresh:function(){return g.current.refresh()}}}),pe(function(){r.template&&"string"==typeof r.template&&console.warn("AG Grid: detailCellRendererParams.template is not supported by React - this only works with frameworks that work against String templates. To change the template, please provide your own React Detail Cell Renderer.")}),pe(function(){var e,t={addOrRemoveCssClass:function(t,n){return l(function(e){return e.setClass(t,n)})},addOrRemoveDetailGridCssClass:function(t,n){return f(function(e){return e.setClass(t,n)})},setDetailGrid:function(e){return d(e)},setRowData:function(e){return C(e)},getGui:function(){return y.current}},n=o.getInstance("detailCellRenderer");if(n)return a.createBean(n),n.init(t,r),g.current=n,i.isDetailRowAutoHeight()&&(e=s.observeResize(y.current,t=function(){var e;null!=y.current&&null!=(e=y.current.clientHeight)&&0<e&&setTimeout(function(){r.node.setRowHeight(e),u?u.onRowHeightChanged():c&&c.onRowHeightChanged()},0)}),t()),function(){a.destroyBean(n),e&&e()}}),ie.useCallback(function(e,t){g.current.registerDetailWithMaster(e,t)},[]));return ue.createElement("div",{className:t,ref:y},m&&ue.createElement(ne,ce({className:v},m,{rowData:h,setGridApi:e})))}),ge=(n(v,he=se.VanillaFrameworkOverrides),v.prototype.frameworkComponent=function(e){if(this.reactUi)return this.frameworkComponents[e]},v.prototype.isFrameworkComponent=function(e){return!(!e||(e=e.prototype)&&"getGui"in e)},v);function v(e){var t=he.call(this)||this;return t.frameworkComponents={agGroupCellRenderer:D,agGroupRowRenderer:D,agDetailCellRenderer:Ce},t.reactUi=e,t}n(E,ye=ie.Component),E.prototype.render=function(){var t=this;return ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(e){t.eGridDiv=e}},this.portalManager.getPortals())},E.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},E.prototype.componentDidMount=function(){var e=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new Re(this,this.portalManager)},modules:e,frameworkOverrides:new ge(!1)},t=this.props.gridOptions||{},n=this.props.children;c.hasChildColumns(n)&&(t.columnDefs=c.mapChildColumnDefs(n)),this.gridOptions=se.ComponentUtil.copyAttributesToGridOptions(t,this.props),new se.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi,this.props.setGridApi(this.api,this.columnApi)},E.prototype.getStrategyTypeForProp=function(e){if("rowData"===e){if(this.props.rowDataChangeDetectionStrategy)return this.props.rowDataChangeDetectionStrategy;if(this.isImmutableDataActive())return t.ChangeDetectionStrategyType.IdentityCheck}return t.ChangeDetectionStrategyType.DeepValueCheck},E.prototype.isImmutableDataActive=function(){return this.props.deltaRowDataMode||this.props.immutableData||null!=this.props.getRowId||this.props.gridOptions&&(this.props.gridOptions.deltaRowDataMode||this.props.gridOptions.immutableData||null!=this.props.gridOptions.getRowId)},E.prototype.shouldComponentUpdate=function(e){return this.processPropsChanges(this.props,e),!1},E.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},E.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.extractDeclarativeColDefChanges(t,n),this.processSynchronousChanges(n),this.processAsynchronousChanges(n)},E.prototype.extractDeclarativeColDefChanges=function(e,t){var n,r,o,a;this.props.gridOptions&&this.props.gridOptions.columnDefs||this.props.columnDefs||(n=!!e.debug,r="columnDefs",o=this.gridOptions.columnDefs,c.hasChildColumns(e.children)?(a=this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(r)),e=c.mapChildColumnDefs(e.children),a.areEqual(o,e)||(n&&console.log("agGridReact: colDefs definitions changed"),t[r]={previousValue:o,currentValue:e})):o&&0<o.length&&(t[r]={previousValue:o,currentValue:[]}))},E.prototype.extractGridPropertyChanges=function(t,n,r){var o=this,a=!!n.debug;Object.keys(n).forEach(function(e){se._.includes(se.ComponentUtil.ALL_PROPERTIES,e)&&!o.changeDetectionService.getStrategy(o.getStrategyTypeForProp(e)).areEqual(t[e],n[e])&&(a&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),se.ComponentUtil.getEventCallbacks().forEach(function(e){t[e]!==n[e]&&(a&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},E.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0,this.portalManager.destroy()},E.prototype.isDisableStaticMarkup=function(){return!0===this.props.disableStaticMarkup},E.prototype.isLegacyComponentRendering=function(){return!0===this.props.legacyComponentRendering},E.prototype.processSynchronousChanges=function(e){var t,n=ce({},e);return 0<Object.keys(n).length&&(t={},this.SYNCHRONOUS_CHANGE_PROPERTIES.forEach(function(e){n[e]&&(t[e]=n[e],delete n[e])}),0<Object.keys(t).length)&&this.api&&se.ComponentUtil.processOnChange(t,this.gridOptions,this.api,this.columnApi),n},E.prototype.processAsynchronousChanges=function(e){var t=this;0<Object.keys(e).length&&window.setTimeout(function(){t.api&&se.ComponentUtil.processOnChange(e,t.gridOptions,t.api,t.columnApi)})},E.defaultProps={legacyComponentRendering:!1,disableStaticMarkup:!1,maxComponentCreationTimeMs:E.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3};var ye,R=E;function E(e){var t=ye.call(this,e)||this;return t.props=e,t.changeDetectionService=new F,t.api=null,t.destroyed=!1,t.SYNCHRONOUS_CHANGE_PROPERTIES=["context"],t.portalManager=new L(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t}function S(e,t){e.forEach(function(e){R[e]=t})}R.propTypes={gridOptions:e.object},S(se.ComponentUtil.getEventCallbacks(),e.func),S(se.ComponentUtil.BOOLEAN_PROPERTIES,e.bool),S(se.ComponentUtil.STRING_PROPERTIES,e.string),S(se.ComponentUtil.OBJECT_PROPERTIES,e.object),S(se.ComponentUtil.ARRAY_PROPERTIES,e.array),S(se.ComponentUtil.NUMBER_PROPERTIES,e.number),S(se.ComponentUtil.FUNCTION_PROPERTIES,e.func);n(Ee,ve=se.BaseComponentWrapper),Ee.prototype.createWrapper=function(e,t){return this.agGridReact.isLegacyComponentRendering()?new b(e,this.agGridReact,this.portalManager,t):new U(e,this.portalManager,t)};var ve,Re=Ee;function Ee(e,t){var n=ve.call(this)||this;return n.agGridReact=e,n.portalManager=t,n}n(we,Se=ie.Component),we.prototype.render=function(){return this.props.suppressReactUi?ue.createElement(R,ce({},this.props,{setGridApi:this.setGridApi})):ue.createElement(ne,ce({},this.props,{setGridApi:this.setGridApi}))};var Se,o=we;function we(){var n=null!==Se&&Se.apply(this,arguments)||this;return n.setGridApi=function(e,t){n.api=e,n.columnApi=t},n}t.AgGridReact=o,t.AgGridReactLegacy=R,t.AgGridReactFire=ne,t.AgGridColumn=c,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react-dom/server"),require("react-dom"),require("react"),require("ag-grid-community")):"function"==typeof define&&define.amd?define(["exports","prop-types","react-dom/server","react-dom","react","ag-grid-community"],t):t(e.AgGridReact={},e.PropTypes,e.ReactDOMServer,e.ReactDOM,e.React,e.agGrid)}(this,function(e,t,S,r,se,ie){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var ue="default"in se?se.default:se,w=function(e,t){return(w=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)};function n(e,t){function n(){this.constructor=e}w(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var ce=function(){return(ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function D(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var a=arguments[t],s=0,i=a.length;s<i;s++,o++)r[o]=a[s];return r}n(a,M=function(){}),a.prototype.getGui=function(){return this.eParentElement},a.prototype.destroy=function(){return this.componentInstance&&"function"==typeof this.componentInstance.destroy&&this.componentInstance.destroy(),this.portalManager.destroyPortal(this.portal)},a.prototype.createParentElement=function(e){var t=this.portalManager.getComponentWrappingElement(),t=document.createElement(t||"div");return t.classList.add("ag-react-container"),e.reactContainer=t},a.prototype.addParentContainerStyleAndClasses=function(){var t=this;this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle()),this.componentInstance.getReactContainerClasses)&&this.componentInstance.getReactContainerClasses()&&this.componentInstance.getReactContainerClasses().forEach(function(e){return t.eParentElement.classList.add(e)})},a.prototype.statelessComponentRendered=function(){return 0<this.eParentElement.childElementCount||0<this.eParentElement.childNodes.length},a.prototype.getFrameworkComponentInstance=function(){return this.componentInstance},a.prototype.isStatelessComponent=function(){return this.statelessComponent},a.prototype.getReactComponentName=function(){return this.reactComponent.name},a.prototype.getMemoType=function(){return this.hasSymbol()?Symbol.for("react.memo"):60115},a.prototype.hasSymbol=function(){return"function"==typeof Symbol&&Symbol.for},a.prototype.isStateless=function(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===this.getMemoType()},a.prototype.hasMethod=function(e){var t=this.getFrameworkComponentInstance();return!!t&&null!==t[e]||this.fallbackMethodAvailable(e)},a.prototype.callMethod=function(e,t){var n,r=this,o=this.getFrameworkComponentInstance();return this.isStatelessComponent()?this.fallbackMethod(e,t&&t[0]?t[0]:{}):o?(n=o[e])?n.apply(o,t):this.fallbackMethodAvailable(e)?this.fallbackMethod(e,t&&t[0]?t[0]:{}):void 0:void setTimeout(function(){return r.callMethod(e,t)})},a.prototype.addMethod=function(e,t){this[e]=t};var M,o=a;function a(e,t,n){var r=M.call(this)||this;return r.portal=null,r.reactComponent=e,r.portalManager=t,r.componentType=n,r.statelessComponent=r.isStateless(r.reactComponent),r}var O=0;function s(){return"agPortalKey_"+ ++O}n(i,T=o),i.prototype.init=function(t){var n=this;return this.eParentElement=this.createParentElement(t),this.renderStaticMarkup(t),new ie.AgPromise(function(e){return n.createReactComponent(t,e)})},i.prototype.createReactComponent=function(e,t){var n=this,e=(this.isStatelessComponent()||(e.ref=function(e){n.componentInstance=e,n.addParentContainerStyleAndClasses(),n.removeStaticMarkup()}),se.createElement(this.reactComponent,e)),e=r.createPortal(e,this.eParentElement,s());this.portal=e,this.portalManager.mountReactPortal(e,this,function(e){t(e),n.isStatelessComponent()&&(n.isSlowRenderer()&&n.removeStaticMarkup(),setTimeout(function(){n.removeStaticMarkup()}))})},i.prototype.fallbackMethodAvailable=function(e){return!1},i.prototype.fallbackMethod=function(e,t){},i.prototype.isSlowRenderer=function(){return this.staticRenderTime>=i.SLOW_RENDERING_THRESHOLD},i.prototype.isNullValue=function(){return""===this.staticMarkup},i.prototype.renderStaticMarkup=function(e){if(!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer){var t=console.error,e=se.createElement(this.reactComponent,e);try{console.error=function(){};var n=Date.now(),r=S.renderToStaticMarkup(e);this.staticRenderTime=Date.now()-n,console.error=t,""===r?this.staticMarkup=r:r&&(this.staticMarkup=document.createElement("span"),this.staticMarkup.innerHTML=r,this.eParentElement.appendChild(this.staticMarkup))}catch(e){}finally{console.error=t}}},i.prototype.removeStaticMarkup=function(){!this.parentComponent.isDisableStaticMarkup()&&this.componentType.cellRenderer&&this.staticMarkup&&(this.staticMarkup.remove?(this.staticMarkup.remove(),this.staticMarkup=null):this.eParentElement.removeChild&&(this.eParentElement.removeChild(this.staticMarkup),this.staticMarkup=null))},i.prototype.rendered=function(){return this.isNullValue()||!!this.staticMarkup||this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},i.SLOW_RENDERING_THRESHOLD=3;var T,I=i;function i(e,t,n,r){e=T.call(this,e,n,r)||this;return e.staticMarkup=null,e.staticRenderTime=0,e.parentComponent=t,e}n(u,N=o),u.prototype.init=function(e){var t=this;return this.eParentElement=this.createParentElement(e),this.params=e,this.createOrUpdatePortal(e),new ie.AgPromise(function(e){return t.createReactComponent(e)})},u.prototype.createOrUpdatePortal=function(e){var t=this;this.isStatelessComponent()||(e.ref=function(e){t.componentInstance=e,t.addParentContainerStyleAndClasses()}),this.reactElement=se.createElement(this.reactComponent,ce(ce({},e),{key:this.key})),this.portal=r.createPortal(this.reactElement,this.eParentElement,this.portalKey)},u.prototype.createReactComponent=function(t){this.portalManager.mountReactPortal(this.portal,this,function(e){t(e)})},u.prototype.isNullValue=function(){return this.valueRenderedIsNull(this.params)},u.prototype.rendered=function(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!(this.isStatelessComponent()||!this.getFrameworkComponentInstance())},u.prototype.valueRenderedIsNull=function(e){if(this.componentType.cellRenderer){var t=console.error;try{return console.error=function(){},""===S.renderToStaticMarkup(se.createElement(this.reactComponent,e))}catch(e){}finally{console.error=t}}return!1},u.prototype.refreshComponent=function(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)},u.prototype.fallbackMethod=function(e,t){e=this[e+"Component"];if(e)return e.bind(this)(t)},u.prototype.fallbackMethodAvailable=function(e){return!!this[e+"Component"]};var N,k=u;function u(e,t,n){e=N.call(this,e,t,n)||this;return e.oldPortal=null,e.key=s(),e.portalKey=s(),e}c.prototype.getPortals=function(){return this.portals},c.prototype.destroy=function(){this.destroyed=!0},c.prototype.destroyPortal=function(t){this.portals=this.portals.filter(function(e){return e!==t}),this.batchUpdate()},c.prototype.getComponentWrappingElement=function(){return this.wrappingElement},c.prototype.mountReactPortal=function(e,t,n){this.portals=D(this.portals,[e]),this.waitForInstance(t,n),this.batchUpdate()},c.prototype.updateReactPortal=function(e,t){this.portals[this.portals.indexOf(e)]=t,this.batchUpdate()},c.prototype.batchUpdate=function(){var e=this;this.hasPendingPortalUpdate||(setTimeout(function(){e.destroyed||e.parent.forceUpdate(function(){e.hasPendingPortalUpdate=!1})}),this.hasPendingPortalUpdate=!0)},c.prototype.waitForInstance=function(e,t,n){var r=this;if(void 0===n&&(n=Date.now()),this.destroyed)t(null);else if(e.rendered())t(e);else{if(Date.now()-n>=this.maxComponentCreationTimeMs&&!this.hasPendingPortalUpdate)return e.isNullValue()?void t(e):void console.error("AG Grid: React Component '"+e.getReactComponentName()+"' not created within "+this.maxComponentCreationTimeMs+"ms");window.setTimeout(function(){r.waitForInstance(e,t,n)})}},c.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3;var A=c;function c(e,t,n){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.parent=e,this.maxComponentCreationTimeMs=n||c.MAX_COMPONENT_CREATION_TIME_IN_MS}function _(e,t,n,r){var o=!e||e.componentFromFramework;if(!o){var a,s,i,o=e.newAgStackInstance();if(o)return i=!1,o.then(function(e){i?t.destroyBean(e):(s=(a=e).getGui(),n.appendChild(s),G(r,a))}),function(){i=!0,a&&(s&&s.parentElement&&s.parentElement.removeChild(s),t.destroyBean(a),r)&&G(r,void 0)}}}function G(e,t){e&&(e instanceof Function?e(t):e.current=t)}function le(e){var t=se.useRef(e),n=se.useRef(),r=se.useRef(!1),o=se.useRef(!1),a=se.useState(0)[1];r.current&&(o.current=!0),se.useLayoutEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])}function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return null!=e&&""!==e}).join(" ")}var pe=ue.createContext({}),fe=function(e){var t=se.useRef(e),n=se.useRef(),r=se.useRef(!1),o=se.useRef(!1),a=se.useState(0)[1];r.current&&(o.current=!0),se.useEffect(function(){return r.current||(n.current=t.current(),r.current=!0),a(function(e){return e+1}),function(){o.current&&n.current&&n.current()}},[])},P=(l.prototype.setClass=function(e,t){var n;return!!this.classesMap[e]==t?this:((n=new l).classesMap=ce({},this.classesMap),n.classesMap[e]=t,n)},l.prototype.toString=function(){var t=this;return Object.keys(this.classesMap).filter(function(e){return t.classesMap[e]}).join(" ")},l);function l(){for(var t=this,e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];this.classesMap={},e.forEach(function(e){t.classesMap[e]=!0})}function me(e){return"function"==typeof e&&!(e.prototype&&e.prototype.isReactComponent)||"object"==typeof e&&e.$$typeof===("function"==typeof Symbol&&Symbol.for?Symbol.for("react.memo"):60115)}function te(r,o){fe(function(){var e,t=o.current,n=t.parentElement;if(n)return e=document.createComment(r),n.insertBefore(e,t),function(){n.removeChild(e)}})}var b=se.forwardRef(function(n,e){var r=se.useContext(pe).context,o=se.useRef(null),t=se.useRef(null),a=se.useRef(null),s=se.useRef(null),i=se.useRef(null),u=se.useState(),c=u[0],l=u[1],u=se.useState(),p=u[0],f=u[1],u=se.useState(),m=u[0],d=u[1],u=se.useState(new P),h=u[0],C=u[1],u=se.useState(new P("ag-hidden")),g=u[0],y=u[1],u=se.useState(new P("ag-hidden")),R=u[0],E=u[1],u=se.useState(new P("ag-invisible")),v=u[0],S=u[1],u=(se.useImperativeHandle(e,function(){return{refresh:function(){return!1}}}),se.useEffect(function(){return _(c,r,t.current)},[c]),fe(function(){var e={setInnerRenderer:function(e,t){l(e),d(t)},setChildCount:function(e){return f(e)},addOrRemoveCssClass:function(t,n){return C(function(e){return e.setClass(t,n)})},setContractedDisplayed:function(t){return E(function(e){return e.setClass("ag-hidden",!t)})},setExpandedDisplayed:function(t){return y(function(e){return e.setClass("ag-hidden",!t)})},setCheckboxVisible:function(t){return S(function(e){return e.setClass("ag-invisible",!t)})}},t=r.createBean(new ie.GroupCellRendererCtrl);return t.init(e,o.current,a.current,s.current,i.current,b,n),function(){r.destroyBean(t)}}),se.useMemo(function(){return"ag-cell-wrapper "+h.toString()},[h])),e=se.useMemo(function(){return"ag-group-expanded "+g.toString()},[g]),w=se.useMemo(function(){return"ag-group-contracted "+R.toString()},[R]),M=se.useMemo(function(){return"ag-group-checkbox "+v.toString()},[v]),O=c&&c.componentFromFramework,T=O?c.componentClass:void 0,I=null==c&&null!=m,m=ie._.escapeString(m,!0);return ue.createElement("span",ce({className:u,ref:o},n.colDef?{}:{role:"gridcell"}),ue.createElement("span",{className:e,ref:s}),ue.createElement("span",{className:w,ref:i}),ue.createElement("span",{className:M,ref:a}),ue.createElement("span",{className:"ag-group-value",ref:t},I&&ue.createElement(ue.Fragment,null,m),O&&ue.createElement(T,ce({},c.params))),ue.createElement("span",{className:"ag-group-child-count"},p))}),F=se.memo(function(e){var t=se.useContext(pe).context,n=se.useState(),r=n[0],o=n[1],n=se.useState(),a=n[0],s=n[1],n=se.useState(),i=n[0],u=n[1],n=se.useState(),c=n[0],l=n[1],n=se.useState(),p=n[0],f=n[1],n=se.useState(),m=n[0],d=n[1],h=se.useRef(null),C=se.useRef(null),g=se.useRef(null),y=se.useRef(),R=e.ctrl,E=se.useMemo(function(){return new ie.CssClassManager(function(){return h.current})},[]),n=(le(function(){R.setComp({setWidth:function(e){return o(e)},addOrRemoveCssClass:function(e,t){return E.addOrRemoveCssClass(e,t)},setColId:function(e){return u(e)},setTitle:function(e){return s(e)},setAriaDescription:function(e){return f(e)},setAriaSort:function(e){return l(e)},setUserCompDetails:function(e){return d(e)},getUserCompInstance:function(){return y.current||void 0}},h.current,C.current,g.current);var e=R.getSelectAllGui();C.current.insertAdjacentElement("afterend",e)}),se.useEffect(function(){return _(m,t,g.current,y)},[m]),se.useEffect(function(){R.setDragSource(h.current)},[m]),se.useMemo(function(){return{width:r}},[r])),e=se.useMemo(function(){return!!((null==m?void 0:m.componentFromFramework)&&me(m.componentClass))},[m]),v=m&&m.componentFromFramework,S=m&&m.componentClass;return ue.createElement("div",{ref:h,className:"ag-header-cell",style:n,title:a,"col-id":i,"aria-sort":c,role:"columnheader",tabIndex:-1,"aria-description":p},ue.createElement("div",{ref:C,className:"ag-header-cell-resize",role:"presentation"}),ue.createElement("div",{ref:g,className:"ag-header-cell-comp-wrapper",role:"presentation"},v&&e&&ue.createElement(S,ce({},m.params)),v&&!e&&ue.createElement(S,ce({},m.params,{ref:y}))))}),x=se.memo(function(e){var t=se.useContext(pe).context,n=se.useState(new P),r=n[0],o=n[1],n=se.useState(new P),a=n[0],s=n[1],n=se.useState("false"),i=n[0],u=n[1],n=se.useState(),c=n[0],l=n[1],n=se.useState(),p=n[0],f=n[1],n=se.useState(),m=n[0],d=n[1],n=se.useState(),h=n[0],C=n[1],n=se.useState(),g=n[0],y=n[1],R=se.useRef(null),E=se.useRef(null),v=e.ctrl,n=(fe(function(){v.setComp({setWidth:function(e){return l(e)},addOrRemoveCssClass:function(t,n){return o(function(e){return e.setClass(t,n)})},setColId:function(e){return d(e)},setTitle:function(e){return f(e)},setUserCompDetails:function(e){return y(e)},setResizableDisplayed:function(t){s(function(e){return e.setClass("ag-hidden",!t)}),u(t?"false":"true")},setAriaExpanded:function(e){return C(e)}},R.current,E.current)}),se.useEffect(function(){return _(g,t,R.current)},[g]),se.useEffect(function(){var t=void 0;R.current.childNodes.forEach(function(e){null!=e&&e!==E.current&&(t=e)}),t&&v.setDragSource(t)},[g]),se.useMemo(function(){return{width:c}},[c])),e=se.useMemo(function(){return"ag-header-group-cell "+r.toString()},[r]),S=se.useMemo(function(){return"ag-header-cell-resize "+a.toString()},[a]),w=g&&g.componentFromFramework,M=g&&g.componentClass;return ue.createElement("div",{ref:R,className:e,style:n,title:p,"col-id":m,role:"columnheader",tabIndex:-1,"aria-expanded":h},w&&ue.createElement(M,ce({},g.params)),ue.createElement("div",{ref:E,"aria-hidden":i,className:S}))}),B=se.memo(function(e){function t(e){R.current||null!=e&&(E.current&&E.current(e),R.current=!0)}var n=se.useContext(pe).context,r=se.useState(new P("ag-header-cell","ag-floating-filter")),o=r[0],a=r[1],r=se.useState(new P),s=r[0],i=r[1],r=se.useState(new P("ag-floating-filter-button","ag-hidden")),u=r[0],c=r[1],r=se.useState("false"),l=r[0],p=r[1],r=se.useState(),f=r[0],m=r[1],r=se.useState(),d=r[0],h=r[1],C=se.useRef(null),g=se.useRef(null),r=se.useRef(null),y=se.useRef(null),R=se.useRef(!1),E=se.useRef(),v=se.useRef(),S=(fe(function(){v.current=new ie.AgPromise(function(e){E.current=e})}),e.ctrl),e=(fe(function(){S.setComp({addOrRemoveCssClass:function(t,n){return a(function(e){return e.setClass(t,n)})},addOrRemoveBodyCssClass:function(t,n){return i(function(e){return e.setClass(t,n)})},setButtonWrapperDisplayed:function(t){c(function(e){return e.setClass("ag-hidden",!t)}),p(t?"false":"true")},setWidth:function(e){return m(e)},setCompDetails:function(e){return h(e)},getFloatingFilterComp:function(){return v.current||null},setMenuIcon:function(e){return y.current.appendChild(e)}},C.current,y.current,g.current)}),se.useEffect(function(){return _(d,n,g.current,t)},[d]),se.useMemo(function(){return{width:f}},[f])),w=se.useMemo(function(){return o.toString()},[o]),M=se.useMemo(function(){return s.toString()},[s]),O=se.useMemo(function(){return u.toString()},[u]),T=se.useMemo(function(){return!!(d&&d.componentFromFramework&&me(d.componentClass))},[d]),I=d&&d.componentFromFramework,b=d&&d.componentClass;return ue.createElement("div",{ref:C,className:w,style:e,role:"gridcell",tabIndex:-1},ue.createElement("div",{ref:g,className:M,role:"presentation"},I&&T&&ue.createElement(b,ce({},d.params)),I&&!T&&ue.createElement(b,ce({},d.params,{ref:t}))),ue.createElement("div",{ref:r,"aria-hidden":l,className:O,role:"presentation"},ue.createElement("button",{ref:y,type:"button","aria-label":"Open Filter Menu",className:"ag-floating-filter-button-button",tabIndex:-1})))}),U=se.memo(function(e){var s=se.useContext(pe).gridOptionsService,t=se.useState(),n=t[0],r=t[1],t=se.useState(),o=t[0],a=t[1],t=se.useState(),i=t[0],u=t[1],t=se.useState(),c=t[0],l=t[1],t=se.useState(),p=t[0],f=t[1],t=se.useState([]),m=t[0],d=t[1],t=se.useRef(null),h=e.ctrl,C=h.getType()===ie.HeaderRowType.COLUMN,g=h.getType()===ie.HeaderRowType.COLUMN_GROUP,y=h.getType()===ie.HeaderRowType.FLOATING_FILTER,R=se.useCallback(function(e,t){var n,r,o=s.is("ensureDomOrder"),a=s.isDomLayout("print");return o||a?t:(n=ie._.mapById(e,function(e){return e.getInstanceId()}),r=ie._.mapById(t,function(e){return e.getInstanceId()}),D(e.filter(function(e){return r.has(e.getInstanceId())}),t.filter(function(e){return!n.has(e.getInstanceId())})))},[]),e=(fe(function(){h.setComp({setTransform:function(e){return r(e)},setHeight:function(e){return a(e)},setTop:function(e){return u(e)},setHeaderCtrls:function(t){return d(function(e){return R(e,t)})},setWidth:function(e){return l(e)},setAriaRowIndex:function(e){return f(e)}})}),se.useMemo(function(){return{transform:n,height:o,top:i,width:c}},[n,o,i,c])),E=se.useMemo(function(){var e=["ag-header-row"];return C&&e.push("ag-header-row-column"),g&&e.push("ag-header-row-column-group"),y&&e.push("ag-header-row-column-filter"),e.join(" ")},[]),v=se.useCallback(function(e){switch(h.getType()){case ie.HeaderRowType.COLUMN_GROUP:return ue.createElement(x,{ctrl:e,key:e.getInstanceId()});case ie.HeaderRowType.FLOATING_FILTER:return ue.createElement(B,{ctrl:e,key:e.getInstanceId()});default:return ue.createElement(F,{ctrl:e,key:e.getInstanceId()})}},[]);return ue.createElement("div",{ref:t,className:E,role:"row",style:e,"aria-rowindex":p},m.map(v))}),p=se.memo(function(n){function e(){return m.map(function(e){return ue.createElement(U,{ctrl:e,key:e.getInstanceId()})})}var t=se.useState(new P),r=t[0],o=t[1],t=se.useState(!1),a=t[0],s=t[1],t=se.useState(),i=t[0],u=t[1],t=se.useState(),c=t[0],l=t[1],t=se.useState(),p=t[0],f=t[1],t=se.useState([]),m=t[0],d=t[1],h=se.useContext(pe).context,C=se.useRef(null),t="left"===n.pinned,g="right"===n.pinned,y=!t&&!g,R=(fe(function(){var e={setDisplayed:function(t){o(function(e){return e.setClass("ag-hidden",!t)}),s(!t)},setCtrls:function(e){return d(e)},setCenterWidth:function(e){return u(e)},setContainerTransform:function(e){return l(e)},setPinnedContainerWidth:function(e){return f(e)}},t=h.createBean(new ie.HeaderRowContainerCtrl(n.pinned));return t.setComp(e,C.current),function(){h.destroyBean(t)}}),se.useMemo(function(){return r.toString()},[r])),E=se.useMemo(function(){return{width:i,transform:c}},[i,c]),v=se.useMemo(function(){return{width:p,minWidth:p,maxWidth:p}},[p]);return ue.createElement(ue.Fragment,null,t&&ue.createElement("div",{ref:C,className:"ag-pinned-left-header "+R,"aria-hidden":a,role:"presentation",style:v},e()),g&&ue.createElement("div",{ref:C,className:"ag-pinned-right-header "+R,"aria-hidden":a,role:"presentation",style:v},e()),y&&ue.createElement("div",{ref:C,className:"ag-header-viewport "+R,role:"presentation"},ue.createElement("div",{className:"ag-header-container",role:"rowgroup",style:E},e())))}),ne=se.memo(function(){var e=se.useState(new P),t=e[0],r=e[1],e=se.useState(),n=e[0],o=e[1],a=se.useContext(pe).context,s=se.useRef(null),e=(fe(function(){var e={addOrRemoveCssClass:function(t,n){return r(function(e){return e.setClass(t,n)})},setHeightAndMinHeight:function(e){return o(e)}},t=a.createBean(new ie.GridHeaderCtrl);return t.setComp(e,s.current,s.current),function(){a.destroyBean(t)}}),se.useMemo(function(){return"ag-header "+t.toString()},[t])),i=se.useMemo(function(){return{height:n,minHeight:n}},[n]);return ue.createElement("div",{ref:s,className:e,style:i,role:"presentation"},ue.createElement(p,{pinned:"left"}),ue.createElement(p,{pinned:null}),ue.createElement(p,{pinned:"right"}))}),de=se.memo(function(u){var e=se.useState(),t=e[0],c=e[1],e=se.useContext(pe),l=e.context,p=e.popupService,f=e.localeService,m=e.gridOptionsService;return fe(function(){var e=u.editDetails,t=u.cellCtrl,n=u.eParentCell,r=e.compDetails,o=m.is("stopEditingWhenCellsLoseFocus"),a=l.createBean(new ie.PopupEditorWrapper(r.params)),r=a.getGui(),s=(u.jsChildComp&&(s=u.jsChildComp.getGui())&&r.appendChild(s),{column:t.getColumn(),rowNode:t.getRowNode(),type:"popupCellEditor",eventSource:n,ePopup:r,position:e.popupPosition,keepWithinBounds:!0}),e=p.positionPopupByComponent.bind(p,s),s=f.getLocaleTextFunc(),o=p.addPopup({modal:o,eChild:r,closeOnEsc:!0,closedCallback:function(){t.onPopupEditorClosed()},anchorToElement:n,positionCallback:e,ariaLabel:s("ariaLabelCellEditor","Cell Editor")}),i=o?o.hideFunc:void 0;return c(a),u.jsChildComp&&u.jsChildComp.afterGuiAttached&&u.jsChildComp.afterGuiAttached(),function(){null!=i&&i(),l.destroyBean(a)}}),ue.createElement(ue.Fragment,null,t&&u.wrappedContent&&r.createPortal(u.wrappedContent,t.getGui()))}),L=se.memo(function(e){function t(){return ue.createElement(ue.Fragment,null,null!=E&&(i=S,u=ae,c=O,l=A,p=oe,f=te,m=(s=E).compDetails,s=s.value,d=!m,h=m&&m.componentFromFramework,C=m&&m.componentClass,g=null!=s&&s.toString?s.toString():s,ue.createElement(ue.Fragment,null,l?ue.createElement("span",{role:"presentation",id:"cell-"+u,className:"ag-cell-value",ref:f},y()):y())),null!=v&&(s=v,l=re,u=ne,f=M.current,e=R,t=Z,n=s.compDetails,r=n.componentClass,o=n.componentFromFramework&&!s.popup,a=n.componentFromFramework&&s.popup,n=!n.componentFromFramework&&s.popup,ue.createElement(ue.Fragment,null,o&&ue.createElement(r,ce({},s.compDetails.params,{ref:l})),a&&ue.createElement(de,{editDetails:s,cellCtrl:e,eParentCell:f,wrappedContent:ue.createElement(r,ce({},s.compDetails.params,{ref:u}))}),n&&t&&ue.createElement(de,{editDetails:s,cellCtrl:e,eParentCell:f,jsChildComp:t}))));var e,t,n,r,o,a,s,i,u,c,l,p,f,m,d,h,C,g;function y(){return ue.createElement(ue.Fragment,null,d&&ue.createElement(ue.Fragment,null,g),h&&!p&&ue.createElement(C,ce({},m.params,{key:i,ref:c})),h&&p&&ue.createElement(C,ce({},m.params,{key:i})))}}var n,r,o,a,s,i,u,c=se.useContext(pe).context,R=e.cellCtrl,l=e.printLayout,p=e.editingRow,e=se.useState(),E=e[0],f=e[1],e=se.useState(),v=e[0],m=e[1],e=se.useState(1),S=e[0],d=e[1],e=se.useState(),_=e[0],x=e[1],e=se.useState(),B=e[0],U=e[1],e=se.useState(),L=e[0],H=e[1],e=se.useState(),W=e[0],j=e[1],e=se.useState(),V=e[0],K=e[1],e=se.useState(),Y=e[0],q=e[1],e=se.useState(!1),h=e[0],z=e[1],e=se.useState(!1),C=e[0],$=e[1],e=se.useState(!1),g=e[0],X=e[1],e=se.useState(),Z=e[0],y=e[1],w=se.useMemo(function(){return R.isForceWrapper()},[]),M=se.useRef(null),O=se.useRef(null),T=se.useRef(),I=se.useRef(),b=se.useRef(),e=se.useState(0),J=e[0],Q=e[1],e=se.useCallback(function(e){b.current=e,Q(function(e){return e+1})},[]),P=se.useRef(),N=se.useState(0),k=N[0],ee=N[1],te=se.useCallback(function(e){P.current=e,ee(function(e){return e+1})},[]),A=w||null!=E&&(h||g||C),G=se.useCallback(function(e,t){var n,r,o,a,s;(I.current=t)&&(e=e,n=t,s=(r=R).getColumn(),!e&&n.isPopup&&n.isPopup()&&(o="AG Grid: Found an issue in column "+s.getColId()+". If using React, specify an editor is a popup using colDef.cellEditorPopup=true. AG Grid React cannot depend on the editor component specifying if it's in a popup (via the isPopup() method on the editor), as React needs to know this information BEFORE the component is created.",ie._.doOnce(function(){return console.warn(o)},"jsEditorComp-isPopup-"+r.getColumn().getColId())),e&&n.getPopupPosition&&null!=n.getPopupPosition()&&(a="AG Grid: Found an issue in column "+s.getColId()+". If using React, specify an editor popup position using colDef.cellEditorPopupPosition=true. AG Grid React cannot depend on the editor component specifying it's position (via the getPopupPosition() method on the editor), as React needs to know this information BEFORE the component is created.",ie._.doOnce(function(){return console.warn(a)},"jsEditorComp-getPopupPosition-"+r.getColumn().getColId())),t.isCancelBeforeStart)&&t.isCancelBeforeStart()&&setTimeout(function(){R.stopEditing(!0),R.focusCell(!0)})},[]),ne=se.useCallback(function(e){return G(!0,e)},[]),re=se.useCallback(function(e){return G(!1,e)},[]),F=se.useMemo(function(){return new ie.CssClassManager(function(){return M.current})},[]),D=(n=E,r=A,o=P.current,N=k,a=T,s=M,k=se.useContext(pe),i=k.context,k.userComponentFactory,u=se.useCallback(function(){var e,t=a.current;t&&((e=t.getGui())&&e.parentElement&&e.parentElement.removeChild(e),i.destroyBean(t),a.current=void 0)},[]),se.useEffect(function(){var e=n&&n.compDetails&&!n.compDetails.componentFromFramework;if(null!=n&&e&&!(r&&null==o)){e=n.compDetails;if(a.current){var t=a.current,t=null!=t.refresh&&0==n.force&&t.refresh(e.params);if(!0===t||void 0===t)return;u()}t=e.newAgStackInstance();t&&(e=t.resolveNow(null,function(e){return e}))&&(t=e.getGui())&&((r?o:s.current).appendChild(t),a.current=e)}else u()},[n,r,N]),fe(function(){return u}),se.useRef()),oe=(se.useEffect(function(){var e=D.current,t=E;D.current=E,null!=e&&null!=e.compDetails&&null!=t&&null!=t.compDetails&&(e=e.compDetails,t=t.compDetails,e.componentClass==t.componentClass)&&null!=O.current&&null!=O.current.refresh&&1!=O.current.refresh(t.params)&&d(function(e){return e+1})},[E]),se.useEffect(function(){if(v&&!v.compDetails.componentFromFramework){var e,t=v.compDetails,n=!0===v.popup,r=function(e){e=e.newAgStackInstance();if(e)return e.resolveNow(null,function(e){return e})}(t);if(r)return e=r.getGui(),G(n,r),n||(null!=(t=(w?b:M).current)&&t.appendChild(e),r.afterGuiAttached&&r.afterGuiAttached()),y(r),function(){c.destroyBean(r),G(n,void 0),y(void 0),e&&e.parentElement&&e.parentElement.removeChild(e)}}},[v]),se.useEffect(function(){if(R&&c){var n,e,t="cell-"+R.getInstanceId(),r=[];if(r.push(t),b.current&&A)return n=[],t=function(e){var t;return e&&(t=e.getGui(),b.current.insertAdjacentElement("afterbegin",t),n.push(function(){c.destroyBean(e),ie._.removeFromParent(t)})),e},h&&(e=R.createSelectionCheckbox(),r.push(e.getCheckboxId()),t(e)),g&&t(R.createDndSource()),C&&t(R.createRowDragComp()),H(r.join(" ")),function(){return n.forEach(function(e){return e()})}}},[A,g,C,h,J]),le(function(){var e;R&&(e=b.current||void 0,R.setComp({addOrRemoveCssClass:function(e,t){return F.addOrRemoveCssClass(e,t)},setUserStyles:function(e){return x(e)},getFocusableElement:function(){return M.current},setTabIndex:function(e){return U(e)},setRole:function(e){return j(e)},setColId:function(e){return K(e)},setTitle:function(e){return q(e)},setIncludeSelection:function(e){return z(e)},setIncludeRowDrag:function(e){return $(e)},setIncludeDndSource:function(e){return X(e)},getCellEditor:function(){return I.current||null},getCellRenderer:function(){return O.current||T.current},getParentOfValue:function(){return P.current||b.current||M.current},setRenderDetails:function(e,t,n){f({value:t,compDetails:e,force:n})},setEditDetails:function(e,t,n){e?(m({compDetails:e,popup:t,popupPosition:n}),t||f(void 0)):m(void 0)}},M.current,e,l,p))}),se.useMemo(function(){return!!(E&&E.compDetails&&E.compDetails.componentFromFramework&&me(E.compDetails.componentClass))},[E])),ae=(se.useEffect(function(){var e;M.current&&(F.addOrRemoveCssClass("ag-cell-value",!A),F.addOrRemoveCssClass("ag-cell-inline-editing",!!v&&!v.popup),F.addOrRemoveCssClass("ag-cell-popup-editing",!!v&&!!v.popup),F.addOrRemoveCssClass("ag-cell-not-inline-editing",!v||!!v.popup),null!=(e=R.getRowCtrl()))&&e.setInlineEditingCss(!!v)}),se.useMemo(function(){return R.getInstanceId()},[]));return ue.createElement("div",{ref:M,style:_,tabIndex:B,role:W,"col-id":V,title:Y,"aria-describedby":L},A?ue.createElement("div",{className:"ag-cell-wrapper",role:"presentation","aria-hidden":"true",ref:e},t()):t())}),H=se.memo(function(e){var t=se.useContext(pe).context,n=e.rowCtrl,r=e.containerType,e=se.useState(),o=e[0],a=e[1],e=se.useState(),s=e[0],i=e[1],e=se.useState(),u=e[0],c=e[1],e=se.useState(),l=e[0],p=e[1],e=se.useState(),f=e[0],m=e[1],e=se.useState(),d=e[0],h=e[1],e=se.useState({list:[],instanceIdMap:new Map}),C=e[0],g=e[1],e=se.useState(),y=e[0],R=e[1],e=se.useState(!1),E=e[0],v=e[1],e=se.useState(n.getInitialRowTop(r)),S=e[0],w=e[1],e=se.useState(n.getInitialTransform(r)),M=e[0],O=e[1],T=se.useRef(null),I=se.useRef(),b=se.useRef(!1),e=se.useState(0),P=e[0],N=e[1],k=(se.useEffect(function(){var e;b.current||!y||10<P||((e=null==(e=T.current)?void 0:e.firstChild)?(n.setupDetailRowAutoHeight(e),b.current=!0):N(function(e){return e+1}))},[y,P]),se.useMemo(function(){return new ie.CssClassManager(function(){return T.current})},[])),e=(le(function(){if(n.isAlive())return n.setComp({setTop:function(e){return w(e)},setTransform:function(e){return O(e)},addOrRemoveCssClass:function(e,t){return k.addOrRemoveCssClass(e,t)},setDomOrder:function(e){return v(e)},setRowIndex:function(e){return a(e)},setRowId:function(e){return i(e)},setRowBusinessKey:function(e){return p(e)},setTabIndex:function(e){return m(e)},setUserStyles:function(e){return h(e)},setRole:function(e){return c(e)},setCellCtrls:function(i){return g(function(e){return n=e,e=i,E?(t={list:e,instanceIdMap:new Map},e.forEach(function(e){return t.instanceIdMap.set(e.getInstanceId(),e)}),t):(r=[],o=[],a=new Map,s=new Map,e.forEach(function(e){return s.set(e.getInstanceId(),e)}),n.list.forEach(function(e){var t=e.getInstanceId();s.has(t)&&(r.push(e),a.set(t,e))}),e.forEach(function(e){var t=e.getInstanceId();n.instanceIdMap.has(t)||(o.push(e),a.set(t,e))}),{list:D(r,o),instanceIdMap:a});var n,t,r,o,a,s})},showFullWidth:function(e){return R(e)},getFullWidthCellRenderer:function(){return I.current}},T.current,r),function(){n.unsetComp(r)}}),se.useEffect(function(){return _(y,t,T.current,I)},[y]),se.useMemo(function(){var e={top:S,transform:M};return Object.assign(e,d),e},[S,M,d])),A=y&&y.componentFromFramework,G=null!=C,F=se.useMemo(function(){return!!((null==y?void 0:y.componentFromFramework)&&me(y.componentClass))},[y]);return ue.createElement("div",{ref:T,role:u,style:e,"row-index":o,"row-id":s,"row-business-key":l,tabIndex:f},G&&C.list.map(function(e){return ue.createElement(L,{cellCtrl:e,editingRow:n.isEditing(),printLayout:n.isPrintLayout(),key:e.getInstanceId()})}),A&&(u=y.componentClass,ue.createElement(ue.Fragment,null,F&&ue.createElement(u,ce({},y.params)),!F&&ue.createElement(u,ce({},y.params,{ref:I})))))}),re=se.memo(function(e){function t(){return ue.createElement("div",{className:E,ref:y,role:u.length?"rowgroup":"presentation",style:O},s.map(function(e){return ue.createElement(H,{rowCtrl:e,containerType:h,key:e.getInstanceId()})}))}var r=se.useContext(pe).context,n=se.useState(""),o=n[0],a=n[1],n=se.useState([]),s=n[0],i=n[1],n=se.useState([]),u=n[0],c=n[1],n=se.useState(!1),l=n[0],p=n[1],n=se.useState(""),f=n[0],m=n[1],d=e.name,h=se.useMemo(function(){return ie.getRowContainerTypeForName(d)},[d]),C=se.useRef(null),g=se.useRef(null),y=se.useRef(null),R=se.useMemo(function(){return ie.RowContainerCtrl.getRowContainerCssClasses(d)},[d]),n=se.useMemo(function(){return ee(R.wrapper)},[]),e=se.useMemo(function(){return ee(R.viewport)},[]),E=se.useMemo(function(){return ee(R.container)},[]),v=d===ie.RowContainerName.CENTER,S=d===ie.RowContainerName.TOP_CENTER||d===ie.RowContainerName.BOTTOM_CENTER||d===ie.RowContainerName.STICKY_TOP_CENTER,w=!v&&!S,M=(te(" AG Row Container "+d+" ",v?C:S?g:y),se.useEffect(function(){i(function(e){var t;return l?u:(t=e.filter(function(e){return 0<=u.indexOf(e)}),e=u.filter(function(e){return t.indexOf(e)<0}),D(t,e))})},[l,u]),fe(function(){var e=[],t={setViewportHeight:a,setRowCtrls:function(e){return c(e)},setDomOrder:function(e){return p(e)},setContainerWidth:function(e){return m(e)}},n=r.createBean(new ie.RowContainerCtrl(d));return e.push(n),n.setComp(t,y.current,g.current,C.current),function(){r.destroyBeans(e)}}),se.useMemo(function(){return{height:o}},[o])),O=se.useMemo(function(){return{width:f}},[f]);return ue.createElement(ue.Fragment,null,v&&ue.createElement("div",{className:n,ref:C,role:"presentation"},ue.createElement("div",{className:e,ref:g,role:"presentation",style:M},t())),S&&ue.createElement("div",{className:e,ref:g,role:"presentation",style:M},t()),w&&t())}),W=se.memo(function(){function o(e){return ue.createElement(re,{name:e,key:e+"-container"})}function e(e){var t=e.section,n=e.children,r=e.className,e=e.style;return ue.createElement("div",{ref:t,className:r,role:"presentation",style:e},n.map(o))}var t=se.useContext(pe),a=t.context,s=t.agStackComponentsRegistry,i=t.resizeObserverService,t=se.useState(""),n=t[0],u=t[1],t=se.useState(0),r=t[0],c=t[1],t=se.useState(0),l=t[0],p=t[1],t=se.useState(0),f=t[0],m=t[1],t=se.useState(0),d=t[0],h=t[1],t=se.useState("0px"),C=t[0],g=t[1],t=se.useState("0px"),y=t[0],R=t[1],t=se.useState("100%"),E=t[0],v=t[1],t=se.useState(""),S=t[0],_=t[1],t=se.useState(""),w=t[0],x=t[1],t=se.useState(""),M=t[0],B=t[1],t=se.useState(null),O=t[0],U=t[1],t=se.useState(null),T=t[0],L=t[1],t=se.useState(""),I=t[0],H=t[1],t=se.useState(null),b=t[0],W=t[1],t=se.useState("ag-layout-normal"),P=t[0],j=t[1],N=se.useRef(null),k=se.useRef(null),A=se.useRef(null),G=se.useRef(null),F=se.useRef(null),D=se.useRef(null),t=(te(" AG Grid Body ",N),te(" AG Pinned Top ",k),te(" AG Sticky Top ",A),te(" AG Middle ",F),te(" AG Pinned Bottom ",D),fe(function(){var e,t,n=[],r=[];if(a)return e=function(e){e=s.getComponentClass(e),e=a.createBean(new e);return n.push(e),e},N.current.appendChild(document.createComment(" AG Fake Horizontal Scroll ")),N.current.appendChild(e("AG-FAKE-HORIZONTAL-SCROLL").getGui()),N.current.appendChild(document.createComment(" AG Overlay Wrapper ")),N.current.appendChild(e("AG-OVERLAY-WRAPPER").getGui()),G.current.appendChild(document.createComment(" AG Fake Vertical Scroll ")),G.current.appendChild(e("AG-FAKE-VERTICAL-SCROLL").getGui()),e={setRowAnimationCssOnBodyViewport:u,setColumnCount:c,setRowCount:p,setTopHeight:m,setBottomHeight:h,setStickyTopHeight:g,setStickyTopTop:R,setStickyTopWidth:v,setTopDisplay:_,setBottomDisplay:x,setColumnMovingCss:U,updateLayoutClasses:j,setAlwaysVerticalScrollClass:L,setPinnedTopBottomOverflowY:H,setCellSelectableCss:W,setBodyViewportWidth:B,registerBodyViewportResizeListener:function(e){var t=i.observeResize(F.current,e);r.push(function(){return t()})}},t=a.createBean(new ie.GridBodyCtrl),n.push(t),t.setComp(e,N.current,F.current,k.current,D.current,A.current),function(){a.destroyBeans(n),r.forEach(function(e){return e()})}}),se.useMemo(function(){return ee("ag-root","ag-unselectable",O,P)},[O,P])),V=se.useMemo(function(){return ee("ag-body-viewport",n,P,T,b)},[n,P,T,b]),K=se.useMemo(function(){return ee("ag-body",P)},[P]),Y=se.useMemo(function(){return ee("ag-body-clipper",P)},[P]),q=se.useMemo(function(){return ee("ag-floating-top",b)},[b]),z=se.useMemo(function(){return ee("ag-sticky-top",b)},[b]),$=se.useMemo(function(){return ee("ag-floating-bottom",b)},[b]),X=se.useMemo(function(){return{height:f,minHeight:f,display:S,overflowY:I}},[f,S,I]),Z=se.useMemo(function(){return{height:C,top:y,width:E}},[C,y,E]),J=se.useMemo(function(){return{height:d,minHeight:d,display:w,overflowY:I}},[d,w,I]),Q=se.useMemo(function(){return{width:M}},[M]);return ue.createElement("div",{ref:N,className:t,role:"treegrid","aria-colcount":r,"aria-rowcount":l},ue.createElement(ne,null),e({section:k,className:q,style:X,children:[ie.RowContainerName.TOP_LEFT,ie.RowContainerName.TOP_CENTER,ie.RowContainerName.TOP_RIGHT,ie.RowContainerName.TOP_FULL_WIDTH]}),ue.createElement("div",{className:K,ref:G,role:"presentation"},ue.createElement("div",{className:Y,role:"presentation"},e({section:F,className:V,style:Q,children:[ie.RowContainerName.LEFT,ie.RowContainerName.CENTER,ie.RowContainerName.RIGHT,ie.RowContainerName.FULL_WIDTH]}))),e({section:A,className:z,style:Z,children:[ie.RowContainerName.STICKY_TOP_LEFT,ie.RowContainerName.STICKY_TOP_CENTER,ie.RowContainerName.STICKY_TOP_RIGHT,ie.RowContainerName.STICKY_TOP_FULL_WIDTH]}),e({section:D,className:$,style:J,children:[ie.RowContainerName.BOTTOM_LEFT,ie.RowContainerName.BOTTOM_CENTER,ie.RowContainerName.BOTTOM_RIGHT,ie.RowContainerName.BOTTOM_FULL_WIDTH]}))}),o=se.forwardRef(function(e,t){function n(e){return ue.createElement("div",{className:"ag-tab-guard ag-tab-guard-"+e,role:"presentation",tabIndex:p,ref:"top"===e?u:c})}var r=e.children,o=e.eFocusableElement,a=e.onTabKeyDown,s=e.gridCtrl,i=se.useContext(pe).context,u=se.useRef(null),c=se.useRef(null),l=se.useRef(),e=se.useState(),p=e[0],f=e[1];se.useImperativeHandle(t,function(){return{forceFocusOutOfContainer:function(){l.current.forceFocusOutOfContainer()}}}),fe(function(){var e=u.current,t=c.current,n=l.current=i.createBean(new ie.TabGuardCtrl({comp:{setTabIndex:function(e){return f(null==e?void 0:parseInt(e,10))}},eTopGuard:e,eBottomGuard:t,eFocusableElement:o,onTabKeyDown:a,focusInnerElement:function(e){return s.focusInnerElement(e)}}));return function(){i.destroyBean(n)}});return ue.createElement(ue.Fragment,null,n("top"),r,n("bottom"))}),j=se.memo(o),V=se.memo(function(e){var p=e.context,e=se.useState(""),t=e[0],n=e[1],e=se.useState(""),r=e[0],o=e[1],e=se.useState(""),a=e[0],s=e[1],e=se.useState(null),i=e[0],u=e[1],e=se.useState(null),c=e[0],l=e[1],e=se.useState(!1),f=e[0],m=e[1],e=se.useState(),d=e[0],h=e[1],C=se.useRef(null),g=se.useRef(null),y=se.useRef(),R=se.useRef(null),E=se.useRef(function(){}),e=se.useCallback(function(){},[]),v=se.useMemo(function(){return p.getBean("beans")},[]),S=(te(" AG Grid ",g),fe(function(){var e=C.current=p.createBean(new ie.GridCtrl);return function(){p.destroyBean(e),C.current=null}}),fe(function(){var e=C.current,t=(E.current=e.focusInnerElement.bind(e),{destroyGridUi:function(){},setRtlClass:n,addOrRemoveKeyboardFocusClass:function(e){return o(e?ie.FocusService.AG_KEYBOARD_FOCUS:"")},forceFocusOutOfContainer:function(){y.current.forceFocusOutOfContainer()},updateLayoutClasses:s,getFocusableContainers:function(){var e=[],t=g.current.querySelector(".ag-root"),n=g.current.querySelector(".ag-side-bar");return t&&e.push(t),n&&e.push(n),e},setCursor:u,setUserSelect:l});e.setComp(t,g.current,g.current),m(!0)}),se.useEffect(function(){var e,t,n,r,o,a,s,i,u,c,l;if(d)return e=C.current,t=[],c=(o=v.agStackComponentsRegistry).getComponentClass("AG-GRID-HEADER-DROP-ZONES"),u=o.getComponentClass("AG-SIDE-BAR"),n=o.getComponentClass("AG-STATUS-BAR"),r=o.getComponentClass("AG-WATERMARK"),o=o.getComponentClass("AG-PAGINATION"),a=[],s=g.current,i=R.current,e.showDropZones()&&c&&(l=(c=p.createBean(new c)).getGui(),s.insertAdjacentElement("afterbegin",l),a.push(l),t.push(c)),e.showSideBar()&&u&&(l=(c=p.createBean(new u)).getGui(),(u=i.querySelector(".ag-tab-guard-bottom"))&&(u.insertAdjacentElement("beforebegin",l),a.push(l)),t.push(c)),e.showStatusBar()&&n&&(l=(i=p.createBean(new n)).getGui(),s.insertAdjacentElement("beforeend",l),a.push(l),t.push(i)),o&&(l=(u=p.createBean(new o)).getGui(),s.insertAdjacentElement("beforeend",l),a.push(l),t.push(u)),e.showWatermark()&&r&&(l=(c=p.createBean(new r)).getGui(),s.insertAdjacentElement("beforeend",l),a.push(l),t.push(c)),function(){p.destroyBeans(t),a.forEach(function(e){e.parentElement&&e.parentElement.removeChild(e)})}},[d]),se.useMemo(function(){return ee("ag-root-wrapper",t,r,a)},[t,r,a])),w=se.useMemo(function(){return ee("ag-root-wrapper-body","ag-focus-managed",a)},[a]),M=se.useMemo(function(){return{userSelect:null!=c?c:"",WebkitUserSelect:null!=c?c:"",cursor:null!=i?i:""}},[c,i]),O=R.current,T=se.useCallback(function(e){y.current=e,h(!0)},[]);return ue.createElement("div",{ref:g,className:S,style:M,role:"presentation"},ue.createElement("div",{className:w,ref:R,role:"presentation"},f&&O&&ue.createElement(pe.Provider,{value:v},ue.createElement(j,{ref:T,eFocusableElement:O,onTabKeyDown:e,gridCtrl:C.current},ue.createElement(W,null)))))});n(f,K=se.Component),f.prototype.render=function(){return this.state.context,this.state.context&&(this.renderedAfterMount=!0),ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:this.eGui},this.state.context&&ue.createElement(V,{context:this.state.context}),this.portalManager.getPortals())},f.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},f.prototype.componentDidMount=function(){var e,t=this;this.mounted||(this.mounted=!0,e=this.props.modules||[],e={providedBeanInstances:{frameworkComponentWrapper:new q(this.portalManager)},modules:e,frameworkOverrides:new X(!0)},this.gridOptions=this.props.gridOptions||{},this.gridOptions=ie.ComponentUtil.copyAttributesToGridOptions(this.gridOptions,this.props),this.checkForDeprecations(this.props),(new ie.GridCoreCreator).create(this.eGui.current,this.gridOptions,function(e){t.setState({context:e}),e.getBean(ie.CtrlsService.NAME).whenReady(function(){t.api=t.gridOptions.api,t.columnApi=t.gridOptions.columnApi,t.props.setGridApi(t.api,t.columnApi),t.destroyFuncs.push(function(){return t.api.destroy()})})},function(e){e.getBean(ie.CtrlsService.NAME).whenReady(function(){t.whenReadyFuncs.forEach(function(e){return e()}),t.whenReadyFuncs.length=0,t.ready=!0})},e))},f.prototype.checkForDeprecations=function(e){e.rowDataChangeDetectionStrategy&&ie._.doOnce(function(){return console.warn("AG Grid: Since v29 rowDataChangeDetectionStrategy has been deprecated. Row data property changes will be compared by reference via triple equals ===. See https://ag-grid.com/react-data-grid/react-hooks/")},"rowDataChangeDetectionStrategy_Deprecation")},f.prototype.componentWillUnmount=function(){this.renderedAfterMount&&(this.destroyFuncs.forEach(function(e){return e()}),this.destroyFuncs.length=0)},f.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},f.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.processChanges(n)},f.prototype.extractGridPropertyChanges=function(t,n,r){var o=!!n.debug;Object.keys(n).forEach(function(e){ie.ComponentUtil.ALL_PROPERTIES_SET.has(e)&&t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),ie.ComponentUtil.EVENT_CALLBACKS.forEach(function(e){t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},f.prototype.processChanges=function(e){var t=this;this.processWhenReady(function(){return ie.ComponentUtil.processOnChange(e,t.api)})},f.prototype.processWhenReady=function(e){this.ready?e():this.whenReadyFuncs.push(e)};var K,E=f;function f(e){var t=K.call(this,e)||this;return t.props=e,t.destroyFuncs=[],t.eGui=ue.createRef(),t.whenReadyFuncs=[],t.ready=!1,t.renderedAfterMount=!1,t.mounted=!1,t.state={context:void 0},t.portalManager=new A(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t.destroyFuncs.push(function(){return t.portalManager.destroy()}),t}n(m,Y=ie.BaseComponentWrapper),m.prototype.createWrapper=function(e,t){return new k(e,this.parent,t)};var Y,q=m;function m(e){var t=Y.call(this)||this;return t.parent=e,t}var z,$=se.forwardRef(function(r,e){var t=se.useContext(pe),o=t.ctrlsFactory,a=t.context,s=t.gridOptionsService,i=t.resizeObserverService,u=t.clientSideRowModel,c=t.serverSideRowModel,t=se.useState(new P),n=t[0],l=t[1],t=se.useState(new P),p=t[0],f=t[1],t=se.useState(),m=t[0],d=t[1],t=se.useState(),h=t[0],C=t[1],g=se.useRef(),y=se.useRef(null),t=se.useMemo(function(){return n.toString()+" ag-details-row"},[n]),R=se.useMemo(function(){return p.toString()+" ag-details-grid"},[p]),e=(e&&se.useImperativeHandle(e,function(){return{refresh:function(){return g.current.refresh()}}}),fe(function(){r.template&&"string"==typeof r.template&&console.warn("AG Grid: detailCellRendererParams.template is not supported by React - this only works with frameworks that work against String templates. To change the template, please provide your own React Detail Cell Renderer.")}),fe(function(){var e,t={addOrRemoveCssClass:function(t,n){return l(function(e){return e.setClass(t,n)})},addOrRemoveDetailGridCssClass:function(t,n){return f(function(e){return e.setClass(t,n)})},setDetailGrid:function(e){return d(e)},setRowData:function(e){return C(e)},getGui:function(){return y.current}},n=o.getInstance("detailCellRenderer");if(n)return a.createBean(n),n.init(t,r),g.current=n,s.is("detailRowAutoHeight")&&(e=i.observeResize(y.current,t=function(){var e;null!=y.current&&null!=(e=y.current.clientHeight)&&0<e&&setTimeout(function(){r.node.setRowHeight(e),u?u.onRowHeightChanged():c&&c.onRowHeightChanged()},0)}),t()),function(){a.destroyBean(n),e&&e()}}),se.useCallback(function(e,t){g.current.registerDetailWithMaster(e,t)},[]));return ue.createElement("div",{className:t,ref:y},m&&ue.createElement(E,ce({className:R},m,{rowData:h,setGridApi:e})))}),X=(n(d,z=ie.VanillaFrameworkOverrides),d.prototype.frameworkComponent=function(e){if(this.reactUi)return this.frameworkComponents[e]},d.prototype.isFrameworkComponent=function(e){return!(!e||(e=e.prototype)&&"getGui"in e)},d);function d(e){var t=z.call(this)||this;return t.frameworkComponents={agGroupCellRenderer:b,agGroupRowRenderer:b,agDetailCellRenderer:$},t.reactUi=e,t}n(C,Z=se.Component),C.prototype.render=function(){var t=this;return ue.createElement("div",{style:this.createStyleForDiv(),className:this.props.className,ref:function(e){t.eGridDiv=e}},this.portalManager.getPortals())},C.prototype.createStyleForDiv=function(){return ce({height:"100%"},this.props.containerStyle||{})},C.prototype.componentDidMount=function(){var e=this.props.modules||[],e={providedBeanInstances:{agGridReact:this,frameworkComponentWrapper:new Q(this,this.portalManager)},modules:e,frameworkOverrides:new X(!1)},t=this.props.gridOptions||{};this.gridOptions=ie.ComponentUtil.copyAttributesToGridOptions(t,this.props),this.checkForDeprecations(this.props),new ie.Grid(this.eGridDiv,this.gridOptions,e),this.api=this.gridOptions.api,this.columnApi=this.gridOptions.columnApi,this.props.setGridApi(this.api,this.columnApi)},C.prototype.checkForDeprecations=function(e){e.rowDataChangeDetectionStrategy&&ie._.doOnce(function(){return console.warn("AG Grid: Since v29 rowDataChangeDetectionStrategy has been deprecated. Row data property changes will be compared by reference via triple equals ===. See https://ag-grid.com/react-data-grid/react-hooks/")},"rowDataChangeDetectionStrategy_Deprecation")},C.prototype.shouldComponentUpdate=function(e){return this.processPropsChanges(this.props,e),!1},C.prototype.componentDidUpdate=function(e){this.processPropsChanges(e,this.props)},C.prototype.processPropsChanges=function(e,t){var n={};this.extractGridPropertyChanges(e,t,n),this.processSynchronousChanges(n),this.processAsynchronousChanges(n)},C.prototype.extractGridPropertyChanges=function(t,n,r){var o=!!n.debug;Object.keys(n).forEach(function(e){ie.ComponentUtil.ALL_PROPERTIES_SET.has(e)&&t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] property changed"),r[e]={previousValue:t[e],currentValue:n[e]})}),ie.ComponentUtil.EVENT_CALLBACKS.forEach(function(e){t[e]!==n[e]&&(o&&console.log("agGridReact: ["+e+"] event callback changed"),r[e]={previousValue:t[e],currentValue:n[e]})})},C.prototype.componentWillUnmount=function(){this.api&&(this.api.destroy(),this.api=null),this.destroyed=!0,this.portalManager.destroy()},C.prototype.isDisableStaticMarkup=function(){return!0===this.props.disableStaticMarkup},C.prototype.isLegacyComponentRendering=function(){return!0===this.props.legacyComponentRendering},C.prototype.processSynchronousChanges=function(e){var t,n=ce({},e);return 0<Object.keys(n).length&&(t={},this.SYNCHRONOUS_CHANGE_PROPERTIES.forEach(function(e){n[e]&&(t[e]=n[e],delete n[e])}),0<Object.keys(t).length)&&this.api&&ie.ComponentUtil.processOnChange(t,this.api),n},C.prototype.processAsynchronousChanges=function(e){var t=this;0<Object.keys(e).length&&window.setTimeout(function(){t.api&&ie.ComponentUtil.processOnChange(e,t.api)})},C.defaultProps={legacyComponentRendering:!1,disableStaticMarkup:!1,maxComponentCreationTimeMs:C.MAX_COMPONENT_CREATION_TIME_IN_MS=1e3};var Z,h=C;function C(e){var t=Z.call(this,e)||this;return t.props=e,t.api=null,t.destroyed=!1,t.SYNCHRONOUS_CHANGE_PROPERTIES=["context"],t.portalManager=new A(t,e.componentWrappingElement,e.maxComponentCreationTimeMs),t}function g(e,t){e.forEach(function(e){h[e]=t})}h.propTypes={gridOptions:t.object},g(ie.ComponentUtil.EVENT_CALLBACKS,t.func),g(ie.ComponentUtil.BOOLEAN_PROPERTIES,t.bool),g(ie.ComponentUtil.STRING_PROPERTIES,t.string),g(ie.ComponentUtil.OBJECT_PROPERTIES,t.object),g(ie.ComponentUtil.ARRAY_PROPERTIES,t.array),g(ie.ComponentUtil.NUMBER_PROPERTIES,t.number),g(ie.ComponentUtil.FUNCTION_PROPERTIES,t.func);n(y,J=ie.BaseComponentWrapper),y.prototype.createWrapper=function(e,t){return this.agGridReact.isLegacyComponentRendering()?new I(e,this.agGridReact,this.portalManager,t):new k(e,this.portalManager,t)};var J,Q=y;function y(e,t){var n=J.call(this)||this;return n.agGridReact=e,n.portalManager=t,n}n(v,R=se.Component),v.prototype.render=function(){return this.props.suppressReactUi?ue.createElement(h,ce({},this.props,{setGridApi:this.setGridApi})):ue.createElement(E,ce({},this.props,{setGridApi:this.setGridApi}))};var R,o=v;function v(){var n=null!==R&&R.apply(this,arguments)||this;return n.setGridApi=function(e,t){n.api=e,n.columnApi=t},n}e.AgGridReact=o,e.AgGridReactLegacy=h,e.AgGridReactFire=E,Object.defineProperty(e,"__esModule",{value:!0})});

lib/agGridReact.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { Component } from 'react';
@@ -3,0 +3,0 @@ import { AgGridReactProps, AgReactUiProps } from './shared/interfaces';

lib/agGridReact.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -28,10 +28,23 @@ };
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgGridReact = void 0;
 var react_1 = __importStar(require("react"));
@@ -38,0 +51,0 @@ var agGridReactLegacy_1 = require("./legacy/agGridReactLegacy");

lib/index.d.ts

@@ -1,3 +0,3 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import '@ag-grid-community/styles/ag-grid.css';
 import '@ag-grid-community/styles/ag-theme-alpine.css';

lib/index.js

@@ -1,3 +0,22 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArrays = (this && this.__spreadArrays) || function () {
@@ -10,9 +29,2 @@ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -25,3 +37,2 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 var client_side_row_model_1 = require("@ag-grid-community/client-side-row-model");
-var agGridColumn_1 = require("./shared/agGridColumn");
 var agGridReactUi_1 = require("./reactUi/agGridReactUi");
@@ -38,2 +49,7 @@ require("@ag-grid-community/styles/ag-grid.css");
     ]), rowData = _c[0], setRowData = _c[1];
+    var _d = react_1.useState([
+        { field: 'make' },
+        { field: 'model' },
+        { field: 'price' },
+    ]), colDefs = _d[0], setColDefs = _d[1];
     var onGridReady = function (params) {
@@ -51,7 +67,4 @@ setGridApi(params.api);
                     sortable: true
-                }, rowSelection: "multiple", animateRows: true, onGridReady: onGridReady, rowData: rowData, modules: [client_side_row_model_1.ClientSideRowModelModule] },
-                react_1.default.createElement(agGridColumn_1.AgGridColumn, { field: "make" }),
-                react_1.default.createElement(agGridColumn_1.AgGridColumn, { field: "model" }),
-                react_1.default.createElement(agGridColumn_1.AgGridColumn, { field: "price" })))));
+                }, rowSelection: "multiple", animateRows: true, onGridReady: onGridReady, rowData: rowData, columnDefs: colDefs, modules: [client_side_row_model_1.ClientSideRowModelModule] }))));
 };
 react_dom_1.default.render(react_1.default.createElement(App, null), document.getElementById('root'));

lib/legacy/agGridReactLegacy.d.ts

@@ -1,5 +0,4 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { ColumnApi, GridApi, GridOptions } from 'ag-grid-community';
 import React, { Component } from 'react';
-import { ChangeDetectionService } from '../shared/changeDetectionService';
 import { AgGridReactProps } from '../shared/interfaces';
@@ -17,3 +16,2 @@ import { PortalManager } from '../shared/portalManager';
     gridOptions: GridOptions<TData>;
-    changeDetectionService: ChangeDetectionService;
     api: GridApi<TData> | null;
@@ -33,8 +31,6 @@ columnApi: ColumnApi;
     componentDidMount(): void;
-    private getStrategyTypeForProp;
-    private isImmutableDataActive;
+    private checkForDeprecations;
     shouldComponentUpdate(nextProps: any): boolean;
     componentDidUpdate(prevProps: any): void;
     processPropsChanges(prevProps: any, nextProps: any): void;
-    private extractDeclarativeColDefChanges;
     private extractGridPropertyChanges;
@@ -41,0 +37,0 @@ componentWillUnmount(): void;

lib/legacy/agGridReactLegacy.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -28,13 +28,26 @@ };
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgGridReactLegacy = void 0;
 var ag_grid_community_1 = require("ag-grid-community");
@@ -44,4 +57,2 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var legacyReactComponent_1 = require("./legacyReactComponent");
-var agGridColumn_1 = require("../shared/agGridColumn");
-var changeDetectionService_1 = require("../shared/changeDetectionService");
 var newReactComponent_1 = require("../shared/newReactComponent");
@@ -55,3 +66,2 @@ var portalManager_1 = require("../shared/portalManager");
         _this.props = props;
-        _this.changeDetectionService = new changeDetectionService_1.ChangeDetectionService();
         _this.api = null;
@@ -87,7 +97,4 @@ _this.destroyed = false;
         var gridOptions = this.props.gridOptions || {};
-        var children = this.props.children;
-        if (agGridColumn_1.AgGridColumn.hasChildColumns(children)) {
-            gridOptions.columnDefs = agGridColumn_1.AgGridColumn.mapChildColumnDefs(children);
-        }
         this.gridOptions = ag_grid_community_1.ComponentUtil.copyAttributesToGridOptions(gridOptions, this.props);
+        this.checkForDeprecations(this.props);
         // don't need the return value
@@ -99,20 +106,7 @@ new ag_grid_community_1.Grid(this.eGridDiv, this.gridOptions, gridParams);
     };
-    AgGridReactLegacy.prototype.getStrategyTypeForProp = function (propKey) {
-        if (propKey === 'rowData') {
-            if (this.props.rowDataChangeDetectionStrategy) {
-                return this.props.rowDataChangeDetectionStrategy;
-            }
-            else if (this.isImmutableDataActive()) {
-                return changeDetectionService_1.ChangeDetectionStrategyType.IdentityCheck;
-            }
+    AgGridReactLegacy.prototype.checkForDeprecations = function (props) {
+        if (props.rowDataChangeDetectionStrategy) {
+            ag_grid_community_1._.doOnce(function () { return console.warn('AG Grid: Since v29 rowDataChangeDetectionStrategy has been deprecated. Row data property changes will be compared by reference via triple equals ===. See https://ag-grid.com/react-data-grid/react-hooks/'); }, 'rowDataChangeDetectionStrategy_Deprecation');
         }
-        // all other cases will default to DeepValueCheck
-        return changeDetectionService_1.ChangeDetectionStrategyType.DeepValueCheck;
     };
-    AgGridReactLegacy.prototype.isImmutableDataActive = function () {
-        return (this.props.deltaRowDataMode || this.props.immutableData) || this.props.getRowId != null ||
-            (this.props.gridOptions && (this.props.gridOptions.deltaRowDataMode
-                || this.props.gridOptions.immutableData
-                || this.props.gridOptions.getRowId != null));
-    };
     AgGridReactLegacy.prototype.shouldComponentUpdate = function (nextProps) {
@@ -131,44 +125,10 @@ this.processPropsChanges(this.props, nextProps);
         this.extractGridPropertyChanges(prevProps, nextProps, changes);
-        this.extractDeclarativeColDefChanges(nextProps, changes);
         this.processSynchronousChanges(changes);
         this.processAsynchronousChanges(changes);
     };
-    AgGridReactLegacy.prototype.extractDeclarativeColDefChanges = function (nextProps, changes) {
-        // if columnDefs are provided on gridOptions we use those - you can't combine both
-        // we also skip if columnDefs are provided as a prop directly on AgGridReact
-        if ((this.props.gridOptions && this.props.gridOptions.columnDefs) || this.props.columnDefs) {
-            return;
-        }
-        var debugLogging = !!nextProps.debug;
-        var propKey = 'columnDefs';
-        var currentColDefs = this.gridOptions.columnDefs;
-        if (agGridColumn_1.AgGridColumn.hasChildColumns(nextProps.children)) {
-            var detectionStrategy = this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(propKey));
-            var newColDefs = agGridColumn_1.AgGridColumn.mapChildColumnDefs(nextProps.children);
-            if (!detectionStrategy.areEqual(currentColDefs, newColDefs)) {
-                if (debugLogging) {
-                    console.log("agGridReact: colDefs definitions changed");
-                }
-                changes[propKey] =
-                    {
-                        previousValue: currentColDefs,
-                        currentValue: newColDefs
-                    };
-            }
-        }
-        else if (currentColDefs && currentColDefs.length > 0) {
-            changes[propKey] =
-                {
-                    previousValue: currentColDefs,
-                    currentValue: []
-                };
-        }
-    };
     AgGridReactLegacy.prototype.extractGridPropertyChanges = function (prevProps, nextProps, changes) {
-        var _this = this;
         var debugLogging = !!nextProps.debug;
         Object.keys(nextProps).forEach(function (propKey) {
-            if (ag_grid_community_1._.includes(ag_grid_community_1.ComponentUtil.ALL_PROPERTIES, propKey)) {
-                var changeDetectionStrategy = _this.changeDetectionService.getStrategy(_this.getStrategyTypeForProp(propKey));
-                if (!changeDetectionStrategy.areEqual(prevProps[propKey], nextProps[propKey])) {
+            if (ag_grid_community_1.ComponentUtil.ALL_PROPERTIES_SET.has(propKey)) {
+                if (prevProps[propKey] !== nextProps[propKey]) {
                     if (debugLogging) {
@@ -184,3 +144,3 @@ console.log("agGridReact: [" + propKey + "] property changed");
         });
-        ag_grid_community_1.ComponentUtil.getEventCallbacks().forEach(function (funcName) {
+        ag_grid_community_1.ComponentUtil.EVENT_CALLBACKS.forEach(function (funcName) {
             if (prevProps[funcName] !== nextProps[funcName]) {
@@ -222,3 +182,3 @@ if (debugLogging) {
             if (Object.keys(synchronousChanges_1).length > 0 && !!this.api) {
-                ag_grid_community_1.ComponentUtil.processOnChange(synchronousChanges_1, this.gridOptions, this.api, this.columnApi);
+                ag_grid_community_1.ComponentUtil.processOnChange(synchronousChanges_1, this.api);
             }
@@ -234,3 +194,3 @@ }
                 if (_this.api) {
-                    ag_grid_community_1.ComponentUtil.processOnChange(changes, _this.gridOptions, _this.api, _this.columnApi);
+                    ag_grid_community_1.ComponentUtil.processOnChange(changes, _this.api);
                 }
@@ -252,3 +212,3 @@ });
 };
-addProperties(ag_grid_community_1.ComponentUtil.getEventCallbacks(), prop_types_1.default.func);
+addProperties(ag_grid_community_1.ComponentUtil.EVENT_CALLBACKS, prop_types_1.default.func);
 addProperties(ag_grid_community_1.ComponentUtil.BOOLEAN_PROPERTIES, prop_types_1.default.bool);
@@ -255,0 +215,0 @@ addProperties(ag_grid_community_1.ComponentUtil.STRING_PROPERTIES, prop_types_1.default.string);

lib/legacy/legacyReactComponent.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { AgPromise, ComponentType } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import { ReactComponent } from '../shared/reactComponent';

lib/legacy/legacyReactComponent.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -21,2 +21,3 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegacyReactComponent = void 0;
 var react_1 = require("react");
@@ -23,0 +24,0 @@ var react_dom_1 = require("react-dom");

lib/main.d.ts

@@ -1,6 +0,4 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 export { AgGridReact } from './agGridReact';
 export { AgGridReactLegacy } from './legacy/agGridReactLegacy';
 export { AgGridReactUi as AgGridReactFire } from './reactUi/agGridReactUi';
-export { AgGridColumn } from './shared/agGridColumn';
-export { ChangeDetectionStrategyType } from './shared/changeDetectionService';

lib/main.js

@@ -1,13 +0,10 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgGridReactFire = exports.AgGridReactLegacy = exports.AgGridReact = void 0;
 var agGridReact_1 = require("./agGridReact");
-exports.AgGridReact = agGridReact_1.AgGridReact;
+Object.defineProperty(exports, "AgGridReact", { enumerable: true, get: function () { return agGridReact_1.AgGridReact; } });
 var agGridReactLegacy_1 = require("./legacy/agGridReactLegacy");
-exports.AgGridReactLegacy = agGridReactLegacy_1.AgGridReactLegacy;
+Object.defineProperty(exports, "AgGridReactLegacy", { enumerable: true, get: function () { return agGridReactLegacy_1.AgGridReactLegacy; } });
 var agGridReactUi_1 = require("./reactUi/agGridReactUi");
-exports.AgGridReactFire = agGridReactUi_1.AgGridReactUi;
-var agGridColumn_1 = require("./shared/agGridColumn");
-exports.AgGridColumn = agGridColumn_1.AgGridColumn;
-var changeDetectionService_1 = require("./shared/changeDetectionService");
-exports.ChangeDetectionStrategyType = changeDetectionService_1.ChangeDetectionStrategyType;
+Object.defineProperty(exports, "AgGridReactFire", { enumerable: true, get: function () { return agGridReactUi_1.AgGridReactUi; } });

lib/reactUi/agGridReactUi.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { ColumnApi, Context, GridApi } from 'ag-grid-community';
@@ -13,3 +13,2 @@ import { Component } from 'react';
     private destroyFuncs;
-    private changeDetectionService;
     private eGui;
@@ -25,11 +24,9 @@ private portalManager;
     componentDidMount(): void;
+    private checkForDeprecations;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: any): void;
     processPropsChanges(prevProps: any, nextProps: any): void;
-    private extractDeclarativeColDefChanges;
     private extractGridPropertyChanges;
     private processChanges;
     private processWhenReady;
-    private getStrategyTypeForProp;
-    private isImmutableDataActive;
 }

lib/reactUi/agGridReactUi.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -28,7 +28,19 @@ };
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -40,6 +52,5 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgGridReactUi = void 0;
 var ag_grid_community_1 = require("ag-grid-community");
 var react_1 = __importStar(require("react"));
-var agGridColumn_1 = require("../shared/agGridColumn");
-var changeDetectionService_1 = require("../shared/changeDetectionService");
 var newReactComponent_1 = require("../shared/newReactComponent");
@@ -54,2 +65,3 @@ var portalManager_1 = require("../shared/portalManager");
     __extends(AgGridReactUi, _super);
+    // Would like props to be of type AgReactUiProps<TData> but currently breaks build
     function AgGridReactUi(props) {
@@ -59,3 +71,2 @@ var _this = _super.call(this, props) || this;
         _this.destroyFuncs = [];
-        _this.changeDetectionService = new changeDetectionService_1.ChangeDetectionService();
         _this.eGui = react_1.default.createRef();
@@ -101,7 +112,4 @@ _this.whenReadyFuncs = [];
         this.gridOptions = this.props.gridOptions || {};
-        var children = this.props.children;
-        if (agGridColumn_1.AgGridColumn.hasChildColumns(children)) {
-            this.gridOptions.columnDefs = agGridColumn_1.AgGridColumn.mapChildColumnDefs(children);
-        }
         this.gridOptions = ag_grid_community_1.ComponentUtil.copyAttributesToGridOptions(this.gridOptions, this.props);
+        this.checkForDeprecations(this.props);
         var createUiCallback = function (context) {
@@ -135,2 +143,7 @@ _this.setState({ context: context });
     };
+    AgGridReactUi.prototype.checkForDeprecations = function (props) {
+        if (props.rowDataChangeDetectionStrategy) {
+            ag_grid_community_1._.doOnce(function () { return console.warn('AG Grid: Since v29 rowDataChangeDetectionStrategy has been deprecated. Row data property changes will be compared by reference via triple equals ===. See https://ag-grid.com/react-data-grid/react-hooks/'); }, 'rowDataChangeDetectionStrategy_Deprecation');
+        }
+    };
     AgGridReactUi.prototype.componentWillUnmount = function () {
@@ -152,43 +165,9 @@ if (this.renderedAfterMount) {
         this.extractGridPropertyChanges(prevProps, nextProps, changes);
-        this.extractDeclarativeColDefChanges(nextProps, changes);
         this.processChanges(changes);
     };
-    AgGridReactUi.prototype.extractDeclarativeColDefChanges = function (nextProps, changes) {
-        // if columnDefs are provided on gridOptions we use those - you can't combine both
-        // we also skip if columnDefs are provided as a prop directly on AgGridReact
-        if ((this.props.gridOptions && this.props.gridOptions.columnDefs) || this.props.columnDefs) {
-            return;
-        }
-        var debugLogging = !!nextProps.debug;
-        var propKey = 'columnDefs';
-        var currentColDefs = this.gridOptions.columnDefs;
-        if (agGridColumn_1.AgGridColumn.hasChildColumns(nextProps.children)) {
-            var detectionStrategy = this.changeDetectionService.getStrategy(this.getStrategyTypeForProp(propKey));
-            var newColDefs = agGridColumn_1.AgGridColumn.mapChildColumnDefs(nextProps.children);
-            if (!detectionStrategy.areEqual(currentColDefs, newColDefs)) {
-                if (debugLogging) {
-                    console.log("agGridReact: colDefs definitions changed");
-                }
-                changes[propKey] =
-                    {
-                        previousValue: currentColDefs,
-                        currentValue: newColDefs
-                    };
-            }
-        }
-        else if (currentColDefs && currentColDefs.length > 0) {
-            changes[propKey] =
-                {
-                    previousValue: currentColDefs,
-                    currentValue: []
-                };
-        }
-    };
     AgGridReactUi.prototype.extractGridPropertyChanges = function (prevProps, nextProps, changes) {
-        var _this = this;
         var debugLogging = !!nextProps.debug;
         Object.keys(nextProps).forEach(function (propKey) {
-            if (ag_grid_community_1._.includes(ag_grid_community_1.ComponentUtil.ALL_PROPERTIES, propKey)) {
-                var changeDetectionStrategy = _this.changeDetectionService.getStrategy(_this.getStrategyTypeForProp(propKey));
-                if (!changeDetectionStrategy.areEqual(prevProps[propKey], nextProps[propKey])) {
+            if (ag_grid_community_1.ComponentUtil.ALL_PROPERTIES_SET.has(propKey)) {
+                if (prevProps[propKey] !== nextProps[propKey]) {
                     if (debugLogging) {
@@ -204,3 +183,3 @@ console.log("agGridReact: [" + propKey + "] property changed");
         });
-        ag_grid_community_1.ComponentUtil.getEventCallbacks().forEach(function (funcName) {
+        ag_grid_community_1.ComponentUtil.EVENT_CALLBACKS.forEach(function (funcName) {
             if (prevProps[funcName] !== nextProps[funcName]) {
@@ -220,3 +199,3 @@ if (debugLogging) {
         this.processWhenReady(function () {
-            return ag_grid_community_1.ComponentUtil.processOnChange(changes, _this.gridOptions, _this.api, _this.columnApi);
+            return ag_grid_community_1.ComponentUtil.processOnChange(changes, _this.api);
         });
@@ -234,20 +213,2 @@ };
     };
-    AgGridReactUi.prototype.getStrategyTypeForProp = function (propKey) {
-        if (propKey === 'rowData') {
-            if (this.props.rowDataChangeDetectionStrategy) {
-                return this.props.rowDataChangeDetectionStrategy;
-            }
-            if (this.isImmutableDataActive()) {
-                return changeDetectionService_1.ChangeDetectionStrategyType.IdentityCheck;
-            }
-        }
-        // all other cases will default to DeepValueCheck
-        return changeDetectionService_1.ChangeDetectionStrategyType.DeepValueCheck;
-    };
-    AgGridReactUi.prototype.isImmutableDataActive = function () {
-        return (this.props.deltaRowDataMode || this.props.immutableData || this.props.getRowId != null) ||
-            (this.props.gridOptions && (this.props.gridOptions.deltaRowDataMode
-                || this.props.gridOptions.immutableData
-                || this.props.gridOptions.getRowId != null));
-    };
     return AgGridReactUi;
@@ -254,0 +215,0 @@ }(react_1.Component));

lib/reactUi/beansContext.d.ts

@@ -1,4 +0,4 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
 import { Beans } from 'ag-grid-community';
 export declare const BeansContext: React.Context<Beans>;

lib/reactUi/beansContext.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,4 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BeansContext = void 0;
 var react_1 = __importDefault(require("react"));
 exports.BeansContext = react_1.default.createContext({});

lib/reactUi/cellRenderer/detailCellRenderer.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from "react";
@@ -3,0 +3,0 @@ import { IDetailCellRendererParams } from "ag-grid-community";

lib/reactUi/cellRenderer/detailCellRenderer.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,7 +14,19 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -29,3 +41,3 @@ };
 var DetailCellRenderer = function (props, ref) {
-    var _a = react_1.useContext(beansContext_1.BeansContext), ctrlsFactory = _a.ctrlsFactory, context = _a.context, gridOptionsWrapper = _a.gridOptionsWrapper, resizeObserverService = _a.resizeObserverService, clientSideRowModel = _a.clientSideRowModel, serverSideRowModel = _a.serverSideRowModel;
+    var _a = react_1.useContext(beansContext_1.BeansContext), ctrlsFactory = _a.ctrlsFactory, context = _a.context, gridOptionsService = _a.gridOptionsService, resizeObserverService = _a.resizeObserverService, clientSideRowModel = _a.clientSideRowModel, serverSideRowModel = _a.serverSideRowModel;
     var _b = react_1.useState(new utils_1.CssClasses()), cssClasses = _b[0], setCssClasses = _b[1];
@@ -65,3 +77,3 @@ var _c = react_1.useState(new utils_1.CssClasses()), gridCssClasses = _c[0], setGridCssClasses = _c[1];
         var resizeObserverDestroyFunc;
-        if (gridOptionsWrapper.isDetailRowAutoHeight()) {
+        if (gridOptionsService.is('detailRowAutoHeight')) {
             var checkRowSizeFunc = function () {
@@ -68,0 +80,0 @@ // when disposed, current is null, so nothing to do, and the resize observer will

lib/reactUi/cellRenderer/groupCellRenderer.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { GroupCellRendererParams } from "ag-grid-community";
@@ -3,0 +3,0 @@ import React from 'react';

lib/reactUi/cellRenderer/groupCellRenderer.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,7 +14,19 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -21,0 +33,0 @@ };

lib/reactUi/cells/cellComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { CellCtrl, UserCompDetails } from 'ag-grid-community';
@@ -16,3 +16,3 @@ import React from 'react';
     popup?: boolean;
-    popupPosition?: string;
+    popupPosition?: 'over' | 'under';
 }
@@ -19,0 +19,0 @@ declare const _default: React.MemoExoticComponent<(props: {

lib/reactUi/cells/cellComp.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,7 +14,19 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -26,2 +38,3 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellCompState = void 0;
 var ag_grid_community_1 = require("ag-grid-community");
@@ -68,3 +81,2 @@ var react_1 = __importStar(require("react"));
 var jsxShowValue = function (showDetails, key, parentId, cellRendererRef, showCellWrapper, reactCellRendererStateless, setECellValue) {
-    var _a;
     var compDetails = showDetails.compDetails, value = showDetails.value;
@@ -77,3 +89,3 @@ var noCellRenderer = !compDetails;
     // getting called.
-    var valueForNoCellRenderer = ((_a = value) === null || _a === void 0 ? void 0 : _a.toString) ? value.toString() : value;
+    var valueForNoCellRenderer = (value === null || value === void 0 ? void 0 : value.toString) ? value.toString() : value;
     var bodyJsxFunc = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -131,3 +143,6 @@ noCellRenderer && react_1.default.createElement(react_1.default.Fragment, null, valueForNoCellRenderer),
                 // we cannot set state inside render, so hack is to do it in next VM turn
-                setTimeout(function () { return cellCtrl.stopEditing(); }, 0);
+                setTimeout(function () {
+                    cellCtrl.stopEditing(true);
+                    cellCtrl.focusCell(true);
+                });
             }
@@ -176,3 +191,2 @@ }
     react_1.useEffect(function () {
-        var _a;
         var doingJsEditor = editDetails && !editDetails.compDetails.componentFromFramework;
@@ -192,3 +206,3 @@ if (!doingJsEditor) {
             var parentEl = (forceWrapper ? eCellWrapper : eGui).current;
-            (_a = parentEl) === null || _a === void 0 ? void 0 : _a.appendChild(compGui);
+            parentEl === null || parentEl === void 0 ? void 0 : parentEl.appendChild(compGui);
             cellEditor.afterGuiAttached && cellEditor.afterGuiAttached();
@@ -211,3 +225,5 @@ }
         }
-        setAriaDescribedBy(!!eCellWrapper.current ? "cell-" + cellCtrl.getInstanceId() : undefined);
+        var cellId = "cell-" + cellCtrl.getInstanceId();
+        var describedByIds = [];
+        describedByIds.push(cellId);
         if (!eCellWrapper.current || !showCellWrapper) {
@@ -229,3 +245,5 @@ return;
         if (includeSelection) {
-            addComp(cellCtrl.createSelectionCheckbox());
+            var checkboxSelectionComp = cellCtrl.createSelectionCheckbox();
+            describedByIds.push(checkboxSelectionComp.getCheckboxId());
+            addComp(checkboxSelectionComp);
         }
@@ -238,2 +256,3 @@ if (includeDndSource) {
         }
+        setAriaDescribedBy(describedByIds.join(' '));
         return function () { return destroyFuncs.forEach(function (f) { return f(); }); };
@@ -296,15 +315,21 @@ }, [showCellWrapper, includeDndSource, includeRowDrag, includeSelection, cellWrapperVersion]);
     }, [renderDetails]);
-    if (eGui.current && !showCellWrapper) {
+    react_1.useEffect(function () {
+        var _a;
+        if (!eGui.current) {
+            return;
+        }
         cssClassManager.addOrRemoveCssClass('ag-cell-value', !showCellWrapper);
-    }
+        cssClassManager.addOrRemoveCssClass('ag-cell-inline-editing', !!editDetails && !editDetails.popup);
+        cssClassManager.addOrRemoveCssClass('ag-cell-popup-editing', !!editDetails && !!editDetails.popup);
+        cssClassManager.addOrRemoveCssClass('ag-cell-not-inline-editing', !editDetails || !!editDetails.popup);
+        (_a = cellCtrl.getRowCtrl()) === null || _a === void 0 ? void 0 : _a.setInlineEditingCss(!!editDetails);
+    });
     var cellInstanceId = react_1.useMemo(function () { return cellCtrl.getInstanceId(); }, []);
     var showContents = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
-        renderDetails != null &&
-            jsxShowValue(renderDetails, renderKey, cellInstanceId, cellRendererRef, showCellWrapper, reactCellRendererStateless, setCellValueRef),
-        editDetails != null &&
-            jsxEditValue(editDetails, setInlineCellEditorRef, setPopupCellEditorRef, eGui.current, cellCtrl, jsEditorComp))); };
+        (renderDetails != null && jsxShowValue(renderDetails, renderKey, cellInstanceId, cellRendererRef, showCellWrapper, reactCellRendererStateless, setCellValueRef)),
+        (editDetails != null && jsxEditValue(editDetails, setInlineCellEditorRef, setPopupCellEditorRef, eGui.current, cellCtrl, jsEditorComp)))); };
     return (react_1.default.createElement("div", { ref: eGui, style: userStyles, tabIndex: tabIndex, role: role, "col-id": colId, title: title, "aria-describedby": ariaDescribedBy }, showCellWrapper
-        ? (react_1.default.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: setCellWrapperRef }, showContents()))
+        ? (react_1.default.createElement("div", { className: "ag-cell-wrapper", role: "presentation", "aria-hidden": "true", ref: setCellWrapperRef }, showContents()))
         : showContents()));
 };
 exports.default = react_1.memo(CellComp);

lib/reactUi/cells/popupEditorComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { CellCtrl } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import React from 'react';

lib/reactUi/cells/popupEditorComp.js

@@ -1,8 +0,20 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -18,7 +30,7 @@ };
     var _a = react_1.useState(), popupEditorWrapper = _a[0], setPopupEditorWrapper = _a[1];
-    var _b = react_1.useContext(beansContext_1.BeansContext), context = _b.context, popupService = _b.popupService, gridOptionsWrapper = _b.gridOptionsWrapper;
+    var _b = react_1.useContext(beansContext_1.BeansContext), context = _b.context, popupService = _b.popupService, localeService = _b.localeService, gridOptionsService = _b.gridOptionsService;
     useEffectOnce_1.useEffectOnce(function () {
         var editDetails = props.editDetails, cellCtrl = props.cellCtrl, eParentCell = props.eParentCell;
         var compDetails = editDetails.compDetails;
-        var useModelPopup = gridOptionsWrapper.isStopEditingWhenCellsLoseFocus();
+        var useModelPopup = gridOptionsService.is('stopEditingWhenCellsLoseFocus');
         var wrapper = context.createBean(new ag_grid_community_1.PopupEditorWrapper(compDetails.params));
@@ -38,8 +50,7 @@ var ePopupGui = wrapper.getGui();
             ePopup: ePopupGui,
+            position: editDetails.popupPosition,
             keepWithinBounds: true
         };
-        var positionCallback = editDetails.popupPosition === 'under' ?
-            popupService.positionPopupUnderComponent.bind(popupService, positionParams)
-            : popupService.positionPopupOverComponent.bind(popupService, positionParams);
-        var translate = gridOptionsWrapper.getLocaleTextFunc();
+        var positionCallback = popupService.positionPopupByComponent.bind(popupService, positionParams);
+        var translate = localeService.getLocaleTextFunc();
         var addPopupRes = popupService.addPopup({
@@ -46,0 +57,0 @@ modal: useModelPopup,

lib/reactUi/cells/showJsRenderer.d.ts

@@ -1,6 +0,6 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { ICellRendererComp } from 'ag-grid-community';
 import { MutableRefObject } from 'react';
 import { RenderDetails } from './cellComp';
-declare const useJsCellRenderer: (showDetails: RenderDetails, showTools: boolean, eCellValue: HTMLElement, cellValueVersion: number, jsCellRendererRef: MutableRefObject<ICellRendererComp<any>>, eGui: MutableRefObject<any>) => void;
+declare const useJsCellRenderer: (showDetails: RenderDetails | undefined, showTools: boolean, eCellValue: HTMLElement | undefined, cellValueVersion: number, jsCellRendererRef: MutableRefObject<ICellRendererComp | undefined>, eGui: MutableRefObject<any>) => void;
 export default useJsCellRenderer;

lib/reactUi/cells/showJsRenderer.js

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

lib/reactUi/gridBodyComp.d.ts

@@ -1,4 +0,4 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
 declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

lib/reactUi/gridBodyComp.js

@@ -1,8 +0,20 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -34,6 +46,7 @@ };
     var _l = react_1.useState(''), bottomDisplay = _l[0], setBottomDisplay = _l[1];
-    var _m = react_1.useState(null), movingCss = _m[0], setMovingCss = _m[1];
-    var _o = react_1.useState(null), forceVerticalScrollClass = _o[0], setForceVerticalScrollClass = _o[1];
-    var _p = react_1.useState(''), topAndBottomOverflowY = _p[0], setTopAndBottomOverflowY = _p[1];
-    var _q = react_1.useState(null), cellSelectableCss = _q[0], setCellSelectableCss = _q[1];
+    var _m = react_1.useState(''), bodyViewportWidth = _m[0], setBodyViewportWidth = _m[1];
+    var _o = react_1.useState(null), movingCss = _o[0], setMovingCss = _o[1];
+    var _p = react_1.useState(null), forceVerticalScrollClass = _p[0], setForceVerticalScrollClass = _p[1];
+    var _q = react_1.useState(''), topAndBottomOverflowY = _q[0], setTopAndBottomOverflowY = _q[1];
+    var _r = react_1.useState(null), cellSelectableCss = _r[0], setCellSelectableCss = _r[1];
     // we initialise layoutClass to 'ag-layout-normal', because if we don't, the comp will initially
@@ -44,6 +57,7 @@ // render with no width (as ag-layout-normal sets width to 0, which is needed for flex) which
     // problem as the UI will finish initialising before we set data.
-    var _r = react_1.useState('ag-layout-normal'), layoutClass = _r[0], setLayoutClass = _r[1];
+    var _s = react_1.useState('ag-layout-normal'), layoutClass = _s[0], setLayoutClass = _s[1];
     var eRoot = react_1.useRef(null);
     var eTop = react_1.useRef(null);
     var eStickyTop = react_1.useRef(null);
+    var eBody = react_1.useRef(null);
     var eBodyViewport = react_1.useRef(null);
@@ -72,2 +86,4 @@ var eBottom = react_1.useRef(null);
         eRoot.current.appendChild(newComp('AG-OVERLAY-WRAPPER').getGui());
+        eBody.current.appendChild(document.createComment(' AG Fake Vertical Scroll '));
+        eBody.current.appendChild(newComp('AG-FAKE-VERTICAL-SCROLL').getGui());
         var compProxy = {
@@ -89,2 +105,3 @@ setRowAnimationCssOnBodyViewport: setRowAnimationClass,
             setCellSelectableCss: setCellSelectableCss,
+            setBodyViewportWidth: setBodyViewportWidth,
             registerBodyViewportResizeListener: function (listener) {
@@ -109,2 +126,8 @@ var unsubscribeFromResize = resizeObserverService.observeResize(eBodyViewport.current, listener);
     }, [rowAnimationClass, layoutClass, forceVerticalScrollClass, cellSelectableCss]);
+    var bodyClasses = react_1.useMemo(function () {
+        return utils_1.classesList('ag-body', layoutClass);
+    }, [layoutClass]);
+    var bodyClipperClasses = react_1.useMemo(function () {
+        return utils_1.classesList('ag-body-clipper', layoutClass);
+    }, [layoutClass]);
     var topClasses = react_1.useMemo(function () {
@@ -136,2 +159,5 @@ return utils_1.classesList('ag-floating-top', cellSelectableCss);
     }); }, [bottomHeight, bottomDisplay, topAndBottomOverflowY]);
+    var bodyViewportStyle = react_1.useMemo(function () { return ({
+        width: bodyViewportWidth
+    }); }, [bodyViewportWidth]);
     var createRowContainer = function (container) { return react_1.default.createElement(rowContainerComp_1.default, { name: container, key: container + "-container" }); };
@@ -142,3 +168,3 @@ var createSection = function (_a) {
     };
-    return (react_1.default.createElement("div", { ref: eRoot, className: rootClasses, role: "grid", "aria-colcount": ariaColCount, "aria-rowcount": ariaRowCount },
+    return (react_1.default.createElement("div", { ref: eRoot, className: rootClasses, role: "treegrid", "aria-colcount": ariaColCount, "aria-rowcount": ariaRowCount },
         react_1.default.createElement(gridHeaderComp_1.default, null),
@@ -151,8 +177,10 @@ createSection({ section: eTop, className: topClasses, style: topStyle, children: [
             ] }),
-        createSection({ section: eBodyViewport, className: bodyViewportClasses, children: [
-                ag_grid_community_1.RowContainerName.LEFT,
-                ag_grid_community_1.RowContainerName.CENTER,
-                ag_grid_community_1.RowContainerName.RIGHT,
-                ag_grid_community_1.RowContainerName.FULL_WIDTH,
-            ] }),
+        react_1.default.createElement("div", { className: bodyClasses, ref: eBody, role: "presentation" },
+            react_1.default.createElement("div", { className: bodyClipperClasses, role: "presentation" }, createSection({ section: eBodyViewport, className: bodyViewportClasses,
+                style: bodyViewportStyle, children: [
+                    ag_grid_community_1.RowContainerName.LEFT,
+                    ag_grid_community_1.RowContainerName.CENTER,
+                    ag_grid_community_1.RowContainerName.RIGHT,
+                    ag_grid_community_1.RowContainerName.FULL_WIDTH,
+                ] }))),
         createSection({ section: eStickyTop, className: stickyTopClasses, style: stickyTopStyle, children: [
@@ -159,0 +187,0 @@ ag_grid_community_1.RowContainerName.STICKY_TOP_LEFT,

lib/reactUi/gridComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { Context } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import React from 'react';

lib/reactUi/gridComp.js

@@ -1,8 +0,20 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -9,0 +21,0 @@ };

lib/reactUi/header/gridHeaderComp.d.ts

@@ -1,4 +0,4 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
 declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

lib/reactUi/header/gridHeaderComp.js

@@ -1,8 +0,20 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -45,6 +57,6 @@ };
     return (react_1.default.createElement("div", { ref: eGui, className: className, style: style, role: "presentation" },
-        react_1.default.createElement(headerRowContainerComp_1.default, { pinned: ag_grid_community_1.Constants.PINNED_LEFT }),
+        react_1.default.createElement(headerRowContainerComp_1.default, { pinned: 'left' }),
         react_1.default.createElement(headerRowContainerComp_1.default, { pinned: null }),
-        react_1.default.createElement(headerRowContainerComp_1.default, { pinned: ag_grid_community_1.Constants.PINNED_RIGHT })));
+        react_1.default.createElement(headerRowContainerComp_1.default, { pinned: 'right' })));
 };
 exports.default = react_1.memo(GridHeaderComp);

lib/reactUi/header/headerCellComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
@@ -3,0 +3,0 @@ import { HeaderCellCtrl } from 'ag-grid-community';

lib/reactUi/header/headerCellComp.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,7 +14,19 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -43,3 +55,3 @@ };
     var cssClassManager = react_1.useMemo(function () { return new ag_grid_community_1.CssClassManager(function () { return eGui.current; }); }, []);
-    useEffectOnce_1.useEffectOnce(function () {
+    useEffectOnce_1.useLayoutEffectOnce(function () {
         var compProxy = {
@@ -67,4 +79,3 @@ setWidth: function (width) { return setWidth(width); },
     var userCompStateless = react_1.useMemo(function () {
-        var _a;
-        var res = ((_a = userCompDetails) === null || _a === void 0 ? void 0 : _a.componentFromFramework) && utils_1.isComponentStateless(userCompDetails.componentClass);
+        var res = (userCompDetails === null || userCompDetails === void 0 ? void 0 : userCompDetails.componentFromFramework) && utils_1.isComponentStateless(userCompDetails.componentClass);
         return !!res;
@@ -71,0 +82,0 @@ }, [userCompDetails]);

lib/reactUi/header/headerFilterCellComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
@@ -3,0 +3,0 @@ import { HeaderFilterCellCtrl } from 'ag-grid-community';

lib/reactUi/header/headerFilterCellComp.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,7 +14,19 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -34,4 +46,5 @@ };
     var _c = react_1.useState(new utils_1.CssClasses('ag-floating-filter-button', 'ag-hidden')), cssButtonWrapperClasses = _c[0], setButtonWrapperCssClasses = _c[1];
-    var _d = react_1.useState(), width = _d[0], setWidth = _d[1];
-    var _e = react_1.useState(), userCompDetails = _e[0], setUserCompDetails = _e[1];
+    var _d = react_1.useState("false"), buttonWrapperAriaHidden = _d[0], setButtonWrapperAriaHidden = _d[1];
+    var _e = react_1.useState(), width = _e[0], setWidth = _e[1];
+    var _f = react_1.useState(), userCompDetails = _f[0], setUserCompDetails = _f[1];
     var eGui = react_1.useRef(null);
@@ -69,3 +82,6 @@ var eFloatingFilterBody = react_1.useRef(null);
             addOrRemoveBodyCssClass: function (name, on) { return setBodyCssClasses(function (prev) { return prev.setClass(name, on); }); },
-            addOrRemoveButtonWrapperCssClass: function (name, on) { return setButtonWrapperCssClasses(function (prev) { return prev.setClass(name, on); }); },
+            setButtonWrapperDisplayed: function (displayed) {
+                setButtonWrapperCssClasses(function (prev) { return prev.setClass('ag-hidden', !displayed); });
+                setButtonWrapperAriaHidden(!displayed ? "true" : "false");
+            },
             setWidth: function (width) { return setWidth(width); },
@@ -100,5 +116,5 @@ setCompDetails: function (compDetails) { return setUserCompDetails(compDetails); },
             reactUserComp && !userCompStateless && react_1.default.createElement(UserCompClass, __assign({}, userCompDetails.params, { ref: userCompRef }))),
-        react_1.default.createElement("div", { ref: eButtonWrapper, className: buttonWrapperClassName, role: "presentation" },
+        react_1.default.createElement("div", { ref: eButtonWrapper, "aria-hidden": buttonWrapperAriaHidden, className: buttonWrapperClassName, role: "presentation" },
             react_1.default.createElement("button", { ref: eButtonShowMainFilter, type: "button", "aria-label": "Open Filter Menu", className: "ag-floating-filter-button-button", tabIndex: -1 }))));
 };
 exports.default = react_1.memo(HeaderFilterCellComp);

lib/reactUi/header/headerGroupCellComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { HeaderGroupCellCtrl } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import React from 'react';

lib/reactUi/header/headerGroupCellComp.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,7 +14,19 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -32,7 +44,8 @@ };
     var _b = react_1.useState(new utils_1.CssClasses()), cssResizableClasses = _b[0], setResizableCssClasses = _b[1];
-    var _c = react_1.useState(), width = _c[0], setWidth = _c[1];
-    var _d = react_1.useState(), title = _d[0], setTitle = _d[1];
-    var _e = react_1.useState(), colId = _e[0], setColId = _e[1];
-    var _f = react_1.useState(), ariaExpanded = _f[0], setAriaExpanded = _f[1];
-    var _g = react_1.useState(), userCompDetails = _g[0], setUserCompDetails = _g[1];
+    var _c = react_1.useState("false"), resizableAriaHidden = _c[0], setResizableAriaHidden = _c[1];
+    var _d = react_1.useState(), width = _d[0], setWidth = _d[1];
+    var _e = react_1.useState(), title = _e[0], setTitle = _e[1];
+    var _f = react_1.useState(), colId = _f[0], setColId = _f[1];
+    var _g = react_1.useState(), ariaExpanded = _g[0], setAriaExpanded = _g[1];
+    var _h = react_1.useState(), userCompDetails = _h[0], setUserCompDetails = _h[1];
     var eGui = react_1.useRef(null);
@@ -48,3 +61,6 @@ var eResize = react_1.useRef(null);
             setUserCompDetails: function (compDetails) { return setUserCompDetails(compDetails); },
-            addOrRemoveResizableCssClass: function (name, on) { return setResizableCssClasses(function (prev) { return prev.setClass(name, on); }); },
+            setResizableDisplayed: function (displayed) {
+                setResizableCssClasses(function (prev) { return prev.setClass('ag-hidden', !displayed); });
+                setResizableAriaHidden(!displayed ? "true" : "false");
+            },
             setAriaExpanded: function (expanded) { return setAriaExpanded(expanded); }
@@ -77,4 +93,4 @@ };
         reactUserComp && react_1.default.createElement(UserCompClass, __assign({}, userCompDetails.params)),
-        react_1.default.createElement("div", { ref: eResize, className: resizableClassName })));
+        react_1.default.createElement("div", { ref: eResize, "aria-hidden": resizableAriaHidden, className: resizableClassName })));
 };
 exports.default = react_1.memo(HeaderGroupCellComp);

lib/reactUi/header/headerRowComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { HeaderRowCtrl } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import React from 'react';

lib/reactUi/header/headerRowComp.js

@@ -1,3 +0,22 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArrays = (this && this.__spreadArrays) || function () {
@@ -10,9 +29,2 @@ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -30,3 +42,3 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
 var HeaderRowComp = function (props) {
-    var gridOptionsWrapper = react_1.useContext(beansContext_1.BeansContext).gridOptionsWrapper;
+    var gridOptionsService = react_1.useContext(beansContext_1.BeansContext).gridOptionsService;
     var _a = react_1.useState(), transform = _a[0], setTransform = _a[1];
@@ -44,4 +56,6 @@ var _b = react_1.useState(), height = _b[0], setHeight = _b[1];
     var setCellCtrlsMaintainOrder = react_1.useCallback(function (prev, next) {
+        var isEnsureDomOrder = gridOptionsService.is('ensureDomOrder');
+        var isPrintLayout = gridOptionsService.isDomLayout('print');
         // if we are ensuring dom order, we set the ctrls into the dom in the same order they appear on screen
-        if (gridOptionsWrapper.isEnsureDomOrder()) {
+        if (isEnsureDomOrder || isPrintLayout) {
             return next;
@@ -48,0 +62,0 @@ }

lib/reactUi/header/headerRowContainerComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
@@ -3,0 +3,0 @@ import { ColumnPinnedType } from 'ag-grid-community';

lib/reactUi/header/headerRowContainerComp.js

@@ -1,8 +0,20 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -22,14 +34,18 @@ };
     var _a = react_1.useState(new utils_1.CssClasses()), cssClasses = _a[0], setCssClasses = _a[1];
-    var _b = react_1.useState(), centerContainerWidth = _b[0], setCenterContainerWidth = _b[1];
-    var _c = react_1.useState(), centerContainerTransform = _c[0], setCenterContainerTransform = _c[1];
-    var _d = react_1.useState(), pinnedContainerWidth = _d[0], setPinnedContainerWidth = _d[1];
-    var _e = react_1.useState([]), headerRowCtrls = _e[0], setHeaderRowCtrls = _e[1];
+    var _b = react_1.useState(false), ariaHidden = _b[0], setAriaHidden = _b[1];
+    var _c = react_1.useState(), centerContainerWidth = _c[0], setCenterContainerWidth = _c[1];
+    var _d = react_1.useState(), centerContainerTransform = _d[0], setCenterContainerTransform = _d[1];
+    var _e = react_1.useState(), pinnedContainerWidth = _e[0], setPinnedContainerWidth = _e[1];
+    var _f = react_1.useState([]), headerRowCtrls = _f[0], setHeaderRowCtrls = _f[1];
     var context = react_1.useContext(beansContext_1.BeansContext).context;
     var eGui = react_1.useRef(null);
-    var pinnedLeft = props.pinned === ag_grid_community_1.Constants.PINNED_LEFT;
-    var pinnedRight = props.pinned === ag_grid_community_1.Constants.PINNED_RIGHT;
+    var pinnedLeft = props.pinned === 'left';
+    var pinnedRight = props.pinned === 'right';
     var centre = !pinnedLeft && !pinnedRight;
     useEffectOnce_1.useEffectOnce(function () {
         var compProxy = {
-            addOrRemoveCssClass: function (name, on) { return setCssClasses(function (prev) { return prev.setClass(name, on); }); },
+            setDisplayed: function (displayed) {
+                setCssClasses(function (prev) { return prev.setClass('ag-hidden', !displayed); });
+                setAriaHidden(!displayed);
+            },
             setCtrls: function (ctrls) { return setHeaderRowCtrls(ctrls); },
@@ -61,5 +77,5 @@ // centre only
         pinnedLeft &&
-            react_1.default.createElement("div", { ref: eGui, className: "ag-pinned-left-header " + className, role: "presentation", style: ePinnedStyle }, insertRowsJsx()),
+            react_1.default.createElement("div", { ref: eGui, className: "ag-pinned-left-header " + className, "aria-hidden": ariaHidden, role: "presentation", style: ePinnedStyle }, insertRowsJsx()),
         pinnedRight &&
-            react_1.default.createElement("div", { ref: eGui, className: "ag-pinned-right-header " + className, role: "presentation", style: ePinnedStyle }, insertRowsJsx()),
+            react_1.default.createElement("div", { ref: eGui, className: "ag-pinned-right-header " + className, "aria-hidden": ariaHidden, role: "presentation", style: ePinnedStyle }, insertRowsJsx()),
         centre &&
@@ -66,0 +82,0 @@ react_1.default.createElement("div", { ref: eGui, className: "ag-header-viewport " + className, role: "presentation" },

lib/reactUi/jsComp.d.ts

@@ -1,5 +0,5 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { Context, UserCompDetails } from 'ag-grid-community';
 import { MutableRefObject } from 'react';
-export declare const showJsComp: (compDetails: UserCompDetails, context: Context, eParent: HTMLElement, ref?: MutableRefObject<any> | ((ref: any) => void)) => () => void;
+export declare const showJsComp: (compDetails: UserCompDetails | undefined, context: Context, eParent: HTMLElement, ref?: MutableRefObject<any> | ((ref: any) => void)) => () => void;
 export declare const createSyncJsComp: (compDetails: UserCompDetails) => any;

lib/reactUi/jsComp.js

@@ -1,4 +0,5 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSyncJsComp = exports.showJsComp = void 0;
 exports.showJsComp = function (compDetails, context, eParent, ref) {
@@ -5,0 +6,0 @@ var doNothing = !compDetails || compDetails.componentFromFramework;

lib/reactUi/reactComment.d.ts

@@ -1,4 +0,4 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { RefObject } from 'react';
 declare const useReactCommentEffect: (comment: string, eForCommentRef: RefObject<HTMLElement>) => void;
 export default useReactCommentEffect;

lib/reactUi/reactComment.js

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

lib/reactUi/reactFrameworkOverrides.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { VanillaFrameworkOverrides } from "ag-grid-community";
@@ -3,0 +3,0 @@ export declare class ReactFrameworkOverrides extends VanillaFrameworkOverrides {

lib/reactUi/reactFrameworkOverrides.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -21,2 +21,3 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFrameworkOverrides = void 0;
 var ag_grid_community_1 = require("ag-grid-community");
@@ -23,0 +24,0 @@ var groupCellRenderer_1 = __importDefault(require("./cellRenderer/groupCellRenderer"));

lib/reactUi/rows/rowComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
@@ -3,0 +3,0 @@ import { RowContainerType, RowCtrl } from 'ag-grid-community';

lib/reactUi/rows/rowComp.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -14,2 +14,21 @@ var __assign = (this && this.__assign) || function () {
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArrays = (this && this.__spreadArrays) || function () {
@@ -22,9 +41,2 @@ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -88,4 +100,4 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
     // rather than an transition getting applied.
-    var _k = react_1.useState(rowCtrl.getInitialRowTop()), top = _k[0], setTop = _k[1];
-    var _l = react_1.useState(rowCtrl.getInitialTransform()), transform = _l[0], setTransform = _l[1];
+    var _k = react_1.useState(rowCtrl.getInitialRowTop(containerType)), top = _k[0], setTop = _k[1];
+    var _l = react_1.useState(rowCtrl.getInitialTransform(containerType)), transform = _l[0], setTransform = _l[1];
     var eGui = react_1.useRef(null);
@@ -152,2 +164,5 @@ var fullWidthCompRef = react_1.useRef();
         rowCtrl.setComp(compProxy, eGui.current, containerType);
+        return function () {
+            rowCtrl.unsetComp(containerType);
+        };
     });
@@ -163,4 +178,3 @@ react_1.useEffect(function () { return jsComp_1.showJsComp(fullWidthCompDetails, context, eGui.current, fullWidthCompRef); }, [fullWidthCompDetails]);
     var reactFullWidthCellRendererStateless = react_1.useMemo(function () {
-        var _a;
-        var res = ((_a = fullWidthCompDetails) === null || _a === void 0 ? void 0 : _a.componentFromFramework) && utils_1.isComponentStateless(fullWidthCompDetails.componentClass);
+        var res = (fullWidthCompDetails === null || fullWidthCompDetails === void 0 ? void 0 : fullWidthCompDetails.componentFromFramework) && utils_1.isComponentStateless(fullWidthCompDetails.componentClass);
         return !!res;
@@ -167,0 +181,0 @@ }, [fullWidthCompDetails]);

lib/reactUi/rows/rowContainerComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { RowContainerName } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import React from 'react';

lib/reactUi/rows/rowContainerComp.js

@@ -1,3 +0,22 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArrays = (this && this.__spreadArrays) || function () {
@@ -10,9 +29,2 @@ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -89,3 +101,5 @@ return (mod && mod.__esModule) ? mod : { "default": mod };
     }); }, [containerWidth]);
-    var buildContainer = function () { return (react_1.default.createElement("div", { className: containerClasses, ref: eContainer, role: rowCtrls.length ? "rowgroup" : "presentation", style: containerStyle }, rowCtrlsOrdered.map(function (rowCtrl) { return react_1.default.createElement(rowComp_1.default, { rowCtrl: rowCtrl, containerType: containerType, key: rowCtrl.getInstanceId() }); }))); };
+    var buildContainer = function () { return (react_1.default.createElement("div", { className: containerClasses, ref: eContainer, role: rowCtrls.length ? "rowgroup" : "presentation", style: containerStyle }, rowCtrlsOrdered.map(function (rowCtrl) {
+        return react_1.default.createElement(rowComp_1.default, { rowCtrl: rowCtrl, containerType: containerType, key: rowCtrl.getInstanceId() });
+    }))); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -92,0 +106,0 @@ template1 &&

lib/reactUi/tabGuardComp.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import React from 'react';
@@ -3,0 +3,0 @@ import { GridCtrl } from 'ag-grid-community';

lib/reactUi/tabGuardComp.js

@@ -1,8 +0,20 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
     return result;
@@ -9,0 +21,0 @@ };

lib/reactUi/useEffectOnce.d.ts

@@ -1,3 +0,3 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 export declare const useEffectOnce: (effect: () => void | (() => void)) => void;
 export declare const useLayoutEffectOnce: (effect: () => void | (() => void)) => void;

lib/reactUi/useEffectOnce.js

@@ -1,4 +0,5 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLayoutEffectOnce = exports.useEffectOnce = void 0;
 var react_1 = require("react");
@@ -5,0 +6,0 @@ exports.useEffectOnce = function (effect) {

lib/reactUi/utils.d.ts

@@ -1,3 +0,3 @@
-// ag-grid-react v28.2.1
-export declare const classesList: (...list: string[]) => string;
+// ag-grid-react v29.0.0
+export declare const classesList: (...list: (string | null | undefined)[]) => string;
 export declare class CssClasses {
@@ -4,0 +4,0 @@ private classesMap;

lib/reactUi/utils.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -15,2 +15,3 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isComponentStateless = exports.CssClasses = exports.classesList = void 0;
 exports.classesList = function () {
@@ -17,0 +18,0 @@ var list = [];

lib/shared/interfaces.d.ts

@@ -1,4 +0,9 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { ColumnApi, GridApi, GridOptions, ICellEditor, ICellRenderer, IDate, IFilter, IFloatingFilter, IHeader, IHeaderGroup, IStatusPanel, IToolPanel, Module } from 'ag-grid-community';
-import { ChangeDetectionStrategyType } from './changeDetectionService';
+/** @deprecated v29 ChangeDetectionStrategyType has been deprecated. IdentityCheck will always be used now for a more consistent approach. */
+export declare enum ChangeDetectionStrategyType {
+    IdentityCheck = "IdentityCheck",
+    DeepValueCheck = "DeepValueCheck",
+    NoCheck = "NoCheck"
+}
 export interface SharedProps<TData = any> extends GridOptions<TData> {
@@ -12,2 +17,5 @@ gridOptions?: GridOptions<TData>;
     maxComponentCreationTimeMs?: number;
+    /** @deprecated v29 ChangeDetectionStrategyType has been deprecated. IdentityCheck will always be used now for a more consistent approach. */
+    rowDataChangeDetectionStrategy?: ChangeDetectionStrategyType;
+    children?: any;
 }
@@ -17,4 +25,2 @@ export interface AgReactUiProps<TData = any> extends SharedProps<TData> {
 export interface AgGridReactProps<TData = any> extends SharedProps<TData> {
-    children?: any;
-    rowDataChangeDetectionStrategy?: ChangeDetectionStrategyType;
     disableStaticMarkup?: boolean;
@@ -21,0 +27,0 @@ legacyComponentRendering?: boolean;

lib/shared/interfaces.js

@@ -1,38 +0,11 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-/*
-export interface IHeaderGroupReactComp extends IHeaderGroup, AgReactFrameworkComponent<IHeaderGroupParams> {
-}
-
-export interface IHeaderReactComp extends IHeader, AgReactFrameworkComponent<IHeaderParams> {
-}
-
-export interface IDateReactComp extends IDate, AgReactFrameworkComponent<IDateParams> {
-}
-
-export interface IFilterReactComp extends IFilter, AgReactFrameworkComponent<IFilterParams> {
-}
-
-export interface ICellRendererReactComp extends ICellRenderer, AgReactFrameworkComponent<ICellRendererParams> {
-}
-
-export interface ICellEditorReactComp extends ICellEditor, AgReactFrameworkComponent<ICellEditorParams> {
-}
-
-export interface ILoadingCellRendererReactComp extends AgReactFrameworkComponent<ILoadingCellRendererParams> {
-
-}
-
-export interface ILoadingOverlayReactComp extends AgReactFrameworkComponent<ILoadingOverlayParams> {
-}
-
-export interface INoRowsOverlayReactComp extends AgReactFrameworkComponent<INoRowsOverlayParams> {
-}
-
-export interface IStatusPanelReactComp extends IStatusPanel, AgReactFrameworkComponent<IStatusPanelParams> {
-}
-
-export interface IToolPanelReactComp extends IToolPanel, AgReactFrameworkComponent<IToolPanelParams> {
-}
-*/
+exports.ChangeDetectionStrategyType = void 0;
+/** @deprecated v29 ChangeDetectionStrategyType has been deprecated. IdentityCheck will always be used now for a more consistent approach. */
+var ChangeDetectionStrategyType;
+(function (ChangeDetectionStrategyType) {
+    ChangeDetectionStrategyType["IdentityCheck"] = "IdentityCheck";
+    ChangeDetectionStrategyType["DeepValueCheck"] = "DeepValueCheck";
+    ChangeDetectionStrategyType["NoCheck"] = "NoCheck";
+})(ChangeDetectionStrategyType = exports.ChangeDetectionStrategyType || (exports.ChangeDetectionStrategyType = {}));

lib/shared/keyGenerator.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 export default function generateNewKey(): string;

lib/shared/keyGenerator.js

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

lib/shared/newReactComponent.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { ComponentType, AgPromise } from 'ag-grid-community';
@@ -3,0 +3,0 @@ import { ReactComponent } from './reactComponent';

lib/shared/newReactComponent.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -32,2 +32,3 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewReactComponent = void 0;
 var react_1 = require("react");
@@ -34,0 +35,0 @@ var react_dom_1 = require("react-dom");

lib/shared/portalManager.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { Component, ReactPortal } from "react";
@@ -3,0 +3,0 @@ import { ReactComponent } from "./reactComponent";

lib/shared/portalManager.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -11,2 +11,3 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PortalManager = void 0;
 var PortalManager = /** @class */ (function () {
@@ -13,0 +14,0 @@ function PortalManager(parent, wrappingElement, maxComponentCreationTimeMs) {

lib/shared/reactComponent.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { ReactPortal } from 'react';
@@ -3,0 +3,0 @@ import { ComponentType, IComponent, WrappableInterface } from 'ag-grid-community';

lib/shared/reactComponent.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -18,2 +18,3 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactComponent = void 0;
 var BaseReactComponent = /** @class */ (function () {
@@ -20,0 +21,0 @@ function BaseReactComponent() {

lib/shared/reactFrameworkOverrides.d.ts

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { VanillaFrameworkOverrides } from "ag-grid-community";
@@ -3,0 +3,0 @@ export declare class ReactFrameworkOverrides extends VanillaFrameworkOverrides {

lib/shared/reactFrameworkOverrides.js

@@ -1,2 +0,2 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 "use strict";
@@ -7,3 +7,3 @@ var __extends = (this && this.__extends) || (function () {
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
@@ -21,2 +21,3 @@ };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFrameworkOverrides = void 0;
 var ag_grid_community_1 = require("ag-grid-community");
@@ -23,0 +24,0 @@ var groupCellRenderer_1 = __importDefault(require("../reactUi/cellRenderer/groupCellRenderer"));

lib/useGridApi.d.ts

@@ -1,6 +0,6 @@
-// ag-grid-react v28.2.1
+// ag-grid-react v29.0.0
 import { RefObject } from 'react';
 import { ColumnApi, GridApi } from 'ag-grid-community';
 import { AgGridReact } from './agGridReact';
-declare const useGridApis: <T extends AgGridReact<any>>(gridRef: RefObject<T>) => [GridApi<any>, ColumnApi];
+declare const useGridApis: <T extends AgGridReact<any>>(gridRef: RefObject<T>) => [GridApi | null, ColumnApi | null];
 export default useGridApis;

lib/useGridApi.js

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

main.d.ts

 
 export * from './lib/agGridReact';
-export * from './lib/shared/agGridColumn';
-export * from './lib/shared/changeDetectionService'
 export * from "./lib/shared/interfaces";

main.js

 exports.AgGridReact = require('./lib/agGridReact').AgGridReact;
-exports.AgGridColumn = require('./lib/shared/agGridColumn').AgGridColumn;
-exports.ChangeDetectionStrategyType = require('./lib/shared/changeDetectionService').ChangeDetectionStrategyType;
+exports.ChangeDetectionStrategyType = require('./lib/shared/interfaces').ChangeDetectionStrategyType;
 exports.AgGridReactUi = require('./lib/reactUi/agGridReactUi').AgGridReactUi;

package.json

 {
   "name": "ag-grid-react",
-  "version": "28.2.1",
+  "version": "29.0.0",
   "description": "AG Grid React Component",
@@ -41,6 +41,6 @@ "main": "main.js",
     "prop-types": "^15.6.2",
-    "ag-grid-community": "~28.2.1",
-    "@ag-grid-community/react": "~28.2.1",
-    "@ag-grid-community/client-side-row-model": "~28.2.1",
-    "@ag-grid-community/core": "~28.2.1",
+    "ag-grid-community": "~29.0.0",
+    "@ag-grid-community/react": "~29.0.0",
+    "@ag-grid-community/client-side-row-model": "~29.0.0",
+    "@ag-grid-community/core": "~29.0.0",
     "gulp": "^4.0.0",
@@ -76,3 +76,3 @@ "gulp-clean": "^0.4.0",
     "webpack": "^5.64.4",
-    "typescript": "~3.7.7",
+    "typescript": "~4.0.8",
     "rimraf": "3.0.2"
@@ -84,3 +84,3 @@ },
   "peerDependencies": {
-    "ag-grid-community": "~28.2.1",
+    "ag-grid-community": "~29.0.0",
     "react": "^16.3.0 || ^17.0.0 || ^18.0.0",
@@ -87,0 +87,0 @@ "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0"

No alert changes

Worsened metrics

Total package byte prevSize

309157

decreased by-3.36%

Number of package files

80

decreased by-4.76%

Lines of code

4241

decreased by-2.95%

No dependency changes