ag-grid-react
Version:
AG Grid React Component
1 lines • 70.7 kB
JavaScript
"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,{AgGridProvider:()=>AgGridProvider,AgGridReact:()=>AgGridReact,CustomComponentContext:()=>CustomContext,getInstance:()=>getInstance,useGridCellEditor:()=>useGridCellEditor,useGridDate:()=>useGridDate,useGridFilter:()=>useGridFilter,useGridFilterDisplay:()=>useGridFilterDisplay,useGridFloatingFilter:()=>useGridFloatingFilter,useGridMenuItem:()=>useGridMenuItem,warnReactiveCustomComponents:()=>warnReactiveCustomComponents}),module.exports=__toCommonJS(src_exports);var import_react28=__toESM(require("react")),import_react27=__toESM(require("react")),import_ag_grid_community24=require("ag-grid-community"),import_react3=__toESM(require("react")),import_ag_grid_community=require("ag-grid-community"),import_react=__toESM(require("react")),BeansContext=import_react.default.createContext({}),RenderModeContext=import_react.default.createContext("default"),showJsComp=(e,t,r,s)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const c=e.newAgStackInstance();let o,i,a=!1;return c.then(d=>{if(a){t.destroyBean(d);return}o=d,i=o.getGui(),r.appendChild(i),setRef(s,o)}),()=>{a=!0,o&&(i?.remove(),t.destroyBean(o),s&&setRef(s,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 pe{constructor(...t){this.classesMap={};for(const r of t)this.classesMap[r]=!0}setClass(t,r){if(!!this.classesMap[t]==r)return this;const n=new pe;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()},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()},agStartTransition=e=>{isReactVersion17Minus?e():import_react2.default.startTransition(e)};function agUseSyncExternalStore(e,t,r){return import_react2.default.useSyncExternalStore?import_react2.default.useSyncExternalStore(e,t):r}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=[],c=new Map,o=new Map;for(let i=0;i<t.length;i++){const a=t[i];o.set(a.instanceId,a)}for(let i=0;i<e.length;i++){const a=e[i];c.set(a.instanceId,a),o.has(a.instanceId)&&s.push(a)}for(let i=0;i<t.length;i++){const a=t[i],d=a.instanceId;c.has(d)||n.push(a)}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_react3.forwardRef)((e,t)=>{const{registry:r,context:s}=(0,import_react3.useContext)(BeansContext),n=(0,import_react3.useRef)(null),c=(0,import_react3.useRef)(null),o=(0,import_react3.useRef)(null),i=(0,import_react3.useRef)(null),a=(0,import_react3.useRef)(null),d=(0,import_react3.useRef)(),[u,w]=(0,import_react3.useState)(),[y,h]=(0,import_react3.useState)(),[M,g]=(0,import_react3.useState)(),[C,l]=(0,import_react3.useState)(()=>new CssClasses),[k,x]=(0,import_react3.useState)(()=>new CssClasses("ag-hidden")),[v,p]=(0,import_react3.useState)(()=>new CssClasses("ag-hidden")),[O,b]=(0,import_react3.useState)(()=>new CssClasses("ag-invisible"));(0,import_react3.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,import_react3.useLayoutEffect)(()=>showJsComp(u,s,c.current),[u]);const I=(0,import_react3.useCallback)(T=>{if(n.current=T,!T||s.isDestroyed()){d.current=s.destroyBean(d.current);return}const S={setInnerRenderer:(P,N)=>{w(P),g(N)},setChildCount:P=>h(P),toggleCss:(P,N)=>l(E=>E.setClass(P,N)),setContractedDisplayed:P=>p(N=>N.setClass("ag-hidden",!P)),setExpandedDisplayed:P=>x(N=>N.setClass("ag-hidden",!P)),setCheckboxVisible:P=>b(N=>N.setClass("ag-invisible",!P)),setCheckboxSpacing:P=>b(N=>N.setClass("ag-group-checkbox-spacing",P))},B=r.createDynamicBean("groupCellRendererCtrl",!0);B&&(d.current=s.createBean(B),d.current.init(S,T,o.current,i.current,a.current,GroupCellRenderer,e))},[]),A=(0,import_react3.useMemo)(()=>`ag-cell-wrapper ${C.toString()}`,[C]),W=(0,import_react3.useMemo)(()=>`ag-group-expanded ${k.toString()}`,[k]),m=(0,import_react3.useMemo)(()=>`ag-group-contracted ${v.toString()}`,[v]),R=(0,import_react3.useMemo)(()=>`ag-group-checkbox ${O.toString()}`,[O]),_=u?.componentFromFramework,L=_?u.componentClass:void 0,f=u==null&&M!=null,D=(0,import_ag_grid_community._toString)(M);return import_react3.default.createElement("span",{className:A,ref:I,...e.colDef?{}:{role:d.current?.getCellAriaRole()}},import_react3.default.createElement("span",{className:W,ref:i}),import_react3.default.createElement("span",{className:m,ref:a}),import_react3.default.createElement("span",{className:R,ref:o}),import_react3.default.createElement("span",{className:"ag-group-value",ref:c},f?D:_?import_react3.default.createElement(L,{...u.params}):null),import_react3.default.createElement("span",{className:"ag-group-child-count"},y))}),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:s,setMethods:n}=e,[{key:c,...o},i]=(0,import_react5.useState)(t);return(0,import_react5.useEffect)(()=>{r(a=>i(a))},[]),import_react5.default.createElement(CustomContext.Provider,{value:{setMethods:n}},import_react5.default.createElement(s,{key:c,...o}))},customWrapperComp_default=(0,import_react5.memo)(CustomWrapperComp),import_react6=require("react"),import_react_dom2=require("react-dom"),import_ag_grid_community2=require("ag-grid-community"),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}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.createOrUpdatePortal(e),new import_ag_grid_community2.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,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){for(const s of e){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}},CustomOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},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:s}=this;return e.label=t,e.icon=r,e.shake=s,e}},import_ag_grid_community4=require("ag-grid-community"),FilterComponentWrapper=class extends CustomComponentWrapper{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 import_ag_grid_community4.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["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(),this.resolveFilterPassCallback?.(),this.resolveFilterPassCallback=void 0}updateModel(e){this.resolveFilterPassCallback?.();const t=new import_ag_grid_community4.AgPromise(r=>{this.resolveFilterPassCallback=r});this.setModel(e).then(()=>{t.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,e}},import_ag_grid_community5=require("ag-grid-community"),FilterDisplayComponentWrapper=class extends CustomComponentWrapper{constructor(){super(...arguments),this.awaitSetMethodsCallback=new import_ag_grid_community5.AgPromise(e=>{this.resolveSetMethodsCallback=e})}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["afterGuiDetached","onNewRowsLoaded","onAnyFilterChanged"]}setMethods(e){super.setMethods(e),this.resolveSetMethodsCallback()}},import_ag_grid_community6=require("ag-grid-community");function updateFloatingFilterParent(e,t){e.parentFilterInstance(r=>{(r.setModel(t)||import_ag_grid_community6.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}},FloatingFilterDisplayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}getOptionalMethods(){return["afterGuiAttached"]}},InnerHeaderComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},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}},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_community7=require("ag-grid-community");function getInstance(e,t){(e?.getInstance?.()??import_ag_grid_community7.AgPromise.resolve(void 0)).then(s=>t(s))}function warnReactiveCustomComponents(){(0,import_ag_grid_community7._warn)(231)}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){agFlushSync(!0,()=>this.refresher()),e.rendered()&&t(e);return}window.setTimeout(()=>{this.waitForInstance(e,t,r)})}}},import_react7=__toESM(require("react")),import_ag_grid_community8=require("ag-grid-community"),ModulesContext=import_react7.default.createContext([]),LicenseContext=import_react7.default.createContext(void 0);function AgGridProvider({modules:e,licenseKey:t,children:r}){const s=(0,import_react7.useContext)(ModulesContext),n=(0,import_react7.useContext)(LicenseContext),c=(0,import_react7.useRef)(e),o=(0,import_react7.useRef)(s),i=(0,import_react7.useRef)([...s,...e]),a=!(0,import_ag_grid_community8._areEqual)(o.current,s);a&&(o.current=s);const d=!(0,import_ag_grid_community8._areEqual)(c.current,e);d&&(c.current=e),(a||d)&&(i.current=[...o.current,...c.current]);const u=t??n;return import_react7.default.createElement(ModulesContext.Provider,{value:i.current},import_react7.default.createElement(LicenseContext.Provider,{value:u},r))}var import_react25=__toESM(require("react")),import_ag_grid_community22=require("ag-grid-community"),import_react23=__toESM(require("react")),import_ag_grid_community20=require("ag-grid-community"),import_react13=__toESM(require("react")),import_ag_grid_community14=require("ag-grid-community"),import_react12=__toESM(require("react")),import_ag_grid_community13=require("ag-grid-community"),import_react11=__toESM(require("react")),import_ag_grid_community12=require("ag-grid-community"),import_react8=__toESM(require("react")),import_ag_grid_community9=require("ag-grid-community"),HeaderCellComp=({ctrl:e})=>{const t=e.isAlive(),{context:r}=(0,import_react8.useContext)(BeansContext),[s,n]=(0,import_react8.useState)(),[c,o]=(0,import_react8.useState)(),i=(0,import_react8.useRef)(),a=(0,import_react8.useRef)(null),d=(0,import_react8.useRef)(null),u=(0,import_react8.useRef)(null),w=(0,import_react8.useRef)(),y=(0,import_react8.useRef)();t&&!y.current&&(y.current=new import_ag_grid_community9.CssClassManager(()=>a.current));const h=(0,import_react8.useCallback)(l=>{if(a.current=l,!l||!e.isAlive()||r.isDestroyed()){i.current=r.destroyBean(i.current);return}i.current=r.createBean(new import_ag_grid_community9._EmptyBean);const k=()=>{const v=e.getSelectAllGui();v&&(d.current?.insertAdjacentElement("afterend",v),i.current.addDestroyFunc(()=>v.remove()))},x={setWidth:v=>{a.current&&(a.current.style.width=v)},toggleCss:(v,p)=>y.current.toggleCss(v,p),setUserStyles:v=>o(v),setAriaSort:v=>{a.current&&(v?(0,import_ag_grid_community9._setAriaSort)(a.current,v):(0,import_ag_grid_community9._removeAriaSort)(a.current))},setUserCompDetails:v=>n(v),getUserCompInstance:()=>w.current||void 0,refreshSelectAllGui:k,removeSelectAllGui:()=>e.getSelectAllGui()?.remove()};e.setComp(x,l,d.current,u.current,i.current),k()},[]);(0,import_react8.useLayoutEffect)(()=>showJsComp(s,r,u.current,w),[s]),(0,import_react8.useEffect)(()=>{e.setDragSource(a.current)},[s]);const M=(0,import_react8.useMemo)(()=>!!(s?.componentFromFramework&&isComponentStateless(s.componentClass)),[s]),g=s?.componentFromFramework,C=s?.componentClass;return import_react8.default.createElement("div",{ref:h,style:c,className:"ag-header-cell",role:"columnheader"},import_react8.default.createElement("div",{ref:d,className:"ag-header-cell-resize",role:"presentation"}),import_react8.default.createElement("div",{ref:u,className:"ag-header-cell-comp-wrapper",role:"presentation"},g?M?import_react8.default.createElement(C,{...s.params}):import_react8.default.createElement(C,{...s.params,ref:w}):null))},headerCellComp_default=(0,import_react8.memo)(HeaderCellComp),import_react9=__toESM(require("react")),import_ag_grid_community10=require("ag-grid-community"),FloatingFilterDisplayComponentProxy=class{constructor(e,t){this.floatingFilterParams=e,this.refreshProps=t}getProps(){return this.floatingFilterParams}refresh(e){this.floatingFilterParams=e,this.refreshProps()}setMethods(e){addOptionalMethods(this.getOptionalMethods(),e,this)}getOptionalMethods(){return["afterGuiAttached"]}},HeaderFilterCellComp=({ctrl:e})=>{const{context:t,gos:r}=(0,import_react9.useContext)(BeansContext),[s,n]=(0,import_react9.useState)(),[c,o]=(0,import_react9.useState)(()=>new CssClasses("ag-header-cell","ag-floating-filter")),[i,a]=(0,import_react9.useState)(()=>new CssClasses),[d,u]=(0,import_react9.useState)(()=>new CssClasses("ag-floating-filter-button","ag-hidden")),[w,y]=(0,import_react9.useState)("false"),[h,M]=(0,import_react9.useState)(),[,g]=(0,import_react9.useState)(1),C=(0,import_react9.useRef)(),l=(0,import_react9.useRef)(null),k=(0,import_react9.useRef)(null),x=(0,import_react9.useRef)(null),v=(0,import_react9.useRef)(null),p=(0,import_react9.useRef)(),O=(0,import_react9.useRef)(),b=P=>{P!=null&&p.current?.(P)},I=(0,import_react9.useCallback)(P=>{if(l.current=P,!P||!e.isAlive()||t.isDestroyed()){C.current=t.destroyBean(C.current);return}C.current=t.createBean(new import_ag_grid_community10._EmptyBean),O.current=new import_ag_grid_community10.AgPromise(E=>{p.current=E});const N={toggleCss:(E,H)=>o(z=>z.setClass(E,H)),setUserStyles:E=>n(E),addOrRemoveBodyCssClass:(E,H)=>a(z=>z.setClass(E,H)),setButtonWrapperDisplayed:E=>{u(H=>H.setClass("ag-hidden",!E)),y(E?"false":"true")},setWidth:E=>{l.current&&(l.current.style.width=E)},setCompDetails:E=>M(E),getFloatingFilterComp:()=>O.current?O.current:null,setMenuIcon:E=>v.current?.appendChild(E)};e.setComp(N,P,v.current,k.current,C.current)},[]);(0,import_react9.useLayoutEffect)(()=>showJsComp(h,t,k.current,b),[h]);const A=(0,import_react9.useMemo)(()=>c.toString(),[c]),W=(0,import_react9.useMemo)(()=>i.toString(),[i]),m=(0,import_react9.useMemo)(()=>d.toString(),[d]),R=(0,import_react9.useMemo)(()=>!!(h&&h.componentFromFramework&&isComponentStateless(h.componentClass)),[h]),_=(0,import_react9.useMemo)(()=>r.get("reactiveCustomComponents"),[]),L=(0,import_react9.useMemo)(()=>r.get("enableFilterHandlers"),[]),[f,D]=(0,import_react9.useState)();(0,import_react9.useEffect)(()=>{if(h?.componentFromFramework)if(_){const P=L?FloatingFilterDisplayComponentProxy:FloatingFilterComponentProxy,N=new P(h.params,()=>g(E=>E+1));b(N),D(N)}else warnReactiveCustomComponents()},[h]);const T=f?.getProps(),S=h?.componentFromFramework,B=h?.componentClass;return import_react9.default.createElement("div",{ref:I,style:s,className:A,role:"gridcell"},import_react9.default.createElement("div",{ref:k,className:W,role:"presentation"},S?_?T&&import_react9.default.createElement(CustomContext.Provider,{value:{setMethods:P=>f.setMethods(P)}},import_react9.default.createElement(B,{...T})):import_react9.default.createElement(B,{...h.params,ref:R?()=>{}:b}):null),import_react9.default.createElement("div",{ref:x,"aria-hidden":w,className:m,role:"presentation"},import_react9.default.createElement("button",{ref:v,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},headerFilterCellComp_default=(0,import_react9.memo)(HeaderFilterCellComp),import_react10=__toESM(require("react")),import_ag_grid_community11=require("ag-grid-community"),HeaderGroupCellComp=({ctrl:e})=>{const{context:t}=(0,import_react10.useContext)(BeansContext),[r,s]=(0,import_react10.useState)(),[n,c]=(0,import_react10.useState)(()=>new CssClasses),[o,i]=(0,import_react10.useState)(()=>new CssClasses),[a,d]=(0,import_react10.useState)("false"),[u,w]=(0,import_react10.useState)(),[y,h]=(0,import_react10.useState)(),M=(0,import_react10.useRef)(),g=(0,import_react10.useRef)(null),C=(0,import_react10.useRef)(null),l=(0,import_react10.useRef)(null),k=(0,import_react10.useRef)(),x=(0,import_react10.useCallback)(A=>{if(g.current=A,!A||!e.isAlive()||t.isDestroyed()){M.current=t.destroyBean(M.current);return}M.current=t.createBean(new import_ag_grid_community11._EmptyBean);const W={setWidth:m=>{g.current&&(g.current.style.width=m)},toggleCss:(m,R)=>c(_=>_.setClass(m,R)),setUserStyles:m=>s(m),setHeaderWrapperHidden:m=>{const R=l.current;R&&(m?R.style.setProperty("display","none"):R.style.removeProperty("display"))},setHeaderWrapperMaxHeight:m=>{const R=l.current;R&&(m!=null?R.style.setProperty("max-height",`${m}px`):R.style.removeProperty("max-height"),R.classList.toggle("ag-header-cell-comp-wrapper-limited-height",m!=null))},setUserCompDetails:m=>h(m),setResizableDisplayed:m=>{i(R=>R.setClass("ag-hidden",!m)),d(m?"false":"true")},setAriaExpanded:m=>w(m),getUserCompInstance:()=>k.current||void 0};e.setComp(W,A,C.current,l.current,M.current)},[]);(0,import_react10.useLayoutEffect)(()=>showJsComp(y,t,l.current),[y]),(0,import_react10.useEffect)(()=>{g.current&&e.setDragSource(g.current)},[y]);const v=(0,import_react10.useMemo)(()=>!!(y?.componentFromFramework&&isComponentStateless(y.componentClass)),[y]),p=(0,import_react10.useMemo)(()=>"ag-header-group-cell "+n.toString(),[n]),O=(0,import_react10.useMemo)(()=>"ag-header-cell-resize "+o.toString(),[o]),b=y?.componentFromFramework,I=y?.componentClass;return import_react10.default.createElement("div",{ref:x,style:r,className:p,role:"columnheader","aria-expanded":u},import_react10.default.createElement("div",{ref:l,className:"ag-header-cell-comp-wrapper",role:"presentation"},b?v?import_react10.default.createElement(I,{...y.params}):import_react10.default.createElement(I,{...y.params,ref:k}):null),import_react10.default.createElement("div",{ref:C,"aria-hidden":a,className:O}))},headerGroupCellComp_default=(0,import_react10.memo)(HeaderGroupCellComp),HeaderRowComp=({ctrl:e})=>{const{gos:t,context:r}=(0,import_react11.useContext)(BeansContext),{topOffset:s,rowHeight:n}=(0,import_react11.useMemo)(()=>e.getTopAndHeight(),[]),c=(0,import_react11.useMemo)(()=>t.get("tabIndex"),[]),[o,i]=(0,import_react11.useState)(()=>e.getAriaRowIndex()),a=e.headerRowClass,[d,u]=(0,import_react11.useState)(()=>n+"px"),[w,y]=(0,import_react11.useState)(()=>s+"px"),h=(0,import_react11.useRef)(null),[M,g]=(0,import_react11.useState)(()=>e.getUpdatedHeaderCtrls()),C=(0,import_react11.useRef)(),l=(0,import_react11.useRef)(null),k=(0,import_react11.useCallback)(p=>{if(l.current=p,!p||!e.isAlive()||r.isDestroyed()){C.current=r.destroyBean(C.current);return}C.current=r.createBean(new import_ag_grid_community12._EmptyBean);const O={setHeight:b=>u(b),setTop:b=>y(b),setHeaderCtrls:(b,I,A)=>{const W=h.current,m=getNextValueIfDifferent(W,b,I);m!==W&&(h.current=m,agFlushSync(A,()=>g(m)))},setWidth:b=>{l.current&&(l.current.style.width=b)},setRowIndex:b=>{i(b)}};e.setComp(O,C.current,!1)},[]),x=(0,import_react11.useMemo)(()=>({height:d,top:w}),[d,w]),v=(0,import_react11.useCallback)(p=>{switch(e.type){case"group":return import_react11.default.createElement(headerGroupCellComp_default,{ctrl:p,key:p.instanceId});case"filter":return import_react11.default.createElement(headerFilterCellComp_default,{ctrl:p,key:p.instanceId});default:return import_react11.default.createElement(headerCellComp_default,{ctrl:p,key:p.instanceId})}},[]);return import_react11.default.createElement("div",{ref:k,className:a,role:"row",style:x,tabIndex:c,"aria-rowindex":o},M.map(v))},headerRowComp_default=(0,import_react11.memo)(HeaderRowComp),HeaderRowContainerComp=({pinned:e})=>{const[t,r]=(0,import_react12.useState)(!0),[s,n]=(0,import_react12.useState)([]),{context:c}=(0,import_react12.useContext)(BeansContext),o=(0,import_react12.useRef)(null),i=(0,import_react12.useRef)(null),a=(0,import_react12.useRef)(),d=e==="left",u=e==="right",w=!d&&!u,y=(0,import_react12.useCallback)(g=>{if(o.current=g,!g||c.isDestroyed()){a.current=c.destroyBean(a.current);return}a.current=c.createBean(new import_ag_grid_community13.HeaderRowContainerCtrl(e));const C={setDisplayed:r,setCtrls:l=>n(l),setCenterWidth:l=>{i.current&&(i.current.style.width=l)},setViewportScrollLeft:l=>{o.current&&(o.current.scrollLeft=l)},setPinnedContainerWidth:l=>{o.current&&(o.current.style.width=l,o.current.style.minWidth=l,o.current.style.maxWidth=l)}};a.current.setComp(C,o.current)},[]),h=t?"":"ag-hidden",M=()=>s.map(g=>import_react12.default.createElement(headerRowComp_default,{ctrl:g,key:g.instanceId}));return d?import_react12.default.createElement("div",{ref:y,className:"ag-pinned-left-header "+h,"aria-hidden":!t,role:"rowgroup"},M()):u?import_react12.default.createElement("div",{ref:y,className:"ag-pinned-right-header "+h,"aria-hidden":!t,role:"rowgroup"},M()):w?import_react12.default.createElement("div",{ref:y,className:"ag-header-viewport "+h,role:"rowgroup",tabIndex:-1},import_react12.default.createElement("div",{ref:i,className:"ag-header-container",role:"presentation"},M())):null},headerRowContainerComp_default=(0,import_react12.memo)(HeaderRowContainerComp),GridHeaderComp=()=>{const[e,t]=(0,import_react13.useState)(()=>new CssClasses),[r,s]=(0,import_react13.useState)(),{context:n}=(0,import_react13.useContext)(BeansContext),c=(0,import_react13.useRef)(null),o=(0,import_react13.useRef)(),i=(0,import_react13.useCallback)(u=>{if(c.current=u,!u||n.isDestroyed()){o.current=n.destroyBean(o.current);return}o.current=n.createBean(new import_ag_grid_community14.GridHeaderCtrl);const w={toggleCss:(y,h)=>t(M=>M.setClass(y,h)),setHeightAndMinHeight:y=>s(y)};o.current.setComp(w,u,u)},[]),a=(0,import_react13.useMemo)(()=>"ag-header "+e.toString(),[e]),d=(0,import_react13.useMemo)(()=>({height:r,minHeight:r}),[r]);return import_react13.default.createElement("div",{ref:i,className:a,style:d,role:"presentation"},import_react13.default.createElement(headerRowContainerComp_default,{pinned:"left"}),import_react13.default.createElement(headerRowContainerComp_default,{pinned:null}),import_react13.default.createElement(headerRowContainerComp_default,{pinned:"right"}))},gridHeaderComp_default=(0,import_react13.memo)(GridHeaderComp),import_react14=require("react"),useReactCommentEffect=(e,t)=>{(0,import_react14.useEffect)(()=>{const r=t.current;if(r){const s=r.parentElement;if(s){const n=document.createComment(e);return s.insertBefore(n,r),()=>{n.remove()}}}},[e])},reactComment_default=useReactCommentEffect,import_react22=__toESM(require("react")),import_ag_grid_community19=require("ag-grid-community"),import_react21=__toESM(require("react")),import_ag_grid_community18=require("ag-grid-community"),import_react20=__toESM(require("react")),import_ag_grid_community17=require("ag-grid-community"),import_ag_grid_community15=require("ag-grid-community"),CellEditorComponentProxy=class{constructor(e,t){this.cellEditorParams=e,this.refreshProps=t,this.instanceCreated=new import_ag_grid_community15.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","getValidationErrors","getValidationElement"]}updateValue(e){this.value=e,this.refreshProps()}},import_react17=__toESM(require("react")),import_react16=require("react"),import_react_dom3=require("react-dom"),import_ag_grid_community16=require("ag-grid-community"),import_react15=require("react"),useEffectOnce=e=>{const t=(0,import_react15.useRef)(e),r=(0,import_react15.useRef)(),s=(0,import_react15.useRef)(!1),n=(0,import_react15.useRef)(!1),[,c]=(0,import_react15.useState)(0);s.current&&(n.current=!0),(0,import_react15.useEffect)(()=>(s.current||(r.current=t.current(),s.current=!0),c(o=>o+1),()=>{n.current&&r.current?.()}),[])},PopupEditorComp=e=>{const[t,r]=(0,import_react16.useState)(),s=(0,import_react16.useContext)(BeansContext),{context:n,popupSvc:c,gos:o,editSvc:i}=s,{editDetails:a,cellCtrl:d,eParentCell:u}=e;return useEffectOnce(()=>{const{compDetails:w}=a,y=o.get("stopEditingWhenCellsLoseFocus");let h,M;if(!n.isDestroyed()){M=n.createBean(i.createPopupEditorWrapper(w.params));const g=M.getGui();if(e.jsChildComp){const p=e.jsChildComp.getGui();p&&g.appendChild(p)}const{column:C,rowNode:l}=d,k={column:C,rowNode:l,type:"popupCellEditor",eventSource:u,ePopup:g,position:a.popupPosition,keepWithinBounds:!0},x=c?.positionPopupByComponent.bind(c,k),v=c?.addPopup({modal:y,eChild:g,closeOnEsc:!0,closedCallback:p=>{d.onPopupEditorClosed(p)},anchorToElement:u,positionCallback:x,ariaOwns:u});h=v?v.hideFunc:void 0,r(M),e.jsChildComp?.afterGuiAttached?.()}return()=>{h?.(),n.destroyBean(M)}}),(0,import_react16.useLayoutEffect)(()=>()=>{d.isCellFocused()&&t?.getGui().contains((0,import_ag_grid_community16._getActiveDomElement)(s))&&u.focus({preventScroll:!0})},[t]),t&&e.wrappedContent?(0,import_react_dom3.createPortal)(e.wrappedContent,t.getGui()):null},popupEditorComp_default=(0,import_react16.memo)(PopupEditorComp),jsxEditorProxy=(e,t,r)=>{const{compProxy:s}=e;r(s);const n=s.getProps(),c=isComponentStateless(t);return import_react17.default.createElement(CustomContext.Provider,{value:{setMethods:o=>s.setMethods(o)}},c?import_react17.default.createElement(t,{...n}):import_react17.default.createElement(t,{...n,ref:o=>s.setRef(o)}))},jsxEditor=(e,t,r)=>e.compProxy?jsxEditorProxy(e,t,r):import_react17.default.createElement(t,{...e.compDetails.params,ref:r}),jsxEditValue=(e,t,r,s,n)=>{const c=e.compDetails,o=c.componentClass,i=c.componentFromFramework&&!e.popup,a=c.componentFromFramework&&e.popup,d=!c.componentFromFramework&&e.popup;return i?jsxEditor(e,o,t):a?import_react17.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:s,eParentCell:r,wrappedContent:jsxEditor(e,o,t)}):d&&n?import_react17.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:s,eParentCell:r,jsChildComp:n}):null},import_react18=require("react"),useJsCellRenderer=(e,t,r,s,n,c,o=!1)=>{const{context:i}=(0,import_react18.useContext)(BeansContext),a=(0,import_react18.useCallback)(()=>{const d=n.current;if(!d)return;const u=d.getGui();u&&u.parentElement&&u.remove(),i.destroyBean(d),n.current=void 0},[]);(0,import_react18.useEffect)(()=>{const d=e!=null&&!o,u=e?.compDetails&&!e.compDetails.componentFromFramework,w=t&&r==null;if(!(d&&u&&!w)){a();return}const h=e.compDetails;if(n.current){const g=n.current,l=g.refresh!=null&&e.force==!1?g.refresh(h.params):!1;if(l===!0||l===void 0)return;a()}h.newAgStackInstance().then(g=>{if(!g)return;const C=g.getGui();if(!C)return;(t?r:c.current).appendChild(C),n.current=g})},[e,t,s,o]),(0,import_react18.useEffect)(()=>a,[])},showJsRenderer_default=useJsCellRenderer,import_react19=__toESM(require("react")),SkeletonCellRenderer=({cellCtrl:e,parent:t})=>{const r=(0,import_react19.useRef)(),s=(0,import_react19.useMemo)(()=>{const{loadingComp:n}=e.getDeferLoadingCellRenderer();return n?{value:void 0,compDetails:n,force:!1}:void 0},[e]);if(showJsRenderer_default(s,!1,void 0,1,r,t),s?.compDetails?.componentFromFramework){const n=s.compDetails.componentClass;return import_react19.default.createElement(n,{...s.compDetails.params})}return import_react19.default.createElement(import_react19.default.Fragment,null)},CellComp=({cellCtrl:e,printLayout:t,editingCell:r})=>{const s=(0,import_react20.useContext)(BeansContext),{context:n}=s,{column:{colIdSanitised:c},instanceId:o}=e,i=(0,import_react20.useRef)(),[a,d]=(0,import_react20.useState)(()=>e.isCellRenderer()?void 0:{compDetails:void 0,value:e.getValueToDisplay(),force:!1}),[u,w]=(0,import_react20.useState)(),[y,h]=(0,import_react20.useState)(1),[M,g]=(0,import_react20.useState)(),[C,l]=(0,import_react20.useState)(!1),[k,x]=(0,import_react20.useState)(!1),[v,p]=(0,import_react20.useState)(!1),O=(0,import_react20.useRef)(null),[b,I]=(0,import_react20.useState)(),A=(0,import_react20.useMemo)(()=>e.isForceWrapper(),[e]),W=(0,import_react20.useMemo)(()=>e.getCellAriaRole(),[e]),m=(0,import_react20.useRef)(null),R=(0,import_react20.useRef)(null),_=(0,import_react20.useRef)(null),L=(0,import_react20.useRef)(),f=(0,import_react20.useRef)(),D=(0,import_react20.useRef)(),T=(0,import_react20.useRef)([]),S=(0,import_react20.useRef)(),B=(0,import_react20.useRef)(),[P,N]=(0,import_react20.useState)(0),E=(0,import_react20.useCallback)(G=>{B.current=G,N(U=>U+1)},[]),H=a!=null&&(C||v||k)&&(u==null||!!u.popup),z=A||H,re=(0,import_react20.useMemo)(()=>e.getCellValueClass(),[e]),X=(0,import_react20.useCallback)(G=>{if(f.current=G,G){const U=G.isCancelBeforeStart&&G.isCancelBeforeStart();setTimeout(()=>{U?(e.stopEditing(!0),e.focusCell(!0)):(e.cellEditorAttached(),e.enableEditorTooltipFeature(G))})}},[e]),te=(0,import_react20.useRef)();te.current||(te.current=new import_ag_grid_community17.CssClassManager(()=>m.current));const ue=!!u&&!u.popup;showJsRenderer_default(a,z,B.current,P,L,m,ue);const ie=(0,import_react20.useRef)();(0,import_react20.useLayoutEffect)(()=>{const G=ie.current,U=a;if(ie.current=a,G==null||G.compDetails==null||U==null||U.compDetails==null)return;S.current?.refreshVisibility();const K=G.compDetails,q=U.compDetails;if(K.componentClass!=q.componentClass||_.current?.refresh==null)return;_.current.refresh(q.params)!=!0&&h($=>$+1)},[a]),(0,import_react20.useLayoutEffect)(()=>{if(!(u&&!u.compDetails.componentFromFramework)||n.isDestroyed())return;const U=u.compDetails,K=u.popup===!0,q=U.newAgStackInstance();return q.then(F=>{if(!F)return;const $=F.getGui();X(F),K||((A?D:m).current?.appendChild($),F.afterGuiAttached?.()),I(F)}),()=>{q.then(F=>{const $=F.getGui();e.disableEditorTooltipFeature(),n.destroyBean(F),X(void 0),I(void 0),$?.remove()})}},[u]);const V=(0,import_react20.useCallback)(G=>{if(D.current=G,!G||n.isDestroyed()||!e.isAlive()){const q=T.current;T.current=[];for(const F of q)F();return}let U;const K=q=>{q&&(G.insertAdjacentElement("afterbegin",q.getGui()),T.current.push(()=>{(0,import_ag_grid_community17._removeFromParent)(q.getGui()),n.destroyBean(q),S.current===U&&(S.current=void 0)}))};C&&K(e.createSelectionCheckbox()),v&&K(e.createDndSource()),k&&(U=e.createRowDragComp(),S.current=U,U&&(K(U),U.refreshVisibility()))},[e,n,v,k,C]),se=(0,import_react20.useCallback)(()=>{const G=!e.isCellSpanning()||R.current,U=m.current;if(!U||!G||!e||!e.isAlive()||n.isDestroyed()){i.current=n.destroyBean(i.current);return}i.current=n.createBean(new import_ag_grid_community17._EmptyBean);const K={toggleCss:(F,$)=>te.current.toggleCss(F,$),setUserStyles:F=>g(F),getFocusableElement:()=>m.current,setIncludeSelection:F=>l(F),setIncludeRowDrag:F=>x(F),setIncludeDndSource:F=>p(F),setRowResizerElement:F=>{O.current&&(0,import_ag_grid_community17._removeFromParent)(O.current),O.current=F,F&&m.current&&m.current.appendChild(F)},getCellEditor:()=>f.current??null,getCellRenderer:()=>_.current??L.current,getParentOfValue:()=>B.current??D.current??m.current,setRenderDetails:(F,$,J)=>{const ae=()=>{d(Y=>Y?.compDetails!==F||Y?.value!==$||Y?.force!==J?{value:$,compDetails:F,force:J}:Y)};if(F?.params?.deferRender&&!e.rowNode.group){const{loadingComp:Y,onReady:ce}=e.getDeferLoadingCellRenderer();if(Y){d({value:void 0,compDetails:Y,force:!1}),ce.then(()=>agStartTransition(ae));return}}ae()},setEditDetails:(F,$,J,ae)=>{if(F){let Y;F.componentFromFramework&&(ae?Y=new CellEditorComponentProxy(F.params,()=>h(ce=>ce+1)):warnReactiveCustomComponents()),w({compDetails:F,popup:$,popupPosition:J,compProxy:Y}),$||d(void 0)}else e.hasBrowserFocus()&&K.getFocusableElement().focus({preventScroll:!0}),f.current=void 0,w(void 0)},refreshEditStyles:(F,$)=>{if(!m.current)return;const{current:J}=te;J.toggleCss("ag-cell-value",!z),J.toggleCss("ag-cell-inline-editing",!!F&&!$),J.toggleCss("ag-cell-popup-editing",!!F&&!!$),J.toggleCss("ag-cell-not-inline-editing",!F||!!$)}},q=D.current||void 0;e.setComp(K,U,R.current??void 0,q,t,r,i.current)},[]),Q=(0,import_react20.useCallback)(G=>{m.current=G,se()},[]),ee=(0,import_react20.useCallback)(G=>{R.current=G,se()},[]),ne=(0,import_react20.useMemo)(()=>!!(a?.compDetails?.componentFromFramework&&isComponentStateless(a.compDetails.componentClass)),[a]);(0,import_react20.useLayoutEffect)(()=>{if(!m.current)return;const{current:G}=te;G.toggleCss("ag-cell-value",!z),G.toggleCss("ag-cell-inline-editing",!!u&&!u.popup),G.toggleCss("ag-cell-popup-editing",!!u&&!!u.popup),G.toggleCss("ag-cell-not-inline-editing",!u||!!u.popup)});const oe=()=>{const{compDetails:G,value:U}=a;if(!G)return U?.toString?.()??U;if(G.componentFromFramework){const K=G.componentClass;return import_react20.default.createElement(import_react20.Suspense,{fallback:import_react20.default.createElement(SkeletonCellRenderer,{cellCtrl:e,parent:m})},ne?import_react20.default.createElement(K,{...G.params,key:y}):import_react20.default.createElement(K,{...G.params,key:y,ref:_}))}},le=()=>{const G=()=>a==null?null:z?import_react20.default.createElement("span",{role:"presentation",id:`cell-${o}`,className:re,ref:E},oe()):oe(),U=K=>jsxEditValue(K,X,m.current,e,b);return u!=null?u.popup?import_react20.default.createElement(import_react20.default.Fragment,null,G(),U(u)):U(u):G()},de=()=>import_react20.default.createElement("div",{ref:Q,style:M,role:W,"col-id":c},z?import_react20.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:V},le()):le());return e.isCellSpanning()?import_react20.default.createElement("div",{ref:ee,className:"ag-spanned-cell-wrapper",role:"presentation"},de()):de()},cellComp_default=(0,import_react20.memo)(CellComp),RowComp=({rowCtrl:e,containerType:t})=>{const{context:r,gos:s,editSvc:n}=(0,import_react21.useContext)(BeansContext),c=(0,import_react21.useContext)(RenderModeContext)==="default",o=(0,import_react21.useRef)(),i=(0,import_react21.useRef)(e.getDomOrder()),a=e.isFullWidth(),d=e.rowNode.displayed,[u,w]=(0,import_react21.useState)(()=>d?e.rowNode.getRowIndexString():null),[y,h]=(0,import_react21.useState)(()=>e.rowId),[M,g]=(0,import_react21.useState)(()=>e.businessKey),[C,l]=(0,import_react21.useState)(()=>e.rowStyles),k=(0,import_react21.useRef)(null),[x,v]=(0,import_react21.useState)(()=>null),[p,O]=(0,import_react21.useState)(),[b,I]=(0,import_react21.useState)(()=>d?e.getInitialRowTop(t):void 0),[A,W]=(0,import_react21.useState)(()=>d?e.getInitialTransform(t):void 0),m=(0,import_react21.useRef)(null),R=(0,import_react21.useRef)(),_=(0,import_react21.useRef)(),L=(0,import_react21.useRef)(!1),[f,D]=(0,import_react21.useState)(0);(0,import_react21.useEffect)(()=>{if(L.current||!p||f>10)return;const V=m.current?.firstChild;V?(e.setupDetailRowAutoHeight(V),L.current=!0):D(se=>se+1)},[p,f]);const T=(0,import_react21.useRef)();T.current||(T.current=new import_ag_grid_community18.CssClassManager(()=>m.current));const S=(0,import_react21.useRef)(()=>{}),B=(0,import_react21.useCallback)(V=>(S.current=V,()=>{S.current=()=>{}}),[]),P=agUseSyncExternalStore(B,()=>k.current,[]),N=c?P:x,E=(0,import_react21.useCallback)(V=>{if(m.current=V,o.current=V?r.createBean(new import_ag_grid_community18._EmptyBean):r.destroyBean(o.current),!V){e.unsetComp(t);return}if(!e.isAlive()||r.isDestroyed())return;const se={setTop:I,setTransform:W,toggleCss:(Q,ee)=>T.current.toggleCss(Q,ee),setDomOrder:Q=>i.current=Q,setRowIndex:w,setRowId:h,setRowBusinessKey:g,setUserStyles:l,setCellCtrls:(Q,ee)=>{const ne=k.current,oe=getNextValueIfDifferent(ne,Q,i.current);oe!==ne&&(k.current=oe,c?S.current():agFlushSync(ee,()=>v(oe)))},showFullWidth:Q=>{_.current=Q.params,O(Q)},getFullWidthCellRenderer:()=>R.current,getFullWidthCellRendererParams:()=>_.current,refreshFullWidth:Q=>{const ee=Q();return _.current=ee,te.current?(O(ne=>({...ne,params:ee})),!0):!R.current||!R.current.refresh?!1:R.current.refresh(ee)}};e.setComp(se,V,t,o.current)},[]);(0,import_react21.useLayoutEffect)(()=>showJsComp(p,r,m.current,R),[p]);const H=(0,import_react21.useMemo)(()=>{const V={top:b,transform:A};return Object.assign(V,C),V},[b,A,C]),z=a&&p?.componentFromFramework,re=!a&&N!=null,X=(0,import_react21.useMemo)(()=>!!(p?.componentFromFramework&&isComponentStateless(p.componentClass)),[p]),te=(0,import_react21.useRef)(!1);(0,import_react21.useEffect)(()=>{te.current=X&&!!p&&!!s.get("reactiveCustomComponents")},[X,p]);const ue=()=>N?.map(V=>import_react21.default.createElement(cellComp_default,{cellCtrl:V,editingCell:n?.isEditing(V,{withOpenEditor:!0})??!1,printLayout:e.printLayout,key:V.instanceId})),ie=()=>{const V=p.componentClass;return X?import_react21.default.createElement(V,{...p.params}):import_react21.default.createElement(V,{...p.params,ref:R})};return import_react21.default.createElement("div",{ref:E,role:"row",style:H,"row-index":u,"row-id":y,"row-business-key":M},re?ue():z?ie():null)},rowComp_default=(0,import_react21.memo)(RowComp),RowContainerComp=({name:e})=>{const{context:t,gos:r}=(0,import_react22.useContext)(BeansContext),s=(0,import_react22.useMemo)(()=>(0,import_ag_grid_community19._getRowContainerOptions)(e),[e]),n=(0,import_react22.useRef)(null),c=(0,import_react22.useRef)(null),o=(0,import_react22.useRef)(null),i=(0,import_react22.useRef)([]),a=(0,import_react22.useRef)([]),[d,u]=(0,import_react22.useState)(()=>[]),w=!!r.get("enableCellSpan")&&!!s.getSpannedRowCtrls,y=(0,import_react22.useRef)([]),h=(0,import_react22.useRef)([]),[M,g]=(0,import_react22.useState)(()=>[]),C=(0,import_react22.useRef)(!1),l=(0,import_react22.useRef)(),k=(0,import_react22.useMemo)(()=>classesList("ag-viewport",(0,import_ag_grid_community19._getRowViewportClass)(e)),[e]),x=(0,import_react22.useMemo)(()=>classesList((0,import_ag_grid_community19._getRowContainerClass)(e)),[e]),v=(0,import_react22.useMemo)(()=>classesList("ag-spanning-container",(0,import_ag_grid_community19._getRowSpanContainerClass)(e)),[e]),p=s.type==="center"||w,O=p?n:c;reactComment_default(" AG Row Container "+e+" ",O);const b=(0,import_react22.useCallback)(()=>{const f=!p||n.current!=null,D=c.current!=null,T=!w||o.current!=null;return f&&D&&T},[]),I=(0,import_react22.useCallback)(()=>n.current==null&&c.current==null&&o.current==null,[]),A=(0,import_react22.useCallback)(()=>{if(I()&&(l.current=t.destroyBean(l.current)),!t.isDestroyed()&&b()){const f=S=>{const B=getNextValueIfDifferent(a.current,i.current,C.current);B!==a.current&&(a.current=B,agFlushSync(S,()=>u(B)))},D=S=>{const B=getNextValueIfDifferent(h.current,y.current,C.current);B!==h.current&&(h.current=B,agFlushSync(S,()=>g(B)))},T={setHorizontalScroll:S=>{n.current&&(n.current.scrollLeft=S)},setViewportHeight:S=>{n.current&&(n.current.style.height=S)},setRowCtrls:({rowCtrls:S,useFlushSync:B})=>{const P=!!B&&i.current.length>0&&S.length>0;i.current=S,f(P)},setSpannedRowCtrls:(S,B)=>{const P=!!B&&y.current.length>0&&S.length>0;y.current=S,D(P)},setDomOrder:S=>{C.current!=S&&(C.current=S,f(!1))},setContainerWidth:S=>{c.current&&(c.current.style.width=S)},setOffsetTop:S=>{c.current&&(c.current.style.transform=`translateY(${S})`)}};l.current=t.createBean(new import_ag_grid_community19.R