ag-grid-react - npm Package Compare versions

Comparing version 32.1.0 to 32.2.0

dist/package/index.cjs.min.js

@@ -1,1 +0,1 @@
-"use strict";var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__export=(e,t)=>{for(var r in t)__defProp(e,r,{get:t[r],enumerable:!0})},__copyProps=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of __getOwnPropNames(t))!__hasOwnProp.call(e,n)&&n!==r&&__defProp(e,n,{get:()=>t[n],enumerable:!(s=__getOwnPropDesc(t,n))||s.enumerable});return e},__toESM=(e,t,r)=>(r=e!=null?__create(__getProtoOf(e)):{},__copyProps(t||!e||!e.__esModule?__defProp(r,"default",{value:e,enumerable:!0}):r,e)),__toCommonJS=e=>__copyProps(__defProp({},"__esModule",{value:!0}),e),src_exports={};__export(src_exports,{AgGridReact:()=>AgGridReact,CustomComponentContext:()=>CustomContext,getInstance:()=>getInstance,useGridCellEditor:()=>useGridCellEditor,useGridDate:()=>useGridDate,useGridFilter:()=>useGridFilter,useGridFloatingFilter:()=>useGridFloatingFilter,useGridMenuItem:()=>useGridMenuItem,warnReactiveCustomComponents:()=>warnReactiveCustomComponents}),module.exports=__toCommonJS(src_exports);var import_react23=__toESM(require("react")),import_ag_grid_community19=require("ag-grid-community"),import_react22=__toESM(require("react")),import_ag_grid_community=require("ag-grid-community"),import_react2=__toESM(require("react")),import_react=__toESM(require("react")),BeansContext=import_react.default.createContext({}),showJsComp=(e,t,r,s)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const a=e.newAgStackInstance();if(a==null)return;let c,o,u=!1;return a.then(l=>{if(u){t.destroyBean(l);return}c=l,o=c.getGui(),r.appendChild(o),setRef(s,c)}),()=>{u=!0,c&&(o&&o.parentElement&&o.parentElement.removeChild(o),t.destroyBean(c),s&&setRef(s,void 0))}},setRef=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},import_react_dom=__toESM(require("react-dom")),classesList=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),CssClasses=class ue{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const n=new ue;return n.classesMap={...this.classesMap},n.classesMap[t]=r,n}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},isComponentStateless=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()},createRootAndFlushSyncAvailable=import_react_dom.default.createRoot!=null&&import_react_dom.default.flushSync!=null;function isReact17Minus(){return!createRootAndFlushSyncAvailable}var disableFlushSync=!1;function runWithoutFlushSync(e){return disableFlushSync||setTimeout(()=>disableFlushSync=!1,0),disableFlushSync=!0,e()}var agFlushSync=(e,t)=>{createRootAndFlushSyncAvailable&&e&&!disableFlushSync?import_react_dom.default.flushSync(t):t()};function getNextValueIfDifferent(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 s=[],n=[],a=new Map,c=new Map;for(let o=0;o<t.length;o++){const u=t[o];c.set(u.getInstanceId(),u)}for(let o=0;o<e.length;o++){const u=e[o];a.set(u.getInstanceId(),u),c.has(u.getInstanceId())&&s.push(u)}for(let o=0;o<t.length;o++){const u=t[o],l=u.getInstanceId();a.has(l)||n.push(u)}return s.length===e.length&&n.length===0?e:s.length===0&&n.length===t.length?t:s.length===0?n:n.length===0?s:[...s,...n]}var GroupCellRenderer=(0,import_react2.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:s}=(0,import_react2.useContext)(BeansContext),n=(0,import_react2.useRef)(null),a=(0,import_react2.useRef)(null),c=(0,import_react2.useRef)(null),o=(0,import_react2.useRef)(null),u=(0,import_react2.useRef)(null),l=(0,import_react2.useRef)(),[p,d]=(0,import_react2.useState)(),[v,y]=(0,import_react2.useState)(),[i,g]=(0,import_react2.useState)(),[m,f]=(0,import_react2.useState)(()=>new CssClasses),[w,S]=(0,import_react2.useState)(()=>new CssClasses("ag-hidden")),[C,T]=(0,import_react2.useState)(()=>new CssClasses("ag-hidden")),[E,x]=(0,import_react2.useState)(()=>new CssClasses("ag-invisible"));(0,import_react2.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,import_react2.useLayoutEffect)(()=>showJsComp(p,s,a.current),[p]);const b=(0,import_react2.useCallback)(I=>{if(n.current=I,!n.current){s.destroyBean(l.current),l.current=null;return}const O={setInnerRenderer:(F,A)=>{d(F),g(A)},setChildCount:F=>y(F),addOrRemoveCssClass:(F,A)=>f(_=>_.setClass(F,A)),setContractedDisplayed:F=>T(A=>A.setClass("ag-hidden",!F)),setExpandedDisplayed:F=>S(A=>A.setClass("ag-hidden",!F)),setCheckboxVisible:F=>x(A=>A.setClass("ag-invisible",!F))},H=r.getInstance("groupCellRendererCtrl");H&&(l.current=s.createBean(H),l.current.init(O,n.current,c.current,o.current,u.current,GroupCellRenderer,e))},[]),R=(0,import_react2.useMemo)(()=>`ag-cell-wrapper ${m.toString()}`,[m]),h=(0,import_react2.useMemo)(()=>`ag-group-expanded ${w.toString()}`,[w]),P=(0,import_react2.useMemo)(()=>`ag-group-contracted ${C.toString()}`,[C]),M=(0,import_react2.useMemo)(()=>`ag-group-checkbox ${E.toString()}`,[E]),D=p&&p.componentFromFramework,N=D?p.componentClass:void 0,B=p==null&&i!=null,W=(0,import_ag_grid_community._escapeString)(i,!0);return import_react2.default.createElement("span",{className:R,ref:b,...e.colDef?{}:{role:l.current?.getCellAriaRole()}},import_react2.default.createElement("span",{className:h,ref:o}),import_react2.default.createElement("span",{className:P,ref:u}),import_react2.default.createElement("span",{className:M,ref:c}),import_react2.default.createElement("span",{className:"ag-group-value",ref:a},B&&import_react2.default.createElement(import_react2.default.Fragment,null,W),D&&import_react2.default.createElement(N,{...p.params})),import_react2.default.createElement("span",{className:"ag-group-child-count"},v))}),groupCellRenderer_default=GroupCellRenderer,import_ag_grid_community3=require("ag-grid-community"),import_react4=__toESM(require("react")),import_react3=require("react"),CustomContext=(0,import_react3.createContext)({setMethods:()=>{}}),CustomWrapperComp=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:s,setMethods:n}=e,[a,c]=(0,import_react4.useState)(t);return(0,import_react4.useEffect)(()=>{r(o=>c(o))},[]),import_react4.default.createElement(CustomContext.Provider,{value:{setMethods:n}},import_react4.default.createElement(s,{...a}))},customWrapperComp_default=(0,import_react4.memo)(CustomWrapperComp),import_ag_grid_community2=require("ag-grid-community"),import_react5=require("react"),import_react_dom2=require("react-dom"),counter=0;function generateNewKey(){return`agPortalKey_${++counter}`}var ReactComponent=class{constructor(e,t,r,s){this.portal=null,this.oldPortal=null,this.reactComponent=e,this.portalManager=t,this.componentType=r,this.suppressFallbackMethods=!!s,this.statelessComponent=this.isStateless(this.reactComponent),this.key=generateNewKey(),this.portalKey=generateNewKey(),this.instanceCreated=this.isStatelessComponent()?import_ag_grid_community2.AgPromise.resolve(!1):new import_ag_grid_community2.AgPromise(n=>{this.resolveInstanceCreated=n})}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}addParentContainerStyleAndClasses(){this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&((0,import_ag_grid_community2._warnOnce)('Since v31.1 "getReactContainerStyle" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle())),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&((0,import_ag_grid_community2._warnOnce)('Since v31.1 "getReactContainerClasses" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),this.componentInstance.getReactContainerClasses().forEach(t=>this.eParentElement.classList.add(t))))}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 s=r[e];if(s)return s.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.params=e,this.createOrUpdatePortal(e),new import_ag_grid_community2.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.addParentContainerStyleAndClasses(),this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,import_react_dom2.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,import_react5.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 addOptionalMethods(e,t,r){e.forEach(s=>{const n=t[s];n&&(r[s]=n)})}var CustomComponentWrapper=class extends ReactComponent{constructor(){super(...arguments),this.awaitUpdateCallback=new import_ag_grid_community3.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=customWrapperComp_default}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 import_ag_grid_community3.AgPromise(s=>{setTimeout(()=>{s()})})),this.resolveUpdateCallback()}})}setMethods(e){this.providedMethods=e,addOptionalMethods(this.getOptionalMethods(),this.providedMethods,this)}getOptionalMethods(){return[]}getProps(){return{...this.sourceParams,key:this.key,ref:this.ref}}refreshProps(){return this.updateCallback?this.updateCallback():new import_ag_grid_community3.AgPromise(e=>this.awaitUpdateCallback.then(()=>{this.updateCallback().then(()=>e())}))}},CellRendererComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},DateComponentWrapper=class extends CustomComponentWrapper{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}},FilterComponentWrapper=class extends CustomComponentWrapper{constructor(){super(...arguments),this.model=null,this.onModelChange=e=>this.updateModel(e),this.onUiChange=()=>this.sourceParams.filterChangedCallback(),this.expectingNewMethods=!0}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.refreshProps()}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}getOptionalMethods(){return["afterGuiAttached","afterGuiDetached","onNewRowsLoaded","getModelAsString","onAnyFilterChanged"]}setMethods(e){this.expectingNewMethods===!1&&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,delete e.valueGetter,e}},import_ag_grid_community4=require("ag-grid-community");function updateFloatingFilterParent(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||import_ag_grid_community4.AgPromise.resolve()).then(()=>{e.filterParams.filterChangedCallback()})})}var FloatingFilterComponentProxy=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){addOptionalMethods(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),updateFloatingFilterParent(this.floatingFilterParams,e)}},FloatingFilterComponentWrapper=class extends CustomComponentWrapper{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(),updateFloatingFilterParent(this.sourceParams,e)}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e}},LoadingOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},MenuItemComponentWrapper=class extends CustomComponentWrapper{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}},NoRowsOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},StatusPanelComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},ToolPanelComponentWrapper=class extends CustomComponentWrapper{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}},import_ag_grid_community5=require("ag-grid-community");function getInstance(e,t){(e?.getInstance?.()??import_ag_grid_community5.AgPromise.resolve(void 0)).then(s=>t(s))}function warnReactiveCustomComponents(){(0,import_ag_grid_community5._warnOnce)("As of v32, using custom components with `reactiveCustomComponents = false` is deprecated.")}var MAX_COMPONENT_CREATION_TIME_IN_MS=1e3,PortalManager=class{constructor(e,t,r){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.refresher=e,this.maxComponentCreationTimeMs=r||MAX_COMPONENT_CREATION_TIME_IN_MS}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)})}}},import_ag_grid_community17=require("ag-grid-community"),import_react21=__toESM(require("react")),import_ag_grid_community15=require("ag-grid-community"),import_react19=__toESM(require("react")),import_ag_grid_community10=require("ag-grid-community"),import_react11=__toESM(require("react")),import_ag_grid_community9=require("ag-grid-community"),import_react10=__toESM(require("react")),import_ag_grid_community8=require("ag-grid-community"),import_react9=__toESM(require("react")),import_ag_grid_community6=require("ag-grid-community"),import_react6=__toESM(require("react")),HeaderCellComp=e=>{const{ctrl:t}=e,r=t.isAlive(),{context:s}=(0,import_react6.useContext)(BeansContext),n=r?t.getColId():void 0,[a,c]=(0,import_react6.useState)(),o=(0,import_react6.useRef)(null),u=(0,import_react6.useRef)(null),l=(0,import_react6.useRef)(null),p=(0,import_react6.useRef)(),d=(0,import_react6.useRef)();r&&!d.current&&(d.current=new import_ag_grid_community6.CssClassManager(()=>o.current));const v=(0,import_react6.useCallback)(m=>{if(o.current=m,!o.current||!r)return;const f={setWidth:S=>{o.current&&(o.current.style.width=S)},addOrRemoveCssClass:(S,C)=>d.current.addOrRemoveCssClass(S,C),setAriaSort:S=>{o.current&&(S?(0,import_ag_grid_community6._setAriaSort)(o.current,S):(0,import_ag_grid_community6._removeAriaSort)(o.current))},setUserCompDetails:S=>c(S),getUserCompInstance:()=>p.current||void 0};t.setComp(f,o.current,u.current,l.current);const w=t.getSelectAllGui();u.current?.insertAdjacentElement("afterend",w)},[]);(0,import_react6.useLayoutEffect)(()=>showJsComp(a,s,l.current,p),[a]),(0,import_react6.useEffect)(()=>{t.setDragSource(o.current)},[a]);const y=(0,import_react6.useMemo)(()=>!!(a?.componentFromFramework&&isComponentStateless(a.componentClass)),[a]),i=a&&a.componentFromFramework,g=a&&a.componentClass;return import_react6.default.createElement("div",{ref:v,className:"ag-header-cell","col-id":n,role:"columnheader"},import_react6.default.createElement("div",{ref:u,className:"ag-header-cell-resize",role:"presentation"}),import_react6.default.createElement("div",{ref:l,className:"ag-header-cell-comp-wrapper",role:"presentation"},i&&y&&import_react6.default.createElement(g,{...a.params}),i&&!y&&import_react6.default.createElement(g,{...a.params,ref:p})))},headerCellComp_default=(0,import_react6.memo)(HeaderCellComp),import_ag_grid_community7=require("ag-grid-community"),import_react7=__toESM(require("react")),HeaderFilterCellComp=e=>{const{context:t,gos:r}=(0,import_react7.useContext)(BeansContext),[s,n]=(0,import_react7.useState)(()=>new CssClasses("ag-header-cell","ag-floating-filter")),[a,c]=(0,import_react7.useState)(()=>new CssClasses),[o,u]=(0,import_react7.useState)(()=>new CssClasses("ag-floating-filter-button","ag-hidden")),[l,p]=(0,import_react7.useState)("false"),[d,v]=(0,import_react7.useState)(),[,y]=(0,import_react7.useState)(1),i=(0,import_react7.useRef)(null),g=(0,import_react7.useRef)(null),m=(0,import_react7.useRef)(null),f=(0,import_react7.useRef)(null),w=(0,import_react7.useRef)(),S=(0,import_react7.useRef)(),C=W=>{W!=null&&w.current&&w.current(W)},{ctrl:T}=e,E=(0,import_react7.useCallback)(W=>{if(i.current=W,!i.current)return;S.current=new import_ag_grid_community7.AgPromise(O=>{w.current=O});const I={addOrRemoveCssClass:(O,H)=>n(F=>F.setClass(O,H)),addOrRemoveBodyCssClass:(O,H)=>c(F=>F.setClass(O,H)),setButtonWrapperDisplayed:O=>{u(H=>H.setClass("ag-hidden",!O)),p(O?"false":"true")},setWidth:O=>{i.current&&(i.current.style.width=O)},setCompDetails:O=>v(O),getFloatingFilterComp:()=>S.current?S.current:null,setMenuIcon:O=>f.current?.appendChild(O)};T.setComp(I,i.current,f.current,g.current)},[]);(0,import_react7.useLayoutEffect)(()=>showJsComp(d,t,g.current,C),[d]);const x=(0,import_react7.useMemo)(()=>s.toString(),[s]),b=(0,import_react7.useMemo)(()=>a.toString(),[a]),R=(0,import_react7.useMemo)(()=>o.toString(),[o]),h=(0,import_react7.useMemo)(()=>!!(d&&d.componentFromFramework&&isComponentStateless(d.componentClass)),[d]),P=(0,import_react7.useMemo)(()=>r.get("reactiveCustomComponents"),[]),M=(0,import_react7.useMemo)(()=>{if(d)if(P){const W=new FloatingFilterComponentProxy(d.params,()=>y(I=>I+1));return C(W),W}else d.componentFromFramework&&warnReactiveCustomComponents()},[d]),D=M?.getProps(),N=d&&d.componentFromFramework,B=d&&d.componentClass;return import_react7.default.createElement("div",{ref:E,className:x,role:"gridcell"},import_react7.default.createElement("div",{ref:g,className:b,role:"presentation"},N&&!P&&import_react7.default.createElement(B,{...d.params,ref:h?()=>{}:C}),N&&P&&import_react7.default.createElement(CustomContext.Provider,{value:{setMethods:W=>M.setMethods(W)}},import_react7.default.createElement(B,{...D}))),import_react7.default.createElement("div",{ref:m,"aria-hidden":l,className:R,role:"presentation"},import_react7.default.createElement("button",{ref:f,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},headerFilterCellComp_default=(0,import_react7.memo)(HeaderFilterCellComp),import_react8=__toESM(require("react")),HeaderGroupCellComp=e=>{const{context:t}=(0,import_react8.useContext)(BeansContext),{ctrl:r}=e,[s,n]=(0,import_react8.useState)(()=>new CssClasses),[a,c]=(0,import_react8.useState)(()=>new CssClasses),[o,u]=(0,import_react8.useState)("false"),[l,p]=(0,import_react8.useState)(),[d,v]=(0,import_react8.useState)(),y=(0,import_react8.useMemo)(()=>r.getColId(),[]),i=(0,import_react8.useRef)(null),g=(0,import_react8.useRef)(null),m=(0,import_react8.useRef)(null),f=(0,import_react8.useRef)(),w=(0,import_react8.useCallback)(b=>{if(i.current=b,!i.current)return;const R={setWidth:h=>{i.current&&(i.current.style.width=h)},addOrRemoveCssClass:(h,P)=>n(M=>M.setClass(h,P)),setUserCompDetails:h=>v(h),setResizableDisplayed:h=>{c(P=>P.setClass("ag-hidden",!h)),u(h?"false":"true")},setAriaExpanded:h=>p(h),getUserCompInstance:()=>f.current||void 0};r.setComp(R,i.current,g.current,m.current)},[]);(0,import_react8.useLayoutEffect)(()=>showJsComp(d,t,m.current),[d]),(0,import_react8.useEffect)(()=>{i.current&&r.setDragSource(i.current)},[d]);const S=(0,import_react8.useMemo)(()=>!!(d?.componentFromFramework&&isComponentStateless(d.componentClass)),[d]),C=(0,import_react8.useMemo)(()=>"ag-header-group-cell "+s.toString(),[s]),T=(0,import_react8.useMemo)(()=>"ag-header-cell-resize "+a.toString(),[a]),E=d&&d.componentFromFramework,x=d&&d.componentClass;return import_react8.default.createElement("div",{ref:w,className:C,"col-id":y,role:"columnheader","aria-expanded":l},import_react8.default.createElement("div",{ref:m,className:"ag-header-cell-comp-wrapper",role:"presentation"},E&&S&&import_react8.default.createElement(x,{...d.params}),E&&!S&&import_react8.default.createElement(x,{...d.params,ref:f})),import_react8.default.createElement("div",{ref:g,"aria-hidden":o,className:T}))},headerGroupCellComp_default=(0,import_react8.memo)(HeaderGroupCellComp),HeaderRowComp=e=>{const{ctrl:t}=e,{topOffset:r,rowHeight:s}=(0,import_react9.useMemo)(()=>t.getTopAndHeight(),[]),n=t.getAriaRowIndex(),a=t.getHeaderRowClass(),[c,o]=(0,import_react9.useState)(()=>s+"px"),[u,l]=(0,import_react9.useState)(()=>r+"px"),p=(0,import_react9.useRef)(null),d=(0,import_react9.useRef)(null),[v,y]=(0,import_react9.useState)(()=>t.getHeaderCtrls()),i=(0,import_react9.useRef)(null),g=(0,import_react9.useCallback)(w=>{if(i.current=w,!w)return;const S={setHeight:C=>o(C),setTop:C=>l(C),setHeaderCtrls:(C,T,E)=>{d.current=p.current,p.current=C;const x=getNextValueIfDifferent(d.current,C,T);x!==d.current&&agFlushSync(E,()=>y(x))},setWidth:C=>{i.current&&(i.current.style.width=C)}};t.setComp(S,!1)},[]),m=(0,import_react9.useMemo)(()=>({height:c,top:u}),[c,u]),f=(0,import_react9.useCallback)(w=>{switch(t.getType()){case import_ag_grid_community8.HeaderRowType.COLUMN_GROUP:return import_react9.default.createElement(headerGroupCellComp_default,{ctrl:w,key:w.getInstanceId()});case import_ag_grid_community8.HeaderRowType.FLOATING_FILTER:return import_react9.default.createElement(headerFilterCellComp_default,{ctrl:w,key:w.getInstanceId()});default:return import_react9.default.createElement(headerCellComp_default,{ctrl:w,key:w.getInstanceId()})}},[]);return import_react9.default.createElement("div",{ref:g,className:a,role:"row",style:m,"aria-rowindex":n},v.map(f))},headerRowComp_default=(0,import_react9.memo)(HeaderRowComp),HeaderRowContainerComp=e=>{const[t,r]=(0,import_react10.useState)(!0),[s,n]=(0,import_react10.useState)([]),{context:a}=(0,import_react10.useContext)(BeansContext),c=(0,import_react10.useRef)(null),o=(0,import_react10.useRef)(null),u=(0,import_react10.useRef)(null),l=e.pinned==="left",p=e.pinned==="right",d=!l&&!p,v=(0,import_react10.useCallback)(g=>{if(c.current=g,!c.current){a.destroyBean(u.current),u.current=null;return}const m={setDisplayed:r,setCtrls:f=>n(f),setCenterWidth:f=>{o.current&&(o.current.style.width=f)},setViewportScrollLeft:f=>{c.current&&(c.current.scrollLeft=f)},setPinnedContainerWidth:f=>{c.current&&(c.current.style.width=f,c.current.style.minWidth=f,c.current.style.maxWidth=f)}};u.current=a.createBean(new import_ag_grid_community9.HeaderRowContainerCtrl(e.pinned)),u.current.setComp(m,c.current)},[]),y=t?"":"ag-hidden",i=()=>s.map(g=>import_react10.default.createElement(headerRowComp_default,{ctrl:g,key:g.getInstanceId()}));return import_react10.default.createElement(import_react10.default.Fragment,null,l&&import_react10.default.createElement("div",{ref:v,className:"ag-pinned-left-header "+y,"aria-hidden":!t,role:"rowgroup"},i()),p&&import_react10.default.createElement("div",{ref:v,className:"ag-pinned-right-header "+y,"aria-hidden":!t,role:"rowgroup"},i()),d&&import_react10.default.createElement("div",{ref:v,className:"ag-header-viewport "+y,role:"presentation"},import_react10.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},i())))},headerRowContainerComp_default=(0,import_react10.memo)(HeaderRowContainerComp),GridHeaderComp=()=>{const[e,t]=(0,import_react11.useState)(()=>new CssClasses),[r,s]=(0,import_react11.useState)(),{context:n}=(0,import_react11.useContext)(BeansContext),a=(0,import_react11.useRef)(null),c=(0,import_react11.useRef)(null),o=(0,import_react11.useCallback)(p=>{if(a.current=p,!p){n.destroyBean(c.current),c.current=null;return}const d={addOrRemoveCssClass:(v,y)=>t(i=>i.setClass(v,y)),setHeightAndMinHeight:v=>s(v)};c.current=n.createBean(new import_ag_grid_community10.GridHeaderCtrl),c.current.setComp(d,a.current,a.current)},[]),u=(0,import_react11.useMemo)(()=>"ag-header "+e.toString(),[e]),l=(0,import_react11.useMemo)(()=>({height:r,minHeight:r}),[r]);return import_react11.default.createElement("div",{ref:o,className:u,style:l,role:"presentation"},import_react11.default.createElement(headerRowContainerComp_default,{pinned:"left"}),import_react11.default.createElement(headerRowContainerComp_default,{pinned:null}),import_react11.default.createElement(headerRowContainerComp_default,{pinned:"right"}))},gridHeaderComp_default=(0,import_react11.memo)(GridHeaderComp),import_react12=require("react"),useReactCommentEffect=(e,t)=>{(0,import_react12.useEffect)(()=>{const r=t.current;if(r){const s=r.parentElement;if(s){const n=document.createComment(e);return s.insertBefore(n,r),()=>{s.removeChild(n)}}}},[e])},reactComment_default=useReactCommentEffect,import_ag_grid_community14=require("ag-grid-community"),import_react18=__toESM(require("react")),import_ag_grid_community13=require("ag-grid-community"),import_react17=__toESM(require("react")),import_ag_grid_community12=require("ag-grid-community"),import_react16=__toESM(require("react")),import_ag_grid_community11=require("ag-grid-community"),CellEditorComponentProxy=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new import_ag_grid_community11.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){addOptionalMethods(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()}},import_react14=__toESM(require("react")),import_react_dom3=require("react-dom"),import_react13=require("react"),useEffectOnce=e=>{const t=(0,import_react13.useRef)(e),r=(0,import_react13.useRef)(),s=(0,import_react13.useRef)(!1),n=(0,import_react13.useRef)(!1),[,a]=(0,import_react13.useState)(0);s.current&&(n.current=!0),(0,import_react13.useEffect)(()=>(s.current||(r.current=t.current(),s.current=!0),a(c=>c+1),()=>{n.current&&r.current&&r.current()}),[])},PopupEditorComp=e=>{const[t,r]=(0,import_react14.useState)(),{context:s,popupService:n,localeService:a,gos:c,editService:o}=(0,import_react14.useContext)(BeansContext);return useEffectOnce(()=>{const{editDetails:u,cellCtrl:l,eParentCell:p}=e,{compDetails:d}=u,v=c.get("stopEditingWhenCellsLoseFocus"),y=s.createBean(o.createPopupEditorWrapper(d.params)),i=y.getGui();if(e.jsChildComp){const C=e.jsChildComp.getGui();C&&i.appendChild(C)}const g={column:l.getColumn(),rowNode:l.getRowNode(),type:"popupCellEditor",eventSource:p,ePopup:i,position:u.popupPosition,keepWithinBounds:!0},m=n.positionPopupByComponent.bind(n,g),f=a.getLocaleTextFunc(),w=n.addPopup({modal:v,eChild:i,closeOnEsc:!0,closedCallback:()=>{l.onPopupEditorClosed()},anchorToElement:p,positionCallback:m,ariaLabel:f("ariaLabelCellEditor","Cell Editor")}),S=w?w.hideFunc:void 0;return r(y),e.jsChildComp&&e.jsChildComp.afterGuiAttached&&e.jsChildComp.afterGuiAttached(),()=>{S?.(),s.destroyBean(y)}}),import_react14.default.createElement(import_react14.default.Fragment,null,t&&e.wrappedContent&&(0,import_react_dom3.createPortal)(e.wrappedContent,t.getGui()))},popupEditorComp_default=(0,import_react14.memo)(PopupEditorComp),import_react15=require("react"),useJsCellRenderer=(e,t,r,s,n,a)=>{const{context:c}=(0,import_react15.useContext)(BeansContext),o=(0,import_react15.useCallback)(()=>{const u=n.current;if(!u)return;const l=u.getGui();l&&l.parentElement&&l.parentElement.removeChild(l),c.destroyBean(u),n.current=void 0},[]);(0,import_react15.useEffect)(()=>{const u=e!=null,l=e&&e.compDetails&&!e.compDetails.componentFromFramework,p=t&&r==null;if(!(u&&l&&!p)){o();return}const v=e.compDetails;if(n.current){const i=n.current,m=i.refresh!=null&&e.force==!1?i.refresh(v.params):!1;if(m===!0||m===void 0)return;o()}const y=v.newAgStackInstance();y?.then(i=>{if(!i)return;const g=i.getGui();if(!g)return;(t?r:a.current).appendChild(g),n.current=i})},[e,t,s]),(0,import_react15.useEffect)(()=>o,[])},showJsRenderer_default=useJsCellRenderer,jsxEditorProxy=(e,t,r)=>{const{compProxy:s}=e;r(s);const n=s.getProps(),a=isComponentStateless(t);return import_react16.default.createElement(CustomContext.Provider,{value:{setMethods:c=>s.setMethods(c)}},a&&import_react16.default.createElement(t,{...n}),!a&&import_react16.default.createElement(t,{...n,ref:c=>s.setRef(c)}))},jsxEditor=(e,t,r)=>{const s=e.compProxy;return import_react16.default.createElement(import_react16.default.Fragment,null,!s&&import_react16.default.createElement(t,{...e.compDetails.params,ref:r}),s&&jsxEditorProxy(e,t,r))},jsxEditValue=(e,t,r,s,n,a)=>{const c=e.compDetails,o=c.componentClass,u=c.componentFromFramework&&!e.popup,l=c.componentFromFramework&&e.popup,p=!c.componentFromFramework&&e.popup;return import_react16.default.createElement(import_react16.default.Fragment,null,u&&jsxEditor(e,o,t),l&&import_react16.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:n,eParentCell:s,wrappedContent:jsxEditor(e,o,r)}),p&&a&&import_react16.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:n,eParentCell:s,jsChildComp:a}))},jsxShowValue=(e,t,r,s,n,a,c)=>{const{compDetails:o,value:u}=e,l=!o,p=o&&o.componentFromFramework,d=o&&o.componentClass,v=u?.toString?u.toString():u,y=()=>import_react16.default.createElement(import_react16.default.Fragment,null,l&&import_react16.default.createElement(import_react16.default.Fragment,null,v),p&&!a&&import_react16.default.createElement(d,{...o.params,key:t,ref:s}),p&&a&&import_react16.default.createElement(d,{...o.params,key:t}));return import_react16.default.createElement(import_react16.default.Fragment,null,n?import_react16.default.createElement("span",{role:"presentation",id:`cell-${r}`,className:"ag-cell-value",ref:c},y()):y())},CellComp=e=>{const{context:t}=(0,import_react16.useContext)(BeansContext),{cellCtrl:r,printLayout:s,editingRow:n}=e,a=r.getColumnIdSanitised(),c=r.getInstanceId(),[o,u]=(0,import_react16.useState)(()=>r.isCellRenderer()?void 0:{compDetails:void 0,value:r.getValueToDisplay(),force:!1}),[l,p]=(0,import_react16.useState)(),[d,v]=(0,import_react16.useState)(1),[y,i]=(0,import_react16.useState)(),[g,m]=(0,import_react16.useState)(!1),[f,w]=(0,import_react16.useState)(!1),[S,C]=(0,import_react16.useState)(!1),[T,E]=(0,import_react16.useState)(),x=(0,import_react16.useMemo)(()=>r.isForceWrapper(),[r]),b=(0,import_react16.useMemo)(()=>r.getCellAriaRole(),[r]),R=(0,import_react16.useRef)(null),h=(0,import_react16.useRef)(null),P=(0,import_react16.useRef)(),M=(0,import_react16.useRef)(),D=(0,import_react16.useRef)(),N=(0,import_react16.useRef)([]),B=(0,import_react16.useRef)(),[W,I]=(0,import_react16.useState)(0),O=(0,import_react16.useCallback)(j=>{B.current=j,I(q=>q+1)},[]),H=o!=null&&(g||S||f),F=x||H,A=(0,import_react16.useCallback)((j,q)=>{M.current=q,q&&q.isCancelBeforeStart&&q.isCancelBeforeStart()&&setTimeout(()=>{r.stopEditing(!0),r.focusCell(!0)})},[r]),_=(0,import_react16.useCallback)(j=>A(!0,j),[A]),z=(0,import_react16.useCallback)(j=>A(!1,j),[A]),k=(0,import_react16.useRef)();k.current||(k.current=new import_ag_grid_community12.CssClassManager(()=>R.current)),showJsRenderer_default(o,F,B.current,W,P,R);const Q=(0,import_react16.useRef)();(0,import_react16.useLayoutEffect)(()=>{const j=Q.current,q=o;if(Q.current=o,j==null||j.compDetails==null||q==null||q.compDetails==null)return;const V=j.compDetails,G=q.compDetails;if(V.componentClass!=G.componentClass||h.current==null||h.current.refresh==null)return;h.current.refresh(G.params)!=!0&&v(J=>J+1)},[o]),(0,import_react16.useLayoutEffect)(()=>{if(!(l&&!l.compDetails.componentFromFramework))return;const q=l.compDetails,V=l.popup===!0,G=q.newAgStackInstance();return G.then(L=>{if(!L)return;const J=L.getGui();A(V,L),V||((x?D:R).current?.appendChild(J),L.afterGuiAttached&&L.afterGuiAttached()),E(L)}),()=>{G.then(L=>{const J=L.getGui();t.destroyBean(L),A(V,void 0),E(void 0),J&&J.parentElement&&J.parentElement.removeChild(J)})}},[l]);const $=(0,import_react16.useCallback)(j=>{if(D.current=j,!D.current){N.current.forEach(V=>V()),N.current=[];return}const q=V=>{if(V){const G=V.getGui();D.current?.insertAdjacentElement("afterbegin",G),N.current.push(()=>{t.destroyBean(V),(0,import_ag_grid_community12._removeFromParent)(G)})}return V};if(g){const V=r.createSelectionCheckbox();q(V)}S&&q(r.createDndSource()),f&&q(r.createRowDragComp())},[r,t,S,f,g]),Y=(0,import_react16.useCallback)(j=>{if(R.current=j,!R.current||!r)return;const q={addOrRemoveCssClass:(G,L)=>k.current.addOrRemoveCssClass(G,L),setUserStyles:G=>i(G),getFocusableElement:()=>R.current,setIncludeSelection:G=>m(G),setIncludeRowDrag:G=>w(G),setIncludeDndSource:G=>C(G),getCellEditor:()=>M.current||null,getCellRenderer:()=>h.current?h.current:P.current,getParentOfValue:()=>B.current?B.current:D.current?D.current:R.current,setRenderDetails:(G,L,J)=>{u(Z=>Z?.compDetails!==G||Z?.value!==L||Z?.force!==J?{value:L,compDetails:G,force:J}:Z)},setEditDetails:(G,L,J,Z)=>{if(G){let te;Z?te=new CellEditorComponentProxy(G.params,()=>v(X=>X+1)):G.componentFromFramework&&warnReactiveCustomComponents(),p({compDetails:G,popup:L,popupPosition:J,compProxy:te}),L||u(void 0)}else p(te=>{te?.compProxy&&(M.current=void 0)})}},V=D.current||void 0;r.setComp(q,R.current,V,s,n)},[]),ee=(0,import_react16.useMemo)(()=>!!(o&&o.compDetails&&o.compDetails.componentFromFramework&&isComponentStateless(o.compDetails.componentClass)),[o]);(0,import_react16.useLayoutEffect)(()=>{R.current&&(k.current.addOrRemoveCssClass("ag-cell-value",!F),k.current.addOrRemoveCssClass("ag-cell-inline-editing",!!l&&!l.popup),k.current.addOrRemoveCssClass("ag-cell-popup-editing",!!l&&!!l.popup),k.current.addOrRemoveCssClass("ag-cell-not-inline-editing",!l||!!l.popup),r.getRowCtrl()?.setInlineEditingCss(),r.shouldRestoreFocus()&&!r.isEditing()&&R.current.focus({preventScroll:!0}))});const ne=()=>import_react16.default.createElement(import_react16.default.Fragment,null,o!=null&&jsxShowValue(o,d,c,h,F,ee,O),l!=null&&jsxEditValue(l,z,_,R.current,r,T)),ae=(0,import_react16.useCallback)(()=>r.onFocusOut(),[]);return import_react16.default.createElement("div",{ref:Y,style:y,role:b,"col-id":a,onBlur:ae},F?import_react16.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:$},ne()):ne())},cellComp_default=(0,import_react16.memo)(CellComp),RowComp=e=>{const{context:t,gos:r}=(0,import_react17.useContext)(BeansContext),{rowCtrl:s,containerType:n}=e,a=(0,import_react17.useRef)(s.getDomOrder()),c=s.isFullWidth(),o=s.getRowNode().displayed,[u,l]=(0,import_react17.useState)(()=>o?s.getRowIndex():null),[p,d]=(0,import_react17.useState)(()=>s.getRowId()),[v,y]=(0,import_react17.useState)(()=>s.getBusinessKey()),[i,g]=(0,import_react17.useState)(()=>s.getRowStyles()),m=(0,import_react17.useRef)(null),f=(0,import_react17.useRef)(null),[w,S]=(0,import_react17.useState)(()=>null),[C,T]=(0,import_react17.useState)(),[E,x]=(0,import_react17.useState)(()=>o?s.getInitialRowTop(n):void 0),[b,R]=(0,import_react17.useState)(()=>o?s.getInitialTransform(n):void 0),h=(0,import_react17.useRef)(null),P=(0,import_react17.useRef)(),M=(0,import_react17.useRef)(!1),[D,N]=(0,import_react17.useState)(0);(0,import_react17.useEffect)(()=>{if(M.current||!C||D>10)return;const k=h.current?.firstChild;k?(s.setupDetailRowAutoHeight(k),M.current=!0):N(Q=>Q+1)},[C,D]);const B=(0,import_react17.useRef)();B.current||(B.current=new import_ag_grid_community13.CssClassManager(()=>h.current));const W=(0,import_react17.useCallback)(k=>{if(h.current=k,!h.current){s.unsetComp(n);return}if(!s.isAlive())return;const Q={setTop:x,setTransform:R,addOrRemoveCssClass:($,Y)=>B.current.addOrRemoveCssClass($,Y),setDomOrder:$=>a.current=$,setRowIndex:l,setRowId:d,setRowBusinessKey:y,setUserStyles:g,setCellCtrls:($,Y)=>{f.current=m.current,m.current=$;const ee=getNextValueIfDifferent(f.current,$,a.current);ee!==f.current&&agFlushSync(Y,()=>S(ee))},showFullWidth:$=>T($),getFullWidthCellRenderer:()=>P.current,refreshFullWidth:$=>A.current?(T(Y=>({...Y,params:$()})),!0):!P.current||!P.current.refresh?!1:P.current.refresh($())};s.setComp(Q,h.current,n)},[]);(0,import_react17.useLayoutEffect)(()=>showJsComp(C,t,h.current,P),[C]);const I=(0,import_react17.useMemo)(()=>{const k={top:E,transform:b};return Object.assign(k,i),k},[E,b,i]),O=c&&C&&C.componentFromFramework,H=!c&&w!=null,F=(0,import_react17.useMemo)(()=>!!(C?.componentFromFramework&&isComponentStateless(C.componentClass)),[C]),A=(0,import_react17.useRef)(!1);(0,import_react17.useEffect)(()=>{A.current=F&&!!C&&!!r.get("reactiveCustomComponents")},[F,C]);const _=()=>w?.map(k=>import_react17.default.createElement(cellComp_default,{cellCtrl:k,editingRow:s.isEditing(),printLayout:s.isPrintLayout(),key:k.getInstanceId()})),z=()=>{const k=C.componentClass;return import_react17.default.createElement(import_react17.default.Fragment,null,F&&import_react17.default.createElement(k,{...C.params}),!F&&import_react17.default.createElement(k,{...C.params,ref:P}))};return import_react17.default.createElement("div",{ref:W,role:"row",style:I,"row-index":u,"row-id":p,"row-business-key":v},H&&_(),O&&z())},rowComp_default=(0,import_react17.memo)(RowComp),RowContainerComp=e=>{const{context:t}=(0,import_react18.useContext)(BeansContext),{name:r}=e,s=(0,import_react18.useMemo)(()=>(0,import_ag_grid_community14._getRowContainerOptions)(r),[r]),n=(0,import_react18.useRef)(null),a=(0,import_react18.useRef)(null),c=(0,import_react18.useRef)([]),o=(0,import_react18.useRef)([]),[u,l]=(0,import_react18.useState)(()=>[]),p=(0,import_react18.useRef)(!1),d=(0,import_react18.useRef)(),v=(0,import_react18.useMemo)(()=>classesList(s.viewport),[s]),y=(0,import_react18.useMemo)(()=>classesList(s.container),[s]),i=s.type==="center",g=i?n:a;reactComment_default(" AG Row Container "+r+" ",g);const m=(0,import_react18.useCallback)(()=>i?n.current!=null&&a.current!=null:a.current!=null,[]),f=(0,import_react18.useCallback)(()=>i?n.current==null&&a.current==null:a.current==null,[]),w=(0,import_react18.useCallback)(()=>{if(f()&&(t.destroyBean(d.current),d.current=null),m()){const E=b=>{const R=getNextValueIfDifferent(o.current,c.current,p.current);R!==o.current&&(o.current=R,agFlushSync(b,()=>l(R)))},x={setHorizontalScroll:b=>{n.current&&(n.current.scrollLeft=b)},setViewportHeight:b=>{n.current&&(n.current.style.height=b)},setRowCtrls:({rowCtrls:b,useFlushSync:R})=>{const h=!!R&&c.current.length>0&&b.length>0;c.current=b,E(h)},setDomOrder:b=>{p.current!=b&&(p.current=b,E(!1))},setContainerWidth:b=>{a.current&&(a.current.style.width=b)},setOffsetTop:b=>{a.current&&(a.current.style.transform=`translateY(${b})`)}};d.current=t.createBean(new import_ag_grid_community14.RowContainerCtrl(r)),d.current.setComp(x,a.current,n.current)}},[m,f]),S=(0,import_react18.useCallback)(E=>{a.current=E,w()},[w]),C=(0,import_react18.useCallback)(E=>{n.current=E,w()},[w]),T=()=>import_react18.default.createElement("div",{className:y,ref:S,role:"rowgroup"},u.map(E=>import_react18.default.createElement(rowComp_default,{rowCtrl:E,containerType:s.type,key:E.getInstanceId()})));return import_react18.default.createElement(import_react18.default.Fragment,null,i?import_react18.default.createElement("div",{className:v,ref:C,role:"presentation"},T()):T())},rowContainerComp_default=(0,import_react18.memo)(RowContainerComp),GridBodyComp=()=>{const{context:e,resizeObserverService:t}=(0,import_react19.useContext)(BeansContext),[r,s]=(0,import_react19.useState)(""),[n,a]=(0,import_react19.useState)(0),[c,o]=(0,import_react19.useState)(0),[u,l]=(0,import_react19.useState)("0px"),[p,d]=(0,import_react19.useState)("0px"),[v,y]=(0,import_react19.useState)("100%"),[i,g]=(0,import_react19.useState)("0px"),[m,f]=(0,import_react19.useState)("0px"),[w,S]=(0,import_react19.useState)("100%"),[C,T]=(0,import_react19.useState)(""),[E,x]=(0,import_react19.useState)(""),[b,R]=(0,import_react19.useState)(null),[h,P]=(0,import_react19.useState)(""),[M,D]=(0,import_react19.useState)(null),[N,B]=(0,import_react19.useState)("ag-layout-normal"),W=(0,import_react19.useRef)();W.current||(W.current=new import_ag_grid_community15.CssClassManager(()=>I.current));const I=(0,import_react19.useRef)(null),O=(0,import_react19.useRef)(null),H=(0,import_react19.useRef)(null),F=(0,import_react19.useRef)(null),A=(0,import_react19.useRef)(null),_=(0,import_react19.useRef)(null),z=(0,import_react19.useRef)(null),k=(0,import_react19.useRef)([]),Q=(0,import_react19.useRef)([]);reactComment_default(" AG Grid Body ",I),reactComment_default(" AG Pinned Top ",O),reactComment_default(" AG Sticky Top ",H),reactComment_default(" AG Middle ",_),reactComment_default(" AG Pinned Bottom ",z);const $=(0,import_react19.useCallback)(re=>{if(I.current=re,!I.current){e.destroyBeans(k.current),Q.current.forEach(U=>U()),k.current=[],Q.current=[];return}if(!e)return;const oe=(U,K)=>{U.appendChild(K),Q.current.push(()=>U.removeChild(K))},ce=U=>{const K=e.createBean(new U);return k.current.push(K),K},se=(U,K,de)=>{oe(U,document.createComment(de)),oe(U,ce(K).getGui())};se(I.current,import_ag_grid_community15.FakeHScrollComp," AG Fake Horizontal Scroll "),se(I.current,import_ag_grid_community15.OverlayWrapperComponent," AG Overlay Wrapper "),A.current&&se(A.current,import_ag_grid_community15.FakeVScrollComp," AG Fake Vertical Scroll ");const ie={setRowAnimationCssOnBodyViewport:s,setColumnCount:U=>{I.current&&(0,import_ag_grid_community15._setAriaColCount)(I.current,U)},setRowCount:U=>{I.current&&(0,import_ag_grid_community15._setAriaRowCount)(I.current,U)},setTopHeight:a,setBottomHeight:o,setStickyTopHeight:l,setStickyTopTop:d,setStickyTopWidth:y,setTopDisplay:T,setBottomDisplay:x,setColumnMovingCss:(U,K)=>W.current.addOrRemoveCssClass(U,K),updateLayoutClasses:B,setAlwaysVerticalScrollClass:R,setPinnedTopBottomOverflowY:P,setCellSelectableCss:(U,K)=>D(K?U:null),setBodyViewportWidth:U=>{_.current&&(_.current.style.width=U)},registerBodyViewportResizeListener:U=>{if(_.current){const K=t.observeResize(_.current,U);Q.current.push(()=>K())}},setStickyBottomHeight:g,setStickyBottomBottom:f,setStickyBottomWidth:S},le=e.createBean(new import_ag_grid_community15.GridBodyCtrl);k.current.push(le),le.setComp(ie,I.current,_.current,O.current,z.current,H.current,F.current)},[]),Y=(0,import_react19.useMemo)(()=>classesList("ag-root","ag-unselectable",N),[N]),ee=(0,import_react19.useMemo)(()=>classesList("ag-body-viewport",r,N,b,M),[r,N,b,M]),ne=(0,import_react19.useMemo)(()=>classesList("ag-body",N),[N]),ae=(0,import_react19.useMemo)(()=>classesList("ag-floating-top",M),[M]),j=(0,import_react19.useMemo)(()=>classesList("ag-sticky-top",M),[M]),q=(0,import_react19.useMemo)(()=>classesList("ag-sticky-bottom",i==="0px"?"ag-hidden":null,M),[M,i]),V=(0,import_react19.useMemo)(()=>classesList("ag-floating-bottom",M),[M]),G=(0,import_react19.useMemo)(()=>({height:n,minHeight:n,display:C,overflowY:h}),[n,C,h]),L=(0,import_react19.useMemo)(()=>({height:u,top:p,width:v}),[u,p,v]),J=(0,import_react19.useMemo)(()=>({height:i,bottom:m,width:w}),[i,m,w]),Z=(0,import_react19.useMemo)(()=>({height:c,minHeight:c,display:E,overflowY:h}),[c,E,h]),te=re=>import_react19.default.createElement(rowContainerComp_default,{name:re,key:`${re}-container`}),X=({section:re,children:oe,className:ce,style:se})=>import_react19.default.createElement("div",{ref:re,className:ce,role:"presentation",style:se},oe.map(te));return import_react19.default.createElement("div",{ref:$,className:Y,role:"treegrid"},import_react19.default.createElement(gridHeaderComp_default,null),X({section:O,className:ae,style:G,children:["topLeft","topCenter","topRight","topFullWidth"]}),import_react19.default.createElement("div",{className:ne,ref:A,role:"presentation"},X({section:_,className:ee,children:["left","center","right","fullWidth"]})),X({section:H,className:j,style:L,children:["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"]}),X({section:F,className:q,style:J,children:["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"]}),X({section:z,className:V,style:Z,children:["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"]}))},gridBodyComp_default=(0,import_react19.memo)(GridBodyComp),import_ag_grid_community16=require("ag-grid-community"),import_react20=__toESM(require("react")),TabGuardCompRef=(e,t)=>{const{children:r,eFocusableElement:s,onTabKeyDown:n,gridCtrl:a,forceFocusOutWhenTabGuardsAreEmpty:c}=e,{context:o}=(0,import_react20.useContext)(BeansContext),u=(0,import_react20.useRef)(null),l=(0,import_react20.useRef)(null),p=(0,import_react20.useRef)(),d=m=>{const f=m==null?void 0:parseInt(m,10).toString();[u,l].forEach(w=>{f===void 0?w.current?.removeAttribute("tabindex"):w.current?.setAttribute("tabindex",f)})};(0,import_react20.useImperativeHandle)(t,()=>({forceFocusOutOfContainer(m){p.current?.forceFocusOutOfContainer(m)}}));const v=(0,import_react20.useCallback)(()=>{if(!u.current&&!l.current){o.destroyBean(p.current),p.current=null;return}if(u.current&&l.current){const m={setTabIndex:d};p.current=o.createBean(new import_ag_grid_community16.TabGuardCtrl({comp:m,eTopGuard:u.current,eBottomGuard:l.current,eFocusableElement:s,onTabKeyDown:n,forceFocusOutWhenTabGuardsAreEmpty:c,focusInnerElement:f=>a.focusInnerElement(f)}))}},[]),y=(0,import_react20.useCallback)(m=>{u.current=m,v()},[v]),i=(0,import_react20.useCallback)(m=>{l.current=m,v()},[v]),g=m=>{const f=m==="top"?import_ag_grid_community16.TabGuardClassNames.TAB_GUARD_TOP:import_ag_grid_community16.TabGuardClassNames.TAB_GUARD_BOTTOM;return import_react20.default.createElement("div",{className:`${import_ag_grid_community16.TabGuardClassNames.TAB_GUARD} ${f}`,role:"presentation",ref:m==="top"?y:i})};return import_react20.default.createElement(import_react20.default.Fragment,null,g("top"),r,g("bottom"))},TabGuardComp=(0,import_react20.forwardRef)(TabGuardCompRef),tabGuardComp_default=(0,import_react20.memo)(TabGuardComp),GridComp=({context:e})=>{const[t,r]=(0,import_react21.useState)(""),[s,n]=(0,import_react21.useState)(""),[a,c]=(0,import_react21.useState)(null),[o,u]=(0,import_react21.useState)(null),[l,p]=(0,import_react21.useState)(!1),[d,v]=(0,import_react21.useState)(),y=(0,import_react21.useRef)(null),i=(0,import_react21.useRef)(null),g=(0,import_react21.useRef)(),[m,f]=(0,import_react21.useState)(null),w=(0,import_react21.useRef)(()=>{}),S=(0,import_react21.useRef)(),C=(0,import_react21.useRef)([]),T=(0,import_react21.useCallback)(()=>{},[]),E=(0,import_react21.useMemo)(()=>e.isDestroyed()?null:e.getBeans(),[e]);reactComment_default(" AG Grid ",i);const x=(0,import_react21.useCallback)(M=>{if(i.current=M,!i.current){e.destroyBean(y.current),y.current=null;return}if(e.isDestroyed())return;y.current=e.createBean(new import_ag_grid_community17.GridCtrl);const D=y.current;w.current=D.focusInnerElement.bind(D);const N={destroyGridUi:()=>{},setRtlClass:r,forceFocusOutOfContainer:B=>{if(!B&&S.current?.isDisplayed()){S.current.forceFocusOutOfContainer(B);return}g.current?.forceFocusOutOfContainer(B)},updateLayoutClasses:n,getFocusableContainers:()=>{const B=[],W=i.current?.querySelector(".ag-root");return W&&B.push({getGui:()=>W}),C.current.forEach(I=>{I.isDisplayed()&&B.push(I)}),B},setCursor:c,setUserSelect:u};D.setComp(N,i.current,i.current),p(!0)},[]);(0,import_react21.useEffect)(()=>{if(!d||!E||!y.current||!m||!i.current)return;const M=y.current,D=[],{watermarkSelector:N,paginationSelector:B,sideBarSelector:W,statusBarSelector:I,gridHeaderDropZonesSelector:O}=M.getOptionalSelectors(),H=[],F=i.current;if(O){const _=e.createBean(new O.component),z=_.getGui();F.insertAdjacentElement("afterbegin",z),H.push(z),D.push(_)}if(W){const _=e.createBean(new W.component),z=_.getGui(),k=m.querySelector(".ag-tab-guard-bottom");k&&(k.insertAdjacentElement("beforebegin",z),H.push(z)),D.push(_),C.current.push(_)}const A=_=>{const z=e.createBean(new _),k=z.getGui();return F.insertAdjacentElement("beforeend",k),H.push(k),D.push(z),z};if(I&&A(I.component),B){const _=A(B.component);S.current=_,C.current.push(_)}return N&&A(N.component),()=>{e.destroyBeans(D),H.forEach(_=>{_.parentElement&&_.parentElement.removeChild(_)})}},[d,m,E]);const b=(0,import_react21.useMemo)(()=>classesList("ag-root-wrapper",t,s),[t,s]),R=(0,import_react21.useMemo)(()=>classesList("ag-root-wrapper-body","ag-focus-managed",s),[s]),h=(0,import_react21.useMemo)(()=>({userSelect:o??"",WebkitUserSelect:o??"",cursor:a??""}),[o,a]),P=(0,import_react21.useCallback)(M=>{g.current=M,v(M!==null)},[]);return import_react21.default.createElement("div",{ref:x,className:b,style:h,role:"presentation"},import_react21.default.createElement("div",{className:R,ref:f,role:"presentation"},l&&m&&E&&import_react21.default.createElement(BeansContext.Provider,{value:E},import_react21.default.createElement(tabGuardComp_default,{ref:P,eFocusableElement:m,onTabKeyDown:T,gridCtrl:y.current,forceFocusOutWhenTabGuardsAreEmpty:!0},import_react21.default.createElement(gridBodyComp_default,null)))))},gridComp_default=(0,import_react21.memo)(GridComp),import_ag_grid_community18=require("ag-grid-community"),RenderStatusService=class extends import_ag_grid_community18.BeanStub{wireBeans(e){this.ctrlsService=e.ctrlsService}areHeaderCellsRendered(){return this.ctrlsService.getHeaderRowContainerCtrls().every(e=>e.getAllCtrls().every(t=>t.areCellsRendered()))}},AgGridReactUi=e=>{const t=(0,import_react22.useRef)(),r=(0,import_react22.useRef)(null),s=(0,import_react22.useRef)(null),n=(0,import_react22.useRef)([]),a=(0,import_react22.useRef)([]),c=(0,import_react22.useRef)(e),o=(0,import_react22.useRef)(),u=(0,import_react22.useRef)(!1),[l,p]=(0,import_react22.useState)(void 0),[,d]=(0,import_react22.useState)(0),v=(0,import_react22.useCallback)(g=>{if(r.current=g,!r.current){n.current.forEach(R=>R()),n.current.length=0;return}const m=e.modules||[];s.current||(s.current=new PortalManager(()=>d(R=>R+1),e.componentWrappingElement,e.maxComponentCreationTimeMs),n.current.push(()=>{s.current?.destroy(),s.current=null}));const f=(0,import_ag_grid_community19._combineAttributesAndGridOptions)(e.gridOptions,e),w=()=>{if(u.current){const R=()=>o.current?.shouldQueueUpdates()?void 0:a.current.shift();let h=R();for(;h;)h(),h=R()}},S=isReact17Minus()?new React17MinusFrameworkOverrides(w):new ReactFrameworkOverrides;o.current=S;const C=new RenderStatusService,T={providedBeanInstances:{frameworkComponentWrapper:new ReactFrameworkComponentWrapper(s.current,f.reactiveCustomComponents??!0),renderStatusService:C},modules:m,frameworkOverrides:S},E=R=>{p(R),R.createBean(C),n.current.push(()=>{R.destroy()}),R.getBean("ctrlsService").whenReady(()=>{if(R.isDestroyed())return;const P=t.current;P&&e.setGridApi&&e.setGridApi(P)})},x=R=>{R.getBean("ctrlsService").whenReady(()=>{a.current.forEach(P=>P()),a.current.length=0,u.current=!0})},b=new import_ag_grid_community19.GridCoreCreator;t.current=b.create(r.current,f,E,x,T)},[]),y=(0,import_react22.useMemo)(()=>({height:"100%",...e.containerStyle||{}}),[e.containerStyle]),i=(0,import_react22.useCallback)(g=>{u.current&&!o.current?.shouldQueueUpdates()?g():a.current.push(g)},[]);return(0,import_react22.useEffect)(()=>{const g=extractGridPropertyChanges(c.current,e);c.current=e,i(()=>{t.current&&(0,import_ag_grid_community19._processOnChange)(g,t.current)})},[e]),import_react22.default.createElement("div",{style:y,className:e.className,ref:v},l&&!l.isDestroyed()?import_react22.default.createElement(gridComp_default,{context:l}):null,s.current?.getPortals()??null)};function extractGridPropertyChanges(e,t){const r={};return Object.keys(t).forEach(s=>{const n=t[s];e[s]!==n&&(r[s]=n)}),r}var ReactFrameworkComponentWrapper=class extends import_ag_grid_community19.BaseComponentWrapper{constructor(e,t){super(),this.parent=e,this.reactiveCustomComponents=t}createWrapper(e,t){if(this.reactiveCustomComponents){const n=(a=>{switch(a){case"filter":return FilterComponentWrapper;case"floatingFilterComponent":return FloatingFilterComponentWrapper;case"dateComponent":return DateComponentWrapper;case"loadingOverlayComponent":return LoadingOverlayComponentWrapper;case"noRowsOverlayComponent":return NoRowsOverlayComponentWrapper;case"statusPanel":return StatusPanelComponentWrapper;case"toolPanel":return ToolPanelComponentWrapper;case"menuItem":return MenuItemComponentWrapper;case"cellRenderer":return CellRendererComponentWrapper}})(t.propertyName);if(n)return new n(e,this.parent,t)}else switch(t.propertyName){case"filter":case"floatingFilterComponent":case"dateComponent":case"loadingOverlayComponent":case"noRowsOverlayComponent":case"statusPanel":case"toolPanel":case"menuItem":case"cellRenderer":warnReactiveCustomComponents();break}const r=!t.cellRenderer&&t.propertyName!=="toolPanel";return new ReactComponent(e,this.parent,t,r)}},DetailCellRenderer=(0,import_react22.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:s,gos:n,resizeObserverService:a,rowModel:c}=(0,import_react22.useContext)(BeansContext),[o,u]=(0,import_react22.useState)(()=>new CssClasses),[l,p]=(0,import_react22.useState)(()=>new CssClasses),[d,v]=(0,import_react22.useState)(),[y,i]=(0,import_react22.useState)(),g=(0,import_react22.useRef)(),m=(0,import_react22.useRef)(null),f=(0,import_react22.useRef)(),w=(0,import_react22.useMemo)(()=>import_ag_grid_community19.ModuleRegistry.__getGridRegisteredModules(e.api.getGridId()),[e]),S=(0,import_react22.useMemo)(()=>o.toString()+" ag-details-row",[o]),C=(0,import_react22.useMemo)(()=>l.toString()+" ag-details-grid",[l]);t&&(0,import_react22.useImperativeHandle)(t,()=>({refresh(){return g.current?.refresh()??!1}})),e.template&&(0,import_ag_grid_community19._warnOnce)("detailCellRendererParams.template is not supported by AG Grid React. To change the template, provide a Custom Detail Cell Renderer. See https://ag-grid.com/react-data-grid/master-detail-custom-detail/");const T=(0,import_react22.useCallback)(x=>{if(m.current=x,!m.current){s.destroyBean(g.current),f.current&&f.current();return}const b={addOrRemoveCssClass:(h,P)=>u(M=>M.setClass(h,P)),addOrRemoveDetailGridCssClass:(h,P)=>p(M=>M.setClass(h,P)),setDetailGrid:h=>v(h),setRowData:h=>i(h),getGui:()=>m.current},R=r.getInstance("detailCellRenderer");if(R&&(s.createBean(R),R.init(b,e),g.current=R,n.get("detailRowAutoHeight"))){const h=()=>{if(m.current==null)return;const P=m.current.clientHeight;P!=null&&P>0&&setTimeout(()=>{e.node.setRowHeight(P),(c.getType()==="clientSide"||c.getType()==="serverSide")&&c.onRowHeightChanged()},0)};f.current=a.observeResize(m.current,h),h()}},[]),E=(0,import_react22.useCallback)(x=>{g.current?.registerDetailWithMaster(x)},[]);return import_react22.default.createElement("div",{className:S,ref:T},d&&import_react22.default.createElement(AgGridReactUi,{className:C,...d,modules:w,rowData:y,setGridApi:E}))}),ReactFrameworkOverrides=class extends import_ag_grid_community19.VanillaFrameworkOverrides{constructor(){super("react"),this.frameworkComponents={agGroupCellRenderer:groupCellRenderer_default,agGroupRowRenderer:groupCellRenderer_default,agDetailCellRenderer:DetailCellRenderer},this.wrapIncoming=(e,t)=>t==="ensureVisible"?runWithoutFlushSync(e):e(),this.renderingEngine="react"}frameworkComponent(e){return this.frameworkComponents[e]}isFrameworkComponent(e){if(!e)return!1;const t=e.prototype;return!(t&&"getGui"in t)}shouldQueueUpdates(){return!1}getLockOnRefreshError(){return" This error can also occur if using 'ReactDOM.render' instead of 'createRoot'. If so, please upgrade to 'createRoot'."}},React17MinusFrameworkOverrides=class extends ReactFrameworkOverrides{constructor(e){super(),this.processQueuedUpdates=e,this.queueUpdates=!1}getLockOnRefresh(){this.queueUpdates=!0}releaseLockOnRefresh(){this.queueUpdates=!1,this.processQueuedUpdates()}shouldQueueUpdates(){return this.queueUpdates}getLockOnRefreshError(){return""}},AgGridReact=class extends import_react23.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 import_react23.default.createElement(AgGridReactUi,{...this.props,setGridApi:this.setGridApi})}},import_react24=require("react");function useGridCustomComponent(e){const{setMethods:t}=(0,import_react24.useContext)(CustomContext);t(e)}function useGridCellEditor(e){useGridCustomComponent(e)}function useGridDate(e){return useGridCustomComponent(e)}function useGridFilter(e){return useGridCustomComponent(e)}function useGridFloatingFilter(e){useGridCustomComponent(e)}function useGridMenuItem(e){useGridCustomComponent(e)}
+"use strict";var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__export=(e,t)=>{for(var r in t)__defProp(e,r,{get:t[r],enumerable:!0})},__copyProps=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of __getOwnPropNames(t))!__hasOwnProp.call(e,s)&&s!==r&&__defProp(e,s,{get:()=>t[s],enumerable:!(n=__getOwnPropDesc(t,s))||n.enumerable});return e},__toESM=(e,t,r)=>(r=e!=null?__create(__getProtoOf(e)):{},__copyProps(t||!e||!e.__esModule?__defProp(r,"default",{value:e,enumerable:!0}):r,e)),__toCommonJS=e=>__copyProps(__defProp({},"__esModule",{value:!0}),e),src_exports={};__export(src_exports,{AgGridReact:()=>AgGridReact,CustomComponentContext:()=>CustomContext,getInstance:()=>getInstance,useGridCellEditor:()=>useGridCellEditor,useGridDate:()=>useGridDate,useGridFilter:()=>useGridFilter,useGridFloatingFilter:()=>useGridFloatingFilter,useGridMenuItem:()=>useGridMenuItem,warnReactiveCustomComponents:()=>warnReactiveCustomComponents}),module.exports=__toCommonJS(src_exports);var import_react24=__toESM(require("react")),import_ag_grid_community20=require("ag-grid-community"),import_react23=__toESM(require("react")),import_ag_grid_community=require("ag-grid-community"),import_react3=__toESM(require("react")),import_react=__toESM(require("react")),BeansContext=import_react.default.createContext({}),showJsComp=(e,t,r,n)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const d=e.newAgStackInstance();if(d==null)return;let c,o,l=!1;return d.then(a=>{if(l){t.destroyBean(a);return}c=a,o=c.getGui(),r.appendChild(o),setRef(n,c)}),()=>{l=!0,c&&(o?.parentElement?.removeChild(o),t.destroyBean(c),n&&setRef(n,void 0))}},setRef=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},import_react2=__toESM(require("react")),import_react_dom=__toESM(require("react-dom")),classesList=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),CssClasses=class ie{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const s=new ie;return s.classesMap={...this.classesMap},s.classesMap[t]=r,s}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},isComponentStateless=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()},reactVersion=import_react2.default.version?.split(".")[0],isReactVersion17Minus=reactVersion==="16"||reactVersion==="17";function isReact19(){return reactVersion==="19"}var disableFlushSync=!1;function runWithoutFlushSync(e){return disableFlushSync||setTimeout(()=>disableFlushSync=!1,0),disableFlushSync=!0,e()}var agFlushSync=(e,t)=>{!isReactVersion17Minus&&e&&!disableFlushSync?import_react_dom.default.flushSync(t):t()};function getNextValueIfDifferent(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,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];d.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;d.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 GroupCellRenderer=(0,import_react3.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:n}=(0,import_react3.useContext)(BeansContext),s=(0,import_react3.useRef)(null),d=(0,import_react3.useRef)(null),c=(0,import_react3.useRef)(null),o=(0,import_react3.useRef)(null),l=(0,import_react3.useRef)(null),a=(0,import_react3.useRef)(),[i,C]=(0,import_react3.useState)(),[v,g]=(0,import_react3.useState)(),[p,f]=(0,import_react3.useState)(),[u,h]=(0,import_react3.useState)(()=>new CssClasses),[R,y]=(0,import_react3.useState)(()=>new CssClasses("ag-hidden")),[w,b]=(0,import_react3.useState)(()=>new CssClasses("ag-hidden")),[I,E]=(0,import_react3.useState)(()=>new CssClasses("ag-invisible"));(0,import_react3.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,import_react3.useLayoutEffect)(()=>showJsComp(i,n,d.current),[i]);const M=(0,import_react3.useCallback)(G=>{if(s.current=G,!G){a.current=n.destroyBean(a.current);return}const B={setInnerRenderer:(A,W)=>{C(A),f(W)},setChildCount:A=>g(A),addOrRemoveCssClass:(A,W)=>h(D=>D.setClass(A,W)),setContractedDisplayed:A=>b(W=>W.setClass("ag-hidden",!A)),setExpandedDisplayed:A=>y(W=>W.setClass("ag-hidden",!A)),setCheckboxVisible:A=>E(W=>W.setClass("ag-invisible",!A))},H=r.getInstance("groupCellRendererCtrl");H&&(a.current=n.createBean(H),a.current.init(B,G,c.current,o.current,l.current,GroupCellRenderer,e))},[]),F=(0,import_react3.useMemo)(()=>`ag-cell-wrapper ${u.toString()}`,[u]),m=(0,import_react3.useMemo)(()=>`ag-group-expanded ${R.toString()}`,[R]),S=(0,import_react3.useMemo)(()=>`ag-group-contracted ${w.toString()}`,[w]),k=(0,import_react3.useMemo)(()=>`ag-group-checkbox ${I.toString()}`,[I]),z=i&&i.componentFromFramework,O=z?i.componentClass:void 0,N=i==null&&p!=null,_=(0,import_ag_grid_community._escapeString)(p,!0);return import_react3.default.createElement("span",{className:F,ref:M,...e.colDef?{}:{role:a.current?.getCellAriaRole()}},import_react3.default.createElement("span",{className:m,ref:o}),import_react3.default.createElement("span",{className:S,ref:l}),import_react3.default.createElement("span",{className:k,ref:c}),import_react3.default.createElement("span",{className:"ag-group-value",ref:d},N&&import_react3.default.createElement(import_react3.default.Fragment,null,_),z&&import_react3.default.createElement(O,{...i.params})),import_react3.default.createElement("span",{className:"ag-group-child-count"},v))}),groupCellRenderer_default=GroupCellRenderer,import_ag_grid_community3=require("ag-grid-community"),import_react5=__toESM(require("react")),import_react4=require("react"),CustomContext=(0,import_react4.createContext)({setMethods:()=>{}}),CustomWrapperComp=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:n,setMethods:s}=e,[{key:d,...c},o]=(0,import_react5.useState)(t);return(0,import_react5.useEffect)(()=>{r(l=>o(l))},[]),import_react5.default.createElement(CustomContext.Provider,{value:{setMethods:s}},import_react5.default.createElement(n,{key:d,...c}))},customWrapperComp_default=(0,import_react5.memo)(CustomWrapperComp),import_ag_grid_community2=require("ag-grid-community"),import_react6=require("react"),import_react_dom2=require("react-dom"),counter=0;function generateNewKey(){return`agPortalKey_${++counter}`}var ReactComponent=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=generateNewKey(),this.portalKey=generateNewKey(),this.instanceCreated=this.isStatelessComponent()?import_ag_grid_community2.AgPromise.resolve(!1):new import_ag_grid_community2.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}addParentContainerStyleAndClasses(){this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&((0,import_ag_grid_community2._warnOnce)('Since v31.1 "getReactContainerStyle" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle())),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&((0,import_ag_grid_community2._warnOnce)('Since v31.1 "getReactContainerClasses" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),this.componentInstance.getReactContainerClasses().forEach(t=>this.eParentElement.classList.add(t))))}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 import_ag_grid_community2.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.addParentContainerStyleAndClasses(),this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,import_react_dom2.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,import_react6.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 addOptionalMethods(e,t,r){e.forEach(n=>{const s=t[n];s&&(r[n]=s)})}var CustomComponentWrapper=class extends ReactComponent{constructor(){super(...arguments),this.awaitUpdateCallback=new import_ag_grid_community3.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=customWrapperComp_default}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 import_ag_grid_community3.AgPromise(n=>{setTimeout(()=>{n()})})),this.resolveUpdateCallback()}})}setMethods(e){this.providedMethods=e,addOptionalMethods(this.getOptionalMethods(),this.providedMethods,this)}getOptionalMethods(){return[]}getProps(){return{...this.sourceParams,key:this.key,ref:this.ref}}refreshProps(){return this.updateCallback?this.updateCallback():new import_ag_grid_community3.AgPromise(e=>this.awaitUpdateCallback.then(()=>{this.updateCallback().then(()=>e())}))}},CellRendererComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},DateComponentWrapper=class extends CustomComponentWrapper{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}},DragAndDropImageComponentWrapper=class extends CustomComponentWrapper{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}},FilterComponentWrapper=class extends CustomComponentWrapper{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,delete e.valueGetter,e}},import_ag_grid_community4=require("ag-grid-community");function updateFloatingFilterParent(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||import_ag_grid_community4.AgPromise.resolve()).then(()=>{e.filterParams.filterChangedCallback()})})}var FloatingFilterComponentProxy=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){addOptionalMethods(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),updateFloatingFilterParent(this.floatingFilterParams,e)}},FloatingFilterComponentWrapper=class extends CustomComponentWrapper{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(),updateFloatingFilterParent(this.sourceParams,e)}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e}},LoadingOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},MenuItemComponentWrapper=class extends CustomComponentWrapper{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}},NoRowsOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},StatusPanelComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},ToolPanelComponentWrapper=class extends CustomComponentWrapper{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}},import_ag_grid_community5=require("ag-grid-community");function getInstance(e,t){(e?.getInstance?.()??import_ag_grid_community5.AgPromise.resolve(void 0)).then(n=>t(n))}function warnReactiveCustomComponents(){(0,import_ag_grid_community5._warnOnce)("As of v32, using custom components with `reactiveCustomComponents = false` is deprecated.")}var MAX_COMPONENT_CREATION_TIME_IN_MS=1e3,PortalManager=class{constructor(e,t,r){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.refresher=e,this.maxComponentCreationTimeMs=r||MAX_COMPONENT_CREATION_TIME_IN_MS}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)})}}},import_ag_grid_community18=require("ag-grid-community"),import_react22=__toESM(require("react")),import_ag_grid_community16=require("ag-grid-community"),import_react20=__toESM(require("react")),import_ag_grid_community11=require("ag-grid-community"),import_react12=__toESM(require("react")),import_ag_grid_community10=require("ag-grid-community"),import_react11=__toESM(require("react")),import_ag_grid_community9=require("ag-grid-community"),import_react10=__toESM(require("react")),import_ag_grid_community6=require("ag-grid-community"),import_react7=__toESM(require("react")),HeaderCellComp=({ctrl:e})=>{const t=e.isAlive(),{context:r}=(0,import_react7.useContext)(BeansContext),n=t?e.getColId():void 0,[s,d]=(0,import_react7.useState)(),c=(0,import_react7.useRef)(),o=(0,import_react7.useRef)(null),l=(0,import_react7.useRef)(null),a=(0,import_react7.useRef)(null),i=(0,import_react7.useRef)(),C=(0,import_react7.useRef)();t&&!C.current&&(C.current=new import_ag_grid_community6.CssClassManager(()=>o.current));const v=(0,import_react7.useCallback)(u=>{if(o.current=u,c.current=u?r.createBean(new import_ag_grid_community6._EmptyBean):r.destroyBean(c.current),!u||!t)return;const h={setWidth:y=>{o.current&&(o.current.style.width=y)},addOrRemoveCssClass:(y,w)=>C.current.addOrRemoveCssClass(y,w),setAriaSort:y=>{o.current&&(y?(0,import_ag_grid_community6._setAriaSort)(o.current,y):(0,import_ag_grid_community6._removeAriaSort)(o.current))},setUserCompDetails:y=>d(y),getUserCompInstance:()=>i.current||void 0};e.setComp(h,u,l.current,a.current,c.current);const R=e.getSelectAllGui();l.current?.insertAdjacentElement("afterend",R),c.current.addDestroyFunc(()=>R.remove())},[]);(0,import_react7.useLayoutEffect)(()=>showJsComp(s,r,a.current,i),[s]),(0,import_react7.useEffect)(()=>{e.setDragSource(o.current)},[s]);const g=(0,import_react7.useMemo)(()=>!!(s?.componentFromFramework&&isComponentStateless(s.componentClass)),[s]),p=s&&s.componentFromFramework,f=s&&s.componentClass;return import_react7.default.createElement("div",{ref:v,className:"ag-header-cell","col-id":n,role:"columnheader"},import_react7.default.createElement("div",{ref:l,className:"ag-header-cell-resize",role:"presentation"}),import_react7.default.createElement("div",{ref:a,className:"ag-header-cell-comp-wrapper",role:"presentation"},p&&g&&import_react7.default.createElement(f,{...s.params}),p&&!g&&import_react7.default.createElement(f,{...s.params,ref:i})))},headerCellComp_default=(0,import_react7.memo)(HeaderCellComp),import_ag_grid_community7=require("ag-grid-community"),import_react8=__toESM(require("react")),HeaderFilterCellComp=({ctrl:e})=>{const{context:t,gos:r}=(0,import_react8.useContext)(BeansContext),[n,s]=(0,import_react8.useState)(()=>new CssClasses("ag-header-cell","ag-floating-filter")),[d,c]=(0,import_react8.useState)(()=>new CssClasses),[o,l]=(0,import_react8.useState)(()=>new CssClasses("ag-floating-filter-button","ag-hidden")),[a,i]=(0,import_react8.useState)("false"),[C,v]=(0,import_react8.useState)(),[,g]=(0,import_react8.useState)(1),p=(0,import_react8.useRef)(),f=(0,import_react8.useRef)(null),u=(0,import_react8.useRef)(null),h=(0,import_react8.useRef)(null),R=(0,import_react8.useRef)(null),y=(0,import_react8.useRef)(),w=(0,import_react8.useRef)(),b=_=>{_!=null&&y.current&&y.current(_)},I=(0,import_react8.useCallback)(_=>{if(f.current=_,p.current=_?t.createBean(new import_ag_grid_community7._EmptyBean):t.destroyBean(p.current),!_)return;w.current=new import_ag_grid_community7.AgPromise(B=>{y.current=B});const G={addOrRemoveCssClass:(B,H)=>s(A=>A.setClass(B,H)),addOrRemoveBodyCssClass:(B,H)=>c(A=>A.setClass(B,H)),setButtonWrapperDisplayed:B=>{l(H=>H.setClass("ag-hidden",!B)),i(B?"false":"true")},setWidth:B=>{f.current&&(f.current.style.width=B)},setCompDetails:B=>v(B),getFloatingFilterComp:()=>w.current?w.current:null,setMenuIcon:B=>R.current?.appendChild(B)};e.setComp(G,_,R.current,u.current,p.current)},[]);(0,import_react8.useLayoutEffect)(()=>showJsComp(C,t,u.current,b),[C]);const E=(0,import_react8.useMemo)(()=>n.toString(),[n]),M=(0,import_react8.useMemo)(()=>d.toString(),[d]),F=(0,import_react8.useMemo)(()=>o.toString(),[o]),m=(0,import_react8.useMemo)(()=>!!(C&&C.componentFromFramework&&isComponentStateless(C.componentClass)),[C]),S=(0,import_react8.useMemo)(()=>r.get("reactiveCustomComponents"),[]),k=(0,import_react8.useMemo)(()=>{if(C)if(S){const _=new FloatingFilterComponentProxy(C.params,()=>g(G=>G+1));return b(_),_}else C.componentFromFramework&&warnReactiveCustomComponents()},[C]),z=k?.getProps(),O=C&&C.componentFromFramework,N=C&&C.componentClass;return import_react8.default.createElement("div",{ref:I,className:E,role:"gridcell"},import_react8.default.createElement("div",{ref:u,className:M,role:"presentation"},O&&!S&&import_react8.default.createElement(N,{...C.params,ref:m?()=>{}:b}),O&&S&&import_react8.default.createElement(CustomContext.Provider,{value:{setMethods:_=>k.setMethods(_)}},import_react8.default.createElement(N,{...z}))),import_react8.default.createElement("div",{ref:h,"aria-hidden":a,className:F,role:"presentation"},import_react8.default.createElement("button",{ref:R,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},headerFilterCellComp_default=(0,import_react8.memo)(HeaderFilterCellComp),import_ag_grid_community8=require("ag-grid-community"),import_react9=__toESM(require("react")),HeaderGroupCellComp=({ctrl:e})=>{const{context:t}=(0,import_react9.useContext)(BeansContext),[r,n]=(0,import_react9.useState)(()=>new CssClasses),[s,d]=(0,import_react9.useState)(()=>new CssClasses),[c,o]=(0,import_react9.useState)("false"),[l,a]=(0,import_react9.useState)(),[i,C]=(0,import_react9.useState)(),v=(0,import_react9.useMemo)(()=>e.getColId(),[]),g=(0,import_react9.useRef)(),p=(0,import_react9.useRef)(null),f=(0,import_react9.useRef)(null),u=(0,import_react9.useRef)(null),h=(0,import_react9.useRef)(),R=(0,import_react9.useCallback)(M=>{if(p.current=M,g.current=M?t.createBean(new import_ag_grid_community8._EmptyBean):t.destroyBean(g.current),!M)return;const F={setWidth:m=>{p.current&&(p.current.style.width=m)},addOrRemoveCssClass:(m,S)=>n(k=>k.setClass(m,S)),setUserCompDetails:m=>C(m),setResizableDisplayed:m=>{d(S=>S.setClass("ag-hidden",!m)),o(m?"false":"true")},setAriaExpanded:m=>a(m),getUserCompInstance:()=>h.current||void 0};e.setComp(F,M,f.current,u.current,g.current)},[]);(0,import_react9.useLayoutEffect)(()=>showJsComp(i,t,u.current),[i]),(0,import_react9.useEffect)(()=>{p.current&&e.setDragSource(p.current)},[i]);const y=(0,import_react9.useMemo)(()=>!!(i?.componentFromFramework&&isComponentStateless(i.componentClass)),[i]),w=(0,import_react9.useMemo)(()=>"ag-header-group-cell "+r.toString(),[r]),b=(0,import_react9.useMemo)(()=>"ag-header-cell-resize "+s.toString(),[s]),I=i&&i.componentFromFramework,E=i&&i.componentClass;return import_react9.default.createElement("div",{ref:R,className:w,"col-id":v,role:"columnheader","aria-expanded":l},import_react9.default.createElement("div",{ref:u,className:"ag-header-cell-comp-wrapper",role:"presentation"},I&&y&&import_react9.default.createElement(E,{...i.params}),I&&!y&&import_react9.default.createElement(E,{...i.params,ref:h})),import_react9.default.createElement("div",{ref:f,"aria-hidden":c,className:b}))},headerGroupCellComp_default=(0,import_react9.memo)(HeaderGroupCellComp),HeaderRowComp=({ctrl:e})=>{const{context:t}=(0,import_react10.useContext)(BeansContext),{topOffset:r,rowHeight:n}=(0,import_react10.useMemo)(()=>e.getTopAndHeight(),[]),s=e.getAriaRowIndex(),d=e.getHeaderRowClass(),[c,o]=(0,import_react10.useState)(()=>n+"px"),[l,a]=(0,import_react10.useState)(()=>r+"px"),i=(0,import_react10.useRef)(null),C=(0,import_react10.useRef)(null),[v,g]=(0,import_react10.useState)(()=>e.getHeaderCtrls()),p=(0,import_react10.useRef)(),f=(0,import_react10.useRef)(null),u=(0,import_react10.useCallback)(y=>{if(f.current=y,p.current=y?t.createBean(new import_ag_grid_community9._EmptyBean):t.destroyBean(p.current),!y)return;const w={setHeight:b=>o(b),setTop:b=>a(b),setHeaderCtrls:(b,I,E)=>{C.current=i.current,i.current=b;const M=getNextValueIfDifferent(C.current,b,I);M!==C.current&&agFlushSync(E,()=>g(M))},setWidth:b=>{f.current&&(f.current.style.width=b)}};e.setComp(w,p.current,!1)},[]),h=(0,import_react10.useMemo)(()=>({height:c,top:l}),[c,l]),R=(0,import_react10.useCallback)(y=>{switch(e.getType()){case import_ag_grid_community9.HeaderRowType.COLUMN_GROUP:return import_react10.default.createElement(headerGroupCellComp_default,{ctrl:y,key:y.instanceId});case import_ag_grid_community9.HeaderRowType.FLOATING_FILTER:return import_react10.default.createElement(headerFilterCellComp_default,{ctrl:y,key:y.instanceId});default:return import_react10.default.createElement(headerCellComp_default,{ctrl:y,key:y.instanceId})}},[]);return import_react10.default.createElement("div",{ref:u,className:d,role:"row",style:h,"aria-rowindex":s},v.map(R))},headerRowComp_default=(0,import_react10.memo)(HeaderRowComp),HeaderRowContainerComp=({pinned:e})=>{const[t,r]=(0,import_react11.useState)(!0),[n,s]=(0,import_react11.useState)([]),{context:d}=(0,import_react11.useContext)(BeansContext),c=(0,import_react11.useRef)(null),o=(0,import_react11.useRef)(null),l=(0,import_react11.useRef)(),a=e==="left",i=e==="right",C=!a&&!i,v=(0,import_react11.useCallback)(f=>{if(c.current=f,l.current=f?d.createBean(new import_ag_grid_community10.HeaderRowContainerCtrl(e)):d.destroyBean(l.current),!f)return;const u={setDisplayed:r,setCtrls:h=>s(h),setCenterWidth:h=>{o.current&&(o.current.style.width=h)},setViewportScrollLeft:h=>{c.current&&(c.current.scrollLeft=h)},setPinnedContainerWidth:h=>{c.current&&(c.current.style.width=h,c.current.style.minWidth=h,c.current.style.maxWidth=h)}};l.current.setComp(u,c.current)},[]),g=t?"":"ag-hidden",p=()=>n.map(f=>import_react11.default.createElement(headerRowComp_default,{ctrl:f,key:f.instanceId}));return import_react11.default.createElement(import_react11.default.Fragment,null,a&&import_react11.default.createElement("div",{ref:v,className:"ag-pinned-left-header "+g,"aria-hidden":!t,role:"rowgroup"},p()),i&&import_react11.default.createElement("div",{ref:v,className:"ag-pinned-right-header "+g,"aria-hidden":!t,role:"rowgroup"},p()),C&&import_react11.default.createElement("div",{ref:v,className:"ag-header-viewport "+g,role:"presentation"},import_react11.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},p())))},headerRowContainerComp_default=(0,import_react11.memo)(HeaderRowContainerComp),GridHeaderComp=()=>{const[e,t]=(0,import_react12.useState)(()=>new CssClasses),[r,n]=(0,import_react12.useState)(),{context:s}=(0,import_react12.useContext)(BeansContext),d=(0,import_react12.useRef)(null),c=(0,import_react12.useRef)(),o=(0,import_react12.useCallback)(i=>{if(d.current=i,c.current=i?s.createBean(new import_ag_grid_community11.GridHeaderCtrl):s.destroyBean(c.current),!i)return;const C={addOrRemoveCssClass:(v,g)=>t(p=>p.setClass(v,g)),setHeightAndMinHeight:v=>n(v)};c.current.setComp(C,i,i)},[]),l=(0,import_react12.useMemo)(()=>"ag-header "+e.toString(),[e]),a=(0,import_react12.useMemo)(()=>({height:r,minHeight:r}),[r]);return import_react12.default.createElement("div",{ref:o,className:l,style:a,role:"presentation"},import_react12.default.createElement(headerRowContainerComp_default,{pinned:"left"}),import_react12.default.createElement(headerRowContainerComp_default,{pinned:null}),import_react12.default.createElement(headerRowContainerComp_default,{pinned:"right"}))},gridHeaderComp_default=(0,import_react12.memo)(GridHeaderComp),import_react13=require("react"),useReactCommentEffect=(e,t)=>{(0,import_react13.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])},reactComment_default=useReactCommentEffect,import_ag_grid_community15=require("ag-grid-community"),import_react19=__toESM(require("react")),import_ag_grid_community14=require("ag-grid-community"),import_react18=__toESM(require("react")),import_ag_grid_community13=require("ag-grid-community"),import_react17=__toESM(require("react")),import_ag_grid_community12=require("ag-grid-community"),CellEditorComponentProxy=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new import_ag_grid_community12.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){addOptionalMethods(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()}},import_react15=__toESM(require("react")),import_react_dom3=require("react-dom"),import_react14=require("react"),useEffectOnce=e=>{const t=(0,import_react14.useRef)(e),r=(0,import_react14.useRef)(),n=(0,import_react14.useRef)(!1),s=(0,import_react14.useRef)(!1),[,d]=(0,import_react14.useState)(0);n.current&&(s.current=!0),(0,import_react14.useEffect)(()=>(n.current||(r.current=t.current(),n.current=!0),d(c=>c+1),()=>{s.current&&r.current?.()}),[])},PopupEditorComp=e=>{const[t,r]=(0,import_react15.useState)(),{context:n,popupService:s,localeService:d,gos:c,editService:o}=(0,import_react15.useContext)(BeansContext);return useEffectOnce(()=>{const{editDetails:l,cellCtrl:a,eParentCell:i}=e,{compDetails:C}=l,v=c.get("stopEditingWhenCellsLoseFocus"),g=n.createBean(o.createPopupEditorWrapper(C.params)),p=g.getGui();if(e.jsChildComp){const w=e.jsChildComp.getGui();w&&p.appendChild(w)}const f={column:a.getColumn(),rowNode:a.getRowNode(),type:"popupCellEditor",eventSource:i,ePopup:p,position:l.popupPosition,keepWithinBounds:!0},u=s.positionPopupByComponent.bind(s,f),h=d.getLocaleTextFunc(),R=s.addPopup({modal:v,eChild:p,closeOnEsc:!0,closedCallback:()=>{a.onPopupEditorClosed()},anchorToElement:i,positionCallback:u,ariaLabel:h("ariaLabelCellEditor","Cell Editor")}),y=R?R.hideFunc:void 0;return r(g),e.jsChildComp?.afterGuiAttached?.(),()=>{y?.(),n.destroyBean(g)}}),import_react15.default.createElement(import_react15.default.Fragment,null,t&&e.wrappedContent&&(0,import_react_dom3.createPortal)(e.wrappedContent,t.getGui()))},popupEditorComp_default=(0,import_react15.memo)(PopupEditorComp),import_react16=require("react"),useJsCellRenderer=(e,t,r,n,s,d)=>{const{context:c}=(0,import_react16.useContext)(BeansContext),o=(0,import_react16.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,import_react16.useEffect)(()=>{const l=e!=null,a=e?.compDetails&&!e.compDetails.componentFromFramework,i=t&&r==null;if(!(l&&a&&!i)){o();return}const v=e.compDetails;if(s.current){const p=s.current,u=p.refresh!=null&&e.force==!1?p.refresh(v.params):!1;if(u===!0||u===void 0)return;o()}const g=v.newAgStackInstance();g?.then(p=>{if(!p)return;const f=p.getGui();if(!f)return;(t?r:d.current).appendChild(f),s.current=p})},[e,t,n]),(0,import_react16.useEffect)(()=>o,[])},showJsRenderer_default=useJsCellRenderer,jsxEditorProxy=(e,t,r)=>{const{compProxy:n}=e;r(n);const s=n.getProps(),d=isComponentStateless(t);return import_react17.default.createElement(CustomContext.Provider,{value:{setMethods:c=>n.setMethods(c)}},d?import_react17.default.createElement(t,{...s}):import_react17.default.createElement(t,{...s,ref:c=>n.setRef(c)}))},jsxEditor=(e,t,r)=>{const n=e.compProxy;return import_react17.default.createElement(import_react17.default.Fragment,null,n?jsxEditorProxy(e,t,r):import_react17.default.createElement(t,{...e.compDetails.params,ref:r}))},jsxEditValue=(e,t,r,n,s)=>{const d=e.compDetails,c=d.componentClass,o=d.componentFromFramework&&!e.popup,l=d.componentFromFramework&&e.popup,a=!d.componentFromFramework&&e.popup;return import_react17.default.createElement(import_react17.default.Fragment,null,o&&jsxEditor(e,c,t),l&&import_react17.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:n,eParentCell:r,wrappedContent:jsxEditor(e,c,t)}),a&&s&&import_react17.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:n,eParentCell:r,jsChildComp:s}))},jsxShowValue=(e,t,r,n,s,d,c)=>{const{compDetails:o,value:l}=e,a=!o,i=o&&o.componentFromFramework,C=o&&o.componentClass,v=l?.toString?l.toString():l,g=()=>import_react17.default.createElement(import_react17.default.Fragment,null,a&&import_react17.default.createElement(import_react17.default.Fragment,null,v),i&&!d&&import_react17.default.createElement(C,{...o.params,key:t,ref:n}),i&&d&&import_react17.default.createElement(C,{...o.params,key:t}));return import_react17.default.createElement(import_react17.default.Fragment,null,s?import_react17.default.createElement("span",{role:"presentation",id:`cell-${r}`,className:"ag-cell-value",ref:c},g()):g())},CellComp=({cellCtrl:e,printLayout:t,editingRow:r})=>{const{context:n}=(0,import_react17.useContext)(BeansContext),{colIdSanitised:s,instanceId:d}=e,c=(0,import_react17.useRef)(),[o,l]=(0,import_react17.useState)(()=>e.isCellRenderer()?void 0:{compDetails:void 0,value:e.getValueToDisplay(),force:!1}),[a,i]=(0,import_react17.useState)(),[C,v]=(0,import_react17.useState)(1),[g,p]=(0,import_react17.useState)(),[f,u]=(0,import_react17.useState)(!1),[h,R]=(0,import_react17.useState)(!1),[y,w]=(0,import_react17.useState)(!1),[b,I]=(0,import_react17.useState)(),E=(0,import_react17.useMemo)(()=>e.isForceWrapper(),[e]),M=(0,import_react17.useMemo)(()=>e.getCellAriaRole(),[e]),F=(0,import_react17.useRef)(null),m=(0,import_react17.useRef)(null),S=(0,import_react17.useRef)(),k=(0,import_react17.useRef)(),z=(0,import_react17.useRef)(),O=(0,import_react17.useRef)([]),N=(0,import_react17.useRef)(),[_,G]=(0,import_react17.useState)(0),B=(0,import_react17.useCallback)(T=>{N.current=T,G(j=>j+1)},[]),H=o!=null&&(f||y||h),A=E||H,W=(0,import_react17.useCallback)(T=>{if(k.current=T,T){const j=T.isCancelBeforeStart&&T.isCancelBeforeStart();setTimeout(()=>{j?(e.stopEditing(!0),e.focusCell(!0)):e.cellEditorAttached()})}},[e]),D=(0,import_react17.useRef)();D.current||(D.current=new import_ag_grid_community13.CssClassManager(()=>F.current)),showJsRenderer_default(o,A,N.current,_,S,F);const Q=(0,import_react17.useRef)();(0,import_react17.useLayoutEffect)(()=>{const T=Q.current,j=o;if(Q.current=o,T==null||T.compDetails==null||j==null||j.compDetails==null)return;const $=T.compDetails,x=j.compDetails;if($.componentClass!=x.componentClass||m.current?.refresh==null)return;m.current.refresh(x.params)!=!0&&v(J=>J+1)},[o]),(0,import_react17.useLayoutEffect)(()=>{if(!(a&&!a.compDetails.componentFromFramework))return;const j=a.compDetails,$=a.popup===!0,x=j.newAgStackInstance();return x.then(L=>{if(!L)return;const J=L.getGui();W(L),$||((E?z:F).current?.appendChild(J),L.afterGuiAttached&&L.afterGuiAttached()),I(L)}),()=>{x.then(L=>{const J=L.getGui();n.destroyBean(L),W(void 0),I(void 0),J?.parentElement?.removeChild(J)})}},[a]);const P=(0,import_react17.useCallback)(T=>{if(z.current=T,!T){O.current.forEach($=>$()),O.current=[];return}const j=$=>{if($){const x=$.getGui();T.insertAdjacentElement("afterbegin",x),O.current.push(()=>{n.destroyBean($),(0,import_ag_grid_community13._removeFromParent)(x)})}return $};if(f){const $=e.createSelectionCheckbox();j($)}y&&j(e.createDndSource()),h&&j(e.createRowDragComp())},[e,n,y,h,f]),V=(0,import_react17.useCallback)(T=>{if(F.current=T,c.current=T?n.createBean(new import_ag_grid_community13._EmptyBean):n.destroyBean(c.current),!T||!e)return;const j={addOrRemoveCssClass:(x,L)=>D.current.addOrRemoveCssClass(x,L),setUserStyles:x=>p(x),getFocusableElement:()=>F.current,setIncludeSelection:x=>u(x),setIncludeRowDrag:x=>R(x),setIncludeDndSource:x=>w(x),getCellEditor:()=>k.current||null,getCellRenderer:()=>m.current??S.current,getParentOfValue:()=>N.current??z.current??F.current,setRenderDetails:(x,L,J)=>{l(X=>X?.compDetails!==x||X?.value!==L||X?.force!==J?{value:L,compDetails:x,force:J}:X)},setEditDetails:(x,L,J,X)=>{if(x){let te;X?te=new CellEditorComponentProxy(x.params,()=>v(oe=>oe+1)):x.componentFromFramework&&warnReactiveCustomComponents(),i({compDetails:x,popup:L,popupPosition:J,compProxy:te}),L||l(void 0)}else i(te=>{te?.compProxy&&(k.current=void 0)})}},$=z.current||void 0;e.setComp(j,T,$,t,r,c.current)},[]),U=(0,import_react17.useMemo)(()=>!!(o?.compDetails?.componentFromFramework&&isComponentStateless(o.compDetails.componentClass)),[o]);(0,import_react17.useLayoutEffect)(()=>{F.current&&(D.current.addOrRemoveCssClass("ag-cell-value",!A),D.current.addOrRemoveCssClass("ag-cell-inline-editing",!!a&&!a.popup),D.current.addOrRemoveCssClass("ag-cell-popup-editing",!!a&&!!a.popup),D.current.addOrRemoveCssClass("ag-cell-not-inline-editing",!a||!!a.popup),e.getRowCtrl()?.setInlineEditingCss(),e.shouldRestoreFocus()&&!e.isEditing()&&F.current.focus({preventScroll:!0}))});const Y=()=>import_react17.default.createElement(import_react17.default.Fragment,null,o!=null&&jsxShowValue(o,C,d,m,A,U,B),a!=null&&jsxEditValue(a,W,F.current,e,b)),ee=(0,import_react17.useCallback)(()=>e.onFocusOut(),[]);return import_react17.default.createElement("div",{ref:V,style:g,role:M,"col-id":s,onBlur:ee},A?import_react17.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:P},Y()):Y())},cellComp_default=(0,import_react17.memo)(CellComp),RowComp=({rowCtrl:e,containerType:t})=>{const{context:r,gos:n}=(0,import_react18.useContext)(BeansContext),s=(0,import_react18.useRef)(),d=(0,import_react18.useRef)(e.getDomOrder()),c=e.isFullWidth(),o=e.getRowNode().displayed,[l,a]=(0,import_react18.useState)(()=>o?e.getRowIndex():null),[i,C]=(0,import_react18.useState)(()=>e.getRowId()),[v,g]=(0,import_react18.useState)(()=>e.getBusinessKey()),[p,f]=(0,import_react18.useState)(()=>e.getRowStyles()),u=(0,import_react18.useRef)(null),h=(0,import_react18.useRef)(null),[R,y]=(0,import_react18.useState)(()=>null),[w,b]=(0,import_react18.useState)(),[I,E]=(0,import_react18.useState)(()=>o?e.getInitialRowTop(t):void 0),[M,F]=(0,import_react18.useState)(()=>o?e.getInitialTransform(t):void 0),m=(0,import_react18.useRef)(null),S=(0,import_react18.useRef)(),k=(0,import_react18.useRef)(!1),[z,O]=(0,import_react18.useState)(0);(0,import_react18.useEffect)(()=>{if(k.current||!w||z>10)return;const P=m.current?.firstChild;P?(e.setupDetailRowAutoHeight(P),k.current=!0):O(V=>V+1)},[w,z]);const N=(0,import_react18.useRef)();N.current||(N.current=new import_ag_grid_community14.CssClassManager(()=>m.current));const _=(0,import_react18.useCallback)(P=>{if(m.current=P,s.current=P?r.createBean(new import_ag_grid_community14._EmptyBean):r.destroyBean(s.current),!P){e.unsetComp(t);return}if(!e.isAlive())return;const V={setTop:E,setTransform:F,addOrRemoveCssClass:(U,Y)=>N.current.addOrRemoveCssClass(U,Y),setDomOrder:U=>d.current=U,setRowIndex:a,setRowId:C,setRowBusinessKey:g,setUserStyles:f,setCellCtrls:(U,Y)=>{h.current=u.current,u.current=U;const ee=getNextValueIfDifferent(h.current,U,d.current);ee!==h.current&&agFlushSync(Y,()=>y(ee))},showFullWidth:U=>b(U),getFullWidthCellRenderer:()=>S.current,refreshFullWidth:U=>W.current?(b(Y=>({...Y,params:U()})),!0):!S.current||!S.current.refresh?!1:S.current.refresh(U())};e.setComp(V,P,t,s.current)},[]);(0,import_react18.useLayoutEffect)(()=>showJsComp(w,r,m.current,S),[w]);const G=(0,import_react18.useMemo)(()=>{const P={top:I,transform:M};return Object.assign(P,p),P},[I,M,p]),B=c&&w?.componentFromFramework,H=!c&&R!=null,A=(0,import_react18.useMemo)(()=>!!(w?.componentFromFramework&&isComponentStateless(w.componentClass)),[w]),W=(0,import_react18.useRef)(!1);(0,import_react18.useEffect)(()=>{W.current=A&&!!w&&!!n.get("reactiveCustomComponents")},[A,w]);const D=()=>R?.map(P=>import_react18.default.createElement(cellComp_default,{cellCtrl:P,editingRow:e.isEditing(),printLayout:e.isPrintLayout(),key:P.instanceId})),Q=()=>{const P=w.componentClass;return import_react18.default.createElement(import_react18.default.Fragment,null,A?import_react18.default.createElement(P,{...w.params}):import_react18.default.createElement(P,{...w.params,ref:S}))};return import_react18.default.createElement("div",{ref:_,role:"row",style:G,"row-index":l,"row-id":i,"row-business-key":v},H&&D(),B&&Q())},rowComp_default=(0,import_react18.memo)(RowComp),RowContainerComp=({name:e})=>{const{context:t}=(0,import_react19.useContext)(BeansContext),r=(0,import_react19.useMemo)(()=>(0,import_ag_grid_community15._getRowContainerOptions)(e),[e]),n=(0,import_react19.useRef)(null),s=(0,import_react19.useRef)(null),d=(0,import_react19.useRef)([]),c=(0,import_react19.useRef)([]),[o,l]=(0,import_react19.useState)(()=>[]),a=(0,import_react19.useRef)(!1),i=(0,import_react19.useRef)(),C=(0,import_react19.useMemo)(()=>classesList(r.viewport),[r]),v=(0,import_react19.useMemo)(()=>classesList(r.container),[r]),g=r.type==="center",p=g?n:s;reactComment_default(" AG Row Container "+e+" ",p);const f=(0,import_react19.useCallback)(()=>g?n.current!=null&&s.current!=null:s.current!=null,[]),u=(0,import_react19.useCallback)(()=>g?n.current==null&&s.current==null:s.current==null,[]),h=(0,import_react19.useCallback)(()=>{if(u()&&(i.current=t.destroyBean(i.current)),f()){const b=E=>{const M=getNextValueIfDifferent(c.current,d.current,a.current);M!==c.current&&(c.current=M,agFlushSync(E,()=>l(M)))},I={setHorizontalScroll:E=>{n.current&&(n.current.scrollLeft=E)},setViewportHeight:E=>{n.current&&(n.current.style.height=E)},setRowCtrls:({rowCtrls:E,useFlushSync:M})=>{const F=!!M&&d.current.length>0&&E.length>0;d.current=E,b(F)},setDomOrder:E=>{a.current!=E&&(a.current=E,b(!1))},setContainerWidth:E=>{s.current&&(s.current.style.width=E)},setOffsetTop:E=>{s.current&&(s.current.style.transform=`translateY(${E})`)}};i.current=t.createBean(new import_ag_grid_community15.RowContainerCtrl(e)),i.current.setComp(I,s.current,n.current)}},[f,u]),R=(0,import_react19.useCallback)(b=>{s.current=b,h()},[h]),y=(0,import_react19.useCallback)(b=>{n.current=b,h()},[h]),w=()=>import_react19.default.createElement("div",{className:v,ref:R,role:"rowgroup"},o.map(b=>import_react19.default.createElement(rowComp_default,{rowCtrl:b,containerType:r.type,key:b.instanceId})));return import_react19.default.createElement(import_react19.default.Fragment,null,g?import_react19.default.createElement("div",{className:C,ref:y,role:"presentation"},w()):w())},rowContainerComp_default=(0,import_react19.memo)(RowContainerComp),GridBodyComp=()=>{const{context:e,resizeObserverService:t}=(0,import_react20.useContext)(BeansContext),[r,n]=(0,import_react20.useState)(""),[s,d]=(0,import_react20.useState)(0),[c,o]=(0,import_react20.useState)(0),[l,a]=(0,import_react20.useState)("0px"),[i,C]=(0,import_react20.useState)("0px"),[v,g]=(0,import_react20.useState)("100%"),[p,f]=(0,import_react20.useState)("0px"),[u,h]=(0,import_react20.useState)("0px"),[R,y]=(0,import_react20.useState)("100%"),[w,b]=(0,import_react20.useState)(""),[I,E]=(0,import_react20.useState)(""),[M,F]=(0,import_react20.useState)(null),[m,S]=(0,import_react20.useState)(""),[k,z]=(0,import_react20.useState)(null),[O,N]=(0,import_react20.useState)("ag-layout-normal"),_=(0,import_react20.useRef)();_.current||(_.current=new import_ag_grid_community16.CssClassManager(()=>G.current));const G=(0,import_react20.useRef)(null),B=(0,import_react20.useRef)(null),H=(0,import_react20.useRef)(null),A=(0,import_react20.useRef)(null),W=(0,import_react20.useRef)(null),D=(0,import_react20.useRef)(null),Q=(0,import_react20.useRef)(null),P=(0,import_react20.useRef)([]),V=(0,import_react20.useRef)([]);reactComment_default(" AG Grid Body ",G),reactComment_default(" AG Pinned Top ",B),reactComment_default(" AG Sticky Top ",H),reactComment_default(" AG Middle ",D),reactComment_default(" AG Pinned Bottom ",Q);const U=(0,import_react20.useCallback)(Z=>{if(G.current=Z,!Z){P.current=e.destroyBeans(P.current),V.current.forEach(q=>q()),V.current=[];return}if(!e)return;const ne=(q,K)=>{q.appendChild(K),V.current.push(()=>q.removeChild(K))},ae=q=>{const K=e.createBean(new q);return P.current.push(K),K},se=(q,K,de)=>{ne(q,document.createComment(de)),ne(q,ae(K).getGui())};se(Z,import_ag_grid_community16.FakeHScrollComp," AG Fake Horizontal Scroll "),se(Z,import_ag_grid_community16.OverlayWrapperComponent," AG Overlay Wrapper "),W.current&&se(W.current,import_ag_grid_community16.FakeVScrollComp," AG Fake Vertical Scroll ");const le={setRowAnimationCssOnBodyViewport:n,setColumnCount:q=>{G.current&&(0,import_ag_grid_community16._setAriaColCount)(G.current,q)},setRowCount:q=>{G.current&&(0,import_ag_grid_community16._setAriaRowCount)(G.current,q)},setTopHeight:d,setBottomHeight:o,setStickyTopHeight:a,setStickyTopTop:C,setStickyTopWidth:g,setTopDisplay:b,setBottomDisplay:E,setColumnMovingCss:(q,K)=>_.current.addOrRemoveCssClass(q,K),updateLayoutClasses:N,setAlwaysVerticalScrollClass:F,setPinnedTopBottomOverflowY:S,setCellSelectableCss:(q,K)=>z(K?q:null),setBodyViewportWidth:q=>{D.current&&(D.current.style.width=q)},registerBodyViewportResizeListener:q=>{if(D.current){const K=t.observeResize(D.current,q);V.current.push(()=>K())}},setStickyBottomHeight:f,setStickyBottomBottom:h,setStickyBottomWidth:y},ce=e.createBean(new import_ag_grid_community16.GridBodyCtrl);P.current.push(ce),ce.setComp(le,Z,D.current,B.current,Q.current,H.current,A.current)},[]),Y=(0,import_react20.useMemo)(()=>classesList("ag-root","ag-unselectable",O),[O]),ee=(0,import_react20.useMemo)(()=>classesList("ag-body-viewport",r,O,M,k),[r,O,M,k]),T=(0,import_react20.useMemo)(()=>classesList("ag-body",O),[O]),j=(0,import_react20.useMemo)(()=>classesList("ag-floating-top",k),[k]),$=(0,import_react20.useMemo)(()=>classesList("ag-sticky-top",k),[k]),x=(0,import_react20.useMemo)(()=>classesList("ag-sticky-bottom",p==="0px"?"ag-hidden":null,k),[k,p]),L=(0,import_react20.useMemo)(()=>classesList("ag-floating-bottom",k),[k]),J=(0,import_react20.useMemo)(()=>({height:s,minHeight:s,display:w,overflowY:m}),[s,w,m]),X=(0,import_react20.useMemo)(()=>({height:l,top:i,width:v}),[l,i,v]),te=(0,import_react20.useMemo)(()=>({height:p,bottom:u,width:R}),[p,u,R]),oe=(0,import_react20.useMemo)(()=>({height:c,minHeight:c,display:I,overflowY:m}),[c,I,m]),ue=Z=>import_react20.default.createElement(rowContainerComp_default,{name:Z,key:`${Z}-container`}),re=({section:Z,children:ne,className:ae,style:se})=>import_react20.default.createElement("div",{ref:Z,className:ae,role:"presentation",style:se},ne.map(ue));return import_react20.default.createElement("div",{ref:U,className:Y,role:"treegrid"},import_react20.default.createElement(gridHeaderComp_default,null),re({section:B,className:j,style:J,children:["topLeft","topCenter","topRight","topFullWidth"]}),import_react20.default.createElement("div",{className:T,ref:W,role:"presentation"},re({section:D,className:ee,children:["left","center","right","fullWidth"]})),re({section:H,className:$,style:X,children:["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"]}),re({section:A,className:x,style:te,children:["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"]}),re({section:Q,className:L,style:oe,children:["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"]}))},gridBodyComp_default=(0,import_react20.memo)(GridBodyComp),import_ag_grid_community17=require("ag-grid-community"),import_react21=__toESM(require("react")),TabGuardCompRef=(e,t)=>{const{children:r,eFocusableElement:n,onTabKeyDown:s,gridCtrl:d,forceFocusOutWhenTabGuardsAreEmpty:c}=e,{context:o}=(0,import_react21.useContext)(BeansContext),l=(0,import_react21.useRef)(null),a=(0,import_react21.useRef)(null),i=(0,import_react21.useRef)(),C=u=>{const h=u==null?void 0:parseInt(u,10).toString();[l,a].forEach(R=>{h===void 0?R.current?.removeAttribute("tabindex"):R.current?.setAttribute("tabindex",h)})};(0,import_react21.useImperativeHandle)(t,()=>({forceFocusOutOfContainer(u){i.current?.forceFocusOutOfContainer(u)}}));const v=(0,import_react21.useCallback)(()=>{const u=l.current,h=a.current;if(!u&&!h){i.current=o.destroyBean(i.current);return}if(u&&h){const R={setTabIndex:C};i.current=o.createBean(new import_ag_grid_community17.TabGuardCtrl({comp:R,eTopGuard:u,eBottomGuard:h,eFocusableElement:n,onTabKeyDown:s,forceFocusOutWhenTabGuardsAreEmpty:c,focusInnerElement:y=>d.focusInnerElement(y)}))}},[]),g=(0,import_react21.useCallback)(u=>{l.current=u,v()},[v]),p=(0,import_react21.useCallback)(u=>{a.current=u,v()},[v]),f=u=>{const h=u==="top"?import_ag_grid_community17.TabGuardClassNames.TAB_GUARD_TOP:import_ag_grid_community17.TabGuardClassNames.TAB_GUARD_BOTTOM;return import_react21.default.createElement("div",{className:`${import_ag_grid_community17.TabGuardClassNames.TAB_GUARD} ${h}`,role:"presentation",ref:u==="top"?g:p})};return import_react21.default.createElement(import_react21.default.Fragment,null,f("top"),r,f("bottom"))},TabGuardComp=(0,import_react21.forwardRef)(TabGuardCompRef),tabGuardComp_default=(0,import_react21.memo)(TabGuardComp),GridComp=({context:e})=>{const[t,r]=(0,import_react22.useState)(""),[n,s]=(0,import_react22.useState)(""),[d,c]=(0,import_react22.useState)(""),[o,l]=(0,import_react22.useState)(null),[a,i]=(0,import_react22.useState)(null),[C,v]=(0,import_react22.useState)(!1),[g,p]=(0,import_react22.useState)(),f=(0,import_react22.useRef)(),u=(0,import_react22.useRef)(null),h=(0,import_react22.useRef)(),[R,y]=(0,import_react22.useState)(null),w=(0,import_react22.useRef)(()=>{}),b=(0,import_react22.useRef)(),I=(0,import_react22.useRef)([]),E=(0,import_react22.useCallback)(()=>{},[]),M=(0,import_react22.useMemo)(()=>e.isDestroyed()?null:e.getBeans(),[e]);reactComment_default(" AG Grid ",u);const F=(0,import_react22.useCallback)(O=>{if(u.current=O,f.current=O?e.createBean(new import_ag_grid_community18.GridCtrl):e.destroyBean(f.current),!O||e.isDestroyed())return;const N=f.current;w.current=N.focusInnerElement.bind(N);const _={destroyGridUi:()=>{},setRtlClass:r,setGridThemeClass:s,forceFocusOutOfContainer:G=>{if(!G&&b.current?.isDisplayed()){b.current.forceFocusOutOfContainer(G);return}h.current?.forceFocusOutOfContainer(G)},updateLayoutClasses:c,getFocusableContainers:()=>{const G=[],B=u.current?.querySelector(".ag-root");return B&&G.push({getGui:()=>B}),I.current.forEach(H=>{H.isDisplayed()&&G.push(H)}),G},setCursor:l,setUserSelect:i};N.setComp(_,O,O),v(!0)},[]);(0,import_react22.useEffect)(()=>{const O=f.current,N=u.current;if(!g||!M||!O||!R||!N)return;const _=[],{watermarkSelector:G,paginationSelector:B,sideBarSelector:H,statusBarSelector:A,gridHeaderDropZonesSelector:W}=O.getOptionalSelectors(),D=[];if(W){const P=e.createBean(new W.component),V=P.getGui();N.insertAdjacentElement("afterbegin",V),D.push(V),_.push(P)}if(H){const P=e.createBean(new H.component),V=P.getGui(),U=R.querySelector(".ag-tab-guard-bottom");U&&(U.insertAdjacentElement("beforebegin",V),D.push(V)),_.push(P),I.current.push(P)}const Q=P=>{const V=e.createBean(new P),U=V.getGui();return N.insertAdjacentElement("beforeend",U),D.push(U),_.push(V),V};if(A&&Q(A.component),B){const P=Q(B.component);b.current=P,I.current.push(P)}return G&&Q(G.component),()=>{e.destroyBeans(_),D.forEach(P=>{P.parentElement?.removeChild(P)})}},[g,R,M]);const m=(0,import_react22.useMemo)(()=>classesList("ag-root-wrapper",t,n,d),[t,n,d]),S=(0,import_react22.useMemo)(()=>classesList("ag-root-wrapper-body","ag-focus-managed",d),[d]),k=(0,import_react22.useMemo)(()=>({userSelect:a??"",WebkitUserSelect:a??"",cursor:o??""}),[a,o]),z=(0,import_react22.useCallback)(O=>{h.current=O,p(O!==null)},[]);return import_react22.default.createElement("div",{ref:F,className:m,style:k,role:"presentation"},import_react22.default.createElement("div",{className:S,ref:y,role:"presentation"},C&&R&&M&&import_react22.default.createElement(BeansContext.Provider,{value:M},import_react22.default.createElement(tabGuardComp_default,{ref:z,eFocusableElement:R,onTabKeyDown:E,gridCtrl:f.current,forceFocusOutWhenTabGuardsAreEmpty:!0},import_react22.default.createElement(gridBodyComp_default,null)))))},gridComp_default=(0,import_react22.memo)(GridComp),import_ag_grid_community19=require("ag-grid-community"),RenderStatusService=class extends import_ag_grid_community19.BeanStub{wireBeans(e){this.ctrlsService=e.ctrlsService}areHeaderCellsRendered(){return this.ctrlsService.getHeaderRowContainerCtrls().every(e=>e.getAllCtrls().every(t=>t.areCellsRendered()))}},AgGridReactUi=e=>{const t=(0,import_react23.useRef)(),r=(0,import_react23.useRef)(null),n=(0,import_react23.useRef)(null),s=(0,import_react23.useRef)([]),d=(0,import_react23.useRef)([]),c=(0,import_react23.useRef)(e),o=(0,import_react23.useRef)(),l=(0,import_react23.useRef)(),a=(0,import_react23.useRef)(!1),[i,C]=(0,import_react23.useState)(void 0),[,v]=(0,import_react23.useState)(0),g=(0,import_react23.useCallback)(u=>{if(r.current=u,!u){s.current.forEach(m=>m()),s.current.length=0;return}const h=e.modules||[];n.current||(n.current=new PortalManager(()=>v(m=>m+1),e.componentWrappingElement,e.maxComponentCreationTimeMs),s.current.push(()=>{n.current?.destroy(),n.current=null}));const R=(0,import_ag_grid_community20._combineAttributesAndGridOptions)(e.gridOptions,e),y=()=>{if(a.current){const m=()=>o.current?.shouldQueueUpdates()?void 0:d.current.shift();let S=m();for(;S;)S(),S=m()}},w=new ReactFrameworkOverrides(y);o.current=w;const b=new RenderStatusService,I={providedBeanInstances:{frameworkComponentWrapper:new ReactFrameworkComponentWrapper(n.current,R.reactiveCustomComponents??(0,import_ag_grid_community20._getGlobalGridOption)("reactiveCustomComponents")??!0),renderStatusService:b},modules:h,frameworkOverrides:w},E=m=>{C(m),m.createBean(b),s.current.push(()=>{m.destroy()}),m.getBean("ctrlsService").whenReady({addDestroyFunc:S=>{s.current.push(S)}},()=>{if(m.isDestroyed())return;const S=t.current;S&&e.setGridApi?.(S)})},M=m=>{m.getBean("ctrlsService").whenReady({addDestroyFunc:S=>{s.current.push(S)}},()=>{d.current.forEach(S=>S()),d.current.length=0,a.current=!0})},F=new import_ag_grid_community20.GridCoreCreator;R.gridId??(R.gridId=l.current),t.current=F.create(u,R,E,M,I),s.current.push(()=>{t.current=void 0}),l.current=t.current.getGridId()},[]),p=(0,import_react23.useMemo)(()=>({height:"100%",...e.containerStyle||{}}),[e.containerStyle]),f=(0,import_react23.useCallback)(u=>{a.current&&!o.current?.shouldQueueUpdates()?u():d.current.push(u)},[]);return(0,import_react23.useEffect)(()=>{const u=extractGridPropertyChanges(c.current,e);c.current=e,f(()=>{t.current&&(0,import_ag_grid_community20._processOnChange)(u,t.current)})},[e]),import_react23.default.createElement("div",{style:p,className:e.className,ref:g},i&&!i.isDestroyed()?import_react23.default.createElement(gridComp_default,{context:i}):null,n.current?.getPortals()??null)};function extractGridPropertyChanges(e,t){const r={};return Object.keys(t).forEach(n=>{const s=t[n];e[n]!==s&&(r[n]=s)}),r}var ReactFrameworkComponentWrapper=class extends import_ag_grid_community20.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 FilterComponentWrapper;case"floatingFilterComponent":return FloatingFilterComponentWrapper;case"dateComponent":return DateComponentWrapper;case"dragAndDropImageComponent":return DragAndDropImageComponentWrapper;case"loadingOverlayComponent":return LoadingOverlayComponentWrapper;case"noRowsOverlayComponent":return NoRowsOverlayComponentWrapper;case"statusPanel":return StatusPanelComponentWrapper;case"toolPanel":return ToolPanelComponentWrapper;case"menuItem":return MenuItemComponentWrapper;case"cellRenderer":return CellRendererComponentWrapper}})(t.propertyName);if(s)return new s(e,this.parent,t)}else switch(t.propertyName){case"filter":case"floatingFilterComponent":case"dateComponent":case"dragAndDropImageComponent":case"loadingOverlayComponent":case"noRowsOverlayComponent":case"statusPanel":case"toolPanel":case"menuItem":case"cellRenderer":warnReactiveCustomComponents();break}const r=!t.cellRenderer&&t.propertyName!=="toolPanel";return new ReactComponent(e,this.parent,t,r)}},DetailCellRenderer=(0,import_react23.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:n,gos:s,resizeObserverService:d,rowModel:c}=(0,import_react23.useContext)(BeansContext),[o,l]=(0,import_react23.useState)(()=>new CssClasses),[a,i]=(0,import_react23.useState)(()=>new CssClasses),[C,v]=(0,import_react23.useState)(),[g,p]=(0,import_react23.useState)(),f=(0,import_react23.useRef)(),u=(0,import_react23.useRef)(null),h=(0,import_react23.useRef)(),R=(0,import_react23.useMemo)(()=>import_ag_grid_community20.ModuleRegistry.__getGridRegisteredModules(e.api.getGridId()),[e]),y=(0,import_react23.useMemo)(()=>o.toString()+" ag-details-row",[o]),w=(0,import_react23.useMemo)(()=>a.toString()+" ag-details-grid",[a]);t&&(0,import_react23.useImperativeHandle)(t,()=>({refresh(){return f.current?.refresh()??!1}})),e.template&&(0,import_ag_grid_community20._warnOnce)("detailCellRendererParams.template is not supported by AG Grid React. To change the template, provide a Custom Detail Cell Renderer. See https://ag-grid.com/react-data-grid/master-detail-custom-detail/");const b=(0,import_react23.useCallback)(E=>{if(u.current=E,!E){f.current=n.destroyBean(f.current),h.current?.();return}const M={addOrRemoveCssClass:(m,S)=>l(k=>k.setClass(m,S)),addOrRemoveDetailGridCssClass:(m,S)=>i(k=>k.setClass(m,S)),setDetailGrid:m=>v(m),setRowData:m=>p(m),getGui:()=>u.current},F=r.getInstance("detailCellRenderer");if(F&&(n.createBean(F),F.init(M,e),f.current=F,s.get("detailRowAutoHeight"))){const m=()=>{if(u.current==null)return;const S=u.current.clientHeight;S!=null&&S>0&&setTimeout(()=>{e.node.setRowHeight(S),((0,import_ag_grid_community20._isClientSideRowModel)(s)||(0,import_ag_grid_community20._isServerSideRowModel)(s))&&c.onRowHeightChanged()},0)};h.current=d.observeResize(E,m),m()}},[]),I=(0,import_react23.useCallback)(E=>{f.current?.registerDetailWithMaster(E)},[]);return import_react23.default.createElement("div",{className:y,ref:b},C&&import_react23.default.createElement(AgGridReactUi,{className:w,...C,modules:R,rowData:g,setGridApi:I}))}),ReactFrameworkOverrides=class extends import_ag_grid_community20.VanillaFrameworkOverrides{constructor(e){super("react"),this.processQueuedUpdates=e,this.queueUpdates=!1,this.frameworkComponents={agGroupCellRenderer:groupCellRenderer_default,agGroupRowRenderer:groupCellRenderer_default,agDetailCellRenderer:DetailCellRenderer},this.wrapIncoming=(t,r)=>r==="ensureVisible"?runWithoutFlushSync(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 isReact19()}},AgGridReact=class extends import_react24.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 import_react24.default.createElement(AgGridReactUi,{...this.props,setGridApi:this.setGridApi})}},import_react25=require("react");function useGridCustomComponent(e){const{setMethods:t}=(0,import_react25.useContext)(CustomContext);t(e)}function useGridCellEditor(e){useGridCustomComponent(e)}function useGridDate(e){return useGridCustomComponent(e)}function useGridFilter(e){return useGridCustomComponent(e)}function useGridFloatingFilter(e){useGridCustomComponent(e)}function useGridMenuItem(e){useGridCustomComponent(e)}

