ag-grid-react - npm Package Compare versions

Comparing version 33.0.4 to 33.1.0

dist/package/package.json

 {
   "name": "ag-grid-react",
-  "version": "33.0.4",
+  "version": "33.1.0",
   "description": "AG Grid React Component",
@@ -39,3 +39,3 @@ "main": "./dist/package/index.cjs.js",
     "prop-types": "^15.6.2",
-    "ag-grid-community": "33.0.4",
+    "ag-grid-community": "33.1.0",
     "@babel/plugin-proposal-throw-expressions": "7.14.5",
@@ -60,3 +60,3 @@ "@babel/preset-typescript": "7.15.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "33.0.4"
+    "ag-grid-community": "33.1.0"
   },
@@ -63,0 +63,0 @@ "peerDependencies": {

dist/types/package.json

 {
   "name": "ag-grid-react",
-  "version": "33.0.4",
+  "version": "33.1.0",
   "description": "AG Grid React Component",
-  "main": "./src/index.js",
+  "main": "./dist/package/index.cjs.js",
   "types": "./dist/types/src/index.d.ts",
@@ -39,3 +39,3 @@ "module": "./dist/package/index.esm.mjs",
     "prop-types": "^15.6.2",
-    "ag-grid-community": "33.0.4",
+    "ag-grid-community": "33.1.0",
     "@babel/plugin-proposal-throw-expressions": "7.14.5",
@@ -60,3 +60,3 @@ "@babel/preset-typescript": "7.15.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "33.0.4"
+    "ag-grid-community": "33.1.0"
   },
@@ -148,2 +148,2 @@ "peerDependencies": {
   "type": "commonjs"
-}
+}

dist/types/src/reactUi/tabGuardComp.d.ts

@@ -12,4 +12,5 @@ import React from 'react';
     onTabKeyDown: (e: KeyboardEvent) => void;
+    isEmpty?: () => boolean;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<TabGuardProps & React.RefAttributes<TabGuardCompCallback>>>;
 export default _default;

dist/types/src/shared/customComp/filterComponentWrapper.d.ts

@@ -1,2 +0,3 @@
-import type { AgPromise, IDoesFilterPassParams, IFilter, IFilterParams } from 'ag-grid-community';
+import type { IAfterGuiAttachedParams, IDoesFilterPassParams, IFilter, IFilterParams } from 'ag-grid-community';
+import { AgPromise } from 'ag-grid-community';
 import { CustomComponentWrapper } from './customComponentWrapper';
@@ -10,2 +11,4 @@ import type { CustomFilterCallbacks, CustomFilterProps } from './interfaces';
     private hasBeenActive;
+    private resolveSetMethodsCallback;
+    private awaitSetMethodsCallback;
     isFilterActive(): boolean;
@@ -16,2 +19,3 @@ doesFilterPass(params: IDoesFilterPassParams<any>): boolean;
     refresh(newParams: IFilterParams): boolean;
+    afterGuiAttached(params?: IAfterGuiAttachedParams): void;
     protected getOptionalMethods(): string[];
@@ -18,0 +22,0 @@ protected setMethods(methods: CustomFilterCallbacks): void;

dist/types/src/shared/customComp/interfaces.d.ts

@@ -60,2 +60,3 @@ import type { BaseCellEditor, BaseDate, BaseDateParams, BaseFilter, BaseFilterParams, BaseFloatingFilter, BaseMenuItem, BaseMenuItemParams, BaseToolPanelParams, ICellEditorParams, ICellRendererParams, IDetailCellRendererParams, IDragAndDropImageParams, IFilter, IFloatingFilterParams, IGroupCellRendererParams, IHeaderGroupParams, IHeaderParams, ILoadingCellRendererParams, ILoadingOverlayParams, INoRowsOverlayParams, IStatusPanelParams, ITooltipParams } from 'ag-grid-community';
 }
+/** Props provided to custom Drag and Drop Image components */
 export interface CustomDragAndDropImageProps<TData = any, TContext = any> extends IDragAndDropImageParams<TData, TContext> {
@@ -69,2 +70,6 @@ /** The label provided by the grid about the item being dragged. */
 }
+export interface CustomInnerHeaderProps<TData = any, TContext = any> extends IHeaderParams<TData, TContext> {
+}
+export interface CustomInnerHeaderGroupProps<TData = any, TContext = any> extends IHeaderGroupParams<TData, TContext> {
+}
 /** Props provided to custom loading overlay component */
