@progress/kendo-react-grid 15.2.0-develop.2 → 15.2.0-develop.4

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

package/GridComponent.mjs

@@ -133,7 +133,7 @@ const Ua = n.forwardRef((e, mt) => {
     C = t.filter((o) => o.parentIndex === -1).map(r);
   }, wt = (t, i) => {
     t.filter((l) => l.columnType === "checkbox").forEach((l) => {
-      l.width = l.width || "50px", l.defaultCell = e.isClient ? Ma : Ba, l.defaultHeaderCell = ba, l._type = "edit";
+      l.width = l.width || "50px", l.defaultCell = e.isClient ? Ma : Ba, l.defaultHeaderCell = ba, l._type = "edit", l.sortable = !1, l.filterable = !1, l.editable = !1;
     }), I !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
       l.width = l.width || "50px", l.defaultCell = e.isClient ? xa : za, l.defaultHeaderCell = Ha, l.sortable = !1, l.filterable = !1, l.editable = !1;
     }), e.pinnable && t.filter((l) => l.columnType === "pin").forEach((l) => {

package/cells/groupcell/GridGroupCell.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),p=require("./utils.js"),f=require("./useGroupCellClientTdProps.js"),y=require("../hooks.js");function b(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>l[e]})}}return t.default=l,Object.freeze(t)}const o=b(P),T=l=>{const{cellProps:t}=l,{tdProps:e,td2Props:n,content:c,renderToggleCell:C}=p.getGroupCellTdProps(t),r=f.useGroupCellClientTdProps(t,C),m=y.useLegacyCellProps(t),g={...t,...m},u={...e,...r,style:{...e==null?void 0:e.style,...r.style}},s=n?{...n,onContextMenu:r.onContextMenu}:null,i=p.getCustomCell(t);if(i)return e?o.createElement(i,{...g,tdProps:u,td2Props:s},c):null;const a=e?o.createElement("td",{...u,key:e==null?void 0:e.key},c):null,d=s?o.createElement("td",{...s}):null;return d?o.createElement(o.Fragment,null,a,d):a};exports.GridGroupCell=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),a=require("./utils.js"),f=require("./useGroupCellClientTdProps.js"),T=require("../hooks.js");function G(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>l[e]})}}return t.default=l,Object.freeze(t)}const n=G(b),O=l=>{const{cellProps:t}=l,{tdProps:e,td2Props:o,content:c,renderToggleCell:C}=a.getGroupCellTdProps(t),r=f.useGroupCellClientTdProps(t,C),m=T.useLegacyCellProps(t),P={...t,...m},g={...e,...r,style:{...e==null?void 0:e.style,...r.style}},s=o?{...o,onContextMenu:r.onContextMenu}:null,{key:y,...u}=g,i=a.getCustomCell(t);if(i)return e?n.createElement(i,{...P,tdProps:u,td2Props:s},c):null;const d=e?n.createElement("td",{...u,key:y},c):null,p=s?n.createElement("td",{...s}):null;return p?n.createElement(n.Fragment,null,d,p):d};exports.GridGroupCell=O;

package/cells/groupcell/GridGroupCell.mjs

@@ -7,16 +7,16 @@
  */
 "use client";
 import * as t from "react";
