@kanunilabs/datagrid-react 1.3.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +38 -6
- package/dist/index.d.ts +38 -6
- package/dist/index.js +2 -2
- package/dist/styles.css +91 -0
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {createContext,memo,useState,useRef,useEffect,useContext,useMemo,useCallback,useSyncExternalStore,useLayoutEffect}from'react';import {getGridDictionary,isDetailRow,isEditFormRow,isFillerRow,isGroupRow,lookupLabel,fillText,summaryLabel,formatSummaryValue,summaryKey,summaryTypeLabels,describeFilter,filterLabels,computeHeaderBands,downloadBlob,ExportAbortedError,DataGridController,themeClassName,foldText,attachStateStoring,isDataRow,inferColumns,isPackagedTheme,THEME_ROW_HEIGHT,DENSITY_ROW_HEIGHT,DEFAULT_ROW_HEIGHT,DEFAULT_MAX_SCROLL_OFFSET,calibrateMaxScrollOffset,datePeriodLabels,periodSuggestionList,parseFilterInput,FILTER_PART_ROW,createDebouncedCommit,FILTER_PART_SET,FILTER_PART_DEFAULT,selectedLabelsFromFilter,resolveGridCommand,bandDepth,allowedSummaryTypes,spanRoleAt,normalizeSearch,isRtlLocale,filterInputFromNode,bandPath,formatDateValue}from'@kanunilabs/datagrid-core';export{ClientRowModel,ColumnModel,DEFAULT_ROW_HEIGHT,DENSITY_ROW_HEIGHT,DataGridController,GRID_PALETTES,GRID_THEMES,GridStateStore,SUMMARY_TYPE_LABEL,THEME_ROW_HEIGHT,VirtualWindowEngine,allowedSummaryTypes,andFilters,attachStateStoring,bandDepth,bandPath,computeColumnLayout,computeHeaderBands,createRestDataSource,describeFilter,downloadBlob,fillText,filterInputFromNode,formatSummaryValue,humanizeField,importCsv,inferColumns,isDataRow,isDataSource,isFilterGroup,isGroupRow,isPackagedTheme,lookupLabel,moveRowInArray,parseCsv,parseFilterInput,sniffDelimiter,summaryKey,summaryLabel,summaryTypeLabels,themeClassName}from'@kanunilabs/datagrid-core';import {createPortal,flushSync}from'react-dom';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var pi=["contentReady","viewportChanged","columnStateChanged","sortChanged","filterChanged","selectionChanged","focusChanged","summariesChanged"];function Wn(t){let[e,n]=useState(()=>new DataGridController(t));useEffect(()=>{if(e.isDisposed()){n(new DataGridController(t));return}return ()=>e.dispose()},[e]);let o=useRef(0),l=useCallback(G=>{let N=()=>{o.current++,G();},x=pi.map(L=>e.events.on(L,N));return ()=>x.forEach(L=>L())},[e]),i=useCallback(()=>o.current,[]);useSyncExternalStore(l,i,i);let{dataSource:d,columns:m}=t,w=useRef(true);useEffect(()=>{if(w.current){w.current=false;return}Array.isArray(d)&&e.setData(d);},[e,d]);let g=useRef(true);useEffect(()=>{if(g.current){g.current=false;return}e.setColumns(m);},[e,m]);let p=t.pagination?t.pagination.enabled!==false:false;useEffect(()=>{e.setPaginationEnabled(p);},[e,p]);let f=t.rowHeight,y=useRef(true);useEffect(()=>{if(y.current){y.current=false;return}f!==void 0&&e.setRowHeight(f);},[e,f]);let b=t.selection?.mode??"none";useEffect(()=>{e.setSelectionMode(b);},[e,b]);let v=t.grouping?.groupBy??null,D=JSON.stringify(v==null?[]:typeof v=="string"?[v]:v),P=useRef(true);return useEffect(()=>{if(P.current){P.current=false;return}e.groupBy(JSON.parse(D));},[e,D]),{controller:e,rows:e.getRows(),window:e.getVirtualWindow(),layout:e.getColumnLayout(),sort:e.getSort(),rowHeight:e.getRowHeight(),visibleCount:e.getVisibleCount(),totalCount:e.getTotalCount()}}var ln=0,Vn=5e3;function gi(t){if(t===void 0||t===false)return null;let e=t===true?{}:t;return {always:e.always??false,maxRows:e.maxRows??Vn}}function fi(t,e){return t<=e}function Un(t,e){let n=gi(e),o=n!==null,l=n?.always??false,i=n?.maxRows??Vn,[d,m]=useState(false),w=useCallback(()=>m(true),[]),g=useCallback(()=>m(false),[]);useEffect(()=>{if(!o||l||typeof window>"u"||typeof window.addEventListener!="function")return;let f=()=>{let b=t.getRows().length;if(!fi(b,i)){t.isDebugMode()&&console.warn(`[datagrid] print layout skipped: ${b} rows exceeds maxRows (${i}). Printing the visible rows instead \u2014 use exportPdf() for the whole result.`);return}flushSync(()=>m(true));},y=()=>flushSync(()=>m(false));return window.addEventListener("beforeprint",f),window.addEventListener("afterprint",y),()=>{window.removeEventListener("beforeprint",f),window.removeEventListener("afterprint",y);}},[o,l,i,t]);let p=l||d;return useEffect(()=>{if(!p||typeof document>"u")return;let f=document.documentElement;return ln++,f.classList.add("kanuni-datagrid-printing"),()=>{ln--,ln<=0&&(ln=0,f.classList.remove("kanuni-datagrid-printing"));}},[p]),{active:p,begin:w,end:g}}var sn=new Map,zn=new Set;function Rr(t,e){let n=sn.get(t);return n?[...n].filter(o=>o!==e):[]}function Yn(t,e,n){let o=useRef(null);return useEffect(()=>{if(!e)return;let i={controller:t,scroller:()=>n.current};o.current=i;let d=sn.get(e)??new Set;d.add(i),sn.set(e,d);let m=t.events.on("columnStateChanged",()=>{if(zn.has(e))return;let w=Rr(e,i);if(w.length===0)return;let g=t.getColumnStates();zn.add(e);try{for(let p of w)p.controller.applyColumnStates(g);}finally{zn.delete(e);}});return ()=>{m(),d.delete(i),d.size===0&&sn.delete(e),o.current=null;}},[t,e,n]),{syncScroll:useCallback(i=>{let d=o.current;if(!e||!d)return;let m=Rr(e,d);if(m.length!==0)for(let w of m){let g=w.scroller();g&&g.scrollLeft!==i&&(g.scrollLeft=i);}},[e])}}function dn(t,e,n){return t==="left"?e:t==="center"?n.left+e:n.left+n.center+e}function Cr(t,e){let{start:n,end:o}=e.columns,l=t.centerOffsets,i=l[n]??0,d=(l[o]??0)-i,m=Math.max(0,t.centerWidth-i-d),w=i,g=t.center.slice(n,o),p=Array.from({length:g.length},(b,v)=>n+v),f=t.stickyIndices.filter(b=>b<n);if(f.length>0){let b=f.map(v=>t.center[v]);w-=b.reduce((v,D)=>v+D.state.width,0),g=[...b,...g],p=[...f,...p];}let y=new Map;for(let b of t.stickyIndices){let v=t.centerStickyOffsets[b];v!==null&&y.set(t.center[b].state.id,v);}return {centerColumns:g,centerIndices:p,leadingSpacer:Math.max(0,w),trailingSpacer:m,rowStart:e.rows.start,rowEnd:e.rows.end,stickyInsets:y}}function kr(t){let e=[];for(let n=0;n<t.length;n++){let o=t[n];o&&o.kind!=="data"&&e.push(n);}return e.length>0?e:null}function xr(t,e,n=0){if(!e)return n+t+1;let o=0,l=e.length;for(;o<l;){let i=o+l>>1;e[i]<t?o=i+1:l=i;}return n+t-o+1}var vr=createContext(getGridDictionary("en"));function Xn({locale:t,messages:e,children:n}){let o=useMemo(()=>getGridDictionary(t,e),[t,e]);return jsx(vr.Provider,{value:o,children:n})}function Q(){return useContext(vr)}var cn=36,pn=28,Gt=60,Ni=[["rowNumberColumn",Gt],["detailColumn",pn],["checkboxColumn",cn]];function to(t,e,n=false){return Xe({checkboxColumn:t,detailColumn:e,rowNumberColumn:n}).total}function Xe(t){let e=new Map,n=new Map,o=0,l=0;for(let[i,d]of Ni)t[i]&&(e.set(i,o),n.set(i,++l),o+=d);return {total:o,count:l,inset:i=>e.get(i)??0,colIndex:i=>n.get(i)??1}}function Zn(t){return t?t.kind==="draw"?" kanuni-datagrid-cell--span":" kanuni-datagrid-cell--span-covered":""}function jn(t,e,n){return t?t.kind==="covered"?e?n():null:jsx("div",{className:"kanuni-datagrid-span-box",style:{height:t.height},children:n()}):n()}function Qn(t,e){let n=t??(e==="number"?"right":"left");return n==="right"?"kanuni-datagrid-cell kanuni-datagrid-cell--number":n==="center"?"kanuni-datagrid-cell kanuni-datagrid-cell--center":"kanuni-datagrid-cell"}function un(t,e){if(e===""||t==="")return t;let n=foldText(t),o=n.indexOf(e);if(o===-1)return t;let l=[],i=0,d=0;for(;o!==-1;)o>i&&l.push(t.slice(i,o)),l.push(jsx("mark",{className:"kanuni-datagrid-highlight",children:t.slice(o,o+e.length)},d++)),i=o+e.length,o=n.indexOf(e,i);return i<t.length&&l.push(t.slice(i)),l}function Mi(t,e,n,o=""){if(t.renderCell)return t.renderCell({value:e,row:n.data,node:n,column:t});let l=lookupLabel(t,e);if(l!==null)return un(l,o);if(t.valueFormatter){let i=t.valueFormatter(e,n.data);return typeof i=="string"?un(i,o):i}return t.dateFormat&&t.dataType==="date"?un(formatDateValue(e,t.dateFormat),o):e==null?"":un(String(e),o)}function Pi({gridId:t,node:e,index:n,layout:o,columnModel:l,centerColumns:i,centerIndices:d,stickyInsets:m,leadingSpacer:w,trailingSpacer:g,striped:p,selected:f,groupSelection:y,onToggleGroupSelect:b,groupDisplay:v="fullWidth",focusedColumnId:D,rowFocused:P=false,renderRow:G,checkboxColumn:N,rowNumberColumn:x=false,rowNumber:L=null,getNote:B,getSpan:_,headerRowCount:K,onRowClick:h,onRowMouseDown:E,onRowDoubleClick:I,onToggleSelect:u,onCellMouseDown:C,onRowContextMenu:H,searchNeedle:Y="",onToggleGroup:ne,summaryDefs:se,detailColumn:Je=false,detailExpanded:fe=false,onToggleDetail:pe,onToggleTreeRow:he,renderDetail:ke,renderEditForm:xe,renderCellContent:Ge,getCellClassName:Ae,onCellPointerDown:Oe,onCellPointerEnter:Ze,onCellDoubleClick:je,rowDrag:te,dropSide:Fe=null,height:Be}){let ce=Q();if(isDetailRow(e))return jsx("div",{className:"kanuni-datagrid-row kanuni-datagrid-detail-row",role:"row","aria-rowindex":n+1+K,"data-row-key":String(e.key),"data-detail-for":String(e.parentKey),style:{height:e.height},children:jsx("div",{className:"kanuni-datagrid-detail-cell",role:"gridcell","aria-colindex":1,children:ke?.(e.data)})});if(isEditFormRow(e))return jsx("div",{className:"kanuni-datagrid-row kanuni-datagrid-editform-row",role:"row","aria-rowindex":n+1+K,"data-row-key":String(e.key),"data-editform-for":e.parentKey===null?"":String(e.parentKey),style:{height:e.height},children:jsx("div",{className:"kanuni-datagrid-editform-cell",role:"gridcell","aria-colindex":1,children:e.parentKey===null?null:xe?.(e.parentKey,e.data)})});if(isFillerRow(e))return null;if(isGroupRow(e)&&v!=="aligned"){let R=l.getDef(e.columnId),$=R?.headerName??e.columnId,z=lookupLabel(R,e.value)??e.display??(e.label===""?ce.filterBlank:e.label),J=e.aggregates??null;return jsx("div",{className:`kanuni-datagrid-row kanuni-datagrid-group-row kanuni-datagrid-group-row--level-${e.level}${D?" kanuni-datagrid-group-row--focused":""}`,role:"row","aria-rowindex":n+1+K,"aria-expanded":e.expanded,"aria-level":e.level+1,"data-row-key":String(e.key),"data-group-key":String(e.key),"data-group-level":e.level,onClick:()=>ne?.(String(e.key)),children:jsxs("div",{className:"kanuni-datagrid-group-cell",role:"gridcell","aria-colindex":1,id:`${t}-cell-${String(e.key)}-__group`,style:e.level>0?{paddingLeft:8+e.level*18}:void 0,children:[y&&jsx("input",{type:"checkbox",className:"kanuni-datagrid-group-checkbox",tabIndex:-1,checked:y==="all",ref:A=>{A&&(A.indeterminate=y==="some");},"aria-label":fillText(ce.selectGroupAria,{count:String(e.count),group:z}),onChange:()=>b?.(String(e.key)),onClick:A=>A.stopPropagation(),onMouseDown:A=>A.stopPropagation()}),jsx("span",{className:"kanuni-datagrid-group-twisty","aria-hidden":"true",children:e.expanded?"\u25BE":"\u25B8"}),jsxs("span",{className:"kanuni-datagrid-group-caption",children:[$,":"]}),jsx("span",{className:"kanuni-datagrid-group-label",children:z}),jsxs("span",{className:"kanuni-datagrid-group-count",children:["(",e.count,")"]}),J&&se?.map(A=>jsxs("span",{className:"kanuni-datagrid-group-aggregate",children:[jsxs("span",{className:"kanuni-datagrid-group-aggregate-label",children:[summaryLabel(A)," ",l.getDef(A.columnId)?.headerName??A.columnId,":"]})," ",formatSummaryValue(A,J[summaryKey(A.columnId,A.type)],l.getDef(A.columnId))]},summaryKey(A.columnId,A.type)))]})})}let oe=[],s=Xe({rowNumberColumn:x,detailColumn:Je,checkboxColumn:N}),T=s.count,M=(R,$)=>({node:e,columnId:R,rowIndex:n,columnIndex:$,value:V?void 0:l.getCellValue(e.data,R)}),q=(R,$)=>{let z=()=>M(R,$);return {role:"gridcell",id:`${t}-cell-${String(e.key)}-${R}`,"aria-colindex":T+$+1,"data-column-id":R,onMouseDown:J=>{C?.(e,R),Oe?.(z(),J);},onMouseEnter:Ze?J=>Ze(z(),J):void 0,onDoubleClick:je?()=>je(z()):void 0}},S=e.kind==="data"||e.kind==="treePath"?e.tree:void 0,re=e.kind==="treePath",V=isGroupRow(e)?e:null,de=re||V!==null,Te=V?(o.left[0]??o.center[0]??o.right[0])?.state.id??null:null,ie=()=>{let R=V,$=l.getDef(R.columnId),z=lookupLabel($,R.value)??R.display??(R.label===""?ce.filterBlank:R.label);return jsxs("span",{className:"kanuni-datagrid-group-inline",style:{paddingInlineStart:R.level*16},children:[jsx("span",{className:"kanuni-datagrid-group-twisty","aria-hidden":"true",children:R.expanded?"\u25BE":"\u25B8"}),jsxs("span",{className:"kanuni-datagrid-group-caption",children:[$?.headerName??R.columnId,":"]}),jsx("span",{className:"kanuni-datagrid-group-label",children:z}),jsxs("span",{className:"kanuni-datagrid-group-count",children:["(",R.count,")"]})]})},F=(R,$)=>{let z=V.aggregates?se?.find(J=>J.columnId===$):void 0;return z?jsx("span",{className:"kanuni-datagrid-group-aggregate-value",children:formatSummaryValue(z,V.aggregates[summaryKey($,z.type)],R)}):null},Ve=S?(o.left[0]??o.center[0]??o.right[0])?.state.id??null:null,et=(R,$,z)=>{if(V)return $===Te?ie():F(R,$);if(Ge&&!re){let A=Ge(M($,z));if(A!==void 0)return A}let J=re?$===Ve?jsx("span",{className:"kanuni-datagrid-tree-path-label",children:e.label}):null:Mi(R,l.getCellValue(e.data,$),e,Y);return S&&$===Ve?jsxs("span",{className:S.ancestorOnly?"kanuni-datagrid-tree-cell kanuni-datagrid-tree-cell--ancestor":"kanuni-datagrid-tree-cell",style:{paddingInlineStart:S.depth*16},children:[S.hasChildren?jsx("button",{type:"button",className:"kanuni-datagrid-tree-toggle","data-tree-toggle":"","aria-expanded":S.expanded,"aria-label":S.expanded?ce.collapseDetails:ce.expandDetails,onClick:A=>{A.stopPropagation(),he?.(e.key);},children:S.expanded?"\u25BE":"\u25B8"}):jsx("span",{className:"kanuni-datagrid-tree-toggle kanuni-datagrid-tree-toggle--leaf"}),J]}):J},Ue=(R,$)=>{if(!Ae||V)return "";let z=Ae(M(R,$));return z?` ${z}`:""},Se=R=>!B||e.kind!=="data"?"":B(e.key,R,e.data)?" kanuni-datagrid-cell--noted":"",Ee=R=>_&&e.kind==="data"?_(n,R):null,a=(R,$)=>{let z=R.autoHeight?" kanuni-datagrid-cell--wrap":"";return !R.cellClassName||de?z:z+ze(R,$)},ze=(R,$)=>{let z=R.cellClassName;if(!z)return "";if(typeof z=="string")return ` ${z}`;let J=e.data,A=z({value:l.getCellValue(J,$),row:J,node:e,column:R});return A?` ${A}`:""};if(x){let R=e.kind==="data"&&L!==null;oe.push(jsx("div",{role:"gridcell","aria-colindex":s.colIndex("rowNumberColumn"),className:"kanuni-datagrid-cell kanuni-datagrid-cell--number kanuni-datagrid-cell--pinned kanuni-datagrid-rownum-cell",style:{width:Gt,insetInlineStart:s.inset("rowNumberColumn")},children:R?L:""},"__rownum"));}Je&&oe.push(jsx("div",{role:"gridcell","aria-colindex":s.colIndex("detailColumn"),className:"kanuni-datagrid-cell kanuni-datagrid-cell--center kanuni-datagrid-cell--pinned kanuni-datagrid-detail-toggle-cell",style:{width:pn,insetInlineStart:s.inset("detailColumn")},children:de?null:jsx("button",{type:"button",className:"kanuni-datagrid-detail-toggle",tabIndex:-1,"aria-expanded":fe,"aria-label":fe?ce.collapseDetails:ce.expandDetails,onClick:R=>{R.stopPropagation(),pe?.(e.key);},children:fe?"\u25BE":"\u25B8"})},"__detail")),N&&oe.push(jsx("div",{role:"gridcell","aria-colindex":s.colIndex("checkboxColumn"),className:"kanuni-datagrid-cell kanuni-datagrid-cell--center kanuni-datagrid-cell--pinned kanuni-datagrid-select-cell",style:{width:cn,insetInlineStart:s.inset("checkboxColumn")},onMouseDown:R=>R.stopPropagation(),onClick:R=>{R.target.tagName!=="INPUT"&&(R.stopPropagation(),u?.(e));},children:V?y&&jsx("input",{type:"checkbox",className:"kanuni-datagrid-group-checkbox",tabIndex:-1,checked:y==="all",ref:R=>{R&&(R.indeterminate=y==="some");},"aria-label":fillText(ce.selectGroupAria,{count:String(V.count),group:V.display??V.label}),onChange:()=>b?.(String(V.key)),onClick:R=>R.stopPropagation(),onMouseDown:R=>R.stopPropagation()}):re?null:jsx("input",{type:"checkbox",checked:f,tabIndex:-1,"aria-label":fillText(ce.selectRowAria,{row:String(e.key)}),onChange:()=>u?.(e),onClick:R=>R.stopPropagation(),onMouseDown:R=>R.stopPropagation()})},"__select"));let yt=s.total,ue=R=>D===R?" kanuni-datagrid-cell--focused":"",tt={left:o.left.length,center:o.center.length};return o.left.forEach((R,$)=>{let z=R.def,J=$===o.left.length-1,A=R.state.id,be=dn("left",$,tt);oe.push(jsx("div",{...q(A,be),className:`${Qn(z.align,z.dataType)} kanuni-datagrid-cell--pinned${J?" kanuni-datagrid-pin-edge-left":""}${ue(A)}${a(z,A)}${Ue(A,be)}${Se(A)}${Zn(Ee(A))}`,style:{width:R.state.width,insetInlineStart:o.leftOffsets[$]+yt},children:jn(Ee(A),D===A,()=>et(z,A,be))},A));}),w>0&&oe.push(jsx("div",{className:"kanuni-datagrid-spacer",style:{width:w}},"__lead")),i.forEach((R,$)=>{let z=R.def,J=R.state.id,A=dn("center",d?.[$]??$,tt),be=m?.get(J),Ke=be===void 0?"":" kanuni-datagrid-cell--pinned kanuni-datagrid-cell--sticky";oe.push(jsx("div",{...q(J,A),className:`${Qn(z.align,z.dataType)}${Ke}${ue(J)}${a(z,J)}${Ue(J,A)}${Se(J)}${Zn(Ee(J))}`,style:be===void 0?{width:R.state.width}:{width:R.state.width,insetInlineStart:be+yt},children:jn(Ee(J),D===J,()=>et(z,J,A))},J));}),g>0&&oe.push(jsx("div",{className:"kanuni-datagrid-spacer",style:{width:g}},"__trail")),o.right.forEach((R,$)=>{let z=R.def,J=$===0,A=R.state.id,be=dn("right",$,tt);oe.push(jsx("div",{...q(A,be),className:`${Qn(z.align,z.dataType)} kanuni-datagrid-cell--pinned${J?" kanuni-datagrid-pin-edge-right":""}${ue(A)}${a(z,A)}${Ue(A,be)}${Se(A)}${Zn(Ee(A))}`,style:{width:R.state.width,insetInlineEnd:o.rightOffsets[$]},children:jn(Ee(A),D===A,()=>et(z,A,be))},A));}),jsxs("div",{className:`kanuni-datagrid-row${p&&n%2===1?" kanuni-datagrid-row--odd":""}${f?" kanuni-datagrid-row--selected":""}${P?" kanuni-datagrid-row--focused":""}${re?" kanuni-datagrid-row--tree-path":""}${V?` kanuni-datagrid-group-row kanuni-datagrid-group-row--aligned kanuni-datagrid-group-row--level-${V.level}`:""}${Fe?` kanuni-datagrid-row--drop-${Fe}`:""}`,role:"row","aria-rowindex":n+1+K,"aria-selected":V?void 0:f,"aria-expanded":V?V.expanded:void 0,"aria-level":V?V.level+1:void 0,"data-row-key":String(e.key),"data-group-key":V?String(V.key):void 0,"data-group-level":V?V.level:void 0,style:Be===void 0?void 0:{height:Be},draggable:te?.draggable&&!V?true:void 0,onDragStart:te&&!V?R=>te.onDragStart(e,R):void 0,onDragEnd:te&&!V?()=>te.onDragEnd():void 0,onDragOver:te&&!V?R=>te.onDragOver(e,R):void 0,onDrop:te&&!V?R=>te.onDrop(e,R):void 0,onMouseDown:E&&!V?R=>E(e,R):void 0,onClick:V?()=>ne?.(String(V.key)):h?R=>h(e,n,R):void 0,onDoubleClick:I?R=>I(e,n,R):void 0,onContextMenu:H?R=>H(e,n,R):void 0,children:[te&&!V&&jsx("span",{className:"kanuni-datagrid-row-grip","data-testid":"dg-row-grip","aria-hidden":"true",title:ce.dragToReorder,onMouseEnter:()=>te.setDraggable(true),onMouseLeave:()=>te.setDraggable(false),children:jsx("svg",{width:"10",height:"14",viewBox:"0 0 10 14",focusable:"false",children:jsxs("g",{fill:"currentColor",children:[jsx("circle",{cx:"3",cy:"3",r:"1.2"}),jsx("circle",{cx:"7",cy:"3",r:"1.2"}),jsx("circle",{cx:"3",cy:"7",r:"1.2"}),jsx("circle",{cx:"7",cy:"7",r:"1.2"}),jsx("circle",{cx:"3",cy:"11",r:"1.2"}),jsx("circle",{cx:"7",cy:"11",r:"1.2"})]})})}),G&&e.kind==="data"?G({row:e.data,node:e,rowIndex:n,selected:f,focused:P}):oe]})}var Ft=memo(Pi);var St=26;function no(t,e){return computeHeaderBands(t,e)}function oo(t,e=""){return `kanuni-datagrid-band-cell${t.spacer?" kanuni-datagrid-band-cell--spacer":""}${e}`}function ro(t,e){let n=jsx("span",{className:"kanuni-datagrid-band-label",children:t.label});if(!e||t.spacer||t.columnIds.length===0)return n;let o=e.pathOf(t.columnIds[0]).slice(0,t.level+1);if(o.length!==t.level+1||!e.collapsible(o))return n;let l=e.collapsed(o);return jsxs(Fragment,{children:[jsx("button",{type:"button",className:"kanuni-datagrid-band-toggle","aria-expanded":!l,"aria-label":l?e.labels.expand:e.labels.collapse,title:l?e.labels.expand:e.labels.collapse,onClick:i=>{i.stopPropagation(),e.onToggle(o);},children:jsxs("svg",{width:"14",height:"14",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",children:[jsx("rect",{x:"2",y:"2",width:"12",height:"12",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.3"}),jsx("path",{d:"M5 8h6",fill:"none",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"}),l&&jsx("path",{d:"M8 5v6",fill:"none",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})]})}),n]})}function Hi({layout:t,centerColumns:e,leadingSpacer:n,trailingSpacer:o,depth:l,checkboxColumn:i=false,detailColumn:d=false,rowNumberColumn:m=false,rowHeight:w=St,bandFold:g}){if(l<=0)return null;let p=Xe({rowNumberColumn:m,detailColumn:d,checkboxColumn:i}).total,f=no(t.left,l),y=no(e,l),b=no(t.right,l),v=(D,P,G)=>{let N=G;for(let x=0;x<P;x++)N+=D[x].width;return N};return jsx(Fragment,{children:Array.from({length:l},(D,P)=>jsxs("div",{className:"kanuni-datagrid-band-row",role:"row","aria-rowindex":P+1,style:{width:t.totalWidth+p,height:w,top:P*w},children:[p>0&&jsx("div",{className:"kanuni-datagrid-band-cell kanuni-datagrid-band-cell--spacer kanuni-datagrid-band-cell--pinned",style:{width:p,insetInlineStart:0},"aria-hidden":"true"}),(f[P]??[]).map((G,N)=>jsx("div",{className:oo(G,` kanuni-datagrid-band-cell--pinned${N===(f[P]?.length??0)-1?" kanuni-datagrid-pin-edge-left":""}`),role:G.spacer?"presentation":"columnheader","aria-colspan":G.spacer?void 0:G.columnIds.length,style:{width:G.width,insetInlineStart:v(f[P]??[],N,p)},title:G.spacer?void 0:G.label,children:ro(G,g)},G.columnIds[0])),n>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:n}}),(y[P]??[]).map(G=>jsx("div",{className:oo(G),role:G.spacer?"presentation":"columnheader","aria-colspan":G.spacer?void 0:G.columnIds.length,style:{width:G.width},title:G.spacer?void 0:G.label,children:ro(G,g)},G.columnIds[0])),o>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:o}}),(b[P]??[]).map((G,N)=>{let x=b[P]??[],L=0;for(let B=N+1;B<x.length;B++)L+=x[B].width;return jsx("div",{className:oo(G,` kanuni-datagrid-band-cell--pinned${N===0?" kanuni-datagrid-pin-edge-right":""}`),role:G.spacer?"presentation":"columnheader","aria-colspan":G.spacer?void 0:G.columnIds.length,style:{width:G.width,insetInlineEnd:L},title:G.spacer?void 0:G.label,children:ro(G,g)},G.columnIds[0])})]},P))})}var io=memo(Hi);var Oi=()=>jsx("svg",{width:"11",height:"11",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",children:jsx("path",{d:"M1.5 2.5h13L9.5 8.6v4.3l-3 1.6V8.6L1.5 2.5Z",fill:"currentColor",stroke:"currentColor",strokeWidth:"0.6",strokeLinejoin:"round"})});function Fi(t,e){return t.renderHeader?t.renderHeader({column:t}):t.headerName??t.field??e}function Bi({bandOffset:t=0,stickyInsets:e,layout:n,centerColumns:o,leadingSpacer:l,trailingSpacer:i,sort:d,sortable:m,onSort:w,headerFilter:g=false,filteredColumns:p,onOpenFilter:f,filterIconMode:y="hover",checkboxColumn:b=false,detailColumn:v=false,rowNumberColumn:D=false,rowNumberHeader:P="#",selectAllState:G="none",onToggleSelectAll:N,draggable:x=false,reorderable:L=false,onReorder:B,resizable:_=false,onResize:K,onAutoFit:h,onHeaderContextMenu:E}){let I=Q(),u=Xe({rowNumberColumn:D,detailColumn:v,checkboxColumn:b}),C=new Map(d.map((s,T)=>[s.columnId,{direction:s.direction,order:T}])),H=new Set(p??[]),Y=[...n.left.map(s=>s.state.id),...o.map(s=>s.state.id),...n.right.map(s=>s.state.id)],[ne,se]=useState(null),Je=ne&&Y.includes(ne)?ne:Y[0],fe=s=>{se(s),document.querySelector(`[data-column-id="${s}"].kanuni-datagrid-header-cell`)?.focus();},pe=s=>{let T=Y.indexOf(Je),M=Math.min(Y.length-1,Math.max(0,T+s));M!==T&&fe(Y[M]);},he=useRef(null),ke=useRef(false),[xe,Ge]=useState(null),Ae=Y,Oe=s=>[...n.left,...n.center,...n.right].find(T=>T.state.id===s)?.state.pinned??null,Ze=(s,T)=>(ke.current?s>T.left+T.width/2:s<T.left+T.width/2)?"before":"after",je=(s,T)=>{let M=he.current;if(!L||!M||M===s||Oe(M)!==Oe(s))return;T.preventDefault(),T.dataTransfer.dropEffect="move";let q=Ze(T.clientX,T.currentTarget.getBoundingClientRect());Ge(S=>S?.id===s&&S.side===q?S:{id:s,side:q});},te=(s,T)=>{let M=he.current;if(Ge(null),!L||!M||M===s||Oe(M)!==Oe(s))return;if(T.preventDefault(),T.stopPropagation(),Ze(T.clientX,T.currentTarget.getBoundingClientRect())==="before")B?.(M,s);else {let S=Ae[Ae.indexOf(s)+1];B?.(M,S===M?Ae[Ae.indexOf(s)+2]:S);}he.current=null;},[Fe,Be]=useState(null),ce=(s,T)=>{if(!_)return;T.preventDefault(),T.stopPropagation();let M=T.currentTarget,q=T.clientX,S=s.state.width,re=ke.current?-1:1,V=s.state.id;Be(V),M.setPointerCapture(T.pointerId);let de=S,Te=false,ie=Ve=>{Te=true,de=S+(Ve.clientX-q)*re,K?.(V,de,false);},F=()=>{M.releasePointerCapture?.(T.pointerId),M.removeEventListener("pointermove",ie),M.removeEventListener("pointerup",F),M.removeEventListener("pointercancel",F),Te&&K?.(V,de,true),Be(null);};M.addEventListener("pointermove",ie),M.addEventListener("pointerup",F),M.addEventListener("pointercancel",F);},oe=(s,T,M)=>{let q=s.def,S=s.state.id,re=m&&q.sortable!==false,V=g&&q.filterable!==false,de=C.get(S),Te=x&&q.groupable!==false||L&&q.reorderable!==false,ie=xe?.id===S?xe.side:null;return jsxs("div",{className:`kanuni-datagrid-header-cell${T}${re?" kanuni-datagrid-header-cell--sortable":""}${ie?` kanuni-datagrid-header-cell--drop-${ie}`:""}${Fe===S?" kanuni-datagrid-header-cell--resizing":""}`,style:M,role:"columnheader","aria-sort":de?de.direction==="asc"?"ascending":"descending":"none","data-column-id":S,tabIndex:S===Je?0:-1,onFocus:()=>se(S),draggable:Te&&Fe===null,onDragStart:F=>{F.dataTransfer.setData("text/x-kanuni-column",S),F.dataTransfer.effectAllowed="move",he.current=S,ke.current=getComputedStyle(F.currentTarget).direction==="rtl";},onDragEnd:()=>{he.current=null,Ge(null);},onDragOver:L?F=>je(S,F):void 0,onDragLeave:L?()=>Ge(F=>F?.id===S?null:F):void 0,onDrop:L?F=>te(S,F):void 0,onContextMenu:E?F=>E(S,F):void 0,onClick:re?F=>w(S,F.shiftKey):void 0,onKeyDown:F=>{F.key==="ArrowRight"?(F.preventDefault(),pe(1)):F.key==="ArrowLeft"?(F.preventDefault(),pe(-1)):F.key==="Home"?(F.preventDefault(),fe(Y[0])):F.key==="End"?(F.preventDefault(),fe(Y[Y.length-1])):V&&F.altKey&&F.key==="ArrowDown"?(F.preventDefault(),f?.(S,F.currentTarget)):re&&(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),w(S,F.shiftKey));},children:[jsx("span",{className:"kanuni-datagrid-header-label",children:Fi(q,S)}),de&&jsx("span",{className:"kanuni-datagrid-sort-indicator","aria-hidden":"true",children:de.direction==="asc"?"\u25B2":"\u25BC"}),de&&d.length>1&&jsx("span",{className:"kanuni-datagrid-sort-order","aria-hidden":"true",children:de.order+1}),g&&q.filterable!==false&&jsx("button",{type:"button",className:`kanuni-datagrid-filter-button${H.has(S)?" kanuni-datagrid-filter-button--active":""}${y==="always"?" kanuni-datagrid-filter-button--pinned":""}`,"aria-label":fillText(I.filterColumnAria,{column:q.headerName??S}),"aria-haspopup":"dialog","data-filter-button":S,tabIndex:-1,onClick:F=>{F.stopPropagation(),f?.(S,F.currentTarget);},children:jsx(Oi,{})}),_&&q.resizable!==false&&jsx("span",{className:"kanuni-datagrid-resize-handle","data-resize-handle":S,role:"presentation",onPointerDown:F=>ce(s,F),onDoubleClick:F=>{F.stopPropagation(),h?.(S);},onClick:F=>F.stopPropagation()})]},S)};return jsxs("div",{className:"kanuni-datagrid-header",role:"row","aria-rowindex":Math.round(t/St)+1,style:{width:n.totalWidth+u.total,top:t||void 0},children:[D&&jsx("div",{className:"kanuni-datagrid-header-cell kanuni-datagrid-header-cell--pinned kanuni-datagrid-rownum-cell",role:"columnheader","aria-colindex":u.colIndex("rowNumberColumn"),"aria-label":I.rowNumberAria,style:{width:Gt,insetInlineStart:u.inset("rowNumberColumn")},children:P??""}),v&&jsx("div",{className:"kanuni-datagrid-header-cell kanuni-datagrid-header-cell--pinned kanuni-datagrid-detail-toggle-cell",role:"columnheader","aria-colindex":u.colIndex("detailColumn"),"aria-label":I.detailsAria,style:{width:pn,insetInlineStart:u.inset("detailColumn")}}),b&&jsx("div",{className:"kanuni-datagrid-header-cell kanuni-datagrid-header-cell--pinned kanuni-datagrid-select-cell",role:"columnheader","aria-colindex":u.colIndex("checkboxColumn"),style:{width:cn,insetInlineStart:u.inset("checkboxColumn")},children:jsx("input",{type:"checkbox",checked:G==="all",ref:s=>{s&&(s.indeterminate=G==="some");},"aria-label":I.selectAllRows,onChange:()=>N?.()})}),n.left.map((s,T)=>oe(s,` kanuni-datagrid-header-cell--pinned${T===n.left.length-1?" kanuni-datagrid-pin-edge-left":""}`,{width:s.state.width,insetInlineStart:n.leftOffsets[T]+u.total})),l>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:l}}),o.map(s=>{let T=e?.get(s.state.id);return T===void 0?oe(s,"",{width:s.state.width}):oe(s," kanuni-datagrid-header-cell--pinned kanuni-datagrid-cell--sticky",{width:s.state.width,insetInlineStart:T+u.total})}),i>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:i}}),n.right.map((s,T)=>oe(s,` kanuni-datagrid-header-cell--pinned${T===0?" kanuni-datagrid-pin-edge-right":""}`,{width:s.state.width,insetInlineEnd:n.rightOffsets[T]}))]})}var so=memo(Bi);function uo(t,e,n=[]){let o=null,l=new Set,i=d=>{if(l.has(d)||(l.add(d),e.isPending(d)))return;let m=e.textFor(d);if(m===null)return;let w=t[d]??"";w!==m&&(w===""&&m===""||(o??={...t},o[d]=m));};for(let d of Object.keys(t))i(d);for(let d of n)i(d);return o??t}function _i({bandOffset:t=0,stickyInsets:e,layout:n,centerColumns:o,leadingSpacer:l,trailingSpacer:i,values:d,checkboxColumn:m=false,detailColumn:w=false,rowNumberColumn:g=false,placeholder:p,onChange:f,onCommit:y,periodSuggestions:b,periodListId:v}){let D=Q(),P=Xe({rowNumberColumn:g,detailColumn:w,checkboxColumn:m}),G=p??D.filterPlaceholder,N=(x,L,B)=>{let _=x.state.id,K=x.def.filterable!==false;return jsx("div",{className:`kanuni-datagrid-filter-cell${L}`,style:B,"data-column-id":_,children:K&&jsx("input",{className:"kanuni-datagrid-filter-input",type:"text",value:d[_]??"",placeholder:G,"aria-label":fillText(D.filterColumnAria,{column:x.def.headerName??_}),"data-filter-for":_,list:x.def.dataType==="date"&&v?v:void 0,onChange:h=>f(_,h.target.value),onKeyDown:h=>{h.key==="Enter"&&y?.(_,h.target.value);},onBlur:h=>y?.(_,h.target.value)})},_)};return jsxs("div",{className:"kanuni-datagrid-filter-row",role:"row","aria-rowindex":2,style:{width:n.totalWidth+P.total,"--dg-band-offset":`${t}px`},children:[v&&b&&b.length>0&&jsx("datalist",{id:v,children:b.map(x=>jsx("option",{value:x},x))}),P.total>0&&jsx("div",{className:"kanuni-datagrid-filter-cell kanuni-datagrid-filter-cell--pinned",style:{width:P.total,insetInlineStart:0}}),n.left.map((x,L)=>N(x,` kanuni-datagrid-filter-cell--pinned${L===n.left.length-1?" kanuni-datagrid-pin-edge-left":""}`,{width:x.state.width,insetInlineStart:n.leftOffsets[L]+P.total})),l>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:l}}),o.map(x=>{let L=e?.get(x.state.id);return L===void 0?N(x,"",{width:x.state.width}):N(x," kanuni-datagrid-filter-cell--pinned kanuni-datagrid-cell--sticky",{width:x.state.width,insetInlineStart:L+P.total})}),i>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:i}}),n.right.map((x,L)=>N(x,` kanuni-datagrid-filter-cell--pinned${L===0?" kanuni-datagrid-pin-edge-right":""}`,{width:x.state.width,insetInlineEnd:n.rightOffsets[L]}))]})}var co=memo(_i);var Nr=createContext("");function ho({theme:t,density:e,palette:n,children:o}){let l=useMemo(()=>themeClassName(t,e,n),[t,e,n]);return jsx(Nr.Provider,{value:l,children:o})}function bo(){return useContext(Nr)}function $e({children:t,dark:e=false}){let[n,o]=useState(null),l=bo();return useEffect(()=>{let i=document.createElement("div");return i.className=`kanuni-datagrid-root kanuni-datagrid-portal${e?" kanuni-datagrid-dark":""}${l}`,document.body.appendChild(i),o(i),()=>{i.remove();}},[e,l]),n?createPortal(t,n):null}function Kt({anchor:t,onClose:e,margin:n=8,autoFocus:o=false}){let l=useRef(null),[i,d]=useState(t),m=useCallback(w=>{if(l.current=w,!w)return;let g=w.getBoundingClientRect(),p=t.top+g.height+n>window.innerHeight,f=t.top-g.height-n*2,y=p&&f>n?f:t.top;d({left:Math.max(n,Math.min(t.left,window.innerWidth-g.width-n)),top:Math.max(n,Math.min(y,window.innerHeight-g.height-n))}),o&&w.focus();},[t.left,t.top,n,o]);return useEffect(()=>{let w=f=>{let y=l.current;y&&!y.contains(f.target)&&e();},g=f=>{f.key==="Escape"&&e();},p=f=>{let y=l.current,b=f.target;y&&b instanceof Node&&y.contains(b)||e();};return document.addEventListener("mousedown",w),document.addEventListener("keydown",g),window.addEventListener("scroll",p,true),()=>{document.removeEventListener("mousedown",w),document.removeEventListener("keydown",g),window.removeEventListener("scroll",p,true);}},[e]),{position:i,ref:m,elementRef:l}}var fn=25,_t=new Map,Mr=200,ol=200,Pr=8;function rl(t){let e=Q();return useMemo(()=>({search:e.search,selectAll:e.filterSelectAll,clear:e.clear,apply:e.apply,cancel:e.cancel,blank:e.filterBlank,noMatch:e.filterNoMatch,loading:e.filterLoading,truncated:e.filterTruncated,...t}),[e,t])}var al=memo(function({label:e,display:n,index:o,active:l,checked:i,onToggle:d,onFocus:m}){return jsxs("div",{role:"option","aria-selected":i,tabIndex:0,className:`kanuni-datagrid-filter-item${l?" kanuni-datagrid-filter-item--active":""}`,"data-value":e,"data-index":o,onFocus:()=>m(o),onClick:()=>d(e),children:[jsx("input",{type:"checkbox",readOnly:true,checked:i,tabIndex:-1}),jsx("span",{children:n})]})});function ko({gridId:t,columnId:e,headerLabel:n,entries:o,initialSelected:l,anchor:i,loading:d=false,dark:m,onApply:w,onClose:g,truncated:p=false,onSearch:f,labels:y}){let b=rl(y),[v,D]=useState(""),[P,G]=useState(0),[N,x]=useState(()=>new Set(l??o.map(s=>s.label))),[L,B]=useState(false),_=useRef(null),K=useRef(null),[h,E]=useState(0),[I,u]=useState(240),C=`${t??""}:${e}`,H=_t.get(C),Y=useRef(H?.scrollTop??null),[ne,se]=useState(H&&H.width&&H.height?{width:H.width,height:H.height}:null),Je=useCallback(s=>{_.current=s,s?.focus();},[]),fe=useRef(null),pe=useMemo(()=>{let s=foldText(v.trim());if(!s||p)return o;let T=fe.current;(!T||T.entries!==o)&&(T={entries:o,lowered:o.map(q=>foldText(q.label)),needle:"",result:[]},fe.current=T);let M=T.needle!==""&&s.includes(T.needle)?T.result.filter(q=>foldText(q.label).includes(s)):o.filter((q,S)=>T.lowered[S].includes(s));return T.needle=s,T.result=M,M},[o,v,p]);useEffect(()=>{if(!f)return;let s=setTimeout(()=>f(v),150);return ()=>clearTimeout(s)},[v,f]),useEffect(()=>{L||l||x(new Set(o.map(s=>s.label)));},[o,L,l]);let he=useCallback(s=>{K.current=s,s&&u(s.clientHeight||240);},[]);useEffect(()=>{let s=K.current;!s||Y.current===null||d||s.scrollHeight<=s.clientHeight||(s.scrollTop=Y.current,Y.current=null,E(s.scrollTop));});let ke=useMemo(()=>{let s=pe.length,T=Math.max(0,Math.floor(h/fn)-Pr),M=Math.ceil(I/fn)+Pr*2,q=Math.min(T,Math.max(0,s-1)),S=Math.min(s,q+M);return {start:q,end:S,count:s,rows:pe.slice(q,S)}},[pe,h,I]),xe=Kt({anchor:i,onClose:g}),[Ge,Ae]=useState(null),Oe=(Ge??xe.position.left)+(ne?.width??260)+48<window.innerWidth?"right":"left",Ze=s=>{s.preventDefault(),s.stopPropagation();let T=xe.elementRef.current;if(!T)return;let M=T.getBoundingClientRect(),q=Oe,S={x:s.clientX,y:s.clientY,w:M.width,h:M.height,left:M.left},re=null,V=Te=>{let ie=Te.clientX-S.x,F=Te.clientY-S.y,Ve=window.innerHeight-M.top-12,et=Math.min(Ve,Math.max(ol,S.h+F));if(q==="right"){let Ue=window.innerWidth-S.left-12;re={width:Math.min(Ue,Math.max(Mr,S.w+ie)),height:et},se(re);}else {let Ue=S.left+S.w,Se=Ue-12,Ee=Math.min(Se,Math.max(Mr,S.w-ie));re={width:Ee,height:et},se(re),Ae(Ue-Ee);}K.current&&u(K.current.clientHeight);},de=()=>{if(window.removeEventListener("pointermove",V),window.removeEventListener("pointerup",de),re){let Te=_t.get(C);_t.set(C,{scrollTop:Te?.scrollTop??K.current?.scrollTop??0,width:Math.round(re.width),height:Math.round(re.height)});}};window.addEventListener("pointermove",V),window.addEventListener("pointerup",de);},je=useCallback(s=>{B(true),x(T=>{let M=new Set(T);return M.has(s)?M.delete(s):M.add(s),M});},[]),te=useCallback(s=>G(s),[]),Fe=()=>{if(d)return;if(N.size===o.length){w(null);return}let s=o.filter(S=>N.has(S.label)),T=s.some(S=>S.value===null||S.value===void 0),M=s.filter(S=>S.value!==null&&S.value!==void 0),q;M.length===0?q={columnId:e,operator:"isnull"}:T?q={logic:"or",nodes:[{columnId:e,operator:"in",value:M.map(S=>S.value)},{columnId:e,operator:"isnull"}]}:q={columnId:e,operator:"in",value:M.map(S=>S.value)},w(q);},Be=s=>{let T=Math.max(0,Math.min(pe.length-1,s));G(T);let M=xe.elementRef.current?.querySelector(`.kanuni-datagrid-filter-item[data-index="${T}"]`);M?.focus(),M?.scrollIntoView({block:"nearest"});},ce=s=>s.key.length===1&&!s.ctrlKey&&!s.metaKey&&!s.altKey,oe=s=>{let T=s.target===_.current;if(s.key==="Backspace"&&!T){s.preventDefault(),_.current?.focus(),D(M=>M.slice(0,-1)),G(0);return}if(s.key==="ArrowDown"){s.preventDefault(),Be(T?0:P+1);return}if(s.key==="ArrowUp"){s.preventDefault(),Be(T?pe.length-1:P-1);return}if(!T&&(s.key==="Home"||s.key==="End")){s.preventDefault(),Be(s.key==="Home"?0:pe.length-1);return}if(s.key===" "&&!T){s.preventDefault();let M=pe[P];M&&je(M.label);return}if(s.key==="Enter"){s.preventDefault(),Fe();return}!T&&ce(s)&&s.key!==" "&&(s.preventDefault(),_.current?.focus(),D(M=>M+s.key),G(0));};return jsx($e,{dark:m,children:jsxs("div",{ref:xe.ref,className:"kanuni-datagrid-filter-popup",style:{left:Ge??xe.position.left,top:xe.position.top,...ne?{width:ne.width,height:ne.height,maxHeight:"none"}:null},role:"dialog","aria-label":`${n} filter`,onKeyDown:oe,children:[jsx("div",{className:`kanuni-datagrid-popup-resize kanuni-datagrid-popup-resize--${Oe}`,"data-testid":"dg-filter-resize",onPointerDown:Ze}),jsx("input",{ref:Je,className:"kanuni-datagrid-filter-search",type:"search",placeholder:b.search,value:v,onChange:s=>{D(s.target.value),G(0);},"data-testid":"dg-filter-search"}),p&&jsx("p",{className:"kanuni-datagrid-filter-truncated","data-testid":"dg-filter-truncated",children:b.truncated}),jsxs("div",{className:"kanuni-datagrid-filter-actions",children:[jsx("button",{type:"button",onClick:()=>{B(true),x(new Set(o.map(s=>s.label)));},children:b.selectAll}),jsx("button",{type:"button",onClick:()=>{B(true),x(new Set);},children:b.clear})]}),jsxs("div",{ref:he,className:"kanuni-datagrid-filter-list",role:"listbox","aria-multiselectable":"true","aria-busy":d||void 0,"aria-setsize":pe.length,onScroll:s=>{let T=s.target.scrollTop;E(T),Y.current=null;let M=_t.get(C);_t.set(C,{...M,scrollTop:T});},children:[d&&jsx("div",{className:"kanuni-datagrid-filter-empty",children:b.loading}),!d&&pe.length===0&&jsx("div",{className:"kanuni-datagrid-filter-empty",children:b.noMatch}),ke.count>0&&jsx("div",{style:{height:pe.length*fn,position:"relative"},children:jsx("div",{style:{transform:`translateY(${ke.start*fn}px)`},children:ke.rows.map((s,T)=>{let M=ke.start+T;return jsx(al,{label:s.label,display:s.label===""?b.blank:s.label,index:M,active:M===P,checked:N.has(s.label),onToggle:je,onFocus:te},s.label)})})})]}),jsxs("div",{className:"kanuni-datagrid-filter-footer",children:[jsx("button",{type:"button",onClick:g,children:b.cancel}),jsx("button",{type:"button",className:"kanuni-datagrid-filter-primary",onClick:Fe,disabled:d,"data-testid":"dg-filter-apply",children:b.apply})]})]})})}var xo="text/x-kanuni-column";function sl({columns:t,levels:e,onSetLevels:n,maxLevels:o=1,onExpandAll:l,onCollapseAll:i,emptyText:d}){let m=Q(),w=d??m.groupPanelHint,[g,p]=useState(false),f=useRef(null),[y,b]=useState(null),v=h=>t.find(I=>I.state.id===h)?.def.headerName??h,D=h=>{if(!h||e.includes(h))return;let E=e.length>=o?e.slice(0,o-1):[...e];n([...E,h]);},P=h=>n(e.filter(E=>E!==h)),G=(h,E)=>{let I=e.filter(C=>C!==h),u=Math.max(0,Math.min(I.length,E));n([...I.slice(0,u),h,...I.slice(u)]);},N=(h,E,I)=>{if(h===E)return;let C=e.filter(H=>H!==h).indexOf(E);C<0||G(h,I==="before"?C:C+1);},x=(h,E)=>{let I=h+E;I<0||I>=e.length||N(e[h],e[I],E<0?"before":"after");},L=(h,E)=>h<E.top+E.height/2?"before":"after",B=(h,E)=>{E.preventDefault(),E.stopPropagation();let I=L(E.clientY,E.currentTarget.getBoundingClientRect());b(null),p(false);let u=f.current;if(f.current=null,u){N(u,e[h],I);return}let C=E.dataTransfer.getData(xo);if(!C||e.includes(C))return;if(e.length>=o){D(C);return}let H=I==="before"?h:h+1;n([...e.slice(0,H),C,...e.slice(H)]);},_=(h,E,I)=>{let u=I.ctrlKey||I.metaKey;u&&(I.key==="ArrowUp"||I.key==="ArrowLeft")?(I.preventDefault(),x(h,-1)):u&&(I.key==="ArrowDown"||I.key==="ArrowRight")?(I.preventDefault(),x(h,1)):(I.key==="Delete"||I.key==="Backspace")&&(I.preventDefault(),P(E));},K=t.filter(h=>!e.includes(h.state.id));return jsxs("div",{className:`kanuni-datagrid-group-panel${g?" kanuni-datagrid-group-panel--over":""}`,onDragOver:h=>{h.preventDefault(),p(true);},onDragLeave:()=>p(false),onDrop:h=>{if(h.preventDefault(),p(false),b(null),f.current){f.current=null;return}D(h.dataTransfer.getData(xo));},children:[e.length>0?jsx("div",{className:"kanuni-datagrid-group-levels",children:e.map((h,E)=>jsx("div",{className:`kanuni-datagrid-group-level${y?.index===E?` kanuni-datagrid-group-level--drop-${y.side}`:""}`,style:{"--dg-group-level":E},"data-group-level":E,onDragOver:I=>{I.preventDefault(),I.stopPropagation();let u=L(I.clientY,I.currentTarget.getBoundingClientRect());b(C=>C?.index===E&&C.side===u?C:{index:E,side:u});},onDragLeave:()=>b(I=>I?.index===E?null:I),onDrop:I=>B(E,I),children:jsxs("span",{className:"kanuni-datagrid-group-chip",draggable:o>1&&e.length>1,tabIndex:0,role:"button","aria-label":`${fillText(m.groupLevelAria,{n:E+1})}: ${v(h)}`,onDragStart:I=>{f.current=h,I.dataTransfer.effectAllowed="move",I.dataTransfer.setData(xo,h);},onDragEnd:()=>{f.current=null,b(null);},onKeyDown:I=>_(E,h,I),children:[o>1&&jsx("span",{className:"kanuni-datagrid-group-chip-level",children:E+1}),v(h),jsx("button",{type:"button","aria-label":fillText(m.groupRemoveAria,{column:v(h)}),onClick:()=>P(h),children:"\xD7"})]})},h))}):jsx("span",{className:"kanuni-datagrid-group-panel-hint",children:w}),jsxs("div",{className:"kanuni-datagrid-group-panel-actions",children:[e.length>0&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:l,children:"Expand all"}),jsx("button",{type:"button",onClick:i,children:"Collapse all"})]}),jsxs("label",{className:"kanuni-datagrid-group-select",children:[jsx("span",{className:"kanuni-datagrid-sr-only",children:o>1?m.groupAddLevel:m.groupByColumn}),o>1?jsxs("select",{value:"",disabled:K.length===0,onChange:h=>D(h.target.value),children:[jsx("option",{value:"",children:m.groupAddLevelButton}),K.map(h=>jsx("option",{value:h.state.id,children:h.def.headerName??h.state.id},h.state.id))]}):jsxs("select",{value:e[0]??"",onChange:h=>n(h.target.value?[h.target.value]:[]),children:[jsx("option",{value:"",children:m.groupNoGrouping}),t.map(h=>jsx("option",{value:h.state.id,children:h.def.headerName??h.state.id},h.state.id))]})]})]})]})}var To=memo(sl);function pl({layout:t,centerColumns:e,leadingSpacer:n,trailingSpacer:o,defs:l,values:i,checkboxColumn:d=false,detailColumn:m=false,rowNumberColumn:w=false,onPickSummary:g,emptyHint:p="",position:f="bottom",bandOffset:y=0,headerRowsBetween:b=0}){let v=Q(),D=summaryTypeLabels(v),P=new Map(l.map(x=>[x.columnId,x])),G=Xe({rowNumberColumn:w,detailColumn:m,checkboxColumn:d}).total,N=(x,L,B)=>{let _=x.state.id,K=P.get(_),h=K?i[summaryKey(K.columnId,K.type)]:void 0,E=x.def.dataType==="number";return jsx("div",{className:`kanuni-datagrid-footer-cell${L}${E?" kanuni-datagrid-footer-cell--number":""}${K?" kanuni-datagrid-footer-cell--active":""}`,style:B,role:"gridcell","data-column-id":_,"data-summary-type":K?.type??"",title:K?`${summaryLabel(K,D)} \u2014 ${x.def.headerName??_}`:void 0,onContextMenu:g?I=>g(_,I):void 0,onClick:g?I=>g(_,I):void 0,children:K?jsx("span",{className:"kanuni-datagrid-footer-value",children:formatSummaryValue(K,h,x.def)}):jsx("span",{className:"kanuni-datagrid-footer-hint",children:p})},_)};return jsxs("div",{className:`kanuni-datagrid-footer-row kanuni-datagrid-footer-row--${f}`,role:"row","aria-label":v.columnTotalsAria,style:{width:t.totalWidth+G,"--dg-band-offset":`${y}px`,"--dg-pinned-gap":String(b)},children:[G>0&&jsx("div",{className:"kanuni-datagrid-footer-cell kanuni-datagrid-footer-cell--pinned",style:{width:G,insetInlineStart:0}}),t.left.map((x,L)=>N(x,` kanuni-datagrid-footer-cell--pinned${L===t.left.length-1?" kanuni-datagrid-pin-edge-left":""}`,{width:x.state.width,insetInlineStart:t.leftOffsets[L]+G})),n>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:n}}),e.map(x=>N(x,"",{width:x.state.width})),o>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:o}}),t.right.map((x,L)=>N(x,` kanuni-datagrid-footer-cell--pinned${L===0?" kanuni-datagrid-pin-edge-right":""}`,{width:x.state.width,insetInlineEnd:t.rightOffsets[L]}))]})}var wn=memo(pl);function fl(t,e){return `__dg_pinned_${t}_${e}`}function wl({gridId:t,side:e,rows:n,layout:o,columnModel:l,centerColumns:i,centerIndices:d,stickyInsets:m,leadingSpacer:w,trailingSpacer:g,checkboxColumn:p=false,detailColumn:f=false,rowNumberColumn:y=false,rowHeight:b,bandOffset:v=0,headerRowsBetween:D,ariaRowBase:P}){return n.length===0?null:jsx("div",{className:`kanuni-datagrid-pinned-rows kanuni-datagrid-pinned-rows--${e}`,role:"rowgroup",style:{width:o.totalWidth||"100%","--dg-band-offset":`${v}px`,"--dg-pinned-gap":String(D)},children:n.map((G,N)=>{let x={kind:"data",key:fl(e,N),sourceIndex:-1,data:G};return jsx(Ft,{gridId:t,node:x,index:N,layout:o,columnModel:l,centerColumns:i,centerIndices:d,stickyInsets:m,leadingSpacer:w,trailingSpacer:g,striped:false,selected:false,focusedColumnId:null,checkboxColumn:p,detailColumn:f,rowNumberColumn:y,rowNumber:null,headerRowCount:P,height:b},x.key)})})}var hn=memo(wl);async function Wt(t,e){try{let n=e==="csv"?await t.exportToCsv():e==="excel"?await t.exportToExcel():e==="excel-selected"?await t.exportToExcel({selectedOnly:!0}):await t.exportToPdf();return downloadBlob(n.blob,n.fileName),{completed:!0}}catch(n){return n instanceof ExportAbortedError?{completed:false}:{completed:false,error:n instanceof Error?n.message:String(n)}}}function ht({anchor:t,onClose:e,children:n,dark:o,className:l="",label:i,role:d="dialog"}){let m=Kt({anchor:t,onClose:e});return jsx($e,{dark:o,children:jsx("div",{ref:m.ref,className:`kanuni-datagrid-filter-popup ${l}`.trim(),style:{left:m.position.left,top:m.position.top},role:d,"aria-label":i,children:n})})}function Cl(t){let e=Q();return useMemo(()=>({search:e.toolbarSearch,csv:e.exportCsv,excel:e.exportExcel,excelSelected:e.exportExcelSelected,pdf:e.exportPdf,columns:e.columns,exporting:e.exporting,exportMenu:e.exportMenu,...t}),[e,t])}var kl=()=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",children:jsx("path",{d:"M8 1v8m0 0L5 6m3 3 3-3M2 11v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function xl({controller:t,search:e=true,exportCsv:n=true,exportExcel:o=false,exportPdf:l=false,columnChooser:i=true,dark:d,onOpenColumnChooser:m,itemsBefore:w,itemsAfter:g,searchDebounce:p=200,labels:f}){let y=Cl(f),[b,v]=useState(t.getSearchText()),[D,P]=useState(null),[G,N]=useState(null),[x,L]=useState(null);useEffect(()=>{let h=setTimeout(()=>t.setSearchText(b),p);return ()=>clearTimeout(h)},[t,b,p]);let[B,_]=useState(()=>t.getSelectedCount());useEffect(()=>(_(t.getSelectedCount()),t.events.on("selectionChanged",()=>_(t.getSelectedCount()))),[t]);let K=async h=>{P(h),L(null);let E=await Wt(t,h);E.error?L(E.error):N(null),P(null);};return jsxs("div",{className:"kanuni-datagrid-toolbar",children:[w,e&&jsx("input",{type:"search",className:"kanuni-datagrid-toolbar-search",placeholder:y.search,value:b,"aria-label":y.search,"data-testid":"dg-toolbar-search",onChange:h=>v(h.target.value)}),jsx("div",{className:"kanuni-datagrid-toolbar-spacer"}),i&&jsx("button",{type:"button","aria-haspopup":"dialog","data-testid":"dg-column-chooser",onClick:h=>{let E=h.currentTarget.getBoundingClientRect();m?.({left:E.left,top:E.bottom+2});},children:y.columns}),(n||o||l)&&jsx("button",{type:"button",className:"kanuni-datagrid-toolbar-icon-button","aria-haspopup":"menu","aria-label":y.exportMenu,title:y.exportMenu,disabled:D!==null,"data-testid":"dg-export-menu",onClick:h=>{let E=h.currentTarget.getBoundingClientRect();N(G?null:{left:E.right-190,top:E.bottom+2});},children:D?jsx("span",{className:"kanuni-datagrid-toolbar-busy"}):jsx(kl,{})}),G&&jsxs(ht,{anchor:G,onClose:()=>N(null),dark:d,role:"menu",label:y.exportMenu,className:"kanuni-datagrid-export-menu",children:[n&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:D!==null,"data-testid":"dg-export-csv",onClick:()=>K("csv"),children:D==="csv"?y.exporting:y.csv}),o&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:D!==null,"data-testid":"dg-export-excel",onClick:()=>K("excel"),children:D==="excel"?y.exporting:y.excel}),o&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:D!==null||B===0,"data-testid":"dg-export-excel-selected",onClick:()=>K("excel-selected"),children:D==="excel-selected"?y.exporting:y.excelSelected}),l&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:D!==null,"data-testid":"dg-export-pdf",onClick:()=>K("pdf"),children:D==="pdf"?y.exporting:y.pdf})]}),g,x&&jsx("span",{className:"kanuni-datagrid-toolbar-error",role:"alert",children:x})]})}var vo=memo(xl);function vl(t){let e=Q();return useMemo(()=>({title:e.hiddenColumns,empty:e.noHiddenColumns,showAll:e.showAll,ok:e.ok,...t}),[e,t])}function Do({controller:t,columns:e,anchor:n,onClose:o,dark:l,labels:i}){let d=vl(i),m=e.filter(w=>!w.visible);return jsxs(ht,{anchor:n,onClose:o,dark:l,label:d.title,className:"kanuni-datagrid-column-chooser",children:[jsxs("div",{className:"kanuni-datagrid-filter-list",children:[m.length===0&&jsx("div",{className:"kanuni-datagrid-chooser-empty",children:d.empty}),m.map(w=>{let g=t.getColumnModel().getDef(w.id);return jsxs("label",{className:"kanuni-datagrid-filter-item",children:[jsx("input",{type:"checkbox",checked:false,"data-column-toggle":w.id,onChange:()=>t.setColumnVisible(w.id,true)}),jsx("span",{children:g?.headerName??w.id})]},w.id)})]}),m.length>0&&jsxs("div",{className:"kanuni-datagrid-filter-footer",children:[jsx("button",{type:"button",onClick:()=>m.forEach(w=>t.setColumnVisible(w.id,true)),children:d.showAll}),jsx("button",{type:"button",className:"kanuni-datagrid-filter-primary",onClick:o,children:d.ok})]})]})}function Sl(t){let e=Q();return useMemo(()=>({first:e.pagerFirst,previous:e.pagerPrevious,next:e.pagerNext,last:e.pagerLast,page:e.pagerPage,of:e.pagerOf,rowsPerPage:e.pagerRowsPerPage,...t}),[e,t])}function El({page:t,pageCount:e,pageSize:n,pageSizes:o=[25,50,100,250],totalRows:l,onPage:i,onNext:d,onPrevious:m,onPageSize:w,labels:g}){let p=Sl(g),f=t<=0,y=t>=e-1,b=l===0?0:t*n+1,v=Math.min(l,(t+1)*n);return jsxs("div",{className:"kanuni-datagrid-pager",role:"navigation","aria-label":"Pagination",children:[jsxs("label",{className:"kanuni-datagrid-pager-size",children:[jsx("span",{children:p.rowsPerPage}),jsx("select",{value:n,"data-testid":"dg-page-size",onChange:D=>w(Number(D.target.value)),children:o.map(D=>jsx("option",{value:D,children:D},D))})]}),jsxs("span",{className:"kanuni-datagrid-pager-range","data-testid":"dg-page-range",children:[b.toLocaleString(),"\u2013",v.toLocaleString()," ",p.of," ",l.toLocaleString()]}),jsxs("div",{className:"kanuni-datagrid-pager-buttons",children:[jsx("button",{type:"button","aria-label":p.first,disabled:f,onClick:()=>i(0),children:"\xAB"}),jsx("button",{type:"button","aria-label":p.previous,disabled:f,"data-testid":"dg-page-prev",onClick:m,children:"\u2039"}),jsxs("span",{className:"kanuni-datagrid-pager-current","data-testid":"dg-page-current",children:[p.page," ",t+1," ",p.of," ",e]}),jsx("button",{type:"button","aria-label":p.next,disabled:y,"data-testid":"dg-page-next",onClick:d,children:"\u203A"}),jsx("button",{type:"button","aria-label":p.last,disabled:y,onClick:()=>i(e-1),children:"\xBB"})]})]})}var Go=memo(El);function Al(t){let e=Q();return useMemo(()=>({clear:e.filterRemove,toggle:e.filterToggle,builder:e.filterEditBuilder,empty:e.filterNone,...t}),[e,t])}function Ol({controller:t,onOpenBuilder:e,alwaysVisible:n=false,describeOptions:o,labels:l}){let i=Al(l),d=Q(),[,m]=useState(0);useEffect(()=>t.events.on("filterChanged",()=>m(f=>f+1)),[t]);let w=t.getEffectiveFilter(),g=t.isFilterEnabled(),p=describeFilter(w,t.getColumnModel(),{...o,labels:{...filterLabels(d),...o?.labels}});return !w&&!n?null:jsxs("div",{className:`kanuni-datagrid-filter-panel${g?"":" kanuni-datagrid-filter-panel--suspended"}`,"data-testid":"dg-filter-panel",role:"group","aria-label":i.toggle,children:[jsx("button",{type:"button",className:"kanuni-datagrid-filter-panel-clear",title:i.clear,"aria-label":i.clear,disabled:!w,"data-testid":"dg-filter-panel-clear",onClick:()=>{t.setFilter(null),t.clearColumnFilters(),t.setFilterEnabled(true);},children:"\xD7"}),jsx("input",{type:"checkbox",className:"kanuni-datagrid-filter-panel-toggle",checked:g,disabled:!w,title:i.toggle,"aria-label":i.toggle,"data-testid":"dg-filter-panel-toggle",onChange:f=>t.setFilterEnabled(f.target.checked)}),jsx("span",{className:"kanuni-datagrid-filter-panel-text",title:p??void 0,"data-testid":"dg-filter-panel-text",children:p??i.empty}),e&&jsx("button",{type:"button",className:"kanuni-datagrid-filter-panel-builder",title:i.builder,"aria-label":i.builder,"data-testid":"dg-filter-panel-builder",onClick:e,children:"\u25BE"})]})}var So=memo(Ol);var Rn=t=>!t.separator&&!t.disabled;function Cn({x:t,y:e,items:n,context:o,onClose:l,dark:i=false,label:d}){let m=Q(),w=useRef(null),[g,p]=useState({left:t,top:e}),[f,y]=useState(()=>n.findIndex(Rn)),[b,v]=useState(null),[D,P]=useState(null),G=useRef(null),[N,x]=useState(null);useEffect(()=>P(null),[b]);let L=useCallback((u,C)=>{if(v(u),u===null||!C)return;let H=C.getBoundingClientRect();x({left:H.left,right:H.right,top:H.top});},[]),B=u=>w.current?.querySelector(`[data-item-index="${u}"]`)??null,_=useCallback(u=>{if(G.current=u,!u||!N)return;let C=8,H=u.getBoundingClientRect(),Y=Math.max(C,Math.min(N.top-4,window.innerHeight-H.height-C)),se=N.right+H.width+C<=window.innerWidth?N.right:Math.max(C,N.left-H.width);P({left:se,top:Y});},[N]),K=useCallback(u=>{if(w.current=u,!u)return;let C=u.getBoundingClientRect(),H=8;p({left:Math.max(H,Math.min(t,window.innerWidth-C.width-H)),top:Math.max(H,Math.min(e,window.innerHeight-C.height-H))}),u.focus();},[t,e]);useEffect(()=>{let u=H=>{let Y=H.target;G.current?.contains(Y)||w.current&&!w.current.contains(Y)&&l();},C=()=>l();return document.addEventListener("mousedown",u),window.addEventListener("scroll",C,true),()=>{document.removeEventListener("mousedown",u),window.removeEventListener("scroll",C,true);}},[l]);let h=(u,C)=>{let H=n.length;for(let Y=1;Y<=H;Y++){let ne=(u+C*Y+H*H)%H;if(Rn(n[ne]))return ne}return u},E=u=>{let C=n[u];if(!(!C||!Rn(C))){if(C.items?.length){L(u,B(u));return}C.onSelect?.(o),l();}},I=u=>{switch(u.key){case "ArrowDown":y(C=>h(C,1));break;case "ArrowUp":y(C=>h(C,-1));break;case "Home":y(n.findIndex(Rn));break;case "End":y(h(0,-1));break;case "ArrowRight":if(n[f]?.items?.length)L(f,B(f));else return;break;case "ArrowLeft":if(b!==null)L(null);else return;break;case "Enter":case " ":E(f);break;case "Escape":l();break;case "Tab":l();return;default:return}u.preventDefault(),u.stopPropagation();};return jsxs($e,{dark:i,children:[jsx("div",{ref:K,className:"kanuni-datagrid-context-menu",role:"menu","aria-label":d??m.rowActions,tabIndex:-1,style:{left:g.left,top:g.top},onKeyDown:I,children:n.map((u,C)=>u.separator?jsx("div",{className:"kanuni-datagrid-menu-separator",role:"separator"},u.id??`sep-${C}`):jsx("div",{className:"kanuni-datagrid-menu-row",children:jsxs("button",{type:"button",role:"menuitem",className:`kanuni-datagrid-menu-item${C===f?" kanuni-datagrid-menu-item--active":""}`,disabled:u.disabled,"data-item-index":C,"aria-haspopup":u.items?.length?"menu":void 0,"aria-expanded":u.items?.length?b===C:void 0,onMouseEnter:H=>{y(C),L(u.items?.length?C:null,H.currentTarget);},onClick:()=>E(C),children:[u.icon&&jsx("span",{className:"kanuni-datagrid-menu-icon",children:u.icon}),jsx("span",{className:"kanuni-datagrid-menu-label",children:u.label}),u.shortcut&&jsx("span",{className:"kanuni-datagrid-menu-shortcut",children:u.shortcut}),u.items?.length?jsx("span",{className:"kanuni-datagrid-menu-caret",children:"\u203A"}):null]})},u.id??C))}),b!==null&&n[b]?.items?.length?jsx("div",{ref:_,className:"kanuni-datagrid-context-menu kanuni-datagrid-submenu",style:D?{left:D.left,top:D.top}:{left:0,top:0,visibility:"hidden"},role:"menu",children:n[b].items.map((u,C)=>u.separator?jsx("div",{className:"kanuni-datagrid-menu-separator",role:"separator"},u.id??`sub-sep-${C}`):jsxs("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:u.disabled,onClick:()=>{u.onSelect?.(o),l();},children:[u.icon&&jsx("span",{className:"kanuni-datagrid-menu-icon",children:u.icon}),jsx("span",{className:"kanuni-datagrid-menu-label",children:u.label})]},u.id??C))}):null]})}var Bl=typeof navigator<"u"&&/Mac|iPhone|iPad|iPod/.test(navigator.platform??""),Mo=Bl?"\u2318":"Ctrl+",Kr=`${Mo}C`,Kl=`${Mo}X`,_l=`${Mo}V`;function Nt(t,e={}){let n=t.getClipboardText(e);t.notifyClipboardGesture("copy",n?n.split(`
|
|
2
|
-
`).length:0,()=>!n||!navigator.clipboard?.writeText?false:(_r(n),true));}function _r(t){navigator.clipboard?.writeText(t).catch(()=>{});}function $l(t){let e=t.getColumnModel();return t.getVisualColumnIds().some(n=>{let o=e.getDef(n)?.band;return typeof o=="string"?o!=="":Array.isArray(o)&&o.length>0})}function Wl(t){return t===false?[]:Array.isArray(t)?t:["csv","excel","excel-selected","pdf"]}var Vl={csv:"exportCsv",excel:"exportExcel","excel-selected":"exportExcelSelected",pdf:"exportPdf"};function Po(t,e,n,o,l){if(n===false)return [];let i=n===true||n===void 0?{}:n,d=[];i.copy!==false&&d.push({id:"__dg-copy",label:e.menuCopy,shortcut:Kr,onSelect:()=>Nt(t)}),i.copyWithHeaders!==false&&d.push({id:"__dg-copy-headers",label:e.menuCopyWithHeaders,onSelect:()=>Nt(t,{includeHeaders:true})}),i.copyWithGroupHeaders!==false&&$l(t)&&d.push({id:"__dg-copy-group-headers",label:e.menuCopyWithGroupHeaders,onSelect:()=>Nt(t,{includeGroupHeaders:true})});let m=Wl(i.export);if(m.length>0){let w=t.getSelectedCount()===0;d.push({id:"__dg-export",label:e.menuExport,items:m.map(g=>({id:`__dg-export-${g}`,label:e[Vl[g]],disabled:g==="excel-selected"&&w,onSelect:()=>{Wt(t,g).then(p=>{p.error&&l?.(p.error);});}}))});}return d.length>0&&o&&d.unshift({id:"__dg-sep-builtin",separator:true}),d}function Io({anchor:t,value:e,dark:n,onCommit:o,onCancel:l}){let i=Q(),[d,m]=useState(e),w=useRef(null);useEffect(()=>{let p=w.current;p&&(p.focus(),p.select());},[]);let g=()=>{let p=d.trim();o(p===""?null:p);};return jsxs(ht,{anchor:t,onClose:l,dark:n,label:i.noteEditorAria,className:"kanuni-datagrid-note-editor",children:[jsx("textarea",{ref:w,className:"kanuni-datagrid-note-input",value:d,rows:4,"aria-label":i.noteEditorAria,placeholder:i.notePlaceholder,onChange:p=>m(p.target.value),onKeyDown:p=>{p.key==="Enter"&&(p.ctrlKey||p.metaKey)&&(p.preventDefault(),g()),p.key==="Escape"&&(p.preventDefault(),l());}}),jsxs("div",{className:"kanuni-datagrid-note-actions",children:[jsx("button",{type:"button",className:"kanuni-datagrid-note-cancel",onClick:l,children:i.cancel}),jsx("button",{type:"button",className:"kanuni-datagrid-note-save",onClick:g,children:i.save})]})]})}function ql(t){let e=Q();return useMemo(()=>({busy:e.busy,loading:e.busyLoading,encoding:e.busyEncoding,filtering:e.busyFiltering,sorting:e.busySorting,computing:e.busyComputing,grouping:e.busyGrouping,aggregating:e.busyAggregating,projecting:e.busyProjecting,exporting:e.busyExporting,cancel:e.cancel,...t}),[e,t])}var Jl=new Set(["filtering","sorting","computing","encoding","exporting"]);function Ao({controller:t,delay:e=300,labels:n,cancellable:o=true,forced:l=false}){let[i,d]=useState(()=>t.getBusy()),[m,w]=useState(false);useEffect(()=>(d(t.getBusy()),t.events.on("busyChanged",v=>d(v))),[t]);let g=i.busy&&i.background!==true;useEffect(()=>{if(!g){w(false);return}let v=setTimeout(()=>w(true),e);return ()=>clearTimeout(v)},[g,e]);let p=ql(n);if(!l&&(!m||!g))return null;let f=i.phase?p[i.phase]:p.busy,y=i.progress===null?null:Math.max(0,Math.min(100,i.progress)),b=o&&i.phase!==null&&Jl.has(i.phase)&&i.cancellable!==false;return jsx("div",{className:"kanuni-datagrid-loading-overlay",role:"status","aria-live":"polite","data-testid":"dg-loading-overlay","data-phase":i.phase??"busy","data-blocking":i.phase==="exporting"?"true":void 0,"aria-busy":"true",children:jsxs("div",{className:"kanuni-datagrid-loading-card",children:[jsx("span",{className:"kanuni-datagrid-loading-spinner","aria-hidden":"true"}),jsx("span",{className:"kanuni-datagrid-loading-label",children:f}),y!==null&&jsxs("div",{className:"kanuni-datagrid-loading-progress",role:"progressbar","aria-valuenow":Math.round(y),"aria-valuemin":0,"aria-valuemax":100,children:[jsx("div",{className:"kanuni-datagrid-loading-track",children:jsx("div",{className:"kanuni-datagrid-loading-fill",style:{width:`${y}%`}})}),jsxs("span",{className:"kanuni-datagrid-loading-percent",children:[Math.round(y),"%"]})]}),b&&jsx("button",{type:"button",className:"kanuni-datagrid-loading-cancel",onClick:()=>t.cancel(),"data-testid":"dg-loading-cancel",children:p.cancel})]})})}var zr=null;function Zl(){return typeof document>"u"?null:(zr??=document.createElement("canvas"),zr.getContext("2d"))}function Yr(t){let e=getComputedStyle(t);return `${e.fontStyle} ${e.fontWeight} ${e.fontSize} ${e.fontFamily}`}function jl(t){for(let e=t.firstElementChild;e;e=e.nextElementSibling)if(e.tagName!=="MARK")return true;return false}function Ql(t){let e=t.map(o=>[o.style.width,o.style.minWidth,o.style.maxWidth]);for(let o of t)o.style.width="max-content",o.style.minWidth="0",o.style.maxWidth="none";let n=0;for(let o of t){let l=Math.ceil(o.getBoundingClientRect().width);l>n&&(n=l);}return t.forEach((o,l)=>{[o.style.width,o.style.minWidth,o.style.maxWidth]=e[l];}),n}function kn(t,e){let n=Zl();if(!n)return null;let o=typeof CSS<"u"&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),l=t.querySelector(`.kanuni-datagrid-header-cell[data-column-id="${o}"]`),i=t.querySelectorAll(`.kanuni-datagrid-cell[data-column-id="${o}"]`);if(!l&&i.length===0)return null;let d=0;if(l){let m=l.querySelector(".kanuni-datagrid-header-label")??l;n.font=Yr(m),d=n.measureText(m.textContent??"").width+44;}if(i.length>0){n.font=Yr(i[0]);let m=[];for(let w=0;w<i.length;w++){if(jl(i[w])){m.push(i[w]);continue}let g=i[w].textContent??"";if(g==="")continue;let p=n.measureText(g).width+20;p>d&&(d=p);}m.length>0&&(d=Math.max(d,Ql(m)));}return d===0?null:Math.round(Math.min(640,Math.max(48,d)))}function Oo(t,e){let n=useRef(e);n.current=e;let o=!!e?.enabled,l=e?.storageKey,i=e?.type;useEffect(()=>{if(o)return attachStateStoring(t,{...n.current,enabled:true})},[t,o,l,i]);}var xn="application/x-kanuni-row";function Bo(t,e){let n=!!e?.enabled,o=e?.group??null,l=e?.allowReordering??true,i=e?.allowDropInsert??o!==null,[d,m]=useState(false),[w,g]=useState(null),p=useRef(null),f=useRef(false),y=useRef(null),b=useRef(null),v=useRef(e);v.current=e;let D=useCallback(u=>t.getRowByKey(u),[t]),P=(u,C)=>{let H=C.getBoundingClientRect();return u.clientY<H.top+H.height/2?"before":"after"},G=useCallback((u,C)=>{if(!isDataRow(u))return;b.current=u.key,y.current=u.key,f.current=false,p.current=null;let H={gridId:t.gridId,group:o,rowKey:u.key,row:u.data};C.dataTransfer.setData(xn,JSON.stringify(H)),C.dataTransfer.setData("text/plain",String(u.key)),C.dataTransfer.effectAllowed="move",t.notifyRowDrag("enter",{rowKey:u.key}),C.stopPropagation();},[t,o]),N=useCallback(()=>{let u=y.current;u!==null&&t.notifyRowDragEnd({rowKey:u,dropped:f.current,overKey:p.current?.key??null,position:p.current?.side??null}),f.current=false,p.current=null,y.current=null,b.current=null,g(null),m(false);},[t]),x=useCallback(u=>u.dataTransfer.types.includes(xn)?b.current!==null?l:i&&o!==null:false,[l,i,o]),L=useCallback((u,C)=>{if(!isDataRow(u)||!x(C))return;if(C.preventDefault(),C.dataTransfer.dropEffect="move",b.current===u.key){p.current=null,g(null);return}let H=P(C,C.currentTarget),Y=p.current?.key!==u.key||p.current.side!==H;p.current={key:u.key,side:H},g(ne=>ne?.key===u.key&&ne.side===H?ne:{key:u.key,side:H}),Y&&b.current!==null&&t.notifyRowDrag("move",{rowKey:b.current,overKey:u.key,position:H});},[x,t]),B=useCallback((u,C,H)=>{let Y=null;try{let se=u.dataTransfer.getData(xn);Y=se?JSON.parse(se):null;}catch{Y=null;}if(!Y)return;if(Y.gridId===t.gridId){if(!l)return;let se=v.current?.onReorder;if(se){se({dragKey:Y.rowKey,targetKey:C,position:H,row:D(Y.rowKey)});return}t.moveRow(Y.rowKey,C,H);return}!i||o===null||Y.group!==o||v.current?.onAdd?.({row:Y.row,rowKey:Y.rowKey,otherGridId:Y.gridId,targetKey:C,position:H});},[t,l,i,o,D]),_=useCallback((u,C)=>{if(g(null),!isDataRow(u)||!x(C))return;C.preventDefault(),C.stopPropagation();let H=P(C,C.currentTarget);f.current=true,p.current={key:u.key,side:H},B(C,u.key,H),b.current=null;},[x,B]),K=useCallback(u=>{x(u)&&(u.preventDefault(),u.dataTransfer.dropEffect="move");},[x]),h=useCallback(u=>{g(null),x(u)&&(u.preventDefault(),f.current=true,p.current=null,B(u,null,"after"),b.current=null);},[x,B]),E=useCallback(u=>{let C=u.relatedTarget;C&&u.currentTarget.contains(C)||b.current!==null&&(p.current=null,g(null),t.notifyRowDrag("leave",{rowKey:b.current}));},[t]);return {handlers:n?{draggable:d,setDraggable:m,onDragStart:G,onDragEnd:N,onDragOver:L,onDrop:_}:void 0,dropAt:n?w:null,bodyHandlers:n?{onDragOver:K,onDrop:h,onDragLeave:E}:void 0}}var is=400;function qr(t){return t.scrollWidth>t.clientWidth+1||t.scrollHeight>t.clientHeight+1}function Jr(t){return (t.textContent??"").trim()}function ls(t){let{def:e,node:n,value:o,clipped:l,note:i}=t;if(i)return i;if(e&&n){if(typeof e.tooltip=="function"){let d=e.tooltip({value:o,row:n.data,node:n,column:e});return d||null}if(typeof e.tooltip=="string")return e.tooltip||null;if(e.tooltipField){let d=n.data[e.tooltipField];return d==null||d===""?null:String(d)}}return l&&l.length>0?l:null}function Ko({rootRef:t,columnModel:e,getRowNode:n,getNote:o,config:l}){let i=l?.enabled!==false,d=l?.delay??is,m=l?.showOnTruncation!==false,[w,g]=useState(null),p=useRef({columnModel:e,getRowNode:n,getNote:o,showOnTruncation:m,delay:d});return p.current={columnModel:e,getRowNode:n,getNote:o,showOnTruncation:m,delay:d},useEffect(()=>{if(!i){g(null);return}let f=t.current;if(!f)return;let y=null,b=null,v=()=>{y!==null&&(clearTimeout(y),y=null),b=null,g(null);},D=(x,L)=>{let{columnModel:B,getRowNode:_,getNote:K,showOnTruncation:h}=p.current,E=B.getDef(L),I=x.closest("[data-row-key]")?.dataset.rowKey,u=I===void 0?void 0:_(I);return ls({def:E,node:u,value:u?B.getCellValue(u.data,L):void 0,clipped:h&&qr(x)?Jr(x):null,note:u&&K?K(u.key,L,u.data):null})},P=(x,L)=>{let B=p.current.columnModel.getDef(x);if(B?.headerTooltip)return B.headerTooltip;if(!p.current.showOnTruncation)return null;let _=L.querySelector(".kanuni-datagrid-header-label")??L;if(!qr(_))return null;let K=Jr(_);return K.length>0?K:null},G=x=>{let B=x.target?.closest("[data-column-id]")??null;if(B===b||(v(),!B||!f.contains(B)))return;let _=B.dataset.columnId;if(!_)return;let K=B.classList.contains("kanuni-datagrid-header-cell");!K&&!B.closest("[data-row-key]")||(b=B,y=setTimeout(()=>{if(y=null,b!==B||!B.isConnected)return;let h=K?P(_,B):D(B,_);if(!h)return;let E=B.getBoundingClientRect();g({text:h,anchor:{top:E.top,left:E.left,width:E.width,height:E.height}});},p.current.delay));},N=x=>{let L=x.relatedTarget;b&&L&&b.contains(L)||v();};return f.addEventListener("mouseover",G),f.addEventListener("mouseout",N),f.addEventListener("mousedown",v),f.addEventListener("keydown",v),f.addEventListener("scroll",v,true),window.addEventListener("blur",v),()=>{v(),f.removeEventListener("mouseover",G),f.removeEventListener("mouseout",N),f.removeEventListener("mousedown",v),f.removeEventListener("keydown",v),f.removeEventListener("scroll",v,true),window.removeEventListener("blur",v);}},[i,t]),i?w:null}var jr=6,Pt=8;function _o({state:t,dark:e}){let[n,o]=useState(null),[l,i]=useState(null),{text:d,anchor:m}=t;return useLayoutEffect(()=>{if(!n)return;let{width:w,height:g}=n.getBoundingClientRect(),p=document.documentElement.clientWidth,f=document.documentElement.clientHeight,y=m.top+m.height+jr,b=m.top-g-jr,D=y+g+Pt<=f||b<Pt?y:b,P=Math.min(Math.max(Pt,m.left),Math.max(Pt,p-w-Pt));i({top:Math.min(D,f-g-Pt),left:P});},[n,d,m]),jsx($e,{dark:e,children:jsx("div",{ref:o,className:"kanuni-datagrid-tooltip",role:"tooltip",style:l?{top:l.top,left:l.left}:{top:0,left:0,visibility:"hidden"},children:d})})}function Tn(t){return {sortAsc:t.sortAsc,sortDesc:t.sortDesc,clearSort:t.clearSort,groupBy:t.groupByColumn,ungroup:t.ungroupColumn,showGroupPanel:t.showGroupPanel,hideGroupPanel:t.hideGroupPanel,showFooter:t.showFooter,hideFooter:t.hideFooter,showGroupFooters:t.showGroupFooters,hideGroupFooters:t.hideGroupFooters,hideColumn:t.hideColumn,fieldChooser:t.fieldChooser,bestFit:t.bestFit,bestFitAll:t.bestFitAll,fixedPosition:t.fixedPosition,pinLeft:t.pinLeft,pinRight:t.pinRight,pinSticky:t.pinSticky,unpin:t.unpin,moveLeft:t.moveLeft,moveRight:t.moveRight}}var ea=Tn(getGridDictionary("en"));function $o(t,e){let n={...ea,...e.labels},{controller:o,maxGroupLevels:l}=e,i=t.columnId,d=o.getColumnModel().getDef(i),m=o.getSort(),w=m.find(N=>N.columnId===i),g=o.getGroupLevels(),p=g.includes(i),f=d?.sortable!==false,y=o.getColumnStates().find(N=>N.id===i)?.pinned??null,b=d?.groupable!==false,v=[{id:"sort-asc",label:n.sortAsc,disabled:!f||w?.direction==="asc",onSelect:()=>o.setSort([{columnId:i,direction:"asc"}])},{id:"sort-desc",label:n.sortDesc,disabled:!f||w?.direction==="desc",onSelect:()=>o.setSort([{columnId:i,direction:"desc"}])},{id:"sort-clear",label:n.clearSort,disabled:!w,onSelect:()=>o.setSort(m.filter(N=>N.columnId!==i))},{id:"sep-1",separator:true},{id:"group",label:p?n.ungroup:n.groupBy,disabled:!b,onSelect:()=>{p?o.groupBy(g.filter(N=>N!==i)):o.groupBy([...g,i].slice(-l));}},{id:"group-panel",label:e.groupPanelVisible?n.hideGroupPanel:n.showGroupPanel,onSelect:e.onToggleGroupPanel}];e.groupFootersAvailable&&v.push({id:"group-footers",label:e.groupFootersVisible?n.hideGroupFooters:n.showGroupFooters,onSelect:e.onToggleGroupFooters}),v.push({id:"footer",label:e.footerVisible?n.hideFooter:n.showFooter,onSelect:e.onToggleFooter},{id:"sep-2",separator:true},{id:"hide-column",label:n.hideColumn,disabled:o.getColumnStates().filter(N=>N.visible).length<=1,onSelect:()=>o.setColumnVisible(i,false)},{id:"field-chooser",label:n.fieldChooser,onSelect:e.onOpenFieldChooser},{id:"sep-3",separator:true},{id:"best-fit",label:n.bestFit,disabled:d?.resizable===false,onSelect:()=>e.onBestFit(i)},{id:"best-fit-all",label:n.bestFitAll,onSelect:e.onBestFitAll});let D=o.getColumnStates().filter(N=>N.visible&&N.pinned===y).map(N=>N.id),P=D.indexOf(i),G=d?.reorderable!==false&&P>=0;return v.push({id:"sep-4",separator:true},{id:"move-left",label:n.moveLeft,disabled:!G||P<=0,onSelect:()=>o.moveColumn(i,D[P-1])},{id:"move-right",label:n.moveRight,disabled:!G||P<0||P>=D.length-1,onSelect:()=>o.moveColumn(i,D[P+2])},{id:"fixed-position",label:n.fixedPosition,items:[{id:"pin-left",label:n.pinLeft,disabled:y==="left",onSelect:()=>o.setColumnPinned(i,"left")},{id:"pin-right",label:n.pinRight,disabled:y==="right",onSelect:()=>o.setColumnPinned(i,"right")},{id:"pin-sticky",label:n.pinSticky,disabled:y==="sticky",onSelect:()=>o.setColumnPinned(i,"sticky")}]},{id:"unpin",label:n.unpin,disabled:y===null,onSelect:()=>o.setColumnPinned(i,null)}),v}var qt=typeof window<"u"?useLayoutEffect:useEffect,ra=1e8,vn=null;function ia(){if(vn!==null)return vn;if(typeof document>"u"||!document.body)return null;let t=document.createElement("div");t.setAttribute("aria-hidden","true"),t.style.cssText="position:fixed;top:0;left:-9999px;width:80px;height:80px;overflow:auto;visibility:hidden;pointer-events:none;";let e=document.createElement("div");e.style.cssText="width:1px;",e.style.height=`${ra}px`,t.appendChild(e),document.body.appendChild(t),t.scrollTop=ra;let n=t.scrollTop;return Yo=e.offsetHeight>0?e.offsetHeight:null,t.remove(),n>0&&(vn=n),vn}var Yo=null;function Ts(){return Yo===null&&ia(),Yo}function Vo(t){return Math.abs(t)}function aa(t,e){return getComputedStyle(e).direction==="rtl"?-t:t}function Xo(t,e){if(e)return t;if(t.dataSource!=null&&!Array.isArray(t.dataSource))throw new Error("[datagrid] a server-side DataSource is an Enterprise feature. Pass an array to DataGrid, or import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise.");if(t.columns?.some(d=>d.spanRows)){t.debugMode&&console.warn("[datagrid] cell span/merge (spanRows) is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let d={...t,columns:t.columns.map(m=>m.spanRows?{...m,spanRows:void 0}:m)};return Xo(d,e)}if(t.tree){t.debugMode&&console.warn("[datagrid] tree data is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let d={...t};return delete d.tree,Xo(d,e)}if(!t.grouping)return t.masterDetail?Uo(t):t;let{groupBy:n,groupSummaries:o}=t.grouping,l=n==null?[]:typeof n=="string"?[n]:n;if(l.length<=1&&!o)return t.masterDetail?Uo(t):t;t.debugMode&&console.warn("[datagrid] multi-level grouping and group summaries are Enterprise features \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use them.");let i={...t,grouping:{...t.grouping,groupBy:l.slice(0,1),groupSummaries:false}};return t.masterDetail?Uo(i):i}function Uo(t){t.debugMode&&console.warn("[datagrid] master-detail is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let e={...t};return delete e.masterDetail,e}function vs(t){return jsx(Xn,{locale:t.locale,messages:t.messages,children:jsx(ho,{theme:t.theme,density:t.density,palette:t.palette,children:jsx(Ds,{...t})})})}function Ds(t){let e=Q(),{className:n,style:o,dark:l=false,theme:i,palette:d,striped:m=true,emptyText:w,sortable:g=true,filterRow:p=false,headerFilter:f=false,filterIconMode:y="hover",columnReorder:b=true,columnResize:v=true,loadingOverlay:D=true,announcements:P=true,groupPanel:G=false,showRowCount:N=false,toolbar:x=false,toolbarExcel:L=false,toolbarPdf:B=false,filterPanel:_=false,filterPanelLabels:K,onOpenFilterBuilder:h,toolbarItemsBefore:E,toolbarItemsAfter:I,renderRow:u,stateStoring:C,headerMenu:H=true,focusedRow:Y=false,focusedRowKey:ne,onFocusedRowChanged:se,footer:Je,footerMenu:fe=true,onRowClick:pe,onRowActivate:he,onReady:ke,renderCellContent:xe,getCellClassName:Ge,renderOverlay:Ae,onCellPointerDown:Oe,onCellPointerEnter:Ze,onCellDoubleClick:je,enterpriseEdition:te=false,renderDetail:Fe,renderEditForm:Be,density:ce,rowMenu:oe,cellMenu:s,autoColumns:T,rowDrag:M,tooltip:q,pinnedTopRows:S,pinnedBottomRows:re,footerPosition:V="bottom",autoSizeStrategy:de="none",highlightSearch:Te=true,...ie}=t,F=useMemo(()=>{let r=ie.columns;if(r&&r.length>0)return r;let c=ie.dataSource;if(!Array.isArray(c)||c.length===0)return r??[];let k=typeof T=="object"?T:void 0;return T===false?r??[]:inferColumns(c,k)},[ie.columns,ie.dataSource,T]),Ve={...ie,columns:F},et=isPackagedTheme(i)?THEME_ROW_HEIGHT[i][ce??"normal"]:ce?DENSITY_ROW_HEIGHT[ce]:DEFAULT_ROW_HEIGHT,Ue=Ve.rowHeight===void 0?{...Ve,rowHeight:et}:Ve,Se=te?Number.POSITIVE_INFINITY:1,Ee=Xo(Ue,te),{controller:a,rows:ze,window:yt,layout:ue,sort:tt,rowHeight:R,visibleCount:$}=Wn(Ee),z=Un(a,t.printLayout),J=z.active?{...yt,rows:{...yt.rows,start:0,end:ze.length,offsetY:0,totalHeight:0}}:yt,A=useMemo(()=>F.some(r=>r.autoHeight===true),[F]),be=f&&a.canListDistinctValues();f&&!be&&ie.debugMode&&console.warn("[datagrid] headerFilter needs a column's distinct values. This grid is remote and its DataSource does not implement `loadDistinctValues` \u2014 implement it, or use `filterRow`.");let Ke=useRef(null);qt(()=>{a.setEnterpriseEdition(te);},[a,te]),useEffect(()=>{ke?.(a);},[a,ke]),qt(()=>{let r=ia();r!==null&&r<DEFAULT_MAX_SCROLL_OFFSET&&a.setMaxScrollOffset(r);let c=Ts();c!==null&&a.setMaxCanvasHeight(c);},[a]),qt(()=>{let r=Ke.current;if(!r)return;let c=()=>{a.setViewportSize(r.clientWidth,r.clientHeight),r.style.setProperty("--dg-viewport-width",`${r.clientWidth}px`);let Z=r.querySelector(".kanuni-datagrid-rows"),W=r.querySelector(".kanuni-datagrid-canvas");if(Z&&W){let U=Z.getBoundingClientRect(),ae=W.getBoundingClientRect();a.setChromeOffsets(U.top-ae.top,ae.bottom-U.bottom);}calibrateMaxScrollOffset(r,a);};if(c(),typeof ResizeObserver>"u")return;let k=new ResizeObserver(c);k.observe(r);let O=r.querySelector(".kanuni-datagrid-canvas");return O&&k.observe(O),()=>k.disconnect()},[a]),qt(()=>{if(!A)return;let r=Ke.current?.querySelector(".kanuni-datagrid-viewport");if(!r)return;let c=a.getVirtualWindow(),k=a.getRows(),O=new Map(a.getMeasuredRowHeights()),Z=false;for(let W=c.rows.start;W<c.rows.end;W++){let U=k[W];if(!U||U.kind!=="data")continue;let ae=r.querySelector(`[data-row-key="${CSS.escape(String(U.key))}"]`);if(!ae)continue;let le=ae.getBoundingClientRect().height;le>0&&O.get(U.key)!==le&&(O.set(U.key,le),Z=true);}Z&&a.setMeasuredRowHeights(O);}),useEffect(()=>{if(A)return a.events.on("columnStateChanged",()=>{a.clearMeasuredRowHeights();})},[a,A]),useEffect(()=>a.events.on("scrollRequested",r=>{let c=Ke.current;if(!c)return;r.scrollTop!==void 0&&(c.scrollTop=r.scrollTop),r.scrollLeft!==void 0&&(c.scrollLeft=aa(r.scrollLeft,c)),a.setScroll(c.scrollTop,Vo(c.scrollLeft));let k=r.scrollTop;k===void 0||Math.abs(c.scrollTop-k)<=1||setTimeout(()=>{let O=Ke.current;!O||Math.abs(O.scrollTop-k)<=1||(O.scrollTop=k,a.setScroll(O.scrollTop,Vo(O.scrollLeft)));},0);}),[a]);let Jo=Yn(a,t.alignedGrids,Ke),da=useCallback(r=>{let c=r.currentTarget;a.setScroll(c.scrollTop,Vo(c.scrollLeft)),Jo.syncScroll(c.scrollLeft);},[a,Jo]),ua=useCallback((r,c)=>a.toggleSort(r,c),[a]);Oo(a,C);let Rt=Bo(a,M);useEffect(()=>{ne!=null&&a.getFocusedRowKey()!==ne&&a.focusRow(ne);},[a,ne]),useEffect(()=>{if(se)return a.events.on("focusedRowChanged",r=>se({rowKey:r.rowKey,row:r.row}))},[a,se]);let Qe=useRef(null),[Gn,ca]=useState(null);useEffect(()=>a.events.on("overlayChanged",r=>{ca(r.manual?r.overlay:null);}),[a]);let pa=useCallback(r=>{let c=a.getDataRowNode(r);if(c)return c;if(r==="")return;let k=Number(r);return Number.isNaN(k)?void 0:a.getDataRowNode(k)},[a]),ye=te?t.notes:void 0;!te&&t.notes&&t.debugMode&&console.warn("[datagrid] cell notes are an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use them.");let Jt=!!ye?.onChange&&ye.menu!==false,Zt=useCallback((r,c,k)=>ye?ye.get({rowKey:r,columnId:c,row:k})??null:null,[ye]),Zo=Ko({rootRef:Qe,columnModel:a.getColumnModel(),getRowNode:pa,getNote:ye?Zt:void 0,config:q}),[ma,ga]=useState(0);useEffect(()=>{let r=new Set,c=[a.events.on("cellsFlashed",({rowKeys:k,columnIds:O,duration:Z})=>{let W=Qe.current;if(!W)return;let U=k.length?k.map(Re=>`[data-row-key="${CSS.escape(String(Re))}"]`).join(","):".kanuni-datagrid-row",ae=O.length?O.map(Re=>`[data-column-id="${CSS.escape(Re)}"]`).join(","):"[data-column-id]",le=[];W.querySelectorAll(U).forEach(Re=>{Re.querySelectorAll(ae).forEach(Dt=>le.push(Dt));});for(let Re of le)Re.classList.remove("kanuni-datagrid-cell--flash");W.offsetWidth;for(let Re of le)Re.classList.add("kanuni-datagrid-cell--flash");let Ye=setTimeout(()=>{for(let Re of le)Re.classList.remove("kanuni-datagrid-cell--flash");r.delete(Ye);},Z);r.add(Ye);}),a.events.on("cellsRefreshed",({revision:k})=>ga(k))];return ()=>{c.forEach(k=>k()),r.forEach(clearTimeout);}},[a]);let fa=useCallback((r,c)=>a.moveColumn(r,c),[a]),wa=useCallback((r,c,k)=>a.setColumnWidth(r,c,k??true),[a]),Sn=useCallback(r=>{if(!Qe.current)return;let c=kn(Qe.current,r);c!==null&&a.setColumnWidth(r,c);},[a]),En=useCallback(()=>{let r=Qe.current;if(r)for(let c of a.getColumnStates()){if(!c.visible)continue;let k=kn(r,c.id);k!==null&&a.setColumnWidth(c.id,k);}},[a]);useEffect(()=>{if(de!=="fitGrid")return;let r=()=>a.sizeColumnsToFit();return r(),a.events.on("gridSizeChanged",r)},[a,de]);let Nn=useRef(null);qt(()=>{if(de!=="fitCells"){Nn.current=null;return}Nn.current!==a&&Qe.current?.querySelector(".kanuni-datagrid-row .kanuni-datagrid-cell[data-column-id]")&&(Nn.current=a,En());});let[ha,jo]=useState({}),Qo=t.filterDebounce??(a.isRemote()?200:0),Mn=useRef(false),jt=useMemo(()=>datePeriodLabels(e),[e]),Pn=useRef(jt);Pn.current=jt;let ba=useMemo(()=>periodSuggestionList(jt),[jt]),Qt=useCallback((r,c)=>{let k=a.getColumnModel().getDataType(r);Mn.current=true;try{a.setColumnFilter(r,parseFilterInput(r,c,k,Pn.current),FILTER_PART_ROW);}finally{Mn.current=false;}},[a]),nt=useMemo(()=>createDebouncedCommit(Qo),[Qo]);useEffect(()=>()=>nt.cancelAll(),[nt]);let ya=useCallback((r,c)=>{jo(k=>({...k,[r]:c})),nt.schedule(r,()=>Qt(r,c));},[Qt,nt]),Ra=useCallback((r,c)=>{nt.cancel(r),Qt(r,c);},[Qt,nt]);useEffect(()=>a.events.on("filterChanged",()=>{if(Mn.current)return;let r=a.getColumnModel();jo(c=>uo(c,{isPending:k=>nt.isPending(k),textFor:k=>{let O=a.getColumnFilter(k,FILTER_PART_ROW);return O?filterInputFromNode(k,O,r.getDataType(k),Pn.current):""}},r.getOrder()));}),[a,nt]);let[me,lt]=useState(null),en=useRef(0),Ca=useCallback((r,c)=>{let k=c.getBoundingClientRect(),O=a.getColumnModel().getDef(r),Z={left:k.left,top:k.bottom+2},W=O?.headerName??r,U=a.getColumnFilter(r,FILTER_PART_SET)??a.getColumnFilter(r,FILTER_PART_DEFAULT);if(!a.isRemote()){let le=++en.current;lt({columnId:r,label:W,entries:[],selected:null,anchor:Z,loading:true}),a.getDistinctValueSetAsync(r).then(({entries:Ye,truncated:Re})=>{en.current===le&<(Dt=>Dt&&Dt.columnId===r?{...Dt,entries:Ye,truncated:Re,capped:Re,selected:selectedLabelsFromFilter(U,Ye),loading:false}:Dt);});return}let ae=++en.current;lt({columnId:r,label:W,entries:[],selected:null,anchor:Z,loading:true}),a.getDistinctValuesAsync(r).then(le=>{en.current===ae&<(Ye=>Ye&&Ye.columnId===r?{...Ye,entries:le,selected:selectedLabelsFromFilter(U,le),loading:false}:Ye);});},[a]),ka=useCallback(r=>{me&&(a.setColumnFilter(me.columnId,r,FILTER_PART_SET),lt(null));},[a,me]),xa=Object.keys(a.getColumnStates().reduce((r,c)=>(a.getColumnFilter(c.id)&&(r[c.id]=true),r),{})),tn=a.getSelectionMode(),ve=tn!=="none"&&(ie.selection?.checkboxColumn??false),er=(ie.selection?.rowClick??(ve?"toggle":"replace"))==="toggle",Ta=useCallback((r,c)=>{a.handleRowClick(r.key,{ctrlKey:c.ctrlKey||er&&!c.shiftKey,metaKey:c.metaKey,shiftKey:c.shiftKey});},[a,er]),va=useCallback((r,c)=>a.focusCell(r.key,c),[a]),Da=useCallback(r=>a.toggleRow(r.key),[a]),[Lt,tr]=useState(null),Ga=useCallback(()=>tr(null),[]),[It,Ln]=useState(null),nr=useCallback((r,c)=>{let O=(Qe.current?.querySelector(`[data-row-key="${CSS.escape(String(r))}"] [data-column-id="${CSS.escape(c)}"]`)??Qe.current)?.getBoundingClientRect();return {left:O?.left??0,top:(O?.bottom??0)+2}},[]),Sa=useCallback(r=>{let c=It;Ln(null),!(!c||!ye?.onChange)&&ye.onChange({rowKey:c.rowKey,columnId:c.columnId,row:c.row,text:r});},[It,ye]),or=useCallback((r,c)=>{if(!ye?.onChange||ye.menu===false)return [];let k=r.columnId;if(!k)return [];let O=a.getRowKey(r.row),Z=Zt(O,k,r.row),W=()=>Ln({rowKey:O,columnId:k,row:r.row,text:Z??"",anchor:nr(O,k)}),U=[];return c&&U.push({separator:true,id:"__note-sep"}),U.push({id:"__note-edit",label:Z?e.editNote:e.addNote,onSelect:W}),Z&&U.push({id:"__note-delete",label:e.deleteNote,onSelect:()=>ye.onChange?.({rowKey:O,columnId:k,row:r.row,text:null})}),U},[ye,a,Zt,nr,e]),[nn,In]=useState(null),rr=useRef({x:0,y:0}),ar=useCallback(r=>Po(a,e,s,r,c=>{In({message:c,...rr.current}),console.error("[datagrid] export failed:",c);}),[a,e,s]),on=useCallback((r,c,k,O,Z)=>{if(k.kind!=="data")return;let W={row:k.data,node:k,rowIndex:O,columnId:Z,selectedKeys:a.getSelectedKeys()},U=(typeof oe=="function"?oe(W):oe)??[],ae=or(W,U.length>0),le=[...U,...ae,...ar(U.length+ae.length>0)];le.length!==0&&(rr.current={x:r,y:c},In(null),tr({x:r,y:c,items:le,context:W}));},[oe,a,or,ar]),ir=useCallback(r=>r?.target?.closest("[data-column-id]")?.dataset.columnId??null,[]),Ct=useCallback((r,c,k,O,Z)=>{let W=O??-1;r&&a.notifyRow(r,k,W);let U=ir(Z);U!==null&&a.notifyCell(c,k,W,U);},[a,ir]),Ea=useCallback((r,c,k)=>{pe?.(r),Ct("rowClicked","cellClicked",r,c,k);},[pe,Ct]),Na=useCallback((r,c,k)=>{he?.(r),Ct("rowDoubleClicked","cellDoubleClicked",r,c,k);},[he,Ct]),Ma=useCallback((r,c,k)=>{if(Ct(null,"cellContextMenu",r,c,k),!oe&&!Jt&&s===false||r.kind!=="data")return;k.preventDefault(),a.isRowSelected(r.key)||a.handleRowClick(r.key,{});let O=k.target.closest("[data-column-id]")?.dataset.columnId??null;on(k.clientX,k.clientY,r,c,O);},[oe,Jt,s,a,on,Ct]),[Pa,La]=useState(null),[Ia,Ha]=useState(null),[Hn,Aa]=useState(()=>ie.grouping?.groupSummaries??false),[kt,An]=useState(null),[lr,On]=useState(null),Oa=useCallback(()=>{a.getSelectedCount()>0?a.clearSelection():a.selectAll();},[a]),Fa=$>0&&a.getSelectedCount()>=$?"all":a.getSelectedCount()>0?"some":"none",Ba=useCallback(r=>{let c=r.target;if(c.tagName==="INPUT"||c.tagName==="TEXTAREA"||c.isContentEditable)return;if((oe||Jt||s!==false)&&(r.key==="ContextMenu"||r.key==="F10"&&r.shiftKey)){let Z=a.getFocus(),W=Z?ze.findIndex(ae=>ae.key===Z.rowKey):-1,U=W>=0?ze[W]:void 0;if(U){let le=Ke.current?.querySelector(`[data-row-key="${CSS.escape(String(U.key))}"]`)?.getBoundingClientRect();on(le?le.left+16:0,le?le.bottom:0,U,W,Z?.columnId??null),r.preventDefault();}return}let k=resolveGridCommand({key:r.key,ctrlKey:r.ctrlKey,metaKey:r.metaKey,shiftKey:r.shiftKey,altKey:r.altKey});if(!k)return;if(k.type==="copy"){Nt(a);return}if(k.type==="activate"){let Z=a.getFocus(),W=Z?ze.find(U=>U.key===Z.rowKey):void 0;W&&he?.(W),k.preventDefault&&r.preventDefault();return}a.executeCommand(k),k.preventDefault&&r.preventDefault();let O=a.getFocusIndices();if(O&&Ke.current){let W=a.getColumnLayout().center.findIndex(ae=>ae.state.id===a.getFocus()?.columnId),U=a.ensureVisible(O.rowIndex,W===-1?void 0:W);if(U){let ae=Ke.current;U.scrollTop!==void 0&&(ae.scrollTop=U.scrollTop),U.scrollLeft!==void 0&&(ae.scrollLeft=aa(U.scrollLeft,ae)),a.setScroll(ae.scrollTop,ae.scrollLeft);}}},[a,ze,he,oe,Jt,s,on]),xt=useMemo(()=>bandDepth([...ue.left,...ue.center,...ue.right]),[ue]),Ht=St,Fn=(p?2:1)+xt,sr=S?.length??0,Ka=re?.length??0,Bn=Fn+sr,rn=Pa??ie.grouping?.panel??G,_a=a.getGroupLevels(),$a=useCallback(r=>a.groupBy(r.slice(0,Se)),[a,Se]),Wa=useCallback(r=>a.toggleGroup(r),[a]),Va=useCallback(r=>a.toggleGroupSelection(r),[a]),Ua=a.getColumnModel().runtime().filter(r=>r.state.visible&&r.def.groupable!==false),Ne=a.hasMasterDetail()&&!!Fe,ge=t.rowNumbers??false,za=ge&&a.isPaginated()?a.getPage()*a.getPageSize():0;useEffect(()=>{a.setLeadWidth(to(ve,Ne,ge));},[a,ve,Ne,ge]);let Ya=useCallback(r=>a.toggleDetail(r),[a]),Xa=useCallback(r=>a.toggleTreeRow(r),[a]),dr=a.getSummaryDefs(),qa=a.getSummaries(),Tt=Ia??Je??dr.length>0,an=Tt&&V==="top",ur=p?2:1,Ja=Ee.grouping?.groupSummaries&&Hn?ie.summaries:void 0,Za=a.getGroupDisplay(),cr=useCallback(()=>{Aa(r=>(a.setGroupSummaries(!r),!r));},[a]),ja=useCallback((r,c)=>{if(!fe)return;c.preventDefault();let k=a.getColumnModel().getDef(r),O=a.getColumnSummary(r),Z={columnId:r,headerName:k?.headerName??k?.field??r},W=[{id:"none",label:e.noTotal,disabled:O===null,onSelect:()=>a.setColumnSummary(r,null)},{id:"sep",separator:true},...allowedSummaryTypes(k?.dataType).map(U=>({id:U,label:summaryTypeLabels(e)[U],disabled:O?.type===U,onSelect:()=>a.setColumnSummary(r,U)}))];An({x:c.clientX,y:c.clientY,items:W,context:Z});},[a,fe]),Qa=useCallback((r,c)=>{if(H===false)return;c.preventDefault();let k=a.getColumnModel().getDef(r),O={columnId:r,headerName:k?.headerName??k?.field??r},Z=$o(O,{controller:a,groupPanelVisible:rn,footerVisible:Tt,groupFootersAvailable:te,groupFootersVisible:Hn,onToggleGroupPanel:()=>La(!rn),onToggleFooter:()=>Ha(!Tt),onToggleGroupFooters:cr,onOpenFieldChooser:()=>On({left:c.clientX,top:c.clientY}),onBestFit:Sn,onBestFitAll:En,maxGroupLevels:Se,labels:Tn(e)}),W=typeof H=="function"?H(O,Z):Z;!W||W.length===0||An({x:c.clientX,y:c.clientY,items:W,context:O});},[H,a,rn,Tt,te,Hn,cr,Sn,En,Se,e]),vt=a.getFocus(),ei=vt?`${t.gridId}-cell-${String(vt.rowKey)}-${vt.columnId}`:void 0,Kn=a.getSelectedCount(),ti=useMemo(()=>{let r=[fillText(e.announceRows,{n:$})];if(tt.length>0){let c=tt.map(k=>{let O=a.getColumnModel().getDef(k.columnId),Z=String(O?.headerName??O?.field??k.columnId),W=k.direction==="desc"?e.announceDescending:e.announceAscending;return `${Z} ${W}`}).join(", ");r.push(fillText(e.announceSortedBy,{columns:c}));}return Kn>0&&r.push(fillText(e.announceSelected,{n:Kn})),r.join(", ")},[a,$,tt,Kn,e]),{centerColumns:st,centerIndices:_n,stickyInsets:At,leadingSpacer:dt,trailingSpacer:ut,rowStart:ni,rowEnd:pr}=Cr(ue,J),$n=a.getColumnModel(),ct=ni,oi=r=>{if(A)return;let c=a.getRowHeightAt(r);return c===R?void 0:c},ri=Array.from(ze.slice(ct,pr)),ai=useMemo(()=>!ge||a.getGroupLevels().length===0&&!a.hasMasterDetail()&&!a.hasTreePathRows()?null:kr(ze),[ge,a,ze]),ii=a.hasCellSpans(),mr=useRef({start:0,end:0});mr.current={start:ct,end:pr-1};let li=useCallback((r,c)=>{let k=a.getCellSpans(c);if(k.length===0)return null;let{start:O,end:Z}=mr.current,W=spanRoleAt(k,r,O,Z);if(!W)return null;if(W.role==="covered")return {kind:"covered"};let U=a.getRowOffset(W.drawStart);return {kind:"draw",height:a.getRowOffset(W.drawEnd)+a.getRowHeightAt(W.drawEnd)-U,offset:0}},[a]),si=Te?normalizeSearch(a.getSearchText()):"",di={pathOf:r=>bandPath(a.getColumnModel().getDef(r)),collapsible:r=>a.isBandCollapsible(r),collapsed:r=>a.isBandCollapsed(r),onToggle:r=>a.toggleBand(r),labels:{expand:e.expandDetails,collapse:e.collapseDetails}},gr={layout:ue,centerColumns:st,leadingSpacer:dt,trailingSpacer:ut,defs:dr,values:qa,checkboxColumn:ve,detailColumn:Ne,rowNumberColumn:ge,onPickSummary:fe?ja:void 0,emptyHint:fe?"\xB7":""};return jsxs("div",{className:`kanuni-datagrid-root${l?" kanuni-datagrid-dark":""}${z.active?" kanuni-datagrid-print":""}${themeClassName(i,ce,d)}${n?` ${n}`:""}`,style:{"--dg-row-height":`${R}px`,"--dg-grip-inset":ge?`${Gt}px`:"0px",...o},dir:isRtlLocale(t.locale)?"rtl":void 0,"data-grid-id":t.gridId,"data-theme":i,"data-palette":d,"data-auto-height":A?"":void 0,ref:Qe,children:[x&&jsx(vo,{controller:a,dark:l,columnChooser:t.toolbarColumnChooser??true,exportExcel:te&&L,exportPdf:te&&B,itemsBefore:E,itemsAfter:I,onOpenColumnChooser:r=>On(c=>c?null:r)}),rn&&jsx(To,{columns:Ua,levels:_a,onSetLevels:$a,maxLevels:Se,onExpandAll:()=>a.expandAllGroups(),onCollapseAll:()=>a.collapseAllGroups()}),jsx("div",{className:"kanuni-datagrid-scroller",ref:Ke,onScroll:da,onKeyDown:Ba,tabIndex:0,role:"grid","aria-rowcount":$+Fn+sr+Ka,"aria-colcount":ue.left.length+ue.center.length+ue.right.length+(ve?1:0)+(Ne?1:0)+(ge?1:0),"aria-multiselectable":tn==="multiple"||void 0,"aria-activedescendant":ei,"aria-label":t.gridId,children:jsxs("div",{className:"kanuni-datagrid-canvas",style:{width:(ue.totalWidth||0)+to(ve,Ne,ge)||"100%"},role:"rowgroup",children:[jsx(io,{layout:ue,centerColumns:st,leadingSpacer:dt,trailingSpacer:ut,depth:xt,checkboxColumn:ve,detailColumn:Ne,rowNumberColumn:ge,rowHeight:Ht,bandFold:di}),jsx(so,{bandOffset:xt*Ht,stickyInsets:At,layout:ue,centerColumns:st,leadingSpacer:dt,trailingSpacer:ut,sort:tt,sortable:g,onSort:ua,headerFilter:be,filteredColumns:xa,onOpenFilter:Ca,filterIconMode:y,checkboxColumn:ve,detailColumn:Ne,rowNumberColumn:ge,selectAllState:Fa,onToggleSelectAll:Oa,draggable:G,reorderable:b,onReorder:fa,resizable:v,onResize:wa,onAutoFit:Sn,onHeaderContextMenu:H===false?void 0:Qa}),p&&jsx(co,{bandOffset:xt*Ht,stickyInsets:At,layout:ue,centerColumns:st,leadingSpacer:dt,trailingSpacer:ut,values:ha,checkboxColumn:ve,detailColumn:Ne,rowNumberColumn:ge,onChange:ya,onCommit:Ra,periodSuggestions:ba,periodListId:`${t.gridId}-filter-periods`}),an&&jsx(wn,{...gr,position:"top",bandOffset:xt*Ht,headerRowsBetween:ur}),S&&S.length>0&&jsx(hn,{gridId:t.gridId,side:"top",rows:S,layout:ue,columnModel:$n,centerColumns:st,centerIndices:_n,stickyInsets:At,leadingSpacer:dt,trailingSpacer:ut,checkboxColumn:ve,detailColumn:Ne,rowNumberColumn:ge,rowHeight:R,bandOffset:xt*Ht,headerRowsBetween:ur+(an?1:0),ariaRowBase:Fn}),jsxs("div",{className:"kanuni-datagrid-rows",style:{position:"relative",height:J.rows.totalHeight},onDragOver:Rt.bodyHandlers?.onDragOver,onDrop:Rt.bodyHandlers?.onDrop,onDragLeave:Rt.bodyHandlers?.onDragLeave,children:[jsx("div",{className:"kanuni-datagrid-viewport",style:{transform:`translateY(${J.rows.offsetY}px)`},children:ri.map((r,c)=>r?jsx(Ft,{gridId:t.gridId,node:r,index:ct+c,layout:ue,columnModel:$n,centerColumns:st,centerIndices:_n,stickyInsets:At,leadingSpacer:dt,trailingSpacer:ut,striped:m,selected:a.isRowSelected(r.key),groupSelection:r.kind==="group"&&ve&&tn==="multiple"?a.getGroupSelectionState(String(r.key)):void 0,onToggleGroupSelect:Va,groupDisplay:Za,focusedColumnId:vt?.rowKey===r.key?vt.columnId:null,rowFocused:Y&&vt?.rowKey===r.key,rowDrag:Rt.handlers,dropSide:Rt.dropAt?.key===r.key?Rt.dropAt.side:null,renderRow:u,checkboxColumn:ve,rowNumberColumn:ge,getSpan:ii?li:void 0,getNote:ye?Zt:void 0,rowNumber:ge?xr(ct+c,ai,za):null,headerRowCount:Bn,onRowClick:Ea,onRowMouseDown:tn==="none"?void 0:Ta,onRowDoubleClick:Na,onToggleSelect:Da,onCellMouseDown:va,onRowContextMenu:Ma,onToggleGroup:Wa,onToggleTreeRow:Xa,revision:ma,searchNeedle:si,summaryDefs:Ja,detailColumn:Ne,detailExpanded:Ne&&a.isDetailExpanded(r.key),onToggleDetail:Ya,renderDetail:Fe,renderEditForm:Be,height:oi(ct+c),renderCellContent:xe,getCellClassName:Ge,onCellPointerDown:Oe,onCellPointerEnter:Ze,onCellDoubleClick:je},String(r.key)):jsx("div",{className:"kanuni-datagrid-row kanuni-datagrid-row--loading",role:"row","aria-rowindex":ct+c+1+Bn,"aria-busy":"true",children:jsx("div",{className:"kanuni-datagrid-cell kanuni-datagrid-loading-cell",role:"gridcell","aria-colindex":1,children:jsx("span",{className:"kanuni-datagrid-loading-bar"})})},`__loading-${ct+c}`))}),Ae?.()]}),re&&re.length>0&&jsx(hn,{gridId:t.gridId,side:"bottom",rows:re,layout:ue,columnModel:$n,centerColumns:st,centerIndices:_n,stickyInsets:At,leadingSpacer:dt,trailingSpacer:ut,checkboxColumn:ve,detailColumn:Ne,rowNumberColumn:ge,rowHeight:R,headerRowsBetween:Tt&&!an?1:0,ariaRowBase:Bn+$}),Tt&&!an&&jsx(wn,{...gr,position:"bottom"})]})}),(Gn==="noRows"||Gn===null&&$===0)&&jsx("div",{className:"kanuni-datagrid-empty",children:w??e.noData}),_&&jsx(So,{controller:a,alwaysVisible:_==="always",onOpenBuilder:h,describeOptions:K}),D!==false&&jsx(Ao,{controller:a,delay:typeof D=="number"?D:void 0,forced:Gn==="loading"}),a.isPaginated()&&jsx(Go,{page:a.getPage(),pageCount:a.getPageCount(),pageSize:a.getPageSize(),pageSizes:ie.pagination?.pageSizes,totalRows:$,onPage:r=>a.setPage(r),onNext:()=>a.nextPage(),onPrevious:()=>a.previousPage(),onPageSize:r=>a.setPageSize(r)}),P&&jsx("div",{className:"kanuni-datagrid-sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:ti}),It&&jsx(Io,{anchor:It.anchor,value:It.text,dark:l,onCommit:Sa,onCancel:()=>Ln(null)}),Lt&&jsx(Cn,{x:Lt.x,y:Lt.y,items:Lt.items,context:Lt.context,dark:l,onClose:Ga}),nn&&jsx($e,{dark:l,children:jsx("button",{type:"button",role:"alert",className:"kanuni-datagrid-toolbar-error kanuni-datagrid-menu-error",style:{left:nn.x,top:nn.y},onClick:()=>In(null),children:nn.message})}),kt&&jsx(Cn,{x:kt.x,y:kt.y,items:kt.items,context:kt.context,dark:l,label:`${kt.context.headerName} column`,onClose:()=>An(null)}),Zo&&jsx(_o,{state:Zo,dark:l}),lr&&jsx(Do,{controller:a,columns:a.getColumnStates(),anchor:lr,dark:l,onClose:()=>On(null)}),me&&jsx(ko,{gridId:t.gridId,columnId:me.columnId,headerLabel:me.label,entries:me.entries,initialSelected:me.selected,anchor:me.anchor,loading:me.loading,truncated:me.truncated,onSearch:me.capped&&!a.isRemote()?r=>{let{entries:c,truncated:k}=a.searchDistinctValues(me.columnId,r);lt(O=>O&&O.columnId===me.columnId?{...O,entries:c,truncated:k}:O);}:void 0,dark:l,onApply:ka,onClose:()=>lt(null)},`${me.columnId}:${me.loading?"loading":"ready"}`)]})}function Ss({defs:t,values:e,columnModel:n,rowCount:o,rowCountLabel:l}){let i=Q(),d=summaryTypeLabels(i);return t.length===0&&o===void 0?null:jsxs("div",{className:"kanuni-datagrid-summary-bar",role:"status","aria-label":i.summaryAria,children:[o!==void 0&&jsxs("span",{className:"kanuni-datagrid-summary-item",children:[jsx("strong",{children:o.toLocaleString()})," ",l??i.summaryRows]}),t.map(m=>{let w=e[summaryKey(m.columnId,m.type)],g=n.getDef(m.columnId),p=formatSummaryValue(m,w,g);return jsxs("span",{className:"kanuni-datagrid-summary-item",children:[jsxs("span",{className:"kanuni-datagrid-summary-label",children:[summaryLabel(m,d)," ",g?.headerName??m.columnId,":"]}),jsx("strong",{children:p})]},summaryKey(m.columnId,m.type))})]})}var Es=memo(Ss);function Ps(t,e){return qo(t,e,e?.source,(n,o)=>n.computeChartData(o))}function Ls(t,e){return qo(t,e,e?.source,(n,o)=>n.computeChartXYData(o))}function Is(t,e){return qo(t,e,e?.source,(n,o)=>n.computeChartBoxData(o))}function qo(t,e,n,o){let[l,i]=useState(null);return useEffect(()=>{if(!t||!e){i(null);return}let d=n??"view",m=false,w=0,g=false,p=false,f=null,y=()=>{let D=++w;o(t,e).then(P=>{!m&&D===w&&i(P);},()=>{});},b=(D=false)=>{p||=D,!g&&(g=true,queueMicrotask(()=>{if(g=false,m)return;let P=t.chartBasis(d);!p&&P===f||(p=false,f=P,y());}));};f=t.chartBasis(d),y();let v=[t.events.on("contentReady",()=>b()),t.events.on("rowsChanged",()=>b()),t.events.on("dataUpdated",()=>b()),...d==="selection"?[t.events.on("selectionChanged",()=>b(true))]:[]];return ()=>{m=true,w++,v.forEach(D=>D());}},[t,e]),l}export{St as BAND_ROW_HEIGHT,ea as DEFAULT_HEADER_MENU_LABELS,vs as DataGrid,Do as GridColumnChooser,Cn as GridContextMenu,So as GridFilterPanel,co as GridFilterRow,wn as GridFooterRow,To as GridGroupPanel,so as GridHeader,io as GridHeaderBands,ko as GridHeaderFilterPopup,Ao as GridLoadingOverlay,Io as GridNoteEditor,Go as GridPager,hn as GridPinnedRows,ht as GridPopupPanel,$e as GridPortal,Ft as GridRow,Es as GridSummaryBar,ho as GridSurfaceProvider,Xn as GridTextProvider,vo as GridToolbar,_o as GridTooltip,Vn as PRINT_MAX_ROWS,xn as ROW_DRAG_MIME,Kr as SHORTCUT_COPY,Kl as SHORTCUT_CUT,_l as SHORTCUT_PASTE,Po as buildCellMenuItems,$o as buildHeaderMenu,Nt as copyToClipboard,Tn as headerMenuLabels,kn as measureBestFitWidth,uo as reconcileFilterInputs,Wt as runGridExport,Yn as useAlignedGrids,Kt as useAnchoredPopup,Ko as useCellTooltip,Wn as useDataGrid,Is as useGridChartBoxData,Ps as useGridChartData,Ls as useGridChartXYData,bo as useGridSurfaceClass,Q as useGridText,Un as usePrintLayout,Bo as useRowDrag,Oo as useStateStoring,_r as writeClipboardText};
|
|
1
|
+
import {createContext,memo,useState,useId,useRef,useEffect,useContext,useMemo,useCallback,useSyncExternalStore,useLayoutEffect,useReducer}from'react';import {getGridDictionary,isDetailRow,isEditFormRow,isFillerRow,isGroupRow,lookupLabel,fillText,summaryLabel,formatSummaryValue,summaryKey,GROUP_COLUMN_ID,summaryTypeLabels,pageButtonItems,describeFilter,filterLabels,computeHeaderBands,isChromeColumn,downloadBlob,ExportAbortedError,DataGridController,themeClassName,foldText,attachStateStoring,isDataRow,inferColumns,isPackagedTheme,THEME_ROW_HEIGHT,DENSITY_ROW_HEIGHT,DEFAULT_ROW_HEIGHT,DEFAULT_MAX_SCROLL_OFFSET,calibrateMaxScrollOffset,datePeriodLabels,periodSuggestionList,parseFilterInput,FILTER_PART_ROW,createDebouncedCommit,FILTER_PART_SET,FILTER_PART_DEFAULT,selectedLabelsFromFilter,resolveGridCommand,bandDepth,allowedSummaryTypes,spanRoleAt,normalizeSearch,isRtlLocale,chartNeedsOrder,filterInputFromNode,bandPath,formatDateValue}from'@kanunilabs/datagrid-core';export{ClientRowModel,ColumnModel,DEFAULT_ROW_HEIGHT,DENSITY_ROW_HEIGHT,DataGridController,GRID_PALETTES,GRID_THEMES,GridStateStore,SUMMARY_TYPE_LABEL,THEME_ROW_HEIGHT,VirtualWindowEngine,allowedSummaryTypes,andFilters,attachStateStoring,bandDepth,bandPath,computeColumnLayout,computeHeaderBands,createRestDataSource,describeFilter,downloadBlob,fillText,filterInputFromNode,formatSummaryValue,humanizeField,importCsv,inferColumns,isDataRow,isDataSource,isFilterGroup,isGroupRow,isPackagedTheme,lookupLabel,moveRowInArray,parseCsv,parseFilterInput,sniffDelimiter,summaryKey,summaryLabel,summaryTypeLabels,themeClassName}from'@kanunilabs/datagrid-core';import {createPortal,flushSync}from'react-dom';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var Ci=["contentReady","viewportChanged","columnStateChanged","sortChanged","filterChanged","selectionChanged","focusChanged","summariesChanged"];function eo(t){let e=t.sorting?.postSort,n=useRef(e);useEffect(()=>{n.current=e;},[e]);let[r]=useState(()=>((G,N)=>n.current?.(G,N))),l=()=>new DataGridController(e?{...t,sorting:{...t.sorting,postSort:r}}:t),[a,s]=useState(l);useEffect(()=>{if(a.isDisposed()){s(l());return}return ()=>a.dispose()},[a]);let m=useRef(0),f=useCallback(G=>{let N=()=>{m.current++,G();},d=Ci.map(b=>a.events.on(b,N));return ()=>d.forEach(b=>b())},[a]),g=useCallback(()=>m.current,[]);useSyncExternalStore(f,g,g);let{dataSource:p,columns:y}=t,C=useRef(true);useEffect(()=>{if(C.current){C.current=false;return}Array.isArray(p)&&a.setData(p);},[a,p]);let k=useRef(true);useEffect(()=>{if(k.current){k.current=false;return}a.setColumns(y);},[a,y]);let v=t.pagination?t.pagination.enabled!==false:false;useEffect(()=>{a.setPaginationEnabled(v);},[a,v]);let P=t.rowHeight,M=useRef(true);useEffect(()=>{if(M.current){M.current=false;return}P!==void 0&&a.setRowHeight(P);},[a,P]);let x=t.selection?.mode??"none";useEffect(()=>{a.setSelectionMode(x);},[a,x]);let A=t.selection?.isRowSelectable,u=useRef(true);useEffect(()=>{if(u.current){u.current=false;return}a.setRowSelectable(A??null);},[a,A]);let L=e!==void 0,I=useRef(true);useEffect(()=>{if(I.current){I.current=false;return}a.setPostSort(L?r:null);},[a,L,r]);let F=t.grouping?.groupBy??null,$=JSON.stringify(F==null?[]:typeof F=="string"?[F]:F),h=useRef(true);return useEffect(()=>{if(h.current){h.current=false;return}a.groupBy(JSON.parse($));},[a,$]),{controller:a,rows:a.getRows(),window:a.getVirtualWindow(),layout:a.getColumnLayout(),sort:a.getSort(),rowHeight:a.getRowHeight(),visibleCount:a.getVisibleCount(),totalCount:a.getTotalCount()}}var mn=0,to=5e3;function xi(t){if(t===void 0||t===false)return null;let e=t===true?{}:t;return {always:e.always??false,maxRows:e.maxRows??to}}function Ti(t,e){return t<=e}function no(t,e){let n=xi(e),r=n!==null,l=n?.always??false,a=n?.maxRows??to,[s,m]=useState(false),f=useCallback(()=>m(true),[]),g=useCallback(()=>m(false),[]);useEffect(()=>{if(!r||l||typeof window>"u"||typeof window.addEventListener!="function")return;let y=()=>{let k=t.getRows().length;if(!Ti(k,a)){t.isDebugMode()&&console.warn(`[datagrid] print layout skipped: ${k} rows exceeds maxRows (${a}). Printing the visible rows instead \u2014 use exportPdf() for the whole result.`);return}flushSync(()=>m(true));},C=()=>flushSync(()=>m(false));return window.addEventListener("beforeprint",y),window.addEventListener("afterprint",C),()=>{window.removeEventListener("beforeprint",y),window.removeEventListener("afterprint",C);}},[r,l,a,t]);let p=l||s;return useEffect(()=>{if(!p||typeof document>"u")return;let y=document.documentElement;return mn++,y.classList.add("kanuni-datagrid-printing"),()=>{mn--,mn<=0&&(mn=0,y.classList.remove("kanuni-datagrid-printing"));}},[p]),{active:p,begin:f,end:g}}var gn=new Map,oo=new Set;function Lr(t,e){let n=gn.get(t);return n?[...n].filter(r=>r!==e):[]}function ro(t,e,n){let r=useRef(null);return useEffect(()=>{if(!e)return;let a={controller:t,scroller:()=>n.current};r.current=a;let s=gn.get(e)??new Set;s.add(a),gn.set(e,s);let m=t.events.on("columnStateChanged",()=>{if(oo.has(e))return;let f=Lr(e,a);if(f.length===0)return;let g=t.getColumnStates();oo.add(e);try{for(let p of f)p.controller.applyColumnStates(g);}finally{oo.delete(e);}});return ()=>{m(),s.delete(a),s.size===0&&gn.delete(e),r.current=null;}},[t,e,n]),{syncScroll:useCallback(a=>{let s=r.current;if(!e||!s)return;let m=Lr(e,s);if(m.length!==0)for(let f of m){let g=f.scroller();g&&g.scrollLeft!==a&&(g.scrollLeft=a);}},[e])}}function fn(t,e,n){return t==="left"?e:t==="center"?n.left+e:n.left+n.center+e}function Ir(t,e){let{start:n,end:r}=e.columns,l=t.centerOffsets,a=l[n]??0,s=(l[r]??0)-a,m=Math.max(0,t.centerWidth-a-s),f=a,g=t.center.slice(n,r),p=Array.from({length:g.length},(k,v)=>n+v),y=t.stickyIndices.filter(k=>k<n);if(y.length>0){let k=y.map(v=>t.center[v]);f-=k.reduce((v,P)=>v+P.state.width,0),g=[...k,...g],p=[...y,...p];}let C=new Map;for(let k of t.stickyIndices){let v=t.centerStickyOffsets[k];v!==null&&C.set(t.center[k].state.id,v);}return {centerColumns:g,centerIndices:p,leadingSpacer:Math.max(0,f),trailingSpacer:m,rowStart:e.rows.start,rowEnd:e.rows.end,stickyInsets:C}}function Hr(t){let e=[];for(let n=0;n<t.length;n++){let r=t[n];r&&r.kind!=="data"&&e.push(n);}return e.length>0?e:null}function Ar(t,e,n=0){if(!e)return n+t+1;let r=0,l=e.length;for(;r<l;){let a=r+l>>1;e[a]<t?r=a+1:l=a;}return n+t-r+1}var Fr=createContext(getGridDictionary("en"));function ao({locale:t,messages:e,children:n}){let r=useMemo(()=>getGridDictionary(t,e),[t,e]);return jsx(Fr.Provider,{value:r,children:n})}function ne(){return useContext(Fr)}var wn=36,bn=28,It=60,Ki=[["rowNumberColumn",It],["detailColumn",bn],["checkboxColumn",wn]];function mo(t,e,n=false){return je({checkboxColumn:t,detailColumn:e,rowNumberColumn:n}).total}function je(t){let e=new Map,n=new Map,r=0,l=0;for(let[a,s]of Ki)t[a]&&(e.set(a,r),n.set(a,++l),r+=s);return {total:r,count:l,inset:a=>e.get(a)??0,colIndex:a=>n.get(a)??1}}function so(t){return t?t.kind==="draw"?" kanuni-datagrid-cell--span":" kanuni-datagrid-cell--span-covered":""}function uo(t,e,n){return t?t.kind==="covered"?e?n():null:jsx("div",{className:"kanuni-datagrid-span-box",style:{height:t.height},children:n()}):n()}function co(t,e){let n=t??(e==="number"?"right":"left");return n==="right"?"kanuni-datagrid-cell kanuni-datagrid-cell--number":n==="center"?"kanuni-datagrid-cell kanuni-datagrid-cell--center":"kanuni-datagrid-cell"}function hn(t,e){if(e===""||t==="")return t;let n=foldText(t),r=n.indexOf(e);if(r===-1)return t;let l=[],a=0,s=0;for(;r!==-1;)r>a&&l.push(t.slice(a,r)),l.push(jsx("mark",{className:"kanuni-datagrid-highlight",children:t.slice(r,r+e.length)},s++)),a=r+e.length,r=n.indexOf(e,a);return a<t.length&&l.push(t.slice(a)),l}function _i(t,e,n,r=""){if(t.renderCell)return t.renderCell({value:e,row:n.data,node:n,column:t});let l=lookupLabel(t,e);if(l!==null)return hn(l,r);if(t.valueFormatter){let a=t.valueFormatter(e,n.data);return typeof a=="string"?hn(a,r):a}return t.dateFormat&&t.dataType==="date"?hn(formatDateValue(e,t.dateFormat),r):e==null?"":hn(String(e),r)}function $i({gridId:t,node:e,index:n,layout:r,columnModel:l,centerColumns:a,centerIndices:s,stickyInsets:m,leadingSpacer:f,trailingSpacer:g,striped:p,selected:y,ariaSelectable:C=true,selectable:k=true,groupSelection:v,onToggleGroupSelect:P,groupDisplay:M="fullWidth",focusedColumnId:x,rowFocused:A=false,renderRow:u,checkboxColumn:L,rowNumberColumn:I=false,rowNumber:F=null,getNote:$,getSpan:h,headerRowCount:G,onRowClick:N,onRowMouseDown:d,onRowDoubleClick:b,onToggleSelect:E,onCellMouseDown:te,onRowContextMenu:ie,searchNeedle:re="",onToggleGroup:Ye,summaryDefs:Se,detailColumn:pe=false,detailExpanded:Ee=false,onToggleDetail:Ne,onToggleTreeRow:Ce,renderDetail:Me,renderEditForm:tt,renderCellContent:Xe,getCellClassName:Fe,onCellPointerDown:Be,onCellPointerEnter:de,onCellDoubleClick:Ke,rowDrag:ue,dropSide:_e=null,height:be}){let w=ne();if(isDetailRow(e))return jsx("div",{className:"kanuni-datagrid-row kanuni-datagrid-detail-row",role:"row","aria-rowindex":n+1+G,"data-row-key":String(e.key),"data-detail-for":String(e.parentKey),style:{height:e.height},children:jsx("div",{className:"kanuni-datagrid-detail-cell",role:"gridcell","aria-colindex":1,children:Me?.(e.data)})});if(isEditFormRow(e))return jsx("div",{className:"kanuni-datagrid-row kanuni-datagrid-editform-row",role:"row","aria-rowindex":n+1+G,"data-row-key":String(e.key),"data-editform-for":e.parentKey===null?"":String(e.parentKey),style:{height:e.height},children:jsx("div",{className:"kanuni-datagrid-editform-cell",role:"gridcell","aria-colindex":1,children:e.parentKey===null?null:tt?.(e.parentKey,e.data)})});if(isFillerRow(e))return null;if(isGroupRow(e)&&M==="fullWidth"){let T=l.getDef(e.columnId),q=T?.headerName??e.columnId,V=lookupLabel(T,e.value)??e.display??(e.label===""?w.filterBlank:e.label),ee=e.aggregates??null;return jsx("div",{className:`kanuni-datagrid-row kanuni-datagrid-group-row kanuni-datagrid-group-row--level-${e.level}${x?" kanuni-datagrid-group-row--focused":""}`,role:"row","aria-rowindex":n+1+G,"aria-expanded":e.expanded,"aria-level":e.level+1,"data-row-key":String(e.key),"data-group-key":String(e.key),"data-group-level":e.level,onClick:()=>Ye?.(String(e.key)),children:jsxs("div",{className:"kanuni-datagrid-group-cell",role:"gridcell","aria-colindex":1,id:`${t}-cell-${String(e.key)}-__group`,style:e.level>0?{paddingLeft:8+e.level*18}:void 0,children:[v&&jsx("input",{type:"checkbox",className:"kanuni-datagrid-group-checkbox",tabIndex:-1,checked:v==="all",ref:O=>{O&&(O.indeterminate=v==="some");},"aria-label":fillText(w.selectGroupAria,{count:String(e.count),group:V}),onChange:()=>P?.(String(e.key)),onClick:O=>O.stopPropagation(),onMouseDown:O=>O.stopPropagation()}),jsx("span",{className:"kanuni-datagrid-group-twisty","aria-hidden":"true",children:e.expanded?"\u25BE":"\u25B8"}),jsxs("span",{className:"kanuni-datagrid-group-caption",children:[q,":"]}),jsx("span",{className:"kanuni-datagrid-group-label",children:V}),jsxs("span",{className:"kanuni-datagrid-group-count",children:["(",e.count,")"]}),ee&&Se?.map(O=>jsxs("span",{className:"kanuni-datagrid-group-aggregate",children:[jsxs("span",{className:"kanuni-datagrid-group-aggregate-label",children:[summaryLabel(O)," ",l.getDef(O.columnId)?.headerName??O.columnId,":"]})," ",formatSummaryValue(O,ee[summaryKey(O.columnId,O.type)],l.getDef(O.columnId))]},summaryKey(O.columnId,O.type)))]})})}let K=[],W=je({rowNumberColumn:I,detailColumn:pe,checkboxColumn:L}),S=W.count,D=(T,q)=>({node:e,columnId:T,rowIndex:n,columnIndex:q,value:U?void 0:l.getCellValue(e.data,T)}),X=(T,q)=>{let V=()=>D(T,q);return {role:"gridcell",id:`${t}-cell-${String(e.key)}-${T}`,"aria-colindex":S+q+1,"data-column-id":T,onMouseDown:ee=>{te?.(e,T),Be?.(V(),ee);},onMouseEnter:de?ee=>de(V(),ee):void 0,onDoubleClick:Ke?()=>Ke(V()):void 0}},oe=e.kind==="data"||e.kind==="treePath"?e.tree:void 0,_=e.kind==="treePath",U=isGroupRow(e)?e:null,ae=_||U!==null,ke=U?M==="column"?GROUP_COLUMN_ID:(r.left[0]??r.center[0]??r.right[0])?.state.id??null:null,me=()=>{let T=U,q=l.getDef(T.columnId),V=lookupLabel(q,T.value)??T.display??(T.label===""?w.filterBlank:T.label);return jsxs("span",{className:"kanuni-datagrid-group-inline",style:{paddingInlineStart:T.level*16},children:[jsx("span",{className:"kanuni-datagrid-group-twisty","aria-hidden":"true",children:T.expanded?"\u25BE":"\u25B8"}),M!=="column"&&jsxs("span",{className:"kanuni-datagrid-group-caption",children:[q?.headerName??T.columnId,":"]}),jsx("span",{className:"kanuni-datagrid-group-label",children:V}),jsxs("span",{className:"kanuni-datagrid-group-count",children:["(",T.count,")"]})]})},$e=(T,q)=>{let V=U.aggregates?Se?.find(ee=>ee.columnId===q):void 0;return V?jsx("span",{className:"kanuni-datagrid-group-aggregate-value",children:formatSummaryValue(V,U.aggregates[summaryKey(q,V.type)],T)}):null},ge=oe?(r.left[0]??r.center[0]??r.right[0])?.state.id??null:null,B=(T,q,V)=>{if(U)return q===ke?me():$e(T,q);if(Xe&&!_){let O=Xe(D(q,V));if(O!==void 0)return O}let ee=_?q===ge?jsx("span",{className:"kanuni-datagrid-tree-path-label",children:e.label}):null:_i(T,l.getCellValue(e.data,q),e,re);return oe&&q===ge?jsxs("span",{className:oe.ancestorOnly?"kanuni-datagrid-tree-cell kanuni-datagrid-tree-cell--ancestor":"kanuni-datagrid-tree-cell",style:{paddingInlineStart:oe.depth*16},children:[oe.hasChildren?jsx("button",{type:"button",className:"kanuni-datagrid-tree-toggle","data-tree-toggle":"","aria-expanded":oe.expanded,"aria-label":oe.expanded?w.collapseTreeRow:w.expandTreeRow,onClick:O=>{O.stopPropagation(),Ce?.(e.key);},children:oe.expanded?"\u25BE":"\u25B8"}):jsx("span",{className:"kanuni-datagrid-tree-toggle kanuni-datagrid-tree-toggle--leaf"}),ee]}):ee},nt=(T,q)=>{if(!Fe||U)return "";let V=Fe(D(T,q));return V?` ${V}`:""},i=T=>!$||e.kind!=="data"?"":$(e.key,T,e.data)?" kanuni-datagrid-cell--noted":"",ye=T=>h&&e.kind==="data"?h(n,T):null,gt=(T,q)=>{let V=T.autoHeight?" kanuni-datagrid-cell--wrap":"";return !T.cellClassName||ae?V:V+ce(T,q)},ce=(T,q)=>{let V=T.cellClassName;if(!V)return "";if(typeof V=="string")return ` ${V}`;let ee=e.data,O=V({value:l.getCellValue(ee,q),row:ee,node:e,column:T});return O?` ${O}`:""};if(I){let T=e.kind==="data"&&F!==null;K.push(jsx("div",{role:"gridcell","aria-colindex":W.colIndex("rowNumberColumn"),className:"kanuni-datagrid-cell kanuni-datagrid-cell--number kanuni-datagrid-cell--pinned kanuni-datagrid-rownum-cell",style:{width:It,insetInlineStart:W.inset("rowNumberColumn")},children:T?F:""},"__rownum"));}pe&&K.push(jsx("div",{role:"gridcell","aria-colindex":W.colIndex("detailColumn"),className:"kanuni-datagrid-cell kanuni-datagrid-cell--center kanuni-datagrid-cell--pinned kanuni-datagrid-detail-toggle-cell",style:{width:bn,insetInlineStart:W.inset("detailColumn")},children:ae?null:jsx("button",{type:"button",className:"kanuni-datagrid-detail-toggle",tabIndex:-1,"aria-expanded":Ee,"aria-label":Ee?w.collapseDetails:w.expandDetails,onClick:T=>{T.stopPropagation(),Ne?.(e.key);},children:Ee?"\u25BE":"\u25B8"})},"__detail")),L&&K.push(jsx("div",{role:"gridcell","aria-colindex":W.colIndex("checkboxColumn"),className:"kanuni-datagrid-cell kanuni-datagrid-cell--center kanuni-datagrid-cell--pinned kanuni-datagrid-select-cell",style:{width:wn,insetInlineStart:W.inset("checkboxColumn")},onMouseDown:T=>T.stopPropagation(),onClick:T=>{T.target.tagName!=="INPUT"&&(T.stopPropagation(),E?.(e));},children:U?v&&jsx("input",{type:"checkbox",className:"kanuni-datagrid-group-checkbox",tabIndex:-1,checked:v==="all",ref:T=>{T&&(T.indeterminate=v==="some");},"aria-label":fillText(w.selectGroupAria,{count:String(U.count),group:U.display??U.label}),onChange:()=>P?.(String(U.key)),onClick:T=>T.stopPropagation(),onMouseDown:T=>T.stopPropagation()}):_?null:jsx("input",{type:"checkbox",checked:y,disabled:!k,tabIndex:-1,"aria-label":fillText(w.selectRowAria,{row:String(e.key)}),onChange:()=>E?.(e),onClick:T=>T.stopPropagation(),onMouseDown:T=>T.stopPropagation()})},"__select"));let ft=W.total,ot=T=>x===T?" kanuni-datagrid-cell--focused":"",We={left:r.left.length,center:r.center.length};return r.left.forEach((T,q)=>{let V=T.def,ee=q===r.left.length-1,O=T.state.id,xe=fn("left",q,We);K.push(jsx("div",{...X(O,xe),className:`${co(V.align,V.dataType)} kanuni-datagrid-cell--pinned${ee?" kanuni-datagrid-pin-edge-left":""}${ot(O)}${gt(V,O)}${nt(O,xe)}${i(O)}${so(ye(O))}`,style:{width:T.state.width,insetInlineStart:r.leftOffsets[q]+ft},children:uo(ye(O),x===O,()=>B(V,O,xe))},O));}),f>0&&K.push(jsx("div",{className:"kanuni-datagrid-spacer",style:{width:f}},"__lead")),a.forEach((T,q)=>{let V=T.def,ee=T.state.id,O=fn("center",s?.[q]??q,We),xe=m?.get(ee),Hn=xe===void 0?"":" kanuni-datagrid-cell--pinned kanuni-datagrid-cell--sticky";K.push(jsx("div",{...X(ee,O),className:`${co(V.align,V.dataType)}${Hn}${ot(ee)}${gt(V,ee)}${nt(ee,O)}${i(ee)}${so(ye(ee))}`,style:xe===void 0?{width:T.state.width}:{width:T.state.width,insetInlineStart:xe+ft},children:uo(ye(ee),x===ee,()=>B(V,ee,O))},ee));}),g>0&&K.push(jsx("div",{className:"kanuni-datagrid-spacer",style:{width:g}},"__trail")),r.right.forEach((T,q)=>{let V=T.def,ee=q===0,O=T.state.id,xe=fn("right",q,We);K.push(jsx("div",{...X(O,xe),className:`${co(V.align,V.dataType)} kanuni-datagrid-cell--pinned${ee?" kanuni-datagrid-pin-edge-right":""}${ot(O)}${gt(V,O)}${nt(O,xe)}${i(O)}${so(ye(O))}`,style:{width:T.state.width,insetInlineEnd:r.rightOffsets[q]},children:uo(ye(O),x===O,()=>B(V,O,xe))},O));}),jsxs("div",{className:`kanuni-datagrid-row${p&&n%2===1?" kanuni-datagrid-row--odd":""}${y?" kanuni-datagrid-row--selected":""}${A?" kanuni-datagrid-row--focused":""}${_?" kanuni-datagrid-row--tree-path":""}${U?` kanuni-datagrid-group-row kanuni-datagrid-group-row--aligned kanuni-datagrid-group-row--level-${U.level}`:""}${_e?` kanuni-datagrid-row--drop-${_e}`:""}`,role:"row","aria-rowindex":n+1+G,"aria-selected":U||!C?void 0:y,"aria-expanded":U?U.expanded:void 0,"aria-level":U?U.level+1:void 0,"data-row-key":String(e.key),"data-group-key":U?String(U.key):void 0,"data-group-level":U?U.level:void 0,style:be===void 0?void 0:{height:be},draggable:ue?.draggable&&!U?true:void 0,onDragStart:ue&&!U?T=>ue.onDragStart(e,T):void 0,onDragEnd:ue&&!U?()=>ue.onDragEnd():void 0,onDragOver:ue&&!U?T=>ue.onDragOver(e,T):void 0,onDrop:ue&&!U?T=>ue.onDrop(e,T):void 0,onMouseDown:d&&!U?T=>d(e,T):void 0,onClick:U?()=>Ye?.(String(U.key)):N?T=>N(e,n,T):void 0,onDoubleClick:b?T=>b(e,n,T):void 0,onContextMenu:ie?T=>ie(e,n,T):void 0,children:[ue&&!U&&jsx("span",{className:"kanuni-datagrid-row-grip","data-testid":"dg-row-grip","aria-hidden":"true",title:w.dragToReorder,onMouseEnter:()=>ue.setDraggable(true),onMouseLeave:()=>ue.setDraggable(false),children:jsx("svg",{width:"10",height:"14",viewBox:"0 0 10 14",focusable:"false",children:jsxs("g",{fill:"currentColor",children:[jsx("circle",{cx:"3",cy:"3",r:"1.2"}),jsx("circle",{cx:"7",cy:"3",r:"1.2"}),jsx("circle",{cx:"3",cy:"7",r:"1.2"}),jsx("circle",{cx:"7",cy:"7",r:"1.2"}),jsx("circle",{cx:"3",cy:"11",r:"1.2"}),jsx("circle",{cx:"7",cy:"11",r:"1.2"})]})})}),u&&e.kind==="data"?u({row:e.data,node:e,rowIndex:n,selected:y,focused:A}):K]})}var Ht=memo($i);var At=26;function go(t,e){return computeHeaderBands(t,e)}function fo(t,e=""){return `kanuni-datagrid-band-cell${t.spacer?" kanuni-datagrid-band-cell--spacer":""}${e}`}function ho(t,e){let n=jsx("span",{className:"kanuni-datagrid-band-label",children:t.label});if(!e||t.spacer||t.columnIds.length===0)return n;let r=e.pathOf(t.columnIds[0]).slice(0,t.level+1);if(r.length!==t.level+1||!e.collapsible(r))return n;let l=e.collapsed(r);return jsxs(Fragment,{children:[jsx("button",{type:"button",className:"kanuni-datagrid-band-toggle","aria-expanded":!l,"aria-label":l?e.labels.expand:e.labels.collapse,title:l?e.labels.expand:e.labels.collapse,onClick:a=>{a.stopPropagation(),e.onToggle(r);},children:jsxs("svg",{width:"14",height:"14",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",children:[jsx("rect",{x:"2",y:"2",width:"12",height:"12",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.3"}),jsx("path",{d:"M5 8h6",fill:"none",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"}),l&&jsx("path",{d:"M8 5v6",fill:"none",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})]})}),n]})}function Vi({layout:t,centerColumns:e,leadingSpacer:n,trailingSpacer:r,depth:l,checkboxColumn:a=false,detailColumn:s=false,rowNumberColumn:m=false,rowHeight:f=At,bandFold:g}){if(l<=0)return null;let p=je({rowNumberColumn:m,detailColumn:s,checkboxColumn:a}).total,y=go(t.left,l),C=go(e,l),k=go(t.right,l),v=(P,M,x)=>{let A=x;for(let u=0;u<M;u++)A+=P[u].width;return A};return jsx(Fragment,{children:Array.from({length:l},(P,M)=>jsxs("div",{className:"kanuni-datagrid-band-row",role:"row","aria-rowindex":M+1,style:{width:t.totalWidth+p,height:f,top:M*f},children:[p>0&&jsx("div",{className:"kanuni-datagrid-band-cell kanuni-datagrid-band-cell--spacer kanuni-datagrid-band-cell--pinned",style:{width:p,insetInlineStart:0},"aria-hidden":"true"}),(y[M]??[]).map((x,A)=>jsx("div",{className:fo(x,` kanuni-datagrid-band-cell--pinned${A===(y[M]?.length??0)-1?" kanuni-datagrid-pin-edge-left":""}`),role:x.spacer?"presentation":"columnheader","aria-colspan":x.spacer?void 0:x.columnIds.length,style:{width:x.width,insetInlineStart:v(y[M]??[],A,p)},title:x.spacer?void 0:x.label,children:ho(x,g)},x.columnIds[0])),n>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:n}}),(C[M]??[]).map(x=>jsx("div",{className:fo(x),role:x.spacer?"presentation":"columnheader","aria-colspan":x.spacer?void 0:x.columnIds.length,style:{width:x.width},title:x.spacer?void 0:x.label,children:ho(x,g)},x.columnIds[0])),r>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:r}}),(k[M]??[]).map((x,A)=>{let u=k[M]??[],L=0;for(let I=A+1;I<u.length;I++)L+=u[I].width;return jsx("div",{className:fo(x,` kanuni-datagrid-band-cell--pinned${A===0?" kanuni-datagrid-pin-edge-right":""}`),role:x.spacer?"presentation":"columnheader","aria-colspan":x.spacer?void 0:x.columnIds.length,style:{width:x.width,insetInlineEnd:L},title:x.spacer?void 0:x.label,children:ho(x,g)},x.columnIds[0])})]},M))})}var bo=memo(Vi);var Ji=()=>jsx("svg",{width:"11",height:"11",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",children:jsx("path",{d:"M1.5 2.5h13L9.5 8.6v4.3l-3 1.6V8.6L1.5 2.5Z",fill:"currentColor",stroke:"currentColor",strokeWidth:"0.6",strokeLinejoin:"round"})});function Zi(t,e){return t.renderHeader?t.renderHeader({column:t}):t.headerName??t.field??e}function ji({bandOffset:t=0,stickyInsets:e,layout:n,centerColumns:r,leadingSpacer:l,trailingSpacer:a,sort:s,sortable:m,onSort:f,headerFilter:g=false,filteredColumns:p,onOpenFilter:y,filterIconMode:C="hover",checkboxColumn:k=false,detailColumn:v=false,rowNumberColumn:P=false,rowNumberHeader:M="#",selectAllState:x="none",selectAllDisabled:A=false,onToggleSelectAll:u,draggable:L=false,reorderable:I=false,onReorder:F,resizable:$=false,onResize:h,onAutoFit:G,onHeaderContextMenu:N,groupLevels:d}){let b=ne(),E=je({rowNumberColumn:P,detailColumn:v,checkboxColumn:k}),te=new Map(s.map((S,D)=>[S.columnId,{direction:S.direction,order:D}])),ie=new Set(p??[]),re=[...n.left.map(S=>S.state.id),...r.map(S=>S.state.id),...n.right.map(S=>S.state.id)],[Ye,Se]=useState(null),pe=useId(),Ee=Ye&&re.includes(Ye)?Ye:re[0],Ne=S=>{Se(S),document.querySelector(`[data-column-id="${S}"].kanuni-datagrid-header-cell`)?.focus();},Ce=S=>{let D=re.indexOf(Ee),X=Math.min(re.length-1,Math.max(0,D+S));X!==D&&Ne(re[X]);},Me=useRef(null),tt=useRef(false),[Xe,Fe]=useState(null),Be=re,de=S=>[...n.left,...n.center,...n.right].find(D=>D.state.id===S)?.state.pinned??null,Ke=(S,D)=>(tt.current?S>D.left+D.width/2:S<D.left+D.width/2)?"before":"after",ue=(S,D)=>{let X=Me.current;if(!I||!X||X===S||de(X)!==de(S))return;D.preventDefault(),D.dataTransfer.dropEffect="move";let oe=Ke(D.clientX,D.currentTarget.getBoundingClientRect());Fe(_=>_?.id===S&&_.side===oe?_:{id:S,side:oe});},_e=(S,D)=>{let X=Me.current;if(Fe(null),!I||!X||X===S||de(X)!==de(S))return;if(D.preventDefault(),D.stopPropagation(),Ke(D.clientX,D.currentTarget.getBoundingClientRect())==="before")F?.(X,S);else {let _=Be[Be.indexOf(S)+1];F?.(X,_===X?Be[Be.indexOf(S)+2]:_);}Me.current=null;},[be,w]=useState(null),K=(S,D)=>{if(!$)return;D.preventDefault(),D.stopPropagation();let X=D.currentTarget,oe=D.clientX,_=S.state.width,U=tt.current?-1:1,ae=S.state.id;w(ae),X.setPointerCapture(D.pointerId);let ke=_,me=false,$e=B=>{me=true,ke=_+(B.clientX-oe)*U,h?.(ae,ke,false);},ge=()=>{X.releasePointerCapture?.(D.pointerId),X.removeEventListener("pointermove",$e),X.removeEventListener("pointerup",ge),X.removeEventListener("pointercancel",ge),me&&h?.(ae,ke,true),w(null);};X.addEventListener("pointermove",$e),X.addEventListener("pointerup",ge),X.addEventListener("pointercancel",ge);},W=(S,D,X)=>{let oe=S.def,_=S.state.id,U=m&&oe.sortable!==false,ae=g&&oe.filterable!==false,ke=_===GROUP_COLUMN_ID,me=te.get(ke?d?.[0]??_:_),$e=L&&oe.groupable!==false||I&&oe.reorderable!==false,ge=Xe?.id===_?Xe.side:null;return jsxs("div",{className:`kanuni-datagrid-header-cell${D}${U?" kanuni-datagrid-header-cell--sortable":""}${ge?` kanuni-datagrid-header-cell--drop-${ge}`:""}${be===_?" kanuni-datagrid-header-cell--resizing":""}`,style:X,role:"columnheader","aria-labelledby":`${pe}-${encodeURIComponent(_)}`,"aria-sort":me?me.direction==="asc"?"ascending":"descending":"none","data-column-id":_,tabIndex:_===Ee?0:-1,onFocus:()=>Se(_),draggable:$e&&be===null,onDragStart:B=>{B.dataTransfer.setData("text/x-kanuni-column",_),B.dataTransfer.effectAllowed="move",Me.current=_,tt.current=getComputedStyle(B.currentTarget).direction==="rtl";},onDragEnd:()=>{Me.current=null,Fe(null);},onDragOver:I?B=>ue(_,B):void 0,onDragLeave:I?()=>Fe(B=>B?.id===_?null:B):void 0,onDrop:I?B=>_e(_,B):void 0,onContextMenu:N&&!isChromeColumn(_)?B=>N(_,B):void 0,onClick:U?B=>f(_,B.shiftKey):void 0,onKeyDown:B=>{B.key==="ArrowRight"?(B.preventDefault(),Ce(1)):B.key==="ArrowLeft"?(B.preventDefault(),Ce(-1)):B.key==="Home"?(B.preventDefault(),Ne(re[0])):B.key==="End"?(B.preventDefault(),Ne(re[re.length-1])):ae&&B.altKey&&B.key==="ArrowDown"?(B.preventDefault(),y?.(_,B.currentTarget)):U&&(B.key==="Enter"||B.key===" ")&&(B.preventDefault(),f(_,B.shiftKey));},children:[jsx("span",{className:"kanuni-datagrid-header-label",id:`${pe}-${encodeURIComponent(_)}`,children:Zi(oe,_)}),me&&jsx("span",{className:"kanuni-datagrid-sort-indicator","aria-hidden":"true",children:me.direction==="asc"?"\u25B2":"\u25BC"}),me&&s.length>1&&!ke&&jsx("span",{className:"kanuni-datagrid-sort-order","aria-hidden":"true",children:me.order+1}),g&&oe.filterable!==false&&jsx("button",{type:"button",className:`kanuni-datagrid-filter-button${ie.has(_)?" kanuni-datagrid-filter-button--active":""}${C==="always"?" kanuni-datagrid-filter-button--pinned":""}`,"aria-label":fillText(b.filterColumnAria,{column:oe.headerName??_}),"aria-haspopup":"dialog","data-filter-button":_,tabIndex:-1,onClick:B=>{B.stopPropagation(),y?.(_,B.currentTarget);},children:jsx(Ji,{})}),$&&oe.resizable!==false&&jsx("span",{className:"kanuni-datagrid-resize-handle","data-resize-handle":_,role:"presentation",onPointerDown:B=>K(S,B),onDoubleClick:B=>{B.stopPropagation(),G?.(_);},onClick:B=>B.stopPropagation()})]},_)};return jsxs("div",{className:"kanuni-datagrid-header",role:"row","aria-rowindex":Math.round(t/At)+1,style:{width:n.totalWidth+E.total,top:t||void 0},children:[P&&jsx("div",{className:"kanuni-datagrid-header-cell kanuni-datagrid-header-cell--pinned kanuni-datagrid-rownum-cell",role:"columnheader","aria-colindex":E.colIndex("rowNumberColumn"),"aria-label":b.rowNumberAria,style:{width:It,insetInlineStart:E.inset("rowNumberColumn")},children:M??""}),v&&jsx("div",{className:"kanuni-datagrid-header-cell kanuni-datagrid-header-cell--pinned kanuni-datagrid-detail-toggle-cell",role:"columnheader","aria-colindex":E.colIndex("detailColumn"),"aria-label":b.detailsAria,style:{width:bn,insetInlineStart:E.inset("detailColumn")}}),k&&jsx("div",{className:"kanuni-datagrid-header-cell kanuni-datagrid-header-cell--pinned kanuni-datagrid-select-cell",role:"columnheader","aria-colindex":E.colIndex("checkboxColumn"),style:{width:wn,insetInlineStart:E.inset("checkboxColumn")},children:jsx("input",{type:"checkbox",checked:x==="all",ref:S=>{S&&(S.indeterminate=x==="some");},"aria-label":b.selectAllRows,disabled:A,onChange:()=>u?.()})}),n.left.map((S,D)=>W(S,` kanuni-datagrid-header-cell--pinned${D===n.left.length-1?" kanuni-datagrid-pin-edge-left":""}`,{width:S.state.width,insetInlineStart:n.leftOffsets[D]+E.total})),l>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:l}}),r.map(S=>{let D=e?.get(S.state.id);return D===void 0?W(S,"",{width:S.state.width}):W(S," kanuni-datagrid-header-cell--pinned kanuni-datagrid-cell--sticky",{width:S.state.width,insetInlineStart:D+E.total})}),a>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:a}}),n.right.map((S,D)=>W(S,` kanuni-datagrid-header-cell--pinned${D===0?" kanuni-datagrid-pin-edge-right":""}`,{width:S.state.width,insetInlineEnd:n.rightOffsets[D]}))]})}var Ro=memo(ji);function Co(t,e,n=[]){let r=null,l=new Set,a=s=>{if(l.has(s)||(l.add(s),e.isPending(s)))return;let m=e.textFor(s);if(m===null)return;let f=t[s]??"";f!==m&&(f===""&&m===""||(r??={...t},r[s]=m));};for(let s of Object.keys(t))a(s);for(let s of n)a(s);return r??t}function el({bandOffset:t=0,stickyInsets:e,layout:n,centerColumns:r,leadingSpacer:l,trailingSpacer:a,values:s,checkboxColumn:m=false,detailColumn:f=false,rowNumberColumn:g=false,placeholder:p,onChange:y,onCommit:C,periodSuggestions:k,periodListId:v}){let P=ne(),M=je({rowNumberColumn:g,detailColumn:f,checkboxColumn:m}),x=p??P.filterPlaceholder,A=(u,L,I)=>{let F=u.state.id,$=u.def.filterable!==false;return jsx("div",{className:`kanuni-datagrid-filter-cell${L}`,style:I,"data-column-id":F,children:$&&jsx("input",{className:"kanuni-datagrid-filter-input",type:"text",value:s[F]??"",placeholder:x,"aria-label":fillText(P.filterColumnAria,{column:u.def.headerName??F}),"data-filter-for":F,list:u.def.dataType==="date"&&v?v:void 0,onChange:h=>y(F,h.target.value),onKeyDown:h=>{h.key==="Enter"&&C?.(F,h.target.value);},onBlur:h=>C?.(F,h.target.value)})},F)};return jsxs("div",{className:"kanuni-datagrid-filter-row",role:"row","aria-rowindex":2,style:{width:n.totalWidth+M.total,"--dg-band-offset":`${t}px`},children:[v&&k&&k.length>0&&jsx("datalist",{id:v,children:k.map(u=>jsx("option",{value:u},u))}),M.total>0&&jsx("div",{className:"kanuni-datagrid-filter-cell kanuni-datagrid-filter-cell--pinned",style:{width:M.total,insetInlineStart:0}}),n.left.map((u,L)=>A(u,` kanuni-datagrid-filter-cell--pinned${L===n.left.length-1?" kanuni-datagrid-pin-edge-left":""}`,{width:u.state.width,insetInlineStart:n.leftOffsets[L]+M.total})),l>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:l}}),r.map(u=>{let L=e?.get(u.state.id);return L===void 0?A(u,"",{width:u.state.width}):A(u," kanuni-datagrid-filter-cell--pinned kanuni-datagrid-cell--sticky",{width:u.state.width,insetInlineStart:L+M.total})}),a>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:a}}),n.right.map((u,L)=>A(u,` kanuni-datagrid-filter-cell--pinned${L===0?" kanuni-datagrid-pin-edge-right":""}`,{width:u.state.width,insetInlineEnd:n.rightOffsets[L]}))]})}var ko=memo(el);var Wr=createContext("");function So({theme:t,density:e,palette:n,children:r}){let l=useMemo(()=>themeClassName(t,e,n),[t,e,n]);return jsx(Wr.Provider,{value:l,children:r})}function Eo(){return useContext(Wr)}function Ve({children:t,dark:e=false}){let[n,r]=useState(null),l=Eo();return useEffect(()=>{let a=document.createElement("div");return a.className=`kanuni-datagrid-root kanuni-datagrid-portal${e?" kanuni-datagrid-dark":""}${l}`,document.body.appendChild(a),r(a),()=>{a.remove();}},[e,l]),n?createPortal(t,n):null}function Ut({anchor:t,onClose:e,margin:n=8,autoFocus:r=false}){let l=useRef(null),[a,s]=useState(t),m=useCallback(f=>{if(l.current=f,!f)return;let g=f.getBoundingClientRect(),p=t.top+g.height+n>window.innerHeight,y=t.top-g.height-n*2,C=p&&y>n?y:t.top;s({left:Math.max(n,Math.min(t.left,window.innerWidth-g.width-n)),top:Math.max(n,Math.min(C,window.innerHeight-g.height-n))}),r&&f.focus();},[t.left,t.top,n,r]);return useEffect(()=>{let f=y=>{let C=l.current;C&&!C.contains(y.target)&&e();},g=y=>{y.key==="Escape"&&e();},p=y=>{let C=l.current,k=y.target;C&&k instanceof Node&&C.contains(k)||e();};return document.addEventListener("mousedown",f),document.addEventListener("keydown",g),window.addEventListener("scroll",p,true),()=>{document.removeEventListener("mousedown",f),document.removeEventListener("keydown",g),window.removeEventListener("scroll",p,true);}},[e]),{position:a,ref:m,elementRef:l}}var Cn=25,Vt=new Map,Ur=200,hl=200,Vr=8;function wl(t){let e=ne();return useMemo(()=>({search:e.search,selectAll:e.filterSelectAll,clear:e.clear,apply:e.apply,cancel:e.cancel,blank:e.filterBlank,noMatch:e.filterNoMatch,loading:e.filterLoading,truncated:e.filterTruncated,...t}),[e,t])}var bl=memo(function({label:e,display:n,index:r,active:l,checked:a,onToggle:s,onFocus:m}){return jsxs("div",{role:"option","aria-selected":a,tabIndex:0,className:`kanuni-datagrid-filter-item${l?" kanuni-datagrid-filter-item--active":""}`,"data-value":e,"data-index":r,onFocus:()=>m(r),onClick:()=>s(e),children:[jsx("input",{type:"checkbox",readOnly:true,checked:a,tabIndex:-1}),jsx("span",{children:n})]})});function Lo({gridId:t,columnId:e,headerLabel:n,entries:r,initialSelected:l,anchor:a,loading:s=false,dark:m,onApply:f,onClose:g,truncated:p=false,onSearch:y,labels:C}){let k=wl(C),[v,P]=useState(""),[M,x]=useState(0),[A,u]=useState(()=>new Set(l??r.map(w=>w.label))),[L,I]=useState(false),F=useRef(null),$=useRef(null),[h,G]=useState(0),[N,d]=useState(240),b=`${t??""}:${e}`,E=Vt.get(b),te=useRef(E?.scrollTop??null),[ie,re]=useState(E&&E.width&&E.height?{width:E.width,height:E.height}:null),Ye=useCallback(w=>{F.current=w,w?.focus();},[]),Se=useRef(null),pe=useMemo(()=>{let w=foldText(v.trim());if(!w||p)return r;let K=Se.current;(!K||K.entries!==r)&&(K={entries:r,lowered:r.map(S=>foldText(S.label)),needle:"",result:[]},Se.current=K);let W=K.needle!==""&&w.includes(K.needle)?K.result.filter(S=>foldText(S.label).includes(w)):r.filter((S,D)=>K.lowered[D].includes(w));return K.needle=w,K.result=W,W},[r,v,p]);useEffect(()=>{if(!y)return;let w=setTimeout(()=>y(v),150);return ()=>clearTimeout(w)},[v,y]),useEffect(()=>{L||l||u(new Set(r.map(w=>w.label)));},[r,L,l]);let Ee=useCallback(w=>{$.current=w,w&&d(w.clientHeight||240);},[]);useEffect(()=>{let w=$.current;!w||te.current===null||s||w.scrollHeight<=w.clientHeight||(w.scrollTop=te.current,te.current=null,G(w.scrollTop));});let Ne=useMemo(()=>{let w=pe.length,K=Math.max(0,Math.floor(h/Cn)-Vr),W=Math.ceil(N/Cn)+Vr*2,S=Math.min(K,Math.max(0,w-1)),D=Math.min(w,S+W);return {start:S,end:D,count:w,rows:pe.slice(S,D)}},[pe,h,N]),Ce=Ut({anchor:a,onClose:g}),[Me,tt]=useState(null),Xe=(Me??Ce.position.left)+(ie?.width??260)+48<window.innerWidth?"right":"left",Fe=w=>{w.preventDefault(),w.stopPropagation();let K=Ce.elementRef.current;if(!K)return;let W=K.getBoundingClientRect(),S=Xe,D={x:w.clientX,y:w.clientY,w:W.width,h:W.height,left:W.left},X=null,oe=U=>{let ae=U.clientX-D.x,ke=U.clientY-D.y,me=window.innerHeight-W.top-12,$e=Math.min(me,Math.max(hl,D.h+ke));if(S==="right"){let ge=window.innerWidth-D.left-12;X={width:Math.min(ge,Math.max(Ur,D.w+ae)),height:$e},re(X);}else {let ge=D.left+D.w,B=ge-12,nt=Math.min(B,Math.max(Ur,D.w-ae));X={width:nt,height:$e},re(X),tt(ge-nt);}$.current&&d($.current.clientHeight);},_=()=>{if(window.removeEventListener("pointermove",oe),window.removeEventListener("pointerup",_),X){let U=Vt.get(b);Vt.set(b,{scrollTop:U?.scrollTop??$.current?.scrollTop??0,width:Math.round(X.width),height:Math.round(X.height)});}};window.addEventListener("pointermove",oe),window.addEventListener("pointerup",_);},Be=useCallback(w=>{I(true),u(K=>{let W=new Set(K);return W.has(w)?W.delete(w):W.add(w),W});},[]),de=useCallback(w=>x(w),[]),Ke=()=>{if(s)return;if(A.size===r.length){f(null);return}let w=r.filter(D=>A.has(D.label)),K=w.some(D=>D.value===null||D.value===void 0),W=w.filter(D=>D.value!==null&&D.value!==void 0),S;W.length===0?S={columnId:e,operator:"isnull"}:K?S={logic:"or",nodes:[{columnId:e,operator:"in",value:W.map(D=>D.value)},{columnId:e,operator:"isnull"}]}:S={columnId:e,operator:"in",value:W.map(D=>D.value)},f(S);},ue=w=>{let K=Math.max(0,Math.min(pe.length-1,w));x(K);let W=Ce.elementRef.current?.querySelector(`.kanuni-datagrid-filter-item[data-index="${K}"]`);W?.focus(),W?.scrollIntoView({block:"nearest"});},_e=w=>w.key.length===1&&!w.ctrlKey&&!w.metaKey&&!w.altKey,be=w=>{let K=w.target===F.current;if(w.key==="Backspace"&&!K){w.preventDefault(),F.current?.focus(),P(W=>W.slice(0,-1)),x(0);return}if(w.key==="ArrowDown"){w.preventDefault(),ue(K?0:M+1);return}if(w.key==="ArrowUp"){w.preventDefault(),ue(K?pe.length-1:M-1);return}if(!K&&(w.key==="Home"||w.key==="End")){w.preventDefault(),ue(w.key==="Home"?0:pe.length-1);return}if(w.key===" "&&!K){w.preventDefault();let W=pe[M];W&&Be(W.label);return}if(w.key==="Enter"){w.preventDefault(),Ke();return}!K&&_e(w)&&w.key!==" "&&(w.preventDefault(),F.current?.focus(),P(W=>W+w.key),x(0));};return jsx(Ve,{dark:m,children:jsxs("div",{ref:Ce.ref,className:"kanuni-datagrid-filter-popup",style:{left:Me??Ce.position.left,top:Ce.position.top,...ie?{width:ie.width,height:ie.height,maxHeight:"none"}:null},role:"dialog","aria-label":`${n} filter`,onKeyDown:be,children:[jsx("div",{className:`kanuni-datagrid-popup-resize kanuni-datagrid-popup-resize--${Xe}`,"data-testid":"dg-filter-resize",onPointerDown:Fe}),jsx("input",{ref:Ye,className:"kanuni-datagrid-filter-search",type:"search",placeholder:k.search,value:v,onChange:w=>{P(w.target.value),x(0);},"data-testid":"dg-filter-search"}),p&&jsx("p",{className:"kanuni-datagrid-filter-truncated","data-testid":"dg-filter-truncated",children:k.truncated}),jsxs("div",{className:"kanuni-datagrid-filter-actions",children:[jsx("button",{type:"button",onClick:()=>{I(true),u(new Set(r.map(w=>w.label)));},children:k.selectAll}),jsx("button",{type:"button",onClick:()=>{I(true),u(new Set);},children:k.clear})]}),jsxs("div",{ref:Ee,className:"kanuni-datagrid-filter-list",role:"listbox","aria-multiselectable":"true","aria-busy":s||void 0,"aria-setsize":pe.length,onScroll:w=>{let K=w.target.scrollTop;G(K),te.current=null;let W=Vt.get(b);Vt.set(b,{...W,scrollTop:K});},children:[s&&jsx("div",{className:"kanuni-datagrid-filter-empty",children:k.loading}),!s&&pe.length===0&&jsx("div",{className:"kanuni-datagrid-filter-empty",children:k.noMatch}),Ne.count>0&&jsx("div",{style:{height:pe.length*Cn,position:"relative"},children:jsx("div",{style:{transform:`translateY(${Ne.start*Cn}px)`},children:Ne.rows.map((w,K)=>{let W=Ne.start+K;return jsx(bl,{label:w.label,display:w.label===""?k.blank:w.label,index:W,active:W===M,checked:A.has(w.label),onToggle:Be,onFocus:de},w.label)})})})]}),jsxs("div",{className:"kanuni-datagrid-filter-footer",children:[jsx("button",{type:"button",onClick:g,children:k.cancel}),jsx("button",{type:"button",className:"kanuni-datagrid-filter-primary",onClick:Ke,disabled:s,"data-testid":"dg-filter-apply",children:k.apply})]})]})})}var Io="text/x-kanuni-column";function Cl({columns:t,levels:e,onSetLevels:n,maxLevels:r=1,onExpandAll:l,onCollapseAll:a,emptyText:s}){let m=ne(),f=s??m.groupPanelHint,[g,p]=useState(false),y=useRef(null),[C,k]=useState(null),v=h=>t.find(N=>N.state.id===h)?.def.headerName??h,P=h=>{if(!h||e.includes(h))return;let G=e.length>=r?e.slice(0,r-1):[...e];n([...G,h]);},M=h=>n(e.filter(G=>G!==h)),x=(h,G)=>{let N=e.filter(b=>b!==h),d=Math.max(0,Math.min(N.length,G));n([...N.slice(0,d),h,...N.slice(d)]);},A=(h,G,N)=>{if(h===G)return;let b=e.filter(E=>E!==h).indexOf(G);b<0||x(h,N==="before"?b:b+1);},u=(h,G)=>{let N=h+G;N<0||N>=e.length||A(e[h],e[N],G<0?"before":"after");},L=(h,G)=>h<G.top+G.height/2?"before":"after",I=(h,G)=>{G.preventDefault(),G.stopPropagation();let N=L(G.clientY,G.currentTarget.getBoundingClientRect());k(null),p(false);let d=y.current;if(y.current=null,d){A(d,e[h],N);return}let b=G.dataTransfer.getData(Io);if(!b||e.includes(b))return;if(e.length>=r){P(b);return}let E=N==="before"?h:h+1;n([...e.slice(0,E),b,...e.slice(E)]);},F=(h,G,N)=>{let d=N.ctrlKey||N.metaKey;d&&(N.key==="ArrowUp"||N.key==="ArrowLeft")?(N.preventDefault(),u(h,-1)):d&&(N.key==="ArrowDown"||N.key==="ArrowRight")?(N.preventDefault(),u(h,1)):(N.key==="Delete"||N.key==="Backspace")&&(N.preventDefault(),M(G));},$=t.filter(h=>!e.includes(h.state.id));return jsxs("div",{className:`kanuni-datagrid-group-panel${g?" kanuni-datagrid-group-panel--over":""}`,onDragOver:h=>{h.preventDefault(),p(true);},onDragLeave:()=>p(false),onDrop:h=>{if(h.preventDefault(),p(false),k(null),y.current){y.current=null;return}P(h.dataTransfer.getData(Io));},children:[e.length>0?jsx("div",{className:"kanuni-datagrid-group-levels",children:e.map((h,G)=>jsx("div",{className:`kanuni-datagrid-group-level${C?.index===G?` kanuni-datagrid-group-level--drop-${C.side}`:""}`,style:{"--dg-group-level":G},"data-group-level":G,onDragOver:N=>{N.preventDefault(),N.stopPropagation();let d=L(N.clientY,N.currentTarget.getBoundingClientRect());k(b=>b?.index===G&&b.side===d?b:{index:G,side:d});},onDragLeave:()=>k(N=>N?.index===G?null:N),onDrop:N=>I(G,N),children:jsxs("span",{className:"kanuni-datagrid-group-chip",draggable:r>1&&e.length>1,tabIndex:0,role:"button","aria-label":`${fillText(m.groupLevelAria,{n:G+1})}: ${v(h)}`,onDragStart:N=>{y.current=h,N.dataTransfer.effectAllowed="move",N.dataTransfer.setData(Io,h);},onDragEnd:()=>{y.current=null,k(null);},onKeyDown:N=>F(G,h,N),children:[r>1&&jsx("span",{className:"kanuni-datagrid-group-chip-level",children:G+1}),v(h),jsx("button",{type:"button","aria-label":fillText(m.groupRemoveAria,{column:v(h)}),onClick:()=>M(h),children:"\xD7"})]})},h))}):jsx("span",{className:"kanuni-datagrid-group-panel-hint",children:f}),jsxs("div",{className:"kanuni-datagrid-group-panel-actions",children:[e.length>0&&jsxs(Fragment,{children:[jsx("button",{type:"button",onClick:l,children:m.groupExpandAll}),jsx("button",{type:"button",onClick:a,children:m.groupCollapseAll})]}),jsxs("label",{className:"kanuni-datagrid-group-select",children:[jsx("span",{className:"kanuni-datagrid-sr-only",children:r>1?m.groupAddLevel:m.groupByColumn}),r>1?jsxs("select",{value:"",disabled:$.length===0,onChange:h=>P(h.target.value),children:[jsx("option",{value:"",children:m.groupAddLevelButton}),$.map(h=>jsx("option",{value:h.state.id,children:h.def.headerName??h.state.id},h.state.id))]}):jsxs("select",{value:e[0]??"",onChange:h=>n(h.target.value?[h.target.value]:[]),children:[jsx("option",{value:"",children:m.groupNoGrouping}),t.map(h=>jsx("option",{value:h.state.id,children:h.def.headerName??h.state.id},h.state.id))]})]})]})]})}var Ho=memo(Cl);function Dl({layout:t,centerColumns:e,leadingSpacer:n,trailingSpacer:r,defs:l,values:a,checkboxColumn:s=false,detailColumn:m=false,rowNumberColumn:f=false,onPickSummary:g,emptyHint:p="",position:y="bottom",bandOffset:C=0,headerRowsBetween:k=0}){let v=ne(),P=summaryTypeLabels(v),M=new Map(l.map(u=>[u.columnId,u])),x=je({rowNumberColumn:f,detailColumn:m,checkboxColumn:s}).total,A=(u,L,I)=>{let F=u.state.id,$=M.get(F),h=$?a[summaryKey($.columnId,$.type)]:void 0,G=u.def.dataType==="number",N=isChromeColumn(F)?void 0:g;return jsx("div",{className:`kanuni-datagrid-footer-cell${L}${G?" kanuni-datagrid-footer-cell--number":""}${$?" kanuni-datagrid-footer-cell--active":""}`,style:I,role:"gridcell","data-column-id":F,"data-summary-type":$?.type??"",title:$?`${summaryLabel($,P)} \u2014 ${u.def.headerName??F}`:void 0,onContextMenu:N?d=>N(F,d):void 0,onClick:N?d=>N(F,d):void 0,children:$?jsx("span",{className:"kanuni-datagrid-footer-value",children:formatSummaryValue($,h,u.def)}):N?jsx("span",{className:"kanuni-datagrid-footer-hint",children:p}):null},F)};return jsxs("div",{className:`kanuni-datagrid-footer-row kanuni-datagrid-footer-row--${y}`,role:"row","aria-label":v.columnTotalsAria,style:{width:t.totalWidth+x,"--dg-band-offset":`${C}px`,"--dg-pinned-gap":String(k)},children:[x>0&&jsx("div",{className:"kanuni-datagrid-footer-cell kanuni-datagrid-footer-cell--pinned",style:{width:x,insetInlineStart:0}}),t.left.map((u,L)=>A(u,` kanuni-datagrid-footer-cell--pinned${L===t.left.length-1?" kanuni-datagrid-pin-edge-left":""}`,{width:u.state.width,insetInlineStart:t.leftOffsets[L]+x})),n>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:n}}),e.map(u=>A(u,"",{width:u.state.width})),r>0&&jsx("div",{className:"kanuni-datagrid-spacer",style:{width:r}}),t.right.map((u,L)=>A(u,` kanuni-datagrid-footer-cell--pinned${L===0?" kanuni-datagrid-pin-edge-right":""}`,{width:u.state.width,insetInlineEnd:t.rightOffsets[L]}))]})}var kn=memo(Dl);function El(t,e){return `__dg_pinned_${t}_${e}`}function Nl({gridId:t,side:e,rows:n,layout:r,columnModel:l,centerColumns:a,centerIndices:s,stickyInsets:m,leadingSpacer:f,trailingSpacer:g,checkboxColumn:p=false,detailColumn:y=false,rowNumberColumn:C=false,rowHeight:k,bandOffset:v=0,headerRowsBetween:P,ariaRowBase:M}){return n.length===0?null:jsx("div",{className:`kanuni-datagrid-pinned-rows kanuni-datagrid-pinned-rows--${e}`,role:"rowgroup",style:{width:r.totalWidth||"100%","--dg-band-offset":`${v}px`,"--dg-pinned-gap":String(P)},children:n.map((x,A)=>{let u={kind:"data",key:El(e,A),sourceIndex:-1,data:x};return jsx(Ht,{gridId:t,node:u,index:A,layout:r,columnModel:l,centerColumns:a,centerIndices:s,stickyInsets:m,leadingSpacer:f,trailingSpacer:g,striped:false,selected:false,ariaSelectable:false,focusedColumnId:null,checkboxColumn:p,detailColumn:y,rowNumberColumn:C,rowNumber:null,headerRowCount:M,height:k},u.key)})})}var xn=memo(Nl);function qr({controller:t,renderRow:e,width:n,bandOffset:r,headerRowsBetween:l,belowPinned:a}){let[,s]=useReducer(g=>g+1,0);useEffect(()=>{let g=[t.events.on("bodyScroll",s),t.events.on("contentReady",s),t.events.on("viewportChanged",s)];return ()=>g.forEach(p=>p())},[t]);let m=useRef(null);useLayoutEffect(()=>{m.current?.querySelectorAll("button, input, select, textarea, a[href], [tabindex]").forEach(g=>g.setAttribute("tabindex","-1"));});let f=t.getStickyGroupRows();return f.length===0?null:jsx("div",{ref:m,className:"kanuni-datagrid-sticky-groups","aria-hidden":"true",style:{width:n||"100%","--dg-band-offset":`${r}px`,"--dg-pinned-gap":String(l),"--dg-sticky-below":`${a}px`},children:f.map((g,p)=>jsx("div",{className:`kanuni-datagrid-sticky-group${p===f.length-1?" kanuni-datagrid-sticky-group--last":""}`,style:{top:g.offset,height:g.height,zIndex:f.length-p},children:e(g.node,g.index,g.height)},String(g.node.key)))})}async function Yt(t,e){try{let n=e==="csv"?await t.exportToCsv():e==="excel"?await t.exportToExcel():e==="excel-selected"?await t.exportToExcel({selectedOnly:!0}):await t.exportToPdf();return downloadBlob(n.blob,n.fileName),{completed:!0}}catch(n){return n instanceof ExportAbortedError?{completed:false}:{completed:false,error:n instanceof Error?n.message:String(n)}}}function xt({anchor:t,onClose:e,children:n,dark:r,className:l="",label:a,role:s="dialog"}){let m=Ut({anchor:t,onClose:e});return jsx(Ve,{dark:r,children:jsx("div",{ref:m.ref,className:`kanuni-datagrid-filter-popup ${l}`.trim(),style:{left:m.position.left,top:m.position.top},role:s,"aria-label":a,children:n})})}function Bl(t){let e=ne();return useMemo(()=>({search:e.toolbarSearch,csv:e.exportCsv,excel:e.exportExcel,excelSelected:e.exportExcelSelected,pdf:e.exportPdf,columns:e.columns,exporting:e.exporting,exportMenu:e.exportMenu,...t}),[e,t])}var Kl=()=>jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false",children:jsx("path",{d:"M8 1v8m0 0L5 6m3 3 3-3M2 11v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function _l({controller:t,search:e=true,exportCsv:n=true,exportExcel:r=false,exportPdf:l=false,columnChooser:a=true,dark:s,onOpenColumnChooser:m,itemsBefore:f,itemsAfter:g,searchDebounce:p=200,labels:y}){let C=Bl(y),[k,v]=useState(t.getSearchText()),[P,M]=useState(null),[x,A]=useState(null),[u,L]=useState(null);useEffect(()=>{let h=setTimeout(()=>t.setSearchText(k),p);return ()=>clearTimeout(h)},[t,k,p]);let[I,F]=useState(()=>t.getSelectedCount());useEffect(()=>(F(t.getSelectedCount()),t.events.on("selectionChanged",()=>F(t.getSelectedCount()))),[t]);let $=async h=>{M(h),L(null);let G=await Yt(t,h);G.error?L(G.error):A(null),M(null);};return jsxs("div",{className:"kanuni-datagrid-toolbar",children:[f,e&&jsx("input",{type:"search",className:"kanuni-datagrid-toolbar-search",placeholder:C.search,value:k,"aria-label":C.search,"data-testid":"dg-toolbar-search",onChange:h=>v(h.target.value)}),jsx("div",{className:"kanuni-datagrid-toolbar-spacer"}),a&&jsx("button",{type:"button","aria-haspopup":"dialog","data-testid":"dg-column-chooser",onClick:h=>{let G=h.currentTarget.getBoundingClientRect();m?.({left:G.left,top:G.bottom+2});},children:C.columns}),(n&&t.canExportAll()||r||l)&&jsx("button",{type:"button",className:"kanuni-datagrid-toolbar-icon-button","aria-haspopup":"menu","aria-label":C.exportMenu,title:C.exportMenu,disabled:P!==null,"data-testid":"dg-export-menu",onClick:h=>{let G=h.currentTarget.getBoundingClientRect();A(x?null:{left:G.right-190,top:G.bottom+2});},children:P?jsx("span",{className:"kanuni-datagrid-toolbar-busy"}):jsx(Kl,{})}),x&&jsxs(xt,{anchor:x,onClose:()=>A(null),dark:s,role:"menu",label:C.exportMenu,className:"kanuni-datagrid-export-menu",children:[n&&t.canExportAll()&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:P!==null,"data-testid":"dg-export-csv",onClick:()=>$("csv"),children:P==="csv"?C.exporting:C.csv}),r&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:P!==null,"data-testid":"dg-export-excel",onClick:()=>$("excel"),children:P==="excel"?C.exporting:C.excel}),r&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:P!==null||I===0,"data-testid":"dg-export-excel-selected",onClick:()=>$("excel-selected"),children:P==="excel-selected"?C.exporting:C.excelSelected}),l&&jsx("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:P!==null,"data-testid":"dg-export-pdf",onClick:()=>$("pdf"),children:P==="pdf"?C.exporting:C.pdf})]}),g,u&&jsx("span",{className:"kanuni-datagrid-toolbar-error",role:"alert",children:u})]})}var Ao=memo(_l);function Wl(t){let e=ne();return useMemo(()=>({title:e.hiddenColumns,empty:e.noHiddenColumns,showAll:e.showAll,ok:e.ok,...t}),[e,t])}function Oo({controller:t,columns:e,anchor:n,onClose:r,dark:l,labels:a}){let s=Wl(a),m=e.filter(f=>!f.visible);return jsxs(xt,{anchor:n,onClose:r,dark:l,label:s.title,className:"kanuni-datagrid-column-chooser",children:[jsxs("div",{className:"kanuni-datagrid-filter-list",children:[m.length===0&&jsx("div",{className:"kanuni-datagrid-chooser-empty",children:s.empty}),m.map(f=>{let g=t.getColumnModel().getDef(f.id);return jsxs("label",{className:"kanuni-datagrid-filter-item",children:[jsx("input",{type:"checkbox",checked:false,"data-column-toggle":f.id,onChange:()=>t.setColumnVisible(f.id,true)}),jsx("span",{children:g?.headerName??f.id})]},f.id)})]}),m.length>0&&jsxs("div",{className:"kanuni-datagrid-filter-footer",children:[jsx("button",{type:"button",onClick:()=>m.forEach(f=>t.setColumnVisible(f.id,true)),children:s.showAll}),jsx("button",{type:"button",className:"kanuni-datagrid-filter-primary",onClick:r,children:s.ok})]})]})}function Xl(t){let e=ne();return useMemo(()=>({first:e.pagerFirst,previous:e.pagerPrevious,next:e.pagerNext,last:e.pagerLast,page:e.pagerPage,of:e.pagerOf,rowsPerPage:e.pagerRowsPerPage,pageButton:e.pagerPageButton,navigation:e.pagerAria,...t}),[e,t])}function ql({page:t,pageCount:e,pageSize:n,pageSizes:r=[25,50,100,250],totalRows:l,onPage:a,onNext:s,onPrevious:m,onPageSize:f,pageButtons:g=false,maxPageButtons:p,labels:y}){let C=Xl(y),k=t<=0,v=t>=e-1,P=l===0?0:t*n+1,M=Math.min(l,(t+1)*n),x=useRef(null),A=useRef(null);return useEffect(()=>{let u=A.current,L=x.current;if(!L||!(u instanceof HTMLButtonElement)||!u.disabled)return;let I=document.activeElement;if(I&&I!==document.body&&I!==u)return;let F=L.querySelector('[aria-current="page"]')??L.querySelector("button:not(:disabled)");F?.focus(),A.current=F;},[t,e]),jsxs("div",{ref:x,className:"kanuni-datagrid-pager",role:"navigation","aria-label":C.navigation,onFocus:u=>{A.current=u.target;},onBlur:u=>{let L=u.relatedTarget;L&&!x.current?.contains(L)&&(A.current=null);},children:[jsxs("label",{className:"kanuni-datagrid-pager-size",children:[jsx("span",{children:C.rowsPerPage}),jsx("select",{value:n,"data-testid":"dg-page-size",onChange:u=>f(Number(u.target.value)),children:r.map(u=>jsx("option",{value:u,children:u},u))})]}),jsxs("span",{className:"kanuni-datagrid-pager-range","data-testid":"dg-page-range",children:[P.toLocaleString(),"\u2013",M.toLocaleString()," ",C.of," ",l.toLocaleString()]}),jsxs("div",{className:"kanuni-datagrid-pager-buttons",children:[jsx("button",{type:"button","aria-label":C.first,disabled:k,onClick:()=>a(0),children:"\xAB"}),jsx("button",{type:"button","aria-label":C.previous,disabled:k,"data-testid":"dg-page-prev",onClick:m,children:"\u2039"}),g?pageButtonItems(t,e,p).map(u=>typeof u=="number"?jsx("button",{type:"button",className:"kanuni-datagrid-pager-page","aria-label":fillText(C.pageButton,{n:String(u+1)}),"aria-current":u===t?"page":void 0,onClick:()=>a(u),children:u+1},u):jsx("span",{className:"kanuni-datagrid-pager-gap","aria-hidden":"true",children:"\u2026"},u)):jsxs("span",{className:"kanuni-datagrid-pager-current","data-testid":"dg-page-current",children:[C.page," ",t+1," ",C.of," ",e]}),jsx("button",{type:"button","aria-label":C.next,disabled:v,"data-testid":"dg-page-next",onClick:s,children:"\u203A"}),jsx("button",{type:"button","aria-label":C.last,disabled:v,onClick:()=>a(e-1),children:"\xBB"})]})]})}var Fo=memo(ql);function ns(t){let e=ne();return useMemo(()=>({clear:e.filterRemove,toggle:e.filterToggle,builder:e.filterEditBuilder,empty:e.filterNone,...t}),[e,t])}function os({controller:t,onOpenBuilder:e,alwaysVisible:n=false,describeOptions:r,labels:l}){let a=ns(l),s=ne(),[,m]=useState(0);useEffect(()=>t.events.on("filterChanged",()=>m(y=>y+1)),[t]);let f=t.getEffectiveFilter(),g=t.isFilterEnabled(),p=describeFilter(f,t.getColumnModel(),{...r,labels:{...filterLabels(s),...r?.labels}});return !f&&!n?null:jsxs("div",{className:`kanuni-datagrid-filter-panel${g?"":" kanuni-datagrid-filter-panel--suspended"}`,"data-testid":"dg-filter-panel",role:"group","aria-label":a.toggle,children:[jsx("button",{type:"button",className:"kanuni-datagrid-filter-panel-clear",title:a.clear,"aria-label":a.clear,disabled:!f,"data-testid":"dg-filter-panel-clear",onClick:()=>{t.setFilter(null),t.clearColumnFilters(),t.setFilterEnabled(true);},children:"\xD7"}),jsx("input",{type:"checkbox",className:"kanuni-datagrid-filter-panel-toggle",checked:g,disabled:!f,title:a.toggle,"aria-label":a.toggle,"data-testid":"dg-filter-panel-toggle",onChange:y=>t.setFilterEnabled(y.target.checked)}),jsx("span",{className:"kanuni-datagrid-filter-panel-text",title:p??void 0,"data-testid":"dg-filter-panel-text",children:p??a.empty}),e&&jsx("button",{type:"button",className:"kanuni-datagrid-filter-panel-builder",title:a.builder,"aria-label":a.builder,"data-testid":"dg-filter-panel-builder",onClick:e,children:"\u25BE"})]})}var Bo=memo(os);var Dn=t=>!t.separator&&!t.disabled;function Gn({x:t,y:e,items:n,context:r,onClose:l,dark:a=false,label:s}){let m=ne(),f=useRef(null),[g,p]=useState({left:t,top:e}),[y,C]=useState(()=>n.findIndex(Dn)),[k,v]=useState(null),[P,M]=useState(null),x=useRef(null),[A,u]=useState(null);useEffect(()=>M(null),[k]);let L=useCallback((d,b)=>{if(v(d),d===null||!b)return;let E=b.getBoundingClientRect();u({left:E.left,right:E.right,top:E.top});},[]),I=d=>f.current?.querySelector(`[data-item-index="${d}"]`)??null,F=useCallback(d=>{if(x.current=d,!d||!A)return;let b=8,E=d.getBoundingClientRect(),te=Math.max(b,Math.min(A.top-4,window.innerHeight-E.height-b)),re=A.right+E.width+b<=window.innerWidth?A.right:Math.max(b,A.left-E.width);M({left:re,top:te});},[A]),$=useCallback(d=>{if(f.current=d,!d)return;let b=d.getBoundingClientRect(),E=8;p({left:Math.max(E,Math.min(t,window.innerWidth-b.width-E)),top:Math.max(E,Math.min(e,window.innerHeight-b.height-E))}),d.focus();},[t,e]);useEffect(()=>{let d=E=>{let te=E.target;x.current?.contains(te)||f.current&&!f.current.contains(te)&&l();},b=()=>l();return document.addEventListener("mousedown",d),window.addEventListener("scroll",b,true),()=>{document.removeEventListener("mousedown",d),window.removeEventListener("scroll",b,true);}},[l]);let h=(d,b)=>{let E=n.length;for(let te=1;te<=E;te++){let ie=(d+b*te+E*E)%E;if(Dn(n[ie]))return ie}return d},G=d=>{let b=n[d];if(!(!b||!Dn(b))){if(b.items?.length){L(d,I(d));return}b.onSelect?.(r),l();}},N=d=>{switch(d.key){case "ArrowDown":C(b=>h(b,1));break;case "ArrowUp":C(b=>h(b,-1));break;case "Home":C(n.findIndex(Dn));break;case "End":C(h(0,-1));break;case "ArrowRight":if(n[y]?.items?.length)L(y,I(y));else return;break;case "ArrowLeft":if(k!==null)L(null);else return;break;case "Enter":case " ":G(y);break;case "Escape":l();break;case "Tab":l();return;default:return}d.preventDefault(),d.stopPropagation();};return jsxs(Ve,{dark:a,children:[jsx("div",{ref:$,className:"kanuni-datagrid-context-menu",role:"menu","aria-label":s??m.rowActions,tabIndex:-1,style:{left:g.left,top:g.top},onKeyDown:N,children:n.map((d,b)=>d.separator?jsx("div",{className:"kanuni-datagrid-menu-separator",role:"separator"},d.id??`sep-${b}`):jsx("div",{className:"kanuni-datagrid-menu-row",children:jsxs("button",{type:"button",role:"menuitem",className:`kanuni-datagrid-menu-item${b===y?" kanuni-datagrid-menu-item--active":""}`,disabled:d.disabled,"data-item-index":b,"aria-haspopup":d.items?.length?"menu":void 0,"aria-expanded":d.items?.length?k===b:void 0,onMouseEnter:E=>{C(b),L(d.items?.length?b:null,E.currentTarget);},onClick:()=>G(b),children:[d.icon&&jsx("span",{className:"kanuni-datagrid-menu-icon",children:d.icon}),jsx("span",{className:"kanuni-datagrid-menu-label",children:d.label}),d.shortcut&&jsx("span",{className:"kanuni-datagrid-menu-shortcut",children:d.shortcut}),d.items?.length?jsx("span",{className:"kanuni-datagrid-menu-caret",children:"\u203A"}):null]})},d.id??b))}),k!==null&&n[k]?.items?.length?jsx("div",{ref:F,className:"kanuni-datagrid-context-menu kanuni-datagrid-submenu",style:P?{left:P.left,top:P.top}:{left:0,top:0,visibility:"hidden"},role:"menu",children:n[k].items.map((d,b)=>d.separator?jsx("div",{className:"kanuni-datagrid-menu-separator",role:"separator"},d.id??`sub-sep-${b}`):jsxs("button",{type:"button",role:"menuitem",className:"kanuni-datagrid-menu-item",disabled:d.disabled,onClick:()=>{d.onSelect?.(r),l();},children:[d.icon&&jsx("span",{className:"kanuni-datagrid-menu-icon",children:d.icon}),jsx("span",{className:"kanuni-datagrid-menu-label",children:d.label})]},d.id??b))}):null]})}var as=typeof navigator<"u"&&/Mac|iPhone|iPad|iPod/.test(navigator.platform??""),$o=as?"\u2318":"Ctrl+",na=`${$o}C`,is=`${$o}X`,ls=`${$o}V`;function Ft(t,e={}){let n=t.getClipboardText(e);t.notifyClipboardGesture("copy",n?n.split(`
|
|
2
|
+
`).length:0,()=>!n||!navigator.clipboard?.writeText?false:(oa(n),true));}function oa(t){navigator.clipboard?.writeText(t).catch(()=>{});}function ss(t){let e=t.getColumnModel();return t.getVisualColumnIds().some(n=>{let r=e.getDef(n)?.band;return typeof r=="string"?r!=="":Array.isArray(r)&&r.length>0})}function ds(t){return t===false?[]:Array.isArray(t)?t:["csv","excel","excel-selected","pdf"]}var us={csv:"exportCsv",excel:"exportExcel","excel-selected":"exportExcelSelected",pdf:"exportPdf"};function Wo(t,e,n,r,l){if(n===false)return [];let a=n===true||n===void 0?{}:n,s=[];a.copy!==false&&s.push({id:"__dg-copy",label:e.menuCopy,shortcut:na,onSelect:()=>Ft(t)}),a.copyWithHeaders!==false&&s.push({id:"__dg-copy-headers",label:e.menuCopyWithHeaders,onSelect:()=>Ft(t,{includeHeaders:true})}),a.copyWithGroupHeaders!==false&&ss(t)&&s.push({id:"__dg-copy-group-headers",label:e.menuCopyWithGroupHeaders,onSelect:()=>Ft(t,{includeGroupHeaders:true})});let m=ds(a.export).filter(f=>f!=="csv"||t.canExportAll());if(m.length>0){let f=t.getSelectedCount()===0;s.push({id:"__dg-export",label:e.menuExport,items:m.map(g=>({id:`__dg-export-${g}`,label:e[us[g]],disabled:g==="excel-selected"&&f,onSelect:()=>{Yt(t,g).then(p=>{p.error&&l?.(p.error);});}}))});}return s.length>0&&r&&s.unshift({id:"__dg-sep-builtin",separator:true}),s}function Vo({anchor:t,value:e,dark:n,onCommit:r,onCancel:l}){let a=ne(),[s,m]=useState(e),f=useRef(null);useEffect(()=>{let p=f.current;p&&(p.focus(),p.select());},[]);let g=()=>{let p=s.trim();r(p===""?null:p);};return jsxs(xt,{anchor:t,onClose:l,dark:n,label:a.noteEditorAria,className:"kanuni-datagrid-note-editor",children:[jsx("textarea",{ref:f,className:"kanuni-datagrid-note-input",value:s,rows:4,"aria-label":a.noteEditorAria,placeholder:a.notePlaceholder,onChange:p=>m(p.target.value),onKeyDown:p=>{p.key==="Enter"&&(p.ctrlKey||p.metaKey)&&(p.preventDefault(),g()),p.key==="Escape"&&(p.preventDefault(),l());}}),jsxs("div",{className:"kanuni-datagrid-note-actions",children:[jsx("button",{type:"button",className:"kanuni-datagrid-note-cancel",onClick:l,children:a.cancel}),jsx("button",{type:"button",className:"kanuni-datagrid-note-save",onClick:g,children:a.save})]})]})}function fs(t){let e=ne();return useMemo(()=>({busy:e.busy,loading:e.busyLoading,encoding:e.busyEncoding,filtering:e.busyFiltering,sorting:e.busySorting,computing:e.busyComputing,grouping:e.busyGrouping,aggregating:e.busyAggregating,projecting:e.busyProjecting,exporting:e.busyExporting,cancel:e.cancel,...t}),[e,t])}var hs=new Set(["filtering","sorting","computing","encoding","exporting"]);function Yo({controller:t,delay:e=300,labels:n,cancellable:r=true,forced:l=false}){let[a,s]=useState(()=>t.getBusy()),[m,f]=useState(false);useEffect(()=>(s(t.getBusy()),t.events.on("busyChanged",v=>s(v))),[t]);let g=a.busy&&a.background!==true;useEffect(()=>{if(!g){f(false);return}let v=setTimeout(()=>f(true),e);return ()=>clearTimeout(v)},[g,e]);let p=fs(n);if(!l&&(!m||!g))return null;let y=a.phase?p[a.phase]:p.busy,C=a.progress===null?null:Math.max(0,Math.min(100,a.progress)),k=r&&a.phase!==null&&hs.has(a.phase)&&a.cancellable!==false;return jsx("div",{className:"kanuni-datagrid-loading-overlay",role:"status","aria-live":"polite","data-testid":"dg-loading-overlay","data-phase":a.phase??"busy","data-blocking":a.phase==="exporting"?"true":void 0,"aria-busy":"true",children:jsxs("div",{className:"kanuni-datagrid-loading-card",children:[jsx("span",{className:"kanuni-datagrid-loading-spinner","aria-hidden":"true"}),jsx("span",{className:"kanuni-datagrid-loading-label",children:y}),C!==null&&jsxs("div",{className:"kanuni-datagrid-loading-progress",role:"progressbar","aria-valuenow":Math.round(C),"aria-valuemin":0,"aria-valuemax":100,children:[jsx("div",{className:"kanuni-datagrid-loading-track",children:jsx("div",{className:"kanuni-datagrid-loading-fill",style:{width:`${C}%`}})}),jsxs("span",{className:"kanuni-datagrid-loading-percent",children:[Math.round(C),"%"]})]}),k&&jsx("button",{type:"button",className:"kanuni-datagrid-loading-cancel",onClick:()=>t.cancel(),"data-testid":"dg-loading-cancel",children:p.cancel})]})})}var sa=null;function ws(){return typeof document>"u"?null:(sa??=document.createElement("canvas"),sa.getContext("2d"))}function da(t){let e=getComputedStyle(t);return `${e.fontStyle} ${e.fontWeight} ${e.fontSize} ${e.fontFamily}`}function bs(t){for(let e=t.firstElementChild;e;e=e.nextElementSibling)if(e.tagName!=="MARK")return true;return false}function ys(t){let e=t.map(r=>[r.style.width,r.style.minWidth,r.style.maxWidth]);for(let r of t)r.style.width="max-content",r.style.minWidth="0",r.style.maxWidth="none";let n=0;for(let r of t){let l=Math.ceil(r.getBoundingClientRect().width);l>n&&(n=l);}return t.forEach((r,l)=>{[r.style.width,r.style.minWidth,r.style.maxWidth]=e[l];}),n}function Sn(t,e){let n=ws();if(!n)return null;let r=typeof CSS<"u"&&CSS.escape?CSS.escape(e):e.replace(/"/g,'\\"'),l=t.querySelector(`.kanuni-datagrid-header-cell[data-column-id="${r}"]`),a=t.querySelectorAll(`.kanuni-datagrid-cell[data-column-id="${r}"]`);if(!l&&a.length===0)return null;let s=0;if(l){let m=l.querySelector(".kanuni-datagrid-header-label")??l;n.font=da(m),s=n.measureText(m.textContent??"").width+44;}if(a.length>0){n.font=da(a[0]);let m=[];for(let f=0;f<a.length;f++){if(bs(a[f])){m.push(a[f]);continue}let g=a[f].textContent??"";if(g==="")continue;let p=n.measureText(g).width+20;p>s&&(s=p);}m.length>0&&(s=Math.max(s,ys(m)));}return s===0?null:Math.round(Math.min(640,Math.max(48,s)))}function Xo(t,e){let n=useRef(e);n.current=e;let r=!!e?.enabled,l=e?.storageKey,a=e?.type;useEffect(()=>{if(r)return attachStateStoring(t,{...n.current,enabled:true})},[t,r,l,a]);}var En="application/x-kanuni-row";function Jo(t,e){let n=!!e?.enabled,r=e?.group??null,l=e?.allowReordering??true,a=e?.allowDropInsert??r!==null,[s,m]=useState(false),[f,g]=useState(null),p=useRef(null),y=useRef(false),C=useRef(null),k=useRef(null),v=useRef(e);v.current=e;let P=useCallback(d=>t.getRowByKey(d),[t]),M=(d,b)=>{let E=b.getBoundingClientRect();return d.clientY<E.top+E.height/2?"before":"after"},x=useCallback((d,b)=>{if(!isDataRow(d))return;k.current=d.key,C.current=d.key,y.current=false,p.current=null;let E={gridId:t.gridId,group:r,rowKey:d.key,row:d.data};b.dataTransfer.setData(En,JSON.stringify(E)),b.dataTransfer.setData("text/plain",String(d.key)),b.dataTransfer.effectAllowed="move",t.notifyRowDrag("enter",{rowKey:d.key}),b.stopPropagation();},[t,r]),A=useCallback(()=>{let d=C.current;d!==null&&t.notifyRowDragEnd({rowKey:d,dropped:y.current,overKey:p.current?.key??null,position:p.current?.side??null}),y.current=false,p.current=null,C.current=null,k.current=null,g(null),m(false);},[t]),u=useCallback(d=>d.dataTransfer.types.includes(En)?k.current!==null?l:a&&r!==null:false,[l,a,r]),L=useCallback((d,b)=>{if(!isDataRow(d)||!u(b))return;if(b.preventDefault(),b.dataTransfer.dropEffect="move",k.current===d.key){p.current=null,g(null);return}let E=M(b,b.currentTarget),te=p.current?.key!==d.key||p.current.side!==E;p.current={key:d.key,side:E},g(ie=>ie?.key===d.key&&ie.side===E?ie:{key:d.key,side:E}),te&&k.current!==null&&t.notifyRowDrag("move",{rowKey:k.current,overKey:d.key,position:E});},[u,t]),I=useCallback((d,b,E)=>{let te=null;try{let re=d.dataTransfer.getData(En);te=re?JSON.parse(re):null;}catch{te=null;}if(!te)return;if(te.gridId===t.gridId){if(!l)return;let re=v.current?.onReorder;if(re){re({dragKey:te.rowKey,targetKey:b,position:E,row:P(te.rowKey)});return}t.moveRow(te.rowKey,b,E);return}!a||r===null||te.group!==r||v.current?.onAdd?.({row:te.row,rowKey:te.rowKey,otherGridId:te.gridId,targetKey:b,position:E});},[t,l,a,r,P]),F=useCallback((d,b)=>{if(g(null),!isDataRow(d)||!u(b))return;b.preventDefault(),b.stopPropagation();let E=M(b,b.currentTarget);y.current=true,p.current={key:d.key,side:E},I(b,d.key,E),k.current=null;},[u,I]),$=useCallback(d=>{u(d)&&(d.preventDefault(),d.dataTransfer.dropEffect="move");},[u]),h=useCallback(d=>{g(null),u(d)&&(d.preventDefault(),y.current=true,p.current=null,I(d,null,"after"),k.current=null);},[u,I]),G=useCallback(d=>{let b=d.relatedTarget;b&&d.currentTarget.contains(b)||k.current!==null&&(p.current=null,g(null),t.notifyRowDrag("leave",{rowKey:k.current}));},[t]);return {handlers:n?{draggable:s,setDraggable:m,onDragStart:x,onDragEnd:A,onDragOver:L,onDrop:F}:void 0,dropAt:n?f:null,bodyHandlers:n?{onDragOver:$,onDrop:h,onDragLeave:G}:void 0}}var Ds=400;function ca(t){return t.scrollWidth>t.clientWidth+1||t.scrollHeight>t.clientHeight+1}function pa(t){return (t.textContent??"").trim()}function Gs(t){let{def:e,node:n,value:r,clipped:l,note:a}=t;if(a)return a;if(e&&n){if(typeof e.tooltip=="function"){let s=e.tooltip({value:r,row:n.data,node:n,column:e});return s||null}if(typeof e.tooltip=="string")return e.tooltip||null;if(e.tooltipField){let s=n.data[e.tooltipField];return s==null||s===""?null:String(s)}}return l&&l.length>0?l:null}function Zo({rootRef:t,columnModel:e,getRowNode:n,getNote:r,config:l}){let a=l?.enabled!==false,s=l?.delay??Ds,m=l?.showOnTruncation!==false,[f,g]=useState(null),p=useRef({columnModel:e,getRowNode:n,getNote:r,showOnTruncation:m,delay:s});return p.current={columnModel:e,getRowNode:n,getNote:r,showOnTruncation:m,delay:s},useEffect(()=>{if(!a){g(null);return}let y=t.current;if(!y)return;let C=null,k=null,v=()=>{C!==null&&(clearTimeout(C),C=null),k=null,g(null);},P=(u,L)=>{let{columnModel:I,getRowNode:F,getNote:$,showOnTruncation:h}=p.current,G=I.getDef(L),N=u.closest("[data-row-key]")?.dataset.rowKey,d=N===void 0?void 0:F(N);return Gs({def:G,node:d,value:d?I.getCellValue(d.data,L):void 0,clipped:h&&ca(u)?pa(u):null,note:d&&$?$(d.key,L,d.data):null})},M=(u,L)=>{let I=p.current.columnModel.getDef(u);if(I?.headerTooltip)return I.headerTooltip;if(!p.current.showOnTruncation)return null;let F=L.querySelector(".kanuni-datagrid-header-label")??L;if(!ca(F))return null;let $=pa(F);return $.length>0?$:null},x=u=>{let I=u.target?.closest("[data-column-id]")??null;if(I===k||(v(),!I||!y.contains(I)))return;let F=I.dataset.columnId;if(!F)return;let $=I.classList.contains("kanuni-datagrid-header-cell");!$&&!I.closest("[data-row-key]")||(k=I,C=setTimeout(()=>{if(C=null,k!==I||!I.isConnected)return;let h=$?M(F,I):P(I,F);if(!h)return;let G=I.getBoundingClientRect();g({text:h,anchor:{top:G.top,left:G.left,width:G.width,height:G.height}});},p.current.delay));},A=u=>{let L=u.relatedTarget;k&&L&&k.contains(L)||v();};return y.addEventListener("mouseover",x),y.addEventListener("mouseout",A),y.addEventListener("mousedown",v),y.addEventListener("keydown",v),y.addEventListener("scroll",v,true),window.addEventListener("blur",v),()=>{v(),y.removeEventListener("mouseover",x),y.removeEventListener("mouseout",A),y.removeEventListener("mousedown",v),y.removeEventListener("keydown",v),y.removeEventListener("scroll",v,true),window.removeEventListener("blur",v);}},[a,t]),a?f:null}var ga=6,Kt=8;function jo({state:t,dark:e}){let[n,r]=useState(null),[l,a]=useState(null),{text:s,anchor:m}=t;return useLayoutEffect(()=>{if(!n)return;let{width:f,height:g}=n.getBoundingClientRect(),p=document.documentElement.clientWidth,y=document.documentElement.clientHeight,C=m.top+m.height+ga,k=m.top-g-ga,P=C+g+Kt<=y||k<Kt?C:k,M=Math.min(Math.max(Kt,m.left),Math.max(Kt,p-f-Kt));a({top:Math.min(P,y-g-Kt),left:M});},[n,s,m]),jsx(Ve,{dark:e,children:jsx("div",{ref:r,className:"kanuni-datagrid-tooltip",role:"tooltip",style:l?{top:l.top,left:l.left}:{top:0,left:0,visibility:"hidden"},children:s})})}function Nn(t){return {sortAsc:t.sortAsc,sortDesc:t.sortDesc,clearSort:t.clearSort,groupBy:t.groupByColumn,ungroup:t.ungroupColumn,showGroupPanel:t.showGroupPanel,hideGroupPanel:t.hideGroupPanel,showFooter:t.showFooter,hideFooter:t.hideFooter,showGroupFooters:t.showGroupFooters,hideGroupFooters:t.hideGroupFooters,hideColumn:t.hideColumn,fieldChooser:t.fieldChooser,bestFit:t.bestFit,bestFitAll:t.bestFitAll,fixedPosition:t.fixedPosition,pinLeft:t.pinLeft,pinRight:t.pinRight,pinSticky:t.pinSticky,unpin:t.unpin,moveLeft:t.moveLeft,moveRight:t.moveRight}}var ha=Nn(getGridDictionary("en"));function Qo(t,e){let n={...ha,...e.labels},{controller:r,maxGroupLevels:l}=e,a=t.columnId,s=r.getColumnModel().getDef(a),m=r.getSort(),f=m.find(u=>u.columnId===a),g=r.getGroupLevels(),p=g.includes(a),y=s?.sortable!==false,C=r.getColumnStates().find(u=>u.id===a)?.pinned??null,k=s?.groupable!==false,v=r.canGroup(),P=[{id:"sort-asc",label:n.sortAsc,disabled:!y||f?.direction==="asc",onSelect:()=>r.setSort([{columnId:a,direction:"asc"}])},{id:"sort-desc",label:n.sortDesc,disabled:!y||f?.direction==="desc",onSelect:()=>r.setSort([{columnId:a,direction:"desc"}])},{id:"sort-clear",label:n.clearSort,disabled:!f,onSelect:()=>r.setSort(m.filter(u=>u.columnId!==a))},{id:"sep-1",separator:true}];v&&P.push({id:"group",label:p?n.ungroup:n.groupBy,disabled:!k,onSelect:()=>{p?r.groupBy(g.filter(u=>u!==a)):r.groupBy([...g,a].slice(-l));}},{id:"group-panel",label:e.groupPanelVisible?n.hideGroupPanel:n.showGroupPanel,onSelect:e.onToggleGroupPanel}),e.groupFootersAvailable&&P.push({id:"group-footers",label:e.groupFootersVisible?n.hideGroupFooters:n.showGroupFooters,onSelect:e.onToggleGroupFooters}),P.push({id:"footer",label:e.footerVisible?n.hideFooter:n.showFooter,onSelect:e.onToggleFooter},{id:"sep-2",separator:true},{id:"hide-column",label:n.hideColumn,disabled:r.getColumnStates().filter(u=>u.visible).length<=1,onSelect:()=>r.setColumnVisible(a,false)},{id:"field-chooser",label:n.fieldChooser,onSelect:e.onOpenFieldChooser},{id:"sep-3",separator:true},{id:"best-fit",label:n.bestFit,disabled:s?.resizable===false,onSelect:()=>e.onBestFit(a)},{id:"best-fit-all",label:n.bestFitAll,onSelect:e.onBestFitAll});let M=r.getColumnStates().filter(u=>u.visible&&u.pinned===C).map(u=>u.id),x=M.indexOf(a),A=s?.reorderable!==false&&x>=0;return P.push({id:"sep-4",separator:true},{id:"move-left",label:n.moveLeft,disabled:!A||x<=0,onSelect:()=>r.moveColumn(a,M[x-1])},{id:"move-right",label:n.moveRight,disabled:!A||x<0||x>=M.length-1,onSelect:()=>r.moveColumn(a,M[x+2])},{id:"fixed-position",label:n.fixedPosition,items:[{id:"pin-left",label:n.pinLeft,disabled:C==="left",onSelect:()=>r.setColumnPinned(a,"left")},{id:"pin-right",label:n.pinRight,disabled:C==="right",onSelect:()=>r.setColumnPinned(a,"right")},{id:"pin-sticky",label:n.pinSticky,disabled:C==="sticky",onSelect:()=>r.setColumnPinned(a,"sticky")}]},{id:"unpin",label:n.unpin,disabled:C===null,onSelect:()=>r.setColumnPinned(a,null)}),P}var Qt=typeof window<"u"?useLayoutEffect:useEffect,Ra=1e8,Mn=null;function ka(){if(Mn!==null)return Mn;if(typeof document>"u"||!document.body)return null;let t=document.createElement("div");t.setAttribute("aria-hidden","true"),t.style.cssText="position:fixed;top:0;left:-9999px;width:80px;height:80px;overflow:auto;visibility:hidden;pointer-events:none;";let e=document.createElement("div");e.style.cssText="width:1px;",e.style.height=`${Ra}px`,t.appendChild(e),document.body.appendChild(t),t.scrollTop=Ra;let n=t.scrollTop;return or=e.offsetHeight>0?e.offsetHeight:null,t.remove(),n>0&&(Mn=n),Mn}var or=null;function Us(){return or===null&&ka(),or}function tr(t){return Math.abs(t)}function Ca(t,e){return getComputedStyle(e).direction==="rtl"?-t:t}function Ln(t,e){if(e)return t;if(t.dataSource!=null&&!Array.isArray(t.dataSource)&&t.grouping){t.debugMode&&console.warn("[datagrid] grouping a server-side DataSource is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let s={...t};return delete s.grouping,Ln(s,e)}if(t.columns?.some(s=>s.spanRows)){t.debugMode&&console.warn("[datagrid] cell span/merge (spanRows) is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let s={...t,columns:t.columns.map(m=>m.spanRows?{...m,spanRows:void 0}:m)};return Ln(s,e)}if(t.tree){t.debugMode&&console.warn("[datagrid] tree data is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let s={...t};return delete s.tree,Ln(s,e)}if(!t.grouping)return t.masterDetail?nr(t):t;let{groupBy:n,groupSummaries:r}=t.grouping,l=n==null?[]:typeof n=="string"?[n]:n;if(l.length<=1&&!r)return t.masterDetail?nr(t):t;t.debugMode&&console.warn("[datagrid] multi-level grouping and group summaries are Enterprise features \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use them.");let a={...t,grouping:{...t.grouping,groupBy:l.slice(0,1),groupSummaries:false}};return t.masterDetail?nr(a):a}function nr(t){t.debugMode&&console.warn("[datagrid] master-detail is an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use it.");let e={...t};return delete e.masterDetail,e}function Vs(t){return jsx(ao,{locale:t.locale,messages:t.messages,children:jsx(So,{theme:t.theme,density:t.density,palette:t.palette,children:jsx(zs,{...t})})})}function zs(t){let e=ne(),{className:n,style:r,dark:l=false,theme:a,palette:s,striped:m=true,emptyText:f,sortable:g=true,filterRow:p=false,headerFilter:y=false,filterIconMode:C="hover",columnReorder:k=true,columnResize:v=true,loadingOverlay:P=true,announcements:M=true,groupPanel:x=false,showRowCount:A=false,toolbar:u=false,toolbarExcel:L=false,toolbarPdf:I=false,filterPanel:F=false,filterPanelLabels:$,onOpenFilterBuilder:h,toolbarItemsBefore:G,toolbarItemsAfter:N,renderRow:d,stateStoring:b,headerMenu:E=true,focusedRow:te=false,focusedRowKey:ie,onFocusedRowChanged:re,footer:Ye,footerMenu:Se=true,onRowClick:pe,onRowActivate:Ee,onReady:Ne,renderCellContent:Ce,getCellClassName:Me,renderOverlay:tt,onCellPointerDown:Xe,onCellPointerEnter:Fe,onCellDoubleClick:Be,enterpriseEdition:de=false,renderDetail:Ke,renderEditForm:ue,density:_e,rowMenu:be,cellMenu:w,autoColumns:K,rowDrag:W,tooltip:S,pinnedTopRows:D,pinnedBottomRows:X,footerPosition:oe="bottom",autoSizeStrategy:_="none",highlightSearch:U=true,...ae}=t,ke=useMemo(()=>{let o=ae.columns;if(o&&o.length>0)return o;let c=ae.dataSource;if(!Array.isArray(c)||c.length===0)return o??[];let R=typeof K=="object"?K:void 0;return K===false?o??[]:inferColumns(c,R)},[ae.columns,ae.dataSource,K]),me={...ae,columns:ke},$e=isPackagedTheme(a)?THEME_ROW_HEIGHT[a][_e??"normal"]:_e?DENSITY_ROW_HEIGHT[_e]:DEFAULT_ROW_HEIGHT,ge=me.rowHeight===void 0?{...me,rowHeight:$e}:me,B=de?Number.POSITIVE_INFINITY:1,nt=Ln(ge,de),{controller:i,rows:ye,window:gt,layout:ce,sort:ft,rowHeight:ot,visibleCount:We}=eo(nt),T=no(i,t.printLayout),q=T.active?{...gt,rows:{...gt.rows,start:0,end:ye.length,offsetY:0,totalHeight:0}}:gt,V=useMemo(()=>ke.some(o=>o.autoHeight===true),[ke]),ee=y&&i.canListDistinctValues();y&&!ee&&ae.debugMode&&console.warn("[datagrid] headerFilter needs a column's distinct values. This grid is remote and its DataSource does not implement `loadDistinctValues` \u2014 implement it, or use `filterRow`.");let O=useRef(null);Qt(()=>{i.setEnterpriseEdition(de);},[i,de]),useEffect(()=>{Ne?.(i);},[i,Ne]),Qt(()=>{let o=ka();o!==null&&o<DEFAULT_MAX_SCROLL_OFFSET&&i.setMaxScrollOffset(o);let c=Us();c!==null&&i.setMaxCanvasHeight(c);},[i]),Qt(()=>{let o=O.current;if(!o)return;let c=()=>{i.setViewportSize(o.clientWidth,o.clientHeight),o.style.setProperty("--dg-viewport-width",`${o.clientWidth}px`);let Z=o.querySelector(".kanuni-datagrid-rows"),z=o.querySelector(".kanuni-datagrid-canvas");if(Z&&z){let Y=Z.getBoundingClientRect(),le=z.getBoundingClientRect();i.setChromeOffsets(Y.top-le.top,le.bottom-Y.bottom);}calibrateMaxScrollOffset(o,i);};if(c(),typeof ResizeObserver>"u")return;let R=new ResizeObserver(c);R.observe(o);let H=o.querySelector(".kanuni-datagrid-canvas");return H&&R.observe(H),()=>R.disconnect()},[i]),Qt(()=>{if(!V)return;let o=O.current?.querySelector(".kanuni-datagrid-viewport");if(!o)return;let c=i.getVirtualWindow(),R=i.getRows(),H=new Map(i.getMeasuredRowHeights()),Z=false;for(let z=c.rows.start;z<c.rows.end;z++){let Y=R[z];if(!Y||Y.kind!=="data")continue;let le=o.querySelector(`[data-row-key="${CSS.escape(String(Y.key))}"]`);if(!le)continue;let se=le.getBoundingClientRect().height;se>0&&H.get(Y.key)!==se&&(H.set(Y.key,se),Z=true);}Z&&i.setMeasuredRowHeights(H);}),useEffect(()=>{if(V)return i.events.on("columnStateChanged",()=>{i.clearMeasuredRowHeights();})},[i,V]),useEffect(()=>i.events.on("scrollRequested",o=>{let c=O.current;if(!c)return;o.scrollTop!==void 0&&(c.scrollTop=o.scrollTop),o.scrollLeft!==void 0&&(c.scrollLeft=Ca(o.scrollLeft,c)),i.setScroll(c.scrollTop,tr(c.scrollLeft));let R=o.scrollTop;R===void 0||Math.abs(c.scrollTop-R)<=1||setTimeout(()=>{let H=O.current;!H||Math.abs(H.scrollTop-R)<=1||(H.scrollTop=R,i.setScroll(H.scrollTop,tr(H.scrollLeft)));},0);}),[i]);let xe=ro(i,t.alignedGrids,O),Hn=useCallback(o=>{let c=o.currentTarget;i.setScroll(c.scrollTop,tr(c.scrollLeft)),xe.syncScroll(c.scrollLeft);},[i,xe]),va=useCallback((o,c)=>i.toggleSort(o,c),[i]);Xo(i,b);let Tt=Jo(i,W);useEffect(()=>{ie!=null&&i.getFocusedRowKey()!==ie&&i.focusRow(ie);},[i,ie]),useEffect(()=>{if(re)return i.events.on("focusedRowChanged",o=>re({rowKey:o.rowKey,row:o.row}))},[i,re]);let qe=useRef(null),[An,Da]=useState(null);useEffect(()=>i.events.on("overlayChanged",o=>{Da(o.manual?o.overlay:null);}),[i]);let Ga=useCallback(o=>{let c=i.getDataRowNode(o);if(c)return c;if(o==="")return;let R=Number(o);return Number.isNaN(R)?void 0:i.getDataRowNode(R)},[i]),Te=de?t.notes:void 0;!de&&t.notes&&t.debugMode&&console.warn("[datagrid] cell notes are an Enterprise feature \u2014 import EnterpriseDataGrid from @kanunilabs/datagrid-react-enterprise to use them.");let en=!!Te?.onChange&&Te.menu!==false,tn=useCallback((o,c,R)=>Te?Te.get({rowKey:o,columnId:c,row:R})??null:null,[Te]),ar=Zo({rootRef:qe,columnModel:i.getColumnModel(),getRowNode:Ga,getNote:Te?tn:void 0,config:S}),[ir,Sa]=useState(0);useEffect(()=>{let o=new Set,c=[i.events.on("cellsFlashed",({rowKeys:R,columnIds:H,duration:Z})=>{let z=qe.current;if(!z)return;let Y=R.length?R.map(ve=>`[data-row-key="${CSS.escape(String(ve))}"]`).join(","):".kanuni-datagrid-row",le=H.length?H.map(ve=>`[data-column-id="${CSS.escape(ve)}"]`).join(","):"[data-column-id]",se=[];z.querySelectorAll(Y).forEach(ve=>{ve.querySelectorAll(le).forEach(Lt=>se.push(Lt));});for(let ve of se)ve.classList.remove("kanuni-datagrid-cell--flash");z.offsetWidth;for(let ve of se)ve.classList.add("kanuni-datagrid-cell--flash");let Je=setTimeout(()=>{for(let ve of se)ve.classList.remove("kanuni-datagrid-cell--flash");o.delete(Je);},Z);o.add(Je);}),i.events.on("cellsRefreshed",({revision:R})=>Sa(R))];return ()=>{c.forEach(R=>R()),o.forEach(clearTimeout);}},[i]);let Ea=useCallback((o,c)=>i.moveColumn(o,c),[i]),Na=useCallback((o,c,R)=>i.setColumnWidth(o,c,R??true),[i]),On=useCallback(o=>{if(!qe.current)return;let c=Sn(qe.current,o);c!==null&&i.setColumnWidth(o,c);},[i]),Fn=useCallback(()=>{let o=qe.current;if(o)for(let c of i.getColumnStates()){if(!c.visible)continue;let R=Sn(o,c.id);R!==null&&i.setColumnWidth(c.id,R);}},[i]);useEffect(()=>{if(_!=="fitGrid")return;let o=()=>i.sizeColumnsToFit();return o(),i.events.on("gridSizeChanged",o)},[i,_]);let Bn=useRef(null);Qt(()=>{if(_!=="fitCells"){Bn.current=null;return}Bn.current!==i&&qe.current?.querySelector(".kanuni-datagrid-row .kanuni-datagrid-cell[data-column-id]")&&(Bn.current=i,Fn());});let[Ma,lr]=useState({}),sr=t.filterDebounce??(i.isRemote()?200:0),Kn=useRef(false),nn=useMemo(()=>datePeriodLabels(e),[e]),_n=useRef(nn);_n.current=nn;let Pa=useMemo(()=>periodSuggestionList(nn),[nn]),on=useCallback((o,c)=>{let R=i.getColumnModel().getDataType(o);Kn.current=true;try{i.setColumnFilter(o,parseFilterInput(o,c,R,_n.current),FILTER_PART_ROW);}finally{Kn.current=false;}},[i]),at=useMemo(()=>createDebouncedCommit(sr),[sr]);useEffect(()=>()=>at.cancelAll(),[at]);let La=useCallback((o,c)=>{lr(R=>({...R,[o]:c})),at.schedule(o,()=>on(o,c));},[on,at]),Ia=useCallback((o,c)=>{at.cancel(o),on(o,c);},[on,at]);useEffect(()=>i.events.on("filterChanged",()=>{if(Kn.current)return;let o=i.getColumnModel();lr(c=>Co(c,{isPending:R=>at.isPending(R),textFor:R=>{let H=i.getColumnFilter(R,FILTER_PART_ROW);return H?filterInputFromNode(R,H,o.getDataType(R),_n.current):""}},o.getOrder()));}),[i,at]);let[fe,ht]=useState(null),rn=useRef(0),$n=useRef(null),it=useCallback(()=>{let o=document.activeElement instanceof HTMLElement?document.activeElement:null;o?.closest(".kanuni-datagrid-portal")||($n.current={el:o,columnId:o?.closest(".kanuni-datagrid-header-cell")?.getAttribute("data-column-id")??null});},[]),Ha=useCallback((o,c)=>{it();let R=c.getBoundingClientRect(),H=i.getColumnModel().getDef(o),Z={left:R.left,top:R.bottom+2},z=H?.headerName??o,Y=i.getColumnFilter(o,FILTER_PART_SET)??i.getColumnFilter(o,FILTER_PART_DEFAULT);if(!i.isRemote()){let se=++rn.current;ht({columnId:o,label:z,entries:[],selected:null,anchor:Z,loading:true}),i.getDistinctValueSetAsync(o).then(({entries:Je,truncated:ve})=>{rn.current===se&&ht(Lt=>Lt&&Lt.columnId===o?{...Lt,entries:Je,truncated:ve,capped:ve,selected:selectedLabelsFromFilter(Y,Je),loading:false}:Lt);});return}let le=++rn.current;ht({columnId:o,label:z,entries:[],selected:null,anchor:Z,loading:true}),i.getDistinctValuesAsync(o).then(se=>{rn.current===le&&ht(Je=>Je&&Je.columnId===o?{...Je,entries:se,selected:selectedLabelsFromFilter(Y,se),loading:false}:Je);});},[i,it]),Aa=useCallback(o=>{fe&&(i.setColumnFilter(fe.columnId,o,FILTER_PART_SET),ht(null));},[i,fe]),Oa=Object.keys(i.getColumnStates().reduce((o,c)=>(i.getColumnFilter(c.id)&&(o[c.id]=true),o),{})),vt=i.getSelectionMode(),he=vt!=="none"&&(ae.selection?.checkboxColumn??false),dr=(ae.selection?.rowClick??(he?"toggle":"replace"))==="toggle",Fa=useCallback((o,c)=>{i.handleRowClick(o.key,{ctrlKey:c.ctrlKey||dr&&!c.shiftKey,metaKey:c.metaKey,shiftKey:c.shiftKey});},[i,dr]),Ba=useCallback((o,c)=>i.focusCell(o.key,c),[i]),Ka=useCallback(o=>i.toggleRow(o.key),[i]),[Dt,ur]=useState(null),_a=useCallback(()=>ur(null),[]),[_t,Wn]=useState(null),cr=useCallback((o,c)=>{let H=(qe.current?.querySelector(`[data-row-key="${CSS.escape(String(o))}"] [data-column-id="${CSS.escape(c)}"]`)??qe.current)?.getBoundingClientRect();return {left:H?.left??0,top:(H?.bottom??0)+2}},[]),$a=useCallback(o=>{let c=_t;Wn(null),!(!c||!Te?.onChange)&&Te.onChange({rowKey:c.rowKey,columnId:c.columnId,row:c.row,text:o});},[_t,Te]),pr=useCallback((o,c)=>{if(!Te?.onChange||Te.menu===false)return [];let R=o.columnId;if(!R)return [];let H=i.getRowKey(o.row),Z=tn(H,R,o.row),z=()=>Wn({rowKey:H,columnId:R,row:o.row,text:Z??"",anchor:cr(H,R)}),Y=[];return c&&Y.push({separator:true,id:"__note-sep"}),Y.push({id:"__note-edit",label:Z?e.editNote:e.addNote,onSelect:z}),Z&&Y.push({id:"__note-delete",label:e.deleteNote,onSelect:()=>Te.onChange?.({rowKey:H,columnId:R,row:o.row,text:null})}),Y},[Te,i,tn,cr,e]),[an,Un]=useState(null),mr=useRef({x:0,y:0}),gr=useCallback(o=>Wo(i,e,w,o,c=>{Un({message:c,...mr.current}),console.error("[datagrid] export failed:",c);}),[i,e,w]),ln=useCallback((o,c,R,H,Z)=>{if(R.kind!=="data")return;it();let z={row:R.data,node:R,rowIndex:H,columnId:Z,selectedKeys:i.getSelectedKeys()},Y=(typeof be=="function"?be(z):be)??[],le=pr(z,Y.length>0),se=[...Y,...le,...gr(Y.length+le.length>0)];se.length!==0&&(mr.current={x:o,y:c},Un(null),ur({x:o,y:c,items:se,context:z}));},[be,i,pr,gr,it]),fr=useCallback(o=>o?.target?.closest("[data-column-id]")?.dataset.columnId??null,[]),Gt=useCallback((o,c,R,H,Z)=>{let z=H??-1;o&&i.notifyRow(o,R,z);let Y=fr(Z);Y!==null&&i.notifyCell(c,R,z,Y);},[i,fr]),Wa=useCallback((o,c,R)=>{pe?.(o),Gt("rowClicked","cellClicked",o,c,R);},[pe,Gt]),Ua=useCallback((o,c,R)=>{Ee?.(o),Gt("rowDoubleClicked","cellDoubleClicked",o,c,R);},[Ee,Gt]),Va=useCallback((o,c,R)=>{if(Gt(null,"cellContextMenu",o,c,R),!be&&!en&&w===false||o.kind!=="data")return;R.preventDefault(),i.isRowSelected(o.key)||i.handleRowClick(o.key,{});let H=R.target.closest("[data-column-id]")?.dataset.columnId??null;ln(R.clientX,R.clientY,o,c,H);},[be,en,w,i,ln,Gt]),[za,Ya]=useState(null),[Xa,qa]=useState(null),[Vn,Ja]=useState(()=>ae.grouping?.groupSummaries??false),[wt,zn]=useState(null),[hr,Yn]=useState(null),Xn=Dt!==null||wt!==null||fe!==null,wr=useRef(false);useEffect(()=>{if(wr.current&&!Xn){let o=$n.current;$n.current=null;let c=o?.el?.isConnected?o.el:o?.columnId?qe.current?.querySelector(`.kanuni-datagrid-header-cell[data-column-id="${CSS.escape(o.columnId)}"]`):null,R=!document.activeElement||document.activeElement===document.body;c&&R&&c.focus({preventScroll:true});}wr.current=Xn;},[Xn]);let Za=useCallback(()=>{i.getSelectedCount()>0?i.clearSelection():i.selectAll();},[i]),qn=he?i.getSelectableCount():We,Jn=i.getSelectedCount(),ja=qn>0&&Jn>=qn?"all":Jn>0?"some":"none",Qa=useCallback(o=>{let c=o.target;if(c.tagName==="INPUT"||c.tagName==="TEXTAREA"||c.isContentEditable)return;if((be||en||w!==false)&&(o.key==="ContextMenu"||o.key==="F10"&&o.shiftKey)){let Z=i.getFocus(),z=Z?ye.findIndex(le=>le.key===Z.rowKey):-1,Y=z>=0?ye[z]:void 0;if(Y){let se=O.current?.querySelector(`[data-row-key="${CSS.escape(String(Y.key))}"]`)?.getBoundingClientRect();ln(se?se.left+16:0,se?se.bottom:0,Y,z,Z?.columnId??null),o.preventDefault();}return}let R=resolveGridCommand({key:o.key,ctrlKey:o.ctrlKey,metaKey:o.metaKey,shiftKey:o.shiftKey,altKey:o.altKey});if(!R)return;if(R.type==="copy"){Ft(i);return}if(R.type==="activate"){let Z=i.getFocus(),z=Z?ye.find(Y=>Y.key===Z.rowKey):void 0;z&&Ee?.(z),R.preventDefault&&o.preventDefault();return}i.executeCommand(R),R.preventDefault&&o.preventDefault();let H=i.getFocusIndices();if(H&&O.current){let z=i.getColumnLayout().center.findIndex(le=>le.state.id===i.getFocus()?.columnId),Y=i.ensureVisible(H.rowIndex,z===-1?void 0:z);if(Y){let le=O.current;Y.scrollTop!==void 0&&(le.scrollTop=Y.scrollTop),Y.scrollLeft!==void 0&&(le.scrollLeft=Ca(Y.scrollLeft,le)),i.setScroll(le.scrollTop,le.scrollLeft);}}},[i,ye,Ee,be,en,w,ln]),bt=useMemo(()=>bandDepth([...ce.left,...ce.center,...ce.right]),[ce]),St=At,Zn=(p?2:1)+bt,sn=D?.length??0,ei=X?.length??0,dn=Zn+sn,un=za??ae.grouping?.panel??x,br=i.getGroupLevels(),ti=useCallback(o=>i.groupBy(o.slice(0,B)),[i,B]),ni=useCallback(o=>i.toggleGroup(o),[i]),yr=useCallback(o=>i.toggleGroupSelection(o),[i]),oi=i.getColumnModel().runtime().filter(o=>o.state.visible&&o.def.groupable!==false),Pe=i.hasMasterDetail()&&!!Ke,we=t.rowNumbers??false,ri=we&&i.isPaginated()?i.getPage()*i.getPageSize():0;useEffect(()=>{i.setLeadWidth(mo(he,Pe,we));},[i,he,Pe,we]);let ai=useCallback(o=>i.toggleDetail(o),[i]),ii=useCallback(o=>i.toggleTreeRow(o),[i]),Rr=i.getSummaryDefs(),li=i.getSummaries(),Et=Xa??Ye??Rr.length>0,$t=Et&&oe==="top",jn=p?2:1,Cr=nt.grouping?.groupSummaries&&Vn?ae.summaries:void 0,kr=i.getGroupDisplay(),xr=useCallback(()=>{Ja(o=>(i.setGroupSummaries(!o),!o));},[i]),si=useCallback((o,c)=>{if(!Se)return;c.preventDefault();let R=i.getColumnModel().getDef(o),H=i.getColumnSummary(o),Z={columnId:o,headerName:R?.headerName??R?.field??o},z=[{id:"none",label:e.noTotal,disabled:H===null,onSelect:()=>i.setColumnSummary(o,null)},{id:"sep",separator:true},...allowedSummaryTypes(R?.dataType).map(Y=>({id:Y,label:summaryTypeLabels(e)[Y],disabled:H?.type===Y,onSelect:()=>i.setColumnSummary(o,Y)}))];it(),zn({x:c.clientX,y:c.clientY,items:z,context:Z});},[i,Se,it]),di=useCallback((o,c)=>{if(E===false)return;c.preventDefault();let R=i.getColumnModel().getDef(o),H={columnId:o,headerName:R?.headerName??R?.field??o},Z=Qo(H,{controller:i,groupPanelVisible:un,footerVisible:Et,groupFootersAvailable:de,groupFootersVisible:Vn,onToggleGroupPanel:()=>Ya(!un),onToggleFooter:()=>qa(!Et),onToggleGroupFooters:xr,onOpenFieldChooser:()=>Yn({left:c.clientX,top:c.clientY}),onBestFit:On,onBestFitAll:Fn,maxGroupLevels:B,labels:Nn(e)}),z=typeof E=="function"?E(H,Z):Z;!z||z.length===0||(it(),zn({x:c.clientX,y:c.clientY,items:z,context:H}));},[E,i,un,Et,de,Vn,xr,On,Fn,B,e,it]),Nt=i.getFocus(),ui=Nt?`${t.gridId}-cell-${String(Nt.rowKey)}-${Nt.columnId}`:void 0,Qn=i.getSelectedCount(),ci=useMemo(()=>{let o=[fillText(e.announceRows,{n:We})];if(ft.length>0){let c=ft.map(R=>{let H=i.getColumnModel().getDef(R.columnId),Z=String(H?.headerName??H?.field??R.columnId),z=R.direction==="desc"?e.announceDescending:e.announceAscending;return `${Z} ${z}`}).join(", ");o.push(fillText(e.announceSortedBy,{columns:c}));}return Qn>0&&o.push(fillText(e.announceSelected,{n:Qn})),o.join(", ")},[i,We,ft,Qn,e]),{centerColumns:lt,centerIndices:cn,stickyInsets:Mt,leadingSpacer:st,trailingSpacer:dt,rowStart:pi,rowEnd:Tr}=Ir(ce,q),pn=i.getColumnModel(),Pt=pi,mi=o=>{if(V)return;let c=i.getRowHeightAt(o);return c===ot?void 0:c},gi=Array.from(ye.slice(Pt,Tr)),fi=useMemo(()=>!we||i.getGroupLevels().length===0&&!i.hasMasterDetail()&&!i.hasTreePathRows()?null:Hr(ye),[we,i,ye]),hi=i.hasCellSpans(),vr=useRef({start:0,end:0});vr.current={start:Pt,end:Tr-1};let wi=useCallback((o,c)=>{let R=i.getCellSpans(c);if(R.length===0)return null;let{start:H,end:Z}=vr.current,z=spanRoleAt(R,o,H,Z);if(!z)return null;if(z.role==="covered")return {kind:"covered"};let Y=i.getRowOffset(z.drawStart);return {kind:"draw",height:i.getRowOffset(z.drawEnd)+i.getRowHeightAt(z.drawEnd)-Y,offset:0}},[i]),Dr=U?normalizeSearch(i.getSearchText()):"",bi={pathOf:o=>bandPath(i.getColumnModel().getDef(o)),collapsible:o=>i.isBandCollapsible(o),collapsed:o=>i.isBandCollapsed(o),onToggle:o=>i.toggleBand(o),labels:{expand:e.expandColumnGroup,collapse:e.collapseColumnGroup}},Gr={layout:ce,centerColumns:lt,leadingSpacer:st,trailingSpacer:dt,defs:Rr,values:li,checkboxColumn:he,detailColumn:Pe,rowNumberColumn:we,onPickSummary:Se?si:void 0,emptyHint:Se?"\xB7":""};return jsxs("div",{className:`kanuni-datagrid-root${l?" kanuni-datagrid-dark":""}${T.active?" kanuni-datagrid-print":""}${themeClassName(a,_e,s)}${n?` ${n}`:""}`,style:{"--dg-row-height":`${ot}px`,"--dg-grip-inset":we?`${It}px`:"0px",...r},dir:isRtlLocale(t.locale)?"rtl":void 0,"data-grid-id":t.gridId,"data-theme":a,"data-palette":s,"data-auto-height":V?"":void 0,ref:qe,children:[u&&jsx(Ao,{controller:i,dark:l,columnChooser:t.toolbarColumnChooser??true,exportExcel:de&&L,exportPdf:de&&I,itemsBefore:G,itemsAfter:N,onOpenColumnChooser:o=>Yn(c=>c?null:o)}),un&&jsx(Ho,{columns:oi,levels:br,onSetLevels:ti,maxLevels:B,onExpandAll:()=>i.expandAllGroups(),onCollapseAll:()=>i.collapseAllGroups()}),jsx("div",{className:"kanuni-datagrid-scroller",ref:O,onScroll:Hn,onKeyDown:Qa,tabIndex:0,role:"grid","aria-rowcount":We+Zn+sn+ei,"aria-colcount":ce.left.length+ce.center.length+ce.right.length+(he?1:0)+(Pe?1:0)+(we?1:0),"aria-multiselectable":vt==="multiple"||void 0,"aria-activedescendant":ui,"aria-label":t.ariaLabel??t.gridId,children:jsxs("div",{className:"kanuni-datagrid-canvas",style:{width:(ce.totalWidth||0)+mo(he,Pe,we)||"100%"},role:"rowgroup",children:[jsx(bo,{layout:ce,centerColumns:lt,leadingSpacer:st,trailingSpacer:dt,depth:bt,checkboxColumn:he,detailColumn:Pe,rowNumberColumn:we,rowHeight:St,bandFold:bi}),jsx(Ro,{bandOffset:bt*St,stickyInsets:Mt,layout:ce,centerColumns:lt,leadingSpacer:st,trailingSpacer:dt,sort:ft,sortable:g,onSort:va,groupLevels:br,headerFilter:ee,filteredColumns:Oa,onOpenFilter:Ha,filterIconMode:C,checkboxColumn:he,detailColumn:Pe,rowNumberColumn:we,selectAllState:ja,selectAllDisabled:qn===0&&Jn===0,onToggleSelectAll:Za,draggable:x,reorderable:k,onReorder:Ea,resizable:v,onResize:Na,onAutoFit:On,onHeaderContextMenu:E===false?void 0:di}),p&&jsx(ko,{bandOffset:bt*St,stickyInsets:Mt,layout:ce,centerColumns:lt,leadingSpacer:st,trailingSpacer:dt,values:Ma,checkboxColumn:he,detailColumn:Pe,rowNumberColumn:we,onChange:La,onCommit:Ia,periodSuggestions:Pa,periodListId:`${t.gridId}-filter-periods`}),$t&&jsx(kn,{...Gr,position:"top",bandOffset:bt*St,headerRowsBetween:jn}),D&&D.length>0&&jsx(xn,{gridId:t.gridId,side:"top",rows:D,layout:ce,columnModel:pn,centerColumns:lt,centerIndices:cn,stickyInsets:Mt,leadingSpacer:st,trailingSpacer:dt,checkboxColumn:he,detailColumn:Pe,rowNumberColumn:we,rowHeight:ot,bandOffset:bt*St,headerRowsBetween:jn+($t?1:0),ariaRowBase:Zn}),i.hasStickyGroupHeaders()&&jsx(qr,{controller:i,width:ce.totalWidth,bandOffset:bt*St,headerRowsBetween:jn+($t?1:0),belowPinned:sn>0?sn*ot+1:0,renderRow:(o,c,R)=>jsx(Ht,{gridId:t.gridId,node:o,index:c,layout:ce,columnModel:pn,centerColumns:lt,centerIndices:cn,stickyInsets:Mt,leadingSpacer:st,trailingSpacer:dt,striped:false,selected:false,groupSelection:he&&vt==="multiple"?i.getGroupSelectionState(String(o.key)):void 0,onToggleGroupSelect:yr,groupDisplay:kr,focusedColumnId:null,checkboxColumn:he,rowNumberColumn:we,rowNumber:null,headerRowCount:dn,onToggleGroup:H=>{i.toggleGroup(H),i.scrollToRow(H);},revision:ir,searchNeedle:Dr,summaryDefs:Cr,detailColumn:Pe,height:R,renderCellContent:Ce,getCellClassName:Me})}),jsxs("div",{className:"kanuni-datagrid-rows",style:{position:"relative",height:q.rows.totalHeight},onDragOver:Tt.bodyHandlers?.onDragOver,onDrop:Tt.bodyHandlers?.onDrop,onDragLeave:Tt.bodyHandlers?.onDragLeave,children:[jsx("div",{className:"kanuni-datagrid-viewport",style:{transform:`translateY(${q.rows.offsetY}px)`},children:gi.map((o,c)=>o?jsx(Ht,{gridId:t.gridId,node:o,index:Pt+c,layout:ce,columnModel:pn,centerColumns:lt,centerIndices:cn,stickyInsets:Mt,leadingSpacer:st,trailingSpacer:dt,striped:m,selected:i.isRowSelected(o.key),ariaSelectable:vt!=="none",selectable:he&&o.kind==="data"?i.isRowSelectable(o.key):true,groupSelection:o.kind==="group"&&he&&vt==="multiple"?i.getGroupSelectionState(String(o.key)):void 0,onToggleGroupSelect:yr,groupDisplay:kr,focusedColumnId:Nt?.rowKey===o.key?Nt.columnId:null,rowFocused:te&&Nt?.rowKey===o.key,rowDrag:Tt.handlers,dropSide:Tt.dropAt?.key===o.key?Tt.dropAt.side:null,renderRow:d,checkboxColumn:he,rowNumberColumn:we,getSpan:hi?wi:void 0,getNote:Te?tn:void 0,rowNumber:we?Ar(Pt+c,fi,ri):null,headerRowCount:dn,onRowClick:Wa,onRowMouseDown:vt==="none"?void 0:Fa,onRowDoubleClick:Ua,onToggleSelect:Ka,onCellMouseDown:Ba,onRowContextMenu:Va,onToggleGroup:ni,onToggleTreeRow:ii,revision:ir,searchNeedle:Dr,summaryDefs:Cr,detailColumn:Pe,detailExpanded:Pe&&i.isDetailExpanded(o.key),onToggleDetail:ai,renderDetail:Ke,renderEditForm:ue,height:mi(Pt+c),renderCellContent:Ce,getCellClassName:Me,onCellPointerDown:Xe,onCellPointerEnter:Fe,onCellDoubleClick:Be},String(o.key)):(()=>{let R=Pt+c,H=i.isRowLoadFailed(R);return jsx("div",{className:`kanuni-datagrid-row kanuni-datagrid-row--loading${H?" kanuni-datagrid-row--load-failed":""}`,role:"row","aria-rowindex":R+1+dn,"aria-busy":H?void 0:"true",children:jsx("div",{className:"kanuni-datagrid-cell kanuni-datagrid-loading-cell",role:"gridcell","aria-colindex":1,children:H?jsxs(Fragment,{children:[jsx("span",{className:"kanuni-datagrid-load-failed-text",children:e.rowsLoadFailed}),jsx("button",{type:"button",className:"kanuni-datagrid-retry-button","data-retry-load":"",onClick:()=>i.retryFailedLoads(),children:e.retryLoad})]}):jsx("span",{className:"kanuni-datagrid-loading-bar"})})},`__loading-${R}`)})())}),tt?.()]}),X&&X.length>0&&jsx(xn,{gridId:t.gridId,side:"bottom",rows:X,layout:ce,columnModel:pn,centerColumns:lt,centerIndices:cn,stickyInsets:Mt,leadingSpacer:st,trailingSpacer:dt,checkboxColumn:he,detailColumn:Pe,rowNumberColumn:we,rowHeight:ot,headerRowsBetween:Et&&!$t?1:0,ariaRowBase:dn+We}),Et&&!$t&&jsx(kn,{...Gr,position:"bottom"})]})}),(An==="noRows"||An===null&&We===0)&&jsx("div",{className:"kanuni-datagrid-empty",children:f??e.noData}),F&&jsx(Bo,{controller:i,alwaysVisible:F==="always",onOpenBuilder:h,describeOptions:$}),P!==false&&jsx(Yo,{controller:i,delay:typeof P=="number"?P:void 0,forced:An==="loading"}),i.isPaginated()&&jsx(Fo,{page:i.getPage(),pageCount:i.getPageCount(),pageSize:i.getPageSize(),pageSizes:ae.pagination?.pageSizes,pageButtons:ae.pagination?.pageButtons,maxPageButtons:ae.pagination?.maxPageButtons,totalRows:We,onPage:o=>i.setPage(o),onNext:()=>i.nextPage(),onPrevious:()=>i.previousPage(),onPageSize:o=>i.setPageSize(o)}),M&&jsx("div",{className:"kanuni-datagrid-sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:ci}),_t&&jsx(Vo,{anchor:_t.anchor,value:_t.text,dark:l,onCommit:$a,onCancel:()=>Wn(null)}),Dt&&jsx(Gn,{x:Dt.x,y:Dt.y,items:Dt.items,context:Dt.context,dark:l,onClose:_a}),an&&jsx(Ve,{dark:l,children:jsx("button",{type:"button",role:"alert",className:"kanuni-datagrid-toolbar-error kanuni-datagrid-menu-error",style:{left:an.x,top:an.y},onClick:()=>Un(null),children:an.message})}),wt&&jsx(Gn,{x:wt.x,y:wt.y,items:wt.items,context:wt.context,dark:l,label:`${wt.context.headerName} column`,onClose:()=>zn(null)}),ar&&jsx(jo,{state:ar,dark:l}),hr&&jsx(Oo,{controller:i,columns:i.getColumnStates(),anchor:hr,dark:l,onClose:()=>Yn(null)}),fe&&jsx(Lo,{gridId:t.gridId,columnId:fe.columnId,headerLabel:fe.label,entries:fe.entries,initialSelected:fe.selected,anchor:fe.anchor,loading:fe.loading,truncated:fe.truncated,onSearch:fe.capped&&!i.isRemote()?o=>{let{entries:c,truncated:R}=i.searchDistinctValues(fe.columnId,o);ht(H=>H&&H.columnId===fe.columnId?{...H,entries:c,truncated:R}:H);}:void 0,dark:l,onApply:Aa,onClose:()=>ht(null)},`${fe.columnId}:${fe.loading?"loading":"ready"}`)]})}function qs({defs:t,values:e,columnModel:n,rowCount:r,rowCountLabel:l}){let a=ne(),s=summaryTypeLabels(a);return t.length===0&&r===void 0?null:jsxs("div",{className:"kanuni-datagrid-summary-bar",role:"status","aria-label":a.summaryAria,children:[r!==void 0&&jsxs("span",{className:"kanuni-datagrid-summary-item",children:[jsx("strong",{children:r.toLocaleString()})," ",l??a.summaryRows]}),t.map(m=>{let f=e[summaryKey(m.columnId,m.type)],g=n.getDef(m.columnId),p=formatSummaryValue(m,f,g);return jsxs("span",{className:"kanuni-datagrid-summary-item",children:[jsxs("span",{className:"kanuni-datagrid-summary-label",children:[summaryLabel(m,s)," ",g?.headerName??m.columnId,":"]}),jsx("strong",{children:p})]},summaryKey(m.columnId,m.type))})]})}var Js=memo(qs);function ed(t,e){return rr(t,e,e?.source,(n,r)=>n.computeChartData(r))}function td(t,e){return rr(t,e,e?.source,(n,r)=>n.computeChartXYData(r))}function nd(t,e){return rr(t,e,e?.source,(n,r)=>n.computeChartBoxData(r))}function rr(t,e,n,r){let[l,a]=useState(null);return useEffect(()=>{if(!t||!e){a(null);return}let s=n??"view",m=chartNeedsOrder(e),f=false,g=0,p=false,y=false,C=null,k=()=>{let M=++g;r(t,e).then(x=>{!f&&M===g&&a(x);},()=>{});},v=(M=false)=>{y||=M,!p&&(p=true,queueMicrotask(()=>{if(p=false,f)return;let x=t.chartBasis(s,m);!y&&x===C||(y=false,C=x,k());}));};C=t.chartBasis(s,m),k();let P=[t.events.on("contentReady",()=>v()),t.events.on("rowsChanged",()=>v()),t.events.on("dataUpdated",()=>v()),...s==="selection"?[t.events.on("selectionChanged",()=>v(true))]:[]];return ()=>{f=true,g++,P.forEach(M=>M());}},[t,e]),l}export{At as BAND_ROW_HEIGHT,ha as DEFAULT_HEADER_MENU_LABELS,Vs as DataGrid,Oo as GridColumnChooser,Gn as GridContextMenu,Bo as GridFilterPanel,ko as GridFilterRow,kn as GridFooterRow,Ho as GridGroupPanel,Ro as GridHeader,bo as GridHeaderBands,Lo as GridHeaderFilterPopup,Yo as GridLoadingOverlay,Vo as GridNoteEditor,Fo as GridPager,xn as GridPinnedRows,xt as GridPopupPanel,Ve as GridPortal,Ht as GridRow,Js as GridSummaryBar,So as GridSurfaceProvider,ao as GridTextProvider,Ao as GridToolbar,jo as GridTooltip,to as PRINT_MAX_ROWS,En as ROW_DRAG_MIME,na as SHORTCUT_COPY,is as SHORTCUT_CUT,ls as SHORTCUT_PASTE,Wo as buildCellMenuItems,Qo as buildHeaderMenu,Ft as copyToClipboard,Nn as headerMenuLabels,Sn as measureBestFitWidth,Co as reconcileFilterInputs,Yt as runGridExport,ro as useAlignedGrids,Ut as useAnchoredPopup,Zo as useCellTooltip,eo as useDataGrid,nd as useGridChartBoxData,ed as useGridChartData,td as useGridChartXYData,Eo as useGridSurfaceClass,ne as useGridText,no as usePrintLayout,Jo as useRowDrag,Xo as useStateStoring,oa as writeClipboardText};
|