@@ -71,0 +76,0 @@ export interface CustomLoadingOverlayProps<TData = any, TContext = any> extends ILoadingOverlayParams<TData, TContext> {

dist/umd/ag-grid-react.min.js

@@ -1,1 +0,1 @@
-(function(Se,Pe){typeof exports=="object"&&typeof module=="object"?module.exports=Pe(require("ag-grid-community"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define("AgGridReact",["ag-grid-community","react","react-dom"],Pe):typeof exports=="object"?exports.AgGridReact=Pe(require("ag-grid-community"),require("react"),require("react-dom")):Se.AgGridReact=Pe(Se.agGrid,Se.React,Se.ReactDOM)})(this,(Se,Pe,wt)=>{var je={},Fe={exports:je};if(typeof R>"u")var R=function(t){if(t==="ag-grid-community")return Se;if(t==="react")return Pe;if(t==="react-dom")return wt;throw new Error("Unknown module: "+t)};var bt=Object.create,We=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Pt=Object.getOwnPropertyNames,Et=Object.getPrototypeOf,Mt=Object.prototype.hasOwnProperty,kt=(e,t)=>{for(var r in t)We(e,r,{get:t[r],enumerable:!0})},tt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Pt(t))!Mt.call(e,s)&&s!==r&&We(e,s,{get:()=>t[s],enumerable:!(n=St(t,s))||n.enumerable});return e},Z=(e,t,r)=>(r=e!=null?bt(Et(e)):{},tt(t||!e||!e.__esModule?We(r,"default",{value:e,enumerable:!0}):r,e)),_t=e=>tt(We({},"__esModule",{value:!0}),e),rt={};kt(rt,{AgGridReact:()=>Zr,CustomComponentContext:()=>Be,getInstance:()=>er,useGridCellEditor:()=>es,useGridDate:()=>ts,useGridFilter:()=>rs,useGridFloatingFilter:()=>ss,useGridMenuItem:()=>ns,warnReactiveCustomComponents:()=>Ne}),Fe.exports=_t(rt);var st=Z(R("react")),_=Z(R("react")),fe=R("ag-grid-community"),B=Z(R("react")),Ft=R("ag-grid-community"),Gt=Z(R("react")),ae=Gt.default.createContext({}),Ge=(e,t,r,n)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const d=e.newAgStackInstance();let a,o,u=!1;return d.then(c=>{if(u){t.destroyBean(c);return}a=c,o=a.getGui(),r.appendChild(o),nt(n,a)}),()=>{u=!0,a&&(o?.parentElement?.removeChild(o),t.destroyBean(a),n&&nt(n,void 0))}},nt=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},xt=Z(R("react")),Bt=Z(R("react-dom")),he=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),me=class Rt{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const s=new Rt;return s.classesMap={...this.classesMap},s.classesMap[t]=r,s}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},Ee=e=>{const t=()=>typeof Symbol=="function"&&Symbol.for,r=()=>t()?Symbol.for("react.memo"):60115;return typeof e=="function"&&!(e.prototype&&e.prototype.isReactComponent)||typeof e=="object"&&e.$$typeof===r()},ze=xt.default.version?.split(".")[0],At=ze==="16"||ze==="17";function Ot(){return ze==="19"}var Te=!1;function Dt(e){return Te||setTimeout(()=>Te=!1,0),Te=!0,e()}var $e=(e,t)=>{!At&&e&&!Te?Bt.default.flushSync(t):t()};function qe(e,t,r){if(t==null||e==null)return t;if(e===t||t.length===0&&e.length===0)return e;if(r||e.length===0&&t.length>0||e.length>0&&t.length===0)return t;const n=[],s=[],d=new Map,a=new Map;for(let o=0;o<t.length;o++){const u=t[o];a.set(u.instanceId,u)}for(let o=0;o<e.length;o++){const u=e[o];d.set(u.instanceId,u),a.has(u.instanceId)&&n.push(u)}for(let o=0;o<t.length;o++){const u=t[o],c=u.instanceId;d.has(c)||s.push(u)}return n.length===e.length&&s.length===0?e:n.length===0&&s.length===t.length?t:n.length===0?s:s.length===0?n:[...n,...s]}var ot=(0,B.forwardRef)((e,t)=>{const{registry:r,context:n}=(0,B.useContext)(ae),s=(0,B.useRef)(null),d=(0,B.useRef)(null),a=(0,B.useRef)(null),o=(0,B.useRef)(null),u=(0,B.useRef)(null),c=(0,B.useRef)(),[l,m]=(0,B.useState)(),[P,w]=(0,B.useState)(),[f,h]=(0,B.useState)(),[i,y]=(0,B.useState)(()=>new me),[k,v]=(0,B.useState)(()=>new me("ag-hidden")),[b,E]=(0,B.useState)(()=>new me("ag-hidden")),[A,M]=(0,B.useState)(()=>new me("ag-invisible"));(0,B.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,B.useLayoutEffect)(()=>Ge(l,n,d.current),[l]);const O=(0,B.useCallback)(Y=>{if(s.current=Y,!Y){c.current=n.destroyBean(c.current);return}const W={setInnerRenderer:(F,$)=>{m(F),h($)},setChildCount:F=>w(F),addOrRemoveCssClass:(F,$)=>y(H=>H.setClass(F,$)),setContractedDisplayed:F=>E($=>$.setClass("ag-hidden",!F)),setExpandedDisplayed:F=>v($=>$.setClass("ag-hidden",!F)),setCheckboxVisible:F=>M($=>$.setClass("ag-invisible",!F))},te=r.createDynamicBean("groupCellRendererCtrl",!0);te&&(c.current=n.createBean(te),c.current.init(W,Y,a.current,o.current,u.current,ot,e))},[]),D=(0,B.useMemo)(()=>`ag-cell-wrapper ${i.toString()}`,[i]),p=(0,B.useMemo)(()=>`ag-group-expanded ${k.toString()}`,[k]),C=(0,B.useMemo)(()=>`ag-group-contracted ${b.toString()}`,[b]),x=(0,B.useMemo)(()=>`ag-group-checkbox ${A.toString()}`,[A]),I=l&&l.componentFromFramework,ee=I?l.componentClass:void 0,N=l==null&&f!=null,j=(0,Ft._escapeString)(f,!0);return B.default.createElement("span",{className:D,ref:O,...e.colDef?{}:{role:c.current?.getCellAriaRole()}},B.default.createElement("span",{className:p,ref:o}),B.default.createElement("span",{className:C,ref:u}),B.default.createElement("span",{className:x,ref:a}),B.default.createElement("span",{className:"ag-group-value",ref:d},N&&B.default.createElement(B.default.Fragment,null,j),I&&B.default.createElement(ee,{...l.params})),B.default.createElement("span",{className:"ag-group-child-count"},P))}),at=ot,Je=R("ag-grid-community"),xe=Z(R("react")),It=R("react"),Be=(0,It.createContext)({setMethods:()=>{}}),Wt=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:n,setMethods:s}=e,[{key:d,...a},o]=(0,xe.useState)(t);return(0,xe.useEffect)(()=>{r(u=>o(u))},[]),xe.default.createElement(Be.Provider,{value:{setMethods:s}},xe.default.createElement(n,{key:d,...a}))},Tt=(0,xe.memo)(Wt),Nt=R("react"),Ht=R("react-dom"),Ke=R("ag-grid-community"),Ut=0;function ct(){return`agPortalKey_${++Ut}`}var it=class{constructor(e,t,r,n){this.portal=null,this.oldPortal=null,this.reactComponent=e,this.portalManager=t,this.componentType=r,this.suppressFallbackMethods=!!n,this.statelessComponent=this.isStateless(this.reactComponent),this.key=ct(),this.portalKey=ct(),this.instanceCreated=this.isStatelessComponent()?Ke.AgPromise.resolve(!1):new Ke.AgPromise(s=>{this.resolveInstanceCreated=s})}getGui(){return this.eParentElement}getRootElement(){return this.eParentElement.firstChild}destroy(){this.componentInstance&&typeof this.componentInstance.destroy=="function"&&this.componentInstance.destroy();const e=this.portal;e&&this.portalManager.destroyPortal(e)}createParentElement(e){const t=this.portalManager.getComponentWrappingElement(),r=document.createElement(t||"div");return r.classList.add("ag-react-container"),e.reactContainer=r,r}statelessComponentRendered(){return this.eParentElement.childElementCount>0||this.eParentElement.childNodes.length>0}getFrameworkComponentInstance(){return this.componentInstance}isStatelessComponent(){return this.statelessComponent}getReactComponentName(){return this.reactComponent.name}getMemoType(){return this.hasSymbol()?Symbol.for("react.memo"):60115}hasSymbol(){return typeof Symbol=="function"&&Symbol.for}isStateless(e){return typeof e=="function"&&!(e.prototype&&e.prototype.isReactComponent)||typeof e=="object"&&e.$$typeof===this.getMemoType()}hasMethod(e){const t=this.getFrameworkComponentInstance();return!!t&&t[e]!=null||this.fallbackMethodAvailable(e)}callMethod(e,t){const r=this.getFrameworkComponentInstance();if(this.isStatelessComponent())return this.fallbackMethod(e,t&&t[0]?t[0]:{});if(!r){setTimeout(()=>this.callMethod(e,t));return}const n=r[e];if(n)return n.apply(r,t);if(this.fallbackMethodAvailable(e))return this.fallbackMethod(e,t&&t[0]?t[0]:{})}addMethod(e,t){this[e]=t}init(e){return this.eParentElement=this.createParentElement(e),this.createOrUpdatePortal(e),new Ke.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,Ht.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,Nt.createElement)(e,t)}createReactComponent(e){this.portalManager.mountReactPortal(this.portal,this,e)}rendered(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!!(!this.isStatelessComponent()&&this.getFrameworkComponentInstance())}refreshComponent(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)}fallbackMethod(e,t){const r=this[`${e}Component`];if(!this.suppressFallbackMethods&&r)return r.bind(this)(t)}fallbackMethodAvailable(e){return this.suppressFallbackMethods?!1:!!this[`${e}Component`]}};function Qe(e,t,r){e.forEach(n=>{const s=t[n];s&&(r[n]=s)})}var ge=class extends it{constructor(){super(...arguments),this.awaitUpdateCallback=new Je.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=Tt}init(e){return this.sourceParams=e,super.init(this.getProps())}addMethod(){}getInstance(){return this.instanceCreated.then(()=>this.componentInstance)}getFrameworkComponentInstance(){return this}createElement(e,t){return super.createElement(this.wrapperComponent,{initialProps:t,CustomComponentClass:e,setMethods:r=>this.setMethods(r),addUpdateCallback:r=>{this.updateCallback=()=>(r(this.getProps()),new Je.AgPromise(n=>{setTimeout(()=>{n()})})),this.resolveUpdateCallback()}})}setMethods(e){this.providedMethods=e,Qe(this.getOptionalMethods(),this.providedMethods,this)}getOptionalMethods(){return[]}getProps(){return{...this.sourceParams,key:this.key,ref:this.ref}}refreshProps(){return this.updateCallback?this.updateCallback():new Je.AgPromise(e=>this.awaitUpdateCallback.then(()=>{this.updateCallback().then(()=>e())}))}},Vt=class extends ge{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},Lt=class extends ge{constructor(){super(...arguments),this.date=null,this.onDateChange=e=>this.updateDate(e)}getDate(){return this.date}setDate(e){this.date=e,this.refreshProps()}refresh(e){this.sourceParams=e,this.refreshProps()}getOptionalMethods(){return["afterGuiAttached","setInputPlaceholder","setInputAriaLabel","setDisabled"]}updateDate(e){this.setDate(e),this.sourceParams.onDateChanged()}getProps(){const e=super.getProps();return e.date=this.date,e.onDateChange=this.onDateChange,delete e.onDateChanged,e}},jt=class extends ge{constructor(){super(...arguments),this.label="",this.icon=null,this.shake=!1}setIcon(e,t){this.icon=e,this.shake=t,this.refreshProps()}setLabel(e){this.label=e,this.refreshProps()}getProps(){const e=super.getProps(),{label:t,icon:r,shake:n}=this;return e.label=t,e.icon=r,e.shake=n,e}},zt=class extends ge{constructor(){super(...arguments),this.model=null,this.onModelChange=e=>this.updateModel(e),this.onUiChange=()=>this.sourceParams.filterChangedCallback(),this.expectingNewMethods=!0,this.hasBeenActive=!1}isFilterActive(){return this.model!=null}doesFilterPass(e){return this.providedMethods.doesFilterPass(e)}getModel(){return this.model}setModel(e){return this.expectingNewMethods=!0,this.model=e,this.hasBeenActive||(this.hasBeenActive=this.isFilterActive()),this.refreshProps()}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}getOptionalMethods(){return["afterGuiAttached","afterGuiDetached","onNewRowsLoaded","getModelAsString","onAnyFilterChanged"]}setMethods(e){this.expectingNewMethods===!1&&this.hasBeenActive&&this.providedMethods?.doesFilterPass!==e?.doesFilterPass&&setTimeout(()=>{this.sourceParams.filterChangedCallback()}),this.expectingNewMethods=!1,super.setMethods(e)}updateModel(e){this.setModel(e).then(()=>this.sourceParams.filterChangedCallback())}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e.onUiChange=this.onUiChange,delete e.filterChangedCallback,delete e.filterModifiedCallback,e}},$t=R("ag-grid-community");function lt(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||$t.AgPromise.resolve()).then(()=>{e.filterParams.filterChangedCallback()})})}var qt=class{constructor(e,t){this.floatingFilterParams=e,this.refreshProps=t,this.model=null,this.onModelChange=r=>this.updateModel(r)}getProps(){return{...this.floatingFilterParams,model:this.model,onModelChange:this.onModelChange}}onParentModelChanged(e){this.model=e,this.refreshProps()}refresh(e){this.floatingFilterParams=e,this.refreshProps()}setMethods(e){Qe(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),lt(this.floatingFilterParams,e)}},Jt=class extends ge{constructor(){super(...arguments),this.model=null,this.onModelChange=e=>this.updateModel(e)}onParentModelChanged(e){this.model=e,this.refreshProps()}refresh(e){this.sourceParams=e,this.refreshProps()}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),lt(this.sourceParams,e)}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e}},Kt=class extends ge{refresh(e){this.sourceParams=e,this.refreshProps()}},Qt=class extends ge{constructor(){super(...arguments),this.active=!1,this.expanded=!1,this.onActiveChange=e=>this.updateActive(e)}setActive(e){this.awaitSetActive(e)}setExpanded(e){this.expanded=e,this.refreshProps()}getOptionalMethods(){return["select","configureDefaults"]}awaitSetActive(e){return this.active=e,this.refreshProps()}updateActive(e){const t=this.awaitSetActive(e);e&&t.then(()=>this.sourceParams.onItemActivated())}getProps(){const e=super.getProps();return e.active=this.active,e.expanded=this.expanded,e.onActiveChange=this.onActiveChange,delete e.onItemActivated,e}},Yt=class extends ge{refresh(e){this.sourceParams=e,this.refreshProps()}},Zt=class extends ge{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},Xt=class extends ge{constructor(){super(...arguments),this.onStateChange=e=>this.updateState(e)}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}getState(){return this.state}updateState(e){this.state=e,this.refreshProps(),this.sourceParams.onStateUpdated()}getProps(){const e=super.getProps();return e.state=this.state,e.onStateChange=this.onStateChange,e}},ut=R("ag-grid-community");function er(e,t){(e?.getInstance?.()??ut.AgPromise.resolve(void 0)).then(n=>t(n))}function Ne(){(0,ut._warn)(231)}var tr=1e3,rr=class{constructor(e,t,r){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.refresher=e,this.maxComponentCreationTimeMs=r||tr}getPortals(){return this.portals}destroy(){this.destroyed=!0}destroyPortal(e){this.portals=this.portals.filter(t=>t!==e),this.batchUpdate()}getComponentWrappingElement(){return this.wrappingElement}mountReactPortal(e,t,r){this.portals=[...this.portals,e],this.waitForInstance(t,r),this.batchUpdate()}updateReactPortal(e,t){this.portals[this.portals.indexOf(e)]=t,this.batchUpdate()}batchUpdate(){this.hasPendingPortalUpdate||(setTimeout(()=>{this.destroyed||(this.refresher(),this.hasPendingPortalUpdate=!1)}),this.hasPendingPortalUpdate=!0)}waitForInstance(e,t,r=Date.now()){if(this.destroyed){t(null);return}if(e.rendered())t(e);else{if(Date.now()-r>=this.maxComponentCreationTimeMs&&!this.hasPendingPortalUpdate)return;window.setTimeout(()=>{this.waitForInstance(e,t,r)})}}},L=Z(R("react")),sr=R("ag-grid-community"),S=Z(R("react")),we=R("ag-grid-community"),le=Z(R("react")),nr=R("ag-grid-community"),ie=Z(R("react")),or=R("ag-grid-community"),ne=Z(R("react")),ar=R("ag-grid-community"),re=Z(R("react")),He=R("ag-grid-community"),cr=({ctrl:e})=>{const t=e.isAlive(),{context:r}=(0,re.useContext)(ae),n=t?e.column.getColId():void 0,[s,d]=(0,re.useState)(),a=(0,re.useRef)(),o=(0,re.useRef)(null),u=(0,re.useRef)(null),c=(0,re.useRef)(null),l=(0,re.useRef)(),m=(0,re.useRef)();t&&!m.current&&(m.current=new He.CssClassManager(()=>o.current));const P=(0,re.useCallback)(i=>{if(o.current=i,a.current=i?r.createBean(new He._EmptyBean):r.destroyBean(a.current),!i||!t)return;const y={setWidth:v=>{o.current&&(o.current.style.width=v)},addOrRemoveCssClass:(v,b)=>m.current.addOrRemoveCssClass(v,b),setAriaSort:v=>{o.current&&(v?(0,He._setAriaSort)(o.current,v):(0,He._removeAriaSort)(o.current))},setUserCompDetails:v=>d(v),getUserCompInstance:()=>l.current||void 0};e.setComp(y,i,u.current,c.current,a.current);const k=e.getSelectAllGui();k&&(u.current?.insertAdjacentElement("afterend",k),a.current.addDestroyFunc(()=>k.remove()))},[]);(0,re.useLayoutEffect)(()=>Ge(s,r,c.current,l),[s]),(0,re.useEffect)(()=>{e.setDragSource(o.current)},[s]);const w=(0,re.useMemo)(()=>!!(s?.componentFromFramework&&Ee(s.componentClass)),[s]),f=s&&s.componentFromFramework,h=s&&s.componentClass;return re.default.createElement("div",{ref:P,className:"ag-header-cell","col-id":n,role:"columnheader"},re.default.createElement("div",{ref:u,className:"ag-header-cell-resize",role:"presentation"}),re.default.createElement("div",{ref:c,className:"ag-header-cell-comp-wrapper",role:"presentation"},f&&w&&re.default.createElement(h,{...s.params}),f&&!w&&re.default.createElement(h,{...s.params,ref:l})))},ir=(0,re.memo)(cr),T=Z(R("react")),dt=R("ag-grid-community"),lr=({ctrl:e})=>{const{context:t,gos:r}=(0,T.useContext)(ae),[n,s]=(0,T.useState)(()=>new me("ag-header-cell","ag-floating-filter")),[d,a]=(0,T.useState)(()=>new me),[o,u]=(0,T.useState)(()=>new me("ag-floating-filter-button","ag-hidden")),[c,l]=(0,T.useState)("false"),[m,P]=(0,T.useState)(),[,w]=(0,T.useState)(1),f=(0,T.useRef)(),h=(0,T.useRef)(null),i=(0,T.useRef)(null),y=(0,T.useRef)(null),k=(0,T.useRef)(null),v=(0,T.useRef)(),b=(0,T.useRef)(),E=j=>{j!=null&&v.current&&v.current(j)},A=(0,T.useCallback)(j=>{if(h.current=j,f.current=j?t.createBean(new dt._EmptyBean):t.destroyBean(f.current),!j)return;b.current=new dt.AgPromise(W=>{v.current=W});const Y={addOrRemoveCssClass:(W,te)=>s(F=>F.setClass(W,te)),addOrRemoveBodyCssClass:(W,te)=>a(F=>F.setClass(W,te)),setButtonWrapperDisplayed:W=>{u(te=>te.setClass("ag-hidden",!W)),l(W?"false":"true")},setWidth:W=>{h.current&&(h.current.style.width=W)},setCompDetails:W=>P(W),getFloatingFilterComp:()=>b.current?b.current:null,setMenuIcon:W=>k.current?.appendChild(W)};e.setComp(Y,j,k.current,i.current,f.current)},[]);(0,T.useLayoutEffect)(()=>Ge(m,t,i.current,E),[m]);const M=(0,T.useMemo)(()=>n.toString(),[n]),O=(0,T.useMemo)(()=>d.toString(),[d]),D=(0,T.useMemo)(()=>o.toString(),[o]),p=(0,T.useMemo)(()=>!!(m&&m.componentFromFramework&&Ee(m.componentClass)),[m]),C=(0,T.useMemo)(()=>r.get("reactiveCustomComponents"),[]),x=(0,T.useMemo)(()=>{if(m)if(C){const j=new qt(m.params,()=>w(Y=>Y+1));return E(j),j}else m.componentFromFramework&&Ne()},[m]),I=x?.getProps(),ee=m&&m.componentFromFramework,N=m&&m.componentClass;return T.default.createElement("div",{ref:A,className:M,role:"gridcell"},T.default.createElement("div",{ref:i,className:O,role:"presentation"},ee&&!C&&T.default.createElement(N,{...m.params,ref:p?()=>{}:E}),ee&&C&&T.default.createElement(Be.Provider,{value:{setMethods:j=>x.setMethods(j)}},T.default.createElement(N,{...I}))),T.default.createElement("div",{ref:y,"aria-hidden":c,className:D,role:"presentation"},T.default.createElement("button",{ref:k,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},ur=(0,T.memo)(lr),z=Z(R("react")),dr=R("ag-grid-community"),pr=({ctrl:e})=>{const{context:t}=(0,z.useContext)(ae),[r,n]=(0,z.useState)(()=>new me),[s,d]=(0,z.useState)(()=>new me),[a,o]=(0,z.useState)("false"),[u,c]=(0,z.useState)(),[l,m]=(0,z.useState)(),P=(0,z.useMemo)(()=>e.column.getUniqueId(),[]),w=(0,z.useRef)(),f=(0,z.useRef)(null),h=(0,z.useRef)(null),i=(0,z.useRef)(null),y=(0,z.useRef)(),k=(0,z.useCallback)(O=>{if(f.current=O,w.current=O?t.createBean(new dr._EmptyBean):t.destroyBean(w.current),!O)return;const D={setWidth:p=>{f.current&&(f.current.style.width=p)},addOrRemoveCssClass:(p,C)=>n(x=>x.setClass(p,C)),setHeaderWrapperHidden:p=>{const C=i.current;C&&(p?C.style.setProperty("display","none"):C.style.removeProperty("display"))},setHeaderWrapperMaxHeight:p=>{const C=i.current;C&&(p!=null?C.style.setProperty("max-height",`${p}px`):C.style.removeProperty("max-height"),C.classList.toggle("ag-header-cell-comp-wrapper-limited-height",p!=null))},setUserCompDetails:p=>m(p),setResizableDisplayed:p=>{d(C=>C.setClass("ag-hidden",!p)),o(p?"false":"true")},setAriaExpanded:p=>c(p),getUserCompInstance:()=>y.current||void 0};e.setComp(D,O,h.current,i.current,w.current)},[]);(0,z.useLayoutEffect)(()=>Ge(l,t,i.current),[l]),(0,z.useEffect)(()=>{f.current&&e.setDragSource(f.current)},[l]);const v=(0,z.useMemo)(()=>!!(l?.componentFromFramework&&Ee(l.componentClass)),[l]),b=(0,z.useMemo)(()=>"ag-header-group-cell "+r.toString(),[r]),E=(0,z.useMemo)(()=>"ag-header-cell-resize "+s.toString(),[s]),A=l&&l.componentFromFramework,M=l&&l.componentClass;return z.default.createElement("div",{ref:k,className:b,"col-id":P,role:"columnheader","aria-expanded":u},z.default.createElement("div",{ref:i,className:"ag-header-cell-comp-wrapper",role:"presentation"},A&&v&&z.default.createElement(M,{...l.params}),A&&!v&&z.default.createElement(M,{...l.params,ref:y})),z.default.createElement("div",{ref:h,"aria-hidden":a,className:E}))},mr=(0,z.memo)(pr),fr=({ctrl:e})=>{const{context:t}=(0,ne.useContext)(ae),{topOffset:r,rowHeight:n}=(0,ne.useMemo)(()=>e.getTopAndHeight(),[]),s=e.getAriaRowIndex(),d=e.headerRowClass,[a,o]=(0,ne.useState)(()=>n+"px"),[u,c]=(0,ne.useState)(()=>r+"px"),l=(0,ne.useRef)(null),m=(0,ne.useRef)(null),[P,w]=(0,ne.useState)(()=>e.getHeaderCtrls()),f=(0,ne.useRef)(),h=(0,ne.useRef)(null),i=(0,ne.useCallback)(v=>{if(h.current=v,f.current=v?t.createBean(new ar._EmptyBean):t.destroyBean(f.current),!v)return;const b={setHeight:E=>o(E),setTop:E=>c(E),setHeaderCtrls:(E,A,M)=>{m.current=l.current,l.current=E;const O=qe(m.current,E,A);O!==m.current&&$e(M,()=>w(O))},setWidth:E=>{h.current&&(h.current.style.width=E)}};e.setComp(b,f.current,!1)},[]),y=(0,ne.useMemo)(()=>({height:a,top:u}),[a,u]),k=(0,ne.useCallback)(v=>{switch(e.type){case"group":return ne.default.createElement(mr,{ctrl:v,key:v.instanceId});case"filter":return ne.default.createElement(ur,{ctrl:v,key:v.instanceId});default:return ne.default.createElement(ir,{ctrl:v,key:v.instanceId})}},[]);return ne.default.createElement("div",{ref:i,className:d,role:"row",style:y,"aria-rowindex":s},P.map(k))},hr=(0,ne.memo)(fr),Cr=({pinned:e})=>{const[t,r]=(0,ie.useState)(!0),[n,s]=(0,ie.useState)([]),{context:d}=(0,ie.useContext)(ae),a=(0,ie.useRef)(null),o=(0,ie.useRef)(null),u=(0,ie.useRef)(),c=e==="left",l=e==="right",m=!c&&!l,P=(0,ie.useCallback)(h=>{if(a.current=h,u.current=h?d.createBean(new or.HeaderRowContainerCtrl(e)):d.destroyBean(u.current),!h)return;const i={setDisplayed:r,setCtrls:y=>s(y),setCenterWidth:y=>{o.current&&(o.current.style.width=y)},setViewportScrollLeft:y=>{a.current&&(a.current.scrollLeft=y)},setPinnedContainerWidth:y=>{a.current&&(a.current.style.width=y,a.current.style.minWidth=y,a.current.style.maxWidth=y)}};u.current.setComp(i,a.current)},[]),w=t?"":"ag-hidden",f=()=>n.map(h=>ie.default.createElement(hr,{ctrl:h,key:h.instanceId}));return ie.default.createElement(ie.default.Fragment,null,c&&ie.default.createElement("div",{ref:P,className:"ag-pinned-left-header "+w,"aria-hidden":!t,role:"rowgroup"},f()),l&&ie.default.createElement("div",{ref:P,className:"ag-pinned-right-header "+w,"aria-hidden":!t,role:"rowgroup"},f()),m&&ie.default.createElement("div",{ref:P,className:"ag-header-viewport "+w,role:"presentation"},ie.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},f())))},Ye=(0,ie.memo)(Cr),gr=()=>{const[e,t]=(0,le.useState)(()=>new me),[r,n]=(0,le.useState)(),{context:s}=(0,le.useContext)(ae),d=(0,le.useRef)(null),a=(0,le.useRef)(),o=(0,le.useCallback)(l=>{if(d.current=l,a.current=l?s.createBean(new nr.GridHeaderCtrl):s.destroyBean(a.current),!l)return;const m={addOrRemoveCssClass:(P,w)=>t(f=>f.setClass(P,w)),setHeightAndMinHeight:P=>n(P)};a.current.setComp(m,l,l)},[]),u=(0,le.useMemo)(()=>"ag-header "+e.toString(),[e]),c=(0,le.useMemo)(()=>({height:r,minHeight:r}),[r]);return le.default.createElement("div",{ref:o,className:u,style:c,role:"presentation"},le.default.createElement(Ye,{pinned:"left"}),le.default.createElement(Ye,{pinned:null}),le.default.createElement(Ye,{pinned:"right"}))},yr=(0,le.memo)(gr),vr=R("react"),Rr=(e,t)=>{(0,vr.useEffect)(()=>{const r=t.current;if(r){const n=r.parentElement;if(n){const s=document.createComment(e);return n.insertBefore(s,r),()=>{n.removeChild(s)}}}},[e])},be=Rr,K=Z(R("react")),pt=R("ag-grid-community"),G=Z(R("react")),mt=R("ag-grid-community"),g=Z(R("react")),Ze=R("ag-grid-community"),wr=R("ag-grid-community"),br=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new wr.AgPromise(r=>{this.resolveInstanceCreated=r}),this.onValueChange=r=>this.updateValue(r),this.value=e.value}getProps(){return{...this.cellEditorParams,initialValue:this.cellEditorParams.value,value:this.value,onValueChange:this.onValueChange}}getValue(){return this.value}refresh(e){this.cellEditorParams=e,this.refreshProps()}setMethods(e){Qe(this.getOptionalMethods(),e,this)}getInstance(){return this.instanceCreated.then(()=>this.componentInstance)}setRef(e){this.componentInstance=e,this.resolveInstanceCreated?.(),this.resolveInstanceCreated=void 0}getOptionalMethods(){return["isCancelBeforeStart","isCancelAfterEnd","focusIn","focusOut","afterGuiAttached"]}updateValue(e){this.value=e,this.refreshProps()}},Ae=Z(R("react")),Sr=R("react-dom"),Pr=R("ag-grid-community"),Me=R("react"),Er=e=>{const t=(0,Me.useRef)(e),r=(0,Me.useRef)(),n=(0,Me.useRef)(!1),s=(0,Me.useRef)(!1),[,d]=(0,Me.useState)(0);n.current&&(s.current=!0),(0,Me.useEffect)(()=>(n.current||(r.current=t.current(),n.current=!0),d(a=>a+1),()=>{s.current&&r.current?.()}),[])},Mr=e=>{const[t,r]=(0,Ae.useState)(),{context:n,popupSvc:s,localeSvc:d,gos:a,editSvc:o}=(0,Ae.useContext)(ae);return Er(()=>{const{editDetails:u,cellCtrl:c,eParentCell:l}=e,{compDetails:m}=u,P=a.get("stopEditingWhenCellsLoseFocus"),w=n.createBean(o.createPopupEditorWrapper(m.params)),f=w.getGui();if(e.jsChildComp){const A=e.jsChildComp.getGui();A&&f.appendChild(A)}const{column:h,rowNode:i}=c,y={column:h,rowNode:i,type:"popupCellEditor",eventSource:l,ePopup:f,position:u.popupPosition,keepWithinBounds:!0},k=s?.positionPopupByComponent.bind(s,y),v=(0,Pr._getLocaleTextFunc)(d),b=s?.addPopup({modal:P,eChild:f,closeOnEsc:!0,closedCallback:()=>{c.onPopupEditorClosed()},anchorToElement:l,positionCallback:k,ariaLabel:v("ariaLabelCellEditor","Cell Editor")}),E=b?b.hideFunc:void 0;return r(w),e.jsChildComp?.afterGuiAttached?.(),()=>{E?.(),n.destroyBean(w)}}),Ae.default.createElement(Ae.default.Fragment,null,t&&e.wrappedContent&&(0,Sr.createPortal)(e.wrappedContent,t.getGui()))},ft=(0,Ae.memo)(Mr),Ue=R("react"),kr=(e,t,r,n,s,d)=>{const{context:a}=(0,Ue.useContext)(ae),o=(0,Ue.useCallback)(()=>{const u=s.current;if(!u)return;const c=u.getGui();c&&c.parentElement&&c.parentElement.removeChild(c),a.destroyBean(u),s.current=void 0},[]);(0,Ue.useEffect)(()=>{const u=e!=null,c=e?.compDetails&&!e.compDetails.componentFromFramework,l=t&&r==null;if(!(u&&c&&!l)){o();return}const P=e.compDetails;if(s.current){const f=s.current,i=f.refresh!=null&&e.force==!1?f.refresh(P.params):!1;if(i===!0||i===void 0)return;o()}P.newAgStackInstance().then(f=>{if(!f)return;const h=f.getGui();if(!h)return;(t?r:d.current).appendChild(h),s.current=f})},[e,t,n]),(0,Ue.useEffect)(()=>o,[])},_r=kr,Fr=(e,t,r)=>{const{compProxy:n}=e;r(n);const s=n.getProps(),d=Ee(t);return g.default.createElement(Be.Provider,{value:{setMethods:a=>n.setMethods(a)}},d?g.default.createElement(t,{...s}):g.default.createElement(t,{...s,ref:a=>n.setRef(a)}))},ht=(e,t,r)=>{const n=e.compProxy;return g.default.createElement(g.default.Fragment,null,n?Fr(e,t,r):g.default.createElement(t,{...e.compDetails.params,ref:r}))},Gr=(e,t,r,n,s)=>{const d=e.compDetails,a=d.componentClass,o=d.componentFromFramework&&!e.popup,u=d.componentFromFramework&&e.popup,c=!d.componentFromFramework&&e.popup;return g.default.createElement(g.default.Fragment,null,o&&ht(e,a,t),u&&g.default.createElement(ft,{editDetails:e,cellCtrl:n,eParentCell:r,wrappedContent:ht(e,a,t)}),c&&s&&g.default.createElement(ft,{editDetails:e,cellCtrl:n,eParentCell:r,jsChildComp:s}))},xr=(e,t,r,n,s,d,a)=>{const{compDetails:o,value:u}=e,c=!o,l=o&&o.componentFromFramework,m=o&&o.componentClass,P=u?.toString?u.toString():u,w=()=>g.default.createElement(g.default.Fragment,null,c&&g.default.createElement(g.default.Fragment,null,P),l&&!d&&g.default.createElement(m,{...o.params,key:t,ref:n}),l&&d&&g.default.createElement(m,{...o.params,key:t}));return g.default.createElement(g.default.Fragment,null,s?g.default.createElement("span",{role:"presentation",id:`cell-${r}`,className:"ag-cell-value",ref:a},w()):w())},Br=({cellCtrl:e,printLayout:t,editingRow:r})=>{const{context:n}=(0,g.useContext)(ae),{colIdSanitised:s,instanceId:d}=e,a=(0,g.useRef)(),[o,u]=(0,g.useState)(()=>e.isCellRenderer()?void 0:{compDetails:void 0,value:e.getValueToDisplay(),force:!1}),[c,l]=(0,g.useState)(),[m,P]=(0,g.useState)(1),[w,f]=(0,g.useState)(),[h,i]=(0,g.useState)(!1),[y,k]=(0,g.useState)(!1),[v,b]=(0,g.useState)(!1),[E,A]=(0,g.useState)(),M=(0,g.useMemo)(()=>e.isForceWrapper(),[e]),O=(0,g.useMemo)(()=>e.getCellAriaRole(),[e]),D=(0,g.useRef)(null),p=(0,g.useRef)(null),C=(0,g.useRef)(),x=(0,g.useRef)(),I=(0,g.useRef)(),ee=(0,g.useRef)([]),N=(0,g.useRef)(),[j,Y]=(0,g.useState)(0),W=(0,g.useCallback)(q=>{N.current=q,Y(oe=>oe+1)},[]),te=o!=null&&(h||v||y),F=M||te,$=(0,g.useCallback)(q=>{if(x.current=q,q){const oe=q.isCancelBeforeStart&&q.isCancelBeforeStart();setTimeout(()=>{oe?(e.stopEditing(!0),e.focusCell(!0)):e.cellEditorAttached()})}},[e]),H=(0,g.useRef)();H.current||(H.current=new Ze.CssClassManager(()=>D.current)),_r(o,F,N.current,j,C,D);const Q=(0,g.useRef)();(0,g.useLayoutEffect)(()=>{const q=Q.current,oe=o;if(Q.current=o,q==null||q.compDetails==null||oe==null||oe.compDetails==null)return;const ce=q.compDetails,V=oe.compDetails;if(ce.componentClass!=V.componentClass||p.current?.refresh==null)return;p.current.refresh(V.params)!=!0&&P(de=>de+1)},[o]),(0,g.useLayoutEffect)(()=>{if(!(c&&!c.compDetails.componentFromFramework))return;const oe=c.compDetails,ce=c.popup===!0,V=oe.newAgStackInstance();return V.then(X=>{if(!X)return;const de=X.getGui();$(X),ce||((M?I:D).current?.appendChild(de),X.afterGuiAttached&&X.afterGuiAttached()),A(X)}),()=>{V.then(X=>{const de=X.getGui();n.destroyBean(X),$(void 0),A(void 0),de?.parentElement?.removeChild(de)})}},[c]);const U=(0,g.useCallback)(q=>{if(I.current=q,!q){ee.current.forEach(ce=>ce()),ee.current=[];return}const oe=ce=>{if(ce){const V=ce.getGui();q.insertAdjacentElement("afterbegin",V),ee.current.push(()=>{n.destroyBean(ce),(0,Ze._removeFromParent)(V)})}return ce};if(h){const ce=e.createSelectionCheckbox();oe(ce)}v&&oe(e.createDndSource()),y&&oe(e.createRowDragComp())},[e,n,v,y,h]),ye=(0,g.useCallback)(q=>{if(D.current=q,a.current=q?n.createBean(new Ze._EmptyBean):n.destroyBean(a.current),!q||!e)return;const oe={addOrRemoveCssClass:(V,X)=>H.current.addOrRemoveCssClass(V,X),setUserStyles:V=>f(V),getFocusableElement:()=>D.current,setIncludeSelection:V=>i(V),setIncludeRowDrag:V=>k(V),setIncludeDndSource:V=>b(V),getCellEditor:()=>x.current||null,getCellRenderer:()=>p.current??C.current,getParentOfValue:()=>N.current??I.current??D.current,setRenderDetails:(V,X,de)=>{u(Re=>Re?.compDetails!==V||Re?.value!==X||Re?.force!==de?{value:X,compDetails:V,force:de}:Re)},setEditDetails:(V,X,de,Re)=>{if(V){let _e;Re?_e=new br(V.params,()=>P(Xe=>Xe+1)):V.componentFromFramework&&Ne(),l({compDetails:V,popup:X,popupPosition:de,compProxy:_e}),X||u(void 0)}else l(_e=>{_e?.compProxy&&(x.current=void 0)})}},ce=I.current||void 0;e.setComp(oe,q,ce,t,r,a.current)},[]),se=(0,g.useMemo)(()=>!!(o?.compDetails?.componentFromFramework&&Ee(o.compDetails.componentClass)),[o]);(0,g.useLayoutEffect)(()=>{D.current&&(H.current.addOrRemoveCssClass("ag-cell-value",!F),H.current.addOrRemoveCssClass("ag-cell-inline-editing",!!c&&!c.popup),H.current.addOrRemoveCssClass("ag-cell-popup-editing",!!c&&!!c.popup),H.current.addOrRemoveCssClass("ag-cell-not-inline-editing",!c||!!c.popup),e.setInlineEditingCss(),e.shouldRestoreFocus()&&!e.editing&&D.current.focus({preventScroll:!0}))});const ve=()=>g.default.createElement(g.default.Fragment,null,o!=null&&xr(o,m,d,p,F,se,W),c!=null&&Gr(c,$,D.current,e,E)),ke=(0,g.useCallback)(()=>e.onFocusOut(),[]);return g.default.createElement("div",{ref:ye,style:w,role:O,"col-id":s,onBlur:ke},F?g.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:U},ve()):ve())},Ar=(0,g.memo)(Br),Or=({rowCtrl:e,containerType:t})=>{const{context:r,gos:n}=(0,G.useContext)(ae),s=(0,G.useRef)(),d=(0,G.useRef)(e.getDomOrder()),a=e.isFullWidth(),o=e.rowNode.displayed,[u,c]=(0,G.useState)(()=>o?e.rowNode.getRowIndexString():null),[l,m]=(0,G.useState)(()=>e.rowId),[P,w]=(0,G.useState)(()=>e.businessKey),[f,h]=(0,G.useState)(()=>e.rowStyles),i=(0,G.useRef)(null),y=(0,G.useRef)(null),[k,v]=(0,G.useState)(()=>null),[b,E]=(0,G.useState)(),[A,M]=(0,G.useState)(()=>o?e.getInitialRowTop(t):void 0),[O,D]=(0,G.useState)(()=>o?e.getInitialTransform(t):void 0),p=(0,G.useRef)(null),C=(0,G.useRef)(),x=(0,G.useRef)(!1),[I,ee]=(0,G.useState)(0);(0,G.useEffect)(()=>{if(x.current||!b||I>10)return;const U=p.current?.firstChild;U?(e.setupDetailRowAutoHeight(U),x.current=!0):ee(ye=>ye+1)},[b,I]);const N=(0,G.useRef)();N.current||(N.current=new mt.CssClassManager(()=>p.current));const j=(0,G.useCallback)(U=>{if(p.current=U,s.current=U?r.createBean(new mt._EmptyBean):r.destroyBean(s.current),!U){e.unsetComp(t);return}if(!e.isAlive())return;const ye={setTop:M,setTransform:D,addOrRemoveCssClass:(se,ve)=>N.current.addOrRemoveCssClass(se,ve),setDomOrder:se=>d.current=se,setRowIndex:c,setRowId:m,setRowBusinessKey:w,setUserStyles:h,setCellCtrls:(se,ve)=>{y.current=i.current,i.current=se;const ke=qe(y.current,se,d.current);ke!==y.current&&$e(ve,()=>v(ke))},showFullWidth:se=>E(se),getFullWidthCellRenderer:()=>C.current,refreshFullWidth:se=>$.current?(E(ve=>({...ve,params:se()})),!0):!C.current||!C.current.refresh?!1:C.current.refresh(se())};e.setComp(ye,U,t,s.current)},[]);(0,G.useLayoutEffect)(()=>Ge(b,r,p.current,C),[b]);const Y=(0,G.useMemo)(()=>{const U={top:A,transform:O};return Object.assign(U,f),U},[A,O,f]),W=a&&b?.componentFromFramework,te=!a&&k!=null,F=(0,G.useMemo)(()=>!!(b?.componentFromFramework&&Ee(b.componentClass)),[b]),$=(0,G.useRef)(!1);(0,G.useEffect)(()=>{$.current=F&&!!b&&!!n.get("reactiveCustomComponents")},[F,b]);const H=()=>k?.map(U=>G.default.createElement(Ar,{cellCtrl:U,editingRow:e.editing,printLayout:e.printLayout,key:U.instanceId})),Q=()=>{const U=b.componentClass;return G.default.createElement(G.default.Fragment,null,F?G.default.createElement(U,{...b.params}):G.default.createElement(U,{...b.params,ref:C}))};return G.default.createElement("div",{ref:j,role:"row",style:Y,"row-index":u,"row-id":l,"row-business-key":P},te&&H(),W&&Q())},Dr=(0,G.memo)(Or),Ir=({name:e})=>{const{context:t}=(0,K.useContext)(ae),r=(0,K.useMemo)(()=>(0,pt._getRowContainerOptions)(e),[e]),n=(0,K.useRef)(null),s=(0,K.useRef)(null),d=(0,K.useRef)([]),a=(0,K.useRef)([]),[o,u]=(0,K.useState)(()=>[]),c=(0,K.useRef)(!1),l=(0,K.useRef)(),m=(0,K.useMemo)(()=>he(r.viewport),[r]),P=(0,K.useMemo)(()=>he(r.container),[r]),w=r.type==="center",f=w?n:s;be(" AG Row Container "+e+" ",f);const h=(0,K.useCallback)(()=>w?n.current!=null&&s.current!=null:s.current!=null,[]),i=(0,K.useCallback)(()=>w?n.current==null&&s.current==null:s.current==null,[]),y=(0,K.useCallback)(()=>{if(i()&&(l.current=t.destroyBean(l.current)),h()){const E=M=>{const O=qe(a.current,d.current,c.current);O!==a.current&&(a.current=O,$e(M,()=>u(O)))},A={setHorizontalScroll:M=>{n.current&&(n.current.scrollLeft=M)},setViewportHeight:M=>{n.current&&(n.current.style.height=M)},setRowCtrls:({rowCtrls:M,useFlushSync:O})=>{const D=!!O&&d.current.length>0&&M.length>0;d.current=M,E(D)},setDomOrder:M=>{c.current!=M&&(c.current=M,E(!1))},setContainerWidth:M=>{s.current&&(s.current.style.width=M)},setOffsetTop:M=>{s.current&&(s.current.style.transform=`translateY(${M})`)}};l.current=t.createBean(new pt.RowContainerCtrl(e)),l.current.setComp(A,s.current,n.current)}},[h,i]),k=(0,K.useCallback)(E=>{s.current=E,y()},[y]),v=(0,K.useCallback)(E=>{n.current=E,y()},[y]),b=()=>K.default.createElement("div",{className:P,ref:k,role:"rowgroup"},o.map(E=>K.default.createElement(Dr,{rowCtrl:E,containerType:r.type,key:E.instanceId})));return K.default.createElement(K.default.Fragment,null,w?K.default.createElement("div",{className:m,ref:v,role:"presentation"},b()):b())},Wr=(0,K.memo)(Ir),Tr=()=>{const e=(0,S.useContext)(ae),{context:t,overlays:r}=e,[n,s]=(0,S.useState)(""),[d,a]=(0,S.useState)(0),[o,u]=(0,S.useState)(0),[c,l]=(0,S.useState)("0px"),[m,P]=(0,S.useState)("0px"),[w,f]=(0,S.useState)("100%"),[h,i]=(0,S.useState)("0px"),[y,k]=(0,S.useState)("0px"),[v,b]=(0,S.useState)("100%"),[E,A]=(0,S.useState)(""),[M,O]=(0,S.useState)(""),[D,p]=(0,S.useState)(null),[C,x]=(0,S.useState)(""),[I,ee]=(0,S.useState)(null),[N,j]=(0,S.useState)("ag-layout-normal"),Y=(0,S.useRef)();Y.current||(Y.current=new we.CssClassManager(()=>W.current));const W=(0,S.useRef)(null),te=(0,S.useRef)(null),F=(0,S.useRef)(null),$=(0,S.useRef)(null),H=(0,S.useRef)(null),Q=(0,S.useRef)(null),U=(0,S.useRef)(null),ye=(0,S.useRef)([]),se=(0,S.useRef)([]);be(" AG Grid Body ",W),be(" AG Pinned Top ",te),be(" AG Sticky Top ",F),be(" AG Middle ",Q),be(" AG Pinned Bottom ",U);const ve=(0,S.useCallback)(Ce=>{if(W.current=Ce,!Ce){ye.current=t.destroyBeans(ye.current),se.current.forEach(J=>J()),se.current=[];return}if(!t)return;const Le=(J,pe)=>{J.appendChild(pe),se.current.push(()=>J.removeChild(pe))},et=J=>{const pe=t.createBean(new J);return ye.current.push(pe),pe},Ie=(J,pe,ls)=>{Le(J,document.createComment(ls)),Le(J,et(pe).getGui())};Ie(Ce,we.FakeHScrollComp," AG Fake Horizontal Scroll ");const yt=r?.getOverlayWrapperCompClass();yt&&Ie(Ce,yt," AG Overlay Wrapper "),H.current&&Ie(H.current,we.FakeVScrollComp," AG Fake Vertical Scroll ");const is={setRowAnimationCssOnBodyViewport:s,setColumnCount:J=>{W.current&&(0,we._setAriaColCount)(W.current,J)},setRowCount:J=>{W.current&&(0,we._setAriaRowCount)(W.current,J)},setTopHeight:a,setBottomHeight:u,setStickyTopHeight:l,setStickyTopTop:P,setStickyTopWidth:f,setTopDisplay:A,setBottomDisplay:O,setColumnMovingCss:(J,pe)=>Y.current.addOrRemoveCssClass(J,pe),updateLayoutClasses:j,setAlwaysVerticalScrollClass:p,setPinnedTopBottomOverflowY:x,setCellSelectableCss:(J,pe)=>ee(pe?J:null),setBodyViewportWidth:J=>{Q.current&&(Q.current.style.width=J)},registerBodyViewportResizeListener:J=>{if(Q.current){const pe=(0,we._observeResize)(e,Q.current,J);se.current.push(()=>pe())}},setStickyBottomHeight:i,setStickyBottomBottom:k,setStickyBottomWidth:b,setGridRootRole:J=>Ce.setAttribute("role",J)},vt=t.createBean(new we.GridBodyCtrl);ye.current.push(vt),vt.setComp(is,Ce,Q.current,te.current,U.current,F.current,$.current)},[]),ke=(0,S.useMemo)(()=>he("ag-root","ag-unselectable",N),[N]),q=(0,S.useMemo)(()=>he("ag-body-viewport",n,N,D,I),[n,N,D,I]),oe=(0,S.useMemo)(()=>he("ag-body",N),[N]),ce=(0,S.useMemo)(()=>he("ag-floating-top",I),[I]),V=(0,S.useMemo)(()=>he("ag-sticky-top",I),[I]),X=(0,S.useMemo)(()=>he("ag-sticky-bottom",h==="0px"?"ag-hidden":null,I),[I,h]),de=(0,S.useMemo)(()=>he("ag-floating-bottom",I),[I]),Re=(0,S.useMemo)(()=>({height:d,minHeight:d,display:E,overflowY:C}),[d,E,C]),_e=(0,S.useMemo)(()=>({height:c,top:m,width:w}),[c,m,w]),Xe=(0,S.useMemo)(()=>({height:h,bottom:y,width:v}),[h,y,v]),as=(0,S.useMemo)(()=>({height:o,minHeight:o,display:M,overflowY:C}),[o,M,C]),cs=Ce=>S.default.createElement(Wr,{name:Ce,key:`${Ce}-container`}),De=({section:Ce,children:Le,className:et,style:Ie})=>S.default.createElement("div",{ref:Ce,className:et,role:"presentation",style:Ie},Le.map(cs));return S.default.createElement("div",{ref:ve,className:ke},S.default.createElement(yr,null),De({section:te,className:ce,style:Re,children:["topLeft","topCenter","topRight","topFullWidth"]}),S.default.createElement("div",{className:oe,ref:H,role:"presentation"},De({section:Q,className:q,children:["left","center","right","fullWidth"]})),De({section:F,className:V,style:_e,children:["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"]}),De({section:$,className:X,style:Xe,children:["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"]}),De({section:U,className:de,style:as,children:["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"]}))},Nr=(0,S.memo)(Tr),ue=Z(R("react")),Ve=R("ag-grid-community"),Hr=(e,t)=>{const{children:r,eFocusableElement:n,onTabKeyDown:s,gridCtrl:d,forceFocusOutWhenTabGuardsAreEmpty:a}=e,{context:o}=(0,ue.useContext)(ae),u=(0,ue.useRef)(null),c=(0,ue.useRef)(null),l=(0,ue.useRef)(),m=i=>{const y=i==null?void 0:parseInt(i,10).toString();[u,c].forEach(k=>{y===void 0?k.current?.removeAttribute("tabindex"):k.current?.setAttribute("tabindex",y)})};(0,ue.useImperativeHandle)(t,()=>({forceFocusOutOfContainer(i){l.current?.forceFocusOutOfContainer(i)}}));const P=(0,ue.useCallback)(()=>{const i=u.current,y=c.current;if(!i&&!y){l.current=o.destroyBean(l.current);return}if(i&&y){const k={setTabIndex:m};l.current=o.createBean(new Ve.TabGuardCtrl({comp:k,eTopGuard:i,eBottomGuard:y,eFocusableElement:n,onTabKeyDown:s,forceFocusOutWhenTabGuardsAreEmpty:a,focusInnerElement:v=>d.focusInnerElement(v)}))}},[]),w=(0,ue.useCallback)(i=>{u.current=i,P()},[P]),f=(0,ue.useCallback)(i=>{c.current=i,P()},[P]),h=i=>{const y=i==="top"?Ve.TabGuardClassNames.TAB_GUARD_TOP:Ve.TabGuardClassNames.TAB_GUARD_BOTTOM;return ue.default.createElement("div",{className:`${Ve.TabGuardClassNames.TAB_GUARD} ${y}`,role:"presentation",ref:i==="top"?w:f})};return ue.default.createElement(ue.default.Fragment,null,h("top"),r,h("bottom"))},Ur=(0,ue.forwardRef)(Hr),Vr=(0,ue.memo)(Ur),Lr=({context:e})=>{const[t,r]=(0,L.useState)(""),[n,s]=(0,L.useState)(""),[d,a]=(0,L.useState)(null),[o,u]=(0,L.useState)(null),[c,l]=(0,L.useState)(!1),[m,P]=(0,L.useState)(),w=(0,L.useRef)(),f=(0,L.useRef)(null),h=(0,L.useRef)(),[i,y]=(0,L.useState)(null),k=(0,L.useRef)(()=>{}),v=(0,L.useRef)(),b=(0,L.useRef)([]),E=(0,L.useCallback)(()=>{},[]),A=(0,L.useMemo)(()=>e.isDestroyed()?null:e.getBeans(),[e]);be(" AG Grid ",f);const M=(0,L.useCallback)(x=>{if(f.current=x,w.current=x?e.createBean(new sr.GridCtrl):e.destroyBean(w.current),!x||e.isDestroyed())return;const I=w.current;k.current=I.focusInnerElement.bind(I);const ee={destroyGridUi:()=>{},setRtlClass:r,forceFocusOutOfContainer:N=>{if(!N&&v.current?.isDisplayed()){v.current.forceFocusOutOfContainer(N);return}h.current?.forceFocusOutOfContainer(N)},updateLayoutClasses:s,getFocusableContainers:()=>{const N=[],j=f.current?.querySelector(".ag-root");return j&&N.push({getGui:()=>j}),b.current.forEach(Y=>{Y.isDisplayed()&&N.push(Y)}),N},setCursor:a,setUserSelect:u};I.setComp(ee,x,x),l(!0)},[]);(0,L.useEffect)(()=>{const x=w.current,I=f.current;if(!m||!A||!x||!i||!I)return;const ee=[],{watermarkSelector:N,paginationSelector:j,sideBarSelector:Y,statusBarSelector:W,gridHeaderDropZonesSelector:te}=x.getOptionalSelectors(),F=[];if(te){const H=e.createBean(new te.component),Q=H.getGui();I.insertAdjacentElement("afterbegin",Q),F.push(Q),ee.push(H)}if(Y){const H=e.createBean(new Y.component),Q=H.getGui(),U=i.querySelector(".ag-tab-guard-bottom");U&&(U.insertAdjacentElement("beforebegin",Q),F.push(Q)),ee.push(H),b.current.push(H)}const $=H=>{const Q=e.createBean(new H),U=Q.getGui();return I.insertAdjacentElement("beforeend",U),F.push(U),ee.push(Q),Q};if(W&&$(W.component),j){const H=$(j.component);v.current=H,b.current.push(H)}return N&&$(N.component),()=>{e.destroyBeans(ee),F.forEach(H=>{H.parentElement?.removeChild(H)})}},[m,i,A]);const O=(0,L.useMemo)(()=>he("ag-root-wrapper",t,n),[t,n]),D=(0,L.useMemo)(()=>he("ag-root-wrapper-body","ag-focus-managed",n),[n]),p=(0,L.useMemo)(()=>({userSelect:o??"",WebkitUserSelect:o??"",cursor:d??""}),[o,d]),C=(0,L.useCallback)(x=>{h.current=x,P(x!==null)},[]);return L.default.createElement("div",{ref:M,className:O,style:p,role:"presentation"},L.default.createElement("div",{className:D,ref:y,role:"presentation"},c&&i&&A&&L.default.createElement(ae.Provider,{value:A},L.default.createElement(Vr,{ref:C,eFocusableElement:i,onTabKeyDown:E,gridCtrl:w.current,forceFocusOutWhenTabGuardsAreEmpty:!0},L.default.createElement(Nr,null)))))},jr=(0,L.memo)(Lr),zr=R("ag-grid-community"),$r=class extends zr.BeanStub{wireBeans(e){this.ctrlsSvc=e.ctrlsSvc}areHeaderCellsRendered(){return this.ctrlsSvc.getHeaderRowContainerCtrls().every(e=>e.getAllCtrls().every(t=>t.areCellsRendered()))}},qr={gridOptions:void 0,modules:void 0,containerStyle:void 0,className:void 0,setGridApi:void 0,componentWrappingElement:void 0,maxComponentCreationTimeMs:void 0,children:void 0},Ct=new Set(Object.keys(qr)),gt=e=>{const t=(0,_.useRef)(),r=(0,_.useRef)(null),n=(0,_.useRef)(null),s=(0,_.useRef)([]),d=(0,_.useRef)([]),a=(0,_.useRef)(e),o=(0,_.useRef)(),u=(0,_.useRef)(),c=(0,_.useRef)(!1),[l,m]=(0,_.useState)(void 0),[,P]=(0,_.useState)(0),w=(0,_.useCallback)(i=>{if(r.current=i,!i){s.current.forEach(p=>p()),s.current.length=0;return}const y=e.modules||[];n.current||(n.current=new rr(()=>P(p=>p+1),e.componentWrappingElement,e.maxComponentCreationTimeMs),s.current.push(()=>{n.current?.destroy(),n.current=null}));const k=(0,fe._combineAttributesAndGridOptions)(e.gridOptions,e,Object.keys(e).filter(p=>!Ct.has(p))),v=()=>{if(c.current){const p=()=>o.current?.shouldQueueUpdates()?void 0:d.current.shift();let C=p();for(;C;)C(),C=p()}},b=new Yr(v);o.current=b;const E=new $r,A={providedBeanInstances:{frameworkCompWrapper:new Kr(n.current,k.reactiveCustomComponents??(0,fe._getGlobalGridOption)("reactiveCustomComponents")??!0),renderStatus:E},modules:y,frameworkOverrides:b,setThemeOnGridDiv:!0},M=p=>{m(p),p.createBean(E),s.current.push(()=>{p.destroy()}),p.getBean("ctrlsSvc").whenReady({addDestroyFunc:C=>{s.current.push(C)}},()=>{if(p.isDestroyed())return;const C=t.current;C&&e.setGridApi?.(C)})},O=p=>{p.getBean("ctrlsSvc").whenReady({addDestroyFunc:C=>{s.current.push(C)}},()=>{d.current.forEach(C=>C()),d.current.length=0,c.current=!0})},D=new fe.GridCoreCreator;k.gridId??(k.gridId=u.current),t.current=D.create(i,k,M,O,A),s.current.push(()=>{t.current=void 0}),t.current&&(u.current=t.current.getGridId())},[]),f=(0,_.useMemo)(()=>({height:"100%",...e.containerStyle||{}}),[e.containerStyle]),h=(0,_.useCallback)(i=>{c.current&&!o.current?.shouldQueueUpdates()?i():d.current.push(i)},[]);return(0,_.useEffect)(()=>{const i=Jr(a.current,e);a.current=e,h(()=>{t.current&&(0,fe._processOnChange)(i,t.current)})},[e]),_.default.createElement("div",{style:f,className:e.className,ref:w},l&&!l.isDestroyed()?_.default.createElement(jr,{context:l}):null,n.current?.getPortals()??null)};function Jr(e,t){const r={};return Object.keys(t).forEach(n=>{if(Ct.has(n))return;const s=t[n];e[n]!==s&&(r[n]=s)}),r}var Kr=class extends fe.BaseComponentWrapper{constructor(e,t){super(),this.parent=e,this.reactiveCustomComponents=t}createWrapper(e,t){if(this.reactiveCustomComponents){const s=(d=>{switch(d){case"filter":return zt;case"floatingFilterComponent":return Jt;case"dateComponent":return Lt;case"dragAndDropImageComponent":return jt;case"loadingOverlayComponent":return Kt;case"noRowsOverlayComponent":return Yt;case"statusPanel":return Zt;case"toolPanel":return Xt;case"menuItem":return Qt;case"cellRenderer":return Vt}})(t.name);if(s)return new s(e,this.parent,t)}else switch(t.name){case"filter":case"floatingFilterComponent":case"dateComponent":case"dragAndDropImageComponent":case"loadingOverlayComponent":case"noRowsOverlayComponent":case"statusPanel":case"toolPanel":case"menuItem":case"cellRenderer":Ne();break}const r=!t.cellRenderer&&t.name!=="toolPanel";return new it(e,this.parent,t,r)}},Qr=(0,_.forwardRef)((e,t)=>{const r=(0,_.useContext)(ae),{registry:n,context:s,gos:d,rowModel:a}=r,[o,u]=(0,_.useState)(()=>new me),[c,l]=(0,_.useState)(()=>new me),[m,P]=(0,_.useState)(),[w,f]=(0,_.useState)(),h=(0,_.useRef)(),i=(0,_.useRef)(null),y=(0,_.useRef)(),k=(0,_.useMemo)(()=>(0,fe._getGridRegisteredModules)(e.api.getGridId(),m?.rowModelType??"clientSide"),[e]),v=(0,_.useMemo)(()=>o.toString()+" ag-details-row",[o]),b=(0,_.useMemo)(()=>c.toString()+" ag-details-grid",[c]);t&&(0,_.useImperativeHandle)(t,()=>({refresh(){return h.current?.refresh()??!1}})),e.template&&(0,fe._warn)(230);const E=(0,_.useCallback)(M=>{if(i.current=M,!M){h.current=s.destroyBean(h.current),y.current?.();return}const O={addOrRemoveCssClass:(p,C)=>u(x=>x.setClass(p,C)),addOrRemoveDetailGridCssClass:(p,C)=>l(x=>x.setClass(p,C)),setDetailGrid:p=>P(p),setRowData:p=>f(p),getGui:()=>i.current},D=n.createDynamicBean("detailCellRendererCtrl",!0);if(D&&(s.createBean(D),D.init(O,e),h.current=D,d.get("detailRowAutoHeight"))){const p=()=>{if(i.current==null)return;const C=i.current.clientHeight;C!=null&&C>0&&setTimeout(()=>{e.node.setRowHeight(C),((0,fe._isClientSideRowModel)(d,a)||(0,fe._isServerSideRowModel)(d,a))&&a.onRowHeightChanged()},0)};y.current=(0,fe._observeResize)(r,M,p),p()}},[]),A=(0,_.useCallback)(M=>{h.current?.registerDetailWithMaster(M)},[]);return _.default.createElement("div",{className:v,ref:E},m&&_.default.createElement(gt,{className:b,...m,modules:k,rowData:w,setGridApi:A}))}),Yr=class extends fe.VanillaFrameworkOverrides{constructor(e){super("react"),this.processQueuedUpdates=e,this.queueUpdates=!1,this.frameworkComponents={agGroupCellRenderer:at,agGroupRowRenderer:at,agDetailCellRenderer:Qr},this.wrapIncoming=(t,r)=>r==="ensureVisible"?Dt(t):t(),this.renderingEngine="react"}frameworkComponent(e){return this.frameworkComponents[e]}isFrameworkComponent(e){if(!e)return!1;const t=e.prototype;return!(t&&"getGui"in t)}getLockOnRefresh(){this.queueUpdates=!0}releaseLockOnRefresh(){this.queueUpdates=!1,this.processQueuedUpdates()}shouldQueueUpdates(){return this.queueUpdates}runWhenReadyAsync(){return Ot()}},Zr=class extends st.Component{constructor(){super(...arguments),this.apiListeners=[],this.setGridApi=e=>{this.api=e,this.apiListeners.forEach(t=>t(e))}}registerApiListener(e){this.apiListeners.push(e)}componentWillUnmount(){this.apiListeners.length=0}render(){return st.default.createElement(gt,{...this.props,setGridApi:this.setGridApi})}},Xr=R("react");function Oe(e){const{setMethods:t}=(0,Xr.useContext)(Be);t(e)}function es(e){Oe(e)}function ts(e){return Oe(e)}function rs(e){return Oe(e)}function ss(e){Oe(e)}function ns(e){Oe(e)}if(typeof Fe.exports=="object"&&typeof je=="object"){var os=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Object.getOwnPropertyNames(t))!Object.prototype.hasOwnProperty.call(e,s)&&s!==r&&Object.defineProperty(e,s,{get:()=>t[s],enumerable:!(n=Object.getOwnPropertyDescriptor(t,s))||n.enumerable});return e};Fe.exports=os(Fe.exports,je)}return Fe.exports});
+(function(Pe,Ee){typeof exports=="object"&&typeof module=="object"?module.exports=Ee(require("ag-grid-community"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define("AgGridReact",["ag-grid-community","react","react-dom"],Ee):typeof exports=="object"?exports.AgGridReact=Ee(require("ag-grid-community"),require("react"),require("react-dom")):Pe.AgGridReact=Ee(Pe.agGrid,Pe.React,Pe.ReactDOM)})(typeof self<"u"?self:typeof globalThis<"u"?globalThis:this,(Pe,Ee,Pt)=>{var Je={},Ge={exports:Je};if(typeof R>"u")var R=function(t){if(t==="ag-grid-community")return Pe;if(t==="react")return Ee;if(t==="react-dom")return Pt;throw new Error("Unknown module: "+t)};var Et=Object.create,Te=Object.defineProperty,Mt=Object.getOwnPropertyDescriptor,kt=Object.getOwnPropertyNames,_t=Object.getPrototypeOf,Ft=Object.prototype.hasOwnProperty,Gt=(e,t)=>{for(var r in t)Te(e,r,{get:t[r],enumerable:!0})},nt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of kt(t))!Ft.call(e,s)&&s!==r&&Te(e,s,{get:()=>t[s],enumerable:!(n=Mt(t,s))||n.enumerable});return e},X=(e,t,r)=>(r=e!=null?Et(_t(e)):{},nt(t||!e||!e.__esModule?Te(r,"default",{value:e,enumerable:!0}):r,e)),xt=e=>nt(Te({},"__esModule",{value:!0}),e),ot={};Gt(ot,{AgGridReact:()=>rs,CustomComponentContext:()=>Be,getInstance:()=>or,useGridCellEditor:()=>ns,useGridDate:()=>os,useGridFilter:()=>as,useGridFloatingFilter:()=>cs,useGridMenuItem:()=>is,warnReactiveCustomComponents:()=>Ve}),Ge.exports=xt(ot);var at=X(R("react")),B=X(R("react")),ye=R("ag-grid-community"),T=X(R("react")),At=R("ag-grid-community"),Bt=X(R("react")),oe=Bt.default.createContext({}),xe=(e,t,r,n)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const i=e.newAgStackInstance();let c,o,l=!1;return i.then(a=>{if(l){t.destroyBean(a);return}c=a,o=c.getGui(),r.appendChild(o),ct(n,c)}),()=>{l=!0,c&&(o?.parentElement?.removeChild(o),t.destroyBean(c),n&&ct(n,void 0))}},ct=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},Ot=X(R("react")),Dt=X(R("react-dom")),fe=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),he=class bt{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const s=new bt;return s.classesMap={...this.classesMap},s.classesMap[t]=r,s}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},Me=e=>{const t=()=>typeof Symbol=="function"&&Symbol.for,r=()=>t()?Symbol.for("react.memo"):60115;return typeof e=="function"&&!(e.prototype&&e.prototype.isReactComponent)||typeof e=="object"&&e.$$typeof===r()},Ke=Ot.default.version?.split(".")[0],It=Ke==="16"||Ke==="17";function Wt(){return Ke==="19"}var Ne=!1;function Tt(e){return Ne||setTimeout(()=>Ne=!1,0),Ne=!0,e()}var He=(e,t)=>{!It&&e&&!Ne?Dt.default.flushSync(t):t()};function Ue(e,t,r){if(t==null||e==null)return t;if(e===t||t.length===0&&e.length===0)return e;if(r||e.length===0&&t.length>0||e.length>0&&t.length===0)return t;const n=[],s=[],i=new Map,c=new Map;for(let o=0;o<t.length;o++){const l=t[o];c.set(l.instanceId,l)}for(let o=0;o<e.length;o++){const l=e[o];i.set(l.instanceId,l),c.has(l.instanceId)&&n.push(l)}for(let o=0;o<t.length;o++){const l=t[o],a=l.instanceId;i.has(a)||s.push(l)}return n.length===e.length&&s.length===0?e:n.length===0&&s.length===t.length?t:n.length===0?s:s.length===0?n:[...n,...s]}var it=(0,T.forwardRef)((e,t)=>{const{registry:r,context:n}=(0,T.useContext)(oe),s=(0,T.useRef)(null),i=(0,T.useRef)(null),c=(0,T.useRef)(null),o=(0,T.useRef)(null),l=(0,T.useRef)(null),a=(0,T.useRef)(),[f,P]=(0,T.useState)(),[h,u]=(0,T.useState)(),[w,g]=(0,T.useState)(),[p,d]=(0,T.useState)(()=>new he),[S,k]=(0,T.useState)(()=>new he("ag-hidden")),[E,b]=(0,T.useState)(()=>new he("ag-hidden")),[O,U]=(0,T.useState)(()=>new he("ag-invisible"));(0,T.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,T.useLayoutEffect)(()=>xe(f,n,i.current),[f]);const J=(0,T.useCallback)(Q=>{if(s.current=Q,!Q){a.current=n.destroyBean(a.current);return}const C={setInnerRenderer:(_,H)=>{P(_),g(H)},setChildCount:_=>u(_),addOrRemoveCssClass:(_,H)=>d(te=>te.setClass(_,H)),setContractedDisplayed:_=>b(H=>H.setClass("ag-hidden",!_)),setExpandedDisplayed:_=>k(H=>H.setClass("ag-hidden",!_)),setCheckboxVisible:_=>U(H=>H.setClass("ag-invisible",!_))},L=r.createDynamicBean("groupCellRendererCtrl",!0);L&&(a.current=n.createBean(L),a.current.init(C,Q,c.current,o.current,l.current,it,e))},[]),A=(0,T.useMemo)(()=>`ag-cell-wrapper ${p.toString()}`,[p]),y=(0,T.useMemo)(()=>`ag-group-expanded ${S.toString()}`,[S]),M=(0,T.useMemo)(()=>`ag-group-contracted ${E.toString()}`,[E]),x=(0,T.useMemo)(()=>`ag-group-checkbox ${O.toString()}`,[O]),v=f&&f.componentFromFramework,K=v?f.componentClass:void 0,G=f==null&&w!=null,$=(0,At._escapeString)(w,!0);return T.default.createElement("span",{className:A,ref:J,...e.colDef?{}:{role:a.current?.getCellAriaRole()}},T.default.createElement("span",{className:y,ref:o}),T.default.createElement("span",{className:M,ref:l}),T.default.createElement("span",{className:x,ref:c}),T.default.createElement("span",{className:"ag-group-value",ref:i},G&&T.default.createElement(T.default.Fragment,null,$),v&&T.default.createElement(K,{...f.params})),T.default.createElement("span",{className:"ag-group-child-count"},h))}),lt=it,Qe=R("ag-grid-community"),Ae=X(R("react")),Nt=R("react"),Be=(0,Nt.createContext)({setMethods:()=>{}}),Ht=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:n,setMethods:s}=e,[{key:i,...c},o]=(0,Ae.useState)(t);return(0,Ae.useEffect)(()=>{r(l=>o(l))},[]),Ae.default.createElement(Be.Provider,{value:{setMethods:s}},Ae.default.createElement(n,{key:i,...c}))},Ut=(0,Ae.memo)(Ht),Vt=R("react"),Lt=R("react-dom"),Ye=R("ag-grid-community"),jt=0;function ut(){return`agPortalKey_${++jt}`}var dt=class{constructor(e,t,r,n){this.portal=null,this.oldPortal=null,this.reactComponent=e,this.portalManager=t,this.componentType=r,this.suppressFallbackMethods=!!n,this.statelessComponent=this.isStateless(this.reactComponent),this.key=ut(),this.portalKey=ut(),this.instanceCreated=this.isStatelessComponent()?Ye.AgPromise.resolve(!1):new Ye.AgPromise(s=>{this.resolveInstanceCreated=s})}getGui(){return this.eParentElement}getRootElement(){return this.eParentElement.firstChild}destroy(){this.componentInstance&&typeof this.componentInstance.destroy=="function"&&this.componentInstance.destroy();const e=this.portal;e&&this.portalManager.destroyPortal(e)}createParentElement(e){const t=this.portalManager.getComponentWrappingElement(),r=document.createElement(t||"div");return r.classList.add("ag-react-container"),e.reactContainer=r,r}statelessComponentRendered(){return this.eParentElement.childElementCount>0||this.eParentElement.childNodes.length>0}getFrameworkComponentInstance(){return this.componentInstance}isStatelessComponent(){return this.statelessComponent}getReactComponentName(){return this.reactComponent.name}getMemoType(){return this.hasSymbol()?Symbol.for("react.memo"):60115}hasSymbol(){return typeof Symbol=="function"&&Symbol.for}isStateless(e){return typeof e=="function"&&!(e.prototype&&e.prototype.isReactComponent)||typeof e=="object"&&e.$$typeof===this.getMemoType()}hasMethod(e){const t=this.getFrameworkComponentInstance();return!!t&&t[e]!=null||this.fallbackMethodAvailable(e)}callMethod(e,t){const r=this.getFrameworkComponentInstance();if(this.isStatelessComponent())return this.fallbackMethod(e,t&&t[0]?t[0]:{});if(!r){setTimeout(()=>this.callMethod(e,t));return}const n=r[e];if(n)return n.apply(r,t);if(this.fallbackMethodAvailable(e))return this.fallbackMethod(e,t&&t[0]?t[0]:{})}addMethod(e,t){this[e]=t}init(e){return this.eParentElement=this.createParentElement(e),this.createOrUpdatePortal(e),new Ye.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,Lt.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,Vt.createElement)(e,t)}createReactComponent(e){this.portalManager.mountReactPortal(this.portal,this,e)}rendered(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!!(!this.isStatelessComponent()&&this.getFrameworkComponentInstance())}refreshComponent(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)}fallbackMethod(e,t){const r=this[`${e}Component`];if(!this.suppressFallbackMethods&&r)return r.bind(this)(t)}fallbackMethodAvailable(e){return this.suppressFallbackMethods?!1:!!this[`${e}Component`]}};function Ze(e,t,r){e.forEach(n=>{const s=t[n];s&&(r[n]=s)})}var ve=class extends dt{constructor(){super(...arguments),this.awaitUpdateCallback=new Qe.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=Ut}init(e){return this.sourceParams=e,super.init(this.getProps())}addMethod(){}getInstance(){return this.instanceCreated.then(()=>this.componentInstance)}getFrameworkComponentInstance(){return this}createElement(e,t){return super.createElement(this.wrapperComponent,{initialProps:t,CustomComponentClass:e,setMethods:r=>this.setMethods(r),addUpdateCallback:r=>{this.updateCallback=()=>(r(this.getProps()),new Qe.AgPromise(n=>{setTimeout(()=>{n()})})),this.resolveUpdateCallback()}})}setMethods(e){this.providedMethods=e,Ze(this.getOptionalMethods(),this.providedMethods,this)}getOptionalMethods(){return[]}getProps(){return{...this.sourceParams,key:this.key,ref:this.ref}}refreshProps(){return this.updateCallback?this.updateCallback():new Qe.AgPromise(e=>this.awaitUpdateCallback.then(()=>{this.updateCallback().then(()=>e())}))}},zt=class extends ve{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},$t=class extends ve{constructor(){super(...arguments),this.date=null,this.onDateChange=e=>this.updateDate(e)}getDate(){return this.date}setDate(e){this.date=e,this.refreshProps()}refresh(e){this.sourceParams=e,this.refreshProps()}getOptionalMethods(){return["afterGuiAttached","setInputPlaceholder","setInputAriaLabel","setDisabled"]}updateDate(e){this.setDate(e),this.sourceParams.onDateChanged()}getProps(){const e=super.getProps();return e.date=this.date,e.onDateChange=this.onDateChange,delete e.onDateChanged,e}},qt=class extends ve{constructor(){super(...arguments),this.label="",this.icon=null,this.shake=!1}setIcon(e,t){this.icon=e,this.shake=t,this.refreshProps()}setLabel(e){this.label=e,this.refreshProps()}getProps(){const e=super.getProps(),{label:t,icon:r,shake:n}=this;return e.label=t,e.icon=r,e.shake=n,e}},Jt=R("ag-grid-community"),Kt=class extends ve{constructor(){super(...arguments),this.model=null,this.onModelChange=e=>this.updateModel(e),this.onUiChange=()=>this.sourceParams.filterModifiedCallback(),this.expectingNewMethods=!0,this.hasBeenActive=!1,this.awaitSetMethodsCallback=new Jt.AgPromise(e=>{this.resolveSetMethodsCallback=e})}isFilterActive(){return this.model!=null}doesFilterPass(e){return this.providedMethods.doesFilterPass(e)}getModel(){return this.model}setModel(e){return this.expectingNewMethods=!0,this.model=e,this.hasBeenActive||(this.hasBeenActive=this.isFilterActive()),this.refreshProps()}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}afterGuiAttached(e){const t=this.providedMethods;t?t.afterGuiAttached?.(e):this.awaitSetMethodsCallback.then(()=>this.providedMethods?.afterGuiAttached?.(e))}getOptionalMethods(){return["afterGuiAttached","afterGuiDetached","onNewRowsLoaded","getModelAsString","onAnyFilterChanged"]}setMethods(e){this.expectingNewMethods===!1&&this.hasBeenActive&&this.providedMethods?.doesFilterPass!==e?.doesFilterPass&&setTimeout(()=>{this.sourceParams.filterChangedCallback()}),this.expectingNewMethods=!1,super.setMethods(e),this.resolveSetMethodsCallback()}updateModel(e){this.setModel(e).then(()=>this.sourceParams.filterChangedCallback())}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e.onUiChange=this.onUiChange,delete e.filterChangedCallback,delete e.filterModifiedCallback,e}},Qt=R("ag-grid-community");function pt(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||Qt.AgPromise.resolve()).then(()=>{e.filterParams.filterChangedCallback()})})}var Yt=class{constructor(e,t){this.floatingFilterParams=e,this.refreshProps=t,this.model=null,this.onModelChange=r=>this.updateModel(r)}getProps(){return{...this.floatingFilterParams,model:this.model,onModelChange:this.onModelChange}}onParentModelChanged(e){this.model=e,this.refreshProps()}refresh(e){this.floatingFilterParams=e,this.refreshProps()}setMethods(e){Ze(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),pt(this.floatingFilterParams,e)}},Zt=class extends ve{constructor(){super(...arguments),this.model=null,this.onModelChange=e=>this.updateModel(e)}onParentModelChanged(e){this.model=e,this.refreshProps()}refresh(e){this.sourceParams=e,this.refreshProps()}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),pt(this.sourceParams,e)}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e}},Xt=class extends ve{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},er=class extends ve{refresh(e){this.sourceParams=e,this.refreshProps()}},tr=class extends ve{constructor(){super(...arguments),this.active=!1,this.expanded=!1,this.onActiveChange=e=>this.updateActive(e)}setActive(e){this.awaitSetActive(e)}setExpanded(e){this.expanded=e,this.refreshProps()}getOptionalMethods(){return["select","configureDefaults"]}awaitSetActive(e){return this.active=e,this.refreshProps()}updateActive(e){const t=this.awaitSetActive(e);e&&t.then(()=>this.sourceParams.onItemActivated())}getProps(){const e=super.getProps();return e.active=this.active,e.expanded=this.expanded,e.onActiveChange=this.onActiveChange,delete e.onItemActivated,e}},rr=class extends ve{refresh(e){this.sourceParams=e,this.refreshProps()}},sr=class extends ve{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},nr=class extends ve{constructor(){super(...arguments),this.onStateChange=e=>this.updateState(e)}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}getState(){return this.state}updateState(e){this.state=e,this.refreshProps(),this.sourceParams.onStateUpdated()}getProps(){const e=super.getProps();return e.state=this.state,e.onStateChange=this.onStateChange,e}},mt=R("ag-grid-community");function or(e,t){(e?.getInstance?.()??mt.AgPromise.resolve(void 0)).then(n=>t(n))}function Ve(){(0,mt._warn)(231)}var ar=1e3,cr=class{constructor(e,t,r){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.refresher=e,this.maxComponentCreationTimeMs=r||ar}getPortals(){return this.portals}destroy(){this.destroyed=!0}destroyPortal(e){this.portals=this.portals.filter(t=>t!==e),this.batchUpdate()}getComponentWrappingElement(){return this.wrappingElement}mountReactPortal(e,t,r){this.portals=[...this.portals,e],this.waitForInstance(t,r),this.batchUpdate()}updateReactPortal(e,t){this.portals[this.portals.indexOf(e)]=t,this.batchUpdate()}batchUpdate(){this.hasPendingPortalUpdate||(setTimeout(()=>{this.destroyed||(this.refresher(),this.hasPendingPortalUpdate=!1)}),this.hasPendingPortalUpdate=!0)}waitForInstance(e,t,r=Date.now()){if(this.destroyed){t(null);return}if(e.rendered())t(e);else{if(Date.now()-r>=this.maxComponentCreationTimeMs&&!this.hasPendingPortalUpdate)return;window.setTimeout(()=>{this.waitForInstance(e,t,r)})}}},j=X(R("react")),ir=R("ag-grid-community"),F=X(R("react")),we=R("ag-grid-community"),de=X(R("react")),lr=R("ag-grid-community"),ue=X(R("react")),ur=R("ag-grid-community"),ne=X(R("react")),dr=R("ag-grid-community"),ee=X(R("react")),Le=R("ag-grid-community"),pr=({ctrl:e})=>{const t=e.isAlive(),{context:r}=(0,ee.useContext)(oe),n=t?e.column.getColId():void 0,[s,i]=(0,ee.useState)(),[c,o]=(0,ee.useState)(),l=(0,ee.useRef)(),a=(0,ee.useRef)(null),f=(0,ee.useRef)(null),P=(0,ee.useRef)(null),h=(0,ee.useRef)(),u=(0,ee.useRef)();t&&!u.current&&(u.current=new Le.CssClassManager(()=>a.current));const w=(0,ee.useCallback)(S=>{if(a.current=S,l.current=S?r.createBean(new Le._EmptyBean):r.destroyBean(l.current),!S||!t)return;const k={setWidth:b=>{a.current&&(a.current.style.width=b)},addOrRemoveCssClass:(b,O)=>u.current.addOrRemoveCssClass(b,O),setUserStyles:b=>o(b),setAriaSort:b=>{a.current&&(b?(0,Le._setAriaSort)(a.current,b):(0,Le._removeAriaSort)(a.current))},setUserCompDetails:b=>i(b),getUserCompInstance:()=>h.current||void 0};e.setComp(k,S,f.current,P.current,l.current);const E=e.getSelectAllGui();E&&(f.current?.insertAdjacentElement("afterend",E),l.current.addDestroyFunc(()=>E.remove()))},[]);(0,ee.useLayoutEffect)(()=>xe(s,r,P.current,h),[s]),(0,ee.useEffect)(()=>{e.setDragSource(a.current)},[s]);const g=(0,ee.useMemo)(()=>!!(s?.componentFromFramework&&Me(s.componentClass)),[s]),p=s&&s.componentFromFramework,d=s&&s.componentClass;return ee.default.createElement("div",{ref:w,style:c,className:"ag-header-cell","col-id":n,role:"columnheader"},ee.default.createElement("div",{ref:f,className:"ag-header-cell-resize",role:"presentation"}),ee.default.createElement("div",{ref:P,className:"ag-header-cell-comp-wrapper",role:"presentation"},p&&g&&ee.default.createElement(d,{...s.params}),p&&!g&&ee.default.createElement(d,{...s.params,ref:h})))},mr=(0,ee.memo)(pr),N=X(R("react")),ft=R("ag-grid-community"),fr=({ctrl:e})=>{const{context:t,gos:r}=(0,N.useContext)(oe),[n,s]=(0,N.useState)(),[i,c]=(0,N.useState)(()=>new he("ag-header-cell","ag-floating-filter")),[o,l]=(0,N.useState)(()=>new he),[a,f]=(0,N.useState)(()=>new he("ag-floating-filter-button","ag-hidden")),[P,h]=(0,N.useState)("false"),[u,w]=(0,N.useState)(),[,g]=(0,N.useState)(1),p=(0,N.useRef)(),d=(0,N.useRef)(null),S=(0,N.useRef)(null),k=(0,N.useRef)(null),E=(0,N.useRef)(null),b=(0,N.useRef)(),O=(0,N.useRef)(),U=C=>{C!=null&&b.current&&b.current(C)},J=(0,N.useCallback)(C=>{if(d.current=C,p.current=C?t.createBean(new ft._EmptyBean):t.destroyBean(p.current),!C)return;O.current=new ft.AgPromise(_=>{b.current=_});const L={addOrRemoveCssClass:(_,H)=>c(te=>te.setClass(_,H)),setUserStyles:_=>s(_),addOrRemoveBodyCssClass:(_,H)=>l(te=>te.setClass(_,H)),setButtonWrapperDisplayed:_=>{f(H=>H.setClass("ag-hidden",!_)),h(_?"false":"true")},setWidth:_=>{d.current&&(d.current.style.width=_)},setCompDetails:_=>w(_),getFloatingFilterComp:()=>O.current?O.current:null,setMenuIcon:_=>E.current?.appendChild(_)};e.setComp(L,C,E.current,S.current,p.current)},[]);(0,N.useLayoutEffect)(()=>xe(u,t,S.current,U),[u]);const A=(0,N.useMemo)(()=>i.toString(),[i]),y=(0,N.useMemo)(()=>o.toString(),[o]),M=(0,N.useMemo)(()=>a.toString(),[a]),x=(0,N.useMemo)(()=>!!(u&&u.componentFromFramework&&Me(u.componentClass)),[u]),v=(0,N.useMemo)(()=>r.get("reactiveCustomComponents"),[]),K=(0,N.useMemo)(()=>{if(u)if(v){const C=new Yt(u.params,()=>g(L=>L+1));return U(C),C}else u.componentFromFramework&&Ve()},[u]),G=K?.getProps(),$=u&&u.componentFromFramework,Q=u&&u.componentClass;return N.default.createElement("div",{ref:J,style:n,className:A,role:"gridcell"},N.default.createElement("div",{ref:S,className:y,role:"presentation"},$&&!v&&N.default.createElement(Q,{...u.params,ref:x?()=>{}:U}),$&&v&&N.default.createElement(Be.Provider,{value:{setMethods:C=>K.setMethods(C)}},N.default.createElement(Q,{...G}))),N.default.createElement("div",{ref:k,"aria-hidden":P,className:M,role:"presentation"},N.default.createElement("button",{ref:E,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},hr=(0,N.memo)(fr),q=X(R("react")),Cr=R("ag-grid-community"),gr=({ctrl:e})=>{const{context:t}=(0,q.useContext)(oe),[r,n]=(0,q.useState)(),[s,i]=(0,q.useState)(()=>new he),[c,o]=(0,q.useState)(()=>new he),[l,a]=(0,q.useState)("false"),[f,P]=(0,q.useState)(),[h,u]=(0,q.useState)(),w=(0,q.useMemo)(()=>e.column.getUniqueId(),[]),g=(0,q.useRef)(),p=(0,q.useRef)(null),d=(0,q.useRef)(null),S=(0,q.useRef)(null),k=(0,q.useRef)(),E=(0,q.useCallback)(y=>{if(p.current=y,g.current=y?t.createBean(new Cr._EmptyBean):t.destroyBean(g.current),!y)return;const M={setWidth:x=>{p.current&&(p.current.style.width=x)},addOrRemoveCssClass:(x,v)=>i(K=>K.setClass(x,v)),setUserStyles:x=>n(x),setHeaderWrapperHidden:x=>{const v=S.current;v&&(x?v.style.setProperty("display","none"):v.style.removeProperty("display"))},setHeaderWrapperMaxHeight:x=>{const v=S.current;v&&(x!=null?v.style.setProperty("max-height",`${x}px`):v.style.removeProperty("max-height"),v.classList.toggle("ag-header-cell-comp-wrapper-limited-height",x!=null))},setUserCompDetails:x=>u(x),setResizableDisplayed:x=>{o(v=>v.setClass("ag-hidden",!x)),a(x?"false":"true")},setAriaExpanded:x=>P(x),getUserCompInstance:()=>k.current||void 0};e.setComp(M,y,d.current,S.current,g.current)},[]);(0,q.useLayoutEffect)(()=>xe(h,t,S.current),[h]),(0,q.useEffect)(()=>{p.current&&e.setDragSource(p.current)},[h]);const b=(0,q.useMemo)(()=>!!(h?.componentFromFramework&&Me(h.componentClass)),[h]),O=(0,q.useMemo)(()=>"ag-header-group-cell "+s.toString(),[s]),U=(0,q.useMemo)(()=>"ag-header-cell-resize "+c.toString(),[c]),J=h&&h.componentFromFramework,A=h&&h.componentClass;return q.default.createElement("div",{ref:E,style:r,className:O,"col-id":w,role:"columnheader","aria-expanded":f},q.default.createElement("div",{ref:S,className:"ag-header-cell-comp-wrapper",role:"presentation"},J&&b&&q.default.createElement(A,{...h.params}),J&&!b&&q.default.createElement(A,{...h.params,ref:k})),q.default.createElement("div",{ref:d,"aria-hidden":l,className:U}))},yr=(0,q.memo)(gr),vr=({ctrl:e})=>{const{context:t}=(0,ne.useContext)(oe),{topOffset:r,rowHeight:n}=(0,ne.useMemo)(()=>e.getTopAndHeight(),[]),s=e.getAriaRowIndex(),i=e.headerRowClass,[c,o]=(0,ne.useState)(()=>n+"px"),[l,a]=(0,ne.useState)(()=>r+"px"),f=(0,ne.useRef)(null),P=(0,ne.useRef)(null),[h,u]=(0,ne.useState)(()=>e.getHeaderCtrls()),w=(0,ne.useRef)(),g=(0,ne.useRef)(null),p=(0,ne.useCallback)(k=>{if(g.current=k,w.current=k?t.createBean(new dr._EmptyBean):t.destroyBean(w.current),!k)return;const E={setHeight:b=>o(b),setTop:b=>a(b),setHeaderCtrls:(b,O,U)=>{P.current=f.current,f.current=b;const J=Ue(P.current,b,O);J!==P.current&&He(U,()=>u(J))},setWidth:b=>{g.current&&(g.current.style.width=b)}};e.setComp(E,w.current,!1)},[]),d=(0,ne.useMemo)(()=>({height:c,top:l}),[c,l]),S=(0,ne.useCallback)(k=>{switch(e.type){case"group":return ne.default.createElement(yr,{ctrl:k,key:k.instanceId});case"filter":return ne.default.createElement(hr,{ctrl:k,key:k.instanceId});default:return ne.default.createElement(mr,{ctrl:k,key:k.instanceId})}},[]);return ne.default.createElement("div",{ref:p,className:i,role:"row",style:d,"aria-rowindex":s},h.map(S))},Rr=(0,ne.memo)(vr),wr=({pinned:e})=>{const[t,r]=(0,ue.useState)(!0),[n,s]=(0,ue.useState)([]),{context:i}=(0,ue.useContext)(oe),c=(0,ue.useRef)(null),o=(0,ue.useRef)(null),l=(0,ue.useRef)(),a=e==="left",f=e==="right",P=!a&&!f,h=(0,ue.useCallback)(g=>{if(c.current=g,l.current=g?i.createBean(new ur.HeaderRowContainerCtrl(e)):i.destroyBean(l.current),!g)return;const p={setDisplayed:r,setCtrls:d=>s(d),setCenterWidth:d=>{o.current&&(o.current.style.width=d)},setViewportScrollLeft:d=>{c.current&&(c.current.scrollLeft=d)},setPinnedContainerWidth:d=>{c.current&&(c.current.style.width=d,c.current.style.minWidth=d,c.current.style.maxWidth=d)}};l.current.setComp(p,c.current)},[]),u=t?"":"ag-hidden",w=()=>n.map(g=>ue.default.createElement(Rr,{ctrl:g,key:g.instanceId}));return ue.default.createElement(ue.default.Fragment,null,a&&ue.default.createElement("div",{ref:h,className:"ag-pinned-left-header "+u,"aria-hidden":!t,role:"rowgroup"},w()),f&&ue.default.createElement("div",{ref:h,className:"ag-pinned-right-header "+u,"aria-hidden":!t,role:"rowgroup"},w()),P&&ue.default.createElement("div",{ref:h,className:"ag-header-viewport "+u,role:"presentation"},ue.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},w())))},Xe=(0,ue.memo)(wr),Sr=()=>{const[e,t]=(0,de.useState)(()=>new he),[r,n]=(0,de.useState)(),{context:s}=(0,de.useContext)(oe),i=(0,de.useRef)(null),c=(0,de.useRef)(),o=(0,de.useCallback)(f=>{if(i.current=f,c.current=f?s.createBean(new lr.GridHeaderCtrl):s.destroyBean(c.current),!f)return;const P={addOrRemoveCssClass:(h,u)=>t(w=>w.setClass(h,u)),setHeightAndMinHeight:h=>n(h)};c.current.setComp(P,f,f)},[]),l=(0,de.useMemo)(()=>"ag-header "+e.toString(),[e]),a=(0,de.useMemo)(()=>({height:r,minHeight:r}),[r]);return de.default.createElement("div",{ref:o,className:l,style:a,role:"presentation"},de.default.createElement(Xe,{pinned:"left"}),de.default.createElement(Xe,{pinned:null}),de.default.createElement(Xe,{pinned:"right"}))},br=(0,de.memo)(Sr),Pr=R("react"),Er=(e,t)=>{(0,Pr.useEffect)(()=>{const r=t.current;if(r){const n=r.parentElement;if(n){const s=document.createComment(e);return n.insertBefore(s,r),()=>{n.removeChild(s)}}}},[e])},Se=Er,z=X(R("react")),Oe=R("ag-grid-community"),I=X(R("react")),ht=R("ag-grid-community"),m=X(R("react")),et=R("ag-grid-community"),Mr=R("ag-grid-community"),kr=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new Mr.AgPromise(r=>{this.resolveInstanceCreated=r}),this.onValueChange=r=>this.updateValue(r),this.value=e.value}getProps(){return{...this.cellEditorParams,initialValue:this.cellEditorParams.value,value:this.value,onValueChange:this.onValueChange}}getValue(){return this.value}refresh(e){this.cellEditorParams=e,this.refreshProps()}setMethods(e){Ze(this.getOptionalMethods(),e,this)}getInstance(){return this.instanceCreated.then(()=>this.componentInstance)}setRef(e){this.componentInstance=e,this.resolveInstanceCreated?.(),this.resolveInstanceCreated=void 0}getOptionalMethods(){return["isCancelBeforeStart","isCancelAfterEnd","focusIn","focusOut","afterGuiAttached"]}updateValue(e){this.value=e,this.refreshProps()}},De=X(R("react")),_r=R("react-dom"),Fr=R("ag-grid-community"),ke=R("react"),Gr=e=>{const t=(0,ke.useRef)(e),r=(0,ke.useRef)(),n=(0,ke.useRef)(!1),s=(0,ke.useRef)(!1),[,i]=(0,ke.useState)(0);n.current&&(s.current=!0),(0,ke.useEffect)(()=>(n.current||(r.current=t.current(),n.current=!0),i(c=>c+1),()=>{s.current&&r.current?.()}),[])},xr=e=>{const[t,r]=(0,De.useState)(),{context:n,popupSvc:s,localeSvc:i,gos:c,editSvc:o}=(0,De.useContext)(oe);return Gr(()=>{const{editDetails:l,cellCtrl:a,eParentCell:f}=e,{compDetails:P}=l,h=c.get("stopEditingWhenCellsLoseFocus"),u=n.createBean(o.createPopupEditorWrapper(P.params)),w=u.getGui();if(e.jsChildComp){const O=e.jsChildComp.getGui();O&&w.appendChild(O)}const{column:g,rowNode:p}=a,d={column:g,rowNode:p,type:"popupCellEditor",eventSource:f,ePopup:w,position:l.popupPosition,keepWithinBounds:!0},S=s?.positionPopupByComponent.bind(s,d),k=(0,Fr._getLocaleTextFunc)(i),E=s?.addPopup({modal:h,eChild:w,closeOnEsc:!0,closedCallback:()=>{a.onPopupEditorClosed()},anchorToElement:f,positionCallback:S,ariaLabel:k("ariaLabelCellEditor","Cell Editor")}),b=E?E.hideFunc:void 0;return r(u),e.jsChildComp?.afterGuiAttached?.(),()=>{b?.(),n.destroyBean(u)}}),De.default.createElement(De.default.Fragment,null,t&&e.wrappedContent&&(0,_r.createPortal)(e.wrappedContent,t.getGui()))},Ct=(0,De.memo)(xr),je=R("react"),Ar=(e,t,r,n,s,i)=>{const{context:c}=(0,je.useContext)(oe),o=(0,je.useCallback)(()=>{const l=s.current;if(!l)return;const a=l.getGui();a&&a.parentElement&&a.parentElement.removeChild(a),c.destroyBean(l),s.current=void 0},[]);(0,je.useEffect)(()=>{const l=e!=null,a=e?.compDetails&&!e.compDetails.componentFromFramework,f=t&&r==null;if(!(l&&a&&!f)){o();return}const h=e.compDetails;if(s.current){const w=s.current,p=w.refresh!=null&&e.force==!1?w.refresh(h.params):!1;if(p===!0||p===void 0)return;o()}h.newAgStackInstance().then(w=>{if(!w)return;const g=w.getGui();if(!g)return;(t?r:i.current).appendChild(g),s.current=w})},[e,t,n]),(0,je.useEffect)(()=>o,[])},Br=Ar,Or=(e,t,r)=>{const{compProxy:n}=e;r(n);const s=n.getProps(),i=Me(t);return m.default.createElement(Be.Provider,{value:{setMethods:c=>n.setMethods(c)}},i?m.default.createElement(t,{...s}):m.default.createElement(t,{...s,ref:c=>n.setRef(c)}))},gt=(e,t,r)=>{const n=e.compProxy;return m.default.createElement(m.default.Fragment,null,n?Or(e,t,r):m.default.createElement(t,{...e.compDetails.params,ref:r}))},Dr=(e,t,r,n,s)=>{const i=e.compDetails,c=i.componentClass,o=i.componentFromFramework&&!e.popup,l=i.componentFromFramework&&e.popup,a=!i.componentFromFramework&&e.popup;return m.default.createElement(m.default.Fragment,null,o&&gt(e,c,t),l&&m.default.createElement(Ct,{editDetails:e,cellCtrl:n,eParentCell:r,wrappedContent:gt(e,c,t)}),a&&s&&m.default.createElement(Ct,{editDetails:e,cellCtrl:n,eParentCell:r,jsChildComp:s}))},Ir=(e,t,r,n,s,i,c)=>{const{compDetails:o,value:l}=e,a=!o,f=o&&o.componentFromFramework,P=o&&o.componentClass,h=l?.toString?l.toString():l,u=()=>m.default.createElement(m.default.Fragment,null,a&&m.default.createElement(m.default.Fragment,null,h),f&&!i&&m.default.createElement(P,{...o.params,key:t,ref:n}),f&&i&&m.default.createElement(P,{...o.params,key:t}));return m.default.createElement(m.default.Fragment,null,s?m.default.createElement("span",{role:"presentation",id:`cell-${r}`,className:"ag-cell-value",ref:c},u()):u())},Wr=({cellCtrl:e,printLayout:t,editingRow:r})=>{const{context:n}=(0,m.useContext)(oe),{colIdSanitised:s,instanceId:i}=e,c=(0,m.useRef)(),[o,l]=(0,m.useState)(()=>e.isCellRenderer()?void 0:{compDetails:void 0,value:e.getValueToDisplay(),force:!1}),[a,f]=(0,m.useState)(),[P,h]=(0,m.useState)(1),[u,w]=(0,m.useState)(),[g,p]=(0,m.useState)(!1),[d,S]=(0,m.useState)(!1),[k,E]=(0,m.useState)(!1),[b,O]=(0,m.useState)(),U=(0,m.useMemo)(()=>e.isForceWrapper(),[e]),J=(0,m.useMemo)(()=>e.getCellAriaRole(),[e]),A=(0,m.useRef)(null),y=(0,m.useRef)(null),M=(0,m.useRef)(null),x=(0,m.useRef)(),v=(0,m.useRef)(),K=(0,m.useRef)(),G=(0,m.useRef)([]),$=(0,m.useRef)(),[Q,C]=(0,m.useState)(0),L=(0,m.useCallback)(Y=>{$.current=Y,C(se=>se+1)},[]),_=o!=null&&(g||k||d),H=U||_,te=(0,m.useCallback)(Y=>{if(v.current=Y,Y){const se=Y.isCancelBeforeStart&&Y.isCancelBeforeStart();setTimeout(()=>{se?(e.stopEditing(!0),e.focusCell(!0)):e.cellEditorAttached()})}},[e]),W=(0,m.useRef)();W.current||(W.current=new et.CssClassManager(()=>A.current)),Br(o,H,$.current,Q,x,A);const D=(0,m.useRef)();(0,m.useLayoutEffect)(()=>{const Y=D.current,se=o;if(D.current=o,Y==null||Y.compDetails==null||se==null||se.compDetails==null)return;const ce=Y.compDetails,Ce=se.compDetails;if(ce.componentClass!=Ce.componentClass||M.current?.refresh==null)return;M.current.refresh(Ce.params)!=!0&&h(ie=>ie+1)},[o]),(0,m.useLayoutEffect)(()=>{if(!(a&&!a.compDetails.componentFromFramework))return;const se=a.compDetails,ce=a.popup===!0,Ce=se.newAgStackInstance();return Ce.then(V=>{if(!V)return;const ie=V.getGui();te(V),ce||((U?K:A).current?.appendChild(ie),V.afterGuiAttached&&V.afterGuiAttached()),O(V)}),()=>{Ce.then(V=>{const ie=V.getGui();n.destroyBean(V),te(void 0),O(void 0),ie?.parentElement?.removeChild(ie)})}},[a]);const ae=(0,m.useCallback)(Y=>{if(K.current=Y,!Y){G.current.forEach(ce=>ce()),G.current=[];return}const se=ce=>{if(ce){const Ce=ce.getGui();Y.insertAdjacentElement("afterbegin",Ce),G.current.push(()=>{n.destroyBean(ce),(0,et._removeFromParent)(Ce)})}return ce};if(g){const ce=e.createSelectionCheckbox();se(ce)}k&&se(e.createDndSource()),d&&se(e.createRowDragComp())},[e,n,k,d,g]),re=(0,m.useCallback)(()=>{const Y=!e.isCellSpanning()||y.current,se=A.current;if(c.current=se?n.createBean(new et._EmptyBean):n.destroyBean(c.current),!se||!Y||!e)return;const ce={addOrRemoveCssClass:(V,ie)=>W.current.addOrRemoveCssClass(V,ie),setUserStyles:V=>w(V),getFocusableElement:()=>A.current,setIncludeSelection:V=>p(V),setIncludeRowDrag:V=>S(V),setIncludeDndSource:V=>E(V),getCellEditor:()=>v.current||null,getCellRenderer:()=>M.current??x.current,getParentOfValue:()=>$.current??K.current??A.current,setRenderDetails:(V,ie,be)=>{l(ge=>ge?.compDetails!==V||ge?.value!==ie||ge?.force!==be?{value:ie,compDetails:V,force:be}:ge)},setEditDetails:(V,ie,be,ge)=>{if(V){let le;ge?le=new kr(V.params,()=>h(Fe=>Fe+1)):V.componentFromFramework&&Ve(),f({compDetails:V,popup:ie,popupPosition:be,compProxy:le}),ie||l(void 0)}else f(le=>{le?.compProxy&&(v.current=void 0)})}},Ce=K.current||void 0;e.setComp(ce,se,y.current??void 0,Ce,t,r,c.current)},[]),Re=(0,m.useCallback)(Y=>{A.current=Y,re()},[]),_e=(0,m.useCallback)(Y=>{y.current=Y,re()},[]),tt=(0,m.useMemo)(()=>!!(o?.compDetails?.componentFromFramework&&Me(o.compDetails.componentClass)),[o]);(0,m.useLayoutEffect)(()=>{A.current&&(W.current.addOrRemoveCssClass("ag-cell-value",!H),W.current.addOrRemoveCssClass("ag-cell-inline-editing",!!a&&!a.popup),W.current.addOrRemoveCssClass("ag-cell-popup-editing",!!a&&!!a.popup),W.current.addOrRemoveCssClass("ag-cell-not-inline-editing",!a||!!a.popup),e.setInlineEditingCss(),e.shouldRestoreFocus()&&!e.editing&&A.current.focus({preventScroll:!0}))});const $e=()=>m.default.createElement(m.default.Fragment,null,o!=null&&Ir(o,P,i,M,H,tt,L),a!=null&&Dr(a,te,A.current,e,b)),rt=(0,m.useCallback)(()=>e.onFocusOut(),[]),qe=()=>m.default.createElement("div",{ref:Re,style:u,role:J,"col-id":s,onBlur:rt},H?m.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:ae},$e()):$e());return e.isCellSpanning()?m.default.createElement("div",{ref:_e,className:"ag-spanned-cell-wrapper",role:"presentation"},qe()):qe()},Tr=(0,m.memo)(Wr),Nr=({rowCtrl:e,containerType:t})=>{const{context:r,gos:n}=(0,I.useContext)(oe),s=(0,I.useRef)(),i=(0,I.useRef)(e.getDomOrder()),c=e.isFullWidth(),o=e.rowNode.displayed,[l,a]=(0,I.useState)(()=>o?e.rowNode.getRowIndexString():null),[f,P]=(0,I.useState)(()=>e.rowId),[h,u]=(0,I.useState)(()=>e.businessKey),[w,g]=(0,I.useState)(()=>e.rowStyles),p=(0,I.useRef)(null),d=(0,I.useRef)(null),[S,k]=(0,I.useState)(()=>null),[E,b]=(0,I.useState)(),[O,U]=(0,I.useState)(()=>o?e.getInitialRowTop(t):void 0),[J,A]=(0,I.useState)(()=>o?e.getInitialTransform(t):void 0),y=(0,I.useRef)(null),M=(0,I.useRef)(),x=(0,I.useRef)(!1),[v,K]=(0,I.useState)(0);(0,I.useEffect)(()=>{if(x.current||!E||v>10)return;const D=y.current?.firstChild;D?(e.setupDetailRowAutoHeight(D),x.current=!0):K(ae=>ae+1)},[E,v]);const G=(0,I.useRef)();G.current||(G.current=new ht.CssClassManager(()=>y.current));const $=(0,I.useCallback)(D=>{if(y.current=D,s.current=D?r.createBean(new ht._EmptyBean):r.destroyBean(s.current),!D){e.unsetComp(t);return}if(!e.isAlive())return;const ae={setTop:U,setTransform:A,addOrRemoveCssClass:(re,Re)=>G.current.addOrRemoveCssClass(re,Re),setDomOrder:re=>i.current=re,setRowIndex:a,setRowId:P,setRowBusinessKey:u,setUserStyles:g,setCellCtrls:(re,Re)=>{d.current=p.current,p.current=re;const _e=Ue(d.current,re,i.current);_e!==d.current&&He(Re,()=>k(_e))},showFullWidth:re=>b(re),getFullWidthCellRenderer:()=>M.current,refreshFullWidth:re=>H.current?(b(Re=>({...Re,params:re()})),!0):!M.current||!M.current.refresh?!1:M.current.refresh(re())};e.setComp(ae,D,t,s.current)},[]);(0,I.useLayoutEffect)(()=>xe(E,r,y.current,M),[E]);const Q=(0,I.useMemo)(()=>{const D={top:O,transform:J};return Object.assign(D,w),D},[O,J,w]),C=c&&E?.componentFromFramework,L=!c&&S!=null,_=(0,I.useMemo)(()=>!!(E?.componentFromFramework&&Me(E.componentClass)),[E]),H=(0,I.useRef)(!1);(0,I.useEffect)(()=>{H.current=_&&!!E&&!!n.get("reactiveCustomComponents")},[_,E]);const te=()=>S?.map(D=>I.default.createElement(Tr,{cellCtrl:D,editingRow:e.editing,printLayout:e.printLayout,key:D.instanceId})),W=()=>{const D=E.componentClass;return I.default.createElement(I.default.Fragment,null,_?I.default.createElement(D,{...E.params}):I.default.createElement(D,{...E.params,ref:M}))};return I.default.createElement("div",{ref:$,role:"row",style:Q,"row-index":l,"row-id":f,"row-business-key":h},L&&te(),C&&W())},yt=(0,I.memo)(Nr),Hr=({name:e})=>{const{context:t,gos:r}=(0,z.useContext)(oe),n=(0,z.useMemo)(()=>(0,Oe._getRowContainerOptions)(e),[e]),s=(0,z.useRef)(null),i=(0,z.useRef)(null),c=(0,z.useRef)(null),o=(0,z.useRef)([]),l=(0,z.useRef)([]),[a,f]=(0,z.useState)(()=>[]),P=!!r.get("enableCellSpan")&&!!n.getSpannedRowCtrls,h=(0,z.useRef)([]),u=(0,z.useRef)([]),[w,g]=(0,z.useState)(()=>[]),p=(0,z.useRef)(!1),d=(0,z.useRef)(),S=(0,z.useMemo)(()=>fe("ag-viewport",(0,Oe._getRowViewportClass)(e)),[e]),k=(0,z.useMemo)(()=>fe((0,Oe._getRowContainerClass)(e)),[e]),E=(0,z.useMemo)(()=>fe("ag-spanning-container",(0,Oe._getRowSpanContainerClass)(e)),[e]),b=n.type==="center"||P,O=b?s:i;Se(" AG Row Container "+e+" ",O);const U=(0,z.useCallback)(()=>{const G=!b||s.current!=null,$=i.current!=null,Q=!P||c.current!=null;return G&&$&&Q},[]),J=(0,z.useCallback)(()=>s.current==null&&i.current==null&&c.current==null,[]),A=(0,z.useCallback)(()=>{if(J()&&(d.current=t.destroyBean(d.current)),U()){const G=C=>{const L=Ue(l.current,o.current,p.current);L!==l.current&&(l.current=L,He(C,()=>f(L)))},$=C=>{const L=Ue(u.current,h.current,p.current);L!==u.current&&(u.current=L,He(C,()=>g(L)))},Q={setHorizontalScroll:C=>{s.current&&(s.current.scrollLeft=C)},setViewportHeight:C=>{s.current&&(s.current.style.height=C)},setRowCtrls:({rowCtrls:C,useFlushSync:L})=>{const _=!!L&&o.current.length>0&&C.length>0;o.current=C,G(_)},setSpannedRowCtrls:(C,L)=>{const _=!!L&&h.current.length>0&&C.length>0;h.current=C,$(_)},setDomOrder:C=>{p.current!=C&&(p.current=C,G(!1))},setContainerWidth:C=>{i.current&&(i.current.style.width=C)},setOffsetTop:C=>{i.current&&(i.current.style.transform=`translateY(${C})`)}};d.current=t.createBean(new Oe.RowContainerCtrl(e)),d.current.setComp(Q,i.current,c.current??void 0,s.current)}},[U,J]),y=(0,z.useCallback)(G=>{i.current=G,A()},[A]),M=(0,z.useCallback)(G=>{c.current=G,A()},[A]),x=(0,z.useCallback)(G=>{s.current=G,A()},[A]),v=()=>z.default.createElement("div",{className:k,ref:y,role:"rowgroup"},a.map(G=>z.default.createElement(yt,{rowCtrl:G,containerType:n.type,key:G.instanceId})));if(!b)return v();const K=()=>P&&z.default.createElement("div",{className:E,ref:M,role:"rowgroup"},w.map(G=>z.default.createElement(yt,{rowCtrl:G,containerType:n.type,key:G.instanceId})));return z.default.createElement("div",{className:S,ref:x,role:"presentation"},v(),K())},Ur=(0,z.memo)(Hr),Vr=()=>{const e=(0,F.useContext)(oe),{context:t,overlays:r}=e,[n,s]=(0,F.useState)(""),[i,c]=(0,F.useState)(0),[o,l]=(0,F.useState)(0),[a,f]=(0,F.useState)("0px"),[P,h]=(0,F.useState)("0px"),[u,w]=(0,F.useState)("100%"),[g,p]=(0,F.useState)("0px"),[d,S]=(0,F.useState)("0px"),[k,E]=(0,F.useState)("100%"),[b,O]=(0,F.useState)(""),[U,J]=(0,F.useState)(""),[A,y]=(0,F.useState)(null),[M,x]=(0,F.useState)(""),[v,K]=(0,F.useState)(null),[G,$]=(0,F.useState)("ag-layout-normal"),Q=(0,F.useRef)();Q.current||(Q.current=new we.CssClassManager(()=>C.current));const C=(0,F.useRef)(null),L=(0,F.useRef)(null),_=(0,F.useRef)(null),H=(0,F.useRef)(null),te=(0,F.useRef)(null),W=(0,F.useRef)(null),D=(0,F.useRef)(null),ae=(0,F.useRef)([]),re=(0,F.useRef)([]);Se(" AG Grid Body ",C),Se(" AG Pinned Top ",L),Se(" AG Sticky Top ",_),Se(" AG Middle ",W),Se(" AG Pinned Bottom ",D);const Re=(0,F.useCallback)(le=>{if(C.current=le,!le){ae.current=t.destroyBeans(ae.current),re.current.forEach(Z=>Z()),re.current=[];return}if(!t)return;const Fe=(Z,me)=>{Z.appendChild(me),re.current.push(()=>Z.removeChild(me))},st=Z=>{const me=t.createBean(new Z);return ae.current.push(me),me},We=(Z,me,ds)=>{Fe(Z,document.createComment(ds)),Fe(Z,st(me).getGui())};We(le,we.FakeHScrollComp," AG Fake Horizontal Scroll ");const wt=r?.getOverlayWrapperCompClass();wt&&We(le,wt," AG Overlay Wrapper "),te.current&&We(te.current,we.FakeVScrollComp," AG Fake Vertical Scroll ");const us={setRowAnimationCssOnBodyViewport:s,setColumnCount:Z=>{C.current&&(0,we._setAriaColCount)(C.current,Z)},setRowCount:Z=>{C.current&&(0,we._setAriaRowCount)(C.current,Z)},setTopHeight:c,setBottomHeight:l,setStickyTopHeight:f,setStickyTopTop:h,setStickyTopWidth:w,setTopDisplay:O,setBottomDisplay:J,setColumnMovingCss:(Z,me)=>Q.current.addOrRemoveCssClass(Z,me),updateLayoutClasses:$,setAlwaysVerticalScrollClass:y,setPinnedTopBottomOverflowY:x,setCellSelectableCss:(Z,me)=>K(me?Z:null),setBodyViewportWidth:Z=>{W.current&&(W.current.style.width=Z)},registerBodyViewportResizeListener:Z=>{if(W.current){const me=(0,we._observeResize)(e,W.current,Z);re.current.push(()=>me())}},setStickyBottomHeight:p,setStickyBottomBottom:S,setStickyBottomWidth:E,setGridRootRole:Z=>le.setAttribute("role",Z)},St=t.createBean(new we.GridBodyCtrl);ae.current.push(St),St.setComp(us,le,W.current,L.current,D.current,_.current,H.current)},[]),_e=(0,F.useMemo)(()=>fe("ag-root","ag-unselectable",G),[G]),tt=(0,F.useMemo)(()=>fe("ag-body-viewport",n,G,A,v),[n,G,A,v]),$e=(0,F.useMemo)(()=>fe("ag-body",G),[G]),rt=(0,F.useMemo)(()=>fe("ag-floating-top",v),[v]),qe=(0,F.useMemo)(()=>fe("ag-sticky-top",v),[v]),Y=(0,F.useMemo)(()=>fe("ag-sticky-bottom",g==="0px"?"ag-hidden":null,v),[v,g]),se=(0,F.useMemo)(()=>fe("ag-floating-bottom",v),[v]),ce=(0,F.useMemo)(()=>({height:i,minHeight:i,display:b,overflowY:M}),[i,b,M]),Ce=(0,F.useMemo)(()=>({height:a,top:P,width:u}),[a,P,u]),V=(0,F.useMemo)(()=>({height:g,bottom:d,width:k}),[g,d,k]),ie=(0,F.useMemo)(()=>({height:o,minHeight:o,display:U,overflowY:M}),[o,U,M]),be=le=>F.default.createElement(Ur,{name:le,key:`${le}-container`}),ge=({section:le,children:Fe,className:st,style:We})=>F.default.createElement("div",{ref:le,className:st,role:"presentation",style:We},Fe.map(be));return F.default.createElement("div",{ref:Re,className:_e},F.default.createElement(br,null),ge({section:L,className:rt,style:ce,children:["topLeft","topCenter","topRight","topFullWidth"]}),F.default.createElement("div",{className:$e,ref:te,role:"presentation"},ge({section:W,className:tt,children:["left","center","right","fullWidth"]})),ge({section:_,className:qe,style:Ce,children:["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"]}),ge({section:H,className:Y,style:V,children:["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"]}),ge({section:D,className:se,style:ie,children:["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"]}))},Lr=(0,F.memo)(Vr),pe=X(R("react")),ze=R("ag-grid-community"),jr=(e,t)=>{const{children:r,eFocusableElement:n,onTabKeyDown:s,gridCtrl:i,forceFocusOutWhenTabGuardsAreEmpty:c,isEmpty:o}=e,{context:l}=(0,pe.useContext)(oe),a=(0,pe.useRef)(null),f=(0,pe.useRef)(null),P=(0,pe.useRef)(),h=d=>{const S=d==null?void 0:parseInt(d,10).toString();[a,f].forEach(k=>{S===void 0?k.current?.removeAttribute("tabindex"):k.current?.setAttribute("tabindex",S)})};(0,pe.useImperativeHandle)(t,()=>({forceFocusOutOfContainer(d){P.current?.forceFocusOutOfContainer(d)}}));const u=(0,pe.useCallback)(()=>{const d=a.current,S=f.current;if(!d&&!S){P.current=l.destroyBean(P.current);return}if(d&&S){const k={setTabIndex:h};P.current=l.createBean(new ze.TabGuardCtrl({comp:k,eTopGuard:d,eBottomGuard:S,eFocusableElement:n,onTabKeyDown:s,forceFocusOutWhenTabGuardsAreEmpty:c,focusInnerElement:E=>i.focusInnerElement(E),isEmpty:o}))}},[]),w=(0,pe.useCallback)(d=>{a.current=d,u()},[u]),g=(0,pe.useCallback)(d=>{f.current=d,u()},[u]),p=d=>{const S=d==="top"?ze.TabGuardClassNames.TAB_GUARD_TOP:ze.TabGuardClassNames.TAB_GUARD_BOTTOM;return pe.default.createElement("div",{className:`${ze.TabGuardClassNames.TAB_GUARD} ${S}`,role:"presentation",ref:d==="top"?w:g})};return pe.default.createElement(pe.default.Fragment,null,p("top"),r,p("bottom"))},zr=(0,pe.forwardRef)(jr),$r=(0,pe.memo)(zr),qr=({context:e})=>{const[t,r]=(0,j.useState)(""),[n,s]=(0,j.useState)(""),[i,c]=(0,j.useState)(null),[o,l]=(0,j.useState)(null),[a,f]=(0,j.useState)(!1),[P,h]=(0,j.useState)(),u=(0,j.useRef)(),w=(0,j.useRef)(null),g=(0,j.useRef)(),[p,d]=(0,j.useState)(null),S=(0,j.useRef)(()=>{}),k=(0,j.useRef)(),E=(0,j.useRef)([]),b=(0,j.useCallback)(()=>{},[]),O=(0,j.useMemo)(()=>e.isDestroyed()?null:e.getBeans(),[e]);Se(" AG Grid ",w);const U=(0,j.useCallback)(v=>{if(w.current=v,u.current=v?e.createBean(new ir.GridCtrl):e.destroyBean(u.current),!v||e.isDestroyed())return;const K=u.current;S.current=K.focusInnerElement.bind(K);const G={destroyGridUi:()=>{},setRtlClass:r,forceFocusOutOfContainer:$=>{if(!$&&k.current?.isDisplayed()){k.current.forceFocusOutOfContainer($);return}g.current?.forceFocusOutOfContainer($)},updateLayoutClasses:s,getFocusableContainers:()=>{const $=[],Q=w.current?.querySelector(".ag-root");return Q&&$.push({getGui:()=>Q}),E.current.forEach(C=>{C.isDisplayed()&&$.push(C)}),$},setCursor:c,setUserSelect:l};K.setComp(G,v,v),f(!0)},[]);(0,j.useEffect)(()=>{const v=u.current,K=w.current;if(!P||!O||!v||!p||!K)return;const G=[],{watermarkSelector:$,paginationSelector:Q,sideBarSelector:C,statusBarSelector:L,gridHeaderDropZonesSelector:_}=v.getOptionalSelectors(),H=[];if(_){const W=e.createBean(new _.component),D=W.getGui();K.insertAdjacentElement("afterbegin",D),H.push(D),G.push(W)}if(C){const W=e.createBean(new C.component),D=W.getGui(),ae=p.querySelector(".ag-tab-guard-bottom");ae&&(ae.insertAdjacentElement("beforebegin",D),H.push(D)),G.push(W),E.current.push(W)}const te=W=>{const D=e.createBean(new W),ae=D.getGui();return K.insertAdjacentElement("beforeend",ae),H.push(ae),G.push(D),D};if(L&&te(L.component),Q){const W=te(Q.component);k.current=W,E.current.push(W)}return $&&te($.component),()=>{e.destroyBeans(G),H.forEach(W=>{W.parentElement?.removeChild(W)})}},[P,p,O]);const J=(0,j.useMemo)(()=>fe("ag-root-wrapper",t,n),[t,n]),A=(0,j.useMemo)(()=>fe("ag-root-wrapper-body","ag-focus-managed",n),[n]),y=(0,j.useMemo)(()=>({userSelect:o??"",WebkitUserSelect:o??"",cursor:i??""}),[o,i]),M=(0,j.useCallback)(v=>{g.current=v,h(v!==null)},[]),x=(0,j.useCallback)(()=>!u.current?.isFocusable(),[]);return j.default.createElement("div",{ref:U,className:J,style:y,role:"presentation"},j.default.createElement("div",{className:A,ref:d,role:"presentation"},a&&p&&O&&j.default.createElement(oe.Provider,{value:O},j.default.createElement($r,{ref:M,eFocusableElement:p,onTabKeyDown:b,gridCtrl:u.current,forceFocusOutWhenTabGuardsAreEmpty:!0,isEmpty:x},j.default.createElement(Lr,null)))))},Jr=(0,j.memo)(qr),Kr=R("ag-grid-community"),Qr=class extends Kr.BeanStub{wireBeans(e){this.ctrlsSvc=e.ctrlsSvc}areHeaderCellsRendered(){return this.ctrlsSvc.getHeaderRowContainerCtrls().every(e=>e.getAllCtrls().every(t=>t.areCellsRendered()))}},Yr={gridOptions:void 0,modules:void 0,containerStyle:void 0,className:void 0,setGridApi:void 0,componentWrappingElement:void 0,maxComponentCreationTimeMs:void 0,children:void 0},vt=new Set(Object.keys(Yr)),Rt=e=>{const t=(0,B.useRef)(),r=(0,B.useRef)(null),n=(0,B.useRef)(null),s=(0,B.useRef)([]),i=(0,B.useRef)([]),c=(0,B.useRef)(e),o=(0,B.useRef)(),l=(0,B.useRef)(),a=(0,B.useRef)(!1),[f,P]=(0,B.useState)(void 0),[,h]=(0,B.useState)(0),u=(0,B.useCallback)(p=>{if(r.current=p,!p){s.current.forEach(y=>y()),s.current.length=0;return}const d=e.modules||[];n.current||(n.current=new cr(()=>h(y=>y+1),e.componentWrappingElement,e.maxComponentCreationTimeMs),s.current.push(()=>{n.current?.destroy(),n.current=null}));const S=(0,ye._combineAttributesAndGridOptions)(e.gridOptions,e,Object.keys(e).filter(y=>!vt.has(y))),k=()=>{if(a.current){const y=()=>o.current?.shouldQueueUpdates()?void 0:i.current.shift();let M=y();for(;M;)M(),M=y()}},E=new ts(k);o.current=E;const b=new Qr,O={providedBeanInstances:{frameworkCompWrapper:new Xr(n.current,S.reactiveCustomComponents??(0,ye._getGlobalGridOption)("reactiveCustomComponents")??!0),renderStatus:b},modules:d,frameworkOverrides:E,setThemeOnGridDiv:!0},U=y=>{P(y),y.createBean(b),s.current.push(()=>{y.destroy()}),y.getBean("ctrlsSvc").whenReady({addDestroyFunc:M=>{s.current.push(M)}},()=>{if(y.isDestroyed())return;const M=t.current;M&&e.setGridApi?.(M)})},J=y=>{y.getBean("ctrlsSvc").whenReady({addDestroyFunc:M=>{s.current.push(M)}},()=>{i.current.forEach(M=>M()),i.current.length=0,a.current=!0})},A=new ye.GridCoreCreator;S.gridId??(S.gridId=l.current),t.current=A.create(p,S,U,J,O),s.current.push(()=>{t.current=void 0}),t.current&&(l.current=t.current.getGridId())},[]),w=(0,B.useMemo)(()=>({height:"100%",...e.containerStyle||{}}),[e.containerStyle]),g=(0,B.useCallback)(p=>{a.current&&!o.current?.shouldQueueUpdates()?p():i.current.push(p)},[]);return(0,B.useEffect)(()=>{const p=Zr(c.current,e);c.current=e,g(()=>{t.current&&(0,ye._processOnChange)(p,t.current)})},[e]),B.default.createElement("div",{style:w,className:e.className,ref:u},f&&!f.isDestroyed()?B.default.createElement(Jr,{context:f}):null,n.current?.getPortals()??null)};function Zr(e,t){const r={};return Object.keys(t).forEach(n=>{if(vt.has(n))return;const s=t[n];e[n]!==s&&(r[n]=s)}),r}var Xr=class extends ye.BaseComponentWrapper{constructor(e,t){super(),this.parent=e,this.reactiveCustomComponents=t}createWrapper(e,t){if(this.reactiveCustomComponents){const s=(i=>{switch(i){case"filter":return Kt;case"floatingFilterComponent":return Zt;case"dateComponent":return $t;case"dragAndDropImageComponent":return qt;case"loadingOverlayComponent":return er;case"noRowsOverlayComponent":return rr;case"statusPanel":return sr;case"toolPanel":return nr;case"menuItem":return tr;case"cellRenderer":return zt;case"innerHeaderComponent":return Xt}})(t.name);if(s)return new s(e,this.parent,t)}else switch(t.name){case"filter":case"floatingFilterComponent":case"dateComponent":case"dragAndDropImageComponent":case"loadingOverlayComponent":case"noRowsOverlayComponent":case"statusPanel":case"toolPanel":case"menuItem":case"cellRenderer":Ve();break}const r=!t.cellRenderer&&t.name!=="toolPanel";return new dt(e,this.parent,t,r)}},es=(0,B.forwardRef)((e,t)=>{const r=(0,B.useContext)(oe),{registry:n,context:s,gos:i,rowModel:c}=r,[o,l]=(0,B.useState)(()=>new he),[a,f]=(0,B.useState)(()=>new he),[P,h]=(0,B.useState)(),[u,w]=(0,B.useState)(),g=(0,B.useRef)(),p=(0,B.useRef)(null),d=(0,B.useRef)(),S=(0,B.useMemo)(()=>(0,ye._getGridRegisteredModules)(e.api.getGridId(),P?.rowModelType??"clientSide"),[e]),k=(0,B.useMemo)(()=>o.toString()+" ag-details-row",[o]),E=(0,B.useMemo)(()=>a.toString()+" ag-details-grid",[a]);t&&(0,B.useImperativeHandle)(t,()=>({refresh(){return g.current?.refresh()??!1}})),e.template&&(0,ye._warn)(230);const b=(0,B.useCallback)(U=>{if(p.current=U,!U){g.current=s.destroyBean(g.current),d.current?.();return}const J={addOrRemoveCssClass:(y,M)=>l(x=>x.setClass(y,M)),addOrRemoveDetailGridCssClass:(y,M)=>f(x=>x.setClass(y,M)),setDetailGrid:y=>h(y),setRowData:y=>w(y),getGui:()=>p.current},A=n.createDynamicBean("detailCellRendererCtrl",!0);if(A&&(s.createBean(A),A.init(J,e),g.current=A,i.get("detailRowAutoHeight"))){const y=()=>{if(p.current==null)return;const M=p.current.clientHeight;M!=null&&M>0&&setTimeout(()=>{e.node.setRowHeight(M),((0,ye._isClientSideRowModel)(i,c)||(0,ye._isServerSideRowModel)(i,c))&&c.onRowHeightChanged()},0)};d.current=(0,ye._observeResize)(r,U,y),y()}},[]),O=(0,B.useCallback)(U=>{g.current?.registerDetailWithMaster(U)},[]);return B.default.createElement("div",{className:k,ref:b},P&&B.default.createElement(Rt,{className:E,...P,modules:S,rowData:u,setGridApi:O}))}),ts=class extends ye.VanillaFrameworkOverrides{constructor(e){super("react"),this.processQueuedUpdates=e,this.queueUpdates=!1,this.frameworkComponents={agGroupCellRenderer:lt,agGroupRowRenderer:lt,agDetailCellRenderer:es},this.wrapIncoming=(t,r)=>r==="ensureVisible"?Tt(t):t(),this.renderingEngine="react"}frameworkComponent(e){return this.frameworkComponents[e]}isFrameworkComponent(e){if(!e)return!1;const t=e.prototype;return!(t&&"getGui"in t)}getLockOnRefresh(){this.queueUpdates=!0}releaseLockOnRefresh(){this.queueUpdates=!1,this.processQueuedUpdates()}shouldQueueUpdates(){return this.queueUpdates}runWhenReadyAsync(){return Wt()}},rs=class extends at.Component{constructor(){super(...arguments),this.apiListeners=[],this.setGridApi=e=>{this.api=e,this.apiListeners.forEach(t=>t(e))}}registerApiListener(e){this.apiListeners.push(e)}componentWillUnmount(){this.apiListeners.length=0}render(){return at.default.createElement(Rt,{...this.props,setGridApi:this.setGridApi})}},ss=R("react");function Ie(e){const{setMethods:t}=(0,ss.useContext)(Be);t(e)}function ns(e){Ie(e)}function os(e){return Ie(e)}function as(e){return Ie(e)}function cs(e){Ie(e)}function is(e){Ie(e)}if(typeof Ge.exports=="object"&&typeof Je=="object"){var ls=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Object.getOwnPropertyNames(t))!Object.prototype.hasOwnProperty.call(e,s)&&s!==r&&Object.defineProperty(e,s,{get:()=>t[s],enumerable:!(n=Object.getOwnPropertyDescriptor(t,s))||n.enumerable});return e};Ge.exports=ls(Ge.exports,Je)}return Ge.exports});

