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