@progress/kendo-react-grid 15.2.0-develop.8 → 16.0.0-develop.1

package/GridComponent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ia=require("react"),u=require("@progress/kendo-react-common"),N=require("@progress/kendo-react-data-tools"),ra=require("./cells/hierarchycell/GridHierarchyCell.js"),oa=require("./header/Header.js"),da=require("./header/HeaderRow.js"),sa=require("./header/FilterRow.js"),ua=require("./header/GroupPanel.js"),ca=require("./footer/Footer.js"),m=require("./utils/index.js"),mt=require("./utils/dataProcessing.js"),gt=require("@progress/kendo-data-query"),ma=require("./cells/groupcell/GridGroupCell.js"),bt=require("./header/GridHeaderGroupSpacerCell.js"),ga=require("./header/GridHeaderSelectionCell.js"),ft=require("./components/noRecords/GridNoRecords.js"),Ct=require("./filterCommon.js"),ba=require("./footer/FooterRow.js"),fa=require("./paging/GridPagerSettings.js"),Re=require("./package-metadata.js"),Ca=require("./cells/detailcell/GridDetailCell.js"),ht=require("./components/noRecords/GridNoRecordsContainer.js"),wt=require("./GridClientWrapper.js"),ha=require("./components/colGroup/GridColGroup.js"),wa=require("./components/table/GridTable.js"),Gt=require("./components/GridDropClue.js"),Rt=require("./components/GridDragClue.js"),yt=require("./components/table/GridTableBody.js"),Ga=require("./components/PagerContainer.js"),Ra=require("./components/table/GridTableScrollable.js"),St=require("./components/GridElementContainer.js"),ya=require("./components/GridContainerElementContainer.js"),Sa=require("./components/VirtualScrollHeightContainer.js"),Ea=require("./components/VirtualScrollOverlay.js"),D=require("./messages/index.js"),va=require("./components/GridDraggableRowsContainer.js"),ka=require("./cells/rowreordercell/GridRowReorderCell.js"),Na=require("./header/client/GridHeaderRowReorderCell.js"),Et=require("./components/GridLoader.js"),qa=require("./utils/premium.js"),vt=require("@progress/kendo-react-intl"),xa=require("./utils/virtualColumns.js"),Ha=require("./components/GridEditDialog.js"),Ia=require("./cells/selectioncell/GridSelectionCellServer.js"),Ta=require("./cells/selectioncell/GridSelectionCell.js"),Da=require("./cells/hierarchycell/GridHierarchyCellServer.js"),Pa=require("./cells/rowreordercell/GridRowReorderCellServer.js"),Ma=require("./cells/detailcell/GridDetailCellServer.js"),Wa=require("./cells/groupcell/GridGroupCellServer.js"),Ba=require("./cells/pincell/GridPinCell.js"),La=require("./cells/pincell/GridPinCellServer.js"),za=require("./header/client/GridHeaderPinCell.js"),Fa=require("./stacked/StackedModeComponents.js"),Ka=require("./rows/GridRowRenderer.js"),Oa=require("./rows/GridDetailRowRenderer.js"),kt=require("./components/StickyGroupTable.js"),Nt=require("./components/PinnedRowsTable.js"),Aa=require("./getRowContents.js");function ja(e){const Z=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const R in e)if(R!=="default"){const q=Object.getOwnPropertyDescriptor(e,R);Object.defineProperty(Z,R,q.get?q:{enumerable:!0,get:()=>e[R]})}}return Z.default=e,Object.freeze(Z)}const l=ja(ia),qt=l.forwardRef((e,Z)=>{var Ue,Ye,Je,Xe,pe,et,tt,at,lt,nt,it,rt,ot,dt,st,ut;const R=e.id+"-role-element-id",q=e.navigatable?R:"";let y=e.columnsState||[];const xt=(t,i,r,o,a,d,c)=>{const f=[],I=m.flatData(f,t,i,{index:r},o!==void 0,a,d,_t.defaultExpand,c);return{flattedData:f,resolvedGroupsCount:I}},Ht=t=>{const i=t.filter(r=>r&&r.type&&r.type.displayName==="KendoReactGridColumn");return m.readColumns(i,y,{prevId:0,idPrefix:q})},It=()=>{const t=[],i=(r,o)=>r==null?void 0:r.forEach(a=>{const d=a.hidden||o;t.push({...a,hidden:d}),i(a.children,d)});return i(y,!1),t},Tt=t=>{const i=It();return[t.filter(r=>{var o;return!r.hidden&&!((o=i.find(a=>a.id===r.id))!=null&&o.hidden)}),t.filter(r=>{var o;return r.hidden||((o=i.find(a=>a.id===r.id))==null?void 0:o.hidden)})]},Dt=(t,i)=>{g=Ht(t),g.filter(a=>!a.hidden).length===0&&(g=m.autoGenerateColumns(H,e.group,{column:W.column},{prevId:0,idPrefix:q})),Mt(g,i);const[r,o]=Tt(g);g=r,ee=o,ae=m.mapColumns(g,y,!0),te=g.map(m.clientColumn)},Pt=(t,i)=>{const r=o=>{var d;const a=i.find(c=>c.id===o.id);if(a){const c={...a};return c.children=(d=o.children)==null?void 0:d.map(r),c}return m.getColumnState(o)};y=t.filter(o=>o.parentIndex===-1).map(r)},Mt=(t,i)=>{var se,p,B,ue;if(typeof e.groupable=="object"&&e.groupable.hideGroupedColumns===!0&&(h==="singleColumn"||h==="multipleColumns")){const n=new Set((e.group||[]).map(C=>C.field));t.filter(C=>C.field!==void 0&&n.has(C.field)).forEach(C=>{C.hidden=!0})}t.filter(n=>n.columnType==="checkbox").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?Ta.GridSelectionCell:Ia.GridSelectionCellServer,n.defaultHeaderCell=ga.GridHeaderSelectionCell,n._type="edit",n.sortable=!1,n.filterable=!1,n.editable=!1}),F!==void 0&&t.filter(n=>n.columnType==="reorder").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?ka.GridRowReorderCell:Pa.GridRowReorderCellServer,n.defaultHeaderCell=Na.GridHeaderRowReorderCell,n.sortable=!1,n.filterable=!1,n.editable=!1}),e.pinnable&&t.filter(n=>n.columnType==="pin").forEach(n=>{n.width=n.width||"48px",n.defaultCell=e.isClient?Ba.GridPinCell:La.GridPinCellServer,n.defaultHeaderCell=za.GridHeaderPinCell,n.sortable=!1,n.filterable=!1,n.editable=!1});const o=m.getFlatColumnsState(y);Pt(t,o);const a={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let d=0;if(W.enabled&&e.detail){const n={...a,_type:"expand",id:N.tableKeyboardNavigationTools.generateNavigatableId(`${d++}`,"expand","column"),defaultCell:e.isClient?ra.GridHierarchyCell:Da.GridHierarchyCellServer,field:W.column,headerClassName:u.classNames(b.hierarchyCell({}))};t.unshift(n),y.unshift(o.find(C=>C.id===n.id)||m.getColumnState(n))}const c=h==="compact",f=h==="singleColumn",I=h==="multipleColumns",j=c||f?Math.min(i,1):i,_=(n,C)=>{var k,s,$,ce;if(n==="singleColumn")return L.toLanguageString(D.groupColumnTitle,D.messages[D.groupColumnTitle]);if(n!=="multipleColumns")return a.title;const V=(s=(k=e.group)==null?void 0:k[C])==null?void 0:s.field,T=t.find(ct=>ct.field===V&&ct.declarationIndex>=0);return(ce=($=T==null?void 0:T.title)!=null?$:V)!=null?ce:a.title},v=typeof e.groupable=="object"?e.groupable.groupColumn:void 0;for(let n=j-1;n>=0;n--){const C=f||I;let V=a.width;c?V="0px":C&&(V=void 0);const T=(se=e.group)==null?void 0:se[n];let k;v!==void 0&&(typeof v=="function"?T!==void 0&&(k=v(T)):k=v);const s=C?k:void 0,$={...a,isAccessible:C,isGroupColumn:C,defaultCell:e.isClient?ma.GridGroupCell:Wa.GridGroupCellServer,defaultHeaderCell:C?void 0:bt.GridHeaderGroupSpacerCell,id:N.tableKeyboardNavigationTools.generateNavigatableId(`${d++}`,"group","column"),field:"value",groupField:T==null?void 0:T.field,title:(p=s==null?void 0:s.title)!=null?p:_(h,n),width:(B=s==null?void 0:s.width)!=null?B:V,locked:(ue=s==null?void 0:s.locked)!=null?ue:e.lockGroups,sortable:!1,filterable:!1,editable:!1,groupable:!1,...(s==null?void 0:s.resizable)!==void 0&&{resizable:s.resizable},...(s==null?void 0:s.reorderable)!==void 0&&{reorderable:s.reorderable},...(s==null?void 0:s.minWidth)!==void 0&&{minWidth:s.minWidth},...(s==null?void 0:s.maxWidth)!==void 0&&{maxWidth:s.maxWidth},...f?{disableColumnMenu:!0}:(s==null?void 0:s.columnMenu)!==void 0&&{columnMenu:s.columnMenu},...(k==null?void 0:k.cells)!==void 0&&{cells:{group:{groupHeader:k.cells.groupHeader,groupFooter:k.cells.groupFooter}}}};t.unshift($),y.unshift(o.find(ce=>ce.id===$.id)||m.getColumnState($))}t.slice(d).forEach(n=>{n.parentIndex>=0&&(n.parentIndex+=d),n.rowSpannable=n.rowSpannable!==void 0?m.getRowSpanOptions(n.rowSpannable):Ne})},ye=()=>e.isClient?g:te,Se=t=>{const i=[];let r=null,o=0;if(x.forEach((a,d)=>{const c=parseFloat(((a==null?void 0:a.width)||"").toString());let f=Number.isNaN(c)?10:c;if(typeof(a==null?void 0:a.width)=="number"&&(a!=null&&a.minResizableWidth)&&(a==null?void 0:a.width)<(a==null?void 0:a.minResizableWidth)&&(f=a==null?void 0:a.minResizableWidth),typeof(a==null?void 0:a.width)=="number"&&(a!=null&&a.minWidth)&&(a==null?void 0:a.width)<(a==null?void 0:a.minWidth)?f=a==null?void 0:a.minWidth:typeof(a==null?void 0:a.width)=="number"&&(a!=null&&a.maxWidth)&&(a==null?void 0:a.width)>(a==null?void 0:a.maxWidth)&&(f=a==null?void 0:a.maxWidth),o){o--,r&&(r.width+=f);return}const I=Math.min(m.getColSpan(a,t),x.length-d);o=I-1,r={width:f,colSpan:I,columnIndex:d},i.push(r)}),e.columnVirtualization){const a=Bt.current||0,d=Lt.current||parseFloat(((e.style||{}).width||"").toString());return xa.getVirtualCellsToRender({cellModels:i,columns:x,tableViewPortWidth:d,scrollLeft:a})}return i},Wt=()=>{const{pageable:t,take:i,pageSize:r}=e;if(!S)return 0;if(!t){if(i)return i;if(r)return r}const o=e.rowHeight||Ft.current,a=zt.current;return a&&o?Math.ceil(a/o*1.5):0};let w=[],me,g=[],ee=[],te=[],ae=[[]];const Bt=e.scrollLeftRef||{current:0},Lt=e.widthRef||{current:0},zt=e.containerHeightRef||{current:0},Ft=e.minRowHeightRef||{current:0},L=e.localization||new vt.LocalizationService(e.language),Kt=e.intl||new vt.IntlService((Ue=e.locale)!=null?Ue:"en"),z=e.unstyled,b=z&&z.uGrid?z.uGrid:u.uGrid,F=m.isRowReorderEnabled(e.rowReorderable),Q=typeof e.scrollable=="object"?e.scrollable.mode:e.scrollable,ge=typeof e.scrollable=="object"&&e.scrollable.scrollbar==="proxied",S=Q==="virtual"||Q===void 0&&e.isClient&&u.hasValidLicense(Re.packageMetadata)||!1,E=e.dataLayoutMode==="stacked",h=typeof e.groupable=="object"&&e.groupable.displayMode||"default",M=h==="compact"?0:((Ye=e.group)==null?void 0:Ye.length)||0,Ee=u.getLicenseMessage(Re.packageMetadata),K=mt.normalizeAutoProcessData(e.autoProcessData);let H,P;if(Array.isArray(e.data)?(H=e.data,P=(Je=e.total)!=null?Je:H.length):(H=((Xe=e.data)==null?void 0:Xe.data)||[],P=(tt=(et=e.total)!=null?et:(pe=e.data)==null?void 0:pe.total)!=null?tt:H.length),K){const t=mt.processData(H,{autoProcessData:K,group:e.group,sort:e.sort,filter:e.filter,search:e.search,pageable:e.pageable,take:e.take,skip:e.skip,total:e.total,isVirtualScroll:S,includePaging:!0});H=t.data,P=t.total}const le=H.length===P,{size:G}=e,Ot=typeof e.groupable=="object"&&e.groupable.footer||"none",At=typeof e.groupable=="object"&&!!e.groupable.stickyHeaders,jt=typeof e.groupable=="object"&&!!e.groupable.stickyFooters,ne=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,W=N.getDetailExpandableOptions(!!e.detail),_t=N.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),ie=!!((at=e.group)!=null&&at.length),{resolvedGroupsCount:Vt,flattedData:$t}=xt(H,Ot,le?0:e.skip||0,e.group,e.detailExpand,e.groupExpand,e.dataItemKey);w=$t;const be=Wt(),re=((lt=e.virtualSkipRef)==null?void 0:lt.current)||0;let ve=P;if(S){let t=e.skip||0;if((ie||e.pageable)&&(t=re,ve=w.length),le||ie||e.pageable)if(be===0){const i=Math.min(e.take||e.pageSize||20,w.length);me=w.slice(t,t+i)}else me=w.slice(t,t+be)}const ke=N.getSelectionOptions(e.selectable),Ne=m.getRowSpanOptions(e.rowSpannable),Zt=ke&&ke.drag?"none":void 0,oe=l.useMemo(()=>l.Children.toArray(e.children),[e.children]),Qt=Math.max(Vt,(it=(nt=e.group)==null?void 0:nt.length)!=null?it:0);Dt(oe,Qt);const fe=l.useMemo(()=>{const t=qa.gridPremiumFeatures(e,g);return{premium:t.length>0,features:t}},[e,g]),qe=l.useMemo(()=>fe.premium?!u.validatePackage(Re.packageMetadata,{component:"Grid",features:fe.features}):!1,[fe.premium]),xe=oe.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?l.cloneElement(t,{...t.props,_ariaControls:R,ariaLabel:"Top toolbar"}):null),de=oe.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),He=oe.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),x=g.filter(t=>t.children.length===0),U=h==="compact",Ie=t=>U&&t.children.length===0&&t.defaultHeaderCell===bt.GridHeaderGroupSpacerCell,Y=U?g.filter(t=>!Ie(t)):g,Ut=U?te.filter(t=>!Ie(t)):te,Te=U?m.mapColumns(Y,y):ae,O=Y.filter(t=>t.children.length===0),Yt=(U||h==="singleColumn"||h==="multipleColumns")&&O.some(t=>t.columnType==="checkbox"),De=ne&&!E&&l.createElement(ua.GroupPanel,{columns:ye(),hiddenColumns:ee,group:e.group||[],ariaControls:R,mode:h}),Pe=E?null:l.createElement(oa.Header,{size:G,staticHeaders:Q!=="none",draggable:e.reorderable||ne,headerRow:l.createElement(da.HeaderRow,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:ne,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Ct.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:Y,columnsMap:Te,navigatable:!!e.navigatable,localization:L,unstyled:z,columnsState:y,headerSelectionValue:!!(e.select&&w.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&u.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[u.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&l.createElement(sa.FilterRow,{cells:e.cells,size:G,columns:Y,filter:e.filter,filterOperators:e.filterOperators||Ct.operators,sort:e.sort,navigatable:!!e.navigatable,ariaRowIndex:Te.length+1,localization:L})||void 0,cols:O.map((t,i)=>l.createElement("col",{key:i.toString(),width:m.getColumnWidth(t)}))}),Me=x.findIndex(t=>typeof t.colSpan=="function")>-1;let We;Me||(We=Se(null));const Ce=((rt=e.editable)==null?void 0:rt.mode)==="dialog",Jt=(ot=e.editable)==null?void 0:ot.enabled,Be=(st=(dt=e.editZoneRef)==null?void 0:dt.current)!=null?st:"body",Xt=Be==="pinned"?void 0:e.edit,Le=Be==="body"?void 0:e.edit,J={leafColumns:x,renderedColumnsCount:O.length,columnsState:y,cellsToRender:We,getCellsToRender:Se,hasDynamicColSpan:Me,idPrefix:q,gridClasses:b,unstyled:z,localization:L,intl:Kt,cells:e.cells,isRowReorderable:F,sort:e.sort,editable:e.editable,isClient:e.isClient,isEditDialog:Ce,dataItemKey:e.dataItemKey,select:e.select,highlight:e.highlight,hiddenColumns:ee,groupingMode:h,hasCheckboxColumn:Yt},pt=0;let he=null;const ze=t=>t>=w.length-pt,we=[],Fe=!w.length,Ke=l.useMemo(()=>{var i;const t=e.pinnedTopRows||[];return K&&((i=e.sort)!=null&&i.length)?gt.orderBy([...t],e.sort):t},[e.pinnedTopRows,e.sort,K]),Oe=l.useMemo(()=>{var i;const t=e.pinnedBottomRows||[];return K&&((i=e.sort)!=null&&i.length)?gt.orderBy([...t],e.sort):t},[e.pinnedBottomRows,e.sort,K]),ea=e.pinnable&&Ke.length>0,ta=e.pinnable&&Oe.length>0;let X=0;const aa=l.useMemo(()=>{const t=new Set;return e.pinnedTopRows&&e.pinnedTopRows.forEach(i=>t.add(i)),e.pinnedBottomRows&&e.pinnedBottomRows.forEach(i=>t.add(i)),t},[e.pinnedTopRows,e.pinnedBottomRows]);if(w.length){const t=ae.length+(e.filterable?1:0)+1;let i=e.skip||0,r=-1,o=0;const a=Ne.enabled?{}:void 0;if(S){if(re>0){const d=w.slice(0,re).filter(c=>c.rowType==="data").length;r+=d,i+=re}!e.pageable&&le&&(r+=e.skip||0)}(me||w).forEach((d,c)=>{var p;d.rowType==="data"&&r++;const f=d.dataIndex%2!==0,I=e.dataItemKey&&u.getter(e.dataItemKey)(d.dataItem),j=c+i,_=I||"ai"+j,v=Aa.getRowContents(J,Xt,d,_,r,f,a),se=d.rowType==="data"?aa.has(d.dataItem):!1;if(X=j+t+o,Ce&&Jt&&v.isInEdit&&(he=d.dataItem),we.push(l.createElement(Ka.GridRowRenderer,{key:_,isStackedMode:E,item:d,rowId:_,dataIndex:r,idPrefix:q,ariaRowIndex:X,absoluteRowIndex:j,isAltRow:f,isHidden:ze(c),isRowReorderable:F,rowHeight:e.rowHeight,rows:e.rows,leafColumns:x,groupLevelCount:M,groupingMode:h,stackedLayoutSettings:e.stackedLayoutSettings,cells:e.cells,editMode:(p=e.editable)==null?void 0:p.mode,isSelected:v.isSelected,isHighlighted:v.isHighlighted,isInEdit:v.isInEdit&&!Ce,preparedCells:v.row,showDetailToggle:!!e.detail&&!!W.enabled,isDetailExpanded:!!d.expanded,detailExpandField:W.column,isPinned:se})),e.detail&&d.rowType==="data"&&d.expanded){o++;const B=_+"_1";X=j+t+o;const ue=e.isClient?Ca.GridDetailCell:Ma.GridDetailCellServer;we.push(l.createElement(Oa.GridDetailRowRenderer,{key:B,isStackedMode:E,detailRowId:B,isHidden:ze(c),detailRowHeight:e.detailRowHeight,ariaRowIndex:X,item:d,groupLevelCount:M,groupDescriptors:e.group,lockGroups:e.lockGroups,cells:e.cells,leafColumns:x,detailExpandableEnabled:!!W.enabled,preparedCells:v.row,DetailCell:ue,detail:e.detail,detailCellId:N.tableKeyboardNavigationTools.generateNavigatableId(`${B}-dcell`,q),detailHierarchyCellId:W.enabled?N.tableKeyboardNavigationTools.generateNavigatableId(`${B}-dhcell`,q):void 0,detailTrClassName:u.classNames(b.detailTr({isAlt:f})),unstyled:z}))}})}const Ae={size:G,total:P,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...fa.normalize(e.pageable||{})},je=l.createElement(Ga.PagerContainer,null,e.pager?l.createElement(e.pager,{...Ae}):l.createElement(N.Pager,{className:u.classNames(b.pager({})),...Ae})),la=(t,i)=>l.createElement("col",{key:i.toString(),width:m.getColumnWidth(t)}),_e=(ut=e.cells)!=null&&ut.footerCell||g.some(t=>{var i;return!!((i=t.cells)!=null&&i.footerCell)})?l.createElement(ca.Footer,{size:G,staticHeaders:Q!=="none",row:l.createElement(ba.FooterRow,{cells:e.cells,idPrefix:q,columns:g,ariaRowIndex:X+1}),cols:x.map(la)}):null,A=E?l.createElement(Fa.StackedModeColGroup,{groupLevelCount:M}):l.createElement(ha.GridColGroup,null,O.map((t,i)=>l.createElement("col",{key:i.toString(),className:m.isSorted(t.field,e.sort)?u.classNames(b.sorted({})):void 0,width:m.getColumnWidth(t)}))),Ve=e.reorderable||ne,{detail:$a,cells:Za,rows:Qa,...na}=e,$e=l.createElement("tbody",{role:"rowgroup",className:u.classNames(b.tbody({})),...N.tableKeyboardNavigationBodyAttributes},we),Ze=he?l.createElement(Ha.GridEditDialog,{columns:x,customEditDialog:e.editDialog,dataItem:he}):null;let Ge=$e;F&&(Ge=l.createElement(va.GridReorderableRowsContainer,{unstyled:b,columns:g,rowReorderSettings:e.rowReorderable},$e));const Qe={gridRef:Z,innerGrid:e.innerGrid,gridProps:na,columnsRef:ye(),renderedColumnsRef:e.isClient?Y:Ut,hiddenColumnsRef:ee,columnsMapRef:ae,columnsState:y,dataRef:w,id:R,virtualTotal:ve,isAllData:le,virtualPageSize:be,isVirtualScroll:S,detailExpandable:!!e.detail};return Q==="none"?l.createElement(wt.GridClientWrapper,{...Qe},l.createElement(St.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:u.classNames(b.wrapper({size:G,isStackedMode:E}),e.className),...N.tableKeyboardNavigationScopeAttributes},xe,De,l.createElement("div",{className:u.classNames(b.ariaRoot({})),role:"grid","aria-colcount":x.length,"aria-rowcount":P,id:R,"aria-label":L.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},l.createElement(wa.GridTable,{selectable:e.selectable,tableClassName:u.classNames(b.table({size:G}))},A,Pe,l.createElement(yt.GridTableBody,{rowReorderable:F},Ge),_e)),Fe&&l.createElement(ht.GridNoRecordsContainer,null,de.length?de:l.createElement(ft.GridNoRecords,null)),Ve&&l.createElement(l.Fragment,null,l.createElement(Gt.GridDropClue,null),l.createElement(Rt.GridDragClue,null)))),He,e.pageable&&je,l.createElement(Et.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ze,qe&&l.createElement(u.WatermarkOverlay,{message:Ee})):l.createElement(wt.GridClientWrapper,{...Qe},l.createElement(St.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:u.classNames(b.wrapper({size:G,virtual:S,isStackedMode:E}),e.className),...N.tableKeyboardNavigationScopeAttributes},xe,De,l.createElement("div",{className:u.classNames(b.ariaRoot({})),role:"grid","aria-colcount":O.length,"aria-rowcount":P,id:R,"aria-label":L.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},Pe,e.isClient&&ea&&l.createElement(Nt.PinnedRowsTable,{size:G,colGroups:A,dataRowContext:J,edit:Le,position:"top",pinnedItems:Ke,isStackedMode:E,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),l.createElement("div",{className:u.classNames(b.container({})),role:"presentation"},e.isClient&&ie&&At&&l.createElement(kt.StickyGroupTable,{size:G,colGroups:A,dataRowContext:J,position:"top",isStackedMode:E,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows}),l.createElement(ya.GridContainerElementContainer,null,l.createElement("div",{className:u.classNames(b.content({}),S&&ge&&"k-grid-content--hide-scrollbar"),style:{...S&&ge&&{overflowY:"scroll",scrollbarWidth:"none"}},role:"presentation"},l.createElement("div",{className:u.classNames(b.tableWrap({})),role:"presentation"},l.createElement(Ra.GridTableScrollable,{selectable:e.selectable,tableClassName:u.classNames(b.table({size:G})),tableStyle:{userSelect:Zt}},A,l.createElement(yt.GridTableBody,{rowReorderable:F},Ge)),Fe&&l.createElement(ht.GridNoRecordsContainer,null,de.length?de:l.createElement(ft.GridNoRecords,null))),S&&l.createElement("div",{className:u.classNames(b.heightContainer({})),"aria-colcount":O.length,role:"presentation"},l.createElement(Sa.VirtualScrollHeightContainer,{isVirtualScroll:S})))),e.isClient&&S&&ge&&l.createElement(Ea.VirtualScrollOverlay,null),e.isClient&&ie&&jt&&l.createElement(kt.StickyGroupTable,{size:G,colGroups:A,dataRowContext:J,position:"bottom",isStackedMode:E,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows})),e.isClient&&ta&&l.createElement(Nt.PinnedRowsTable,{size:G,colGroups:A,dataRowContext:J,edit:Le,position:"bottom",pinnedItems:Oe,isStackedMode:E,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),_e,Ve&&l.createElement(l.Fragment,null,l.createElement(Gt.GridDropClue,null),l.createElement(Rt.GridDragClue,null)),qe&&l.createElement(u.WatermarkOverlay,{message:Ee})),He,e.pageable&&je,l.createElement(Et.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ze)))});qt.displayName="KendoReactGridComponent";exports.GridComponent=qt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ia=require("react"),u=require("@progress/kendo-react-common"),N=require("@progress/kendo-react-data-tools"),ra=require("./cells/hierarchycell/GridHierarchyCell.js"),oa=require("./header/Header.js"),da=require("./header/HeaderRow.js"),sa=require("./header/FilterRow.js"),ua=require("./header/GroupPanel.js"),ca=require("./footer/Footer.js"),m=require("./utils/index.js"),mt=require("./utils/dataProcessing.js"),gt=require("@progress/kendo-data-query"),ma=require("./cells/groupcell/GridGroupCell.js"),bt=require("./header/GridHeaderGroupSpacerCell.js"),ga=require("./header/GridHeaderSelectionCell.js"),ft=require("./components/noRecords/GridNoRecords.js"),Ct=require("./filterCommon.js"),ba=require("./footer/FooterRow.js"),fa=require("./paging/GridPagerSettings.js"),Re=require("./package-metadata.js"),Ca=require("./cells/detailcell/GridDetailCell.js"),ht=require("./components/noRecords/GridNoRecordsContainer.js"),wt=require("./GridClientWrapper.js"),ha=require("./components/colGroup/GridColGroup.js"),wa=require("./components/table/GridTable.js"),Gt=require("./components/GridDropClue.js"),Rt=require("./components/GridDragClue.js"),yt=require("./components/table/GridTableBody.js"),Ga=require("./components/PagerContainer.js"),Ra=require("./components/table/GridTableScrollable.js"),St=require("./components/GridElementContainer.js"),ya=require("./components/GridContainerElementContainer.js"),Sa=require("./components/VirtualScrollHeightContainer.js"),Ea=require("./components/VirtualScrollOverlay.js"),D=require("./messages/index.js"),va=require("./components/GridDraggableRowsContainer.js"),ka=require("./cells/rowreordercell/GridRowReorderCell.js"),Na=require("./header/client/GridHeaderRowReorderCell.js"),Et=require("./components/GridLoader.js"),qa=require("./utils/premium.js"),vt=require("@progress/kendo-react-intl"),xa=require("./utils/virtualColumns.js"),Ha=require("./components/GridEditDialog.js"),Ia=require("./cells/selectioncell/GridSelectionCellServer.js"),Ta=require("./cells/selectioncell/GridSelectionCell.js"),Da=require("./cells/hierarchycell/GridHierarchyCellServer.js"),Pa=require("./cells/rowreordercell/GridRowReorderCellServer.js"),Ma=require("./cells/detailcell/GridDetailCellServer.js"),Wa=require("./cells/groupcell/GridGroupCellServer.js"),Ba=require("./cells/pincell/GridPinCell.js"),La=require("./cells/pincell/GridPinCellServer.js"),za=require("./header/client/GridHeaderPinCell.js"),Fa=require("./stacked/StackedModeComponents.js"),Ka=require("./rows/GridRowRenderer.js"),Oa=require("./rows/GridDetailRowRenderer.js"),kt=require("./components/StickyGroupTable.js"),Nt=require("./components/PinnedRowsTable.js"),Aa=require("./getRowContents.js");function ja(e){const Z=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const G in e)if(G!=="default"){const q=Object.getOwnPropertyDescriptor(e,G);Object.defineProperty(Z,G,q.get?q:{enumerable:!0,get:()=>e[G]})}}return Z.default=e,Object.freeze(Z)}const l=ja(ia),qt=l.forwardRef((e,Z)=>{var Ue,Ye,Je,Xe,pe,et,tt,at,lt,nt,it,rt,ot,dt,st,ut;const G=e.id+"-role-element-id",q=e.navigatable?G:"";let R=e.columnsState||[];const xt=(t,i,r,o,a,d,c)=>{const f=[],I=m.flatData(f,t,i,{index:r},o!==void 0,a,d,_t.defaultExpand,c);return{flattedData:f,resolvedGroupsCount:I}},Ht=t=>{const i=t.filter(r=>r&&r.type&&r.type.displayName==="KendoReactGridColumn");return m.readColumns(i,R,{prevId:0,idPrefix:q})},It=()=>{const t=[],i=(r,o)=>r==null?void 0:r.forEach(a=>{const d=a.hidden||o;t.push({...a,hidden:d}),i(a.children,d)});return i(R,!1),t},Tt=t=>{const i=It();return[t.filter(r=>{var o;return!r.hidden&&!((o=i.find(a=>a.id===r.id))!=null&&o.hidden)}),t.filter(r=>{var o;return r.hidden||((o=i.find(a=>a.id===r.id))==null?void 0:o.hidden)})]},Dt=(t,i)=>{g=Ht(t),g.filter(a=>!a.hidden).length===0&&(g=m.autoGenerateColumns(H,e.group,{column:W.column},{prevId:0,idPrefix:q})),Mt(g,i);const[r,o]=Tt(g);g=r,ee=o,ae=m.mapColumns(g,R,!0),te=g.map(m.clientColumn)},Pt=(t,i)=>{const r=o=>{var d;const a=i.find(c=>c.id===o.id);if(a){const c={...a};return c.children=(d=o.children)==null?void 0:d.map(r),c}return m.getColumnState(o)};R=t.filter(o=>o.parentIndex===-1).map(r)},Mt=(t,i)=>{var se,p,B,ue;if(typeof e.groupable=="object"&&e.groupable.hideGroupedColumns===!0){const n=new Set((e.group||[]).map(C=>C.field));t.filter(C=>C.field!==void 0&&n.has(C.field)).forEach(C=>{C.hidden=!0})}t.filter(n=>n.columnType==="checkbox").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?Ta.GridSelectionCell:Ia.GridSelectionCellServer,n.defaultHeaderCell=ga.GridHeaderSelectionCell,n._type="edit",n.sortable=!1,n.filterable=!1,n.editable=!1}),F!==void 0&&t.filter(n=>n.columnType==="reorder").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?ka.GridRowReorderCell:Pa.GridRowReorderCellServer,n.defaultHeaderCell=Na.GridHeaderRowReorderCell,n.sortable=!1,n.filterable=!1,n.editable=!1}),e.pinnable&&t.filter(n=>n.columnType==="pin").forEach(n=>{n.width=n.width||"48px",n.defaultCell=e.isClient?Ba.GridPinCell:La.GridPinCellServer,n.defaultHeaderCell=za.GridHeaderPinCell,n.sortable=!1,n.filterable=!1,n.editable=!1});const o=m.getFlatColumnsState(R);Pt(t,o);const a={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let d=0;if(W.enabled&&e.detail){const n={...a,_type:"expand",id:N.tableKeyboardNavigationTools.generateNavigatableId(`${d++}`,"expand","column"),defaultCell:e.isClient?ra.GridHierarchyCell:Da.GridHierarchyCellServer,field:W.column,headerClassName:u.classNames(b.hierarchyCell({}))};t.unshift(n),R.unshift(o.find(C=>C.id===n.id)||m.getColumnState(n))}const c=E==="compact",f=E==="singleColumn",I=E==="multipleColumns",j=c||f?Math.min(i,1):i,_=(n,C)=>{var k,s,$,ce;if(n==="singleColumn")return L.toLanguageString(D.groupColumnTitle,D.messages[D.groupColumnTitle]);if(n!=="multipleColumns")return a.title;const V=(s=(k=e.group)==null?void 0:k[C])==null?void 0:s.field,T=t.find(ct=>ct.field===V&&ct.declarationIndex>=0);return(ce=($=T==null?void 0:T.title)!=null?$:V)!=null?ce:a.title},v=typeof e.groupable=="object"?e.groupable.groupColumn:void 0;for(let n=j-1;n>=0;n--){const C=f||I;let V=a.width;c?V="0px":C&&(V=void 0);const T=(se=e.group)==null?void 0:se[n];let k;v!==void 0&&(typeof v=="function"?T!==void 0&&(k=v(T)):k=v);const s=C?k:void 0,$={...a,isAccessible:C,isGroupColumn:C,defaultCell:e.isClient?ma.GridGroupCell:Wa.GridGroupCellServer,defaultHeaderCell:C?void 0:bt.GridHeaderGroupSpacerCell,id:N.tableKeyboardNavigationTools.generateNavigatableId(`${d++}`,"group","column"),field:"value",groupField:T==null?void 0:T.field,title:(p=s==null?void 0:s.title)!=null?p:_(E,n),width:(B=s==null?void 0:s.width)!=null?B:V,locked:(ue=s==null?void 0:s.locked)!=null?ue:e.lockGroups,sortable:!1,filterable:!1,editable:!1,groupable:!1,...(s==null?void 0:s.resizable)!==void 0&&{resizable:s.resizable},...(s==null?void 0:s.reorderable)!==void 0&&{reorderable:s.reorderable},...(s==null?void 0:s.minWidth)!==void 0&&{minWidth:s.minWidth},...(s==null?void 0:s.maxWidth)!==void 0&&{maxWidth:s.maxWidth},...f?{disableColumnMenu:!0}:(s==null?void 0:s.columnMenu)!==void 0&&{columnMenu:s.columnMenu},...(k==null?void 0:k.cells)!==void 0&&{cells:{group:{groupHeader:k.cells.groupHeader,groupFooter:k.cells.groupFooter}}}};t.unshift($),R.unshift(o.find(ce=>ce.id===$.id)||m.getColumnState($))}t.slice(d).forEach(n=>{n.parentIndex>=0&&(n.parentIndex+=d),n.rowSpannable=n.rowSpannable!==void 0?m.getRowSpanOptions(n.rowSpannable):Ne})},ye=()=>e.isClient?g:te,Se=t=>{const i=[];let r=null,o=0;if(x.forEach((a,d)=>{const c=parseFloat(((a==null?void 0:a.width)||"").toString());let f=Number.isNaN(c)?10:c;if(typeof(a==null?void 0:a.width)=="number"&&(a!=null&&a.minResizableWidth)&&(a==null?void 0:a.width)<(a==null?void 0:a.minResizableWidth)&&(f=a==null?void 0:a.minResizableWidth),typeof(a==null?void 0:a.width)=="number"&&(a!=null&&a.minWidth)&&(a==null?void 0:a.width)<(a==null?void 0:a.minWidth)?f=a==null?void 0:a.minWidth:typeof(a==null?void 0:a.width)=="number"&&(a!=null&&a.maxWidth)&&(a==null?void 0:a.width)>(a==null?void 0:a.maxWidth)&&(f=a==null?void 0:a.maxWidth),o){o--,r&&(r.width+=f);return}const I=Math.min(m.getColSpan(a,t),x.length-d);o=I-1,r={width:f,colSpan:I,columnIndex:d},i.push(r)}),e.columnVirtualization){const a=Bt.current||0,d=Lt.current||parseFloat(((e.style||{}).width||"").toString());return xa.getVirtualCellsToRender({cellModels:i,columns:x,tableViewPortWidth:d,scrollLeft:a})}return i},Wt=()=>{const{pageable:t,take:i,pageSize:r}=e;if(!y)return 0;if(!t){if(i)return i;if(r)return r}const o=e.rowHeight||Ft.current,a=zt.current;return a&&o?Math.ceil(a/o*1.5):0};let h=[],me,g=[],ee=[],te=[],ae=[[]];const Bt=e.scrollLeftRef||{current:0},Lt=e.widthRef||{current:0},zt=e.containerHeightRef||{current:0},Ft=e.minRowHeightRef||{current:0},L=e.localization||new vt.LocalizationService(e.language),Kt=e.intl||new vt.IntlService((Ue=e.locale)!=null?Ue:"en"),z=e.unstyled,b=z&&z.uGrid?z.uGrid:u.uGrid,F=m.isRowReorderEnabled(e.rowReorderable),Q=typeof e.scrollable=="object"?e.scrollable.mode:e.scrollable,ge=typeof e.scrollable=="object"&&e.scrollable.scrollbar==="proxied",y=Q==="virtual"||Q===void 0&&e.isClient&&u.hasValidLicense(Re.packageMetadata)||!1,S=e.dataLayoutMode==="stacked",E=typeof e.groupable=="object"&&e.groupable.displayMode||"default",M=E==="compact"?0:((Ye=e.group)==null?void 0:Ye.length)||0,Ee=u.getLicenseMessage(Re.packageMetadata),K=mt.normalizeAutoProcessData(e.autoProcessData);let H,P;if(Array.isArray(e.data)?(H=e.data,P=(Je=e.total)!=null?Je:H.length):(H=((Xe=e.data)==null?void 0:Xe.data)||[],P=(tt=(et=e.total)!=null?et:(pe=e.data)==null?void 0:pe.total)!=null?tt:H.length),K){const t=mt.processData(H,{autoProcessData:K,group:e.group,sort:e.sort,filter:e.filter,search:e.search,pageable:e.pageable,take:e.take,skip:e.skip,total:e.total,isVirtualScroll:y,includePaging:!0});H=t.data,P=t.total}const le=H.length===P,{size:w}=e,Ot=typeof e.groupable=="object"&&e.groupable.footer||"none",At=typeof e.groupable=="object"&&!!e.groupable.stickyHeaders,jt=typeof e.groupable=="object"&&!!e.groupable.stickyFooters,ne=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,W=N.getDetailExpandableOptions(!!e.detail),_t=N.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),ie=!!((at=e.group)!=null&&at.length),{resolvedGroupsCount:Vt,flattedData:$t}=xt(H,Ot,le?0:e.skip||0,e.group,e.detailExpand,e.groupExpand,e.dataItemKey);h=$t;const be=Wt(),re=((lt=e.virtualSkipRef)==null?void 0:lt.current)||0;let ve=P;if(y){let t=e.skip||0;if((ie||e.pageable)&&(t=re,ve=h.length),le||ie||e.pageable)if(be===0){const i=Math.min(e.take||e.pageSize||20,h.length);me=h.slice(t,t+i)}else me=h.slice(t,t+be)}const ke=N.getSelectionOptions(e.selectable),Ne=m.getRowSpanOptions(e.rowSpannable),Zt=ke&&ke.drag?"none":void 0,oe=l.useMemo(()=>l.Children.toArray(e.children),[e.children]),Qt=Math.max(Vt,(it=(nt=e.group)==null?void 0:nt.length)!=null?it:0);Dt(oe,Qt);const fe=l.useMemo(()=>{const t=qa.gridPremiumFeatures(e,g);return{premium:t.length>0,features:t}},[e,g]),qe=l.useMemo(()=>fe.premium?!u.validatePackage(Re.packageMetadata,{component:"Grid",features:fe.features}):!1,[fe.premium]),xe=oe.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?l.cloneElement(t,{...t.props,_ariaControls:G,ariaLabel:"Top toolbar"}):null),de=oe.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),He=oe.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),x=g.filter(t=>t.children.length===0),U=E==="compact",Ie=t=>U&&t.children.length===0&&t.defaultHeaderCell===bt.GridHeaderGroupSpacerCell,Y=U?g.filter(t=>!Ie(t)):g,Ut=U?te.filter(t=>!Ie(t)):te,Te=U?m.mapColumns(Y,R):ae,O=Y.filter(t=>t.children.length===0),Yt=(U||E==="singleColumn"||E==="multipleColumns")&&O.some(t=>t.columnType==="checkbox"),De=ne&&!S&&l.createElement(ua.GroupPanel,{columns:ye(),hiddenColumns:ee,group:e.group||[],ariaControls:G,mode:E}),Pe=S?null:l.createElement(oa.Header,{size:w,staticHeaders:Q!=="none",draggable:e.reorderable||ne,headerRow:l.createElement(da.HeaderRow,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:ne,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Ct.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:Y,columnsMap:Te,navigatable:!!e.navigatable,localization:L,unstyled:z,columnsState:R,headerSelectionValue:!!(e.select&&h.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&u.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[u.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&l.createElement(sa.FilterRow,{cells:e.cells,size:w,columns:Y,filter:e.filter,filterOperators:e.filterOperators||Ct.operators,sort:e.sort,navigatable:!!e.navigatable,ariaRowIndex:Te.length+1,localization:L})||void 0,cols:O.map((t,i)=>l.createElement("col",{key:i.toString(),width:m.getColumnWidth(t)}))}),Me=x.findIndex(t=>typeof t.colSpan=="function")>-1;let We;Me||(We=Se(null));const Ce=((rt=e.editable)==null?void 0:rt.mode)==="dialog",Jt=(ot=e.editable)==null?void 0:ot.enabled,Be=(st=(dt=e.editZoneRef)==null?void 0:dt.current)!=null?st:"body",Xt=Be==="pinned"?void 0:e.edit,Le=Be==="body"?void 0:e.edit,J={leafColumns:x,renderedColumnsCount:O.length,columnsState:R,cellsToRender:We,getCellsToRender:Se,hasDynamicColSpan:Me,idPrefix:q,gridClasses:b,unstyled:z,localization:L,intl:Kt,cells:e.cells,isRowReorderable:F,sort:e.sort,editable:e.editable,isClient:e.isClient,isEditDialog:Ce,dataItemKey:e.dataItemKey,select:e.select,highlight:e.highlight,hiddenColumns:ee,groupingMode:E,hasCheckboxColumn:Yt},pt=0;let he=null;const ze=t=>t>=h.length-pt,we=[],Fe=!h.length,Ke=l.useMemo(()=>{var i;const t=e.pinnedTopRows||[];return K&&((i=e.sort)!=null&&i.length)?gt.orderBy([...t],e.sort):t},[e.pinnedTopRows,e.sort,K]),Oe=l.useMemo(()=>{var i;const t=e.pinnedBottomRows||[];return K&&((i=e.sort)!=null&&i.length)?gt.orderBy([...t],e.sort):t},[e.pinnedBottomRows,e.sort,K]),ea=e.pinnable&&Ke.length>0,ta=e.pinnable&&Oe.length>0;let X=0;const aa=l.useMemo(()=>{const t=new Set;return e.pinnedTopRows&&e.pinnedTopRows.forEach(i=>t.add(i)),e.pinnedBottomRows&&e.pinnedBottomRows.forEach(i=>t.add(i)),t},[e.pinnedTopRows,e.pinnedBottomRows]);if(h.length){const t=ae.length+(e.filterable?1:0)+1;let i=e.skip||0,r=-1,o=0;const a=Ne.enabled?{}:void 0;if(y){if(re>0){const d=h.slice(0,re).filter(c=>c.rowType==="data").length;r+=d,i+=re}!e.pageable&&le&&(r+=e.skip||0)}(me||h).forEach((d,c)=>{var p;d.rowType==="data"&&r++;const f=d.dataIndex%2!==0,I=e.dataItemKey&&u.getter(e.dataItemKey)(d.dataItem),j=c+i,_=I||"ai"+j,v=Aa.getRowContents(J,Xt,d,_,r,f,a),se=d.rowType==="data"?aa.has(d.dataItem):!1;if(X=j+t+o,Ce&&Jt&&v.isInEdit&&(he=d.dataItem),we.push(l.createElement(Ka.GridRowRenderer,{key:_,isStackedMode:S,item:d,rowId:_,dataIndex:r,idPrefix:q,ariaRowIndex:X,absoluteRowIndex:j,isAltRow:f,isHidden:ze(c),isRowReorderable:F,rowHeight:e.rowHeight,rows:e.rows,leafColumns:x,groupLevelCount:M,groupingMode:E,stackedLayoutSettings:e.stackedLayoutSettings,cells:e.cells,editMode:(p=e.editable)==null?void 0:p.mode,isSelected:v.isSelected,isHighlighted:v.isHighlighted,isInEdit:v.isInEdit&&!Ce,preparedCells:v.row,showDetailToggle:!!e.detail&&!!W.enabled,isDetailExpanded:!!d.expanded,detailExpandField:W.column,isPinned:se})),e.detail&&d.rowType==="data"&&d.expanded){o++;const B=_+"_1";X=j+t+o;const ue=e.isClient?Ca.GridDetailCell:Ma.GridDetailCellServer;we.push(l.createElement(Oa.GridDetailRowRenderer,{key:B,isStackedMode:S,detailRowId:B,isHidden:ze(c),detailRowHeight:e.detailRowHeight,ariaRowIndex:X,item:d,groupLevelCount:M,groupDescriptors:e.group,lockGroups:e.lockGroups,cells:e.cells,leafColumns:x,detailExpandableEnabled:!!W.enabled,preparedCells:v.row,DetailCell:ue,detail:e.detail,detailCellId:N.tableKeyboardNavigationTools.generateNavigatableId(`${B}-dcell`,q),detailHierarchyCellId:W.enabled?N.tableKeyboardNavigationTools.generateNavigatableId(`${B}-dhcell`,q):void 0,detailTrClassName:u.classNames(b.detailTr({isAlt:f})),unstyled:z}))}})}const Ae={size:w,total:P,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...fa.normalize(e.pageable||{})},je=l.createElement(Ga.PagerContainer,null,e.pager?l.createElement(e.pager,{...Ae}):l.createElement(N.Pager,{className:u.classNames(b.pager({})),...Ae})),la=(t,i)=>l.createElement("col",{key:i.toString(),width:m.getColumnWidth(t)}),_e=(ut=e.cells)!=null&&ut.footerCell||g.some(t=>{var i;return!!((i=t.cells)!=null&&i.footerCell)})?l.createElement(ca.Footer,{size:w,staticHeaders:Q!=="none",row:l.createElement(ba.FooterRow,{cells:e.cells,idPrefix:q,columns:g,ariaRowIndex:X+1}),cols:x.map(la)}):null,A=S?l.createElement(Fa.StackedModeColGroup,{groupLevelCount:M}):l.createElement(ha.GridColGroup,null,O.map((t,i)=>l.createElement("col",{key:i.toString(),className:m.isSorted(t.field,e.sort)?u.classNames(b.sorted({})):void 0,width:m.getColumnWidth(t)}))),Ve=e.reorderable||ne,{detail:$a,cells:Za,rows:Qa,...na}=e,$e=l.createElement("tbody",{role:"rowgroup",className:u.classNames(b.tbody({})),...N.tableKeyboardNavigationBodyAttributes},we),Ze=he?l.createElement(Ha.GridEditDialog,{columns:x,customEditDialog:e.editDialog,dataItem:he}):null;let Ge=$e;F&&(Ge=l.createElement(va.GridReorderableRowsContainer,{unstyled:b,columns:g,rowReorderSettings:e.rowReorderable},$e));const Qe={gridRef:Z,innerGrid:e.innerGrid,gridProps:na,columnsRef:ye(),renderedColumnsRef:e.isClient?Y:Ut,hiddenColumnsRef:ee,columnsMapRef:ae,columnsState:R,dataRef:h,id:G,virtualTotal:ve,isAllData:le,virtualPageSize:be,isVirtualScroll:y,detailExpandable:!!e.detail};return Q==="none"?l.createElement(wt.GridClientWrapper,{...Qe},l.createElement(St.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:u.classNames(b.wrapper({size:w,isStackedMode:S}),e.className),...N.tableKeyboardNavigationScopeAttributes},xe,De,l.createElement("div",{className:u.classNames(b.ariaRoot({})),role:"grid","aria-colcount":x.length,"aria-rowcount":P,id:G,"aria-label":L.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},l.createElement(wa.GridTable,{selectable:e.selectable,tableClassName:u.classNames(b.table({size:w}))},A,Pe,l.createElement(yt.GridTableBody,{rowReorderable:F},Ge),_e)),Fe&&l.createElement(ht.GridNoRecordsContainer,null,de.length?de:l.createElement(ft.GridNoRecords,null)),Ve&&l.createElement(l.Fragment,null,l.createElement(Gt.GridDropClue,null),l.createElement(Rt.GridDragClue,null)))),He,e.pageable&&je,l.createElement(Et.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ze,qe&&l.createElement(u.WatermarkOverlay,{message:Ee})):l.createElement(wt.GridClientWrapper,{...Qe},l.createElement(St.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:u.classNames(b.wrapper({size:w,virtual:y,isStackedMode:S}),e.className),...N.tableKeyboardNavigationScopeAttributes},xe,De,l.createElement("div",{className:u.classNames(b.ariaRoot({})),role:"grid","aria-colcount":O.length,"aria-rowcount":P,id:G,"aria-label":L.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},Pe,e.isClient&&ea&&l.createElement(Nt.PinnedRowsTable,{size:w,colGroups:A,dataRowContext:J,edit:Le,position:"top",pinnedItems:Ke,isStackedMode:S,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),l.createElement("div",{className:u.classNames(b.container({})),role:"presentation"},e.isClient&&ie&&At&&l.createElement(kt.StickyGroupTable,{size:w,colGroups:A,dataRowContext:J,position:"top",isStackedMode:S,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows}),l.createElement(ya.GridContainerElementContainer,null,l.createElement("div",{className:u.classNames(b.content({}),y&&ge&&"k-grid-content--hide-scrollbar"),style:{...y&&ge&&{overflowY:"scroll",scrollbarWidth:"none"}},role:"presentation"},l.createElement("div",{className:u.classNames(b.tableWrap({})),role:"presentation"},l.createElement(Ra.GridTableScrollable,{selectable:e.selectable,tableClassName:u.classNames(b.table({size:w})),tableStyle:{userSelect:Zt}},A,l.createElement(yt.GridTableBody,{rowReorderable:F},Ge)),Fe&&l.createElement(ht.GridNoRecordsContainer,null,de.length?de:l.createElement(ft.GridNoRecords,null))),y&&l.createElement("div",{className:u.classNames(b.heightContainer({})),"aria-colcount":O.length,role:"presentation"},l.createElement(Sa.VirtualScrollHeightContainer,{isVirtualScroll:y})))),e.isClient&&y&&ge&&l.createElement(Ea.VirtualScrollOverlay,null),e.isClient&&ie&&jt&&l.createElement(kt.StickyGroupTable,{size:w,colGroups:A,dataRowContext:J,position:"bottom",isStackedMode:S,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows})),e.isClient&&ta&&l.createElement(Nt.PinnedRowsTable,{size:w,colGroups:A,dataRowContext:J,edit:Le,position:"bottom",pinnedItems:Oe,isStackedMode:S,groupLevelCount:M,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),_e,Ve&&l.createElement(l.Fragment,null,l.createElement(Gt.GridDropClue,null),l.createElement(Rt.GridDragClue,null)),qe&&l.createElement(u.WatermarkOverlay,{message:Ee})),He,e.pageable&&je,l.createElement(Et.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ze)))});qt.displayName="KendoReactGridComponent";exports.GridComponent=qt;

package/GridComponent.mjs

@@ -66,7 +66,7 @@ import { getRowContents as fl } from "./getRowContents.mjs";
 const gl = l.forwardRef((e, Pt) => {
   var Qe, Xe, pe, et, tt, at, lt, nt, it, ot, rt, dt, st, ut, mt, ct;
   const D = e.id + "-role-element-id", N = e.navigatable ? D : "";
-  let y = e.columnsState || [];
+  let w = e.columnsState || [];
   const Dt = (t, i, o, r, a, d, u) => {
     const f = [], x = Ia(
       f,
@@ -84,7 +84,7 @@ const gl = l.forwardRef((e, Pt) => {
     const i = t.filter(
       (o) => o && o.type && o.type.displayName === "KendoReactGridColumn"
     );
-    return Ta(i, y, { prevId: 0, idPrefix: N });
+    return Ta(i, w, { prevId: 0, idPrefix: N });
   }, Bt = () => {
     const t = [], i = (o, r) => o == null ? void 0 : o.forEach((a) => {
       const d = a.hidden || r;
@@ -93,7 +93,7 @@ const gl = l.forwardRef((e, Pt) => {
         hidden: d
       }), i(a.children, d);
     });
-    return i(y, !1), t;
+    return i(w, !1), t;
   }, Lt = (t) => {
     const i = Bt();
     return [
@@ -119,7 +119,7 @@ const gl = l.forwardRef((e, Pt) => {
       }
     )), Kt(m, i);
     const [o, r] = Lt(m);
-    m = o, J = r, X = Ct(m, y, !0), Q = m.map(Na);
+    m = o, J = r, X = Ct(m, w, !0), Q = m.map(Na);
   }, Ft = (t, i) => {
     const o = (r) => {
       var d;
@@ -130,10 +130,10 @@ const gl = l.forwardRef((e, Pt) => {
       }
       return Re(r);
     };
-    y = t.filter((r) => r.parentIndex === -1).map(o);
+    w = t.filter((r) => r.parentIndex === -1).map(o);
   }, Kt = (t, i) => {
     var ie, q, P, oe;
-    if (typeof e.groupable == "object" && e.groupable.hideGroupedColumns === !0 && (h === "singleColumn" || h === "multipleColumns")) {
+    if (typeof e.groupable == "object" && e.groupable.hideGroupedColumns === !0) {
       const n = new Set((e.group || []).map((g) => g.field));
       t.filter((g) => g.field !== void 0 && n.has(g.field)).forEach((g) => {
         g.hidden = !0;
@@ -146,7 +146,7 @@ const gl = l.forwardRef((e, Pt) => {
     }), e.pinnable && t.filter((n) => n.columnType === "pin").forEach((n) => {
       n.width = n.width || "48px", n.defaultCell = e.isClient ? rl : dl, n.defaultHeaderCell = sl, n.sortable = !1, n.filterable = !1, n.editable = !1;
     });
-    const r = Pa(y);
+    const r = Pa(w);
     Ft(t, r);
     const a = {
       id: "",
@@ -178,9 +178,9 @@ const gl = l.forwardRef((e, Pt) => {
         field: T.column,
         headerClassName: b(c.hierarchyCell({}))
       };
-      t.unshift(n), y.unshift(r.find((g) => g.id === n.id) || Re(n));
+      t.unshift(n), w.unshift(r.find((g) => g.id === n.id) || Re(n));
     }
-    const u = h === "compact", f = h === "singleColumn", x = h === "multipleColumns", A = u || f ? Math.min(i, 1) : i, O = (n, g) => {
+    const u = E === "compact", f = E === "singleColumn", x = E === "multipleColumns", A = u || f ? Math.min(i, 1) : i, O = (n, g) => {
       var v, s, V, re;
       if (n === "singleColumn")
         return W.toLanguageString(Ht, Ge[Ht]);
@@ -205,7 +205,7 @@ const gl = l.forwardRef((e, Pt) => {
         id: de.generateNavigatableId(`${d++}`, "group", "column"),
         field: "value",
         groupField: I == null ? void 0 : I.field,
-        title: (q = s == null ? void 0 : s.title) != null ? q : O(h, n),
+        title: (q = s == null ? void 0 : s.title) != null ? q : O(E, n),
         width: (P = s == null ? void 0 : s.width) != null ? P : j,
         locked: (oe = s == null ? void 0 : s.locked) != null ? oe : e.lockGroups,
         sortable: !1,
@@ -238,7 +238,7 @@ const gl = l.forwardRef((e, Pt) => {
           }
         }
       };
-      t.unshift(V), y.unshift(
+      t.unshift(V), w.unshift(
         r.find((re) => re.id === V.id) || Re(V)
       );
     }
@@ -273,7 +273,7 @@ const gl = l.forwardRef((e, Pt) => {
     return i;
   }, At = () => {
     const { pageable: t, take: i, pageSize: o } = e;
-    if (!R)
+    if (!y)
       return 0;
     if (!t) {
       if (i)
@@ -284,8 +284,8 @@ const gl = l.forwardRef((e, Pt) => {
     const r = e.rowHeight || _t.current, a = Vt.current;
     return a && r ? Math.ceil(a / r * 1.5) : 0;
   };
-  let C = [], ue, m = [], J = [], Q = [], X = [[]];
-  const Ot = e.scrollLeftRef || { current: 0 }, jt = e.widthRef || { current: 0 }, Vt = e.containerHeightRef || { current: 0 }, _t = e.minRowHeightRef || { current: 0 }, W = e.localization || new Qa(e.language), $t = e.intl || new Xa((Qe = e.locale) != null ? Qe : "en"), B = e.unstyled, c = B && B.uGrid ? B.uGrid : ua, L = ka(e.rowReorderable), _ = typeof e.scrollable == "object" ? e.scrollable.mode : e.scrollable, me = typeof e.scrollable == "object" && e.scrollable.scrollbar === "proxied", R = _ === "virtual" || _ === void 0 && e.isClient && ma(Ee) || !1, E = e.dataLayoutMode === "stacked", h = typeof e.groupable == "object" && e.groupable.displayMode || "default", M = h === "compact" ? 0 : ((Xe = e.group) == null ? void 0 : Xe.length) || 0, ke = ca(Ee), z = Da(e.autoProcessData);
+  let h = [], ue, m = [], J = [], Q = [], X = [[]];
+  const Ot = e.scrollLeftRef || { current: 0 }, jt = e.widthRef || { current: 0 }, Vt = e.containerHeightRef || { current: 0 }, _t = e.minRowHeightRef || { current: 0 }, W = e.localization || new Qa(e.language), $t = e.intl || new Xa((Qe = e.locale) != null ? Qe : "en"), B = e.unstyled, c = B && B.uGrid ? B.uGrid : ua, L = ka(e.rowReorderable), _ = typeof e.scrollable == "object" ? e.scrollable.mode : e.scrollable, me = typeof e.scrollable == "object" && e.scrollable.scrollbar === "proxied", y = _ === "virtual" || _ === void 0 && e.isClient && ma(Ee) || !1, R = e.dataLayoutMode === "stacked", E = typeof e.groupable == "object" && e.groupable.displayMode || "default", M = E === "compact" ? 0 : ((Xe = e.group) == null ? void 0 : Xe.length) || 0, ke = ca(Ee), z = Da(e.autoProcessData);
   let k, H;
   if (Array.isArray(e.data) ? (k = e.data, H = (pe = e.total) != null ? pe : k.length) : (k = ((et = e.data) == null ? void 0 : et.data) || [], H = (lt = (at = e.total) != null ? at : (tt = e.data) == null ? void 0 : tt.total) != null ? lt : k.length), z) {
     const t = Wa(k, {
@@ -298,12 +298,12 @@ const gl = l.forwardRef((e, Pt) => {
       take: e.take,
       skip: e.skip,
       total: e.total,
-      isVirtualScroll: R,
+      isVirtualScroll: y,
       includePaging: !0
     });
     k = t.data, H = t.total;
   }
-  const p = k.length === H, { size: w } = e, Zt = typeof e.groupable == "object" && e.groupable.footer || "none", Ut = typeof e.groupable == "object" && !!e.groupable.stickyHeaders, Yt = typeof e.groupable == "object" && !!e.groupable.stickyFooters, ee = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, T = ga(!!e.detail), qt = ba(
+  const p = k.length === H, { size: C } = e, Zt = typeof e.groupable == "object" && e.groupable.footer || "none", Ut = typeof e.groupable == "object" && !!e.groupable.stickyHeaders, Yt = typeof e.groupable == "object" && !!e.groupable.stickyFooters, ee = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, T = ga(!!e.detail), qt = ba(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
   ), te = !!((nt = e.group) != null && nt.length), { resolvedGroupsCount: Jt, flattedData: Qt } = Dt(
     k,
@@ -314,17 +314,17 @@ const gl = l.forwardRef((e, Pt) => {
     e.groupExpand,
     e.dataItemKey
   );
-  C = Qt;
+  h = Qt;
   const ce = At(), ae = ((it = e.virtualSkipRef) == null ? void 0 : it.current) || 0;
   let xe = H;
-  if (R) {
+  if (y) {
     let t = e.skip || 0;
-    if ((te || e.pageable) && (t = ae, xe = C.length), p || te || e.pageable)
+    if ((te || e.pageable) && (t = ae, xe = h.length), p || te || e.pageable)
       if (ce === 0) {
-        const i = Math.min(e.take || e.pageSize || 20, C.length);
-        ue = C.slice(t, t + i);
+        const i = Math.min(e.take || e.pageSize || 20, h.length);
+        ue = h.slice(t, t + i);
       } else
-        ue = C.slice(t, t + ce);
+        ue = h.slice(t, t + ce);
   }
   const Ie = ha(e.selectable), He = ht(e.rowSpannable), Xt = Ie && Ie.drag ? "none" : void 0, le = l.useMemo(() => l.Children.toArray(e.children), [e.children]), pt = Math.max(Jt, (rt = (ot = e.group) == null ? void 0 : ot.length) != null ? rt : 0);
   zt(le, pt);
@@ -336,19 +336,19 @@ const gl = l.forwardRef((e, Pt) => {
     };
   }, [e, m]), Ne = l.useMemo(() => fe.premium ? !fa(Ee, { component: "Grid", features: fe.features }) : !1, [fe.premium]), Me = le.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, _ariaControls: D, ariaLabel: "Top toolbar" }) : null), ne = le.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), Te = le.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), S = m.filter((t) => t.children.length === 0), $ = h === "compact", Pe = (t) => $ && t.children.length === 0 && t.defaultHeaderCell === yt, Z = $ ? m.filter((t) => !Pe(t)) : m, ea = $ ? Q.filter((t) => !Pe(t)) : Q, De = $ ? Ct(Z, y) : X, F = Z.filter((t) => t.children.length === 0), ta = ($ || h === "singleColumn" || h === "multipleColumns") && F.some((t) => t.columnType === "checkbox"), We = ee && !E && /* @__PURE__ */ l.createElement(
+  ), S = m.filter((t) => t.children.length === 0), $ = E === "compact", Pe = (t) => $ && t.children.length === 0 && t.defaultHeaderCell === yt, Z = $ ? m.filter((t) => !Pe(t)) : m, ea = $ ? Q.filter((t) => !Pe(t)) : Q, De = $ ? Ct(Z, w) : X, F = Z.filter((t) => t.children.length === 0), ta = ($ || E === "singleColumn" || E === "multipleColumns") && F.some((t) => t.columnType === "checkbox"), We = ee && !R && /* @__PURE__ */ l.createElement(
     va,
     {
       columns: ve(),
       hiddenColumns: J,
       group: e.group || [],
       ariaControls: D,
-      mode: h
+      mode: E
     }
-  ), Be = E ? null : /* @__PURE__ */ l.createElement(
+  ), Be = R ? null : /* @__PURE__ */ l.createElement(
     Ra,
     {
-      size: w,
+      size: C,
       staticHeaders: _ !== "none",
       draggable: e.reorderable || ee,
       headerRow: /* @__PURE__ */ l.createElement(
@@ -369,8 +369,8 @@ const gl = l.forwardRef((e, Pt) => {
           navigatable: !!e.navigatable,
           localization: W,
           unstyled: B,
-          columnsState: y,
-          headerSelectionValue: !!(e.select && C.filter((t) => t.rowType === "data").every(
+          columnsState: w,
+          headerSelectionValue: !!(e.select && h.filter((t) => t.rowType === "data").every(
             (t) => e.select && e.dataItemKey && we(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[we(e.dataItemKey)(t.dataItem)] : void 0
           ))
         }
@@ -379,7 +379,7 @@ const gl = l.forwardRef((e, Pt) => {
         Ga,
         {
           cells: e.cells,
-          size: w,
+          size: C,
           columns: Z,
           filter: e.filter,
           filterOperators: e.filterOperators || Et,
@@ -397,7 +397,7 @@ const gl = l.forwardRef((e, Pt) => {
   const ge = ((dt = e.editable) == null ? void 0 : dt.mode) === "dialog", aa = (st = e.editable) == null ? void 0 : st.enabled, Fe = (mt = (ut = e.editZoneRef) == null ? void 0 : ut.current) != null ? mt : "body", la = Fe === "pinned" ? void 0 : e.edit, Ke = Fe === "body" ? void 0 : e.edit, U = {
     leafColumns: S,
     renderedColumnsCount: F.length,
-    columnsState: y,
+    columnsState: w,
     cellsToRender: ze,
     getCellsToRender: Se,
     hasDynamicColSpan: Le,
@@ -416,11 +416,11 @@ const gl = l.forwardRef((e, Pt) => {
     select: e.select,
     highlight: e.highlight,
     hiddenColumns: J,
-    groupingMode: h,
+    groupingMode: E,
     hasCheckboxColumn: ta
   }, na = 0;
   let be = null;
-  const Ae = (t) => t >= C.length - na, he = [], Oe = !C.length, je = l.useMemo(() => {
+  const Ae = (t) => t >= h.length - na, he = [], Oe = !h.length, je = l.useMemo(() => {
     var i;
     const t = e.pinnedTopRows || [];
     return z && ((i = e.sort) != null && i.length) ? wt([...t], e.sort) : t;
@@ -434,18 +434,18 @@ const gl = l.forwardRef((e, Pt) => {
     const t = /* @__PURE__ */ new Set();
     return e.pinnedTopRows && e.pinnedTopRows.forEach((i) => t.add(i)), e.pinnedBottomRows && e.pinnedBottomRows.forEach((i) => t.add(i)), t;
   }, [e.pinnedTopRows, e.pinnedBottomRows]);
-  if (C.length) {
+  if (h.length) {
     const t = X.length + (e.filterable ? 1 : 0) + 1;
     let i = e.skip || 0, o = -1, r = 0;
     const a = He.enabled ? {} : void 0;
-    if (R) {
+    if (y) {
       if (ae > 0) {
-        const d = C.slice(0, ae).filter((u) => u.rowType === "data").length;
+        const d = h.slice(0, ae).filter((u) => u.rowType === "data").length;
         o += d, i += ae;
       }
       !e.pageable && p && (o += e.skip || 0);
     }
-    (ue || C).forEach((d, u) => {
+    (ue || h).forEach((d, u) => {
       var q;
       d.rowType === "data" && o++;
       const f = d.dataIndex % 2 !== 0, x = e.dataItemKey && we(e.dataItemKey)(d.dataItem), A = u + i, O = x || "ai" + A, G = fl(U, la, d, O, o, f, a), ie = d.rowType === "data" ? ra.has(d.dataItem) : !1;
@@ -454,7 +454,7 @@ const gl = l.forwardRef((e, Pt) => {
           ml,
           {
             key: O,
-            isStackedMode: E,
+            isStackedMode: R,
             item: d,
             rowId: O,
             dataIndex: o,
@@ -468,7 +468,7 @@ const gl = l.forwardRef((e, Pt) => {
             rows: e.rows,
             leafColumns: S,
             groupLevelCount: M,
-            groupingMode: h,
+            groupingMode: E,
             stackedLayoutSettings: e.stackedLayoutSettings,
             cells: e.cells,
             editMode: (q = e.editable) == null ? void 0 : q.mode,
@@ -492,7 +492,7 @@ const gl = l.forwardRef((e, Pt) => {
             cl,
             {
               key: P,
-              isStackedMode: E,
+              isStackedMode: R,
               detailRowId: P,
               isHidden: Ae(u),
               detailRowHeight: e.detailRowHeight,
@@ -518,7 +518,7 @@ const gl = l.forwardRef((e, Pt) => {
     });
   }
   const _e = {
-    size: w,
+    size: C,
     total: H,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
@@ -529,7 +529,7 @@ const gl = l.forwardRef((e, Pt) => {
   }) ? /* @__PURE__ */ l.createElement(
     Sa,
     {
-      size: w,
+      size: C,
       staticHeaders: _ !== "none",
       row: /* @__PURE__ */ l.createElement(
         za,
@@ -542,7 +542,7 @@ const gl = l.forwardRef((e, Pt) => {
       ),
       cols: S.map(da)
     }
-  ) : null, K = E ? /* @__PURE__ */ l.createElement(ul, { groupLevelCount: M }) : /* @__PURE__ */ l.createElement(Aa, null, F.map((t, i) => /* @__PURE__ */ l.createElement(
+  ) : null, K = R ? /* @__PURE__ */ l.createElement(ul, { groupLevelCount: M }) : /* @__PURE__ */ l.createElement(Aa, null, F.map((t, i) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: i.toString(),
@@ -576,13 +576,13 @@ const gl = l.forwardRef((e, Pt) => {
     renderedColumnsRef: e.isClient ? Z : ea,
     hiddenColumnsRef: J,
     columnsMapRef: X,
-    columnsState: y,
-    dataRef: C,
+    columnsState: w,
+    dataRef: h,
     id: D,
     virtualTotal: xe,
     isAllData: p,
     virtualPageSize: ce,
-    isVirtualScroll: R,
+    isVirtualScroll: y,
     detailExpandable: !!e.detail
   };
   return _ === "none" ? /* @__PURE__ */ l.createElement(vt, { ...Je }, /* @__PURE__ */ l.createElement(It, null, /* @__PURE__ */ l.createElement(
@@ -590,7 +590,7 @@ const gl = l.forwardRef((e, Pt) => {
     {
       id: e.id,
       style: e.style,
-      className: b(c.wrapper({ size: w, isStackedMode: E }), e.className),
+      className: b(c.wrapper({ size: C, isStackedMode: R }), e.className),
       ...bt
     },
     Me,
@@ -609,7 +609,7 @@ const gl = l.forwardRef((e, Pt) => {
         Oa,
         {
           selectable: e.selectable,
-          tableClassName: b(c.table({ size: w }))
+          tableClassName: b(c.table({ size: C }))
         },
         K,
         Be,
@@ -626,9 +626,9 @@ const gl = l.forwardRef((e, Pt) => {
       style: e.style,
       className: b(
         c.wrapper({
-          size: w,
-          virtual: R,
-          isStackedMode: E
+          size: C,
+          virtual: y,
+          isStackedMode: R
         }),
         e.className
       ),
@@ -650,13 +650,13 @@ const gl = l.forwardRef((e, Pt) => {
       e.isClient && ia && /* @__PURE__ */ l.createElement(
         Tt,
         {
-          size: w,
+          size: C,
           colGroups: K,
           dataRowContext: U,
           edit: Ke,
           position: "top",
           pinnedItems: je,
-          isStackedMode: E,
+          isStackedMode: R,
           groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
           rowHeight: e.rowHeight,
@@ -667,11 +667,11 @@ const gl = l.forwardRef((e, Pt) => {
       /* @__PURE__ */ l.createElement("div", { className: b(c.container({})), role: "presentation" }, e.isClient && te && Ut && /* @__PURE__ */ l.createElement(
         Mt,
         {
-          size: w,
+          size: C,
           colGroups: K,
           dataRowContext: U,
           position: "top",
-          isStackedMode: E,
+          isStackedMode: R,
           groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
           rowHeight: e.rowHeight,
@@ -682,10 +682,10 @@ const gl = l.forwardRef((e, Pt) => {
         {
           className: b(
             c.content({}),
-            R && me && "k-grid-content--hide-scrollbar"
+            y && me && "k-grid-content--hide-scrollbar"
           ),
           style: {
-            ...R && me && { overflowY: "scroll", scrollbarWidth: "none" }
+            ...y && me && { overflowY: "scroll", scrollbarWidth: "none" }
           },
           role: "presentation"
         },
@@ -695,7 +695,7 @@ const gl = l.forwardRef((e, Pt) => {
             selectable: e.selectable,
             tableClassName: b(
               c.table({
-                size: w
+                size: C
               })
             ),
             tableStyle: { userSelect: Xt }
@@ -703,23 +703,23 @@ const gl = l.forwardRef((e, Pt) => {
           K,
           /* @__PURE__ */ l.createElement(xt, { rowReorderable: L }, Ce)
         ), Oe && /* @__PURE__ */ l.createElement(Gt, null, ne.length ? ne : /* @__PURE__ */ l.createElement(Rt, null))),
-        R && /* @__PURE__ */ l.createElement(
+        y && /* @__PURE__ */ l.createElement(
           "div",
           {
             className: b(c.heightContainer({})),
             "aria-colcount": F.length,
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement($a, { isVirtualScroll: R })
+          /* @__PURE__ */ l.createElement($a, { isVirtualScroll: y })
         )
-      )), e.isClient && R && me && /* @__PURE__ */ l.createElement(Za, null), e.isClient && te && Yt && /* @__PURE__ */ l.createElement(
+      )), e.isClient && y && me && /* @__PURE__ */ l.createElement(Za, null), e.isClient && te && Yt && /* @__PURE__ */ l.createElement(
         Mt,
         {
-          size: w,
+          size: C,
           colGroups: K,
           dataRowContext: U,
           position: "bottom",
-          isStackedMode: E,
+          isStackedMode: R,
           groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
           rowHeight: e.rowHeight,
@@ -729,13 +729,13 @@ const gl = l.forwardRef((e, Pt) => {
       e.isClient && oa && /* @__PURE__ */ l.createElement(
         Tt,
         {
-          size: w,
+          size: C,
           colGroups: K,
           dataRowContext: U,
           edit: Ke,
           position: "bottom",
           pinnedItems: Ve,
-          isStackedMode: E,
+          isStackedMode: R,
           groupLevelCount: M,
           stackedLayoutSettings: e.stackedLayoutSettings,
           rowHeight: e.rowHeight,

package/cells/groupcell/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),D=require("@progress/kendo-react-common"),ae=require("./GridGroupCellToggle.js"),ie=require("../../utils/index.js");function se(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,l.get?l:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const L=se(re),ue=10,de=24,T=(o,n,e,l,r,i)=>{if(!o||!["singleColumn","multipleColumns"].includes(o))return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(!["groupHeader","groupFooter"].includes(n||""))return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(e===void 0||l===void 0||r===void 0)return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};const s=o==="singleColumn"?0:l;if(i&&e<s)return{leadingGroupColumnSpan:e+1,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(e===s){const C=r-s-1;return{leadingGroupColumnSpan:s>0?s:void 0,contentColumnSpan:1,trailingGroupColumnSpan:C>0?C:void 0}}return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0}},ce=(o,n,e)=>({tdProps:{...o,colSpan:0,style:{...n,position:"sticky",zIndex:2}},td2Props:{className:"k-table-td",role:"gridcell",colSpan:e,style:{borderLeftWidth:0,borderRightWidth:0}}}),k=()=>({tdProps:null,td2Props:null,content:null,renderToggleCell:!1}),pe=o=>{var z,U,W,B;const{columnIndex:n,level:e,columnsCount:l,rowType:r,dataItem:i,field:M,expanded:s,ariaColumnIndex:C,locked:S,style:a,hasCheckboxColumn:P}=o,c=o.groupingMode||"default",u=M||"",J=ie.getClientCellProps(o),R=o.columnPosition||{},p=c==="singleColumn",G=c==="multipleColumns",b=(U=(z=o.group)==null?void 0:z.value)!=null?U:i[u],g=(B=(W=o.group)==null?void 0:W.field)!=null?B:u,_=b instanceof Date?b.toString():b,y=o.columnFields,x=o.columnTitles,E=o.columnGroupFields,N=o.hiddenColumnTitleByField,h=y&&g?y.indexOf(g):-1,K=h===-1&&E&&g?E.indexOf(g):-1,w=h>-1?h:K,Q=g?N==null?void 0:N[g]:void 0,H=(w>-1?x==null?void 0:x[w]:Q)||(g?g.split(".").slice(-1)[0]:u),$=y&&n!==void 0?t=>{const m=y.findIndex((f,d)=>d>n&&f===t);return m===-1?void 0:m}:void 0,j=!p&&!G,A=!!o.isRtl,q=A?R.right:R.left,X=c==="compact"&&e!==void 0?e*de:0,Y=ue+X,Z=S&&j&&q!==void 0?{position:"sticky",[A?"right":"left"]:q+Y,zIndex:2,width:"fit-content"}:void 0,V=t=>S&&j?{...t,overflow:"visible"}:t,I=t=>L.createElement("div",{className:"k-grouping-row-content",style:Z},L.createElement(ae.GridGroupCellToggle,{...J}),L.createElement("span",{className:"k-grouping-row-text"},t)),ee=()=>{if(l===void 0||n===void 0)return k();if(r==="groupFooter")return n!==0?k():{tdProps:{className:"k-table-td",style:a,key:"g-noi-footer",role:"gridcell"},td2Props:null,content:null,renderToggleCell:!1,hasCheckboxColumn:!!P};if(n!==0||r!=="groupHeader"||i[u]===void 0)return k();const t=e!==void 0?{...a,"--kendo-grid-grouping-level":e,paddingInlineStart:`calc(var(--kendo-spacing-2.5, 10px) + ${e} * var(--kendo-spacing-6, 24px))`}:a;return{tdProps:{className:"k-table-td",style:V(t),colSpan:l,key:"g-noi-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":C},td2Props:null,content:I(`${H}: ${_}`),renderToggleCell:!0,hasCheckboxColumn:!!P}},ne=()=>{const t=p?0:e;if(!(n===t&&t!==void 0&&l!==void 0&&i[u]!==void 0)){if(!(G&&e!==void 0&&n!==void 0&&n<e))return k();const te={style:a,key:"g"+n,className:D.classNames("k-table-td","k-table-group-td","k-group-cell",{"k-grid-content-sticky":S}),role:"gridcell"},O=T(c,r,n,e,l,!0);return{tdProps:te,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0,leadingGroupColumnSpan:O.leadingGroupColumnSpan,contentColumnSpan:O.contentColumnSpan,trailingGroupColumnSpan:O.trailingGroupColumnSpan}}const f=p&&e!==void 0?{...a,"--kendo-grid-grouping-level":e,paddingInlineStart:`calc(var(--kendo-spacing-2.5, 10px) + ${e} * var(--kendo-spacing-6, 24px))`}:a;let d={className:"k-table-td",style:f,key:p?"g-single-column":"g-multi-column",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":C},v=l-t-1>0?{className:"k-table-td",role:"gridcell",colSpan:l-t-1}:null;S&&({tdProps:d,td2Props:v}=ce(d,f,l-t));const F=T(c,r,n,e,l,!1);return{tdProps:d,td2Props:v,content:I(`${H}: ${_}`),renderToggleCell:!0,hasCheckboxColumn:!!P,leadingGroupColumnSpan:F.leadingGroupColumnSpan,contentColumnSpan:F.contentColumnSpan,trailingGroupColumnSpan:F.trailingGroupColumnSpan,getColumnIndexForField:$}},oe=()=>{if(e===void 0||n===void 0||l===void 0)return k();const t=p?0:e,m={style:a,key:"g"+n,className:D.classNames("k-table-td","k-table-group-td","k-group-cell",{"k-grid-content-sticky":S}),role:"gridcell"};if(n>t)return{tdProps:m,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0};if(n<t){const v=T(c,r,n,e,l,!0);return{tdProps:m,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0,leadingGroupColumnSpan:v.leadingGroupColumnSpan,contentColumnSpan:v.contentColumnSpan,trailingGroupColumnSpan:v.trailingGroupColumnSpan}}const f={className:"k-table-td",style:a,key:p?"g-single-footer":"g-multi-footer",role:"gridcell"},d=T(c,r,n,e,l,!1);return{tdProps:f,td2Props:null,content:null,renderToggleCell:!1,hasCheckboxColumn:!!P,leadingGroupColumnSpan:d.leadingGroupColumnSpan,contentColumnSpan:d.contentColumnSpan,trailingGroupColumnSpan:d.trailingGroupColumnSpan,getColumnIndexForField:$}},le=()=>n===void 0||e===void 0||n<e||l===void 0||r!=="groupHeader"||i[u]===void 0?{tdProps:{style:a,key:"g"+n,className:D.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":S}),role:"gridcell"},td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0}:n!==e?{tdProps:null,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!1}:{tdProps:{className:"k-table-td",style:V(a),colSpan:l-n,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":s,"aria-colindex":C},td2Props:null,content:I(i[u]instanceof Date?i[u].toString():i[u]),renderToggleCell:!0,isSpacerCell:!1};return c==="compact"?ee():(p||G)&&r==="groupHeader"?ne():(G||p)&&r==="groupFooter"?oe():le()},ge=o=>{var n,e;return(e=(n=o.cells)==null?void 0:n.group)==null?void 0:e[o.rowType||"data"]};exports.getCustomCell=ge;exports.getGroupCellTdProps=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),R=require("@progress/kendo-react-common"),ae=require("./GridGroupCellToggle.js"),ie=require("../../utils/index.js");function se(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const l=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,l.get?l:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const _=se(re),ue=10,de=24,T=(o,n,e,l,r,g)=>{if(!o||!["singleColumn","multipleColumns"].includes(o))return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(!["groupHeader","groupFooter"].includes(n||""))return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(e===void 0||l===void 0||r===void 0)return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};const i=o==="singleColumn"?0:l;if(g&&e<i)return{leadingGroupColumnSpan:e+1,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0};if(e===i){const m=r-i-1;return{leadingGroupColumnSpan:i>0?i:void 0,contentColumnSpan:1,trailingGroupColumnSpan:m>0?m:void 0}}return{leadingGroupColumnSpan:void 0,contentColumnSpan:void 0,trailingGroupColumnSpan:void 0}},ce=(o,n,e)=>({tdProps:{...o,colSpan:0,style:{...n,position:"sticky",zIndex:2}},td2Props:{className:"k-table-td",role:"gridcell",colSpan:e,style:{borderLeftWidth:0,borderRightWidth:0}}}),P=()=>({tdProps:null,td2Props:null,content:null,renderToggleCell:!1}),pe=o=>{var z,U,W,B;const{columnIndex:n,level:e,columnsCount:l,rowType:r,dataItem:g,field:D,expanded:i,ariaColumnIndex:m,locked:C,style:a,hasCheckboxColumn:G}=o,u=o.groupingMode||"default",S=D||"",J=ie.getClientCellProps(o),E=o.columnPosition||{},d=u==="singleColumn",k=u==="multipleColumns",b=(U=(z=o.group)==null?void 0:z.value)!=null?U:g[S],c=(B=(W=o.group)==null?void 0:W.field)!=null?B:S,x=b instanceof Date?b.toString():b,y=o.columnFields,N=o.columnTitles,$=o.columnGroupFields,h=o.hiddenColumnTitleByField,I=y&&c?y.indexOf(c):-1,K=I===-1&&k&&$&&c?$.indexOf(c):-1,w=I>-1?I:K,Q=c?h==null?void 0:h[c]:void 0,F=(w>-1?N==null?void 0:N[w]:Q)||(c?c.split(".").slice(-1)[0]:S),H=y&&n!==void 0?t=>{const p=y.findIndex((f,s)=>s>n&&f===t);return p===-1?void 0:p}:void 0,j=!d&&!k,A=!!o.isRtl,q=A?E.right:E.left,X=u==="compact"&&e!==void 0?e*de:0,Y=ue+X,Z=C&&j&&q!==void 0?{position:"sticky",[A?"right":"left"]:q+Y,zIndex:2,width:"fit-content"}:void 0,V=t=>C&&j?{...t,overflow:"visible"}:t,O=t=>_.createElement("div",{className:"k-grouping-row-content",style:Z},_.createElement(ae.GridGroupCellToggle,{...J}),_.createElement("span",{className:"k-grouping-row-text"},t)),ee=()=>{if(l===void 0||n===void 0)return P();if(r==="groupFooter")return n!==0?P():{tdProps:{className:"k-table-td",style:a,key:"g-noi-footer",role:"gridcell"},td2Props:null,content:null,renderToggleCell:!1,hasCheckboxColumn:!!G};if(n!==0||r!=="groupHeader"||g[S]===void 0)return P();const t=e!==void 0?{...a,"--kendo-grid-grouping-level":e,paddingInlineStart:`calc(var(--kendo-spacing-2.5, 10px) + ${e} * var(--kendo-spacing-6, 24px))`}:a;return{tdProps:{className:"k-table-td",style:V(t),colSpan:l,key:"g-noi-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":i,"aria-colindex":m},td2Props:null,content:O(`${F}: ${x}`),renderToggleCell:!0,hasCheckboxColumn:!!G}},ne=()=>{const t=d?0:e;if(!(n===t&&t!==void 0&&l!==void 0&&g[S]!==void 0)){if(!(k&&e!==void 0&&n!==void 0&&n<e))return P();const te={style:a,key:"g"+n,className:R.classNames("k-table-td","k-table-group-td","k-group-cell",{"k-grid-content-sticky":C}),role:"gridcell"},M=T(u,r,n,e,l,!0);return{tdProps:te,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0,leadingGroupColumnSpan:M.leadingGroupColumnSpan,contentColumnSpan:M.contentColumnSpan,trailingGroupColumnSpan:M.trailingGroupColumnSpan}}const f=d&&e!==void 0?{...a,"--kendo-grid-grouping-level":e,paddingInlineStart:`calc(var(--kendo-spacing-2.5, 10px) + ${e} * var(--kendo-spacing-6, 24px))`}:a;let s={className:"k-table-td",style:f,key:d?"g-single-column":"g-multi-column",role:"gridcell","aria-selected":!1,"aria-expanded":i,"aria-colindex":m},v=l-t-1>0?{className:"k-table-td",role:"gridcell",colSpan:l-t-1}:null;C&&({tdProps:s,td2Props:v}=ce(s,f,l-t));const L=T(u,r,n,e,l,!1);return{tdProps:s,td2Props:v,content:O(`${F}: ${x}`),renderToggleCell:!0,hasCheckboxColumn:!!G,leadingGroupColumnSpan:L.leadingGroupColumnSpan,contentColumnSpan:L.contentColumnSpan,trailingGroupColumnSpan:L.trailingGroupColumnSpan,getColumnIndexForField:H}},oe=()=>{if(e===void 0||n===void 0||l===void 0)return P();const t=d?0:e,p={style:a,key:"g"+n,className:R.classNames("k-table-td","k-table-group-td","k-group-cell",{"k-grid-content-sticky":C}),role:"gridcell"};if(n>t)return{tdProps:p,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0};if(n<t){const v=T(u,r,n,e,l,!0);return{tdProps:p,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0,leadingGroupColumnSpan:v.leadingGroupColumnSpan,contentColumnSpan:v.contentColumnSpan,trailingGroupColumnSpan:v.trailingGroupColumnSpan}}const f={className:"k-table-td",style:a,key:d?"g-single-footer":"g-multi-footer",role:"gridcell"},s=T(u,r,n,e,l,!1);return{tdProps:f,td2Props:null,content:null,renderToggleCell:!1,hasCheckboxColumn:!!G,leadingGroupColumnSpan:s.leadingGroupColumnSpan,contentColumnSpan:s.contentColumnSpan,trailingGroupColumnSpan:s.trailingGroupColumnSpan,getColumnIndexForField:H}},le=()=>n===void 0||e===void 0||n<e||l===void 0||r!=="groupHeader"||g[S]===void 0?{tdProps:{style:a,key:"g"+n,className:R.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":C}),role:"gridcell"},td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!0}:n!==e?{tdProps:null,td2Props:null,content:null,renderToggleCell:!1,isSpacerCell:!1}:{tdProps:{className:"k-table-td",style:V(a),colSpan:l-n,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":i,"aria-colindex":m},td2Props:null,content:O(`${F}: ${x}`),renderToggleCell:!0,isSpacerCell:!1};return u==="compact"?ee():(d||k)&&r==="groupHeader"?ne():(k||d)&&r==="groupFooter"?oe():le()},ge=o=>{var n,e;return(e=(n=o.cells)==null?void 0:n.group)==null?void 0:e[o.rowType||"data"]};exports.getCustomCell=ge;exports.getGroupCellTdProps=pe;