-import { getGroupCellTdProps as P, getCustomCell as g } from "./utils.mjs";
-import { useGroupCellClientTdProps as y } from "./useGroupCellClientTdProps.mjs";
-import { useLegacyCellProps as f } from "../hooks.mjs";
-const b = (u) => {
-  const { cellProps: l } = u, { tdProps: e, td2Props: r, content: s, renderToggleCell: d } = P(l), o = y(l, d), i = f(l), a = { ...l, ...i }, c = { ...e, ...o, style: { ...e == null ? void 0 : e.style, ...o.style } }, n = r ? { ...r, onContextMenu: o.onContextMenu } : null, m = g(l);
-  if (m)
-    return e ? /* @__PURE__ */ t.createElement(m, { ...a, tdProps: c, td2Props: n }, s) : null;
-  const C = e ? /* @__PURE__ */ t.createElement("td", { ...c, key: e == null ? void 0 : e.key }, s) : null, p = n ? /* @__PURE__ */ t.createElement("td", { ...n }) : null;
-  return p ? /* @__PURE__ */ t.createElement(t.Fragment, null, C, p) : C;
+import { getGroupCellTdProps as g, getCustomCell as T } from "./utils.mjs";
+import { useGroupCellClientTdProps as f } from "./useGroupCellClientTdProps.mjs";
+import { useLegacyCellProps as b } from "../hooks.mjs";
+const k = (d) => {
+  const { cellProps: l } = d, { tdProps: e, td2Props: r, content: s, renderToggleCell: u } = g(l), o = f(l, u), i = b(l), P = { ...l, ...i }, a = { ...e, ...o, style: { ...e == null ? void 0 : e.style, ...o.style } }, n = r ? { ...r, onContextMenu: o.onContextMenu } : null, { key: y, ...c } = a, p = T(l);
+  if (p)
+    return e ? /* @__PURE__ */ t.createElement(p, { ...P, tdProps: c, td2Props: n }, s) : null;
+  const m = e ? /* @__PURE__ */ t.createElement("td", { ...c, key: y }, s) : null, C = n ? /* @__PURE__ */ t.createElement("td", { ...n }) : null;
+  return C ? /* @__PURE__ */ t.createElement(t.Fragment, null, m, C) : m;
 };
 export {
-  b as GridGroupCell
+  k as GridGroupCell
 };

package/cells/groupcell/GridGroupCellServer.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 g=require("react"),s=require("./GridGroupCellServerContainer.js"),u=require("../../utils/index.js"),a=require("./utils.js");function f(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,e.get?e:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=f(g),m=t=>{const{cellProps:l}=t,r=u.getClientCellProps(l),{tdProps:e,td2Props:o,content:c,renderToggleCell:C}=a.getGroupCellTdProps(l),i=a.getCustomCell(l);if(i){const p=u.isClientReference(i);return n.createElement(s.GridGroupCellServerContainer,{cellProps:r,tdProps:e,td2Props:o,isCustom:!0,isClient:p,renderToggleCell:!0},n.createElement(i,{...r,tdProps:e,td2Props:o},c))}const d=e?n.createElement("td",{...e,key:e==null?void 0:e.key},c):null;return n.createElement(s.GridGroupCellServerContainer,{cellProps:r,renderToggleCell:C,tdProps:e,td2Props:o,content:c},d)};exports.GridGroupCellServer=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),i=require("./GridGroupCellServerContainer.js"),d=require("../../utils/index.js"),p=require("./utils.js");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const l=y(m),G=t=>{const{cellProps:r}=t,e=d.getClientCellProps(r),{tdProps:o,td2Props:n,content:s,renderToggleCell:a}=p.getGroupCellTdProps(r),c=p.getCustomCell(r);if(c){const f=d.isClientReference(c),{key:S,...u}=o||{};return l.createElement(i.GridGroupCellServerContainer,{cellProps:e,tdProps:u,td2Props:n,isCustom:!0,isClient:f,renderToggleCell:!0},l.createElement(c,{...e,tdProps:u,td2Props:n},s))}const{key:C,...g}=o||{},P=o?l.createElement("td",{...g,key:C},s):null;return l.createElement(i.GridGroupCellServerContainer,{cellProps:e,renderToggleCell:a,tdProps:o,td2Props:n,content:s},P)};exports.GridGroupCellServer=G;

package/cells/groupcell/GridGroupCellServer.mjs

@@ -5,40 +5,40 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
-import { GridGroupCellServerContainer as c } from "./GridGroupCellServerContainer.mjs";
-import { getClientCellProps as u, isClientReference as a } from "../../utils/index.mjs";
-import { getGroupCellTdProps as d, getCustomCell as g } from "./utils.mjs";
-const E = (i) => {
-  const { cellProps: t } = i, l = u(t), { tdProps: e, td2Props: o, content: n, renderToggleCell: C } = d(t), s = g(t);
+import * as t from "react";
+import { GridGroupCellServerContainer as p } from "./GridGroupCellServerContainer.mjs";
+import { getClientCellProps as a, isClientReference as g } from "../../utils/index.mjs";
+import { getGroupCellTdProps as f, getCustomCell as y } from "./utils.mjs";
+const k = (i) => {
+  const { cellProps: r } = i, o = a(r), { tdProps: e, td2Props: l, content: n, renderToggleCell: C } = f(r), s = y(r);
   if (s) {
-    const p = a(s);
-    return /* @__PURE__ */ r.createElement(
-      c,
+    const P = g(s), { key: G, ...c } = e || {};
+    return /* @__PURE__ */ t.createElement(
+      p,
       {
-        cellProps: l,
-        tdProps: e,
-        td2Props: o,
+        cellProps: o,
+        tdProps: c,
+        td2Props: l,
         isCustom: !0,
-        isClient: p,
+        isClient: P,
         renderToggleCell: !0
       },
-      /* @__PURE__ */ r.createElement(s, { ...l, tdProps: e, td2Props: o }, n)
+      /* @__PURE__ */ t.createElement(s, { ...o, tdProps: c, td2Props: l }, n)
     );
   }
-  const m = e ? /* @__PURE__ */ r.createElement("td", { ...e, key: e == null ? void 0 : e.key }, n) : null;
-  return /* @__PURE__ */ r.createElement(
-    c,
+  const { key: m, ...u } = e || {}, d = e ? /* @__PURE__ */ t.createElement("td", { ...u, key: m }, n) : null;
+  return /* @__PURE__ */ t.createElement(
+    p,
     {
-      cellProps: l,
+      cellProps: o,
       renderToggleCell: C,
       tdProps: e,
-      td2Props: o,
+      td2Props: l,
       content: n
     },
-    m
+    d
   );
 };
 export {
-  E as GridGroupCellServer
+  k as GridGroupCellServer
 };

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 b=require("react"),k=require("@progress/kendo-react-common"),S=require("./GridGroupCellToggle.js"),P=require("../../utils/index.js");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const g=T(b),v=t=>{const{columnIndex:e,level:l,columnsCount:r,rowType:p,dataItem:n,field:m,expanded:f,ariaColumnIndex:C,locked:s,style:a}=t,c=m||"";let o=null,d=null,i=null;const y=P.getClientCellProps(t);let u=!1;return e===void 0||l===void 0||e<l||r===void 0||p!=="groupHeader"||n[c]===void 0?o={style:a,key:"g"+e,className:k.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":s}),role:"gridcell"}:e===l&&(u=!0,o={className:"k-table-td",style:a,colSpan:r-e,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":f,"aria-colindex":C},i=g.createElement("p",{className:"k-reset"},g.createElement(S.GridGroupCellToggle,{...y}),n[c]instanceof Date?n[c].toString():n[c]),s&&(o={...o,colSpan:0,style:{...a,position:"sticky",zIndex:2}},d={className:"k-table-td",role:"gridcell",colSpan:r-e,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:o,td2Props:d,content:i,renderToggleCell:u}},x=t=>{var e,l;return(l=(e=t.cells)==null?void 0:e.group)==null?void 0:l[t.rowType||"data"]};exports.getCustomCell=x;exports.getGroupCellTdProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),b=require("@progress/kendo-react-common"),S=require("./GridGroupCellToggle.js"),P=require("../../utils/index.js");function T(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const l in t)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(t,l);Object.defineProperty(e,l,r.get?r:{enumerable:!0,get:()=>t[l]})}}return e.default=t,Object.freeze(e)}const s=T(y),v=t=>{const{columnIndex:e,level:l,columnsCount:r,rowType:p,dataItem:n,field:m,expanded:f,ariaColumnIndex:C,locked:d,style:c}=t,a=m||"";let o=null,i=null,u=null;const k=P.getClientCellProps(t);let g=!1;return e===void 0||l===void 0||e<l||r===void 0||p!=="groupHeader"||n[a]===void 0?o={style:c,key:"g"+e,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":d}),role:"gridcell"}:e===l&&(g=!0,o={className:"k-table-td",style:c,colSpan:r-e,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":f,"aria-colindex":C},u=s.createElement("div",{className:"k-grouping-row-content"},s.createElement(S.GridGroupCellToggle,{...k}),s.createElement("span",{className:"k-grouping-row-text"},n[a]instanceof Date?n[a].toString():n[a])),d&&(o={...o,colSpan:0,style:{...c,position:"sticky",zIndex:2}},i={className:"k-table-td",role:"gridcell",colSpan:r-e,style:{borderLeftWidth:0,borderRightWidth:0}})),{tdProps:o,td2Props:i,content:u,renderToggleCell:g}},x=t=>{var e,l;return(l=(e=t.cells)==null?void 0:e.group)==null?void 0:l[t.rowType||"data"]};exports.getCustomCell=x;exports.getGroupCellTdProps=v;

