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