dist/umd/package.json

 {
   "name": "ag-grid-react",
-  "version": "33.0.4",
+  "version": "33.1.0",
   "description": "AG Grid React Component",
@@ -39,3 +39,3 @@ "main": "./dist/package/index.cjs.js",
     "prop-types": "^15.6.2",
-    "ag-grid-community": "33.0.4",
+    "ag-grid-community": "33.1.0",
     "@babel/plugin-proposal-throw-expressions": "7.14.5",
@@ -60,3 +60,3 @@ "@babel/preset-typescript": "7.15.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "33.0.4"
+    "ag-grid-community": "33.1.0"
   },
@@ -63,0 +63,0 @@ "peerDependencies": {

package.json

 {
   "name": "ag-grid-react",
-  "version": "33.0.4",
+  "version": "33.1.0",
   "description": "AG Grid React Component",
@@ -39,3 +39,3 @@ "main": "./dist/package/index.cjs.js",
     "prop-types": "^15.6.2",
-    "ag-grid-community": "33.0.4",
+    "ag-grid-community": "33.1.0",
     "@babel/plugin-proposal-throw-expressions": "7.14.5",
@@ -60,3 +60,3 @@ "@babel/preset-typescript": "7.15.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "33.0.4"
+    "ag-grid-community": "33.1.0"
   },
@@ -63,0 +63,0 @@ "peerDependencies": {

README.md

 # React Data Grid | React Table
 
 <div align="center">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Dark-Theme.svg?raw=true"/>
-      <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Light-Theme.svg?raw=true"/>
-      <img width="100%" alt="AG Grid Logo" src="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Light-Theme.svg?raw=true"/>
-    </picture>
+    <a href="https://www.ag-grid.com?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
+        <picture>
+        <source media="(prefers-color-scheme: dark)" srcset="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Dark-Theme.svg?raw=true"/>
+        <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Light-Theme.svg?raw=true"/>
+        <img width="100%" alt="AG Grid Logo" src="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Grid-Logo_Light-Theme.svg?raw=true"/>
+        </picture>
+    </a>
     <div align="center">
@@ -51,3 +53,3 @@ <h4><a href="https://www.ag-grid.com?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">🌐 Website</a> • <a href="https://www.ag-grid.com/react-data-grid/getting-started/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">📖 Documentation</a> • <a href="https://www.ag-grid.com/community?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">🏘️ Community</a></h4>
 <div align="right">
-    <a href="https://ag-grid.com/example/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github"><br><img alt="Static Badge" src="https://img.shields.io/badge/ag%E2%80%93grid.com-Live%20Demo-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D">
+    <a href="https://www.ag-grid.com/example/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github"><br><img alt="Static Badge" src="https://img.shields.io/badge/ag%E2%80%93grid.com-Live%20Demo-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D">
 </a>
@@ -133,3 +135,3 @@ </div>
   <p>Financial data example featuring live updates and sparklines:</p>
-  <a href="https://ag-grid.com/example-finance/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
+  <a href="https://www.ag-grid.com/example-finance/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
     <picture>
@@ -142,3 +144,3 @@ <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/finance-demo-light.gif?raw=true" media="(prefers-color-scheme: light)">
   <br>
-  <div align="right"><span><a href="https://ag-grid.com/example-finance/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Live Demo</a></span>&nbsp;•&nbsp;<span><a href="https://github.com/ag-grid/ag-grid-demos/tree/main/finance">Source Code</a></span></div>
+  <div align="right"><span><a href="https://www.ag-grid.com/example-finance/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Live Demo</a></span>&nbsp;•&nbsp;<span><a href="https://github.com/ag-grid/ag-grid-demos/tree/main/finance">Source Code</a></span></div>
 <br>
@@ -150,3 +152,3 @@ </details>
   <p>Inventory data example to view and manage products:</p>
-  <a href="https://ag-grid.com/example-inventory/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
+  <a href="https://www.ag-grid.com/example-inventory/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
     <picture>
@@ -158,3 +160,3 @@ <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/inventory-demo-light.gif?raw=true" media="(prefers-color-scheme: light)">
   </a>
-  <div align="right"><span><a href="https://ag-grid.com/example-inventory/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Live Demo</a></span>&nbsp;•&nbsp;<span><a href="https://github.com/ag-grid/ag-grid-demos/tree/main/inventory">Source Code</a></span></div>
+  <div align="right"><span><a href="https://www.ag-grid.com/example-inventory/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Live Demo</a></span>&nbsp;•&nbsp;<span><a href="https://github.com/ag-grid/ag-grid-demos/tree/main/inventory">Source Code</a></span></div>
 <br>
@@ -167,3 +169,3 @@ </details>
   <p>HR data example showing hierarchical employee data:</p>
-  <a href="https://ag-grid.com/example-hr/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
+  <a href="https://www.ag-grid.com/example-hr/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">
     <picture>
@@ -175,3 +177,3 @@ <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/hr-demo-light.gif?raw=true" media="(prefers-color-scheme: light)">
   </a>
-  <div align="right"><span><a href="https://ag-grid.com/example-hr/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Live Demo</a></span>&nbsp;•&nbsp;<span><a href="https://github.com/ag-grid/ag-grid-demos/tree/main/hr">Source Code</a></span></div>
+  <div align="right"><span><a href="https://www.ag-grid.com/example-hr/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Live Demo</a></span>&nbsp;•&nbsp;<span><a href="https://github.com/ag-grid/ag-grid-demos/tree/main/hr">Source Code</a></span></div>
 <br>
@@ -205,5 +207,21 @@ </details>
 
-**2. Define Rows and Columns**
+**2. Register Modules**
 
+Register the `AllCommunityModule` to access all Community features:
+
 ```js
+import { AllCommunityModule, ModuleRegistry } from 'ag-grid-community';
+
+// Register all Community features
+ModuleRegistry.registerModules([AllCommunityModule]);
+```
+
+<blockquote>
+    <p>ℹ️ <b>Note:</b></p>
+    <p>To minimize bundle size, only register the modules you want to use. See the <a href="https://www.ag-grid.com/react-data-grid/modules/">Modules</a> page for more information.</p>
+</blockquote>
+
+**3. Define Rows and Columns**
+
+```js
 const GridExample = () => {
@@ -229,3 +247,3 @@ // Row Data: The data to be displayed.
 
-**3. React Data Grid Component**
+**4. React Data Grid Component**
 
@@ -352,3 +370,3 @@ ```js
 
-AG Grid has 4 [themes](https://ag-grid.com/react-data-grid/themes/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github), each available in `light` & `dark` modes:
+AG Grid has 4 [themes](https://www.ag-grid.com/react-data-grid/themes/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github), each available in `light` & `dark` modes:
 
@@ -495,7 +513,7 @@ <table>
 
-If you've made it this far, you may be interested in our latest project: [AG Charts](https://ag-grid.com/charts?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) - The best React Charting library in the world.
+If you've made it this far, you may be interested in our latest project: [AG Charts](https://www.ag-grid.com/charts?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) - The best React Charting library in the world.
 
 Initially built to power [Integrated Charts](https://www.ag-grid.com/react-data-grid/integrated-charts/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) in AG Grid, we open-sourced this project in 2018. Having seen the steady rise in popularity since then, we have decided to invest in AG Charts with a dedicated Enterprise version (`ag-charts-enterprise`) in addition to our continued support of `ag-charts-community`.
 
-<a href="https://ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">
+<a href="https://www.ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">
 <picture>
@@ -509,3 +527,3 @@ <source media="(prefers-color-scheme: dark)" srcset="https://github.com/ag-grid/ag-charts/blob/2ee85f286ccc151cb5e4517f711bafd03366db3c/packages/ag-charts-website/public/images/readme-assets/gallery-dark.gif?raw=true"/>
 <div align="right">
-    <a href="https://ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github"><br><img alt="Static Badge" src="https://img.shields.io/badge/ag%E2%80%93charts.com-Learn%20More%20-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D">
+    <a href="https://www.ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github"><br><img alt="Static Badge" src="https://img.shields.io/badge/ag%E2%80%93charts.com-Learn%20More%20-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D">
 </a>
@@ -512,0 +530,0 @@ </div>

No alert changes

Improved metrics

Total package byte prevSize

619265

increased by3.23%

Number of package files

60

increased by1.69%

Lines of code

10204

increased by3.37%

Number of lines in readme file

532

increased by3.5%

Dependency changes

• + Addedag-charts-types@11.1.0(transitive)

• + Addedag-grid-community@33.1.0(transitive)

• - Removedag-charts-types@11.0.4(transitive)

• - Removedag-grid-community@33.0.4(transitive)

• Updatedag-grid-community@33.1.0