dist/package/package.json

 {
   "name": "ag-grid-react",
-  "version": "32.1.0",
+  "version": "32.2.0",
   "description": "AG Grid React Component",
@@ -35,3 +35,3 @@ "main": "./dist/package/index.cjs.js",
   "devDependencies": {
-    "ag-grid-community": "32.1.0",
+    "ag-grid-community": "32.2.0",
     "gulp": "^4.0.0",
@@ -47,3 +47,3 @@ "gulp-replace": "^1.0.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "32.1.0"
+    "ag-grid-community": "32.2.0"
   },
@@ -50,0 +50,0 @@ "peerDependencies": {

dist/types/package.json

 {
   "name": "ag-grid-react",
-  "version": "32.1.0",
+  "version": "32.2.0",
   "description": "AG Grid React Component",
@@ -35,3 +35,3 @@ "main": "./src/index.js",
   "devDependencies": {
-    "ag-grid-community": "32.1.0",
+    "ag-grid-community": "32.2.0",
     "gulp": "^4.0.0",
@@ -47,3 +47,3 @@ "gulp-replace": "^1.0.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "32.1.0"
+    "ag-grid-community": "32.2.0"
   },
@@ -50,0 +50,0 @@ "peerDependencies": {

dist/types/src/reactUi/cells/cellComp.d.ts

@@ -19,3 +19,3 @@ import type { CellCtrl, UserCompDetails } from 'ag-grid-community';
 }
-declare const _default: React.MemoExoticComponent<(props: {
+declare const _default: React.MemoExoticComponent<({ cellCtrl, printLayout, editingRow, }: {
     cellCtrl: CellCtrl;
@@ -22,0 +22,0 @@ printLayout: boolean;

dist/types/src/reactUi/cells/showJsRenderer.d.ts

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

dist/types/src/reactUi/customComp/customWrapperComp.d.ts

 import React from 'react';
 import type { WrapperParams } from '../../shared/customComp/customComponentWrapper';
-declare const _default: React.MemoExoticComponent<(<P, M>(params: WrapperParams<P, M>) => React.JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<P extends {
+    key?: string | undefined;
+}, M>(params: WrapperParams<P, M>) => React.JSX.Element)>;
 export default _default;

dist/types/src/reactUi/header/headerCellComp.d.ts

 import type { HeaderCellCtrl } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: {
+declare const _default: React.MemoExoticComponent<({ ctrl }: {
     ctrl: HeaderCellCtrl;
 }) => React.JSX.Element>;
 export default _default;

dist/types/src/reactUi/header/headerFilterCellComp.d.ts

 import type { HeaderFilterCellCtrl } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: {
+declare const _default: React.MemoExoticComponent<({ ctrl }: {
     ctrl: HeaderFilterCellCtrl;
 }) => React.JSX.Element>;
 export default _default;

dist/types/src/reactUi/header/headerGroupCellComp.d.ts

 import type { HeaderGroupCellCtrl } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: {
+declare const _default: React.MemoExoticComponent<({ ctrl }: {
     ctrl: HeaderGroupCellCtrl;
 }) => React.JSX.Element>;
 export default _default;

dist/types/src/reactUi/header/headerRowComp.d.ts

 import type { HeaderRowCtrl } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: {
+declare const _default: React.MemoExoticComponent<({ ctrl }: {
     ctrl: HeaderRowCtrl;
 }) => React.JSX.Element>;
 export default _default;

dist/types/src/reactUi/header/headerRowContainerComp.d.ts

 import type { ColumnPinnedType } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: {
+declare const _default: React.MemoExoticComponent<({ pinned }: {
     pinned: ColumnPinnedType;
 }) => React.JSX.Element>;
 export default _default;

dist/types/src/reactUi/rows/rowComp.d.ts

 import type { RowContainerType, RowCtrl } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(params: {
+declare const _default: React.MemoExoticComponent<({ rowCtrl, containerType }: {
     rowCtrl: RowCtrl;
@@ -5,0 +5,0 @@ containerType: RowContainerType;

dist/types/src/reactUi/rows/rowContainerComp.d.ts

 import type { RowContainerName } from 'ag-grid-community';
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(params: {
+declare const _default: React.MemoExoticComponent<({ name }: {
     name: RowContainerName;
 }) => React.JSX.Element>;
 export default _default;

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

@@ -10,2 +10,3 @@ export declare const classesList: (...list: (string | null | undefined)[]) => string;
 export declare function isReact17Minus(): boolean;
+export declare function isReact19(): boolean;
 /** Enable flushSync to be disabled for the callback and the next frame (via setTimeout 0) to prevent flushSync during an existing render.
@@ -28,3 +29,3 @@ * Provides an alternative to the more fine grained useFlushSync boolean param to agFlushSync.
 export declare function getNextValueIfDifferent<T extends {
-    getInstanceId: () => string;
+    instanceId: string;
 }>(prev: T[] | null, next: T[] | null, maintainOrder: boolean): T[] | null;

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

 import { AgPromise } from 'ag-grid-community';
 import { ReactComponent } from '../reactComponent';
-export type WrapperParams<P, M> = {
+export type WrapperParams<P extends {
+    key?: string;
+}, M> = {
     initialProps: P;
@@ -5,0 +7,0 @@ CustomComponentClass: any;

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

@@ -9,2 +9,3 @@ import type { AgPromise, IDoesFilterPassParams, IFilter, IFilterParams } from 'ag-grid-community';
     private expectingNewMethods;
+    private hasBeenActive;
     isFilterActive(): boolean;
@@ -11,0 +12,0 @@ doesFilterPass(params: IDoesFilterPassParams<any>): boolean;

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

@@ -1,2 +0,2 @@
-import type { BaseCellEditor, BaseDate, BaseDateParams, BaseFilter, BaseFilterParams, BaseFloatingFilter, BaseMenuItem, BaseMenuItemParams, BaseToolPanelParams, ICellEditorParams, ICellRendererParams, IDetailCellRendererParams, IFilter, IFloatingFilterParams, IGroupCellRendererParams, IHeaderGroupParams, IHeaderParams, ILoadingCellRendererParams, ILoadingOverlayParams, INoRowsOverlayParams, IStatusPanelParams, ITooltipParams } from 'ag-grid-community';
+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 cell editor components */
@@ -60,2 +60,10 @@ export interface CustomCellEditorProps<TData = any, TValue = any, TContext = any> extends ICellEditorParams<TData, TValue, TContext> {
 }
+export interface CustomDragAndDropImageProps<TData = any, TContext = any> extends IDragAndDropImageParams<TData, TContext> {
+    /** The label provided by the grid about the item being dragged. */
+    label: string;
+    /** The name of the icon provided by the grid about the current drop target. */
+    icon: string | null;
+    /** `True` if the grid is attempting to scroll horizontally while dragging. */
+    shake: boolean;
+}
 /** Props provided to custom loading overlay component */
@@ -62,0 +70,0 @@ export interface CustomLoadingOverlayProps<TData = any, TContext = any> extends ILoadingOverlayParams<TData, TContext> {

dist/types/src/shared/reactComponent.d.ts

@@ -18,3 +18,2 @@ import type { ComponentType, IComponent, WrappableInterface } from 'ag-grid-community';
     private reactElement;
-    private params;
     protected instanceCreated: AgPromise<boolean> | AgPromise<false>;
@@ -21,0 +20,0 @@ private resolveInstanceCreated?;

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

@@ -1,1 +0,1 @@
-(function(ke,Fe){typeof exports=="object"&&typeof module=="object"?module.exports=Fe(require("ag-grid-community"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define("AgGridReact",["ag-grid-community","react","react-dom"],Fe):typeof exports=="object"?exports.AgGridReact=Fe(require("ag-grid-community"),require("react"),require("react-dom")):ke.AgGridReact=Fe(ke["ag-grid-community"],ke.react,ke["react-dom"])})(this,(ke,Fe,es)=>{var Ve={},_e={exports:Ve},vt=Object.create,We=Object.defineProperty,wt=Object.getOwnPropertyDescriptor,St=Object.getOwnPropertyNames,bt=Object.getPrototypeOf,Et=Object.prototype.hasOwnProperty,Pt=(e,t)=>{for(var r in t)We(e,r,{get:t[r],enumerable:!0})},et=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of St(t))!Et.call(e,n)&&n!==r&&We(e,n,{get:()=>t[n],enumerable:!(s=wt(t,n))||s.enumerable});return e},X=(e,t,r)=>(r=e!=null?vt(bt(e)):{},et(t||!e||!e.__esModule?We(r,"default",{value:e,enumerable:!0}):r,e)),Mt=e=>et(We({},"__esModule",{value:!0}),e),tt={};Pt(tt,{AgGridReact:()=>jr,CustomComponentContext:()=>xe,getInstance:()=>nr,useGridCellEditor:()=>zr,useGridDate:()=>$r,useGridFilter:()=>Jr,useGridFloatingFilter:()=>Kr,useGridMenuItem:()=>Qr,warnReactiveCustomComponents:()=>Ue}),_e.exports=Mt(tt);var rt=X(require("react"),1),ye=require("ag-grid-community"),_=X(require("react"),1),kt=require("ag-grid-community"),O=X(require("react"),1),Ft=X(require("react"),1),je=X(require("react-dom"),1),ze=require("ag-grid-community"),Ge=X(require("react"),1),_t=require("react"),Oe=require("ag-grid-community"),Gt=require("react"),Ot=require("react-dom"),It=require("ag-grid-community"),st=require("ag-grid-community"),At=require("ag-grid-community"),W=X(require("react"),1),Re=require("ag-grid-community"),b=X(require("react"),1),xt=require("ag-grid-community"),ie=X(require("react"),1),Dt=require("ag-grid-community"),ne=X(require("react"),1),nt=require("ag-grid-community"),oe=X(require("react"),1),$e=require("ag-grid-community"),re=X(require("react"),1),Bt=require("ag-grid-community"),x=X(require("react"),1),j=X(require("react"),1),Wt=require("react"),ot=require("ag-grid-community"),$=X(require("react"),1),Tt=require("ag-grid-community"),I=X(require("react"),1),at=require("ag-grid-community"),f=X(require("react"),1),Nt=require("ag-grid-community"),Ie=X(require("react"),1),Ht=require("react-dom"),Se=require("react"),Te=require("react"),Ne=require("ag-grid-community"),ue=X(require("react"),1),Ut=require("ag-grid-community"),qt=require("react"),ae=Ft.default.createContext({}),Ae=(e,t,r,s)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const a=e.newAgStackInstance();if(a==null)return;let c,o,i=!1;return a.then(l=>{if(i){t.destroyBean(l);return}c=l,o=c.getGui(),r.appendChild(o),ct(s,c)}),()=>{i=!0,c&&(o&&o.parentElement&&o.parentElement.removeChild(o),t.destroyBean(c),s&&ct(s,void 0))}},ct=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},me=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),pe=class Rt{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const n=new Rt;return n.classesMap={...this.classesMap},n.classesMap[t]=r,n}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},be=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()},lt=je.default.createRoot!=null&&je.default.flushSync!=null;function Lt(){return!lt}var He=!1;function Vt(e){return He||setTimeout(()=>He=!1,0),He=!0,e()}var Je=(e,t)=>{lt&&e&&!He?je.default.flushSync(t):t()};function Ke(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 s=[],n=[],a=new Map,c=new Map;for(let o=0;o<t.length;o++){const i=t[o];c.set(i.getInstanceId(),i)}for(let o=0;o<e.length;o++){const i=e[o];a.set(i.getInstanceId(),i),c.has(i.getInstanceId())&&s.push(i)}for(let o=0;o<t.length;o++){const i=t[o],l=i.getInstanceId();a.has(l)||n.push(i)}return s.length===e.length&&n.length===0?e:s.length===0&&n.length===t.length?t:s.length===0?n:n.length===0?s:[...s,...n]}var it=(0,O.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:s}=(0,O.useContext)(ae),n=(0,O.useRef)(null),a=(0,O.useRef)(null),c=(0,O.useRef)(null),o=(0,O.useRef)(null),i=(0,O.useRef)(null),l=(0,O.useRef)(),[m,d]=(0,O.useState)(),[w,v]=(0,O.useState)(),[u,y]=(0,O.useState)(),[p,h]=(0,O.useState)(()=>new pe),[S,E]=(0,O.useState)(()=>new pe("ag-hidden")),[g,z]=(0,O.useState)(()=>new pe("ag-hidden")),[P,U]=(0,O.useState)(()=>new pe("ag-invisible"));(0,O.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,O.useLayoutEffect)(()=>Ae(m,s,a.current),[m]);const M=(0,O.useCallback)(T=>{if(n.current=T,!n.current){s.destroyBean(l.current),l.current=null;return}const N={setInnerRenderer:(A,H)=>{d(A),y(H)},setChildCount:A=>v(A),addOrRemoveCssClass:(A,H)=>h(D=>D.setClass(A,H)),setContractedDisplayed:A=>z(H=>H.setClass("ag-hidden",!A)),setExpandedDisplayed:A=>E(H=>H.setClass("ag-hidden",!A)),setCheckboxVisible:A=>U(H=>H.setClass("ag-invisible",!A))},K=r.getInstance("groupCellRendererCtrl");K&&(l.current=s.createBean(K),l.current.init(N,n.current,c.current,o.current,i.current,it,e))},[]),R=(0,O.useMemo)(()=>`ag-cell-wrapper ${p.toString()}`,[p]),C=(0,O.useMemo)(()=>`ag-group-expanded ${S.toString()}`,[S]),k=(0,O.useMemo)(()=>`ag-group-contracted ${g.toString()}`,[g]),F=(0,O.useMemo)(()=>`ag-group-checkbox ${P.toString()}`,[P]),q=m&&m.componentFromFramework,J=q?m.componentClass:void 0,L=m==null&&u!=null,V=(0,kt._escapeString)(u,!0);return O.default.createElement("span",{className:R,ref:M,...e.colDef?{}:{role:l.current?.getCellAriaRole()}},O.default.createElement("span",{className:C,ref:o}),O.default.createElement("span",{className:k,ref:i}),O.default.createElement("span",{className:F,ref:c}),O.default.createElement("span",{className:"ag-group-value",ref:a},L&&O.default.createElement(O.default.Fragment,null,V),q&&O.default.createElement(J,{...m.params})),O.default.createElement("span",{className:"ag-group-child-count"},w))}),ut=it,xe=(0,_t.createContext)({setMethods:()=>{}}),jt=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:s,setMethods:n}=e,[a,c]=(0,Ge.useState)(t);return(0,Ge.useEffect)(()=>{r(o=>c(o))},[]),Ge.default.createElement(xe.Provider,{value:{setMethods:n}},Ge.default.createElement(s,{...a}))},zt=(0,Ge.memo)(jt),$t=0;function dt(){return`agPortalKey_${++$t}`}var pt=class{constructor(e,t,r,s){this.portal=null,this.oldPortal=null,this.reactComponent=e,this.portalManager=t,this.componentType=r,this.suppressFallbackMethods=!!s,this.statelessComponent=this.isStateless(this.reactComponent),this.key=dt(),this.portalKey=dt(),this.instanceCreated=this.isStatelessComponent()?Oe.AgPromise.resolve(!1):new Oe.AgPromise(n=>{this.resolveInstanceCreated=n})}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}addParentContainerStyleAndClasses(){this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&((0,Oe._warnOnce)('Since v31.1 "getReactContainerStyle" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle())),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&((0,Oe._warnOnce)('Since v31.1 "getReactContainerClasses" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),this.componentInstance.getReactContainerClasses().forEach(t=>this.eParentElement.classList.add(t))))}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 s=r[e];if(s)return s.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.params=e,this.createOrUpdatePortal(e),new Oe.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.addParentContainerStyleAndClasses(),this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,Ot.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,Gt.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(s=>{const n=t[s];n&&(r[s]=n)})}var he=class extends pt{constructor(){super(...arguments),this.awaitUpdateCallback=new ze.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=zt}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 ze.AgPromise(s=>{setTimeout(()=>{s()})})),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 ze.AgPromise(e=>this.awaitUpdateCallback.then(()=>{this.updateCallback().then(()=>e())}))}},Jt=class extends he{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},Kt=class extends he{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 he{constructor(){super(...arguments),this.model=null,this.onModelChange=e=>this.updateModel(e),this.onUiChange=()=>this.sourceParams.filterChangedCallback(),this.expectingNewMethods=!0}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.refreshProps()}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}getOptionalMethods(){return["afterGuiAttached","afterGuiDetached","onNewRowsLoaded","getModelAsString","onAnyFilterChanged"]}setMethods(e){this.expectingNewMethods===!1&&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,delete e.valueGetter,e}};function mt(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||It.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){Qe(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),mt(this.floatingFilterParams,e)}},Zt=class extends he{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(),mt(this.sourceParams,e)}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e}},Xt=class extends he{refresh(e){this.sourceParams=e,this.refreshProps()}},er=class extends he{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}},tr=class extends he{refresh(e){this.sourceParams=e,this.refreshProps()}},rr=class extends he{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},sr=class extends he{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}};function nr(e,t){(e?.getInstance?.()??st.AgPromise.resolve(void 0)).then(s=>t(s))}function Ue(){(0,st._warnOnce)("As of v32, using custom components with `reactiveCustomComponents = false` is deprecated.")}var or=1e3,ar=class{constructor(e,t,r){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.refresher=e,this.maxComponentCreationTimeMs=r||or}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)})}}},cr=e=>{const{ctrl:t}=e,r=t.isAlive(),{context:s}=(0,re.useContext)(ae),n=r?t.getColId():void 0,[a,c]=(0,re.useState)(),o=(0,re.useRef)(null),i=(0,re.useRef)(null),l=(0,re.useRef)(null),m=(0,re.useRef)(),d=(0,re.useRef)();r&&!d.current&&(d.current=new $e.CssClassManager(()=>o.current));const w=(0,re.useCallback)(p=>{if(o.current=p,!o.current||!r)return;const h={setWidth:E=>{o.current&&(o.current.style.width=E)},addOrRemoveCssClass:(E,g)=>d.current.addOrRemoveCssClass(E,g),setAriaSort:E=>{o.current&&(E?(0,$e._setAriaSort)(o.current,E):(0,$e._removeAriaSort)(o.current))},setUserCompDetails:E=>c(E),getUserCompInstance:()=>m.current||void 0};t.setComp(h,o.current,i.current,l.current);const S=t.getSelectAllGui();i.current?.insertAdjacentElement("afterend",S)},[]);(0,re.useLayoutEffect)(()=>Ae(a,s,l.current,m),[a]),(0,re.useEffect)(()=>{t.setDragSource(o.current)},[a]);const v=(0,re.useMemo)(()=>!!(a?.componentFromFramework&&be(a.componentClass)),[a]),u=a&&a.componentFromFramework,y=a&&a.componentClass;return re.default.createElement("div",{ref:w,className:"ag-header-cell","col-id":n,role:"columnheader"},re.default.createElement("div",{ref:i,className:"ag-header-cell-resize",role:"presentation"}),re.default.createElement("div",{ref:l,className:"ag-header-cell-comp-wrapper",role:"presentation"},u&&v&&re.default.createElement(y,{...a.params}),u&&!v&&re.default.createElement(y,{...a.params,ref:m})))},lr=(0,re.memo)(cr),ir=e=>{const{context:t,gos:r}=(0,x.useContext)(ae),[s,n]=(0,x.useState)(()=>new pe("ag-header-cell","ag-floating-filter")),[a,c]=(0,x.useState)(()=>new pe),[o,i]=(0,x.useState)(()=>new pe("ag-floating-filter-button","ag-hidden")),[l,m]=(0,x.useState)("false"),[d,w]=(0,x.useState)(),[,v]=(0,x.useState)(1),u=(0,x.useRef)(null),y=(0,x.useRef)(null),p=(0,x.useRef)(null),h=(0,x.useRef)(null),S=(0,x.useRef)(),E=(0,x.useRef)(),g=V=>{V!=null&&S.current&&S.current(V)},{ctrl:z}=e,P=(0,x.useCallback)(V=>{if(u.current=V,!u.current)return;E.current=new Bt.AgPromise(N=>{S.current=N});const T={addOrRemoveCssClass:(N,K)=>n(A=>A.setClass(N,K)),addOrRemoveBodyCssClass:(N,K)=>c(A=>A.setClass(N,K)),setButtonWrapperDisplayed:N=>{i(K=>K.setClass("ag-hidden",!N)),m(N?"false":"true")},setWidth:N=>{u.current&&(u.current.style.width=N)},setCompDetails:N=>w(N),getFloatingFilterComp:()=>E.current?E.current:null,setMenuIcon:N=>h.current?.appendChild(N)};z.setComp(T,u.current,h.current,y.current)},[]);(0,x.useLayoutEffect)(()=>Ae(d,t,y.current,g),[d]);const U=(0,x.useMemo)(()=>s.toString(),[s]),M=(0,x.useMemo)(()=>a.toString(),[a]),R=(0,x.useMemo)(()=>o.toString(),[o]),C=(0,x.useMemo)(()=>!!(d&&d.componentFromFramework&&be(d.componentClass)),[d]),k=(0,x.useMemo)(()=>r.get("reactiveCustomComponents"),[]),F=(0,x.useMemo)(()=>{if(d)if(k){const V=new Yt(d.params,()=>v(T=>T+1));return g(V),V}else d.componentFromFramework&&Ue()},[d]),q=F?.getProps(),J=d&&d.componentFromFramework,L=d&&d.componentClass;return x.default.createElement("div",{ref:P,className:U,role:"gridcell"},x.default.createElement("div",{ref:y,className:M,role:"presentation"},J&&!k&&x.default.createElement(L,{...d.params,ref:C?()=>{}:g}),J&&k&&x.default.createElement(xe.Provider,{value:{setMethods:V=>F.setMethods(V)}},x.default.createElement(L,{...q}))),x.default.createElement("div",{ref:p,"aria-hidden":l,className:R,role:"presentation"},x.default.createElement("button",{ref:h,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},ur=(0,x.memo)(ir),dr=e=>{const{context:t}=(0,j.useContext)(ae),{ctrl:r}=e,[s,n]=(0,j.useState)(()=>new pe),[a,c]=(0,j.useState)(()=>new pe),[o,i]=(0,j.useState)("false"),[l,m]=(0,j.useState)(),[d,w]=(0,j.useState)(),v=(0,j.useMemo)(()=>r.getColId(),[]),u=(0,j.useRef)(null),y=(0,j.useRef)(null),p=(0,j.useRef)(null),h=(0,j.useRef)(),S=(0,j.useCallback)(M=>{if(u.current=M,!u.current)return;const R={setWidth:C=>{u.current&&(u.current.style.width=C)},addOrRemoveCssClass:(C,k)=>n(F=>F.setClass(C,k)),setUserCompDetails:C=>w(C),setResizableDisplayed:C=>{c(k=>k.setClass("ag-hidden",!C)),i(C?"false":"true")},setAriaExpanded:C=>m(C),getUserCompInstance:()=>h.current||void 0};r.setComp(R,u.current,y.current,p.current)},[]);(0,j.useLayoutEffect)(()=>Ae(d,t,p.current),[d]),(0,j.useEffect)(()=>{u.current&&r.setDragSource(u.current)},[d]);const E=(0,j.useMemo)(()=>!!(d?.componentFromFramework&&be(d.componentClass)),[d]),g=(0,j.useMemo)(()=>"ag-header-group-cell "+s.toString(),[s]),z=(0,j.useMemo)(()=>"ag-header-cell-resize "+a.toString(),[a]),P=d&&d.componentFromFramework,U=d&&d.componentClass;return j.default.createElement("div",{ref:S,className:g,"col-id":v,role:"columnheader","aria-expanded":l},j.default.createElement("div",{ref:p,className:"ag-header-cell-comp-wrapper",role:"presentation"},P&&E&&j.default.createElement(U,{...d.params}),P&&!E&&j.default.createElement(U,{...d.params,ref:h})),j.default.createElement("div",{ref:y,"aria-hidden":o,className:z}))},pr=(0,j.memo)(dr),mr=e=>{const{ctrl:t}=e,{topOffset:r,rowHeight:s}=(0,oe.useMemo)(()=>t.getTopAndHeight(),[]),n=t.getAriaRowIndex(),a=t.getHeaderRowClass(),[c,o]=(0,oe.useState)(()=>s+"px"),[i,l]=(0,oe.useState)(()=>r+"px"),m=(0,oe.useRef)(null),d=(0,oe.useRef)(null),[w,v]=(0,oe.useState)(()=>t.getHeaderCtrls()),u=(0,oe.useRef)(null),y=(0,oe.useCallback)(S=>{if(u.current=S,!S)return;const E={setHeight:g=>o(g),setTop:g=>l(g),setHeaderCtrls:(g,z,P)=>{d.current=m.current,m.current=g;const U=Ke(d.current,g,z);U!==d.current&&Je(P,()=>v(U))},setWidth:g=>{u.current&&(u.current.style.width=g)}};t.setComp(E,!1)},[]),p=(0,oe.useMemo)(()=>({height:c,top:i}),[c,i]),h=(0,oe.useCallback)(S=>{switch(t.getType()){case nt.HeaderRowType.COLUMN_GROUP:return oe.default.createElement(pr,{ctrl:S,key:S.getInstanceId()});case nt.HeaderRowType.FLOATING_FILTER:return oe.default.createElement(ur,{ctrl:S,key:S.getInstanceId()});default:return oe.default.createElement(lr,{ctrl:S,key:S.getInstanceId()})}},[]);return oe.default.createElement("div",{ref:y,className:a,role:"row",style:p,"aria-rowindex":n},w.map(h))},fr=(0,oe.memo)(mr),hr=e=>{const[t,r]=(0,ne.useState)(!0),[s,n]=(0,ne.useState)([]),{context:a}=(0,ne.useContext)(ae),c=(0,ne.useRef)(null),o=(0,ne.useRef)(null),i=(0,ne.useRef)(null),l=e.pinned==="left",m=e.pinned==="right",d=!l&&!m,w=(0,ne.useCallback)(y=>{if(c.current=y,!c.current){a.destroyBean(i.current),i.current=null;return}const p={setDisplayed:r,setCtrls:h=>n(h),setCenterWidth:h=>{o.current&&(o.current.style.width=h)},setViewportScrollLeft:h=>{c.current&&(c.current.scrollLeft=h)},setPinnedContainerWidth:h=>{c.current&&(c.current.style.width=h,c.current.style.minWidth=h,c.current.style.maxWidth=h)}};i.current=a.createBean(new Dt.HeaderRowContainerCtrl(e.pinned)),i.current.setComp(p,c.current)},[]),v=t?"":"ag-hidden",u=()=>s.map(y=>ne.default.createElement(fr,{ctrl:y,key:y.getInstanceId()}));return ne.default.createElement(ne.default.Fragment,null,l&&ne.default.createElement("div",{ref:w,className:"ag-pinned-left-header "+v,"aria-hidden":!t,role:"rowgroup"},u()),m&&ne.default.createElement("div",{ref:w,className:"ag-pinned-right-header "+v,"aria-hidden":!t,role:"rowgroup"},u()),d&&ne.default.createElement("div",{ref:w,className:"ag-header-viewport "+v,role:"presentation"},ne.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},u())))},Ye=(0,ne.memo)(hr),Cr=()=>{const[e,t]=(0,ie.useState)(()=>new pe),[r,s]=(0,ie.useState)(),{context:n}=(0,ie.useContext)(ae),a=(0,ie.useRef)(null),c=(0,ie.useRef)(null),o=(0,ie.useCallback)(m=>{if(a.current=m,!m){n.destroyBean(c.current),c.current=null;return}const d={addOrRemoveCssClass:(w,v)=>t(u=>u.setClass(w,v)),setHeightAndMinHeight:w=>s(w)};c.current=n.createBean(new xt.GridHeaderCtrl),c.current.setComp(d,a.current,a.current)},[]),i=(0,ie.useMemo)(()=>"ag-header "+e.toString(),[e]),l=(0,ie.useMemo)(()=>({height:r,minHeight:r}),[r]);return ie.default.createElement("div",{ref:o,className:i,style:l,role:"presentation"},ie.default.createElement(Ye,{pinned:"left"}),ie.default.createElement(Ye,{pinned:null}),ie.default.createElement(Ye,{pinned:"right"}))},gr=(0,ie.memo)(Cr),yr=(e,t)=>{(0,Wt.useEffect)(()=>{const r=t.current;if(r){const s=r.parentElement;if(s){const n=document.createComment(e);return s.insertBefore(n,r),()=>{s.removeChild(n)}}}},[e])},ve=yr,Rr=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new Nt.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()}},vr=e=>{const t=(0,Se.useRef)(e),r=(0,Se.useRef)(),s=(0,Se.useRef)(!1),n=(0,Se.useRef)(!1),[,a]=(0,Se.useState)(0);s.current&&(n.current=!0),(0,Se.useEffect)(()=>(s.current||(r.current=t.current(),s.current=!0),a(c=>c+1),()=>{n.current&&r.current&&r.current()}),[])},wr=e=>{const[t,r]=(0,Ie.useState)(),{context:s,popupService:n,localeService:a,gos:c,editService:o}=(0,Ie.useContext)(ae);return vr(()=>{const{editDetails:i,cellCtrl:l,eParentCell:m}=e,{compDetails:d}=i,w=c.get("stopEditingWhenCellsLoseFocus"),v=s.createBean(o.createPopupEditorWrapper(d.params)),u=v.getGui();if(e.jsChildComp){const g=e.jsChildComp.getGui();g&&u.appendChild(g)}const y={column:l.getColumn(),rowNode:l.getRowNode(),type:"popupCellEditor",eventSource:m,ePopup:u,position:i.popupPosition,keepWithinBounds:!0},p=n.positionPopupByComponent.bind(n,y),h=a.getLocaleTextFunc(),S=n.addPopup({modal:w,eChild:u,closeOnEsc:!0,closedCallback:()=>{l.onPopupEditorClosed()},anchorToElement:m,positionCallback:p,ariaLabel:h("ariaLabelCellEditor","Cell Editor")}),E=S?S.hideFunc:void 0;return r(v),e.jsChildComp&&e.jsChildComp.afterGuiAttached&&e.jsChildComp.afterGuiAttached(),()=>{E?.(),s.destroyBean(v)}}),Ie.default.createElement(Ie.default.Fragment,null,t&&e.wrappedContent&&(0,Ht.createPortal)(e.wrappedContent,t.getGui()))},ft=(0,Ie.memo)(wr),Sr=(e,t,r,s,n,a)=>{const{context:c}=(0,Te.useContext)(ae),o=(0,Te.useCallback)(()=>{const i=n.current;if(!i)return;const l=i.getGui();l&&l.parentElement&&l.parentElement.removeChild(l),c.destroyBean(i),n.current=void 0},[]);(0,Te.useEffect)(()=>{const i=e!=null,l=e&&e.compDetails&&!e.compDetails.componentFromFramework,m=t&&r==null;if(!(i&&l&&!m)){o();return}const w=e.compDetails;if(n.current){const u=n.current,p=u.refresh!=null&&e.force==!1?u.refresh(w.params):!1;if(p===!0||p===void 0)return;o()}const v=w.newAgStackInstance();v?.then(u=>{if(!u)return;const y=u.getGui();if(!y)return;(t?r:a.current).appendChild(y),n.current=u})},[e,t,s]),(0,Te.useEffect)(()=>o,[])},br=Sr,Er=(e,t,r)=>{const{compProxy:s}=e;r(s);const n=s.getProps(),a=be(t);return f.default.createElement(xe.Provider,{value:{setMethods:c=>s.setMethods(c)}},a&&f.default.createElement(t,{...n}),!a&&f.default.createElement(t,{...n,ref:c=>s.setRef(c)}))},ht=(e,t,r)=>{const s=e.compProxy;return f.default.createElement(f.default.Fragment,null,!s&&f.default.createElement(t,{...e.compDetails.params,ref:r}),s&&Er(e,t,r))},Pr=(e,t,r,s,n,a)=>{const c=e.compDetails,o=c.componentClass,i=c.componentFromFramework&&!e.popup,l=c.componentFromFramework&&e.popup,m=!c.componentFromFramework&&e.popup;return f.default.createElement(f.default.Fragment,null,i&&ht(e,o,t),l&&f.default.createElement(ft,{editDetails:e,cellCtrl:n,eParentCell:s,wrappedContent:ht(e,o,r)}),m&&a&&f.default.createElement(ft,{editDetails:e,cellCtrl:n,eParentCell:s,jsChildComp:a}))},Mr=(e,t,r,s,n,a,c)=>{const{compDetails:o,value:i}=e,l=!o,m=o&&o.componentFromFramework,d=o&&o.componentClass,w=i?.toString?i.toString():i,v=()=>f.default.createElement(f.default.Fragment,null,l&&f.default.createElement(f.default.Fragment,null,w),m&&!a&&f.default.createElement(d,{...o.params,key:t,ref:s}),m&&a&&f.default.createElement(d,{...o.params,key:t}));return f.default.createElement(f.default.Fragment,null,n?f.default.createElement("span",{role:"presentation",id:`cell-${r}`,className:"ag-cell-value",ref:c},v()):v())},kr=e=>{const{context:t}=(0,f.useContext)(ae),{cellCtrl:r,printLayout:s,editingRow:n}=e,a=r.getColumnIdSanitised(),c=r.getInstanceId(),[o,i]=(0,f.useState)(()=>r.isCellRenderer()?void 0:{compDetails:void 0,value:r.getValueToDisplay(),force:!1}),[l,m]=(0,f.useState)(),[d,w]=(0,f.useState)(1),[v,u]=(0,f.useState)(),[y,p]=(0,f.useState)(!1),[h,S]=(0,f.useState)(!1),[E,g]=(0,f.useState)(!1),[z,P]=(0,f.useState)(),U=(0,f.useMemo)(()=>r.isForceWrapper(),[r]),M=(0,f.useMemo)(()=>r.getCellAriaRole(),[r]),R=(0,f.useRef)(null),C=(0,f.useRef)(null),k=(0,f.useRef)(),F=(0,f.useRef)(),q=(0,f.useRef)(),J=(0,f.useRef)([]),L=(0,f.useRef)(),[V,T]=(0,f.useState)(0),N=(0,f.useCallback)(te=>{L.current=te,T(Y=>Y+1)},[]),K=o!=null&&(y||E||h),A=U||K,H=(0,f.useCallback)((te,Y)=>{F.current=Y,Y&&Y.isCancelBeforeStart&&Y.isCancelBeforeStart()&&setTimeout(()=>{r.stopEditing(!0),r.focusCell(!0)})},[r]),D=(0,f.useCallback)(te=>H(!0,te),[H]),se=(0,f.useCallback)(te=>H(!1,te),[H]),G=(0,f.useRef)();G.current||(G.current=new at.CssClassManager(()=>R.current)),br(o,A,L.current,V,k,R);const fe=(0,f.useRef)();(0,f.useLayoutEffect)(()=>{const te=fe.current,Y=o;if(fe.current=o,te==null||te.compDetails==null||Y==null||Y.compDetails==null)return;const ee=te.compDetails,B=Y.compDetails;if(ee.componentClass!=B.componentClass||C.current==null||C.current.refresh==null)return;C.current.refresh(B.params)!=!0&&w(le=>le+1)},[o]),(0,f.useLayoutEffect)(()=>{if(!(l&&!l.compDetails.componentFromFramework))return;const Y=l.compDetails,ee=l.popup===!0,B=Y.newAgStackInstance();return B.then(Z=>{if(!Z)return;const le=Z.getGui();H(ee,Z),ee||((U?q:R).current?.appendChild(le),Z.afterGuiAttached&&Z.afterGuiAttached()),P(Z)}),()=>{B.then(Z=>{const le=Z.getGui();t.destroyBean(Z),H(ee,void 0),P(void 0),le&&le.parentElement&&le.parentElement.removeChild(le)})}},[l]);const ce=(0,f.useCallback)(te=>{if(q.current=te,!q.current){J.current.forEach(ee=>ee()),J.current=[];return}const Y=ee=>{if(ee){const B=ee.getGui();q.current?.insertAdjacentElement("afterbegin",B),J.current.push(()=>{t.destroyBean(ee),(0,at._removeFromParent)(B)})}return ee};if(y){const ee=r.createSelectionCheckbox();Y(ee)}E&&Y(r.createDndSource()),h&&Y(r.createRowDragComp())},[r,t,E,h,y]),Ce=(0,f.useCallback)(te=>{if(R.current=te,!R.current||!r)return;const Y={addOrRemoveCssClass:(B,Z)=>G.current.addOrRemoveCssClass(B,Z),setUserStyles:B=>u(B),getFocusableElement:()=>R.current,setIncludeSelection:B=>p(B),setIncludeRowDrag:B=>S(B),setIncludeDndSource:B=>g(B),getCellEditor:()=>F.current||null,getCellRenderer:()=>C.current?C.current:k.current,getParentOfValue:()=>L.current?L.current:q.current?q.current:R.current,setRenderDetails:(B,Z,le)=>{i(ge=>ge?.compDetails!==B||ge?.value!==Z||ge?.force!==le?{value:Z,compDetails:B,force:le}:ge)},setEditDetails:(B,Z,le,ge)=>{if(B){let Pe;ge?Pe=new Rr(B.params,()=>w(we=>we+1)):B.componentFromFramework&&Ue(),m({compDetails:B,popup:Z,popupPosition:le,compProxy:Pe}),Z||i(void 0)}else m(Pe=>{Pe?.compProxy&&(F.current=void 0)})}},ee=q.current||void 0;r.setComp(Y,R.current,ee,s,n)},[]),Ee=(0,f.useMemo)(()=>!!(o&&o.compDetails&&o.compDetails.componentFromFramework&&be(o.compDetails.componentClass)),[o]);(0,f.useLayoutEffect)(()=>{R.current&&(G.current.addOrRemoveCssClass("ag-cell-value",!A),G.current.addOrRemoveCssClass("ag-cell-inline-editing",!!l&&!l.popup),G.current.addOrRemoveCssClass("ag-cell-popup-editing",!!l&&!!l.popup),G.current.addOrRemoveCssClass("ag-cell-not-inline-editing",!l||!!l.popup),r.getRowCtrl()?.setInlineEditingCss(),r.shouldRestoreFocus()&&!r.isEditing()&&R.current.focus({preventScroll:!0}))});const qe=()=>f.default.createElement(f.default.Fragment,null,o!=null&&Mr(o,d,c,C,A,Ee,N),l!=null&&Pr(l,se,D,R.current,r,z)),Ze=(0,f.useCallback)(()=>r.onFocusOut(),[]);return f.default.createElement("div",{ref:Ce,style:v,role:M,"col-id":a,onBlur:Ze},A?f.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:ce},qe()):qe())},Fr=(0,f.memo)(kr),_r=e=>{const{context:t,gos:r}=(0,I.useContext)(ae),{rowCtrl:s,containerType:n}=e,a=(0,I.useRef)(s.getDomOrder()),c=s.isFullWidth(),o=s.getRowNode().displayed,[i,l]=(0,I.useState)(()=>o?s.getRowIndex():null),[m,d]=(0,I.useState)(()=>s.getRowId()),[w,v]=(0,I.useState)(()=>s.getBusinessKey()),[u,y]=(0,I.useState)(()=>s.getRowStyles()),p=(0,I.useRef)(null),h=(0,I.useRef)(null),[S,E]=(0,I.useState)(()=>null),[g,z]=(0,I.useState)(),[P,U]=(0,I.useState)(()=>o?s.getInitialRowTop(n):void 0),[M,R]=(0,I.useState)(()=>o?s.getInitialTransform(n):void 0),C=(0,I.useRef)(null),k=(0,I.useRef)(),F=(0,I.useRef)(!1),[q,J]=(0,I.useState)(0);(0,I.useEffect)(()=>{if(F.current||!g||q>10)return;const G=C.current?.firstChild;G?(s.setupDetailRowAutoHeight(G),F.current=!0):J(fe=>fe+1)},[g,q]);const L=(0,I.useRef)();L.current||(L.current=new Tt.CssClassManager(()=>C.current));const V=(0,I.useCallback)(G=>{if(C.current=G,!C.current){s.unsetComp(n);return}if(!s.isAlive())return;const fe={setTop:U,setTransform:R,addOrRemoveCssClass:(ce,Ce)=>L.current.addOrRemoveCssClass(ce,Ce),setDomOrder:ce=>a.current=ce,setRowIndex:l,setRowId:d,setRowBusinessKey:v,setUserStyles:y,setCellCtrls:(ce,Ce)=>{h.current=p.current,p.current=ce;const Ee=Ke(h.current,ce,a.current);Ee!==h.current&&Je(Ce,()=>E(Ee))},showFullWidth:ce=>z(ce),getFullWidthCellRenderer:()=>k.current,refreshFullWidth:ce=>H.current?(z(Ce=>({...Ce,params:ce()})),!0):!k.current||!k.current.refresh?!1:k.current.refresh(ce())};s.setComp(fe,C.current,n)},[]);(0,I.useLayoutEffect)(()=>Ae(g,t,C.current,k),[g]);const T=(0,I.useMemo)(()=>{const G={top:P,transform:M};return Object.assign(G,u),G},[P,M,u]),N=c&&g&&g.componentFromFramework,K=!c&&S!=null,A=(0,I.useMemo)(()=>!!(g?.componentFromFramework&&be(g.componentClass)),[g]),H=(0,I.useRef)(!1);(0,I.useEffect)(()=>{H.current=A&&!!g&&!!r.get("reactiveCustomComponents")},[A,g]);const D=()=>S?.map(G=>I.default.createElement(Fr,{cellCtrl:G,editingRow:s.isEditing(),printLayout:s.isPrintLayout(),key:G.getInstanceId()})),se=()=>{const G=g.componentClass;return I.default.createElement(I.default.Fragment,null,A&&I.default.createElement(G,{...g.params}),!A&&I.default.createElement(G,{...g.params,ref:k}))};return I.default.createElement("div",{ref:V,role:"row",style:T,"row-index":i,"row-id":m,"row-business-key":w},K&&D(),N&&se())},Gr=(0,I.memo)(_r),Or=e=>{const{context:t}=(0,$.useContext)(ae),{name:r}=e,s=(0,$.useMemo)(()=>(0,ot._getRowContainerOptions)(r),[r]),n=(0,$.useRef)(null),a=(0,$.useRef)(null),c=(0,$.useRef)([]),o=(0,$.useRef)([]),[i,l]=(0,$.useState)(()=>[]),m=(0,$.useRef)(!1),d=(0,$.useRef)(),w=(0,$.useMemo)(()=>me(s.viewport),[s]),v=(0,$.useMemo)(()=>me(s.container),[s]),u=s.type==="center",y=u?n:a;ve(" AG Row Container "+r+" ",y);const p=(0,$.useCallback)(()=>u?n.current!=null&&a.current!=null:a.current!=null,[]),h=(0,$.useCallback)(()=>u?n.current==null&&a.current==null:a.current==null,[]),S=(0,$.useCallback)(()=>{if(h()&&(t.destroyBean(d.current),d.current=null),p()){const P=M=>{const R=Ke(o.current,c.current,m.current);R!==o.current&&(o.current=R,Je(M,()=>l(R)))},U={setHorizontalScroll:M=>{n.current&&(n.current.scrollLeft=M)},setViewportHeight:M=>{n.current&&(n.current.style.height=M)},setRowCtrls:({rowCtrls:M,useFlushSync:R})=>{const C=!!R&&c.current.length>0&&M.length>0;c.current=M,P(C)},setDomOrder:M=>{m.current!=M&&(m.current=M,P(!1))},setContainerWidth:M=>{a.current&&(a.current.style.width=M)},setOffsetTop:M=>{a.current&&(a.current.style.transform=`translateY(${M})`)}};d.current=t.createBean(new ot.RowContainerCtrl(r)),d.current.setComp(U,a.current,n.current)}},[p,h]),E=(0,$.useCallback)(P=>{a.current=P,S()},[S]),g=(0,$.useCallback)(P=>{n.current=P,S()},[S]),z=()=>$.default.createElement("div",{className:v,ref:E,role:"rowgroup"},i.map(P=>$.default.createElement(Gr,{rowCtrl:P,containerType:s.type,key:P.getInstanceId()})));return $.default.createElement($.default.Fragment,null,u?$.default.createElement("div",{className:w,ref:g,role:"presentation"},z()):z())},Ir=(0,$.memo)(Or),Ar=()=>{const{context:e,resizeObserverService:t}=(0,b.useContext)(ae),[r,s]=(0,b.useState)(""),[n,a]=(0,b.useState)(0),[c,o]=(0,b.useState)(0),[i,l]=(0,b.useState)("0px"),[m,d]=(0,b.useState)("0px"),[w,v]=(0,b.useState)("100%"),[u,y]=(0,b.useState)("0px"),[p,h]=(0,b.useState)("0px"),[S,E]=(0,b.useState)("100%"),[g,z]=(0,b.useState)(""),[P,U]=(0,b.useState)(""),[M,R]=(0,b.useState)(null),[C,k]=(0,b.useState)(""),[F,q]=(0,b.useState)(null),[J,L]=(0,b.useState)("ag-layout-normal"),V=(0,b.useRef)();V.current||(V.current=new Re.CssClassManager(()=>T.current));const T=(0,b.useRef)(null),N=(0,b.useRef)(null),K=(0,b.useRef)(null),A=(0,b.useRef)(null),H=(0,b.useRef)(null),D=(0,b.useRef)(null),se=(0,b.useRef)(null),G=(0,b.useRef)([]),fe=(0,b.useRef)([]);ve(" AG Grid Body ",T),ve(" AG Pinned Top ",N),ve(" AG Sticky Top ",K),ve(" AG Middle ",D),ve(" AG Pinned Bottom ",se);const ce=(0,b.useCallback)(Me=>{if(T.current=Me,!T.current){e.destroyBeans(G.current),fe.current.forEach(Q=>Q()),G.current=[],fe.current=[];return}if(!e)return;const Le=(Q,de)=>{Q.appendChild(de),fe.current.push(()=>Q.removeChild(de))},Xe=Q=>{const de=e.createBean(new Q);return G.current.push(de),de},Be=(Q,de,Xr)=>{Le(Q,document.createComment(Xr)),Le(Q,Xe(de).getGui())};Be(T.current,Re.FakeHScrollComp," AG Fake Horizontal Scroll "),Be(T.current,Re.OverlayWrapperComponent," AG Overlay Wrapper "),H.current&&Be(H.current,Re.FakeVScrollComp," AG Fake Vertical Scroll ");const Zr={setRowAnimationCssOnBodyViewport:s,setColumnCount:Q=>{T.current&&(0,Re._setAriaColCount)(T.current,Q)},setRowCount:Q=>{T.current&&(0,Re._setAriaRowCount)(T.current,Q)},setTopHeight:a,setBottomHeight:o,setStickyTopHeight:l,setStickyTopTop:d,setStickyTopWidth:v,setTopDisplay:z,setBottomDisplay:U,setColumnMovingCss:(Q,de)=>V.current.addOrRemoveCssClass(Q,de),updateLayoutClasses:L,setAlwaysVerticalScrollClass:R,setPinnedTopBottomOverflowY:k,setCellSelectableCss:(Q,de)=>q(de?Q:null),setBodyViewportWidth:Q=>{D.current&&(D.current.style.width=Q)},registerBodyViewportResizeListener:Q=>{if(D.current){const de=t.observeResize(D.current,Q);fe.current.push(()=>de())}},setStickyBottomHeight:y,setStickyBottomBottom:h,setStickyBottomWidth:E},yt=e.createBean(new Re.GridBodyCtrl);G.current.push(yt),yt.setComp(Zr,T.current,D.current,N.current,se.current,K.current,A.current)},[]),Ce=(0,b.useMemo)(()=>me("ag-root","ag-unselectable",J),[J]),Ee=(0,b.useMemo)(()=>me("ag-body-viewport",r,J,M,F),[r,J,M,F]),qe=(0,b.useMemo)(()=>me("ag-body",J),[J]),Ze=(0,b.useMemo)(()=>me("ag-floating-top",F),[F]),te=(0,b.useMemo)(()=>me("ag-sticky-top",F),[F]),Y=(0,b.useMemo)(()=>me("ag-sticky-bottom",u==="0px"?"ag-hidden":null,F),[F,u]),ee=(0,b.useMemo)(()=>me("ag-floating-bottom",F),[F]),B=(0,b.useMemo)(()=>({height:n,minHeight:n,display:g,overflowY:C}),[n,g,C]),Z=(0,b.useMemo)(()=>({height:i,top:m,width:w}),[i,m,w]),le=(0,b.useMemo)(()=>({height:u,bottom:p,width:S}),[u,p,S]),ge=(0,b.useMemo)(()=>({height:c,minHeight:c,display:P,overflowY:C}),[c,P,C]),Pe=Me=>b.default.createElement(Ir,{name:Me,key:`${Me}-container`}),we=({section:Me,children:Le,className:Xe,style:Be})=>b.default.createElement("div",{ref:Me,className:Xe,role:"presentation",style:Be},Le.map(Pe));return b.default.createElement("div",{ref:ce,className:Ce,role:"treegrid"},b.default.createElement(gr,null),we({section:N,className:Ze,style:B,children:["topLeft","topCenter","topRight","topFullWidth"]}),b.default.createElement("div",{className:qe,ref:H,role:"presentation"},we({section:D,className:Ee,children:["left","center","right","fullWidth"]})),we({section:K,className:te,style:Z,children:["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"]}),we({section:A,className:Y,style:le,children:["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"]}),we({section:se,className:ee,style:ge,children:["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"]}))},xr=(0,b.memo)(Ar),Dr=(e,t)=>{const{children:r,eFocusableElement:s,onTabKeyDown:n,gridCtrl:a,forceFocusOutWhenTabGuardsAreEmpty:c}=e,{context:o}=(0,ue.useContext)(ae),i=(0,ue.useRef)(null),l=(0,ue.useRef)(null),m=(0,ue.useRef)(),d=p=>{const h=p==null?void 0:parseInt(p,10).toString();[i,l].forEach(S=>{h===void 0?S.current?.removeAttribute("tabindex"):S.current?.setAttribute("tabindex",h)})};(0,ue.useImperativeHandle)(t,()=>({forceFocusOutOfContainer(p){m.current?.forceFocusOutOfContainer(p)}}));const w=(0,ue.useCallback)(()=>{if(!i.current&&!l.current){o.destroyBean(m.current),m.current=null;return}if(i.current&&l.current){const p={setTabIndex:d};m.current=o.createBean(new Ne.TabGuardCtrl({comp:p,eTopGuard:i.current,eBottomGuard:l.current,eFocusableElement:s,onTabKeyDown:n,forceFocusOutWhenTabGuardsAreEmpty:c,focusInnerElement:h=>a.focusInnerElement(h)}))}},[]),v=(0,ue.useCallback)(p=>{i.current=p,w()},[w]),u=(0,ue.useCallback)(p=>{l.current=p,w()},[w]),y=p=>{const h=p==="top"?Ne.TabGuardClassNames.TAB_GUARD_TOP:Ne.TabGuardClassNames.TAB_GUARD_BOTTOM;return ue.default.createElement("div",{className:`${Ne.TabGuardClassNames.TAB_GUARD} ${h}`,role:"presentation",ref:p==="top"?v:u})};return ue.default.createElement(ue.default.Fragment,null,y("top"),r,y("bottom"))},Br=(0,ue.forwardRef)(Dr),Wr=(0,ue.memo)(Br),Tr=({context:e})=>{const[t,r]=(0,W.useState)(""),[s,n]=(0,W.useState)(""),[a,c]=(0,W.useState)(null),[o,i]=(0,W.useState)(null),[l,m]=(0,W.useState)(!1),[d,w]=(0,W.useState)(),v=(0,W.useRef)(null),u=(0,W.useRef)(null),y=(0,W.useRef)(),[p,h]=(0,W.useState)(null),S=(0,W.useRef)(()=>{}),E=(0,W.useRef)(),g=(0,W.useRef)([]),z=(0,W.useCallback)(()=>{},[]),P=(0,W.useMemo)(()=>e.isDestroyed()?null:e.getBeans(),[e]);ve(" AG Grid ",u);const U=(0,W.useCallback)(F=>{if(u.current=F,!u.current){e.destroyBean(v.current),v.current=null;return}if(e.isDestroyed())return;v.current=e.createBean(new At.GridCtrl);const q=v.current;S.current=q.focusInnerElement.bind(q);const J={destroyGridUi:()=>{},setRtlClass:r,forceFocusOutOfContainer:L=>{if(!L&&E.current?.isDisplayed()){E.current.forceFocusOutOfContainer(L);return}y.current?.forceFocusOutOfContainer(L)},updateLayoutClasses:n,getFocusableContainers:()=>{const L=[],V=u.current?.querySelector(".ag-root");return V&&L.push({getGui:()=>V}),g.current.forEach(T=>{T.isDisplayed()&&L.push(T)}),L},setCursor:c,setUserSelect:i};q.setComp(J,u.current,u.current),m(!0)},[]);(0,W.useEffect)(()=>{if(!d||!P||!v.current||!p||!u.current)return;const F=v.current,q=[],{watermarkSelector:J,paginationSelector:L,sideBarSelector:V,statusBarSelector:T,gridHeaderDropZonesSelector:N}=F.getOptionalSelectors(),K=[],A=u.current;if(N){const D=e.createBean(new N.component),se=D.getGui();A.insertAdjacentElement("afterbegin",se),K.push(se),q.push(D)}if(V){const D=e.createBean(new V.component),se=D.getGui(),G=p.querySelector(".ag-tab-guard-bottom");G&&(G.insertAdjacentElement("beforebegin",se),K.push(se)),q.push(D),g.current.push(D)}const H=D=>{const se=e.createBean(new D),G=se.getGui();return A.insertAdjacentElement("beforeend",G),K.push(G),q.push(se),se};if(T&&H(T.component),L){const D=H(L.component);E.current=D,g.current.push(D)}return J&&H(J.component),()=>{e.destroyBeans(q),K.forEach(D=>{D.parentElement&&D.parentElement.removeChild(D)})}},[d,p,P]);const M=(0,W.useMemo)(()=>me("ag-root-wrapper",t,s),[t,s]),R=(0,W.useMemo)(()=>me("ag-root-wrapper-body","ag-focus-managed",s),[s]),C=(0,W.useMemo)(()=>({userSelect:o??"",WebkitUserSelect:o??"",cursor:a??""}),[o,a]),k=(0,W.useCallback)(F=>{y.current=F,w(F!==null)},[]);return W.default.createElement("div",{ref:U,className:M,style:C,role:"presentation"},W.default.createElement("div",{className:R,ref:h,role:"presentation"},l&&p&&P&&W.default.createElement(ae.Provider,{value:P},W.default.createElement(Wr,{ref:k,eFocusableElement:p,onTabKeyDown:z,gridCtrl:v.current,forceFocusOutWhenTabGuardsAreEmpty:!0},W.default.createElement(xr,null)))))},Nr=(0,W.memo)(Tr),Hr=class extends Ut.BeanStub{wireBeans(e){this.ctrlsService=e.ctrlsService}areHeaderCellsRendered(){return this.ctrlsService.getHeaderRowContainerCtrls().every(e=>e.getAllCtrls().every(t=>t.areCellsRendered()))}},Ct=e=>{const t=(0,_.useRef)(),r=(0,_.useRef)(null),s=(0,_.useRef)(null),n=(0,_.useRef)([]),a=(0,_.useRef)([]),c=(0,_.useRef)(e),o=(0,_.useRef)(),i=(0,_.useRef)(!1),[l,m]=(0,_.useState)(void 0),[,d]=(0,_.useState)(0),w=(0,_.useCallback)(y=>{if(r.current=y,!r.current){n.current.forEach(R=>R()),n.current.length=0;return}const p=e.modules||[];s.current||(s.current=new ar(()=>d(R=>R+1),e.componentWrappingElement,e.maxComponentCreationTimeMs),n.current.push(()=>{s.current?.destroy(),s.current=null}));const h=(0,ye._combineAttributesAndGridOptions)(e.gridOptions,e),S=()=>{if(i.current){const R=()=>o.current?.shouldQueueUpdates()?void 0:a.current.shift();let C=R();for(;C;)C(),C=R()}},E=Lt()?new Vr(S):new gt;o.current=E;const g=new Hr,z={providedBeanInstances:{frameworkComponentWrapper:new qr(s.current,h.reactiveCustomComponents??!0),renderStatusService:g},modules:p,frameworkOverrides:E},P=R=>{m(R),R.createBean(g),n.current.push(()=>{R.destroy()}),R.getBean("ctrlsService").whenReady(()=>{if(R.isDestroyed())return;const k=t.current;k&&e.setGridApi&&e.setGridApi(k)})},U=R=>{R.getBean("ctrlsService").whenReady(()=>{a.current.forEach(k=>k()),a.current.length=0,i.current=!0})},M=new ye.GridCoreCreator;t.current=M.create(r.current,h,P,U,z)},[]),v=(0,_.useMemo)(()=>({height:"100%",...e.containerStyle||{}}),[e.containerStyle]),u=(0,_.useCallback)(y=>{i.current&&!o.current?.shouldQueueUpdates()?y():a.current.push(y)},[]);return(0,_.useEffect)(()=>{const y=Ur(c.current,e);c.current=e,u(()=>{t.current&&(0,ye._processOnChange)(y,t.current)})},[e]),_.default.createElement("div",{style:v,className:e.className,ref:w},l&&!l.isDestroyed()?_.default.createElement(Nr,{context:l}):null,s.current?.getPortals()??null)};function Ur(e,t){const r={};return Object.keys(t).forEach(s=>{const n=t[s];e[s]!==n&&(r[s]=n)}),r}var qr=class extends ye.BaseComponentWrapper{constructor(e,t){super(),this.parent=e,this.reactiveCustomComponents=t}createWrapper(e,t){if(this.reactiveCustomComponents){const n=(a=>{switch(a){case"filter":return Qt;case"floatingFilterComponent":return Zt;case"dateComponent":return Kt;case"loadingOverlayComponent":return Xt;case"noRowsOverlayComponent":return tr;case"statusPanel":return rr;case"toolPanel":return sr;case"menuItem":return er;case"cellRenderer":return Jt}})(t.propertyName);if(n)return new n(e,this.parent,t)}else switch(t.propertyName){case"filter":case"floatingFilterComponent":case"dateComponent":case"loadingOverlayComponent":case"noRowsOverlayComponent":case"statusPanel":case"toolPanel":case"menuItem":case"cellRenderer":Ue();break}const r=!t.cellRenderer&&t.propertyName!=="toolPanel";return new pt(e,this.parent,t,r)}},Lr=(0,_.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:s,gos:n,resizeObserverService:a,rowModel:c}=(0,_.useContext)(ae),[o,i]=(0,_.useState)(()=>new pe),[l,m]=(0,_.useState)(()=>new pe),[d,w]=(0,_.useState)(),[v,u]=(0,_.useState)(),y=(0,_.useRef)(),p=(0,_.useRef)(null),h=(0,_.useRef)(),S=(0,_.useMemo)(()=>ye.ModuleRegistry.__getGridRegisteredModules(e.api.getGridId()),[e]),E=(0,_.useMemo)(()=>o.toString()+" ag-details-row",[o]),g=(0,_.useMemo)(()=>l.toString()+" ag-details-grid",[l]);t&&(0,_.useImperativeHandle)(t,()=>({refresh(){return y.current?.refresh()??!1}})),e.template&&(0,ye._warnOnce)("detailCellRendererParams.template is not supported by AG Grid React. To change the template, provide a Custom Detail Cell Renderer. See https://ag-grid.com/react-data-grid/master-detail-custom-detail/");const z=(0,_.useCallback)(U=>{if(p.current=U,!p.current){s.destroyBean(y.current),h.current&&h.current();return}const M={addOrRemoveCssClass:(C,k)=>i(F=>F.setClass(C,k)),addOrRemoveDetailGridCssClass:(C,k)=>m(F=>F.setClass(C,k)),setDetailGrid:C=>w(C),setRowData:C=>u(C),getGui:()=>p.current},R=r.getInstance("detailCellRenderer");if(R&&(s.createBean(R),R.init(M,e),y.current=R,n.get("detailRowAutoHeight"))){const C=()=>{if(p.current==null)return;const k=p.current.clientHeight;k!=null&&k>0&&setTimeout(()=>{e.node.setRowHeight(k),(c.getType()==="clientSide"||c.getType()==="serverSide")&&c.onRowHeightChanged()},0)};h.current=a.observeResize(p.current,C),C()}},[]),P=(0,_.useCallback)(U=>{y.current?.registerDetailWithMaster(U)},[]);return _.default.createElement("div",{className:E,ref:z},d&&_.default.createElement(Ct,{className:g,...d,modules:S,rowData:v,setGridApi:P}))}),gt=class extends ye.VanillaFrameworkOverrides{constructor(){super("react"),this.frameworkComponents={agGroupCellRenderer:ut,agGroupRowRenderer:ut,agDetailCellRenderer:Lr},this.wrapIncoming=(e,t)=>t==="ensureVisible"?Vt(e):e(),this.renderingEngine="react"}frameworkComponent(e){return this.frameworkComponents[e]}isFrameworkComponent(e){if(!e)return!1;const t=e.prototype;return!(t&&"getGui"in t)}shouldQueueUpdates(){return!1}getLockOnRefreshError(){return" This error can also occur if using 'ReactDOM.render' instead of 'createRoot'. If so, please upgrade to 'createRoot'."}},Vr=class extends gt{constructor(e){super(),this.processQueuedUpdates=e,this.queueUpdates=!1}getLockOnRefresh(){this.queueUpdates=!0}releaseLockOnRefresh(){this.queueUpdates=!1,this.processQueuedUpdates()}shouldQueueUpdates(){return this.queueUpdates}getLockOnRefreshError(){return""}},jr=class extends rt.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 rt.default.createElement(Ct,{...this.props,setGridApi:this.setGridApi})}};function De(e){const{setMethods:t}=(0,qt.useContext)(xe);t(e)}function zr(e){De(e)}function $r(e){return De(e)}function Jr(e){return De(e)}function Kr(e){De(e)}function Qr(e){De(e)}if(typeof _e.exports=="object"&&typeof Ve=="object"){var Yr=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Object.getOwnPropertyNames(t))!Object.prototype.hasOwnProperty.call(e,n)&&n!==r&&Object.defineProperty(e,n,{get:()=>t[n],enumerable:!(s=Object.getOwnPropertyDescriptor(t,n))||s.enumerable});return e};_e.exports=Yr(_e.exports,Ve)}return _e.exports});
+(function(_e,Me){typeof exports=="object"&&typeof module=="object"?module.exports=Me(require("ag-grid-community"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define("AgGridReact",["ag-grid-community","react","react-dom"],Me):typeof exports=="object"?exports.AgGridReact=Me(require("ag-grid-community"),require("react"),require("react-dom")):_e.AgGridReact=Me(_e["ag-grid-community"],_e.react,_e["react-dom"])})(this,(_e,Me,ss)=>{var Le={},ke={exports:Le},vt=Object.create,We=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,wt=Object.getOwnPropertyNames,St=Object.getPrototypeOf,bt=Object.prototype.hasOwnProperty,Et=(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 wt(t))!bt.call(e,s)&&s!==r&&We(e,s,{get:()=>t[s],enumerable:!(n=Rt(t,s))||n.enumerable});return e},Z=(e,t,r)=>(r=e!=null?vt(St(e)):{},tt(t||!e||!e.__esModule?We(r,"default",{value:e,enumerable:!0}):r,e)),Pt=e=>tt(We({},"__esModule",{value:!0}),e),rt={};Et(rt,{AgGridReact:()=>$r,CustomComponentContext:()=>Oe,getInstance:()=>ar,useGridCellEditor:()=>Jr,useGridDate:()=>Kr,useGridFilter:()=>Qr,useGridFloatingFilter:()=>Yr,useGridMenuItem:()=>Zr,warnReactiveCustomComponents:()=>Ue}),ke.exports=Pt(rt);var st=Z(require("react"),1),he=require("ag-grid-community"),F=Z(require("react"),1),_t=require("ag-grid-community"),A=Z(require("react"),1),Mt=Z(require("react"),1),kt=Z(require("react"),1),Ft=Z(require("react-dom"),1),je=require("ag-grid-community"),Fe=Z(require("react"),1),Gt=require("react"),Ge=require("ag-grid-community"),At=require("react"),Bt=require("react-dom"),Ot=require("ag-grid-community"),nt=require("ag-grid-community"),xt=require("ag-grid-community"),H=Z(require("react"),1),Re=require("ag-grid-community"),w=Z(require("react"),1),It=require("ag-grid-community"),ie=Z(require("react"),1),Dt=require("ag-grid-community"),ce=Z(require("react"),1),ze=require("ag-grid-community"),re=Z(require("react"),1),Te=require("ag-grid-community"),te=Z(require("react"),1),ot=require("ag-grid-community"),O=Z(require("react"),1),Wt=require("ag-grid-community"),V=Z(require("react"),1),Tt=require("react"),at=require("ag-grid-community"),$=Z(require("react"),1),ct=require("ag-grid-community"),G=Z(require("react"),1),$e=require("ag-grid-community"),h=Z(require("react"),1),Nt=require("ag-grid-community"),Ae=Z(require("react"),1),Ht=require("react-dom"),Se=require("react"),Ne=require("react"),He=require("ag-grid-community"),ue=Z(require("react"),1),qt=require("ag-grid-community"),Ut=require("react"),ne=Mt.default.createContext({}),Be=(e,t,r,n)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const d=e.newAgStackInstance();if(d==null)return;let c,o,l=!1;return d.then(a=>{if(l){t.destroyBean(a);return}c=a,o=c.getGui(),r.appendChild(o),it(n,c)}),()=>{l=!0,c&&(o?.parentElement?.removeChild(o),t.destroyBean(c),n&&it(n,void 0))}},it=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},fe=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),pe=class yt{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const s=new yt;return s.classesMap={...this.classesMap},s.classesMap[t]=r,s}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},be=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()},Je=kt.default.version?.split(".")[0],Vt=Je==="16"||Je==="17";function Lt(){return Je==="19"}var qe=!1;function jt(e){return qe||setTimeout(()=>qe=!1,0),qe=!0,e()}var Ke=(e,t)=>{!Vt&&e&&!qe?Ft.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,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];d.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;d.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 ut=(0,A.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:n}=(0,A.useContext)(ne),s=(0,A.useRef)(null),d=(0,A.useRef)(null),c=(0,A.useRef)(null),o=(0,A.useRef)(null),l=(0,A.useRef)(null),a=(0,A.useRef)(),[i,g]=(0,A.useState)(),[R,y]=(0,A.useState)(),[m,f]=(0,A.useState)(),[u,C]=(0,A.useState)(()=>new pe),[S,v]=(0,A.useState)(()=>new pe("ag-hidden")),[b,P]=(0,A.useState)(()=>new pe("ag-hidden")),[q,_]=(0,A.useState)(()=>new pe("ag-invisible"));(0,A.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,A.useLayoutEffect)(()=>Be(i,n,d.current),[i]);const k=(0,A.useCallback)(D=>{if(s.current=D,!D){a.current=n.destroyBean(a.current);return}const W={setInnerRenderer:(T,j)=>{g(T),f(j)},setChildCount:T=>y(T),addOrRemoveCssClass:(T,j)=>C(L=>L.setClass(T,j)),setContractedDisplayed:T=>P(j=>j.setClass("ag-hidden",!T)),setExpandedDisplayed:T=>v(j=>j.setClass("ag-hidden",!T)),setCheckboxVisible:T=>_(j=>j.setClass("ag-invisible",!T))},K=r.getInstance("groupCellRendererCtrl");K&&(a.current=n.createBean(K),a.current.init(W,D,c.current,o.current,l.current,ut,e))},[]),x=(0,A.useMemo)(()=>`ag-cell-wrapper ${u.toString()}`,[u]),p=(0,A.useMemo)(()=>`ag-group-expanded ${S.toString()}`,[S]),E=(0,A.useMemo)(()=>`ag-group-contracted ${b.toString()}`,[b]),B=(0,A.useMemo)(()=>`ag-group-checkbox ${q.toString()}`,[q]),oe=i&&i.componentFromFramework,N=oe?i.componentClass:void 0,J=i==null&&m!=null,I=(0,_t._escapeString)(m,!0);return A.default.createElement("span",{className:x,ref:k,...e.colDef?{}:{role:a.current?.getCellAriaRole()}},A.default.createElement("span",{className:p,ref:o}),A.default.createElement("span",{className:E,ref:l}),A.default.createElement("span",{className:B,ref:c}),A.default.createElement("span",{className:"ag-group-value",ref:d},J&&A.default.createElement(A.default.Fragment,null,I),oe&&A.default.createElement(N,{...i.params})),A.default.createElement("span",{className:"ag-group-child-count"},R))}),lt=ut,Oe=(0,Gt.createContext)({setMethods:()=>{}}),zt=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:n,setMethods:s}=e,[{key:d,...c},o]=(0,Fe.useState)(t);return(0,Fe.useEffect)(()=>{r(l=>o(l))},[]),Fe.default.createElement(Oe.Provider,{value:{setMethods:s}},Fe.default.createElement(n,{key:d,...c}))},$t=(0,Fe.memo)(zt),Jt=0;function dt(){return`agPortalKey_${++Jt}`}var pt=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=dt(),this.portalKey=dt(),this.instanceCreated=this.isStatelessComponent()?Ge.AgPromise.resolve(!1):new Ge.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}addParentContainerStyleAndClasses(){this.componentInstance&&(this.componentInstance.getReactContainerStyle&&this.componentInstance.getReactContainerStyle()&&((0,Ge._warnOnce)('Since v31.1 "getReactContainerStyle" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),Object.assign(this.eParentElement.style,this.componentInstance.getReactContainerStyle())),this.componentInstance.getReactContainerClasses&&this.componentInstance.getReactContainerClasses()&&((0,Ge._warnOnce)('Since v31.1 "getReactContainerClasses" is deprecated. Apply styling directly to ".ag-react-container" if needed.'),this.componentInstance.getReactContainerClasses().forEach(t=>this.eParentElement.classList.add(t))))}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 Ge.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.addParentContainerStyleAndClasses(),this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,Bt.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,At.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 Ye(e,t,r){e.forEach(n=>{const s=t[n];s&&(r[n]=s)})}var Ce=class extends pt{constructor(){super(...arguments),this.awaitUpdateCallback=new je.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=$t}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,Ye(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())}))}},Kt=class extends Ce{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},Qt=class extends Ce{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}},Yt=class extends Ce{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 Ce{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,delete e.valueGetter,e}};function mt(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||Ot.AgPromise.resolve()).then(()=>{e.filterParams.filterChangedCallback()})})}var Xt=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){Ye(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}updateModel(e){this.model=e,this.refreshProps(),mt(this.floatingFilterParams,e)}},er=class extends Ce{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(),mt(this.sourceParams,e)}getProps(){const e=super.getProps();return e.model=this.model,e.onModelChange=this.onModelChange,e}},tr=class extends Ce{refresh(e){this.sourceParams=e,this.refreshProps()}},rr=class extends Ce{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}},sr=class extends Ce{refresh(e){this.sourceParams=e,this.refreshProps()}},nr=class extends Ce{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},or=class extends Ce{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}};function ar(e,t){(e?.getInstance?.()??nt.AgPromise.resolve(void 0)).then(n=>t(n))}function Ue(){(0,nt._warnOnce)("As of v32, using custom components with `reactiveCustomComponents = false` is deprecated.")}var cr=1e3,ir=class{constructor(e,t,r){this.destroyed=!1,this.portals=[],this.hasPendingPortalUpdate=!1,this.wrappingElement=t||"div",this.refresher=e,this.maxComponentCreationTimeMs=r||cr}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)})}}},ur=({ctrl:e})=>{const t=e.isAlive(),{context:r}=(0,te.useContext)(ne),n=t?e.getColId():void 0,[s,d]=(0,te.useState)(),c=(0,te.useRef)(),o=(0,te.useRef)(null),l=(0,te.useRef)(null),a=(0,te.useRef)(null),i=(0,te.useRef)(),g=(0,te.useRef)();t&&!g.current&&(g.current=new Te.CssClassManager(()=>o.current));const R=(0,te.useCallback)(u=>{if(o.current=u,c.current=u?r.createBean(new Te._EmptyBean):r.destroyBean(c.current),!u||!t)return;const C={setWidth:v=>{o.current&&(o.current.style.width=v)},addOrRemoveCssClass:(v,b)=>g.current.addOrRemoveCssClass(v,b),setAriaSort:v=>{o.current&&(v?(0,Te._setAriaSort)(o.current,v):(0,Te._removeAriaSort)(o.current))},setUserCompDetails:v=>d(v),getUserCompInstance:()=>i.current||void 0};e.setComp(C,u,l.current,a.current,c.current);const S=e.getSelectAllGui();l.current?.insertAdjacentElement("afterend",S),c.current.addDestroyFunc(()=>S.remove())},[]);(0,te.useLayoutEffect)(()=>Be(s,r,a.current,i),[s]),(0,te.useEffect)(()=>{e.setDragSource(o.current)},[s]);const y=(0,te.useMemo)(()=>!!(s?.componentFromFramework&&be(s.componentClass)),[s]),m=s&&s.componentFromFramework,f=s&&s.componentClass;return te.default.createElement("div",{ref:R,className:"ag-header-cell","col-id":n,role:"columnheader"},te.default.createElement("div",{ref:l,className:"ag-header-cell-resize",role:"presentation"}),te.default.createElement("div",{ref:a,className:"ag-header-cell-comp-wrapper",role:"presentation"},m&&y&&te.default.createElement(f,{...s.params}),m&&!y&&te.default.createElement(f,{...s.params,ref:i})))},lr=(0,te.memo)(ur),dr=({ctrl:e})=>{const{context:t,gos:r}=(0,O.useContext)(ne),[n,s]=(0,O.useState)(()=>new pe("ag-header-cell","ag-floating-filter")),[d,c]=(0,O.useState)(()=>new pe),[o,l]=(0,O.useState)(()=>new pe("ag-floating-filter-button","ag-hidden")),[a,i]=(0,O.useState)("false"),[g,R]=(0,O.useState)(),[,y]=(0,O.useState)(1),m=(0,O.useRef)(),f=(0,O.useRef)(null),u=(0,O.useRef)(null),C=(0,O.useRef)(null),S=(0,O.useRef)(null),v=(0,O.useRef)(),b=(0,O.useRef)(),P=I=>{I!=null&&v.current&&v.current(I)},q=(0,O.useCallback)(I=>{if(f.current=I,m.current=I?t.createBean(new ot._EmptyBean):t.destroyBean(m.current),!I)return;b.current=new ot.AgPromise(W=>{v.current=W});const D={addOrRemoveCssClass:(W,K)=>s(T=>T.setClass(W,K)),addOrRemoveBodyCssClass:(W,K)=>c(T=>T.setClass(W,K)),setButtonWrapperDisplayed:W=>{l(K=>K.setClass("ag-hidden",!W)),i(W?"false":"true")},setWidth:W=>{f.current&&(f.current.style.width=W)},setCompDetails:W=>R(W),getFloatingFilterComp:()=>b.current?b.current:null,setMenuIcon:W=>S.current?.appendChild(W)};e.setComp(D,I,S.current,u.current,m.current)},[]);(0,O.useLayoutEffect)(()=>Be(g,t,u.current,P),[g]);const _=(0,O.useMemo)(()=>n.toString(),[n]),k=(0,O.useMemo)(()=>d.toString(),[d]),x=(0,O.useMemo)(()=>o.toString(),[o]),p=(0,O.useMemo)(()=>!!(g&&g.componentFromFramework&&be(g.componentClass)),[g]),E=(0,O.useMemo)(()=>r.get("reactiveCustomComponents"),[]),B=(0,O.useMemo)(()=>{if(g)if(E){const I=new Xt(g.params,()=>y(D=>D+1));return P(I),I}else g.componentFromFramework&&Ue()},[g]),oe=B?.getProps(),N=g&&g.componentFromFramework,J=g&&g.componentClass;return O.default.createElement("div",{ref:q,className:_,role:"gridcell"},O.default.createElement("div",{ref:u,className:k,role:"presentation"},N&&!E&&O.default.createElement(J,{...g.params,ref:p?()=>{}:P}),N&&E&&O.default.createElement(Oe.Provider,{value:{setMethods:I=>B.setMethods(I)}},O.default.createElement(J,{...oe}))),O.default.createElement("div",{ref:C,"aria-hidden":a,className:x,role:"presentation"},O.default.createElement("button",{ref:S,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},pr=(0,O.memo)(dr),mr=({ctrl:e})=>{const{context:t}=(0,V.useContext)(ne),[r,n]=(0,V.useState)(()=>new pe),[s,d]=(0,V.useState)(()=>new pe),[c,o]=(0,V.useState)("false"),[l,a]=(0,V.useState)(),[i,g]=(0,V.useState)(),R=(0,V.useMemo)(()=>e.getColId(),[]),y=(0,V.useRef)(),m=(0,V.useRef)(null),f=(0,V.useRef)(null),u=(0,V.useRef)(null),C=(0,V.useRef)(),S=(0,V.useCallback)(k=>{if(m.current=k,y.current=k?t.createBean(new Wt._EmptyBean):t.destroyBean(y.current),!k)return;const x={setWidth:p=>{m.current&&(m.current.style.width=p)},addOrRemoveCssClass:(p,E)=>n(B=>B.setClass(p,E)),setUserCompDetails:p=>g(p),setResizableDisplayed:p=>{d(E=>E.setClass("ag-hidden",!p)),o(p?"false":"true")},setAriaExpanded:p=>a(p),getUserCompInstance:()=>C.current||void 0};e.setComp(x,k,f.current,u.current,y.current)},[]);(0,V.useLayoutEffect)(()=>Be(i,t,u.current),[i]),(0,V.useEffect)(()=>{m.current&&e.setDragSource(m.current)},[i]);const v=(0,V.useMemo)(()=>!!(i?.componentFromFramework&&be(i.componentClass)),[i]),b=(0,V.useMemo)(()=>"ag-header-group-cell "+r.toString(),[r]),P=(0,V.useMemo)(()=>"ag-header-cell-resize "+s.toString(),[s]),q=i&&i.componentFromFramework,_=i&&i.componentClass;return V.default.createElement("div",{ref:S,className:b,"col-id":R,role:"columnheader","aria-expanded":l},V.default.createElement("div",{ref:u,className:"ag-header-cell-comp-wrapper",role:"presentation"},q&&v&&V.default.createElement(_,{...i.params}),q&&!v&&V.default.createElement(_,{...i.params,ref:C})),V.default.createElement("div",{ref:f,"aria-hidden":c,className:P}))},fr=(0,V.memo)(mr),hr=({ctrl:e})=>{const{context:t}=(0,re.useContext)(ne),{topOffset:r,rowHeight:n}=(0,re.useMemo)(()=>e.getTopAndHeight(),[]),s=e.getAriaRowIndex(),d=e.getHeaderRowClass(),[c,o]=(0,re.useState)(()=>n+"px"),[l,a]=(0,re.useState)(()=>r+"px"),i=(0,re.useRef)(null),g=(0,re.useRef)(null),[R,y]=(0,re.useState)(()=>e.getHeaderCtrls()),m=(0,re.useRef)(),f=(0,re.useRef)(null),u=(0,re.useCallback)(v=>{if(f.current=v,m.current=v?t.createBean(new ze._EmptyBean):t.destroyBean(m.current),!v)return;const b={setHeight:P=>o(P),setTop:P=>a(P),setHeaderCtrls:(P,q,_)=>{g.current=i.current,i.current=P;const k=Qe(g.current,P,q);k!==g.current&&Ke(_,()=>y(k))},setWidth:P=>{f.current&&(f.current.style.width=P)}};e.setComp(b,m.current,!1)},[]),C=(0,re.useMemo)(()=>({height:c,top:l}),[c,l]),S=(0,re.useCallback)(v=>{switch(e.getType()){case ze.HeaderRowType.COLUMN_GROUP:return re.default.createElement(fr,{ctrl:v,key:v.instanceId});case ze.HeaderRowType.FLOATING_FILTER:return re.default.createElement(pr,{ctrl:v,key:v.instanceId});default:return re.default.createElement(lr,{ctrl:v,key:v.instanceId})}},[]);return re.default.createElement("div",{ref:u,className:d,role:"row",style:C,"aria-rowindex":s},R.map(S))},Cr=(0,re.memo)(hr),gr=({pinned:e})=>{const[t,r]=(0,ce.useState)(!0),[n,s]=(0,ce.useState)([]),{context:d}=(0,ce.useContext)(ne),c=(0,ce.useRef)(null),o=(0,ce.useRef)(null),l=(0,ce.useRef)(),a=e==="left",i=e==="right",g=!a&&!i,R=(0,ce.useCallback)(f=>{if(c.current=f,l.current=f?d.createBean(new Dt.HeaderRowContainerCtrl(e)):d.destroyBean(l.current),!f)return;const u={setDisplayed:r,setCtrls:C=>s(C),setCenterWidth:C=>{o.current&&(o.current.style.width=C)},setViewportScrollLeft:C=>{c.current&&(c.current.scrollLeft=C)},setPinnedContainerWidth:C=>{c.current&&(c.current.style.width=C,c.current.style.minWidth=C,c.current.style.maxWidth=C)}};l.current.setComp(u,c.current)},[]),y=t?"":"ag-hidden",m=()=>n.map(f=>ce.default.createElement(Cr,{ctrl:f,key:f.instanceId}));return ce.default.createElement(ce.default.Fragment,null,a&&ce.default.createElement("div",{ref:R,className:"ag-pinned-left-header "+y,"aria-hidden":!t,role:"rowgroup"},m()),i&&ce.default.createElement("div",{ref:R,className:"ag-pinned-right-header "+y,"aria-hidden":!t,role:"rowgroup"},m()),g&&ce.default.createElement("div",{ref:R,className:"ag-header-viewport "+y,role:"presentation"},ce.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},m())))},Ze=(0,ce.memo)(gr),yr=()=>{const[e,t]=(0,ie.useState)(()=>new pe),[r,n]=(0,ie.useState)(),{context:s}=(0,ie.useContext)(ne),d=(0,ie.useRef)(null),c=(0,ie.useRef)(),o=(0,ie.useCallback)(i=>{if(d.current=i,c.current=i?s.createBean(new It.GridHeaderCtrl):s.destroyBean(c.current),!i)return;const g={addOrRemoveCssClass:(R,y)=>t(m=>m.setClass(R,y)),setHeightAndMinHeight:R=>n(R)};c.current.setComp(g,i,i)},[]),l=(0,ie.useMemo)(()=>"ag-header "+e.toString(),[e]),a=(0,ie.useMemo)(()=>({height:r,minHeight:r}),[r]);return ie.default.createElement("div",{ref:o,className:l,style:a,role:"presentation"},ie.default.createElement(Ze,{pinned:"left"}),ie.default.createElement(Ze,{pinned:null}),ie.default.createElement(Ze,{pinned:"right"}))},vr=(0,ie.memo)(yr),Rr=(e,t)=>{(0,Tt.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])},we=Rr,wr=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new Nt.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){Ye(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()}},Sr=e=>{const t=(0,Se.useRef)(e),r=(0,Se.useRef)(),n=(0,Se.useRef)(!1),s=(0,Se.useRef)(!1),[,d]=(0,Se.useState)(0);n.current&&(s.current=!0),(0,Se.useEffect)(()=>(n.current||(r.current=t.current(),n.current=!0),d(c=>c+1),()=>{s.current&&r.current?.()}),[])},br=e=>{const[t,r]=(0,Ae.useState)(),{context:n,popupService:s,localeService:d,gos:c,editService:o}=(0,Ae.useContext)(ne);return Sr(()=>{const{editDetails:l,cellCtrl:a,eParentCell:i}=e,{compDetails:g}=l,R=c.get("stopEditingWhenCellsLoseFocus"),y=n.createBean(o.createPopupEditorWrapper(g.params)),m=y.getGui();if(e.jsChildComp){const b=e.jsChildComp.getGui();b&&m.appendChild(b)}const f={column:a.getColumn(),rowNode:a.getRowNode(),type:"popupCellEditor",eventSource:i,ePopup:m,position:l.popupPosition,keepWithinBounds:!0},u=s.positionPopupByComponent.bind(s,f),C=d.getLocaleTextFunc(),S=s.addPopup({modal:R,eChild:m,closeOnEsc:!0,closedCallback:()=>{a.onPopupEditorClosed()},anchorToElement:i,positionCallback:u,ariaLabel:C("ariaLabelCellEditor","Cell Editor")}),v=S?S.hideFunc:void 0;return r(y),e.jsChildComp?.afterGuiAttached?.(),()=>{v?.(),n.destroyBean(y)}}),Ae.default.createElement(Ae.default.Fragment,null,t&&e.wrappedContent&&(0,Ht.createPortal)(e.wrappedContent,t.getGui()))},ft=(0,Ae.memo)(br),Er=(e,t,r,n,s,d)=>{const{context:c}=(0,Ne.useContext)(ne),o=(0,Ne.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,Ne.useEffect)(()=>{const l=e!=null,a=e?.compDetails&&!e.compDetails.componentFromFramework,i=t&&r==null;if(!(l&&a&&!i)){o();return}const R=e.compDetails;if(s.current){const m=s.current,u=m.refresh!=null&&e.force==!1?m.refresh(R.params):!1;if(u===!0||u===void 0)return;o()}const y=R.newAgStackInstance();y?.then(m=>{if(!m)return;const f=m.getGui();if(!f)return;(t?r:d.current).appendChild(f),s.current=m})},[e,t,n]),(0,Ne.useEffect)(()=>o,[])},Pr=Er,_r=(e,t,r)=>{const{compProxy:n}=e;r(n);const s=n.getProps(),d=be(t);return h.default.createElement(Oe.Provider,{value:{setMethods:c=>n.setMethods(c)}},d?h.default.createElement(t,{...s}):h.default.createElement(t,{...s,ref:c=>n.setRef(c)}))},ht=(e,t,r)=>{const n=e.compProxy;return h.default.createElement(h.default.Fragment,null,n?_r(e,t,r):h.default.createElement(t,{...e.compDetails.params,ref:r}))},Mr=(e,t,r,n,s)=>{const d=e.compDetails,c=d.componentClass,o=d.componentFromFramework&&!e.popup,l=d.componentFromFramework&&e.popup,a=!d.componentFromFramework&&e.popup;return h.default.createElement(h.default.Fragment,null,o&&ht(e,c,t),l&&h.default.createElement(ft,{editDetails:e,cellCtrl:n,eParentCell:r,wrappedContent:ht(e,c,t)}),a&&s&&h.default.createElement(ft,{editDetails:e,cellCtrl:n,eParentCell:r,jsChildComp:s}))},kr=(e,t,r,n,s,d,c)=>{const{compDetails:o,value:l}=e,a=!o,i=o&&o.componentFromFramework,g=o&&o.componentClass,R=l?.toString?l.toString():l,y=()=>h.default.createElement(h.default.Fragment,null,a&&h.default.createElement(h.default.Fragment,null,R),i&&!d&&h.default.createElement(g,{...o.params,key:t,ref:n}),i&&d&&h.default.createElement(g,{...o.params,key:t}));return h.default.createElement(h.default.Fragment,null,s?h.default.createElement("span",{role:"presentation",id:`cell-${r}`,className:"ag-cell-value",ref:c},y()):y())},Fr=({cellCtrl:e,printLayout:t,editingRow:r})=>{const{context:n}=(0,h.useContext)(ne),{colIdSanitised:s,instanceId:d}=e,c=(0,h.useRef)(),[o,l]=(0,h.useState)(()=>e.isCellRenderer()?void 0:{compDetails:void 0,value:e.getValueToDisplay(),force:!1}),[a,i]=(0,h.useState)(),[g,R]=(0,h.useState)(1),[y,m]=(0,h.useState)(),[f,u]=(0,h.useState)(!1),[C,S]=(0,h.useState)(!1),[v,b]=(0,h.useState)(!1),[P,q]=(0,h.useState)(),_=(0,h.useMemo)(()=>e.isForceWrapper(),[e]),k=(0,h.useMemo)(()=>e.getCellAriaRole(),[e]),x=(0,h.useRef)(null),p=(0,h.useRef)(null),E=(0,h.useRef)(),B=(0,h.useRef)(),oe=(0,h.useRef)(),N=(0,h.useRef)([]),J=(0,h.useRef)(),[I,D]=(0,h.useState)(0),W=(0,h.useCallback)(z=>{J.current=z,D(se=>se+1)},[]),K=o!=null&&(f||v||C),T=_||K,j=(0,h.useCallback)(z=>{if(B.current=z,z){const se=z.isCancelBeforeStart&&z.isCancelBeforeStart();setTimeout(()=>{se?(e.stopEditing(!0),e.focusCell(!0)):e.cellEditorAttached()})}},[e]),L=(0,h.useRef)();L.current||(L.current=new $e.CssClassManager(()=>x.current)),Pr(o,T,J.current,I,E,x);const me=(0,h.useRef)();(0,h.useLayoutEffect)(()=>{const z=me.current,se=o;if(me.current=o,z==null||z.compDetails==null||se==null||se.compDetails==null)return;const ae=z.compDetails,U=se.compDetails;if(ae.componentClass!=U.componentClass||p.current?.refresh==null)return;p.current.refresh(U.params)!=!0&&R(le=>le+1)},[o]),(0,h.useLayoutEffect)(()=>{if(!(a&&!a.compDetails.componentFromFramework))return;const se=a.compDetails,ae=a.popup===!0,U=se.newAgStackInstance();return U.then(ee=>{if(!ee)return;const le=ee.getGui();j(ee),ae||((_?oe:x).current?.appendChild(le),ee.afterGuiAttached&&ee.afterGuiAttached()),q(ee)}),()=>{U.then(ee=>{const le=ee.getGui();n.destroyBean(ee),j(void 0),q(void 0),le?.parentElement?.removeChild(le)})}},[a]);const M=(0,h.useCallback)(z=>{if(oe.current=z,!z){N.current.forEach(ae=>ae()),N.current=[];return}const se=ae=>{if(ae){const U=ae.getGui();z.insertAdjacentElement("afterbegin",U),N.current.push(()=>{n.destroyBean(ae),(0,$e._removeFromParent)(U)})}return ae};if(f){const ae=e.createSelectionCheckbox();se(ae)}v&&se(e.createDndSource()),C&&se(e.createRowDragComp())},[e,n,v,C,f]),X=(0,h.useCallback)(z=>{if(x.current=z,c.current=z?n.createBean(new $e._EmptyBean):n.destroyBean(c.current),!z||!e)return;const se={addOrRemoveCssClass:(U,ee)=>L.current.addOrRemoveCssClass(U,ee),setUserStyles:U=>m(U),getFocusableElement:()=>x.current,setIncludeSelection:U=>u(U),setIncludeRowDrag:U=>S(U),setIncludeDndSource:U=>b(U),getCellEditor:()=>B.current||null,getCellRenderer:()=>p.current??E.current,getParentOfValue:()=>J.current??oe.current??x.current,setRenderDetails:(U,ee,le)=>{l(ve=>ve?.compDetails!==U||ve?.value!==ee||ve?.force!==le?{value:ee,compDetails:U,force:le}:ve)},setEditDetails:(U,ee,le,ve)=>{if(U){let Pe;ve?Pe=new wr(U.params,()=>R(Xe=>Xe+1)):U.componentFromFramework&&Ue(),i({compDetails:U,popup:ee,popupPosition:le,compProxy:Pe}),ee||l(void 0)}else i(Pe=>{Pe?.compProxy&&(B.current=void 0)})}},ae=oe.current||void 0;e.setComp(se,z,ae,t,r,c.current)},[]),Q=(0,h.useMemo)(()=>!!(o?.compDetails?.componentFromFramework&&be(o.compDetails.componentClass)),[o]);(0,h.useLayoutEffect)(()=>{x.current&&(L.current.addOrRemoveCssClass("ag-cell-value",!T),L.current.addOrRemoveCssClass("ag-cell-inline-editing",!!a&&!a.popup),L.current.addOrRemoveCssClass("ag-cell-popup-editing",!!a&&!!a.popup),L.current.addOrRemoveCssClass("ag-cell-not-inline-editing",!a||!!a.popup),e.getRowCtrl()?.setInlineEditingCss(),e.shouldRestoreFocus()&&!e.isEditing()&&x.current.focus({preventScroll:!0}))});const ge=()=>h.default.createElement(h.default.Fragment,null,o!=null&&kr(o,g,d,p,T,Q,W),a!=null&&Mr(a,j,x.current,e,P)),Ee=(0,h.useCallback)(()=>e.onFocusOut(),[]);return h.default.createElement("div",{ref:X,style:y,role:k,"col-id":s,onBlur:Ee},T?h.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:M},ge()):ge())},Gr=(0,h.memo)(Fr),Ar=({rowCtrl:e,containerType:t})=>{const{context:r,gos:n}=(0,G.useContext)(ne),s=(0,G.useRef)(),d=(0,G.useRef)(e.getDomOrder()),c=e.isFullWidth(),o=e.getRowNode().displayed,[l,a]=(0,G.useState)(()=>o?e.getRowIndex():null),[i,g]=(0,G.useState)(()=>e.getRowId()),[R,y]=(0,G.useState)(()=>e.getBusinessKey()),[m,f]=(0,G.useState)(()=>e.getRowStyles()),u=(0,G.useRef)(null),C=(0,G.useRef)(null),[S,v]=(0,G.useState)(()=>null),[b,P]=(0,G.useState)(),[q,_]=(0,G.useState)(()=>o?e.getInitialRowTop(t):void 0),[k,x]=(0,G.useState)(()=>o?e.getInitialTransform(t):void 0),p=(0,G.useRef)(null),E=(0,G.useRef)(),B=(0,G.useRef)(!1),[oe,N]=(0,G.useState)(0);(0,G.useEffect)(()=>{if(B.current||!b||oe>10)return;const M=p.current?.firstChild;M?(e.setupDetailRowAutoHeight(M),B.current=!0):N(X=>X+1)},[b,oe]);const J=(0,G.useRef)();J.current||(J.current=new ct.CssClassManager(()=>p.current));const I=(0,G.useCallback)(M=>{if(p.current=M,s.current=M?r.createBean(new ct._EmptyBean):r.destroyBean(s.current),!M){e.unsetComp(t);return}if(!e.isAlive())return;const X={setTop:_,setTransform:x,addOrRemoveCssClass:(Q,ge)=>J.current.addOrRemoveCssClass(Q,ge),setDomOrder:Q=>d.current=Q,setRowIndex:a,setRowId:g,setRowBusinessKey:y,setUserStyles:f,setCellCtrls:(Q,ge)=>{C.current=u.current,u.current=Q;const Ee=Qe(C.current,Q,d.current);Ee!==C.current&&Ke(ge,()=>v(Ee))},showFullWidth:Q=>P(Q),getFullWidthCellRenderer:()=>E.current,refreshFullWidth:Q=>j.current?(P(ge=>({...ge,params:Q()})),!0):!E.current||!E.current.refresh?!1:E.current.refresh(Q())};e.setComp(X,M,t,s.current)},[]);(0,G.useLayoutEffect)(()=>Be(b,r,p.current,E),[b]);const D=(0,G.useMemo)(()=>{const M={top:q,transform:k};return Object.assign(M,m),M},[q,k,m]),W=c&&b?.componentFromFramework,K=!c&&S!=null,T=(0,G.useMemo)(()=>!!(b?.componentFromFramework&&be(b.componentClass)),[b]),j=(0,G.useRef)(!1);(0,G.useEffect)(()=>{j.current=T&&!!b&&!!n.get("reactiveCustomComponents")},[T,b]);const L=()=>S?.map(M=>G.default.createElement(Gr,{cellCtrl:M,editingRow:e.isEditing(),printLayout:e.isPrintLayout(),key:M.instanceId})),me=()=>{const M=b.componentClass;return G.default.createElement(G.default.Fragment,null,T?G.default.createElement(M,{...b.params}):G.default.createElement(M,{...b.params,ref:E}))};return G.default.createElement("div",{ref:I,role:"row",style:D,"row-index":l,"row-id":i,"row-business-key":R},K&&L(),W&&me())},Br=(0,G.memo)(Ar),Or=({name:e})=>{const{context:t}=(0,$.useContext)(ne),r=(0,$.useMemo)(()=>(0,at._getRowContainerOptions)(e),[e]),n=(0,$.useRef)(null),s=(0,$.useRef)(null),d=(0,$.useRef)([]),c=(0,$.useRef)([]),[o,l]=(0,$.useState)(()=>[]),a=(0,$.useRef)(!1),i=(0,$.useRef)(),g=(0,$.useMemo)(()=>fe(r.viewport),[r]),R=(0,$.useMemo)(()=>fe(r.container),[r]),y=r.type==="center",m=y?n:s;we(" AG Row Container "+e+" ",m);const f=(0,$.useCallback)(()=>y?n.current!=null&&s.current!=null:s.current!=null,[]),u=(0,$.useCallback)(()=>y?n.current==null&&s.current==null:s.current==null,[]),C=(0,$.useCallback)(()=>{if(u()&&(i.current=t.destroyBean(i.current)),f()){const P=_=>{const k=Qe(c.current,d.current,a.current);k!==c.current&&(c.current=k,Ke(_,()=>l(k)))},q={setHorizontalScroll:_=>{n.current&&(n.current.scrollLeft=_)},setViewportHeight:_=>{n.current&&(n.current.style.height=_)},setRowCtrls:({rowCtrls:_,useFlushSync:k})=>{const x=!!k&&d.current.length>0&&_.length>0;d.current=_,P(x)},setDomOrder:_=>{a.current!=_&&(a.current=_,P(!1))},setContainerWidth:_=>{s.current&&(s.current.style.width=_)},setOffsetTop:_=>{s.current&&(s.current.style.transform=`translateY(${_})`)}};i.current=t.createBean(new at.RowContainerCtrl(e)),i.current.setComp(q,s.current,n.current)}},[f,u]),S=(0,$.useCallback)(P=>{s.current=P,C()},[C]),v=(0,$.useCallback)(P=>{n.current=P,C()},[C]),b=()=>$.default.createElement("div",{className:R,ref:S,role:"rowgroup"},o.map(P=>$.default.createElement(Br,{rowCtrl:P,containerType:r.type,key:P.instanceId})));return $.default.createElement($.default.Fragment,null,y?$.default.createElement("div",{className:g,ref:v,role:"presentation"},b()):b())},xr=(0,$.memo)(Or),Ir=()=>{const{context:e,resizeObserverService:t}=(0,w.useContext)(ne),[r,n]=(0,w.useState)(""),[s,d]=(0,w.useState)(0),[c,o]=(0,w.useState)(0),[l,a]=(0,w.useState)("0px"),[i,g]=(0,w.useState)("0px"),[R,y]=(0,w.useState)("100%"),[m,f]=(0,w.useState)("0px"),[u,C]=(0,w.useState)("0px"),[S,v]=(0,w.useState)("100%"),[b,P]=(0,w.useState)(""),[q,_]=(0,w.useState)(""),[k,x]=(0,w.useState)(null),[p,E]=(0,w.useState)(""),[B,oe]=(0,w.useState)(null),[N,J]=(0,w.useState)("ag-layout-normal"),I=(0,w.useRef)();I.current||(I.current=new Re.CssClassManager(()=>D.current));const D=(0,w.useRef)(null),W=(0,w.useRef)(null),K=(0,w.useRef)(null),T=(0,w.useRef)(null),j=(0,w.useRef)(null),L=(0,w.useRef)(null),me=(0,w.useRef)(null),M=(0,w.useRef)([]),X=(0,w.useRef)([]);we(" AG Grid Body ",D),we(" AG Pinned Top ",W),we(" AG Sticky Top ",K),we(" AG Middle ",L),we(" AG Pinned Bottom ",me);const Q=(0,w.useCallback)(ye=>{if(D.current=ye,!ye){M.current=e.destroyBeans(M.current),X.current.forEach(Y=>Y()),X.current=[];return}if(!e)return;const Ve=(Y,de)=>{Y.appendChild(de),X.current.push(()=>Y.removeChild(de))},et=Y=>{const de=e.createBean(new Y);return M.current.push(de),de},De=(Y,de,rs)=>{Ve(Y,document.createComment(rs)),Ve(Y,et(de).getGui())};De(ye,Re.FakeHScrollComp," AG Fake Horizontal Scroll "),De(ye,Re.OverlayWrapperComponent," AG Overlay Wrapper "),j.current&&De(j.current,Re.FakeVScrollComp," AG Fake Vertical Scroll ");const ts={setRowAnimationCssOnBodyViewport:n,setColumnCount:Y=>{D.current&&(0,Re._setAriaColCount)(D.current,Y)},setRowCount:Y=>{D.current&&(0,Re._setAriaRowCount)(D.current,Y)},setTopHeight:d,setBottomHeight:o,setStickyTopHeight:a,setStickyTopTop:g,setStickyTopWidth:y,setTopDisplay:P,setBottomDisplay:_,setColumnMovingCss:(Y,de)=>I.current.addOrRemoveCssClass(Y,de),updateLayoutClasses:J,setAlwaysVerticalScrollClass:x,setPinnedTopBottomOverflowY:E,setCellSelectableCss:(Y,de)=>oe(de?Y:null),setBodyViewportWidth:Y=>{L.current&&(L.current.style.width=Y)},registerBodyViewportResizeListener:Y=>{if(L.current){const de=t.observeResize(L.current,Y);X.current.push(()=>de())}},setStickyBottomHeight:f,setStickyBottomBottom:C,setStickyBottomWidth:v},gt=e.createBean(new Re.GridBodyCtrl);M.current.push(gt),gt.setComp(ts,ye,L.current,W.current,me.current,K.current,T.current)},[]),ge=(0,w.useMemo)(()=>fe("ag-root","ag-unselectable",N),[N]),Ee=(0,w.useMemo)(()=>fe("ag-body-viewport",r,N,k,B),[r,N,k,B]),z=(0,w.useMemo)(()=>fe("ag-body",N),[N]),se=(0,w.useMemo)(()=>fe("ag-floating-top",B),[B]),ae=(0,w.useMemo)(()=>fe("ag-sticky-top",B),[B]),U=(0,w.useMemo)(()=>fe("ag-sticky-bottom",m==="0px"?"ag-hidden":null,B),[B,m]),ee=(0,w.useMemo)(()=>fe("ag-floating-bottom",B),[B]),le=(0,w.useMemo)(()=>({height:s,minHeight:s,display:b,overflowY:p}),[s,b,p]),ve=(0,w.useMemo)(()=>({height:l,top:i,width:R}),[l,i,R]),Pe=(0,w.useMemo)(()=>({height:m,bottom:u,width:S}),[m,u,S]),Xe=(0,w.useMemo)(()=>({height:c,minHeight:c,display:q,overflowY:p}),[c,q,p]),es=ye=>w.default.createElement(xr,{name:ye,key:`${ye}-container`}),Ie=({section:ye,children:Ve,className:et,style:De})=>w.default.createElement("div",{ref:ye,className:et,role:"presentation",style:De},Ve.map(es));return w.default.createElement("div",{ref:Q,className:ge,role:"treegrid"},w.default.createElement(vr,null),Ie({section:W,className:se,style:le,children:["topLeft","topCenter","topRight","topFullWidth"]}),w.default.createElement("div",{className:z,ref:j,role:"presentation"},Ie({section:L,className:Ee,children:["left","center","right","fullWidth"]})),Ie({section:K,className:ae,style:ve,children:["stickyTopLeft","stickyTopCenter","stickyTopRight","stickyTopFullWidth"]}),Ie({section:T,className:U,style:Pe,children:["stickyBottomLeft","stickyBottomCenter","stickyBottomRight","stickyBottomFullWidth"]}),Ie({section:me,className:ee,style:Xe,children:["bottomLeft","bottomCenter","bottomRight","bottomFullWidth"]}))},Dr=(0,w.memo)(Ir),Wr=(e,t)=>{const{children:r,eFocusableElement:n,onTabKeyDown:s,gridCtrl:d,forceFocusOutWhenTabGuardsAreEmpty:c}=e,{context:o}=(0,ue.useContext)(ne),l=(0,ue.useRef)(null),a=(0,ue.useRef)(null),i=(0,ue.useRef)(),g=u=>{const C=u==null?void 0:parseInt(u,10).toString();[l,a].forEach(S=>{C===void 0?S.current?.removeAttribute("tabindex"):S.current?.setAttribute("tabindex",C)})};(0,ue.useImperativeHandle)(t,()=>({forceFocusOutOfContainer(u){i.current?.forceFocusOutOfContainer(u)}}));const R=(0,ue.useCallback)(()=>{const u=l.current,C=a.current;if(!u&&!C){i.current=o.destroyBean(i.current);return}if(u&&C){const S={setTabIndex:g};i.current=o.createBean(new He.TabGuardCtrl({comp:S,eTopGuard:u,eBottomGuard:C,eFocusableElement:n,onTabKeyDown:s,forceFocusOutWhenTabGuardsAreEmpty:c,focusInnerElement:v=>d.focusInnerElement(v)}))}},[]),y=(0,ue.useCallback)(u=>{l.current=u,R()},[R]),m=(0,ue.useCallback)(u=>{a.current=u,R()},[R]),f=u=>{const C=u==="top"?He.TabGuardClassNames.TAB_GUARD_TOP:He.TabGuardClassNames.TAB_GUARD_BOTTOM;return ue.default.createElement("div",{className:`${He.TabGuardClassNames.TAB_GUARD} ${C}`,role:"presentation",ref:u==="top"?y:m})};return ue.default.createElement(ue.default.Fragment,null,f("top"),r,f("bottom"))},Tr=(0,ue.forwardRef)(Wr),Nr=(0,ue.memo)(Tr),Hr=({context:e})=>{const[t,r]=(0,H.useState)(""),[n,s]=(0,H.useState)(""),[d,c]=(0,H.useState)(""),[o,l]=(0,H.useState)(null),[a,i]=(0,H.useState)(null),[g,R]=(0,H.useState)(!1),[y,m]=(0,H.useState)(),f=(0,H.useRef)(),u=(0,H.useRef)(null),C=(0,H.useRef)(),[S,v]=(0,H.useState)(null),b=(0,H.useRef)(()=>{}),P=(0,H.useRef)(),q=(0,H.useRef)([]),_=(0,H.useCallback)(()=>{},[]),k=(0,H.useMemo)(()=>e.isDestroyed()?null:e.getBeans(),[e]);we(" AG Grid ",u);const x=(0,H.useCallback)(N=>{if(u.current=N,f.current=N?e.createBean(new xt.GridCtrl):e.destroyBean(f.current),!N||e.isDestroyed())return;const J=f.current;b.current=J.focusInnerElement.bind(J);const I={destroyGridUi:()=>{},setRtlClass:r,setGridThemeClass:s,forceFocusOutOfContainer:D=>{if(!D&&P.current?.isDisplayed()){P.current.forceFocusOutOfContainer(D);return}C.current?.forceFocusOutOfContainer(D)},updateLayoutClasses:c,getFocusableContainers:()=>{const D=[],W=u.current?.querySelector(".ag-root");return W&&D.push({getGui:()=>W}),q.current.forEach(K=>{K.isDisplayed()&&D.push(K)}),D},setCursor:l,setUserSelect:i};J.setComp(I,N,N),R(!0)},[]);(0,H.useEffect)(()=>{const N=f.current,J=u.current;if(!y||!k||!N||!S||!J)return;const I=[],{watermarkSelector:D,paginationSelector:W,sideBarSelector:K,statusBarSelector:T,gridHeaderDropZonesSelector:j}=N.getOptionalSelectors(),L=[];if(j){const M=e.createBean(new j.component),X=M.getGui();J.insertAdjacentElement("afterbegin",X),L.push(X),I.push(M)}if(K){const M=e.createBean(new K.component),X=M.getGui(),Q=S.querySelector(".ag-tab-guard-bottom");Q&&(Q.insertAdjacentElement("beforebegin",X),L.push(X)),I.push(M),q.current.push(M)}const me=M=>{const X=e.createBean(new M),Q=X.getGui();return J.insertAdjacentElement("beforeend",Q),L.push(Q),I.push(X),X};if(T&&me(T.component),W){const M=me(W.component);P.current=M,q.current.push(M)}return D&&me(D.component),()=>{e.destroyBeans(I),L.forEach(M=>{M.parentElement?.removeChild(M)})}},[y,S,k]);const p=(0,H.useMemo)(()=>fe("ag-root-wrapper",t,n,d),[t,n,d]),E=(0,H.useMemo)(()=>fe("ag-root-wrapper-body","ag-focus-managed",d),[d]),B=(0,H.useMemo)(()=>({userSelect:a??"",WebkitUserSelect:a??"",cursor:o??""}),[a,o]),oe=(0,H.useCallback)(N=>{C.current=N,m(N!==null)},[]);return H.default.createElement("div",{ref:x,className:p,style:B,role:"presentation"},H.default.createElement("div",{className:E,ref:v,role:"presentation"},g&&S&&k&&H.default.createElement(ne.Provider,{value:k},H.default.createElement(Nr,{ref:oe,eFocusableElement:S,onTabKeyDown:_,gridCtrl:f.current,forceFocusOutWhenTabGuardsAreEmpty:!0},H.default.createElement(Dr,null)))))},qr=(0,H.memo)(Hr),Ur=class extends qt.BeanStub{wireBeans(e){this.ctrlsService=e.ctrlsService}areHeaderCellsRendered(){return this.ctrlsService.getHeaderRowContainerCtrls().every(e=>e.getAllCtrls().every(t=>t.areCellsRendered()))}},Ct=e=>{const t=(0,F.useRef)(),r=(0,F.useRef)(null),n=(0,F.useRef)(null),s=(0,F.useRef)([]),d=(0,F.useRef)([]),c=(0,F.useRef)(e),o=(0,F.useRef)(),l=(0,F.useRef)(),a=(0,F.useRef)(!1),[i,g]=(0,F.useState)(void 0),[,R]=(0,F.useState)(0),y=(0,F.useCallback)(u=>{if(r.current=u,!u){s.current.forEach(p=>p()),s.current.length=0;return}const C=e.modules||[];n.current||(n.current=new ir(()=>R(p=>p+1),e.componentWrappingElement,e.maxComponentCreationTimeMs),s.current.push(()=>{n.current?.destroy(),n.current=null}));const S=(0,he._combineAttributesAndGridOptions)(e.gridOptions,e),v=()=>{if(a.current){const p=()=>o.current?.shouldQueueUpdates()?void 0:d.current.shift();let E=p();for(;E;)E(),E=p()}},b=new zr(v);o.current=b;const P=new Ur,q={providedBeanInstances:{frameworkComponentWrapper:new Lr(n.current,S.reactiveCustomComponents??(0,he._getGlobalGridOption)("reactiveCustomComponents")??!0),renderStatusService:P},modules:C,frameworkOverrides:b},_=p=>{g(p),p.createBean(P),s.current.push(()=>{p.destroy()}),p.getBean("ctrlsService").whenReady({addDestroyFunc:E=>{s.current.push(E)}},()=>{if(p.isDestroyed())return;const E=t.current;E&&e.setGridApi?.(E)})},k=p=>{p.getBean("ctrlsService").whenReady({addDestroyFunc:E=>{s.current.push(E)}},()=>{d.current.forEach(E=>E()),d.current.length=0,a.current=!0})},x=new he.GridCoreCreator;S.gridId??(S.gridId=l.current),t.current=x.create(u,S,_,k,q),s.current.push(()=>{t.current=void 0}),l.current=t.current.getGridId()},[]),m=(0,F.useMemo)(()=>({height:"100%",...e.containerStyle||{}}),[e.containerStyle]),f=(0,F.useCallback)(u=>{a.current&&!o.current?.shouldQueueUpdates()?u():d.current.push(u)},[]);return(0,F.useEffect)(()=>{const u=Vr(c.current,e);c.current=e,f(()=>{t.current&&(0,he._processOnChange)(u,t.current)})},[e]),F.default.createElement("div",{style:m,className:e.className,ref:y},i&&!i.isDestroyed()?F.default.createElement(qr,{context:i}):null,n.current?.getPortals()??null)};function Vr(e,t){const r={};return Object.keys(t).forEach(n=>{const s=t[n];e[n]!==s&&(r[n]=s)}),r}var Lr=class extends he.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 er;case"dateComponent":return Qt;case"dragAndDropImageComponent":return Yt;case"loadingOverlayComponent":return tr;case"noRowsOverlayComponent":return sr;case"statusPanel":return nr;case"toolPanel":return or;case"menuItem":return rr;case"cellRenderer":return Kt}})(t.propertyName);if(s)return new s(e,this.parent,t)}else switch(t.propertyName){case"filter":case"floatingFilterComponent":case"dateComponent":case"dragAndDropImageComponent":case"loadingOverlayComponent":case"noRowsOverlayComponent":case"statusPanel":case"toolPanel":case"menuItem":case"cellRenderer":Ue();break}const r=!t.cellRenderer&&t.propertyName!=="toolPanel";return new pt(e,this.parent,t,r)}},jr=(0,F.forwardRef)((e,t)=>{const{ctrlsFactory:r,context:n,gos:s,resizeObserverService:d,rowModel:c}=(0,F.useContext)(ne),[o,l]=(0,F.useState)(()=>new pe),[a,i]=(0,F.useState)(()=>new pe),[g,R]=(0,F.useState)(),[y,m]=(0,F.useState)(),f=(0,F.useRef)(),u=(0,F.useRef)(null),C=(0,F.useRef)(),S=(0,F.useMemo)(()=>he.ModuleRegistry.__getGridRegisteredModules(e.api.getGridId()),[e]),v=(0,F.useMemo)(()=>o.toString()+" ag-details-row",[o]),b=(0,F.useMemo)(()=>a.toString()+" ag-details-grid",[a]);t&&(0,F.useImperativeHandle)(t,()=>({refresh(){return f.current?.refresh()??!1}})),e.template&&(0,he._warnOnce)("detailCellRendererParams.template is not supported by AG Grid React. To change the template, provide a Custom Detail Cell Renderer. See https://ag-grid.com/react-data-grid/master-detail-custom-detail/");const P=(0,F.useCallback)(_=>{if(u.current=_,!_){f.current=n.destroyBean(f.current),C.current?.();return}const k={addOrRemoveCssClass:(p,E)=>l(B=>B.setClass(p,E)),addOrRemoveDetailGridCssClass:(p,E)=>i(B=>B.setClass(p,E)),setDetailGrid:p=>R(p),setRowData:p=>m(p),getGui:()=>u.current},x=r.getInstance("detailCellRenderer");if(x&&(n.createBean(x),x.init(k,e),f.current=x,s.get("detailRowAutoHeight"))){const p=()=>{if(u.current==null)return;const E=u.current.clientHeight;E!=null&&E>0&&setTimeout(()=>{e.node.setRowHeight(E),((0,he._isClientSideRowModel)(s)||(0,he._isServerSideRowModel)(s))&&c.onRowHeightChanged()},0)};C.current=d.observeResize(_,p),p()}},[]),q=(0,F.useCallback)(_=>{f.current?.registerDetailWithMaster(_)},[]);return F.default.createElement("div",{className:v,ref:P},g&&F.default.createElement(Ct,{className:b,...g,modules:S,rowData:y,setGridApi:q}))}),zr=class extends he.VanillaFrameworkOverrides{constructor(e){super("react"),this.processQueuedUpdates=e,this.queueUpdates=!1,this.frameworkComponents={agGroupCellRenderer:lt,agGroupRowRenderer:lt,agDetailCellRenderer:jr},this.wrapIncoming=(t,r)=>r==="ensureVisible"?jt(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 Lt()}},$r=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(Ct,{...this.props,setGridApi:this.setGridApi})}};function xe(e){const{setMethods:t}=(0,Ut.useContext)(Oe);t(e)}function Jr(e){xe(e)}function Kr(e){return xe(e)}function Qr(e){return xe(e)}function Yr(e){xe(e)}function Zr(e){xe(e)}if(typeof ke.exports=="object"&&typeof Le=="object"){var Xr=(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};ke.exports=Xr(ke.exports,Le)}return ke.exports});

dist/umd/package.json

 {
   "name": "ag-grid-react",
-  "version": "32.1.0",
+  "version": "32.2.0",
   "description": "AG Grid React Component",
@@ -35,3 +35,3 @@ "main": "./dist/package/index.cjs.js",
   "devDependencies": {
-    "ag-grid-community": "32.1.0",
+    "ag-grid-community": "32.2.0",
     "gulp": "^4.0.0",
@@ -47,3 +47,3 @@ "gulp-replace": "^1.0.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "32.1.0"
+    "ag-grid-community": "32.2.0"
   },
@@ -50,0 +50,0 @@ "peerDependencies": {

package.json

 {
   "name": "ag-grid-react",
-  "version": "32.1.0",
+  "version": "32.2.0",
   "description": "AG Grid React Component",
@@ -35,3 +35,3 @@ "main": "./dist/package/index.cjs.js",
   "devDependencies": {
-    "ag-grid-community": "32.1.0",
+    "ag-grid-community": "32.2.0",
     "gulp": "^4.0.0",
@@ -47,3 +47,3 @@ "gulp-replace": "^1.0.0",
     "prop-types": "^15.8.1",
-    "ag-grid-community": "32.1.0"
+    "ag-grid-community": "32.2.0"
   },
@@ -50,0 +50,0 @@ "peerDependencies": {

README.md

@@ -7,3 +7,3 @@ # React Data Grid | React Table
       <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_Dark-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>
@@ -49,3 +49,3 @@ <div align="center">
     <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/kitchen-sink-demo-dark.gif?raw=true" media="(prefers-color-scheme: dark)">
-    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/kitchen-sink-demo-dark.gif?raw=true" alt="High Performance Demo">
+    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/kitchen-sink-demo-light.gif?raw=true" alt="High Performance Demo">
 </picture>
@@ -120,4 +120,6 @@ <div align="right">
 
-> [!IMPORTANT]
-> Visit the [Pricing](https://www.ag-grid.com/license-pricing/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github) page for a full comparison.
+<blockquote>
+    <p>ℹ️ <b>Note:</b></p>
+    <span>Visit the <a href="https://www.ag-grid.com/license-pricing/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github">Pricing</a> page for a full comparison.</span>
+</blockquote>
 
@@ -136,3 +138,3 @@ ### Examples
       <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/finance-demo-dark.gif?raw=true" media="(prefers-color-scheme: dark)">
-      <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/finance-demo-dark.gif?raw=true" alt="Finance">
+      <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/finance-demo-light.gif?raw=true" alt="Finance">
     </picture>
@@ -152,3 +154,3 @@ </a>
       <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/inventory-demo-dark.gif?raw=true" media="(prefers-color-scheme: dark)">
-      <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/inventory-demo-dark.gif?raw=true" alt="Finance">
+      <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/inventory-demo-light.gif?raw=true" alt="Finance">
     </picture>
@@ -168,3 +170,3 @@ </a>
       <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/hr-demo-dark.gif?raw=true" media="(prefers-color-scheme: dark)">
-      <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/hr-demo-dark.gif?raw=true" alt="Finance">
+      <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/hr-demo-light.gif?raw=true" alt="Finance">
     </picture>
@@ -244,4 +246,6 @@ </a>
 
-> [!IMPORTANT]
-> For more information on building Data Grids with AG Grid, refer to our [Documentation](https://www.ag-grid.com/react-data-grid/getting-started/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=github).
+<blockquote>
+    <p>ℹ️ <b>Note:</b></p>
+    <span>For more information on building Data Grids with AG Grid, refer to our <a href="https://www.ag-grid.com/react-data-grid/getting-started/?utm_source=ag-grid-react-readme&utm_medium=repository&utm_campaign=githu">Documentation</a>.</span>
+</blockquote>
 
@@ -365,3 +369,3 @@ ### Seed Projects
                     <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/quartz-theme.png?raw=true" media="(prefers-color-scheme: dark)">
-                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/quartz-theme.png?raw=true" alt="Quartz Theme">
+                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/quartz-theme-light.png?raw=true" alt="Quartz Theme">
                 </picture>
@@ -375,3 +379,3 @@ </a>
                     <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/material-theme.png?raw=true" media="(prefers-color-scheme: dark)">
-                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/material-theme.png?raw=true" alt="Material Theme">
+                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/material-theme-light.png?raw=true" alt="Material Theme">
                 </picture>
@@ -391,3 +395,3 @@ </a>
                     <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/alpine-theme.png?raw=true" media="(prefers-color-scheme: dark)">
-                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/alpine-theme.png?raw=true" alt="Alpine Theme">
+                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/alpine-theme-light.png?raw=true" alt="Alpine Theme">
                 </picture>
@@ -401,3 +405,3 @@ </a>
                     <source srcset="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/balham-theme.png?raw=true" media="(prefers-color-scheme: dark)">
-                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/balham-theme.png?raw=true" alt="Balham Theme">
+                    <img src="https://github.com/ag-grid/ag-grid/blob/latest/readme-assets/balham-theme-light.png?raw=true" alt="Balham Theme">
                 </picture>
@@ -508,11 +512,11 @@ </a>
 
-If you've made it this far, you may be interested in our latest project: [AG Charts](https://charts.ag-grid.com?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://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://charts.ag-grid.com/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">
+<a href="https://ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">
 <picture>
     <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"/>
     <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-charts/blob/2ee85f286ccc151cb5e4517f711bafd03366db3c/packages/ag-charts-website/public/images/readme-assets/gallery.gif?raw=true"/>
-    <img width="100%" alt="Preview of AG Charts React Charting Examples" src="https://github.com/ag-grid/ag-charts/blob/2ee85f286ccc151cb5e4517f711bafd03366db3c/packages/ag-charts-website/public/images/readme-assets/gallery-dark.gif?raw=true"/>
+    <img width="100%" alt="Preview of AG Charts React Charting Examples" src="https://github.com/ag-grid/ag-charts/blob/2ee85f286ccc151cb5e4517f711bafd03366db3c/packages/ag-charts-website/public/images/readme-assets/gallery.gif?raw=true"/>
 </picture>
@@ -522,3 +526,3 @@ </a>
 <div align="right">
-    <a href="https://charts.ag-grid.com/?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://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>
@@ -525,0 +529,0 @@ </div>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

595887

increased by1.02%

Number of package files

59

increased by1.72%

Lines of code

9823

increased by0.19%

Number of lines in readme file

530

increased by0.76%

Dependency changes

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

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

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

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

• Updatedag-grid-community@32.2.0