package/cells/groupcell/utils.mjs

@@ -5,21 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as m from "react";
+import * as c from "react";
 import { classNames as y } from "@progress/kendo-react-common";
 import { GridGroupCellToggle as x } from "./GridGroupCellToggle.mjs";
-import { getClientCellProps as S } from "../../utils/index.mjs";
+import { getClientCellProps as v } from "../../utils/index.mjs";
 const T = (t) => {
-  const { columnIndex: e, level: l, columnsCount: n, rowType: g, dataItem: r, field: u, expanded: f, ariaColumnIndex: k, locked: s, style: d } = t, a = u || "";
-  let o = null, c = null, i = null;
-  const C = S(t);
-  let p = !1;
-  return e === void 0 || l === void 0 || e < l || n === void 0 || g !== "groupHeader" || r[a] === void 0 ? o = {
+  const { columnIndex: e, level: l, columnsCount: n, rowType: m, dataItem: r, field: u, expanded: f, ariaColumnIndex: k, locked: s, style: d } = t, a = u || "";
+  let o = null, i = null, p = null;
+  const C = v(t);
+  let g = !1;
+  return e === void 0 || l === void 0 || e < l || n === void 0 || m !== "groupHeader" || r[a] === void 0 ? o = {
     style: d,
     key: "g" + e,
     className: y("k-table-td", "k-group-cell", { "k-grid-content-sticky": s }),
     role: "gridcell"
-  } : e === l && (p = !0, o = {
+  } : e === l && (g = !0, o = {
     className: "k-table-td",
     style: d,
     colSpan: n - e,
@@ -28,21 +28,21 @@ const T = (t) => {
     "aria-selected": !1,
     "aria-expanded": f,
     "aria-colindex": k
-  }, i = /* @__PURE__ */ m.createElement("p", { className: "k-reset" }, /* @__PURE__ */ m.createElement(x, { ...C }), r[a] instanceof Date ? r[a].toString() : r[a]), s && (o = {
+  }, p = /* @__PURE__ */ c.createElement("div", { className: "k-grouping-row-content" }, /* @__PURE__ */ c.createElement(x, { ...C }), /* @__PURE__ */ c.createElement("span", { className: "k-grouping-row-text" }, r[a] instanceof Date ? r[a].toString() : r[a])), s && (o = {
     ...o,
     colSpan: 0,
     style: { ...d, position: "sticky", zIndex: 2 }
-  }, c = {
+  }, i = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: n - e,
     style: { borderLeftWidth: 0, borderRightWidth: 0 }
-  })), { tdProps: o, td2Props: c, content: i, renderToggleCell: p };
-}, I = (t) => {
+  })), { tdProps: o, td2Props: i, content: p, renderToggleCell: g };
+}, w = (t) => {
   var e, l;
   return (l = (e = t.cells) == null ? void 0 : e.group) == null ? void 0 : l[t.rowType || "data"];
 };
 export {
-  I as getCustomCell,
+  w as getCustomCell,
   T as getGroupCellTdProps
 };