ag-grid-react
Version:
AG Grid React Component
1 lines • 67.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,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of __getOwnPropNames(t))!__hasOwnProp.call(e,s)&&s!==r&&__defProp(e,s,{get:()=>t[s],enumerable:!(n=__getOwnPropDesc(t,s))||n.enumerable});return e},__toESM=(e,t,r)=>(r=e!=null?__create(__getProtoOf(e)):{},__copyProps(t||!e||!e.__esModule?__defProp(r,"default",{value:e,enumerable:!0}):r,e)),__toCommonJS=e=>__copyProps(__defProp({},"__esModule",{value:!0}),e),src_exports={};__export(src_exports,{AgGridReact:()=>AgGridReact,CustomComponentContext:()=>CustomContext,getInstance:()=>getInstance,useGridCellEditor:()=>useGridCellEditor,useGridDate:()=>useGridDate,useGridFilter:()=>useGridFilter,useGridFilterDisplay:()=>useGridFilterDisplay,useGridFloatingFilter:()=>useGridFloatingFilter,useGridMenuItem:()=>useGridMenuItem,warnReactiveCustomComponents:()=>warnReactiveCustomComponents}),module.exports=__toCommonJS(src_exports);var import_react27=__toESM(require("react")),import_react26=__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,n)=>{if(!e||e.componentFromFramework||t.isDestroyed())return;const c=e.newAgStackInstance();let i,o,a=!1;return c.then(l=>{if(a){t.destroyBean(l);return}i=l,o=i.getGui(),r.appendChild(o),setRef(n,i)}),()=>{a=!0,i&&(o?.parentElement?.removeChild(o),t.destroyBean(i),n&&setRef(n,void 0))}},setRef=(e,t)=>{if(e)if(e instanceof Function)e(t);else{const r=e;r.current=t}},import_react2=__toESM(require("react")),import_react_dom=__toESM(require("react-dom")),classesList=(...e)=>e.filter(r=>r!=null&&r!=="").join(" "),CssClasses=class de{constructor(...t){this.classesMap={},t.forEach(r=>{this.classesMap[r]=!0})}setClass(t,r){if(!!this.classesMap[t]==r)return this;const s=new de;return s.classesMap={...this.classesMap},s.classesMap[t]=r,s}toString(){return Object.keys(this.classesMap).filter(r=>this.classesMap[r]).join(" ")}},isComponentStateless=e=>{const t=()=>typeof Symbol=="function"&&Symbol.for,r=()=>t()?Symbol.for("react.memo"):60115;return typeof e=="function"&&!(e.prototype&&e.prototype.isReactComponent)||typeof e=="object"&&e.$$typeof===r()},reactVersion=import_react2.default.version?.split(".")[0],isReactVersion17Minus=reactVersion==="16"||reactVersion==="17";function isReact19(){return reactVersion==="19"}var disableFlushSync=!1;function runWithoutFlushSync(e){return disableFlushSync||setTimeout(()=>disableFlushSync=!1,0),disableFlushSync=!0,e()}var agFlushSync=(e,t)=>{!isReactVersion17Minus&&e&&!disableFlushSync?import_react_dom.default.flushSync(t):t()},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 n=[],s=[],c=new Map,i=new Map;for(let o=0;o<t.length;o++){const a=t[o];i.set(a.instanceId,a)}for(let o=0;o<e.length;o++){const a=e[o];c.set(a.instanceId,a),i.has(a.instanceId)&&n.push(a)}for(let o=0;o<t.length;o++){const a=t[o],l=a.instanceId;c.has(l)||s.push(a)}return n.length===e.length&&s.length===0?e:n.length===0&&s.length===t.length?t:n.length===0?s:s.length===0?n:[...n,...s]}var GroupCellRenderer=(0,import_react3.forwardRef)((e,t)=>{const{registry:r,context:n}=(0,import_react3.useContext)(BeansContext),s=(0,import_react3.useRef)(null),c=(0,import_react3.useRef)(null),i=(0,import_react3.useRef)(null),o=(0,import_react3.useRef)(null),a=(0,import_react3.useRef)(null),l=(0,import_react3.useRef)(),[u,b]=(0,import_react3.useState)(),[C,m]=(0,import_react3.useState)(),[R,g]=(0,import_react3.useState)(),[f,d]=(0,import_react3.useState)(()=>new CssClasses),[v,w]=(0,import_react3.useState)(()=>new CssClasses("ag-hidden")),[A,p]=(0,import_react3.useState)(()=>new CssClasses("ag-hidden")),[O,D]=(0,import_react3.useState)(()=>new CssClasses("ag-invisible"));(0,import_react3.useImperativeHandle)(t,()=>({refresh(){return!1}})),(0,import_react3.useLayoutEffect)(()=>showJsComp(u,n,c.current),[u]);const q=(0,import_react3.useCallback)(W=>{if(s.current=W,!W){l.current=n.destroyBean(l.current);return}const k={setInnerRenderer:(F,N)=>{b(F),g(N)},setChildCount:F=>m(F),toggleCss:(F,N)=>d(_=>_.setClass(F,N)),setContractedDisplayed:F=>p(N=>N.setClass("ag-hidden",!F)),setExpandedDisplayed:F=>w(N=>N.setClass("ag-hidden",!F)),setCheckboxVisible:F=>D(N=>N.setClass("ag-invisible",!F)),setCheckboxSpacing:F=>D(N=>N.setClass("ag-group-checkbox-spacing",F))},T=r.createDynamicBean("groupCellRendererCtrl",!0);T&&(l.current=n.createBean(T),l.current.init(k,W,i.current,o.current,a.current,GroupCellRenderer,e))},[]),x=(0,import_react3.useMemo)(()=>`ag-cell-wrapper ${f.toString()}`,[f]),E=(0,import_react3.useMemo)(()=>`ag-group-expanded ${v.toString()}`,[v]),S=(0,import_react3.useMemo)(()=>`ag-group-contracted ${A.toString()}`,[A]),h=(0,import_react3.useMemo)(()=>`ag-group-checkbox ${O.toString()}`,[O]),y=u?.componentFromFramework,V=y?u.componentClass:void 0,M=u==null&&R!=null,I=(0,import_ag_grid_community._toString)(R);return import_react3.default.createElement("span",{className:x,ref:q,...e.colDef?{}:{role:l.current?.getCellAriaRole()}},import_react3.default.createElement("span",{className:E,ref:o}),import_react3.default.createElement("span",{className:S,ref:a}),import_react3.default.createElement("span",{className:h,ref:i}),import_react3.default.createElement("span",{className:"ag-group-value",ref:c},M?I:y?import_react3.default.createElement(V,{...u.params}):null),import_react3.default.createElement("span",{className:"ag-group-child-count"},C))}),groupCellRenderer_default=GroupCellRenderer,import_ag_grid_community3=require("ag-grid-community"),import_react5=__toESM(require("react")),import_react4=require("react"),CustomContext=(0,import_react4.createContext)({setMethods:()=>{}}),CustomWrapperComp=e=>{const{initialProps:t,addUpdateCallback:r,CustomComponentClass:n,setMethods:s}=e,[{key:c,...i},o]=(0,import_react5.useState)(t);return(0,import_react5.useEffect)(()=>{r(a=>o(a))},[]),import_react5.default.createElement(CustomContext.Provider,{value:{setMethods:s}},import_react5.default.createElement(n,{key:c,...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,n){this.portal=null,this.oldPortal=null,this.reactComponent=e,this.portalManager=t,this.componentType=r,this.suppressFallbackMethods=!!n,this.statelessComponent=this.isStateless(this.reactComponent),this.key=generateNewKey(),this.portalKey=generateNewKey(),this.instanceCreated=this.isStatelessComponent()?import_ag_grid_community2.AgPromise.resolve(!1):new import_ag_grid_community2.AgPromise(s=>{this.resolveInstanceCreated=s})}getGui(){return this.eParentElement}getRootElement(){return this.eParentElement.firstChild}destroy(){this.componentInstance&&typeof this.componentInstance.destroy=="function"&&this.componentInstance.destroy();const e=this.portal;e&&this.portalManager.destroyPortal(e)}createParentElement(e){const t=this.portalManager.getComponentWrappingElement(),r=document.createElement(t||"div");return r.classList.add("ag-react-container"),e.reactContainer=r,r}statelessComponentRendered(){return this.eParentElement.childElementCount>0||this.eParentElement.childNodes.length>0}getFrameworkComponentInstance(){return this.componentInstance}isStatelessComponent(){return this.statelessComponent}getReactComponentName(){return this.reactComponent.name}getMemoType(){return this.hasSymbol()?Symbol.for("react.memo"):60115}hasSymbol(){return typeof Symbol=="function"&&Symbol.for}isStateless(e){return typeof e=="function"&&!(e.prototype&&e.prototype.isReactComponent)||typeof e=="object"&&e.$$typeof===this.getMemoType()}hasMethod(e){const t=this.getFrameworkComponentInstance();return!!t&&t[e]!=null||this.fallbackMethodAvailable(e)}callMethod(e,t){const r=this.getFrameworkComponentInstance();if(this.isStatelessComponent())return this.fallbackMethod(e,t&&t[0]?t[0]:{});if(!r){setTimeout(()=>this.callMethod(e,t));return}const n=r[e];if(n)return n.apply(r,t);if(this.fallbackMethodAvailable(e))return this.fallbackMethod(e,t&&t[0]?t[0]:{})}addMethod(e,t){this[e]=t}init(e){return this.eParentElement=this.createParentElement(e),this.createOrUpdatePortal(e),new import_ag_grid_community2.AgPromise(t=>this.createReactComponent(t))}createOrUpdatePortal(e){this.isStatelessComponent()||(this.ref=t=>{this.componentInstance=t,this.resolveInstanceCreated?.(!0),this.resolveInstanceCreated=void 0},e.ref=this.ref),this.reactElement=this.createElement(this.reactComponent,{...e,key:this.key}),this.portal=(0,import_react_dom2.createPortal)(this.reactElement,this.eParentElement,this.portalKey)}createElement(e,t){return(0,import_react6.createElement)(e,t)}createReactComponent(e){this.portalManager.mountReactPortal(this.portal,this,e)}rendered(){return this.isStatelessComponent()&&this.statelessComponentRendered()||!!(!this.isStatelessComponent()&&this.getFrameworkComponentInstance())}refreshComponent(e){this.oldPortal=this.portal,this.createOrUpdatePortal(e),this.portalManager.updateReactPortal(this.oldPortal,this.portal)}fallbackMethod(e,t){const r=this[`${e}Component`];if(!this.suppressFallbackMethods&&r)return r.bind(this)(t)}fallbackMethodAvailable(e){return this.suppressFallbackMethods?!1:!!this[`${e}Component`]}};function addOptionalMethods(e,t,r){e.forEach(n=>{const s=t[n];s&&(r[n]=s)})}var CustomComponentWrapper=class extends ReactComponent{constructor(){super(...arguments),this.awaitUpdateCallback=new import_ag_grid_community3.AgPromise(e=>{this.resolveUpdateCallback=e}),this.wrapperComponent=customWrapperComp_default}init(e){return this.sourceParams=e,super.init(this.getProps())}addMethod(){}getInstance(){return this.instanceCreated.then(()=>this.componentInstance)}getFrameworkComponentInstance(){return this}createElement(e,t){return super.createElement(this.wrapperComponent,{initialProps:t,CustomComponentClass:e,setMethods:r=>this.setMethods(r),addUpdateCallback:r=>{this.updateCallback=()=>(r(this.getProps()),new import_ag_grid_community3.AgPromise(n=>{setTimeout(()=>{n()})})),this.resolveUpdateCallback()}})}setMethods(e){this.providedMethods=e,addOptionalMethods(this.getOptionalMethods(),this.providedMethods,this)}getOptionalMethods(){return[]}getProps(){return{...this.sourceParams,key:this.key,ref:this.ref}}refreshProps(){return this.updateCallback?this.updateCallback():new import_ag_grid_community3.AgPromise(e=>this.awaitUpdateCallback.then(()=>{this.updateCallback().then(()=>e())}))}},CellRendererComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},DateComponentWrapper=class extends CustomComponentWrapper{constructor(){super(...arguments),this.date=null,this.onDateChange=e=>this.updateDate(e)}getDate(){return this.date}setDate(e){this.date=e,this.refreshProps()}refresh(e){this.sourceParams=e,this.refreshProps()}getOptionalMethods(){return["afterGuiAttached","setInputPlaceholder","setInputAriaLabel","setDisabled"]}updateDate(e){this.setDate(e),this.sourceParams.onDateChanged()}getProps(){const e=super.getProps();return e.date=this.date,e.onDateChange=this.onDateChange,delete e.onDateChanged,e}},DragAndDropImageComponentWrapper=class extends CustomComponentWrapper{constructor(){super(...arguments),this.label="",this.icon=null,this.shake=!1}setIcon(e,t){this.icon=e,this.shake=t,this.refreshProps()}setLabel(e){this.label=e,this.refreshProps()}getProps(){const e=super.getProps(),{label:t,icon:r,shake:n}=this;return e.label=t,e.icon=r,e.shake=n,e}},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}},LoadingOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},MenuItemComponentWrapper=class extends CustomComponentWrapper{constructor(){super(...arguments),this.active=!1,this.expanded=!1,this.onActiveChange=e=>this.updateActive(e)}setActive(e){this.awaitSetActive(e)}setExpanded(e){this.expanded=e,this.refreshProps()}getOptionalMethods(){return["select","configureDefaults"]}awaitSetActive(e){return this.active=e,this.refreshProps()}updateActive(e){const t=this.awaitSetActive(e);e&&t.then(()=>this.sourceParams.onItemActivated())}getProps(){const e=super.getProps();return e.active=this.active,e.expanded=this.expanded,e.onActiveChange=this.onActiveChange,delete e.onItemActivated,e}},NoRowsOverlayComponentWrapper=class extends CustomComponentWrapper{refresh(e){this.sourceParams=e,this.refreshProps()}},StatusPanelComponentWrapper=class extends CustomComponentWrapper{refresh(e){return this.sourceParams=e,this.refreshProps(),!0}},ToolPanelComponentWrapper=class extends CustomComponentWrapper{constructor(){super(...arguments),this.onStateChange=e=>this.updateState(e)}refresh(e){return this.sourceParams=e,this.refreshProps(),!0}getState(){return this.state}updateState(e){this.state=e,this.refreshProps(),this.sourceParams.onStateUpdated()}getProps(){const e=super.getProps();return e.state=this.state,e.onStateChange=this.onStateChange,e}},import_ag_grid_community7=require("ag-grid-community");function getInstance(e,t){(e?.getInstance?.()??import_ag_grid_community7.AgPromise.resolve(void 0)).then(n=>t(n))}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_react25=__toESM(require("react")),import_ag_grid_community21=require("ag-grid-community"),import_react23=__toESM(require("react")),import_ag_grid_community19=require("ag-grid-community"),import_react13=__toESM(require("react")),import_ag_grid_community13=require("ag-grid-community"),import_react12=__toESM(require("react")),import_ag_grid_community12=require("ag-grid-community"),import_react11=__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),n=t?e.column.getColId():void 0,[s,c]=(0,import_react7.useState)(),[i,o]=(0,import_react7.useState)(),a=(0,import_react7.useRef)(),l=(0,import_react7.useRef)(null),u=(0,import_react7.useRef)(null),b=(0,import_react7.useRef)(null),C=(0,import_react7.useRef)(),m=(0,import_react7.useRef)();t&&!m.current&&(m.current=new import_ag_grid_community8.CssClassManager(()=>l.current));const R=(0,import_react7.useCallback)(v=>{if(l.current=v,a.current=v?r.createBean(new import_ag_grid_community8._EmptyBean):r.destroyBean(a.current),!v||!e.isAlive())return;const w=()=>{const p=e.getSelectAllGui();p&&(u.current?.insertAdjacentElement("afterend",p),a.current.addDestroyFunc(()=>p.remove()))},A={setWidth:p=>{l.current&&(l.current.style.width=p)},toggleCss:(p,O)=>m.current.toggleCss(p,O),setUserStyles:p=>o(p),setAriaSort:p=>{l.current&&(p?(0,import_ag_grid_community8._setAriaSort)(l.current,p):(0,import_ag_grid_community8._removeAriaSort)(l.current))},setUserCompDetails:p=>c(p),getUserCompInstance:()=>C.current||void 0,refreshSelectAllGui:w,removeSelectAllGui:()=>e.getSelectAllGui()?.remove()};e.setComp(A,v,u.current,b.current,a.current),w()},[]);(0,import_react7.useLayoutEffect)(()=>showJsComp(s,r,b.current,C),[s]),(0,import_react7.useEffect)(()=>{e.setDragSource(l.current)},[s]);const g=(0,import_react7.useMemo)(()=>!!(s?.componentFromFramework&&isComponentStateless(s.componentClass)),[s]),f=s?.componentFromFramework,d=s?.componentClass;return import_react7.default.createElement("div",{ref:R,style:i,className:"ag-header-cell","col-id":n,role:"columnheader"},import_react7.default.createElement("div",{ref:u,className:"ag-header-cell-resize",role:"presentation"}),import_react7.default.createElement("div",{ref:b,className:"ag-header-cell-comp-wrapper",role:"presentation"},f?g?import_react7.default.createElement(d,{...s.params}):import_react7.default.createElement(d,{...s.params,ref:C}):null))},headerCellComp_default=(0,import_react7.memo)(HeaderCellComp),import_react8=__toESM(require("react")),import_react9=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),[n,s]=(0,import_react8.useState)(),[c,i]=(0,import_react8.useState)(()=>new CssClasses("ag-header-cell","ag-floating-filter")),[o,a]=(0,import_react8.useState)(()=>new CssClasses),[l,u]=(0,import_react8.useState)(()=>new CssClasses("ag-floating-filter-button","ag-hidden")),[b,C]=(0,import_react8.useState)("false"),[m,R]=(0,import_react8.useState)(),[,g]=(0,import_react8.useState)(1),f=(0,import_react8.useRef)(),d=(0,import_react8.useRef)(null),v=(0,import_react8.useRef)(null),w=(0,import_react8.useRef)(null),A=(0,import_react8.useRef)(null),p=(0,import_react8.useRef)(),O=(0,import_react8.useRef)(),D=F=>{F!=null&&p.current&&p.current(F)},q=(0,import_react8.useCallback)(F=>{if(d.current=F,f.current=F?t.createBean(new import_ag_grid_community9._EmptyBean):t.destroyBean(f.current),!F||!e.isAlive())return;O.current=new import_ag_grid_community9.AgPromise(_=>{p.current=_});const N={toggleCss:(_,B)=>i(H=>H.setClass(_,B)),setUserStyles:_=>s(_),addOrRemoveBodyCssClass:(_,B)=>a(H=>H.setClass(_,B)),setButtonWrapperDisplayed:_=>{u(B=>B.setClass("ag-hidden",!_)),C(_?"false":"true")},setWidth:_=>{d.current&&(d.current.style.width=_)},setCompDetails:_=>R(_),getFloatingFilterComp:()=>O.current?O.current:null,setMenuIcon:_=>A.current?.appendChild(_)};e.setComp(N,F,A.current,v.current,f.current)},[]);(0,import_react8.useLayoutEffect)(()=>showJsComp(m,t,v.current,D),[m]);const x=(0,import_react8.useMemo)(()=>c.toString(),[c]),E=(0,import_react8.useMemo)(()=>o.toString(),[o]),S=(0,import_react8.useMemo)(()=>l.toString(),[l]),h=(0,import_react8.useMemo)(()=>!!(m&&m.componentFromFramework&&isComponentStateless(m.componentClass)),[m]),y=(0,import_react8.useMemo)(()=>r.get("reactiveCustomComponents"),[]),V=(0,import_react8.useMemo)(()=>r.get("enableFilterHandlers"),[]),[M,I]=(0,import_react8.useState)();(0,import_react9.useEffect)(()=>{if(m?.componentFromFramework)if(y){const F=V?FloatingFilterDisplayComponentProxy:FloatingFilterComponentProxy,N=new F(m.params,()=>g(_=>_+1));D(N),I(N)}else warnReactiveCustomComponents()},[m]);const W=M?.getProps(),k=m?.componentFromFramework,T=m?.componentClass;return import_react8.default.createElement("div",{ref:q,style:n,className:x,role:"gridcell"},import_react8.default.createElement("div",{ref:v,className:E,role:"presentation"},k?y?W&&import_react8.default.createElement(CustomContext.Provider,{value:{setMethods:F=>M.setMethods(F)}},import_react8.default.createElement(T,{...W})):import_react8.default.createElement(T,{...m.params,ref:h?()=>{}:D}):null),import_react8.default.createElement("div",{ref:w,"aria-hidden":b,className:S,role:"presentation"},import_react8.default.createElement("button",{ref:A,type:"button",className:"ag-button ag-floating-filter-button-button",tabIndex:-1})))},headerFilterCellComp_default=(0,import_react8.memo)(HeaderFilterCellComp),import_react10=__toESM(require("react")),import_ag_grid_community10=require("ag-grid-community"),HeaderGroupCellComp=({ctrl:e})=>{const{context:t}=(0,import_react10.useContext)(BeansContext),[r,n]=(0,import_react10.useState)(),[s,c]=(0,import_react10.useState)(()=>new CssClasses),[i,o]=(0,import_react10.useState)(()=>new CssClasses),[a,l]=(0,import_react10.useState)("false"),[u,b]=(0,import_react10.useState)(),[C,m]=(0,import_react10.useState)(),R=(0,import_react10.useMemo)(()=>e.column.getUniqueId(),[]),g=(0,import_react10.useRef)(),f=(0,import_react10.useRef)(null),d=(0,import_react10.useRef)(null),v=(0,import_react10.useRef)(null),w=(0,import_react10.useRef)(),A=(0,import_react10.useCallback)(E=>{if(f.current=E,g.current=E?t.createBean(new import_ag_grid_community10._EmptyBean):t.destroyBean(g.current),!E||!e.isAlive())return;const S={setWidth:h=>{f.current&&(f.current.style.width=h)},toggleCss:(h,y)=>c(V=>V.setClass(h,y)),setUserStyles:h=>n(h),setHeaderWrapperHidden:h=>{const y=v.current;y&&(h?y.style.setProperty("display","none"):y.style.removeProperty("display"))},setHeaderWrapperMaxHeight:h=>{const y=v.current;y&&(h!=null?y.style.setProperty("max-height",`${h}px`):y.style.removeProperty("max-height"),y.classList.toggle("ag-header-cell-comp-wrapper-limited-height",h!=null))},setUserCompDetails:h=>m(h),setResizableDisplayed:h=>{o(y=>y.setClass("ag-hidden",!h)),l(h?"false":"true")},setAriaExpanded:h=>b(h),getUserCompInstance:()=>w.current||void 0};e.setComp(S,E,d.current,v.current,g.current)},[]);(0,import_react10.useLayoutEffect)(()=>showJsComp(C,t,v.current),[C]),(0,import_react10.useEffect)(()=>{f.current&&e.setDragSource(f.current)},[C]);const p=(0,import_react10.useMemo)(()=>!!(C?.componentFromFramework&&isComponentStateless(C.componentClass)),[C]),O=(0,import_react10.useMemo)(()=>"ag-header-group-cell "+s.toString(),[s]),D=(0,import_react10.useMemo)(()=>"ag-header-cell-resize "+i.toString(),[i]),q=C?.componentFromFramework,x=C?.componentClass;return import_react10.default.createElement("div",{ref:A,style:r,className:O,"col-id":R,role:"columnheader","aria-expanded":u},import_react10.default.createElement("div",{ref:v,className:"ag-header-cell-comp-wrapper",role:"presentation"},q?p?import_react10.default.createElement(x,{...C.params}):import_react10.default.createElement(x,{...C.params,ref:w}):null),import_react10.default.createElement("div",{ref:d,"aria-hidden":a,className:D}))},headerGroupCellComp_default=(0,import_react10.memo)(HeaderGroupCellComp),HeaderRowComp=({ctrl:e})=>{const{context:t}=(0,import_react11.useContext)(BeansContext),{topOffset:r,rowHeight:n}=(0,import_react11.useMemo)(()=>e.getTopAndHeight(),[]),[s,c]=(0,import_react11.useState)(e.getAriaRowIndex()),i=e.headerRowClass,[o,a]=(0,import_react11.useState)(()=>n+"px"),[l,u]=(0,import_react11.useState)(()=>r+"px"),b=(0,import_react11.useRef)([]),[C,m]=(0,import_react11.useState)(()=>e.getUpdatedHeaderCtrls()),R=(0,import_react11.useRef)(),g=(0,import_react11.useRef)(null),f=(0,import_react11.useCallback)(w=>{if(g.current=w,R.current=w?t.createBean(new import_ag_grid_community11._EmptyBean):t.destroyBean(R.current),!w)return;const A={setHeight:p=>a(p),setTop:p=>u(p),setHeaderCtrls:(p,O,D)=>{const q=b.current,x=getNextValueIfDifferent(q,p,O);x!==q&&(b.current=x,agFlushSync(D,()=>m(x)))},setWidth:p=>{g.current&&(g.current.style.width=p)},setRowIndex:p=>{c(p)}};e.setComp(A,R.current,!1)},[]),d=(0,import_react11.useMemo)(()=>({height:o,top:l}),[o,l]),v=(0,import_react11.useCallback)(w=>{switch(e.type){case"group":return import_react11.default.createElement(headerGroupCellComp_default,{ctrl:w,key:w.instanceId});case"filter":return import_react11.default.createElement(headerFilterCellComp_default,{ctrl:w,key:w.instanceId});default:return import_react11.default.createElement(headerCellComp_default,{ctrl:w,key:w.instanceId})}},[]);return import_react11.default.createElement("div",{ref:f,className:i,role:"row",style:d,"aria-rowindex":s},C.map(v))},headerRowComp_default=(0,import_react11.memo)(HeaderRowComp),HeaderRowContainerComp=({pinned:e})=>{const[t,r]=(0,import_react12.useState)(!0),[n,s]=(0,import_react12.useState)([]),{context:c}=(0,import_react12.useContext)(BeansContext),i=(0,import_react12.useRef)(null),o=(0,import_react12.useRef)(null),a=(0,import_react12.useRef)(),l=e==="left",u=e==="right",b=!l&&!u,C=(0,import_react12.useCallback)(g=>{if(i.current=g,a.current=g?c.createBean(new import_ag_grid_community12.HeaderRowContainerCtrl(e)):c.destroyBean(a.current),!g)return;const f={setDisplayed:r,setCtrls:d=>s(d),setCenterWidth:d=>{o.current&&(o.current.style.width=d)},setViewportScrollLeft:d=>{i.current&&(i.current.scrollLeft=d)},setPinnedContainerWidth:d=>{i.current&&(i.current.style.width=d,i.current.style.minWidth=d,i.current.style.maxWidth=d)}};a.current.setComp(f,i.current)},[]),m=t?"":"ag-hidden",R=()=>n.map(g=>import_react12.default.createElement(headerRowComp_default,{ctrl:g,key:g.instanceId}));return l?import_react12.default.createElement("div",{ref:C,className:"ag-pinned-left-header "+m,"aria-hidden":!t,role:"rowgroup"},R()):u?import_react12.default.createElement("div",{ref:C,className:"ag-pinned-right-header "+m,"aria-hidden":!t,role:"rowgroup"},R()):b?import_react12.default.createElement("div",{ref:C,className:"ag-header-viewport "+m,role:"presentation",tabIndex:-1},import_react12.default.createElement("div",{ref:o,className:"ag-header-container",role:"rowgroup"},R())):null},headerRowContainerComp_default=(0,import_react12.memo)(HeaderRowContainerComp),GridHeaderComp=()=>{const[e,t]=(0,import_react13.useState)(()=>new CssClasses),[r,n]=(0,import_react13.useState)(),{context:s}=(0,import_react13.useContext)(BeansContext),c=(0,import_react13.useRef)(null),i=(0,import_react13.useRef)(),o=(0,import_react13.useCallback)(u=>{if(c.current=u,i.current=u?s.createBean(new import_ag_grid_community13.GridHeaderCtrl):s.destroyBean(i.current),!u)return;const b={toggleCss:(C,m)=>t(R=>R.setClass(C,m)),setHeightAndMinHeight:C=>n(C)};i.current.setComp(b,u,u)},[]),a=(0,import_react13.useMemo)(()=>"ag-header "+e.toString(),[e]),l=(0,import_react13.useMemo)(()=>({height:r,minHeight:r}),[r]);return import_react13.default.createElement("div",{ref:o,className:a,style:l,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 n=r.parentElement;if(n){const s=document.createComment(e);return n.insertBefore(s,r),()=>{n.removeChild(s)}}}},[e])},reactComment_default=useReactCommentEffect,import_react22=__toESM(require("react")),import_ag_grid_community18=require("ag-grid-community"),import_react21=__toESM(require("react")),import_ag_grid_community17=require("ag-grid-community"),import_react20=__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_react17=__toESM(require("react")),import_react16=require("react"),import_react_dom3=require("react-dom"),import_ag_grid_community15=require("ag-grid-community"),import_react15=require("react"),useEffectOnce=e=>{const t=(0,import_react15.useRef)(e),r=(0,import_react15.useRef)(),n=(0,import_react15.useRef)(!1),s=(0,import_react15.useRef)(!1),[,c]=(0,import_react15.useState)(0);n.current&&(s.current=!0),(0,import_react15.useEffect)(()=>(n.current||(r.current=t.current(),n.current=!0),c(i=>i+1),()=>{s.current&&r.current?.()}),[])},PopupEditorComp=e=>{const[t,r]=(0,import_react16.useState)(),n=(0,import_react16.useContext)(BeansContext),{context:s,popupSvc:c,gos:i,editSvc:o}=n,{editDetails:a,cellCtrl:l,eParentCell:u}=e;return useEffectOnce(()=>{const{compDetails:b}=a,C=i.get("stopEditingWhenCellsLoseFocus"),m=s.createBean(o.createPopupEditorWrapper(b.params)),R=m.getGui();if(e.jsChildComp){const p=e.jsChildComp.getGui();p&&R.appendChild(p)}const{column:g,rowNode:f}=l,d={column:g,rowNode:f,type:"popupCellEditor",eventSource:u,ePopup:R,position:a.popupPosition,keepWithinBounds:!0},v=c?.positionPopupByComponent.bind(c,d),w=c?.addPopup({modal:C,eChild:R,closeOnEsc:!0,closedCallback:()=>{l.onPopupEditorClosed()},anchorToElement:u,positionCallback:v,ariaOwns:u}),A=w?w.hideFunc:void 0;return r(m),e.jsChildComp?.afterGuiAttached?.(),()=>{A?.(),s.destroyBean(m)}}),(0,import_react16.useLayoutEffect)(()=>()=>{l.isCellFocused()&&t?.getGui().contains((0,import_ag_grid_community15._getActiveDomElement)(n))&&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:n}=e;r(n);const s=n.getProps(),c=isComponentStateless(t);return import_react17.default.createElement(CustomContext.Provider,{value:{setMethods:i=>n.setMethods(i)}},c?import_react17.default.createElement(t,{...s}):import_react17.default.createElement(t,{...s,ref:i=>n.setRef(i)}))},jsxEditor=(e,t,r)=>e.compProxy?jsxEditorProxy(e,t,r):import_react17.default.createElement(t,{...e.compDetails.params,ref:r}),jsxEditValue=(e,t,r,n,s)=>{const c=e.compDetails,i=c.componentClass,o=c.componentFromFramework&&!e.popup,a=c.componentFromFramework&&e.popup,l=!c.componentFromFramework&&e.popup;return o?jsxEditor(e,i,t):a?import_react17.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:n,eParentCell:r,wrappedContent:jsxEditor(e,i,t)}):l&&s?import_react17.default.createElement(popupEditorComp_default,{editDetails:e,cellCtrl:n,eParentCell:r,jsChildComp:s}):null},import_react18=require("react"),useJsCellRenderer=(e,t,r,n,s,c)=>{const{context:i}=(0,import_react18.useContext)(BeansContext),o=(0,import_react18.useCallback)(()=>{const a=s.current;if(!a)return;const l=a.getGui();l&&l.parentElement&&l.parentElement.removeChild(l),i.destroyBean(a),s.current=void 0},[]);(0,import_react18.useEffect)(()=>{const a=e!=null,l=e?.compDetails&&!e.compDetails.componentFromFramework,u=t&&r==null;if(!(a&&l&&!u)){o();return}const C=e.compDetails;if(s.current){const R=s.current,f=R.refresh!=null&&e.force==!1?R.refresh(C.params):!1;if(f===!0||f===void 0)return;o()}C.newAgStackInstance().then(R=>{if(!R)return;const g=R.getGui();if(!g)return;(t?r:c.current).appendChild(g),s.current=R})},[e,t,n]),(0,import_react18.useEffect)(()=>o,[])},showJsRenderer_default=useJsCellRenderer,import_react19=__toESM(require("react")),SkeletonCellRenderer=({cellCtrl:e,parent:t})=>{const r=(0,import_react19.useRef)(),n=(0,import_react19.useMemo)(()=>{const{loadingComp:s}=e.getDeferLoadingCellRenderer();return s?{value:void 0,compDetails:s,force:!1}:void 0},[e]);if(showJsRenderer_default(n,!1,void 0,1,r,t),n?.compDetails?.componentFromFramework){const s=n.compDetails.componentClass;return import_react19.default.createElement(s,{...n.compDetails.params})}return import_react19.default.createElement(import_react19.default.Fragment,null)},CellComp=({cellCtrl:e,printLayout:t,editingCell:r})=>{const n=(0,import_react20.useContext)(BeansContext),{context:s}=n,{column:{colIdSanitised:c},instanceId:i}=e,o=(0,import_react20.useRef)(),[a,l]=(0,import_react20.useState)(()=>e.isCellRenderer()?void 0:{compDetails:void 0,value:e.getValueToDisplay(),force:!1}),[u,b]=(0,import_react20.useState)(),[C,m]=(0,import_react20.useState)(1),[R,g]=(0,import_react20.useState)(),[f,d]=(0,import_react20.useState)(!1),[v,w]=(0,import_react20.useState)(!1),[A,p]=(0,import_react20.useState)(!1),[O,D]=(0,import_react20.useState)(),q=(0,import_react20.useMemo)(()=>e.isForceWrapper(),[e]),x=(0,import_react20.useMemo)(()=>e.getCellAriaRole(),[e]),E=(0,import_react20.useRef)(null),S=(0,import_react20.useRef)(null),h=(0,import_react20.useRef)(null),y=(0,import_react20.useRef)(),V=(0,import_react20.useRef)(),M=(0,import_react20.useRef)(),I=(0,import_react20.useRef)([]),W=(0,import_react20.useRef)(),[k,T]=(0,import_react20.useState)(0),F=(0,import_react20.useCallback)(P=>{W.current=P,T(U=>U+1)},[]),N=a!=null&&(f||A||v)&&(u==null||!!u.popup),_=q||N,B=(0,import_react20.useCallback)(P=>{if(V.current=P,P){const U=P.isCancelBeforeStart&&P.isCancelBeforeStart();setTimeout(()=>{U?(e.stopEditing(!0),e.focusCell(!0)):(e.cellEditorAttached(),e.enableEditorTooltipFeature(P))})}},[e]),H=(0,import_react20.useRef)();H.current||(H.current=new import_ag_grid_community16.CssClassManager(()=>E.current)),showJsRenderer_default(a,_,W.current,k,y,E);const J=(0,import_react20.useRef)();(0,import_react20.useLayoutEffect)(()=>{const P=J.current,U=a;if(J.current=a,P==null||P.compDetails==null||U==null||U.compDetails==null)return;const z=P.compDetails,ee=U.compDetails;if(z.componentClass!=ee.componentClass||h.current?.refresh==null)return;h.current.refresh(ee.params)!=!0&&m($=>$+1)},[a]),(0,import_react20.useLayoutEffect)(()=>{if(!(u&&!u.compDetails.componentFromFramework))return;const U=u.compDetails,z=u.popup===!0,ee=U.newAgStackInstance();return ee.then(G=>{if(!G)return;const $=G.getGui();B(G),z||((q?M:E).current?.appendChild($),G.afterGuiAttached&&G.afterGuiAttached()),D(G)}),()=>{ee.then(G=>{const $=G.getGui();e.disableEditorTooltipFeature(),s.destroyBean(G),B(void 0),D(void 0),$?.parentElement?.removeChild($)})}},[u]);const re=(0,import_react20.useCallback)(P=>{if(M.current=P,!P){I.current.forEach(z=>z()),I.current=[];return}const U=z=>{if(z){const ee=z.getGui();P.insertAdjacentElement("afterbegin",ee),I.current.push(()=>{s.destroyBean(z),(0,import_ag_grid_community16._removeFromParent)(ee)})}return z};if(f){const z=e.createSelectionCheckbox();U(z)}A&&U(e.createDndSource()),v&&U(e.createRowDragComp())},[e,s,A,v,f]),ae=(0,import_react20.useCallback)(()=>{const P=!e.isCellSpanning()||S.current,U=E.current;if(o.current=U?s.createBean(new import_ag_grid_community16._EmptyBean):s.destroyBean(o.current),!U||!P||!e)return;const z={toggleCss:(G,$)=>H.current.toggleCss(G,$),setUserStyles:G=>g(G),getFocusableElement:()=>E.current,setIncludeSelection:G=>d(G),setIncludeRowDrag:G=>w(G),setIncludeDndSource:G=>p(G),getCellEditor:()=>V.current||null,getCellRenderer:()=>h.current??y.current,getParentOfValue:()=>W.current??M.current??E.current,setRenderDetails:(G,$,K)=>{const Q=()=>{l(Y=>Y?.compDetails!==G||Y?.value!==$||Y?.force!==K?{value:$,compDetails:G,force:K}:Y)};if(G?.params?.deferRender&&!e.rowNode.group){const{loadingComp:Y,onReady:se}=e.getDeferLoadingCellRenderer();if(Y){l({value:void 0,compDetails:Y,force:!1}),se.then(()=>agStartTransition(Q));return}}Q()},setEditDetails:(G,$,K,Q)=>{if(G){let Y;G.componentFromFramework&&(Q?Y=new CellEditorComponentProxy(G.params,()=>m(se=>se+1)):warnReactiveCustomComponents()),b({compDetails:G,popup:$,popupPosition:K,compProxy:Y}),$||l(void 0)}else e.hasBrowserFocus()&&z.getFocusableElement().focus({preventScroll:!0}),b(se=>{se?.compProxy&&(V.current=void 0)})},refreshEditStyles:(G,$)=>{if(!E.current)return;const{current:K}=H;K.toggleCss("ag-cell-value",!_),K.toggleCss("ag-cell-inline-editing",!!G&&!$),K.toggleCss("ag-cell-popup-editing",!!G&&!!$),K.toggleCss("ag-cell-not-inline-editing",!G||!!$)}},ee=M.current||void 0;e.setComp(z,U,S.current??void 0,ee,t,r,o.current)},[]),ie=(0,import_react20.useCallback)(P=>{E.current=P,ae()},[]),L=(0,import_react20.useCallback)(P=>{S.current=P,ae()},[]),ne=(0,import_react20.useMemo)(()=>!!(a?.compDetails?.componentFromFramework&&isComponentStateless(a.compDetails.componentClass)),[a]);(0,import_react20.useLayoutEffect)(()=>{if(!E.current)return;const{current:P}=H;P.toggleCss("ag-cell-value",!_),P.toggleCss("ag-cell-inline-editing",!!u&&!u.popup),P.toggleCss("ag-cell-popup-editing",!!u&&!!u.popup),P.toggleCss("ag-cell-not-inline-editing",!u||!!u.popup)});const Z=()=>{const{compDetails:P,value:U}=a;if(!P)return U?.toString?.()??U;if(P.componentFromFramework){const z=P.componentClass;return import_react20.default.createElement(import_react20.Suspense,{fallback:import_react20.default.createElement(SkeletonCellRenderer,{cellCtrl:e,parent:E})},ne?import_react20.default.createElement(z,{...P.params,key:C}):import_react20.default.createElement(z,{...P.params,key:C,ref:h}))}},te=()=>{const P=()=>a==null?null:_?import_react20.default.createElement("span",{role:"presentation",id:`cell-${i}`,className:"ag-cell-value",ref:F},Z()):Z(),U=z=>jsxEditValue(z,B,E.current,e,O);return u!=null?u.popup?import_react20.default.createElement(import_react20.default.Fragment,null,P(),U(u)):U(u):P()},oe=()=>import_react20.default.createElement("div",{ref:ie,style:R,role:x,"col-id":c},_?import_react20.default.createElement("div",{className:"ag-cell-wrapper",role:"presentation",ref:re},te()):te());return e.isCellSpanning()?import_react20.default.createElement("div",{ref:L,className:"ag-spanned-cell-wrapper",role:"presentation"},oe()):oe()},cellComp_default=(0,import_react20.memo)(CellComp),RowComp=({rowCtrl:e,containerType:t})=>{const{context:r,gos:n,editSvc:s}=(0,import_react21.useContext)(BeansContext),c=(0,import_react21.useContext)(RenderModeContext)==="default",i=(0,import_react21.useRef)(),o=(0,import_react21.useRef)(e.getDomOrder()),a=e.isFullWidth(),l=e.rowNode.displayed,[u,b]=(0,import_react21.useState)(()=>l?e.rowNode.getRowIndexString():null),[C,m]=(0,import_react21.useState)(()=>e.rowId),[R,g]=(0,import_react21.useState)(()=>e.businessKey),[f,d]=(0,import_react21.useState)(()=>e.rowStyles),v=(0,import_react21.useRef)(null),[w,A]=(0,import_react21.useState)(()=>null),[p,O]=(0,import_react21.useState)(),[D,q]=(0,import_react21.useState)(()=>l?e.getInitialRowTop(t):void 0),[x,E]=(0,import_react21.useState)(()=>l?e.getInitialTransform(t):void 0),S=(0,import_react21.useRef)(null),h=(0,import_react21.useRef)(),y=(0,import_react21.useRef)(!1),[V,M]=(0,import_react21.useState)(0);(0,import_react21.useEffect)(()=>{if(y.current||!p||V>10)return;const L=S.current?.firstChild;L?(e.setupDetailRowAutoHeight(L),y.current=!0):M(ne=>ne+1)},[p,V]);const I=(0,import_react21.useRef)();I.current||(I.current=new import_ag_grid_community17.CssClassManager(()=>S.current));const W=(0,import_react21.useRef)(()=>{}),k=(0,import_react21.useCallback)(L=>(W.current=L,()=>{W.current=()=>{}}),[]),T=agUseSyncExternalStore(k,()=>v.current,[]),F=c?T:w,N=(0,import_react21.useCallback)(L=>{if(S.current=L,i.current=L?r.createBean(new import_ag_grid_community17._EmptyBean):r.destroyBean(i.current),!L){e.unsetComp(t);return}if(!e.isAlive())return;const ne={setTop:q,setTransform:E,toggleCss:(Z,te)=>I.current.toggleCss(Z,te),setDomOrder:Z=>o.current=Z,setRowIndex:b,setRowId:m,setRowBusinessKey:g,setUserStyles:d,setCellCtrls:(Z,te)=>{const oe=v.current,P=getNextValueIfDifferent(oe,Z,o.current);P!==oe&&(v.current=P,c?W.current():agFlushSync(te,()=>A(P)))},showFullWidth:Z=>O(Z),getFullWidthCellRenderer:()=>h.current,refreshFullWidth:Z=>re.current?(O(te=>({...te,params:Z()})),!0):!h.current||!h.current.refresh?!1:h.current.refresh(Z())};e.setComp(ne,L,t,i.current)},[]);(0,import_react21.useLayoutEffect)(()=>showJsComp(p,r,S.current,h),[p]);const _=(0,import_react21.useMemo)(()=>{const L={top:D,transform:x};return Object.assign(L,f),L},[D,x,f]),B=a&&p?.componentFromFramework,H=!a&&F!=null,J=(0,import_react21.useMemo)(()=>!!(p?.componentFromFramework&&isComponentStateless(p.componentClass)),[p]),re=(0,import_react21.useRef)(!1);(0,import_react21.useEffect)(()=>{re.current=J&&!!p&&!!n.get("reactiveCustomComponents")},[J,p]);const ae=()=>F?.map(L=>import_react21.default.createElement(cellComp_default,{cellCtrl:L,editingCell:s?.isEditing(L,{withOpenEditor:!0})??!1,printLayout:e.printLayout,key:L.instanceId})),ie=()=>{const L=p.componentClass;return J?import_react21.default.createElement(L,{...p.params}):import_react21.default.createElement(L,{...p.params,ref:h})};return import_react21.default.createElement("div",{ref:N,role:"row",style:_,"row-index":u,"row-id":C,"row-business-key":R},H?ae():B?ie():null)},rowComp_default=(0,import_react21.memo)(RowComp),RowContainerComp=({name:e})=>{const{context:t,gos:r}=(0,import_react22.useContext)(BeansContext),n=(0,import_react22.useMemo)(()=>(0,import_ag_grid_community18._getRowContainerOptions)(e),[e]),s=(0,import_react22.useRef)(null),c=(0,import_react22.useRef)(null),i=(0,import_react22.useRef)(null),o=(0,import_react22.useRef)([]),a=(0,import_react22.useRef)([]),[l,u]=(0,import_react22.useState)(()=>[]),b=!!r.get("enableCellSpan")&&!!n.getSpannedRowCtrls,C=(0,import_react22.useRef)([]),m=(0,import_react22.useRef)([]),[R,g]=(0,import_react22.useState)(()=>[]),f=(0,import_react22.useRef)(!1),d=(0,import_react22.useRef)(),v=(0,import_react22.useMemo)(()=>classesList("ag-viewport",(0,import_ag_grid_community18._getRowViewportClass)(e)),[e]),w=(0,import_react22.useMemo)(()=>classesList((0,import_ag_grid_community18._getRowContainerClass)(e)),[e]),A=(0,import_react22.useMemo)(()=>classesList("ag-spanning-container",(0,import_ag_grid_community18._getRowSpanContainerClass)(e)),[e]),p=n.type==="center"||b,O=p?s:c;reactComment_default(" AG Row Container "+e+" ",O);const D=(0,import_react22.useCallback)(()=>{const M=!p||s.current!=null,I=c.current!=null,W=!b||i.current!=null;return M&&I&&W},[]),q=(0,import_react22.useCallback)(()=>s.current==null&&c.current==null&&i.current==null,[]),x=(0,import_react22.useCallback)(()=>{if(q()&&(d.current=t.destroyBean(d.current)),D()){const M=k=>{const T=getNextValueIfDifferent(a.current,o.current,f.current);T!==a.current&&(a.current=T,agFlushSync(k,()=>u(T)))},I=k=>{const T=getNextValueIfDifferent(m.current,C.current,f.current);T!==m.current&&(m.current=T,agFlushSync(k,()=>g(T)))},W={setHorizontalScroll:k=>{s.current&&(s.current.scrollLeft=k)},setViewportHeight:k=>{s.current&&(s.current.style.height=k)},setRowCtrls:({rowCtrls:k,useFlushSync:T})=>{const F=!!T&&o.current.length>0&&k.length>0;o.current=k,M(F)},setSpannedRowCtrls:(k,T)=>{const F=!!T&&C.current.length>0&&k.length>0;C.current=k,I(F)},setDomOrder:k=>{f.current!=k&&(f.current=k,M(!1))},setContainerWidth:k=>{c.current&&(c.current.style.width=k)},setOffsetTop:k=>{c.current&&(c.current.style.transform=`translateY(${k})`)}};d.current=t.createBean(new import_ag_grid_community18.RowContainerCtrl(e)),d.current.setComp(W,c.current,i.current??void 0,s.current)}},[D,q]),E=(0,import_react22.useCallback)(M=>{c.current=M,x()},[x]),S=(0,import_react22.useCallback)(M=>{i.current=M,x()},[x]),h=(0,import_react22.useCallback)(M=>{s.current=M,x()},[x]),y=()=>import_react22.default.createElement("div",{className:w,ref:E,role:"rowgroup"},l.map(M=>import_react22.default.createElement(rowComp_default,{rowCtrl:M,containerType:n.type,key:M.instanceId})));if(!p)return y();const V=()=>import_react22.default.createElement("div",{className:A,ref:S,role:"rowgroup"},R.map(M=>import_react22.default.createElement(rowComp_default,{rowCtrl:M,containerType:n.type,key:M.instanceId})));return import_react22.default.createElement("div",{className:v,ref:h,role:"presentation"},y(),b?V():null)},rowContainerComp_default=(0,import_react22.memo)(RowContainerComp),GridBodyComp=()=>{const e=(0,import_react23.useContext)(BeansContext),{context:t,overlays:r}=e,[n,s]=(0,import_react23.useState)(""),[c,i]=(0,import_react23.useState)(0),[o,a]=(0,import_react23.useState)(0),[l,u]=(0,import_react23.useState)("0px"),[b,C]=(0,import_react23.useState)("0px"),[m,R]=(0,import_react23.useState)("100%"),[g,f]=(0,import_react23.useState)("0px"),[d,v]=(0,import_react23.useState)("0px"),[w,A]=(0,import_react23.useState)("100%"),[p,O]=(0,import_react23.useState)(!0),[D,q]=(0,import_react23.useState)(!0),[x,E]=(0,import_react23.useState)(null),[S,h]=(0,import_react23.useState)(""),[y,