@agility-workbench/react-grid 1.1.1 → 1.3.0

package/README.md

@@ -88,6 +88,13 @@ scrolls. `toolbar={{ responsive }}` and `paginationControls={{ responsive }}` ch
 — `"collapse"` (default) walks the ladder, `"scroll"` keeps every control at full size and scrolls,
 `false` lets the bar clip. See the core README for the ladder's order.
 
+`quickFilter` is a live prop — the global search over every visible column. It filters rows by
+default, or set `behavior: "find"` to leave every row in place and highlight matching cells instead,
+with a match counter, `Enter` / `Shift+Enter` stepping, and `showBehaviorToggle` to let the end user
+switch. Reconfiguring the object rebuilds the search box without remounting the grid or losing an
+active search, and the `onQuickFilterFindChanged` prop reports the match count and active match for
+an app-owned counter. See the core README for the match modes and what find can search.
+
 `toolbar.views` adds the saved-view picker. Supply `savedViews={{ views, activeViewId, onChange,
 onActiveViewChange }}` to keep persistence controlled by React state, local storage, or a remote
 service. The grid reports complete updated arrays and does not write to storage itself.

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var Te=Object.create;var w=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Fe=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,Ae=Object.prototype.hasOwnProperty;var xe=(t,e)=>{for(var n in e)w(t,n,{get:e[n],enumerable:!0})},h=(t,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Fe(e))!Ae.call(t,r)&&r!==n&&w(t,r,{get:()=>e[r],enumerable:!(a=be(e,r))||a.enumerable});return t},S=(t,e,n)=>(h(t,e,"default"),n&&h(n,e,"default")),f=(t,e,n)=>(n=t!=null?Te(Ie(t)):{},h(e||!t||!t.__esModule?w(n,"default",{value:t,enumerable:!0}):n,t)),Ge=t=>h(w({},"__esModule",{value:!0}),t);var g={};xe(g,{Grid:()=>ye});module.exports=Ge(g);S(g,require("@agility-workbench/grid"),module.exports);var i=f(require("react"),1),ge=require("@agility-workbench/grid");var R=f(require("react"),1);var ee=require("react-dom"),te=require("react-dom/client"),x=new Set,G=!1;function Oe(){G=!1;let t=Array.from(x);x.clear();for(let e of t)e.unmount()}function De(t){x.add(t),!G&&(G=!0,queueMicrotask(Oe))}var c=class{root;constructor(e){this.root=(0,te.createRoot)(e)}render(e){this.root?.render(e)}renderSync(e){let n=this.root;n&&(0,ee.flushSync)(()=>n.render(e))}destroy(){let e=this.root;e&&(this.root=null,De(e))}};var p=require("@agility-workbench/grid"),le=require("@agility-workbench/grid"),ue=require("@agility-workbench/grid");var O=f(require("react"),1);var ne=new WeakMap;function ke(t){let e=t?.prototype;return typeof t=="function"&&!!e&&typeof e.init=="function"&&typeof e.getGui=="function"}function He(t){return class{el=document.createElement("div");root=null;handle=O.default.createRef();init(n){this.el.style.width="100%",this.el.style.height="100%",this.root=new c(this.el);let a=O.default.createElement(t,{...n,ref:this.handle});this.root.renderSync(a)}getGui(){return this.el}getValue(){return this.handle.current?.getValue()}isParsed(){return this.handle.current?.isParsed?.()??!1}focus(){this.handle.current?.focus?.()}isCancelBeforeStart(){return this.handle.current?.isCancelBeforeStart?.()??!1}destroy(){let n=this.root;this.root=null,n?.destroy()}}}function D(t){if(t==null)return;if(typeof t=="string"||ke(t))return t;let e=ne.get(t);if(e)return e;let n=He(t);return ne.set(t,n),n}var oe=new WeakMap,ie=new WeakMap,re=new WeakMap,ae=new WeakMap;function v(t){return(typeof t=="function"||typeof t=="object")&&t!==null}function Be(t){let e=t.colDef.cellRendererParams;return e==null||typeof e!="object"?t:{...t,...e}}function Ve(t){return class{el=document.createElement("span");root=null;init(n){this.el.style.display="inline-flex",this.el.style.alignItems="center",this.el.style.width="100%",this.el.style.height="100%",this.el.style.overflow="hidden",this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.render(R.default.createElement(t,Be(n)))}}}function M(t){if(!t)return;if(typeof t=="function"&&(0,p.isClassRenderer)(t)||!v(t))return t;let e=oe.get(t);if(e)return e;let n=Ve(t);return oe.set(t,n),n}function Ne(t){let e=t.colDef?.tooltipComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function Le(t){return class{el=document.createElement("div");root=null;init(n){this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.renderSync(R.default.createElement(t,Ne(n)))}}}function P(t){if(!t)return;if(typeof t=="function"&&(0,le.isClassTooltipComponent)(t)||!v(t))return t;let e=ie.get(t);if(e)return e;let n=Le(t);return ie.set(t,n),n}function E(t){if(t)return e=>{let n=t(e);return!n||typeof n.tooltip!="object"||n.tooltip==null?n:{...n,tooltip:{...n.tooltip,component:P(n.tooltip.component)}}}}function ce(t){return t==null||typeof t=="string"?t:P(t)}function ze(t){let e=t.colDef?.actionFrameComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function Ke(t){return class{el=document.createElement("div");root=null;init(n){this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.render(R.default.createElement(t,ze(n)))}}}function de(t){if(!t)return;if(typeof t=="function"&&(0,ue.isClassActionFrameComponent)(t)||!v(t))return t;let e=re.get(t);if(e)return e;let n=Ke(t);return re.set(t,n),n}function We(t){return class{el=document.createElement("span");root=null;init(n){this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.render(R.default.createElement(t,n))}}}function k(t){if(!t)return;if(typeof t=="function"&&(0,p.isClassSetFilterComponent)(t)||!v(t))return t;let e=ae.get(t);if(e)return e;let n=We(t);return ae.set(t,n),n}function se(t){if(t)return{...t,valueComponent:k(t.valueComponent),selectAllComponent:k(t.selectAllComponent),blanksComponent:k(t.blanksComponent)}}function je(t){return{...t,cellRenderer:M(t.cellRenderer),cellEditor:D(t.cellEditor),tooltipComponent:P(t.tooltipComponent),headerTooltip:ce(t.headerTooltip),actionFrameComponent:de(t.actionFrameComponent),filterParams:se(t.filterParams),children:t.children?H(t.children)??void 0:void 0}}function H(t){return t==null?t:t.map(e=>je(e))}function me(t){if(t==null)return;let e={...t};return"cellRenderer"in t&&(e.cellRenderer=M(t.cellRenderer)),"cellEditor"in t&&(e.cellEditor=D(t.cellEditor)),"tooltipComponent"in t&&(e.tooltipComponent=P(t.tooltipComponent)),"headerTooltip"in t&&(e.headerTooltip=ce(t.headerTooltip)),"actionFrameComponent"in t&&(e.actionFrameComponent=de(t.actionFrameComponent)),"filterParams"in t&&(e.filterParams=se(t.filterParams)),e}function o(t,e,n){n!=null&&(t[e]=n)}function Ce(t){let e={};return o(e,"headerHeight",t.headerHeight),o(e,"leafHeaderHeight",t.leafHeaderHeight),o(e,"parentHeaderHeight",t.parentHeaderHeight),o(e,"rowHeight",t.rowHeight),o(e,"pinnedTopRowData",t.pinnedTopRowData),o(e,"pinnedBottomRowData",t.pinnedBottomRowData),o(e,"getRowId",t.getRowId),o(e,"rowIdKey",t.rowIdKey),o(e,"rowDataMode",t.rowDataMode),o(e,"asyncTransactionWaitMs",t.asyncTransactionWaitMs),o(e,"overscanRowCount",t.overscanRowCount),o(e,"minResizeWidth",t.minResizeWidth),o(e,"maxColumnWidth",t.maxColumnWidth),o(e,"pivotMode",t.pivotMode),o(e,"pivotColumns",t.pivotColumns),o(e,"pivotResultColumnDef",t.pivotResultColumnDef),o(e,"maxPivotColumns",t.maxPivotColumns),o(e,"pivotColumnMoveMode",t.pivotColumnMoveMode),o(e,"autosizeColumnsOnDataChange",t.autosizeColumnsOnDataChange),o(e,"allowExportAsCSV",t.allowExportAsCSV),o(e,"allowExportAsExcel",t.allowExportAsExcel),o(e,"pagination",t.pagination),o(e,"paginationControls",t.paginationControls),o(e,"rowNumbers",t.rowNumbers),o(e,"rowHover",t.rowHover),o(e,"columnHover",t.columnHover),o(e,"zebraRows",t.zebraRows),o(e,"getRowClass",t.getRowClass),o(e,"getRowStyle",t.getRowStyle),o(e,"getRowPresentation",E(t.getRowPresentation)),o(e,"onCellClicked",t.onCellClicked),o(e,"onRowClicked",t.onRowClicked),o(e,"onCellValueChanged",t.onCellValueChanged),o(e,"onSelectionChanged",t.onSelectionChanged),o(e,"onSortChanged",t.onSortChanged),o(e,"onFilterChanged",t.onFilterChanged),o(e,"onHistoryChanged",t.onHistoryChanged),o(e,"ariaLabel",t.ariaLabel),o(e,"ariaLabelledBy",t.ariaLabelledBy),o(e,"highlightActiveCell",t.highlightActiveCell),o(e,"rowSelection",t.rowSelection),o(e,"cellSelection",t.cellSelection),o(e,"rangeSelection",t.rangeSelection),o(e,"columnSelection",t.columnSelection),o(e,"headerKeyboardNavigation",t.headerKeyboardNavigation),o(e,"showColumnButtonsOnHover",t.showColumnButtonsOnHover),o(e,"selectAllRowsOnHeaderClick",t.selectAllRowsOnHeaderClick),o(e,"selectAllScope",t.selectAllScope),o(e,"selectionPersistence",t.selectionPersistence),o(e,"clearSelectionOnBodyClick",t.clearSelectionOnBodyClick),o(e,"resetPageOn",t.resetPageOn),o(e,"pageSize",t.pageSize),o(e,"pageSizes",t.pageSizes),o(e,"serverSideBlockSize",t.serverSideBlockSize),o(e,"rowModelType",t.rowModelType),o(e,"getGroupChildCount",t.getGroupChildCount),o(e,"paginationUnknownTotalTooltip",t.paginationUnknownTotalTooltip),o(e,"undoLimit",t.undoLimit),o(e,"editTrigger",t.editTrigger),o(e,"readOnlyEdit",t.readOnlyEdit),o(e,"initialSort",t.initialSort),o(e,"showSortPriority",t.showSortPriority),o(e,"pinnedRowsEditable",t.pinnedRowsEditable),o(e,"rowPinningMenu",t.rowPinningMenu),o(e,"rowInsertionMenu",t.rowInsertionMenu),o(e,"suppressKeyboardEdit",t.suppressKeyboardEdit),o(e,"suppressTypeToEdit",t.suppressTypeToEdit),o(e,"moveAfterEdit",t.moveAfterEdit),o(e,"commitOnBlur",t.commitOnBlur),o(e,"reevaluateOnEdit",t.reevaluateOnEdit),o(e,"groupDisplayType",t.groupDisplayType),o(e,"groupColumnDef",t.groupColumnDef),o(e,"groupDefaultExpanded",t.groupDefaultExpanded),o(e,"groupSortMode",t.groupSortMode),o(e,"treeData",t.treeData),o(e,"groupRowsSelectable",t.groupRowsSelectable),o(e,"isRowSelectable",t.isRowSelectable),o(e,"isRowPinned",t.isRowPinned),o(e,"groupRowsSticky",t.groupRowsSticky),o(e,"isFullWidthRow",t.isFullWidthRow),o(e,"tooltip",t.tooltip),o(e,"quickFilter",t.quickFilter),o(e,"columnPanel",t.columnPanel),o(e,"toolbar",t.toolbar),o(e,"savedViews",t.savedViews),o(e,"sheets",t.sheets),o(e,"loadingMessage",t.loadingMessage),o(e,"noRowsMessage",t.noRowsMessage),o(e,"pivotNoValuesMessage",t.pivotNoValuesMessage),o(e,"pivotEmptyMessage",t.pivotEmptyMessage),o(e,"filterDebounceMs",t.filterDebounceMs),o(e,"cellFlashDuration",t.cellFlashDuration),o(e,"cellFadeDuration",t.cellFadeDuration),o(e,"icons",t.icons),o(e,"theme",t.theme),t.fullWidthCellRenderer!=null&&(e.fullWidthCellRenderer=M(t.fullWidthCellRenderer)),t.defaultColDef!=null&&(e.defaultColDef=me(t.defaultColDef)),t.bodyContextMenu===!1&&(e.bodyContextMenu=!1),t.rowModelType==="serverSide"&&(o(e,"serverSideDataSource",t.serverSideDataSource),o(e,"serverSideAggregationSource",t.serverSideAggregationSource)),o(e,"suppressStyleInjection",t.suppressStyleInjection),o(e,"styleNonce",t.styleNonce),e}var fe=f(require("react"),1);var T=class{constructor(e){this.opts=e}resolveMenuItems(e,n){let a=[],r=n,d=this.opts.getBodyMenuItems?this.opts.getBodyMenuItems({ctx:e,items:r}):r;return{items:this.normalizeItems(d,a),cleanup:()=>{for(let C of a)C()}}}normalizeItems(e,n){return e.map(a=>{if(a.isSeparator)return{isSeparator:!0};let r=this.normalizeSlot(a.left,n),d=this.normalizeSlot(a.right,n);return{...a,left:r,right:d,subMenu:a.subMenu?this.normalizeItems(a.subMenu,n):void 0}})}normalizeSlot(e,n){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(fe.default.isValidElement(e)){let{el:a,unmount:r}=this.mountReact(e);return n.push(r),a}}}mountReact(e){let n=document.createElement("span");n.style.display="inline-flex",n.style.alignItems="center";let a=new c(n);return a.render(e),{el:n,unmount:()=>a.destroy()}}};var Re=f(require("react"),1);var b=class{constructor(e){this.opts=e}resolveMenuItems(e,n){let a=[],r=n,d=this.opts.getColumnMenuItems?this.opts.getColumnMenuItems({ctx:e,items:r}):r;return{items:this.normalizeItems(d,a),cleanup:()=>{for(let C of a)C()}}}normalizeItems(e,n){return e.map(a=>{if(a.isSeparator)return{isSeparator:!0};let r=this.normalizeSlot(a.left,n),d=this.normalizeSlot(a.right,n);return{...a,left:r,right:d,subMenu:a.subMenu?this.normalizeItems(a.subMenu,n):void 0}})}normalizeSlot(e,n){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(Re.default.isValidElement(e)){let{el:a,unmount:r}=this.mountReact(e);return n.push(r),a}}}mountReact(e){let n=document.createElement("span");n.style.display="inline-flex",n.style.alignItems="center";let a=new c(n);return a.render(e),{el:n,unmount:()=>a.destroy()}}};var he=require("react/jsx-runtime");function m(t,e){if(t){if(typeof t=="function"){t(e);return}t.current=e}}function qe(t){if(!t.destroyed){t.destroyed=!0;try{t.api.destroy()}catch{}}}var ye=i.default.forwardRef(function(e,n){let a=(0,i.useRef)(null),r=(0,i.useRef)(null),d=(0,i.useRef)(e.onGridReady),y=(0,i.useRef)(e.getColumnMenuItems),C=(0,i.useRef)(e.bodyContextMenu),B=(0,i.useRef)(e.onCellClicked),V=(0,i.useRef)(e.onRowClicked),N=(0,i.useRef)(e.onCellValueChanged),L=(0,i.useRef)(e.onSelectionChanged),z=(0,i.useRef)(e.onSortChanged),K=(0,i.useRef)(e.onFilterChanged),W=(0,i.useRef)(e.onHistoryChanged),j=(0,i.useRef)(e.onBeforeCellCommit);d.current=e.onGridReady,y.current=e.getColumnMenuItems,C.current=e.bodyContextMenu,B.current=e.onCellClicked,V.current=e.onRowClicked,N.current=e.onCellValueChanged,L.current=e.onSelectionChanged,z.current=e.onSortChanged,K.current=e.onFilterChanged,W.current=e.onHistoryChanged,j.current=e.onBeforeCellCommit,(0,i.useLayoutEffect)(()=>{let l=a.current;if(!l)return;let s=Ce(e);s.onCellClicked=u=>B.current?.(u),s.onRowClicked=u=>V.current?.(u),s.onCellValueChanged=u=>N.current?.(u),s.onSelectionChanged=u=>L.current?.(u),s.onSortChanged=u=>z.current?.(u),s.onFilterChanged=u=>K.current?.(u),s.onHistoryChanged=u=>W.current?.(u),s.onBeforeCellCommit=u=>j.current?.(u);let I=(0,ge.createGrid)(l,{...s,menuAdapter:new b({getColumnMenuItems:u=>y.current?.(u)??u.items}),bodyMenuAdapter:new T({getBodyMenuItems:u=>{let $=C.current;return typeof $=="function"?$(u):u.items}})}),A={api:I,destroyed:!1};return r.current=A,m(n,I),m(e.apiRef,I),()=>{r.current===A&&(r.current=null),m(n,null),m(e.apiRef,null),qe(A)}},[]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api??null;return m(n,l),m(e.apiRef,l),()=>{m(n,null),m(e.apiRef,null)}},[n,e.apiRef]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api;l&&l.updateGridOptions({columnDefs:H(e.columnDefs)})},[e.columnDefs]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api;l&&e.rowModelType!=="serverSide"&&l.setRowData(e.rowData??e.data??[])},[e.data,e.rowData,e.rowModelType]);let F=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let l=r.current;if(!(!l||F.current===l))return F.current=l,d.current?.(l.api),()=>{F.current=null}},[]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({groupDisplayType:e.groupDisplayType})},[e.groupDisplayType]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({groupSortMode:e.groupSortMode})},[e.groupSortMode]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({groupRowsSelectable:e.groupRowsSelectable})},[e.groupRowsSelectable]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({pivotColumnMoveMode:e.pivotColumnMoveMode})},[e.pivotColumnMoveMode]);let q=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!q.current){q.current=!0;return}e.pivotMode!=null&&r.current?.api.setPivotMode(e.pivotMode)},[e.pivotMode]);let we=JSON.stringify(e.pivotColumns??null),U=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!U.current){U.current=!0;return}e.pivotColumns!=null&&r.current?.api.setPivotColumns(e.pivotColumns)},[we]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({isRowSelectable:e.isRowSelectable})},[e.isRowSelectable]);let Se=JSON.stringify(e.rowSelection??null),J=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!J.current){J.current=!0;return}r.current?.api.updateGridOptions({rowSelection:e.rowSelection})},[Se]),(0,i.useLayoutEffect)(()=>{r.current?.api.setTreeDataKeyboardNavigationOptions({keyboardNavigationMode:e.treeData?.keyboardNavigationMode,enableKeyboardNavigationModeSwitch:e.treeData?.enableKeyboardNavigationModeSwitch??!1})},[e.treeData?.keyboardNavigationMode,e.treeData?.enableKeyboardNavigationModeSwitch]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({pinnedTopRowData:e.pinnedTopRowData,pinnedBottomRowData:e.pinnedBottomRowData,isRowPinned:e.isRowPinned,groupRowsSticky:e.groupRowsSticky})},[e.pinnedTopRowData,e.pinnedBottomRowData,e.isRowPinned,e.groupRowsSticky]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({rowHover:e.rowHover??!0,columnHover:e.columnHover??!1,zebraRows:e.zebraRows??!1,getRowClass:e.getRowClass,getRowStyle:e.getRowStyle,getRowPresentation:E(e.getRowPresentation),ariaLabel:e.ariaLabel,ariaLabelledBy:e.ariaLabelledBy,highlightActiveCell:e.highlightActiveCell??!1,cellSelection:e.cellSelection??!0,rangeSelection:e.rangeSelection??!0,columnSelection:e.columnSelection??!0,headerKeyboardNavigation:e.headerKeyboardNavigation??!0,showColumnButtonsOnHover:e.showColumnButtonsOnHover??!1,bodyContextMenu:e.bodyContextMenu!==!1,editTrigger:e.editTrigger??"doubleClick",readOnlyEdit:e.readOnlyEdit??!1,pinnedRowsEditable:e.pinnedRowsEditable??!1,rowPinningMenu:e.rowPinningMenu??!1,rowInsertionMenu:e.rowInsertionMenu,suppressKeyboardEdit:e.suppressKeyboardEdit??!1,suppressTypeToEdit:e.suppressTypeToEdit??!1,moveAfterEdit:e.moveAfterEdit??!0,commitOnBlur:e.commitOnBlur??!0,asyncTransactionWaitMs:e.asyncTransactionWaitMs??16})},[e.rowHover,e.columnHover,e.zebraRows,e.getRowClass,e.getRowStyle,e.getRowPresentation,e.ariaLabel,e.ariaLabelledBy,e.highlightActiveCell,e.cellSelection,e.rangeSelection,e.columnSelection,e.headerKeyboardNavigation,e.showColumnButtonsOnHover,e.bodyContextMenu,e.editTrigger,e.readOnlyEdit,e.pinnedRowsEditable,e.rowPinningMenu,e.rowInsertionMenu,e.suppressKeyboardEdit,e.suppressTypeToEdit,e.moveAfterEdit,e.commitOnBlur,e.asyncTransactionWaitMs]),(0,i.useLayoutEffect)(()=>{let l=r.current;!l||e.rowModelType!=="serverSide"||e.serverSideDataSource&&l.api.updateGridOptions({serverSideDataSource:e.serverSideDataSource})},[e.rowModelType,e.serverSideDataSource]),(0,i.useLayoutEffect)(()=>{let l=r.current;!l||e.rowModelType!=="serverSide"||e.serverSideAggregationSource&&l.api.updateGridOptions({serverSideAggregationSource:e.serverSideAggregationSource})},[e.rowModelType,e.serverSideAggregationSource]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api;l&&l.dispatch({type:"overlayShow",overlayType:e.loading?"loading":"none"})},[e.loading]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({pagination:e.pagination})},[e.pagination]);let pe=JSON.stringify(e.paginationControls??null),_=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!_.current){_.current=!0;return}r.current?.api.updateGridOptions({paginationControls:e.paginationControls})},[pe]);let ve=JSON.stringify(e.quickFilter??null),Y=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!Y.current){Y.current=!0;return}r.current?.api.updateGridOptions({quickFilter:e.quickFilter})},[ve]);let Me=JSON.stringify(e.tooltip??null),Q=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!Q.current){Q.current=!0;return}r.current?.api.updateGridOptions({tooltip:e.tooltip})},[Me]);let Pe=JSON.stringify(e.columnPanel??null),X=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!X.current){X.current=!0;return}r.current?.api.updateGridOptions({columnPanel:e.columnPanel})},[Pe]);let Ee=JSON.stringify(e.toolbar??null),Z=(0,i.useRef)(!1);return(0,i.useLayoutEffect)(()=>{if(!Z.current){Z.current=!0;return}r.current?.api.updateGridOptions({toolbar:e.toolbar})},[Ee]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({savedViews:e.savedViews})},[e.savedViews]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({sheets:e.sheets})},[e.sheets]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({theme:e.theme,icons:{...e.theme?.getIcons(),...e.icons}})},[e.theme,e.icons]),(0,he.jsx)("div",{ref:a,className:e.className,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",...e.style}})});0&&(module.exports={Grid,...require("@agility-workbench/grid")});
+"use strict";var Fe=Object.create;var S=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,xe=Object.prototype.hasOwnProperty;var De=(t,e)=>{for(var n in e)S(t,n,{get:e[n],enumerable:!0})},h=(t,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Ie(e))!xe.call(t,r)&&r!==n&&S(t,r,{get:()=>e[r],enumerable:!(a=be(e,r))||a.enumerable});return t},w=(t,e,n)=>(h(t,e,"default"),n&&h(n,e,"default")),f=(t,e,n)=>(n=t!=null?Fe(Ae(t)):{},h(e||!t||!t.__esModule?S(n,"default",{value:t,enumerable:!0}):n,t)),Ge=t=>h(S({},"__esModule",{value:!0}),t);var g={};De(g,{Grid:()=>he});module.exports=Ge(g);w(g,require("@agility-workbench/grid"),module.exports);var i=f(require("react"),1),ye=require("@agility-workbench/grid");var R=f(require("react"),1);var te=require("react-dom"),ne=require("react-dom/client"),x=new Set,D=!1;function Oe(){D=!1;let t=Array.from(x);x.clear();for(let e of t)e.unmount()}function ke(t){x.add(t),!D&&(D=!0,queueMicrotask(Oe))}var c=class{root;constructor(e){this.root=(0,ne.createRoot)(e)}render(e){this.root?.render(e)}renderSync(e){let n=this.root;n&&(0,te.flushSync)(()=>n.render(e))}destroy(){let e=this.root;e&&(this.root=null,ke(e))}};var v=require("@agility-workbench/grid"),ue=require("@agility-workbench/grid"),ce=require("@agility-workbench/grid");var G=f(require("react"),1);var oe=new WeakMap;function He(t){let e=t?.prototype;return typeof t=="function"&&!!e&&typeof e.init=="function"&&typeof e.getGui=="function"}function Be(t){return class{el=document.createElement("div");root=null;handle=G.default.createRef();init(n){this.el.style.width="100%",this.el.style.height="100%",this.root=new c(this.el);let a=G.default.createElement(t,{...n,ref:this.handle});this.root.renderSync(a)}getGui(){return this.el}getValue(){return this.handle.current?.getValue()}isParsed(){return this.handle.current?.isParsed?.()??!1}focus(){this.handle.current?.focus?.()}isCancelBeforeStart(){return this.handle.current?.isCancelBeforeStart?.()??!1}destroy(){let n=this.root;this.root=null,n?.destroy()}}}function O(t){if(t==null)return;if(typeof t=="string"||He(t))return t;let e=oe.get(t);if(e)return e;let n=Be(t);return oe.set(t,n),n}var ie=new WeakMap,re=new WeakMap,ae=new WeakMap,le=new WeakMap;function p(t){return(typeof t=="function"||typeof t=="object")&&t!==null}function Ve(t){let e=t.colDef.cellRendererParams;return e==null||typeof e!="object"?t:{...t,...e}}function Ne(t){return class{el=document.createElement("span");root=null;init(n){this.el.style.display="inline-flex",this.el.style.alignItems="center",this.el.style.width="100%",this.el.style.height="100%",this.el.style.overflow="hidden",this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.render(R.default.createElement(t,Ve(n)))}}}function M(t){if(!t)return;if(typeof t=="function"&&(0,v.isClassRenderer)(t)||!p(t))return t;let e=ie.get(t);if(e)return e;let n=Ne(t);return ie.set(t,n),n}function Le(t){let e=t.colDef?.tooltipComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function ze(t){return class{el=document.createElement("div");root=null;init(n){this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.renderSync(R.default.createElement(t,Le(n)))}}}function P(t){if(!t)return;if(typeof t=="function"&&(0,ue.isClassTooltipComponent)(t)||!p(t))return t;let e=re.get(t);if(e)return e;let n=ze(t);return re.set(t,n),n}function E(t){if(t)return e=>{let n=t(e);return!n||typeof n.tooltip!="object"||n.tooltip==null?n:{...n,tooltip:{...n.tooltip,component:P(n.tooltip.component)}}}}function de(t){return t==null||typeof t=="string"?t:P(t)}function Ke(t){let e=t.colDef?.actionFrameComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function We(t){return class{el=document.createElement("div");root=null;init(n){this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.render(R.default.createElement(t,Ke(n)))}}}function se(t){if(!t)return;if(typeof t=="function"&&(0,ce.isClassActionFrameComponent)(t)||!p(t))return t;let e=ae.get(t);if(e)return e;let n=We(t);return ae.set(t,n),n}function je(t){return class{el=document.createElement("span");root=null;init(n){this.root=new c(this.el),this.render(n)}getGui(){return this.el}refresh(n){return this.render(n),!0}destroy(){this.root?.destroy(),this.root=null}render(n){this.root?.render(R.default.createElement(t,n))}}}function k(t){if(!t)return;if(typeof t=="function"&&(0,v.isClassSetFilterComponent)(t)||!p(t))return t;let e=le.get(t);if(e)return e;let n=je(t);return le.set(t,n),n}function me(t){if(t)return{...t,valueComponent:k(t.valueComponent),selectAllComponent:k(t.selectAllComponent),blanksComponent:k(t.blanksComponent)}}function qe(t){return{...t,cellRenderer:M(t.cellRenderer),cellEditor:O(t.cellEditor),tooltipComponent:P(t.tooltipComponent),headerTooltip:de(t.headerTooltip),actionFrameComponent:se(t.actionFrameComponent),filterParams:me(t.filterParams),children:t.children?H(t.children)??void 0:void 0}}function H(t){return t==null?t:t.map(e=>qe(e))}function Ce(t){if(t==null)return;let e={...t};return"cellRenderer"in t&&(e.cellRenderer=M(t.cellRenderer)),"cellEditor"in t&&(e.cellEditor=O(t.cellEditor)),"tooltipComponent"in t&&(e.tooltipComponent=P(t.tooltipComponent)),"headerTooltip"in t&&(e.headerTooltip=de(t.headerTooltip)),"actionFrameComponent"in t&&(e.actionFrameComponent=se(t.actionFrameComponent)),"filterParams"in t&&(e.filterParams=me(t.filterParams)),e}function o(t,e,n){n!=null&&(t[e]=n)}function fe(t){let e={};return o(e,"headerHeight",t.headerHeight),o(e,"leafHeaderHeight",t.leafHeaderHeight),o(e,"parentHeaderHeight",t.parentHeaderHeight),o(e,"rowHeight",t.rowHeight),o(e,"pinnedTopRowData",t.pinnedTopRowData),o(e,"pinnedBottomRowData",t.pinnedBottomRowData),o(e,"getRowId",t.getRowId),o(e,"rowIdKey",t.rowIdKey),o(e,"rowDataMode",t.rowDataMode),o(e,"asyncTransactionWaitMs",t.asyncTransactionWaitMs),o(e,"overscanRowCount",t.overscanRowCount),o(e,"minResizeWidth",t.minResizeWidth),o(e,"maxColumnWidth",t.maxColumnWidth),o(e,"pivotMode",t.pivotMode),o(e,"pivotColumns",t.pivotColumns),o(e,"pivotResultColumnDef",t.pivotResultColumnDef),o(e,"maxPivotColumns",t.maxPivotColumns),o(e,"pivotColumnMoveMode",t.pivotColumnMoveMode),o(e,"autosizeColumnsOnDataChange",t.autosizeColumnsOnDataChange),o(e,"allowExportAsCSV",t.allowExportAsCSV),o(e,"allowExportAsExcel",t.allowExportAsExcel),o(e,"pagination",t.pagination),o(e,"paginationControls",t.paginationControls),o(e,"rowNumbers",t.rowNumbers),o(e,"rowHover",t.rowHover),o(e,"columnHover",t.columnHover),o(e,"zebraRows",t.zebraRows),o(e,"getRowClass",t.getRowClass),o(e,"getRowStyle",t.getRowStyle),o(e,"getRowPresentation",E(t.getRowPresentation)),o(e,"onCellClicked",t.onCellClicked),o(e,"onRowClicked",t.onRowClicked),o(e,"onCellValueChanged",t.onCellValueChanged),o(e,"onSelectionChanged",t.onSelectionChanged),o(e,"onSortChanged",t.onSortChanged),o(e,"onFilterChanged",t.onFilterChanged),o(e,"onQuickFilterFindChanged",t.onQuickFilterFindChanged),o(e,"onHistoryChanged",t.onHistoryChanged),o(e,"ariaLabel",t.ariaLabel),o(e,"ariaLabelledBy",t.ariaLabelledBy),o(e,"highlightActiveCell",t.highlightActiveCell),o(e,"rowSelection",t.rowSelection),o(e,"cellSelection",t.cellSelection),o(e,"rangeSelection",t.rangeSelection),o(e,"columnSelection",t.columnSelection),o(e,"headerKeyboardNavigation",t.headerKeyboardNavigation),o(e,"showColumnButtonsOnHover",t.showColumnButtonsOnHover),o(e,"selectAllRowsOnHeaderClick",t.selectAllRowsOnHeaderClick),o(e,"selectAllScope",t.selectAllScope),o(e,"selectionPersistence",t.selectionPersistence),o(e,"clearSelectionOnBodyClick",t.clearSelectionOnBodyClick),o(e,"resetPageOn",t.resetPageOn),o(e,"pageSize",t.pageSize),o(e,"pageSizes",t.pageSizes),o(e,"serverSideBlockSize",t.serverSideBlockSize),o(e,"rowModelType",t.rowModelType),o(e,"getGroupChildCount",t.getGroupChildCount),o(e,"paginationUnknownTotalTooltip",t.paginationUnknownTotalTooltip),o(e,"undoLimit",t.undoLimit),o(e,"editTrigger",t.editTrigger),o(e,"readOnlyEdit",t.readOnlyEdit),o(e,"initialSort",t.initialSort),o(e,"showSortPriority",t.showSortPriority),o(e,"pinnedRowsEditable",t.pinnedRowsEditable),o(e,"rowPinningMenu",t.rowPinningMenu),o(e,"rowInsertionMenu",t.rowInsertionMenu),o(e,"suppressKeyboardEdit",t.suppressKeyboardEdit),o(e,"suppressTypeToEdit",t.suppressTypeToEdit),o(e,"moveAfterEdit",t.moveAfterEdit),o(e,"commitOnBlur",t.commitOnBlur),o(e,"reevaluateOnEdit",t.reevaluateOnEdit),o(e,"groupDisplayType",t.groupDisplayType),o(e,"groupColumnDef",t.groupColumnDef),o(e,"groupDefaultExpanded",t.groupDefaultExpanded),o(e,"groupSortMode",t.groupSortMode),o(e,"treeData",t.treeData),o(e,"groupRowsSelectable",t.groupRowsSelectable),o(e,"isRowSelectable",t.isRowSelectable),o(e,"isRowPinned",t.isRowPinned),o(e,"groupRowsSticky",t.groupRowsSticky),o(e,"isFullWidthRow",t.isFullWidthRow),o(e,"tooltip",t.tooltip),o(e,"quickFilter",t.quickFilter),o(e,"columnPanel",t.columnPanel),o(e,"toolbar",t.toolbar),o(e,"savedViews",t.savedViews),o(e,"sheets",t.sheets),o(e,"loadingMessage",t.loadingMessage),o(e,"noRowsMessage",t.noRowsMessage),o(e,"pivotNoValuesMessage",t.pivotNoValuesMessage),o(e,"pivotEmptyMessage",t.pivotEmptyMessage),o(e,"filterDebounceMs",t.filterDebounceMs),o(e,"cellFlashDuration",t.cellFlashDuration),o(e,"cellFadeDuration",t.cellFadeDuration),o(e,"icons",t.icons),o(e,"theme",t.theme),t.fullWidthCellRenderer!=null&&(e.fullWidthCellRenderer=M(t.fullWidthCellRenderer)),t.defaultColDef!=null&&(e.defaultColDef=Ce(t.defaultColDef)),t.bodyContextMenu===!1&&(e.bodyContextMenu=!1),t.rowModelType==="serverSide"&&(o(e,"serverSideDataSource",t.serverSideDataSource),o(e,"serverSideAggregationSource",t.serverSideAggregationSource)),o(e,"suppressStyleInjection",t.suppressStyleInjection),o(e,"styleNonce",t.styleNonce),e}var Re=f(require("react"),1);var T=class{constructor(e){this.opts=e}resolveMenuItems(e,n){let a=[],r=n,s=this.opts.getBodyMenuItems?this.opts.getBodyMenuItems({ctx:e,items:r}):r;return{items:this.normalizeItems(s,a),cleanup:()=>{for(let C of a)C()}}}normalizeItems(e,n){return e.map(a=>{if(a.isSeparator)return{isSeparator:!0};let r=this.normalizeSlot(a.left,n),s=this.normalizeSlot(a.right,n);return{...a,left:r,right:s,subMenu:a.subMenu?this.normalizeItems(a.subMenu,n):void 0}})}normalizeSlot(e,n){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(Re.default.isValidElement(e)){let{el:a,unmount:r}=this.mountReact(e);return n.push(r),a}}}mountReact(e){let n=document.createElement("span");n.style.display="inline-flex",n.style.alignItems="center";let a=new c(n);return a.render(e),{el:n,unmount:()=>a.destroy()}}};var ge=f(require("react"),1);var F=class{constructor(e){this.opts=e}resolveMenuItems(e,n){let a=[],r=n,s=this.opts.getColumnMenuItems?this.opts.getColumnMenuItems({ctx:e,items:r}):r;return{items:this.normalizeItems(s,a),cleanup:()=>{for(let C of a)C()}}}normalizeItems(e,n){return e.map(a=>{if(a.isSeparator)return{isSeparator:!0};let r=this.normalizeSlot(a.left,n),s=this.normalizeSlot(a.right,n);return{...a,left:r,right:s,subMenu:a.subMenu?this.normalizeItems(a.subMenu,n):void 0}})}normalizeSlot(e,n){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(ge.default.isValidElement(e)){let{el:a,unmount:r}=this.mountReact(e);return n.push(r),a}}}mountReact(e){let n=document.createElement("span");n.style.display="inline-flex",n.style.alignItems="center";let a=new c(n);return a.render(e),{el:n,unmount:()=>a.destroy()}}};var Se=require("react/jsx-runtime");function m(t,e){if(t){if(typeof t=="function"){t(e);return}t.current=e}}function Ue(t){if(!t.destroyed){t.destroyed=!0;try{t.api.destroy()}catch{}}}var he=i.default.forwardRef(function(e,n){let a=(0,i.useRef)(null),r=(0,i.useRef)(null),s=(0,i.useRef)(e.onGridReady),y=(0,i.useRef)(e.getColumnMenuItems),C=(0,i.useRef)(e.bodyContextMenu),B=(0,i.useRef)(e.onCellClicked),V=(0,i.useRef)(e.onRowClicked),N=(0,i.useRef)(e.onCellValueChanged),L=(0,i.useRef)(e.onSelectionChanged),z=(0,i.useRef)(e.onSortChanged),K=(0,i.useRef)(e.onFilterChanged),W=(0,i.useRef)(e.onQuickFilterFindChanged),j=(0,i.useRef)(e.onHistoryChanged),q=(0,i.useRef)(e.onBeforeCellCommit);s.current=e.onGridReady,y.current=e.getColumnMenuItems,C.current=e.bodyContextMenu,B.current=e.onCellClicked,V.current=e.onRowClicked,N.current=e.onCellValueChanged,L.current=e.onSelectionChanged,z.current=e.onSortChanged,K.current=e.onFilterChanged,W.current=e.onQuickFilterFindChanged,j.current=e.onHistoryChanged,q.current=e.onBeforeCellCommit,(0,i.useLayoutEffect)(()=>{let l=a.current;if(!l)return;let d=fe(e);d.onCellClicked=u=>B.current?.(u),d.onRowClicked=u=>V.current?.(u),d.onCellValueChanged=u=>N.current?.(u),d.onSelectionChanged=u=>L.current?.(u),d.onSortChanged=u=>z.current?.(u),d.onFilterChanged=u=>K.current?.(u),d.onQuickFilterFindChanged=u=>W.current?.(u),d.onHistoryChanged=u=>j.current?.(u),d.onBeforeCellCommit=u=>q.current?.(u);let I=(0,ye.createGrid)(l,{...d,menuAdapter:new F({getColumnMenuItems:u=>y.current?.(u)??u.items}),bodyMenuAdapter:new T({getBodyMenuItems:u=>{let ee=C.current;return typeof ee=="function"?ee(u):u.items}})}),A={api:I,destroyed:!1,appliedServerSideDataSource:d.serverSideDataSource};return r.current=A,m(n,I),m(e.apiRef,I),()=>{r.current===A&&(r.current=null),m(n,null),m(e.apiRef,null),Ue(A)}},[]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api??null;return m(n,l),m(e.apiRef,l),()=>{m(n,null),m(e.apiRef,null)}},[n,e.apiRef]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api;l&&l.updateGridOptions({columnDefs:H(e.columnDefs)})},[e.columnDefs]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api;l&&e.rowModelType!=="serverSide"&&l.setRowData(e.rowData??e.data??[])},[e.data,e.rowData,e.rowModelType]);let b=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let l=r.current;if(!(!l||b.current===l))return b.current=l,s.current?.(l.api),()=>{b.current=null}},[]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({groupDisplayType:e.groupDisplayType})},[e.groupDisplayType]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({groupSortMode:e.groupSortMode})},[e.groupSortMode]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({groupRowsSelectable:e.groupRowsSelectable})},[e.groupRowsSelectable]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({pivotColumnMoveMode:e.pivotColumnMoveMode})},[e.pivotColumnMoveMode]);let U=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!U.current){U.current=!0;return}e.pivotMode!=null&&r.current?.api.setPivotMode(e.pivotMode)},[e.pivotMode]);let we=JSON.stringify(e.pivotColumns??null),J=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!J.current){J.current=!0;return}e.pivotColumns!=null&&r.current?.api.setPivotColumns(e.pivotColumns)},[we]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({isRowSelectable:e.isRowSelectable})},[e.isRowSelectable]);let ve=JSON.stringify(e.rowSelection??null),Q=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!Q.current){Q.current=!0;return}r.current?.api.updateGridOptions({rowSelection:e.rowSelection})},[ve]),(0,i.useLayoutEffect)(()=>{r.current?.api.setTreeDataKeyboardNavigationOptions({keyboardNavigationMode:e.treeData?.keyboardNavigationMode,enableKeyboardNavigationModeSwitch:e.treeData?.enableKeyboardNavigationModeSwitch??!1})},[e.treeData?.keyboardNavigationMode,e.treeData?.enableKeyboardNavigationModeSwitch]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({pinnedTopRowData:e.pinnedTopRowData,pinnedBottomRowData:e.pinnedBottomRowData,isRowPinned:e.isRowPinned,groupRowsSticky:e.groupRowsSticky})},[e.pinnedTopRowData,e.pinnedBottomRowData,e.isRowPinned,e.groupRowsSticky]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({rowHover:e.rowHover??!0,columnHover:e.columnHover??!1,zebraRows:e.zebraRows??!1,getRowClass:e.getRowClass,getRowStyle:e.getRowStyle,getRowPresentation:E(e.getRowPresentation),ariaLabel:e.ariaLabel,ariaLabelledBy:e.ariaLabelledBy,highlightActiveCell:e.highlightActiveCell??!1,cellSelection:e.cellSelection??!0,rangeSelection:e.rangeSelection??!0,columnSelection:e.columnSelection??!0,headerKeyboardNavigation:e.headerKeyboardNavigation??!0,showColumnButtonsOnHover:e.showColumnButtonsOnHover??!1,bodyContextMenu:e.bodyContextMenu!==!1,editTrigger:e.editTrigger??"doubleClick",readOnlyEdit:e.readOnlyEdit??!1,pinnedRowsEditable:e.pinnedRowsEditable??!1,rowPinningMenu:e.rowPinningMenu??!1,rowInsertionMenu:e.rowInsertionMenu,suppressKeyboardEdit:e.suppressKeyboardEdit??!1,suppressTypeToEdit:e.suppressTypeToEdit??!1,moveAfterEdit:e.moveAfterEdit??!0,commitOnBlur:e.commitOnBlur??!0,asyncTransactionWaitMs:e.asyncTransactionWaitMs??16})},[e.rowHover,e.columnHover,e.zebraRows,e.getRowClass,e.getRowStyle,e.getRowPresentation,e.ariaLabel,e.ariaLabelledBy,e.highlightActiveCell,e.cellSelection,e.rangeSelection,e.columnSelection,e.headerKeyboardNavigation,e.showColumnButtonsOnHover,e.bodyContextMenu,e.editTrigger,e.readOnlyEdit,e.pinnedRowsEditable,e.rowPinningMenu,e.rowInsertionMenu,e.suppressKeyboardEdit,e.suppressTypeToEdit,e.moveAfterEdit,e.commitOnBlur,e.asyncTransactionWaitMs]),(0,i.useLayoutEffect)(()=>{let l=r.current;!l||e.rowModelType!=="serverSide"||e.serverSideDataSource&&e.serverSideDataSource!==l.appliedServerSideDataSource&&(l.appliedServerSideDataSource=e.serverSideDataSource,l.api.updateGridOptions({serverSideDataSource:e.serverSideDataSource}))},[e.rowModelType,e.serverSideDataSource]),(0,i.useLayoutEffect)(()=>{let l=r.current;!l||e.rowModelType!=="serverSide"||e.serverSideAggregationSource&&l.api.updateGridOptions({serverSideAggregationSource:e.serverSideAggregationSource})},[e.rowModelType,e.serverSideAggregationSource]),(0,i.useLayoutEffect)(()=>{let l=r.current?.api;l&&l.dispatch({type:"overlayShow",overlayType:e.loading?"loading":"none"})},[e.loading]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({pagination:e.pagination})},[e.pagination]);let pe=JSON.stringify(e.paginationControls??null),_=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!_.current){_.current=!0;return}r.current?.api.updateGridOptions({paginationControls:e.paginationControls})},[pe]);let Me=JSON.stringify(e.quickFilter??null),Y=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!Y.current){Y.current=!0;return}r.current?.api.updateGridOptions({quickFilter:e.quickFilter})},[Me]);let Pe=JSON.stringify(e.tooltip??null),X=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!X.current){X.current=!0;return}r.current?.api.updateGridOptions({tooltip:e.tooltip})},[Pe]);let Ee=JSON.stringify(e.columnPanel??null),Z=(0,i.useRef)(!1);(0,i.useLayoutEffect)(()=>{if(!Z.current){Z.current=!0;return}r.current?.api.updateGridOptions({columnPanel:e.columnPanel})},[Ee]);let Te=JSON.stringify(e.toolbar??null),$=(0,i.useRef)(!1);return(0,i.useLayoutEffect)(()=>{if(!$.current){$.current=!0;return}r.current?.api.updateGridOptions({toolbar:e.toolbar})},[Te]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({savedViews:e.savedViews})},[e.savedViews]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({sheets:e.sheets})},[e.sheets]),(0,i.useLayoutEffect)(()=>{r.current?.api.updateGridOptions({theme:e.theme,icons:{...e.theme?.getIcons(),...e.icons}})},[e.theme,e.icons]),(0,Se.jsx)("div",{ref:a,className:e.className,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",...e.style}})});0&&(module.exports={Grid,...require("@agility-workbench/grid")});

package/dist/index.js

@@ -1 +1 @@
-export*from"@agility-workbench/grid";import Ge,{useLayoutEffect as a,useRef as u}from"react";import{createGrid as Oe}from"@agility-workbench/grid";import g from"react";import{flushSync as me}from"react-dom";import{createRoot as Ce}from"react-dom/client";var T=new Set,b=!1;function fe(){b=!1;let t=Array.from(T);T.clear();for(let e of t)e.unmount()}function Re(t){T.add(t),!b&&(b=!0,queueMicrotask(fe))}var d=class{root;constructor(e){this.root=Ce(e)}render(e){this.root?.render(e)}renderSync(e){let o=this.root;o&&me(()=>o.render(e))}destroy(){let e=this.root;e&&(this.root=null,Re(e))}};import{isClassRenderer as he,isClassSetFilterComponent as we}from"@agility-workbench/grid";import{isClassTooltipComponent as Se}from"@agility-workbench/grid";import{isClassActionFrameComponent as pe}from"@agility-workbench/grid";import _ from"react";var Y=new WeakMap;function ge(t){let e=t?.prototype;return typeof t=="function"&&!!e&&typeof e.init=="function"&&typeof e.getGui=="function"}function ye(t){return class{el=document.createElement("div");root=null;handle=_.createRef();init(o){this.el.style.width="100%",this.el.style.height="100%",this.root=new d(this.el);let r=_.createElement(t,{...o,ref:this.handle});this.root.renderSync(r)}getGui(){return this.el}getValue(){return this.handle.current?.getValue()}isParsed(){return this.handle.current?.isParsed?.()??!1}focus(){this.handle.current?.focus?.()}isCancelBeforeStart(){return this.handle.current?.isCancelBeforeStart?.()??!1}destroy(){let o=this.root;this.root=null,o?.destroy()}}}function F(t){if(t==null)return;if(typeof t=="string"||ge(t))return t;let e=Y.get(t);if(e)return e;let o=ye(t);return Y.set(t,o),o}var Q=new WeakMap,X=new WeakMap,Z=new WeakMap,$=new WeakMap;function y(t){return(typeof t=="function"||typeof t=="object")&&t!==null}function ve(t){let e=t.colDef.cellRendererParams;return e==null||typeof e!="object"?t:{...t,...e}}function Me(t){return class{el=document.createElement("span");root=null;init(o){this.el.style.display="inline-flex",this.el.style.alignItems="center",this.el.style.width="100%",this.el.style.height="100%",this.el.style.overflow="hidden",this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.render(g.createElement(t,ve(o)))}}}function h(t){if(!t)return;if(typeof t=="function"&&he(t)||!y(t))return t;let e=Q.get(t);if(e)return e;let o=Me(t);return Q.set(t,o),o}function Pe(t){let e=t.colDef?.tooltipComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function Ee(t){return class{el=document.createElement("div");root=null;init(o){this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.renderSync(g.createElement(t,Pe(o)))}}}function w(t){if(!t)return;if(typeof t=="function"&&Se(t)||!y(t))return t;let e=X.get(t);if(e)return e;let o=Ee(t);return X.set(t,o),o}function S(t){if(t)return e=>{let o=t(e);return!o||typeof o.tooltip!="object"||o.tooltip==null?o:{...o,tooltip:{...o.tooltip,component:w(o.tooltip.component)}}}}function ee(t){return t==null||typeof t=="string"?t:w(t)}function Te(t){let e=t.colDef?.actionFrameComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function be(t){return class{el=document.createElement("div");root=null;init(o){this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.render(g.createElement(t,Te(o)))}}}function te(t){if(!t)return;if(typeof t=="function"&&pe(t)||!y(t))return t;let e=Z.get(t);if(e)return e;let o=be(t);return Z.set(t,o),o}function Fe(t){return class{el=document.createElement("span");root=null;init(o){this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.render(g.createElement(t,o))}}}function I(t){if(!t)return;if(typeof t=="function"&&we(t)||!y(t))return t;let e=$.get(t);if(e)return e;let o=Fe(t);return $.set(t,o),o}function ne(t){if(t)return{...t,valueComponent:I(t.valueComponent),selectAllComponent:I(t.selectAllComponent),blanksComponent:I(t.blanksComponent)}}function Ie(t){return{...t,cellRenderer:h(t.cellRenderer),cellEditor:F(t.cellEditor),tooltipComponent:w(t.tooltipComponent),headerTooltip:ee(t.headerTooltip),actionFrameComponent:te(t.actionFrameComponent),filterParams:ne(t.filterParams),children:t.children?A(t.children)??void 0:void 0}}function A(t){return t==null?t:t.map(e=>Ie(e))}function oe(t){if(t==null)return;let e={...t};return"cellRenderer"in t&&(e.cellRenderer=h(t.cellRenderer)),"cellEditor"in t&&(e.cellEditor=F(t.cellEditor)),"tooltipComponent"in t&&(e.tooltipComponent=w(t.tooltipComponent)),"headerTooltip"in t&&(e.headerTooltip=ee(t.headerTooltip)),"actionFrameComponent"in t&&(e.actionFrameComponent=te(t.actionFrameComponent)),"filterParams"in t&&(e.filterParams=ne(t.filterParams)),e}function n(t,e,o){o!=null&&(t[e]=o)}function ie(t){let e={};return n(e,"headerHeight",t.headerHeight),n(e,"leafHeaderHeight",t.leafHeaderHeight),n(e,"parentHeaderHeight",t.parentHeaderHeight),n(e,"rowHeight",t.rowHeight),n(e,"pinnedTopRowData",t.pinnedTopRowData),n(e,"pinnedBottomRowData",t.pinnedBottomRowData),n(e,"getRowId",t.getRowId),n(e,"rowIdKey",t.rowIdKey),n(e,"rowDataMode",t.rowDataMode),n(e,"asyncTransactionWaitMs",t.asyncTransactionWaitMs),n(e,"overscanRowCount",t.overscanRowCount),n(e,"minResizeWidth",t.minResizeWidth),n(e,"maxColumnWidth",t.maxColumnWidth),n(e,"pivotMode",t.pivotMode),n(e,"pivotColumns",t.pivotColumns),n(e,"pivotResultColumnDef",t.pivotResultColumnDef),n(e,"maxPivotColumns",t.maxPivotColumns),n(e,"pivotColumnMoveMode",t.pivotColumnMoveMode),n(e,"autosizeColumnsOnDataChange",t.autosizeColumnsOnDataChange),n(e,"allowExportAsCSV",t.allowExportAsCSV),n(e,"allowExportAsExcel",t.allowExportAsExcel),n(e,"pagination",t.pagination),n(e,"paginationControls",t.paginationControls),n(e,"rowNumbers",t.rowNumbers),n(e,"rowHover",t.rowHover),n(e,"columnHover",t.columnHover),n(e,"zebraRows",t.zebraRows),n(e,"getRowClass",t.getRowClass),n(e,"getRowStyle",t.getRowStyle),n(e,"getRowPresentation",S(t.getRowPresentation)),n(e,"onCellClicked",t.onCellClicked),n(e,"onRowClicked",t.onRowClicked),n(e,"onCellValueChanged",t.onCellValueChanged),n(e,"onSelectionChanged",t.onSelectionChanged),n(e,"onSortChanged",t.onSortChanged),n(e,"onFilterChanged",t.onFilterChanged),n(e,"onHistoryChanged",t.onHistoryChanged),n(e,"ariaLabel",t.ariaLabel),n(e,"ariaLabelledBy",t.ariaLabelledBy),n(e,"highlightActiveCell",t.highlightActiveCell),n(e,"rowSelection",t.rowSelection),n(e,"cellSelection",t.cellSelection),n(e,"rangeSelection",t.rangeSelection),n(e,"columnSelection",t.columnSelection),n(e,"headerKeyboardNavigation",t.headerKeyboardNavigation),n(e,"showColumnButtonsOnHover",t.showColumnButtonsOnHover),n(e,"selectAllRowsOnHeaderClick",t.selectAllRowsOnHeaderClick),n(e,"selectAllScope",t.selectAllScope),n(e,"selectionPersistence",t.selectionPersistence),n(e,"clearSelectionOnBodyClick",t.clearSelectionOnBodyClick),n(e,"resetPageOn",t.resetPageOn),n(e,"pageSize",t.pageSize),n(e,"pageSizes",t.pageSizes),n(e,"serverSideBlockSize",t.serverSideBlockSize),n(e,"rowModelType",t.rowModelType),n(e,"getGroupChildCount",t.getGroupChildCount),n(e,"paginationUnknownTotalTooltip",t.paginationUnknownTotalTooltip),n(e,"undoLimit",t.undoLimit),n(e,"editTrigger",t.editTrigger),n(e,"readOnlyEdit",t.readOnlyEdit),n(e,"initialSort",t.initialSort),n(e,"showSortPriority",t.showSortPriority),n(e,"pinnedRowsEditable",t.pinnedRowsEditable),n(e,"rowPinningMenu",t.rowPinningMenu),n(e,"rowInsertionMenu",t.rowInsertionMenu),n(e,"suppressKeyboardEdit",t.suppressKeyboardEdit),n(e,"suppressTypeToEdit",t.suppressTypeToEdit),n(e,"moveAfterEdit",t.moveAfterEdit),n(e,"commitOnBlur",t.commitOnBlur),n(e,"reevaluateOnEdit",t.reevaluateOnEdit),n(e,"groupDisplayType",t.groupDisplayType),n(e,"groupColumnDef",t.groupColumnDef),n(e,"groupDefaultExpanded",t.groupDefaultExpanded),n(e,"groupSortMode",t.groupSortMode),n(e,"treeData",t.treeData),n(e,"groupRowsSelectable",t.groupRowsSelectable),n(e,"isRowSelectable",t.isRowSelectable),n(e,"isRowPinned",t.isRowPinned),n(e,"groupRowsSticky",t.groupRowsSticky),n(e,"isFullWidthRow",t.isFullWidthRow),n(e,"tooltip",t.tooltip),n(e,"quickFilter",t.quickFilter),n(e,"columnPanel",t.columnPanel),n(e,"toolbar",t.toolbar),n(e,"savedViews",t.savedViews),n(e,"sheets",t.sheets),n(e,"loadingMessage",t.loadingMessage),n(e,"noRowsMessage",t.noRowsMessage),n(e,"pivotNoValuesMessage",t.pivotNoValuesMessage),n(e,"pivotEmptyMessage",t.pivotEmptyMessage),n(e,"filterDebounceMs",t.filterDebounceMs),n(e,"cellFlashDuration",t.cellFlashDuration),n(e,"cellFadeDuration",t.cellFadeDuration),n(e,"icons",t.icons),n(e,"theme",t.theme),t.fullWidthCellRenderer!=null&&(e.fullWidthCellRenderer=h(t.fullWidthCellRenderer)),t.defaultColDef!=null&&(e.defaultColDef=oe(t.defaultColDef)),t.bodyContextMenu===!1&&(e.bodyContextMenu=!1),t.rowModelType==="serverSide"&&(n(e,"serverSideDataSource",t.serverSideDataSource),n(e,"serverSideAggregationSource",t.serverSideAggregationSource)),n(e,"suppressStyleInjection",t.suppressStyleInjection),n(e,"styleNonce",t.styleNonce),e}import Ae from"react";var p=class{constructor(e){this.opts=e}resolveMenuItems(e,o){let r=[],i=o,s=this.opts.getBodyMenuItems?this.opts.getBodyMenuItems({ctx:e,items:i}):i;return{items:this.normalizeItems(s,r),cleanup:()=>{for(let f of r)f()}}}normalizeItems(e,o){return e.map(r=>{if(r.isSeparator)return{isSeparator:!0};let i=this.normalizeSlot(r.left,o),s=this.normalizeSlot(r.right,o);return{...r,left:i,right:s,subMenu:r.subMenu?this.normalizeItems(r.subMenu,o):void 0}})}normalizeSlot(e,o){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(Ae.isValidElement(e)){let{el:r,unmount:i}=this.mountReact(e);return o.push(i),r}}}mountReact(e){let o=document.createElement("span");o.style.display="inline-flex",o.style.alignItems="center";let r=new d(o);return r.render(e),{el:o,unmount:()=>r.destroy()}}};import xe from"react";var v=class{constructor(e){this.opts=e}resolveMenuItems(e,o){let r=[],i=o,s=this.opts.getColumnMenuItems?this.opts.getColumnMenuItems({ctx:e,items:i}):i;return{items:this.normalizeItems(s,r),cleanup:()=>{for(let f of r)f()}}}normalizeItems(e,o){return e.map(r=>{if(r.isSeparator)return{isSeparator:!0};let i=this.normalizeSlot(r.left,o),s=this.normalizeSlot(r.right,o);return{...r,left:i,right:s,subMenu:r.subMenu?this.normalizeItems(r.subMenu,o):void 0}})}normalizeSlot(e,o){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(xe.isValidElement(e)){let{el:r,unmount:i}=this.mountReact(e);return o.push(i),r}}}mountReact(e){let o=document.createElement("span");o.style.display="inline-flex",o.style.alignItems="center";let r=new d(o);return r.render(e),{el:o,unmount:()=>r.destroy()}}};import{jsx as He}from"react/jsx-runtime";function C(t,e){if(t){if(typeof t=="function"){t(e);return}t.current=e}}function De(t){if(!t.destroyed){t.destroyed=!0;try{t.api.destroy()}catch{}}}var ke=Ge.forwardRef(function(e,o){let r=u(null),i=u(null),s=u(e.onGridReady),R=u(e.getColumnMenuItems),f=u(e.bodyContextMenu),x=u(e.onCellClicked),G=u(e.onRowClicked),O=u(e.onCellValueChanged),D=u(e.onSelectionChanged),k=u(e.onSortChanged),H=u(e.onFilterChanged),B=u(e.onHistoryChanged),V=u(e.onBeforeCellCommit);s.current=e.onGridReady,R.current=e.getColumnMenuItems,f.current=e.bodyContextMenu,x.current=e.onCellClicked,G.current=e.onRowClicked,O.current=e.onCellValueChanged,D.current=e.onSelectionChanged,k.current=e.onSortChanged,H.current=e.onFilterChanged,B.current=e.onHistoryChanged,V.current=e.onBeforeCellCommit,a(()=>{let l=r.current;if(!l)return;let m=ie(e);m.onCellClicked=c=>x.current?.(c),m.onRowClicked=c=>G.current?.(c),m.onCellValueChanged=c=>O.current?.(c),m.onSelectionChanged=c=>D.current?.(c),m.onSortChanged=c=>k.current?.(c),m.onFilterChanged=c=>H.current?.(c),m.onHistoryChanged=c=>B.current?.(c),m.onBeforeCellCommit=c=>V.current?.(c);let P=Oe(l,{...m,menuAdapter:new v({getColumnMenuItems:c=>R.current?.(c)??c.items}),bodyMenuAdapter:new p({getBodyMenuItems:c=>{let J=f.current;return typeof J=="function"?J(c):c.items}})}),E={api:P,destroyed:!1};return i.current=E,C(o,P),C(e.apiRef,P),()=>{i.current===E&&(i.current=null),C(o,null),C(e.apiRef,null),De(E)}},[]),a(()=>{let l=i.current?.api??null;return C(o,l),C(e.apiRef,l),()=>{C(o,null),C(e.apiRef,null)}},[o,e.apiRef]),a(()=>{let l=i.current?.api;l&&l.updateGridOptions({columnDefs:A(e.columnDefs)})},[e.columnDefs]),a(()=>{let l=i.current?.api;l&&e.rowModelType!=="serverSide"&&l.setRowData(e.rowData??e.data??[])},[e.data,e.rowData,e.rowModelType]);let M=u(null);a(()=>{let l=i.current;if(!(!l||M.current===l))return M.current=l,s.current?.(l.api),()=>{M.current=null}},[]),a(()=>{i.current?.api.updateGridOptions({groupDisplayType:e.groupDisplayType})},[e.groupDisplayType]),a(()=>{i.current?.api.updateGridOptions({groupSortMode:e.groupSortMode})},[e.groupSortMode]),a(()=>{i.current?.api.updateGridOptions({groupRowsSelectable:e.groupRowsSelectable})},[e.groupRowsSelectable]),a(()=>{i.current?.api.updateGridOptions({pivotColumnMoveMode:e.pivotColumnMoveMode})},[e.pivotColumnMoveMode]);let N=u(!1);a(()=>{if(!N.current){N.current=!0;return}e.pivotMode!=null&&i.current?.api.setPivotMode(e.pivotMode)},[e.pivotMode]);let re=JSON.stringify(e.pivotColumns??null),L=u(!1);a(()=>{if(!L.current){L.current=!0;return}e.pivotColumns!=null&&i.current?.api.setPivotColumns(e.pivotColumns)},[re]),a(()=>{i.current?.api.updateGridOptions({isRowSelectable:e.isRowSelectable})},[e.isRowSelectable]);let ae=JSON.stringify(e.rowSelection??null),z=u(!1);a(()=>{if(!z.current){z.current=!0;return}i.current?.api.updateGridOptions({rowSelection:e.rowSelection})},[ae]),a(()=>{i.current?.api.setTreeDataKeyboardNavigationOptions({keyboardNavigationMode:e.treeData?.keyboardNavigationMode,enableKeyboardNavigationModeSwitch:e.treeData?.enableKeyboardNavigationModeSwitch??!1})},[e.treeData?.keyboardNavigationMode,e.treeData?.enableKeyboardNavigationModeSwitch]),a(()=>{i.current?.api.updateGridOptions({pinnedTopRowData:e.pinnedTopRowData,pinnedBottomRowData:e.pinnedBottomRowData,isRowPinned:e.isRowPinned,groupRowsSticky:e.groupRowsSticky})},[e.pinnedTopRowData,e.pinnedBottomRowData,e.isRowPinned,e.groupRowsSticky]),a(()=>{i.current?.api.updateGridOptions({rowHover:e.rowHover??!0,columnHover:e.columnHover??!1,zebraRows:e.zebraRows??!1,getRowClass:e.getRowClass,getRowStyle:e.getRowStyle,getRowPresentation:S(e.getRowPresentation),ariaLabel:e.ariaLabel,ariaLabelledBy:e.ariaLabelledBy,highlightActiveCell:e.highlightActiveCell??!1,cellSelection:e.cellSelection??!0,rangeSelection:e.rangeSelection??!0,columnSelection:e.columnSelection??!0,headerKeyboardNavigation:e.headerKeyboardNavigation??!0,showColumnButtonsOnHover:e.showColumnButtonsOnHover??!1,bodyContextMenu:e.bodyContextMenu!==!1,editTrigger:e.editTrigger??"doubleClick",readOnlyEdit:e.readOnlyEdit??!1,pinnedRowsEditable:e.pinnedRowsEditable??!1,rowPinningMenu:e.rowPinningMenu??!1,rowInsertionMenu:e.rowInsertionMenu,suppressKeyboardEdit:e.suppressKeyboardEdit??!1,suppressTypeToEdit:e.suppressTypeToEdit??!1,moveAfterEdit:e.moveAfterEdit??!0,commitOnBlur:e.commitOnBlur??!0,asyncTransactionWaitMs:e.asyncTransactionWaitMs??16})},[e.rowHover,e.columnHover,e.zebraRows,e.getRowClass,e.getRowStyle,e.getRowPresentation,e.ariaLabel,e.ariaLabelledBy,e.highlightActiveCell,e.cellSelection,e.rangeSelection,e.columnSelection,e.headerKeyboardNavigation,e.showColumnButtonsOnHover,e.bodyContextMenu,e.editTrigger,e.readOnlyEdit,e.pinnedRowsEditable,e.rowPinningMenu,e.rowInsertionMenu,e.suppressKeyboardEdit,e.suppressTypeToEdit,e.moveAfterEdit,e.commitOnBlur,e.asyncTransactionWaitMs]),a(()=>{let l=i.current;!l||e.rowModelType!=="serverSide"||e.serverSideDataSource&&l.api.updateGridOptions({serverSideDataSource:e.serverSideDataSource})},[e.rowModelType,e.serverSideDataSource]),a(()=>{let l=i.current;!l||e.rowModelType!=="serverSide"||e.serverSideAggregationSource&&l.api.updateGridOptions({serverSideAggregationSource:e.serverSideAggregationSource})},[e.rowModelType,e.serverSideAggregationSource]),a(()=>{let l=i.current?.api;l&&l.dispatch({type:"overlayShow",overlayType:e.loading?"loading":"none"})},[e.loading]),a(()=>{i.current?.api.updateGridOptions({pagination:e.pagination})},[e.pagination]);let le=JSON.stringify(e.paginationControls??null),K=u(!1);a(()=>{if(!K.current){K.current=!0;return}i.current?.api.updateGridOptions({paginationControls:e.paginationControls})},[le]);let ue=JSON.stringify(e.quickFilter??null),W=u(!1);a(()=>{if(!W.current){W.current=!0;return}i.current?.api.updateGridOptions({quickFilter:e.quickFilter})},[ue]);let ce=JSON.stringify(e.tooltip??null),j=u(!1);a(()=>{if(!j.current){j.current=!0;return}i.current?.api.updateGridOptions({tooltip:e.tooltip})},[ce]);let de=JSON.stringify(e.columnPanel??null),q=u(!1);a(()=>{if(!q.current){q.current=!0;return}i.current?.api.updateGridOptions({columnPanel:e.columnPanel})},[de]);let se=JSON.stringify(e.toolbar??null),U=u(!1);return a(()=>{if(!U.current){U.current=!0;return}i.current?.api.updateGridOptions({toolbar:e.toolbar})},[se]),a(()=>{i.current?.api.updateGridOptions({savedViews:e.savedViews})},[e.savedViews]),a(()=>{i.current?.api.updateGridOptions({sheets:e.sheets})},[e.sheets]),a(()=>{i.current?.api.updateGridOptions({theme:e.theme,icons:{...e.theme?.getIcons(),...e.icons}})},[e.theme,e.icons]),He("div",{ref:r,className:e.className,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",...e.style}})});export{ke as Grid};
+export*from"@agility-workbench/grid";import Ge,{useLayoutEffect as a,useRef as c}from"react";import{createGrid as Oe}from"@agility-workbench/grid";import g from"react";import{flushSync as Ce}from"react-dom";import{createRoot as fe}from"react-dom/client";var T=new Set,F=!1;function Re(){F=!1;let t=Array.from(T);T.clear();for(let e of t)e.unmount()}function ge(t){T.add(t),!F&&(F=!0,queueMicrotask(Re))}var d=class{root;constructor(e){this.root=fe(e)}render(e){this.root?.render(e)}renderSync(e){let o=this.root;o&&Ce(()=>o.render(e))}destroy(){let e=this.root;e&&(this.root=null,ge(e))}};import{isClassRenderer as Se,isClassSetFilterComponent as we}from"@agility-workbench/grid";import{isClassTooltipComponent as ve}from"@agility-workbench/grid";import{isClassActionFrameComponent as pe}from"@agility-workbench/grid";import _ from"react";var Y=new WeakMap;function ye(t){let e=t?.prototype;return typeof t=="function"&&!!e&&typeof e.init=="function"&&typeof e.getGui=="function"}function he(t){return class{el=document.createElement("div");root=null;handle=_.createRef();init(o){this.el.style.width="100%",this.el.style.height="100%",this.root=new d(this.el);let r=_.createElement(t,{...o,ref:this.handle});this.root.renderSync(r)}getGui(){return this.el}getValue(){return this.handle.current?.getValue()}isParsed(){return this.handle.current?.isParsed?.()??!1}focus(){this.handle.current?.focus?.()}isCancelBeforeStart(){return this.handle.current?.isCancelBeforeStart?.()??!1}destroy(){let o=this.root;this.root=null,o?.destroy()}}}function b(t){if(t==null)return;if(typeof t=="string"||ye(t))return t;let e=Y.get(t);if(e)return e;let o=he(t);return Y.set(t,o),o}var X=new WeakMap,Z=new WeakMap,$=new WeakMap,ee=new WeakMap;function y(t){return(typeof t=="function"||typeof t=="object")&&t!==null}function Me(t){let e=t.colDef.cellRendererParams;return e==null||typeof e!="object"?t:{...t,...e}}function Pe(t){return class{el=document.createElement("span");root=null;init(o){this.el.style.display="inline-flex",this.el.style.alignItems="center",this.el.style.width="100%",this.el.style.height="100%",this.el.style.overflow="hidden",this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.render(g.createElement(t,Me(o)))}}}function h(t){if(!t)return;if(typeof t=="function"&&Se(t)||!y(t))return t;let e=X.get(t);if(e)return e;let o=Pe(t);return X.set(t,o),o}function Ee(t){let e=t.colDef?.tooltipComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function Te(t){return class{el=document.createElement("div");root=null;init(o){this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.renderSync(g.createElement(t,Ee(o)))}}}function S(t){if(!t)return;if(typeof t=="function"&&ve(t)||!y(t))return t;let e=Z.get(t);if(e)return e;let o=Te(t);return Z.set(t,o),o}function w(t){if(t)return e=>{let o=t(e);return!o||typeof o.tooltip!="object"||o.tooltip==null?o:{...o,tooltip:{...o.tooltip,component:S(o.tooltip.component)}}}}function te(t){return t==null||typeof t=="string"?t:S(t)}function Fe(t){let e=t.colDef?.actionFrameComponentParams;return e==null||typeof e!="object"?t:{...t,...e}}function be(t){return class{el=document.createElement("div");root=null;init(o){this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.render(g.createElement(t,Fe(o)))}}}function ne(t){if(!t)return;if(typeof t=="function"&&pe(t)||!y(t))return t;let e=$.get(t);if(e)return e;let o=be(t);return $.set(t,o),o}function Ie(t){return class{el=document.createElement("span");root=null;init(o){this.root=new d(this.el),this.render(o)}getGui(){return this.el}refresh(o){return this.render(o),!0}destroy(){this.root?.destroy(),this.root=null}render(o){this.root?.render(g.createElement(t,o))}}}function I(t){if(!t)return;if(typeof t=="function"&&we(t)||!y(t))return t;let e=ee.get(t);if(e)return e;let o=Ie(t);return ee.set(t,o),o}function oe(t){if(t)return{...t,valueComponent:I(t.valueComponent),selectAllComponent:I(t.selectAllComponent),blanksComponent:I(t.blanksComponent)}}function Ae(t){return{...t,cellRenderer:h(t.cellRenderer),cellEditor:b(t.cellEditor),tooltipComponent:S(t.tooltipComponent),headerTooltip:te(t.headerTooltip),actionFrameComponent:ne(t.actionFrameComponent),filterParams:oe(t.filterParams),children:t.children?A(t.children)??void 0:void 0}}function A(t){return t==null?t:t.map(e=>Ae(e))}function ie(t){if(t==null)return;let e={...t};return"cellRenderer"in t&&(e.cellRenderer=h(t.cellRenderer)),"cellEditor"in t&&(e.cellEditor=b(t.cellEditor)),"tooltipComponent"in t&&(e.tooltipComponent=S(t.tooltipComponent)),"headerTooltip"in t&&(e.headerTooltip=te(t.headerTooltip)),"actionFrameComponent"in t&&(e.actionFrameComponent=ne(t.actionFrameComponent)),"filterParams"in t&&(e.filterParams=oe(t.filterParams)),e}function n(t,e,o){o!=null&&(t[e]=o)}function re(t){let e={};return n(e,"headerHeight",t.headerHeight),n(e,"leafHeaderHeight",t.leafHeaderHeight),n(e,"parentHeaderHeight",t.parentHeaderHeight),n(e,"rowHeight",t.rowHeight),n(e,"pinnedTopRowData",t.pinnedTopRowData),n(e,"pinnedBottomRowData",t.pinnedBottomRowData),n(e,"getRowId",t.getRowId),n(e,"rowIdKey",t.rowIdKey),n(e,"rowDataMode",t.rowDataMode),n(e,"asyncTransactionWaitMs",t.asyncTransactionWaitMs),n(e,"overscanRowCount",t.overscanRowCount),n(e,"minResizeWidth",t.minResizeWidth),n(e,"maxColumnWidth",t.maxColumnWidth),n(e,"pivotMode",t.pivotMode),n(e,"pivotColumns",t.pivotColumns),n(e,"pivotResultColumnDef",t.pivotResultColumnDef),n(e,"maxPivotColumns",t.maxPivotColumns),n(e,"pivotColumnMoveMode",t.pivotColumnMoveMode),n(e,"autosizeColumnsOnDataChange",t.autosizeColumnsOnDataChange),n(e,"allowExportAsCSV",t.allowExportAsCSV),n(e,"allowExportAsExcel",t.allowExportAsExcel),n(e,"pagination",t.pagination),n(e,"paginationControls",t.paginationControls),n(e,"rowNumbers",t.rowNumbers),n(e,"rowHover",t.rowHover),n(e,"columnHover",t.columnHover),n(e,"zebraRows",t.zebraRows),n(e,"getRowClass",t.getRowClass),n(e,"getRowStyle",t.getRowStyle),n(e,"getRowPresentation",w(t.getRowPresentation)),n(e,"onCellClicked",t.onCellClicked),n(e,"onRowClicked",t.onRowClicked),n(e,"onCellValueChanged",t.onCellValueChanged),n(e,"onSelectionChanged",t.onSelectionChanged),n(e,"onSortChanged",t.onSortChanged),n(e,"onFilterChanged",t.onFilterChanged),n(e,"onQuickFilterFindChanged",t.onQuickFilterFindChanged),n(e,"onHistoryChanged",t.onHistoryChanged),n(e,"ariaLabel",t.ariaLabel),n(e,"ariaLabelledBy",t.ariaLabelledBy),n(e,"highlightActiveCell",t.highlightActiveCell),n(e,"rowSelection",t.rowSelection),n(e,"cellSelection",t.cellSelection),n(e,"rangeSelection",t.rangeSelection),n(e,"columnSelection",t.columnSelection),n(e,"headerKeyboardNavigation",t.headerKeyboardNavigation),n(e,"showColumnButtonsOnHover",t.showColumnButtonsOnHover),n(e,"selectAllRowsOnHeaderClick",t.selectAllRowsOnHeaderClick),n(e,"selectAllScope",t.selectAllScope),n(e,"selectionPersistence",t.selectionPersistence),n(e,"clearSelectionOnBodyClick",t.clearSelectionOnBodyClick),n(e,"resetPageOn",t.resetPageOn),n(e,"pageSize",t.pageSize),n(e,"pageSizes",t.pageSizes),n(e,"serverSideBlockSize",t.serverSideBlockSize),n(e,"rowModelType",t.rowModelType),n(e,"getGroupChildCount",t.getGroupChildCount),n(e,"paginationUnknownTotalTooltip",t.paginationUnknownTotalTooltip),n(e,"undoLimit",t.undoLimit),n(e,"editTrigger",t.editTrigger),n(e,"readOnlyEdit",t.readOnlyEdit),n(e,"initialSort",t.initialSort),n(e,"showSortPriority",t.showSortPriority),n(e,"pinnedRowsEditable",t.pinnedRowsEditable),n(e,"rowPinningMenu",t.rowPinningMenu),n(e,"rowInsertionMenu",t.rowInsertionMenu),n(e,"suppressKeyboardEdit",t.suppressKeyboardEdit),n(e,"suppressTypeToEdit",t.suppressTypeToEdit),n(e,"moveAfterEdit",t.moveAfterEdit),n(e,"commitOnBlur",t.commitOnBlur),n(e,"reevaluateOnEdit",t.reevaluateOnEdit),n(e,"groupDisplayType",t.groupDisplayType),n(e,"groupColumnDef",t.groupColumnDef),n(e,"groupDefaultExpanded",t.groupDefaultExpanded),n(e,"groupSortMode",t.groupSortMode),n(e,"treeData",t.treeData),n(e,"groupRowsSelectable",t.groupRowsSelectable),n(e,"isRowSelectable",t.isRowSelectable),n(e,"isRowPinned",t.isRowPinned),n(e,"groupRowsSticky",t.groupRowsSticky),n(e,"isFullWidthRow",t.isFullWidthRow),n(e,"tooltip",t.tooltip),n(e,"quickFilter",t.quickFilter),n(e,"columnPanel",t.columnPanel),n(e,"toolbar",t.toolbar),n(e,"savedViews",t.savedViews),n(e,"sheets",t.sheets),n(e,"loadingMessage",t.loadingMessage),n(e,"noRowsMessage",t.noRowsMessage),n(e,"pivotNoValuesMessage",t.pivotNoValuesMessage),n(e,"pivotEmptyMessage",t.pivotEmptyMessage),n(e,"filterDebounceMs",t.filterDebounceMs),n(e,"cellFlashDuration",t.cellFlashDuration),n(e,"cellFadeDuration",t.cellFadeDuration),n(e,"icons",t.icons),n(e,"theme",t.theme),t.fullWidthCellRenderer!=null&&(e.fullWidthCellRenderer=h(t.fullWidthCellRenderer)),t.defaultColDef!=null&&(e.defaultColDef=ie(t.defaultColDef)),t.bodyContextMenu===!1&&(e.bodyContextMenu=!1),t.rowModelType==="serverSide"&&(n(e,"serverSideDataSource",t.serverSideDataSource),n(e,"serverSideAggregationSource",t.serverSideAggregationSource)),n(e,"suppressStyleInjection",t.suppressStyleInjection),n(e,"styleNonce",t.styleNonce),e}import xe from"react";var v=class{constructor(e){this.opts=e}resolveMenuItems(e,o){let r=[],i=o,m=this.opts.getBodyMenuItems?this.opts.getBodyMenuItems({ctx:e,items:i}):i;return{items:this.normalizeItems(m,r),cleanup:()=>{for(let f of r)f()}}}normalizeItems(e,o){return e.map(r=>{if(r.isSeparator)return{isSeparator:!0};let i=this.normalizeSlot(r.left,o),m=this.normalizeSlot(r.right,o);return{...r,left:i,right:m,subMenu:r.subMenu?this.normalizeItems(r.subMenu,o):void 0}})}normalizeSlot(e,o){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(xe.isValidElement(e)){let{el:r,unmount:i}=this.mountReact(e);return o.push(i),r}}}mountReact(e){let o=document.createElement("span");o.style.display="inline-flex",o.style.alignItems="center";let r=new d(o);return r.render(e),{el:o,unmount:()=>r.destroy()}}};import De from"react";var p=class{constructor(e){this.opts=e}resolveMenuItems(e,o){let r=[],i=o,m=this.opts.getColumnMenuItems?this.opts.getColumnMenuItems({ctx:e,items:i}):i;return{items:this.normalizeItems(m,r),cleanup:()=>{for(let f of r)f()}}}normalizeItems(e,o){return e.map(r=>{if(r.isSeparator)return{isSeparator:!0};let i=this.normalizeSlot(r.left,o),m=this.normalizeSlot(r.right,o);return{...r,left:i,right:m,subMenu:r.subMenu?this.normalizeItems(r.subMenu,o):void 0}})}normalizeSlot(e,o){if(e){if(typeof e=="string"||e instanceof HTMLElement)return e;if(De.isValidElement(e)){let{el:r,unmount:i}=this.mountReact(e);return o.push(i),r}}}mountReact(e){let o=document.createElement("span");o.style.display="inline-flex",o.style.alignItems="center";let r=new d(o);return r.render(e),{el:o,unmount:()=>r.destroy()}}};import{jsx as Be}from"react/jsx-runtime";function C(t,e){if(t){if(typeof t=="function"){t(e);return}t.current=e}}function ke(t){if(!t.destroyed){t.destroyed=!0;try{t.api.destroy()}catch{}}}var He=Ge.forwardRef(function(e,o){let r=c(null),i=c(null),m=c(e.onGridReady),R=c(e.getColumnMenuItems),f=c(e.bodyContextMenu),x=c(e.onCellClicked),D=c(e.onRowClicked),G=c(e.onCellValueChanged),O=c(e.onSelectionChanged),k=c(e.onSortChanged),H=c(e.onFilterChanged),B=c(e.onQuickFilterFindChanged),V=c(e.onHistoryChanged),N=c(e.onBeforeCellCommit);m.current=e.onGridReady,R.current=e.getColumnMenuItems,f.current=e.bodyContextMenu,x.current=e.onCellClicked,D.current=e.onRowClicked,G.current=e.onCellValueChanged,O.current=e.onSelectionChanged,k.current=e.onSortChanged,H.current=e.onFilterChanged,B.current=e.onQuickFilterFindChanged,V.current=e.onHistoryChanged,N.current=e.onBeforeCellCommit,a(()=>{let l=r.current;if(!l)return;let s=re(e);s.onCellClicked=u=>x.current?.(u),s.onRowClicked=u=>D.current?.(u),s.onCellValueChanged=u=>G.current?.(u),s.onSelectionChanged=u=>O.current?.(u),s.onSortChanged=u=>k.current?.(u),s.onFilterChanged=u=>H.current?.(u),s.onQuickFilterFindChanged=u=>B.current?.(u),s.onHistoryChanged=u=>V.current?.(u),s.onBeforeCellCommit=u=>N.current?.(u);let P=Oe(l,{...s,menuAdapter:new p({getColumnMenuItems:u=>R.current?.(u)??u.items}),bodyMenuAdapter:new v({getBodyMenuItems:u=>{let Q=f.current;return typeof Q=="function"?Q(u):u.items}})}),E={api:P,destroyed:!1,appliedServerSideDataSource:s.serverSideDataSource};return i.current=E,C(o,P),C(e.apiRef,P),()=>{i.current===E&&(i.current=null),C(o,null),C(e.apiRef,null),ke(E)}},[]),a(()=>{let l=i.current?.api??null;return C(o,l),C(e.apiRef,l),()=>{C(o,null),C(e.apiRef,null)}},[o,e.apiRef]),a(()=>{let l=i.current?.api;l&&l.updateGridOptions({columnDefs:A(e.columnDefs)})},[e.columnDefs]),a(()=>{let l=i.current?.api;l&&e.rowModelType!=="serverSide"&&l.setRowData(e.rowData??e.data??[])},[e.data,e.rowData,e.rowModelType]);let M=c(null);a(()=>{let l=i.current;if(!(!l||M.current===l))return M.current=l,m.current?.(l.api),()=>{M.current=null}},[]),a(()=>{i.current?.api.updateGridOptions({groupDisplayType:e.groupDisplayType})},[e.groupDisplayType]),a(()=>{i.current?.api.updateGridOptions({groupSortMode:e.groupSortMode})},[e.groupSortMode]),a(()=>{i.current?.api.updateGridOptions({groupRowsSelectable:e.groupRowsSelectable})},[e.groupRowsSelectable]),a(()=>{i.current?.api.updateGridOptions({pivotColumnMoveMode:e.pivotColumnMoveMode})},[e.pivotColumnMoveMode]);let L=c(!1);a(()=>{if(!L.current){L.current=!0;return}e.pivotMode!=null&&i.current?.api.setPivotMode(e.pivotMode)},[e.pivotMode]);let ae=JSON.stringify(e.pivotColumns??null),z=c(!1);a(()=>{if(!z.current){z.current=!0;return}e.pivotColumns!=null&&i.current?.api.setPivotColumns(e.pivotColumns)},[ae]),a(()=>{i.current?.api.updateGridOptions({isRowSelectable:e.isRowSelectable})},[e.isRowSelectable]);let le=JSON.stringify(e.rowSelection??null),K=c(!1);a(()=>{if(!K.current){K.current=!0;return}i.current?.api.updateGridOptions({rowSelection:e.rowSelection})},[le]),a(()=>{i.current?.api.setTreeDataKeyboardNavigationOptions({keyboardNavigationMode:e.treeData?.keyboardNavigationMode,enableKeyboardNavigationModeSwitch:e.treeData?.enableKeyboardNavigationModeSwitch??!1})},[e.treeData?.keyboardNavigationMode,e.treeData?.enableKeyboardNavigationModeSwitch]),a(()=>{i.current?.api.updateGridOptions({pinnedTopRowData:e.pinnedTopRowData,pinnedBottomRowData:e.pinnedBottomRowData,isRowPinned:e.isRowPinned,groupRowsSticky:e.groupRowsSticky})},[e.pinnedTopRowData,e.pinnedBottomRowData,e.isRowPinned,e.groupRowsSticky]),a(()=>{i.current?.api.updateGridOptions({rowHover:e.rowHover??!0,columnHover:e.columnHover??!1,zebraRows:e.zebraRows??!1,getRowClass:e.getRowClass,getRowStyle:e.getRowStyle,getRowPresentation:w(e.getRowPresentation),ariaLabel:e.ariaLabel,ariaLabelledBy:e.ariaLabelledBy,highlightActiveCell:e.highlightActiveCell??!1,cellSelection:e.cellSelection??!0,rangeSelection:e.rangeSelection??!0,columnSelection:e.columnSelection??!0,headerKeyboardNavigation:e.headerKeyboardNavigation??!0,showColumnButtonsOnHover:e.showColumnButtonsOnHover??!1,bodyContextMenu:e.bodyContextMenu!==!1,editTrigger:e.editTrigger??"doubleClick",readOnlyEdit:e.readOnlyEdit??!1,pinnedRowsEditable:e.pinnedRowsEditable??!1,rowPinningMenu:e.rowPinningMenu??!1,rowInsertionMenu:e.rowInsertionMenu,suppressKeyboardEdit:e.suppressKeyboardEdit??!1,suppressTypeToEdit:e.suppressTypeToEdit??!1,moveAfterEdit:e.moveAfterEdit??!0,commitOnBlur:e.commitOnBlur??!0,asyncTransactionWaitMs:e.asyncTransactionWaitMs??16})},[e.rowHover,e.columnHover,e.zebraRows,e.getRowClass,e.getRowStyle,e.getRowPresentation,e.ariaLabel,e.ariaLabelledBy,e.highlightActiveCell,e.cellSelection,e.rangeSelection,e.columnSelection,e.headerKeyboardNavigation,e.showColumnButtonsOnHover,e.bodyContextMenu,e.editTrigger,e.readOnlyEdit,e.pinnedRowsEditable,e.rowPinningMenu,e.rowInsertionMenu,e.suppressKeyboardEdit,e.suppressTypeToEdit,e.moveAfterEdit,e.commitOnBlur,e.asyncTransactionWaitMs]),a(()=>{let l=i.current;!l||e.rowModelType!=="serverSide"||e.serverSideDataSource&&e.serverSideDataSource!==l.appliedServerSideDataSource&&(l.appliedServerSideDataSource=e.serverSideDataSource,l.api.updateGridOptions({serverSideDataSource:e.serverSideDataSource}))},[e.rowModelType,e.serverSideDataSource]),a(()=>{let l=i.current;!l||e.rowModelType!=="serverSide"||e.serverSideAggregationSource&&l.api.updateGridOptions({serverSideAggregationSource:e.serverSideAggregationSource})},[e.rowModelType,e.serverSideAggregationSource]),a(()=>{let l=i.current?.api;l&&l.dispatch({type:"overlayShow",overlayType:e.loading?"loading":"none"})},[e.loading]),a(()=>{i.current?.api.updateGridOptions({pagination:e.pagination})},[e.pagination]);let ue=JSON.stringify(e.paginationControls??null),W=c(!1);a(()=>{if(!W.current){W.current=!0;return}i.current?.api.updateGridOptions({paginationControls:e.paginationControls})},[ue]);let ce=JSON.stringify(e.quickFilter??null),j=c(!1);a(()=>{if(!j.current){j.current=!0;return}i.current?.api.updateGridOptions({quickFilter:e.quickFilter})},[ce]);let de=JSON.stringify(e.tooltip??null),q=c(!1);a(()=>{if(!q.current){q.current=!0;return}i.current?.api.updateGridOptions({tooltip:e.tooltip})},[de]);let se=JSON.stringify(e.columnPanel??null),U=c(!1);a(()=>{if(!U.current){U.current=!0;return}i.current?.api.updateGridOptions({columnPanel:e.columnPanel})},[se]);let me=JSON.stringify(e.toolbar??null),J=c(!1);return a(()=>{if(!J.current){J.current=!0;return}i.current?.api.updateGridOptions({toolbar:e.toolbar})},[me]),a(()=>{i.current?.api.updateGridOptions({savedViews:e.savedViews})},[e.savedViews]),a(()=>{i.current?.api.updateGridOptions({sheets:e.sheets})},[e.sheets]),a(()=>{i.current?.api.updateGridOptions({theme:e.theme,icons:{...e.theme?.getIcons(),...e.icons}})},[e.theme,e.icons]),Be("div",{ref:r,className:e.className,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",...e.style}})});export{He as Grid};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agility-workbench/react-grid",
-  "version": "1.1.1",
+  "version": "1.3.0",
   "description": "React bindings for @agility-workbench/grid — a high-performance data grid.",
   "type": "module",
   "license": "MIT",
@@ -61,7 +61,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@agility-workbench/grid": "^1.1.0"
+    "@agility-workbench/grid": "^1.3.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",