@progress/kendo-react-grid 9.4.0-develop.20 → 9.4.0-develop.22

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 bt=require("react"),d=require("@progress/kendo-react-common"),Ct=require("@progress/kendo-data-query"),b=require("@progress/kendo-react-data-tools"),yt=require("./cells/GridSelectionCell.js"),ht=require("./cells/GridHierarchyCell.js"),wt=require("./cells/GridEditCell.js"),Gt=require("./header/Header.js"),St=require("./header/HeaderRow.js"),Et=require("./header/FilterRow.js"),Rt=require("./header/GroupPanel.js"),It=require("./footer/Footer.js"),u=require("./utils/index.js"),vt=require("./cells/GridCell.js"),He=require("./cells/GridGroupCell.js"),xt=require("./rows/GridRow.js"),Nt=require("./header/GridHeaderSelectionCell.js"),Pe=require("./components/noRecords/GridNoRecords.js"),Ke=require("./filterCommon.js"),kt=require("./footer/FooterRow.js"),qt=require("./paging/GridPagerSettings.js"),Ft=require("./package-metadata.js"),Dt=require("./cells/GridDetailCell.js"),Tt=require("./cells/GridDetailHierarchyCell.js"),Ve=require("./components/noRecords/GridNoRecordsContainer.js"),Ht=require("./GridWatermarkOverlay.js"),Oe=require("./GridClientWrapper.js"),Pt=require("./components/colGroup/GridColGroup.js"),Kt=require("./components/table/GridTable.js"),Ae=require("./components/GridDropClue.js"),Be=require("./components/GridDragClue.js"),Le=require("./components/table/GridTableBody.js"),Vt=require("./components/PagerContainer.js"),Ot=require("./components/table/GridTableScrollable.js"),_e=require("./components/GridElementContainer.js"),At=require("./components/GridContainerElementContainer.js"),Bt=require("./components/VirtualScrollHeightContainer.js"),ze=require("@progress/kendo-react-intl"),te=require("./messages/index.js"),$=require("./VirtualScrollFixed.js"),Lt=require("./VirtualScroll.js"),_t=require("./components/GridCustomCellClientContainer.js"),zt=require("./components/GridDraggableRowsContainer.js"),Mt=require("./cells/GridRowReorderCell.js"),Wt=require("./header/client/GridHeaderRowReorderCell.js"),Me=require("./components/GridLoader.js");function jt(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const C in e)if(C!=="default"){const S=Object.getOwnPropertyDescriptor(e,C);Object.defineProperty(k,C,S.get?S:{enumerable:!0,get:()=>e[C]})}}return k.default=e,Object.freeze(k)}const a=jt(bt),We=a.forwardRef((e,k)=>{var Se,Ee,Re,Ie,ve,xe,Ne;const C=e.id+"-role-element-id",S=e.navigatable?C:"";d.validatePackage(Ft.packageMetadata);const je=(t,r,c,o,i,l,s)=>{const f=[],w=u.flatData(f,E,t,{index:r},c!==void 0,o,i,l,lt.defaultExpand,s);return{flattedData:f,resolvedGroupsCount:w}},$e=t=>{const r=t.filter(i=>i&&i.type&&i.type.displayName==="KendoReactGridColumn"),c=g.current.filter(i=>i.declarationIndex>=0&&i.parentIndex===-1),o=u.sanitizeColumns(c);return u.readColumns(r,o,{prevId:0,idPrefix:S})},Ue=t=>t.filter(r=>d.canUseDOM&&r&&r.media?window.matchMedia(r.media).matches:r),Qe=()=>{const t=[],r=(c,o)=>c==null?void 0:c.forEach(i=>{const l=i.hidden||o;t.push({...i,hidden:l}),r(i.children,l)});return r(e.columnsState,!1),t},Je=t=>{const r=Qe();return t.filter(c=>{var o;return!((o=r.find(i=>i.id===c.id))!=null&&o.hidden)})},Xe=(t,r)=>{var i;const c=$e(t),o=Ue(c);g.current=o,g.current.length===0&&(g.current=u.autoGenerateColumns(E,e.group,{column:(i=V.column)!=null?i:e.expandField},{prevId:0,idPrefix:S})),g.current=Je(g.current),Ye(g.current,r),q=u.mapColumns(g.current,!0),le.current=g.current.map(u.clientColumn)},Ye=(t,r)=>{var i;t.filter(l=>e.selectedField&&l.field===e.selectedField||l.columnType==="checkbox").forEach(l=>{l.width=l.width||"50px",l.cell=l.cell||yt.GridSelectionCell,l._type="edit",l.headerCell=l.headerCell||Nt.GridHeaderSelectionCell}),D!==void 0&&t.filter(l=>l.columnType==="reorder").forEach(l=>{l.width=l.width||"50px",l.cell=l.cell||Mt.GridRowReorderCell,l.headerCell=l.headerCell||Wt.GridHeaderRowReorderCell,l.sortable=!1,l.filterable=!1,l.editable=!1});const c={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 o=0;(e.expandField||V.enabled)&&e.detail&&(t.unshift({...c,_type:"expand",cell:ht.GridHierarchyCell,field:(i=V.column)!=null?i:e.expandField,headerClassName:d.classNames(m.hierarchyCell({}))}),o++);for(let l=0;l<r;l++)t.unshift({...c,isAccessible:!1,cell:He.GridGroupCell,field:"value",locked:e.lockGroups}),o++;t.slice(o).forEach(l=>{l.parentIndex>=0&&(l.parentIndex+=o),l.rowSpannable=l.rowSpannable!==void 0?u.getRowSpanOptions(l.rowSpannable):ne})},ae=()=>E.length===e.total,Ze=()=>{const{rowHeight:t,detailRowHeight:r,detail:c,expandField:o}=e,i=ae(),l=t!==void 0&&t>0,s=r!==void 0&&r>0;return!l||K&&!i||!!(c&&o)&&(!s||!i)?Lt.VirtualScroll:$.VirtualScrollFixed},U=()=>e.isClient?g:le,pe=(t,r,c,o,i,l)=>{let s=u.getColSpan(t,r);if(e.columnVirtualization&&t.colSpan===1)return{colSpan:l,colsToSkip:i};let f=c.length-1===o,w=c.length-o;return e.columnVirtualization&&(f=h.length-1===o,w=h.length-o),s>1&&!f?i=s-1:s=1,w<=s&&!f&&(s=w),{colSpan:s,colsToSkip:i}};let Q,y=[],_;const g=e.columnsRef||{current:[]},le={current:[]};let q=[[]];const et=e.scrollLeftRef||{current:0},z=e.localization||new ze.LocalizationService,tt=e.intl||new ze.IntlService("en"),F=e.unstyled,m=F&&F.uGrid?F.uGrid:d.uGrid,D=typeof e.rowReorderable=="object"?e.rowReorderable.enabled:e.rowReorderable,T=e.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let E,N;if(Array.isArray(e.data)?(E=e.data,N=(Se=e.total)!=null?Se:E.length):(E=((Ee=e.data)==null?void 0:Ee.data)||[],N=(ve=(Ie=e.total)!=null?Ie:(Re=e.data)==null?void 0:Re.total)!=null?ve:E.length),T){const{data:t,total:r}=Ct.process(E,{group:T.group?e.group:void 0,sort:T.sort?e.sort:void 0,filter:b.combineFilters(T.filter?e.filter:void 0,T.search?e.search:void 0),...T.page?{take:e.take,skip:e.skip}:{}});E=t,N=(xe=e.total)!=null?xe:r}const{size:I="medium"}=e,at=typeof e.groupable=="object"&&e.groupable.footer||"none",H=e.scrollable==="virtual",K=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,V=b.getDetailExpandableOptions(!!e.detail),lt=b.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),{resolvedGroupsCount:rt,flattedData:nt}=je(at,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);y=nt;const J=Ze();J===$.VirtualScrollFixed&&ae()&&(_=y.slice(e.skip||0,(e.skip||0)+((e.take!==void 0?e.take:e.pageSize)||0)));const re=b.getSelectionOptions(e.selectable||!!e.selectedField),ne=u.getRowSpanOptions(e.rowSpannable),it=re&&re.drag?"none":void 0,M=a.Children.toArray(e.children);Xe(M,rt);const ie=M.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?a.cloneElement(t,{...t.props,ariaControls:C}):null),W=M.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),oe=M.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),h=g.current.filter(t=>t.children.length===0),de=K&&a.createElement(Rt.GroupPanel,{columns:U().current,group:e.group||[],ariaControls:C}),ce=a.createElement(Gt.Header,{size:I,staticHeaders:e.scrollable!=="none",draggable:e.reorderable||K,headerRow:a.createElement(St.HeaderRow,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:K,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Ke.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:g.current,columnsMap:q,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:z,unstyled:F,headerSelectionValue:!!(e.select&&y.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&d.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[d.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&a.createElement(Et.FilterRow,{cells:e.cells,size:I,columns:g.current,filter:e.filter,filterOperators:e.filterOperators||Ke.operators,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:q.length+1,localization:z})||void 0,cols:h.map((t,r)=>a.createElement("col",{key:r.toString(),width:u.getColumnWidth(t)}))}),ot=et.current||0,dt=parseFloat(((e.style||{}).width||"").toString()),ct=(t,r,c,o,i)=>{let l=!1;const s=e.selectedField?u.getNestedValue(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&d.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[d.getter(e.dataItemKey)(t.dataItem)]:void 0;let f=0;const{colSpans:w,hiddenColumns:P}=b.tableColumnsVirtualization({enabled:e.columnVirtualization,columns:h,tableViewPortWidth:dt,scrollLeft:ot,getColSpan:u.getColSpan,dataItem:t.dataItem}),v=h.filter((n,G)=>!P[G]);return{row:h.map((n,G)=>{var qe,Fe,De,Te;if(P[G])return null;if(f>0)return f--,null;let R;if((qe=n.rowSpannable)!=null&&qe.enabled&&t.rowType==="data"&&n.field&&i){const x=n.field?(De=(Fe=n.rowSpannable).valueGetter)==null?void 0:De.call(Fe,t.dataItem,n.field):null;R={value:x,count:1},i[n.field]&&((Te=i[n.field])==null?void 0:Te.value)===x&&i[n.field]!==null?(i[n.field].count++,R.count=null):i[n.field]=R}const{colSpan:A,colsToSkip:Z}=pe(n,t.dataItem,v,G,f,w[G]);f=Z;const B=n.id?n.id:G,ft=d.classNames(m.contentSticky({locked:n.locked}),n.className),gt=n.left!==void 0?{left:n.left,right:n.right}:{};let ke=!1;if(n.editable&&(e.editable||e.editField)){const x=e.editField?u.getNestedValue(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[d.getter(e.dataItemKey)(t.dataItem)]:void 0,ee=typeof x=="boolean"?x:Array.isArray(x)?x.indexOf(n.field)>-1:n.field!==void 0&&x===n.field;ee&&n.columnType==="data"&&(ee===!0||ee===n.field)&&(l=!0,ke=!0)}const p=n.cell||ke&&wt.GridEditCell||vt.GridCell,mt=e.expandField&&e.detail&&n.field===e.expandField||n._type==="expand",L={locked:e.lockGroups,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${r}-${String(G)}`,S,mt||t.rowType==="groupHeader"||t.rowType==="groupFooter"||n.field==="value"?"nodata":"cell"),colSpan:A,dataItem:t.dataItem,field:n.field,editor:n.editor,format:n.format,columnType:n.columnType,rowReorderable:D,className:ft,render:e.cellRender,cells:u.resolveCells(e.cells,n.cells),columnIndex:G,columnsCount:h.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:c,columnPosition:gt,style:{},ariaColumnIndex:n.ariaColumnIndex,isSelected:(n==null?void 0:n._type)==="edit"?s:Array.isArray(s)&&s.indexOf(G)>-1,isSorted:!!u.isSorted(n.field,e.sort),isInEdit:l,isAlt:o,unstyled:F,group:t.group,localization:z,intl:tt,_rowSpan:R};return n.cell?a.createElement(_t.GridCustomCellClientContainer,{key:B,isClient:u.isClientReference(p),dataItem:L.dataItem,rowDataIndex:L.rowDataIndex,columnIndex:L.columnIndex},a.createElement(p,{...L})):a.createElement(p,{key:B,...L})}),isInEdit:l,isSelected:typeof s=="boolean"&&s}};let se=0;if(H&&Q)for(let t=0;t<Q.topCacheCount+Q.attendedSkip-(e.skip||0);t++){const r=y.shift();if(r)y.push(r),se++,r.rowType==="groupHeader"&&t--;else break}const ue=t=>t>=y.length-se;let fe=e.skip||0;const X=[],ge=!y.length,me=q.length+(e.filterable?1:0)+1;let O=0;if(y.length){let t=-1,r=0;const c=ne.enabled?{}:void 0;(_||y).forEach((o,i)=>{o.rowType==="data"&&(fe++,t++);const l=fe%2===0,s=e.dataItemKey&&d.getter(e.dataItemKey)(o.dataItem),f=i+(e.skip||0),w=s||"ai"+f,P=w+"_1",v=ct(o,w,t,l,c);if(O=f+me+r,X.push(a.createElement(xt.GridRow,{key:w,dataItem:o.dataItem,isAltRow:l,isInEdit:v.isInEdit,rowType:o.rowType,isRowReorderable:D,isHidden:ue(i),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:O,absoluteRowIndex:f,dataIndex:H&&!e.groupable?f:t,isSelected:v.isSelected,rows:e.rows},v.row)),e.detail&&o.rowType==="data"&&o.expanded){const n=h.length-(e.expandField||V.enabled?1:0)-(e.group?e.group.length:0)||1;r++,O=f+me+r,X.push(a.createElement("tr",{key:P,className:d.classNames(m.detailTr({isAlt:l})),style:{visibility:ue(i)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":O},e.group&&e.group.map((G,R)=>{var B;const A=(B=v==null?void 0:v.row[R])==null?void 0:B.props.style,Z=A?{left:A.left,right:A.right}:{};return a.createElement(He.GridGroupCell,{id:"",dataIndex:o.dataIndex,field:G.field,dataItem:o.dataItem,key:R,columnPosition:Z,style:{},ariaColumnIndex:1+R,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:o.group})}),(e.expandField||V.enabled)&&a.createElement(Tt.GridDetailHierarchyCell,{unstyled:F,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${P}-dhcell`,S)}),a.createElement(Dt.GridDetailCell,{dataItem:o.dataItem,dataIndex:o.dataIndex,colSpan:n,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${P}-dcell`,S)})))}})}const be={size:I,total:N,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...qt.normalize(e.pageable||{})},Ce=a.createElement(Vt.PagerContainer,null,e.pager?a.createElement(e.pager,{...be}):a.createElement(b.Pager,{className:d.classNames(m.pager({})),...be})),st=(t,r)=>a.createElement("col",{key:r.toString(),width:u.getColumnWidth(t)}),ut=(Ne=e.cells)!=null&&Ne.footerCell||g.current.some(t=>{var r;return!!(t.footerCell||(r=t.cells)!=null&&r.footerCell)})?a.createElement(It.Footer,{size:I,staticHeaders:e.scrollable!=="none",row:a.createElement(kt.FooterRow,{cells:e.cells,idPrefix:S,columns:g.current,ariaRowIndex:O+1}),cols:h.map(st)}):null,ye=a.createElement(Pt.GridColGroup,null,h.map((t,r)=>a.createElement("col",{key:r.toString(),className:u.isSorted(t.field,e.sort)?d.classNames(m.sorted({})):void 0,width:u.getColumnWidth(t)}))),he=e.reorderable||K,{detail:$t,cells:Ut,rows:Qt,...we}=e,Ge=a.createElement("tbody",{role:"rowgroup",className:d.classNames(m.tbody({})),...b.tableKeyboardNavigationBodyAttributes},X);let Y=Ge;if(D&&(Y=a.createElement(zt.GridReorderableRowsContainer,{unstyled:m,columns:g.current,rowReorderSettings:e.rowReorderable},Ge)),e.scrollable==="none")return a.createElement(Oe.GridClientWrapper,{gridRef:k,gridProps:we,columnsRef:U(),columnsMapRef:q,dataRef:y,slicedData:_,isFixedVirtualScroll:J===$.VirtualScrollFixed,id:C,total:N,detailExpandable:!!e.detail},a.createElement(_e.GridElementContainer,null,a.createElement("div",{id:e.id,style:e.style,className:d.classNames(m.wrapper({size:I}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},ie,de,a.createElement(Kt.GridTable,{selectable:e.selectable,className:d.classNames(m.table({size:I}))},ye,ce,a.createElement(Le.GridTableBody,{rowReorderable:D},Y)),ge&&a.createElement(Ve.GridNoRecordsContainer,null,W.length?W:a.createElement(Pe.GridNoRecords,null)),he&&a.createElement(a.Fragment,null,a.createElement(Ae.GridDropClue,null),a.createElement(Be.GridDragClue,null)))),oe,e.pageable&&Ce,a.createElement(Me.GridLoader,{loader:e.loader,showLoader:e.showLoader}));let j=e.style||{};return H&&(j.height||(j=Object.assign({},j,{height:"450px"}))),a.createElement(Oe.GridClientWrapper,{gridRef:k,gridProps:we,columnsRef:U(),columnsMapRef:q,dataRef:y,slicedData:_,isFixedVirtualScroll:J===$.VirtualScrollFixed,id:C,total:N,detailExpandable:!!e.detail},a.createElement(_e.GridElementContainer,null,a.createElement("div",{id:e.id,style:j,className:d.classNames(m.wrapper({size:I,virtual:H}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},ie,de,a.createElement("div",{className:d.classNames(m.ariaRoot({})),role:"grid","aria-colcount":h.length,"aria-rowcount":N,id:C,"aria-label":z.toLanguageString(te.gridAriaLabel,te.messages[te.gridAriaLabel])},ce,a.createElement("div",{className:d.classNames(m.container({})),role:"presentation"},a.createElement(At.GridContainerElementContainer,null,a.createElement("div",{className:d.classNames(m.content({})),role:"presentation"},a.createElement("div",{className:d.classNames(m.tableWrap({})),role:"presentation"},a.createElement(Ot.GridTableScrollable,{selectable:e.selectable,tableClassName:d.classNames(m.table({size:I})),tableStyle:{userSelect:it}},ye,a.createElement(Le.GridTableBody,{rowReorderable:D},Y)),ge&&a.createElement(Ve.GridNoRecordsContainer,null,W.length?W:a.createElement(Pe.GridNoRecords,null))),H&&a.createElement("div",{className:d.classNames(m.heightContainer({})),role:"presentation"},a.createElement(Bt.VirtualScrollHeightContainer,{isVirtualScroll:H}))))),ut,he&&a.createElement(a.Fragment,null,a.createElement(Ae.GridDropClue,null),a.createElement(Be.GridDragClue,null)),a.createElement(Ht.GridWatermarkOverlay,null)),oe,e.pageable&&Ce,a.createElement(Me.GridLoader,{loader:e.loader,showLoader:e.showLoader}))))});We.displayName="KendoReactGridComponent";exports.GridComponent=We;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const bt=require("react"),d=require("@progress/kendo-react-common"),Ct=require("@progress/kendo-data-query"),b=require("@progress/kendo-react-data-tools"),yt=require("./cells/GridSelectionCell.js"),ht=require("./cells/GridHierarchyCell.js"),wt=require("./cells/GridEditCell.js"),Gt=require("./header/Header.js"),St=require("./header/HeaderRow.js"),Et=require("./header/FilterRow.js"),Rt=require("./header/GroupPanel.js"),It=require("./footer/Footer.js"),s=require("./utils/index.js"),vt=require("./cells/GridCell.js"),He=require("./cells/GridGroupCell.js"),xt=require("./rows/GridRow.js"),Nt=require("./header/GridHeaderSelectionCell.js"),Pe=require("./components/noRecords/GridNoRecords.js"),Ke=require("./filterCommon.js"),kt=require("./footer/FooterRow.js"),qt=require("./paging/GridPagerSettings.js"),Ft=require("./package-metadata.js"),Dt=require("./cells/GridDetailCell.js"),Tt=require("./cells/GridDetailHierarchyCell.js"),Ve=require("./components/noRecords/GridNoRecordsContainer.js"),Ht=require("./GridWatermarkOverlay.js"),Oe=require("./GridClientWrapper.js"),Pt=require("./components/colGroup/GridColGroup.js"),Kt=require("./components/table/GridTable.js"),Ae=require("./components/GridDropClue.js"),Be=require("./components/GridDragClue.js"),Le=require("./components/table/GridTableBody.js"),Vt=require("./components/PagerContainer.js"),Ot=require("./components/table/GridTableScrollable.js"),_e=require("./components/GridElementContainer.js"),At=require("./components/GridContainerElementContainer.js"),Bt=require("./components/VirtualScrollHeightContainer.js"),ze=require("@progress/kendo-react-intl"),te=require("./messages/index.js"),$=require("./VirtualScrollFixed.js"),Lt=require("./VirtualScroll.js"),_t=require("./components/GridCustomCellClientContainer.js"),zt=require("./components/GridDraggableRowsContainer.js"),Mt=require("./cells/GridRowReorderCell.js"),Wt=require("./header/client/GridHeaderRowReorderCell.js"),Me=require("./components/GridLoader.js");function jt(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const C in e)if(C!=="default"){const S=Object.getOwnPropertyDescriptor(e,C);Object.defineProperty(k,C,S.get?S:{enumerable:!0,get:()=>e[C]})}}return k.default=e,Object.freeze(k)}const a=jt(bt),We=a.forwardRef((e,k)=>{var Se,Ee,Re,Ie,ve,xe,Ne;const C=e.id+"-role-element-id",S=e.navigatable?C:"";d.validatePackage(Ft.packageMetadata);const je=(t,r,c,o,i,l,u)=>{const g=[],w=s.flatData(g,E,t,{index:r},c!==void 0,o,i,l,lt.defaultExpand,u);return{flattedData:g,resolvedGroupsCount:w}},$e=t=>{const r=t.filter(i=>i&&i.type&&i.type.displayName==="KendoReactGridColumn"),c=f.current.filter(i=>i.declarationIndex>=0&&i.parentIndex===-1),o=s.sanitizeColumns(c);return s.readColumns(r,o,{prevId:0,idPrefix:S})},Ue=t=>t.filter(r=>d.canUseDOM&&r&&r.media?window.matchMedia(r.media).matches:r),Qe=()=>{const t=[],r=(c,o)=>c==null?void 0:c.forEach(i=>{const l=i.hidden||o;t.push({...i,hidden:l}),r(i.children,l)});return r(e.columnsState,!1),t},Je=t=>{const r=Qe();return t.filter(c=>{var o;return!((o=r.find(i=>i.id===c.id))!=null&&o.hidden)})},Xe=(t,r)=>{var i;const c=$e(t),o=Ue(c);f.current=o,f.current.length===0&&(f.current=s.autoGenerateColumns(E,e.group,{column:(i=V.column)!=null?i:e.expandField},{prevId:0,idPrefix:S})),f.current=Je(f.current),Ye(f.current,r),q=s.mapColumns(f.current,!0),le.current=f.current.map(s.clientColumn)},Ye=(t,r)=>{var i;t.filter(l=>e.selectedField&&l.field===e.selectedField||l.columnType==="checkbox").forEach(l=>{l.width=l.width||"50px",l.cell=l.cell||yt.GridSelectionCell,l._type="edit",l.headerCell=l.headerCell||Nt.GridHeaderSelectionCell}),D!==void 0&&t.filter(l=>l.columnType==="reorder").forEach(l=>{l.width=l.width||"50px",l.cell=l.cell||Mt.GridRowReorderCell,l.headerCell=l.headerCell||Wt.GridHeaderRowReorderCell,l.sortable=!1,l.filterable=!1,l.editable=!1});const c={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 o=0;(e.expandField||V.enabled)&&e.detail&&(t.unshift({...c,_type:"expand",cell:ht.GridHierarchyCell,field:(i=V.column)!=null?i:e.expandField,headerClassName:d.classNames(m.hierarchyCell({}))}),o++);for(let l=0;l<r;l++)t.unshift({...c,isAccessible:!1,cell:He.GridGroupCell,field:"value",locked:e.lockGroups}),o++;t.slice(o).forEach(l=>{l.parentIndex>=0&&(l.parentIndex+=o),l.rowSpannable=l.rowSpannable!==void 0?s.getRowSpanOptions(l.rowSpannable):ne})},ae=()=>E.length===e.total,Ze=()=>{const{rowHeight:t,detailRowHeight:r,detail:c,expandField:o}=e,i=ae(),l=t!==void 0&&t>0,u=r!==void 0&&r>0;return!l||K&&!i||!!(c&&o)&&(!u||!i)?Lt.VirtualScroll:$.VirtualScrollFixed},U=()=>e.isClient?f:le,pe=(t,r,c,o,i,l)=>{let u=s.getColSpan(t,r);if(e.columnVirtualization&&t.colSpan===1)return{colSpan:l,colsToSkip:i};let g=c.length-1===o,w=c.length-o;return e.columnVirtualization&&(g=h.length-1===o,w=h.length-o),u>1&&!g?i=u-1:u=1,w<=u&&!g&&(u=w),{colSpan:u,colsToSkip:i}};let Q,y=[],_;const f=e.columnsRef||{current:[]},le={current:[]};let q=[[]];const et=e.scrollLeftRef||{current:0},z=e.localization||new ze.LocalizationService,tt=e.intl||new ze.IntlService("en"),F=e.unstyled,m=F&&F.uGrid?F.uGrid:d.uGrid,D=s.isRowReorderEnabled(e.rowReorderable),T=e.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let E,N;if(Array.isArray(e.data)?(E=e.data,N=(Se=e.total)!=null?Se:E.length):(E=((Ee=e.data)==null?void 0:Ee.data)||[],N=(ve=(Ie=e.total)!=null?Ie:(Re=e.data)==null?void 0:Re.total)!=null?ve:E.length),T){const{data:t,total:r}=Ct.process(E,{group:T.group?e.group:void 0,sort:T.sort?e.sort:void 0,filter:b.combineFilters(T.filter?e.filter:void 0,T.search?e.search:void 0),...T.page?{take:e.take,skip:e.skip}:{}});E=t,N=(xe=e.total)!=null?xe:r}const{size:I="medium"}=e,at=typeof e.groupable=="object"&&e.groupable.footer||"none",H=e.scrollable==="virtual",K=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,V=b.getDetailExpandableOptions(!!e.detail),lt=b.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),{resolvedGroupsCount:rt,flattedData:nt}=je(at,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);y=nt;const J=Ze();J===$.VirtualScrollFixed&&ae()&&(_=y.slice(e.skip||0,(e.skip||0)+((e.take!==void 0?e.take:e.pageSize)||0)));const re=b.getSelectionOptions(e.selectable||!!e.selectedField),ne=s.getRowSpanOptions(e.rowSpannable),it=re&&re.drag?"none":void 0,M=a.Children.toArray(e.children);Xe(M,rt);const ie=M.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?a.cloneElement(t,{...t.props,ariaControls:C}):null),W=M.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),oe=M.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),h=f.current.filter(t=>t.children.length===0),de=K&&a.createElement(Rt.GroupPanel,{columns:U().current,group:e.group||[],ariaControls:C}),ce=a.createElement(Gt.Header,{size:I,staticHeaders:e.scrollable!=="none",draggable:e.reorderable||K,headerRow:a.createElement(St.HeaderRow,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:K,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Ke.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:f.current,columnsMap:q,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:z,unstyled:F,headerSelectionValue:!!(e.select&&y.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&d.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[d.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&a.createElement(Et.FilterRow,{cells:e.cells,size:I,columns:f.current,filter:e.filter,filterOperators:e.filterOperators||Ke.operators,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:q.length+1,localization:z})||void 0,cols:h.map((t,r)=>a.createElement("col",{key:r.toString(),width:s.getColumnWidth(t)}))}),ot=et.current||0,dt=parseFloat(((e.style||{}).width||"").toString()),ct=(t,r,c,o,i)=>{let l=!1;const u=e.selectedField?s.getNestedValue(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&d.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[d.getter(e.dataItemKey)(t.dataItem)]:void 0;let g=0;const{colSpans:w,hiddenColumns:P}=b.tableColumnsVirtualization({enabled:e.columnVirtualization,columns:h,tableViewPortWidth:dt,scrollLeft:ot,getColSpan:s.getColSpan,dataItem:t.dataItem}),v=h.filter((n,G)=>!P[G]);return{row:h.map((n,G)=>{var qe,Fe,De,Te;if(P[G])return null;if(g>0)return g--,null;let R;if((qe=n.rowSpannable)!=null&&qe.enabled&&t.rowType==="data"&&n.field&&i){const x=n.field?(De=(Fe=n.rowSpannable).valueGetter)==null?void 0:De.call(Fe,t.dataItem,n.field):null;R={value:x,count:1},i[n.field]&&((Te=i[n.field])==null?void 0:Te.value)===x&&i[n.field]!==null?(i[n.field].count++,R.count=null):i[n.field]=R}const{colSpan:A,colsToSkip:Z}=pe(n,t.dataItem,v,G,g,w[G]);g=Z;const B=n.id?n.id:G,gt=d.classNames(m.contentSticky({locked:n.locked}),n.className),ft=n.left!==void 0?{left:n.left,right:n.right}:{};let ke=!1;if(n.editable&&(e.editable||e.editField)){const x=e.editField?s.getNestedValue(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[d.getter(e.dataItemKey)(t.dataItem)]:void 0,ee=typeof x=="boolean"?x:Array.isArray(x)?x.indexOf(n.field)>-1:n.field!==void 0&&x===n.field;ee&&n.columnType==="data"&&(ee===!0||ee===n.field)&&(l=!0,ke=!0)}const p=n.cell||ke&&wt.GridEditCell||vt.GridCell,mt=e.expandField&&e.detail&&n.field===e.expandField||n._type==="expand",L={locked:e.lockGroups,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${r}-${String(G)}`,S,mt||t.rowType==="groupHeader"||t.rowType==="groupFooter"||n.field==="value"?"nodata":"cell"),colSpan:A,dataItem:t.dataItem,field:n.field,editor:n.editor,format:n.format,columnType:n.columnType,rowReorderable:D,className:gt,render:e.cellRender,cells:s.resolveCells(e.cells,n.cells),columnIndex:G,columnsCount:h.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:c,columnPosition:ft,style:{},ariaColumnIndex:n.ariaColumnIndex,isSelected:(n==null?void 0:n._type)==="edit"?u:Array.isArray(u)&&u.indexOf(G)>-1,isSorted:!!s.isSorted(n.field,e.sort),isInEdit:l,isAlt:o,unstyled:F,group:t.group,localization:z,intl:tt,_rowSpan:R};return n.cell?a.createElement(_t.GridCustomCellClientContainer,{key:B,isClient:s.isClientReference(p),dataItem:L.dataItem,rowDataIndex:L.rowDataIndex,columnIndex:L.columnIndex},a.createElement(p,{...L})):a.createElement(p,{key:B,...L})}),isInEdit:l,isSelected:typeof u=="boolean"&&u}};let se=0;if(H&&Q)for(let t=0;t<Q.topCacheCount+Q.attendedSkip-(e.skip||0);t++){const r=y.shift();if(r)y.push(r),se++,r.rowType==="groupHeader"&&t--;else break}const ue=t=>t>=y.length-se;let ge=e.skip||0;const X=[],fe=!y.length,me=q.length+(e.filterable?1:0)+1;let O=0;if(y.length){let t=-1,r=0;const c=ne.enabled?{}:void 0;(_||y).forEach((o,i)=>{o.rowType==="data"&&(ge++,t++);const l=ge%2===0,u=e.dataItemKey&&d.getter(e.dataItemKey)(o.dataItem),g=i+(e.skip||0),w=u||"ai"+g,P=w+"_1",v=ct(o,w,t,l,c);if(O=g+me+r,X.push(a.createElement(xt.GridRow,{key:w,dataItem:o.dataItem,isAltRow:l,isInEdit:v.isInEdit,rowType:o.rowType,isRowReorderable:D,isHidden:ue(i),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:O,absoluteRowIndex:g,dataIndex:H&&!e.groupable?g:t,isSelected:v.isSelected,rows:e.rows},v.row)),e.detail&&o.rowType==="data"&&o.expanded){const n=h.length-(e.expandField||V.enabled?1:0)-(e.group?e.group.length:0)||1;r++,O=g+me+r,X.push(a.createElement("tr",{key:P,className:d.classNames(m.detailTr({isAlt:l})),style:{visibility:ue(i)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":O},e.group&&e.group.map((G,R)=>{var B;const A=(B=v==null?void 0:v.row[R])==null?void 0:B.props.style,Z=A?{left:A.left,right:A.right}:{};return a.createElement(He.GridGroupCell,{id:"",dataIndex:o.dataIndex,field:G.field,dataItem:o.dataItem,key:R,columnPosition:Z,style:{},ariaColumnIndex:1+R,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:o.group})}),(e.expandField||V.enabled)&&a.createElement(Tt.GridDetailHierarchyCell,{unstyled:F,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${P}-dhcell`,S)}),a.createElement(Dt.GridDetailCell,{dataItem:o.dataItem,dataIndex:o.dataIndex,colSpan:n,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${P}-dcell`,S)})))}})}const be={size:I,total:N,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...qt.normalize(e.pageable||{})},Ce=a.createElement(Vt.PagerContainer,null,e.pager?a.createElement(e.pager,{...be}):a.createElement(b.Pager,{className:d.classNames(m.pager({})),...be})),st=(t,r)=>a.createElement("col",{key:r.toString(),width:s.getColumnWidth(t)}),ut=(Ne=e.cells)!=null&&Ne.footerCell||f.current.some(t=>{var r;return!!(t.footerCell||(r=t.cells)!=null&&r.footerCell)})?a.createElement(It.Footer,{size:I,staticHeaders:e.scrollable!=="none",row:a.createElement(kt.FooterRow,{cells:e.cells,idPrefix:S,columns:f.current,ariaRowIndex:O+1}),cols:h.map(st)}):null,ye=a.createElement(Pt.GridColGroup,null,h.map((t,r)=>a.createElement("col",{key:r.toString(),className:s.isSorted(t.field,e.sort)?d.classNames(m.sorted({})):void 0,width:s.getColumnWidth(t)}))),he=e.reorderable||K,{detail:$t,cells:Ut,rows:Qt,...we}=e,Ge=a.createElement("tbody",{role:"rowgroup",className:d.classNames(m.tbody({})),...b.tableKeyboardNavigationBodyAttributes},X);let Y=Ge;if(D&&(Y=a.createElement(zt.GridReorderableRowsContainer,{unstyled:m,columns:f.current,rowReorderSettings:e.rowReorderable},Ge)),e.scrollable==="none")return a.createElement(Oe.GridClientWrapper,{gridRef:k,gridProps:we,columnsRef:U(),columnsMapRef:q,dataRef:y,slicedData:_,isFixedVirtualScroll:J===$.VirtualScrollFixed,id:C,total:N,detailExpandable:!!e.detail},a.createElement(_e.GridElementContainer,null,a.createElement("div",{id:e.id,style:e.style,className:d.classNames(m.wrapper({size:I}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},ie,de,a.createElement(Kt.GridTable,{selectable:e.selectable,className:d.classNames(m.table({size:I}))},ye,ce,a.createElement(Le.GridTableBody,{rowReorderable:D},Y)),fe&&a.createElement(Ve.GridNoRecordsContainer,null,W.length?W:a.createElement(Pe.GridNoRecords,null)),he&&a.createElement(a.Fragment,null,a.createElement(Ae.GridDropClue,null),a.createElement(Be.GridDragClue,null)))),oe,e.pageable&&Ce,a.createElement(Me.GridLoader,{loader:e.loader,showLoader:e.showLoader}));let j=e.style||{};return H&&(j.height||(j=Object.assign({},j,{height:"450px"}))),a.createElement(Oe.GridClientWrapper,{gridRef:k,gridProps:we,columnsRef:U(),columnsMapRef:q,dataRef:y,slicedData:_,isFixedVirtualScroll:J===$.VirtualScrollFixed,id:C,total:N,detailExpandable:!!e.detail},a.createElement(_e.GridElementContainer,null,a.createElement("div",{id:e.id,style:j,className:d.classNames(m.wrapper({size:I,virtual:H}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},ie,de,a.createElement("div",{className:d.classNames(m.ariaRoot({})),role:"grid","aria-colcount":h.length,"aria-rowcount":N,id:C,"aria-label":z.toLanguageString(te.gridAriaLabel,te.messages[te.gridAriaLabel])},ce,a.createElement("div",{className:d.classNames(m.container({})),role:"presentation"},a.createElement(At.GridContainerElementContainer,null,a.createElement("div",{className:d.classNames(m.content({})),role:"presentation"},a.createElement("div",{className:d.classNames(m.tableWrap({})),role:"presentation"},a.createElement(Ot.GridTableScrollable,{selectable:e.selectable,tableClassName:d.classNames(m.table({size:I})),tableStyle:{userSelect:it}},ye,a.createElement(Le.GridTableBody,{rowReorderable:D},Y)),fe&&a.createElement(Ve.GridNoRecordsContainer,null,W.length?W:a.createElement(Pe.GridNoRecords,null))),H&&a.createElement("div",{className:d.classNames(m.heightContainer({})),role:"presentation"},a.createElement(Bt.VirtualScrollHeightContainer,{isVirtualScroll:H}))))),ut,he&&a.createElement(a.Fragment,null,a.createElement(Ae.GridDropClue,null),a.createElement(Be.GridDragClue,null)),a.createElement(Ht.GridWatermarkOverlay,null)),oe,e.pageable&&Ce,a.createElement(Me.GridLoader,{loader:e.loader,showLoader:e.showLoader}))))});We.displayName="KendoReactGridComponent";exports.GridComponent=We;

package/GridComponent.mjs

@@ -17,46 +17,46 @@ import { HeaderRow as At } from "./header/HeaderRow.mjs";
 import { FilterRow as Bt } from "./header/FilterRow.mjs";
 import { GroupPanel as Pt } from "./header/GroupPanel.mjs";
 import { Footer as Vt } from "./footer/Footer.mjs";
-import { getRowSpanOptions as Ae, getColumnWidth as ee, isSorted as Be, flatData as Lt, autoGenerateColumns as Ot, mapColumns as _t, clientColumn as zt, getNestedValue as Pe, getColSpan as Ve, resolveCells as Mt, isClientReference as Wt, sanitizeColumns as jt, readColumns as $t } from "./utils/index.mjs";
-import { GridCell as Ut } from "./cells/GridCell.mjs";
+import { isRowReorderEnabled as Lt, getRowSpanOptions as Ae, getColumnWidth as ee, isSorted as Be, flatData as Ot, autoGenerateColumns as _t, mapColumns as zt, clientColumn as Mt, getNestedValue as Pe, getColSpan as Ve, resolveCells as Wt, isClientReference as jt, sanitizeColumns as $t, readColumns as Ut } from "./utils/index.mjs";
+import { GridCell as Jt } from "./cells/GridCell.mjs";
 import { GridGroupCell as Le } from "./cells/GridGroupCell.mjs";
-import { GridRow as Jt } from "./rows/GridRow.mjs";
-import { GridHeaderSelectionCell as Qt } from "./header/GridHeaderSelectionCell.mjs";
+import { GridRow as Qt } from "./rows/GridRow.mjs";
+import { GridHeaderSelectionCell as Xt } from "./header/GridHeaderSelectionCell.mjs";
 import { GridNoRecords as Oe } from "./components/noRecords/GridNoRecords.mjs";
 import { operators as _e } from "./filterCommon.mjs";
-import { FooterRow as Xt } from "./footer/FooterRow.mjs";
-import { normalize as Yt } from "./paging/GridPagerSettings.mjs";
-import { packageMetadata as Zt } from "./package-metadata.mjs";
-import { GridDetailCell as qt } from "./cells/GridDetailCell.mjs";
-import { GridDetailHierarchyCell as pt } from "./cells/GridDetailHierarchyCell.mjs";
+import { FooterRow as Yt } from "./footer/FooterRow.mjs";
+import { normalize as Zt } from "./paging/GridPagerSettings.mjs";
+import { packageMetadata as qt } from "./package-metadata.mjs";
+import { GridDetailCell as pt } from "./cells/GridDetailCell.mjs";
+import { GridDetailHierarchyCell as el } from "./cells/GridDetailHierarchyCell.mjs";
 import { GridNoRecordsContainer as ze } from "./components/noRecords/GridNoRecordsContainer.mjs";
-import { GridWatermarkOverlay as el } from "./GridWatermarkOverlay.mjs";
+import { GridWatermarkOverlay as tl } from "./GridWatermarkOverlay.mjs";
 import { GridClientWrapper as Me } from "./GridClientWrapper.mjs";
-import { GridColGroup as tl } from "./components/colGroup/GridColGroup.mjs";
-import { GridTable as ll } from "./components/table/GridTable.mjs";
+import { GridColGroup as ll } from "./components/colGroup/GridColGroup.mjs";
+import { GridTable as al } from "./components/table/GridTable.mjs";
 import { GridDropClue as We } from "./components/GridDropClue.mjs";
 import { GridDragClue as je } from "./components/GridDragClue.mjs";
 import { GridTableBody as $e } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as al } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as rl } from "./components/table/GridTableScrollable.mjs";
+import { PagerContainer as rl } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as nl } from "./components/table/GridTableScrollable.mjs";
 import { GridElementContainer as Ue } from "./components/GridElementContainer.mjs";
-import { GridContainerElementContainer as nl } from "./components/GridContainerElementContainer.mjs";
-import { VirtualScrollHeightContainer as il } from "./components/VirtualScrollHeightContainer.mjs";
-import { LocalizationService as ol, IntlService as dl } from "@progress/kendo-react-intl";
-import { gridAriaLabel as Je, messages as cl } from "./messages/index.mjs";
+import { GridContainerElementContainer as il } from "./components/GridContainerElementContainer.mjs";
+import { VirtualScrollHeightContainer as ol } from "./components/VirtualScrollHeightContainer.mjs";
+import { LocalizationService as dl, IntlService as cl } from "@progress/kendo-react-intl";
+import { gridAriaLabel as Je, messages as sl } from "./messages/index.mjs";
 import { VirtualScrollFixed as j } from "./VirtualScrollFixed.mjs";
-import { VirtualScroll as sl } from "./VirtualScroll.mjs";
-import { GridCustomCellClientContainer as ml } from "./components/GridCustomCellClientContainer.mjs";
-import { GridReorderableRowsContainer as ul } from "./components/GridDraggableRowsContainer.mjs";
-import { GridRowReorderCell as fl } from "./cells/GridRowReorderCell.mjs";
-import { GridHeaderRowReorderCell as gl } from "./header/client/GridHeaderRowReorderCell.mjs";
+import { VirtualScroll as ml } from "./VirtualScroll.mjs";
+import { GridCustomCellClientContainer as ul } from "./components/GridCustomCellClientContainer.mjs";
+import { GridReorderableRowsContainer as fl } from "./components/GridDraggableRowsContainer.mjs";
+import { GridRowReorderCell as gl } from "./cells/GridRowReorderCell.mjs";
+import { GridHeaderRowReorderCell as bl } from "./header/client/GridHeaderRowReorderCell.mjs";
 import { GridLoader as Qe } from "./components/GridLoader.mjs";
-const bl = l.forwardRef((e, te) => {
+const hl = l.forwardRef((e, te) => {
   var Ie, Se, ve, Re, xe, Ge, ke;
   const R = e.id + "-role-element-id", x = e.navigatable ? R : "";
-  wt(Zt);
+  wt(qt);
   const Xe = (t, r, d, o, i, a, c) => {
-    const s = [], h = Lt(
+    const s = [], h = Ot(
       s,
       C,
       t,
@@ -72,8 +72,8 @@ const bl = l.forwardRef((e, te) => {
   }, Ye = (t) => {
     const r = t.filter(
       (i) => i && i.type && i.type.displayName === "KendoReactGridColumn"
-    ), d = m.current.filter((i) => i.declarationIndex >= 0 && i.parentIndex === -1), o = jt(d);
-    return $t(r, o, { prevId: 0, idPrefix: x });
+    ), d = m.current.filter((i) => i.declarationIndex >= 0 && i.parentIndex === -1), o = $t(d);
+    return Ut(r, o, { prevId: 0, idPrefix: x });
   }, Ze = (t) => t.filter((r) => It && r && r.media ? window.matchMedia(r.media).matches : r), qe = () => {
     const t = [], r = (d, o) => d == null ? void 0 : d.forEach((i) => {
       const a = i.hidden || o;
@@ -92,7 +92,7 @@ const bl = l.forwardRef((e, te) => {
   }, et = (t, r) => {
     var i;
     const d = Ye(t), o = Ze(d);
-    m.current = o, m.current.length === 0 && (m.current = Ot(
+    m.current = o, m.current.length === 0 && (m.current = _t(
       C,
       e.group,
       {
@@ -102,13 +102,13 @@ const bl = l.forwardRef((e, te) => {
         prevId: 0,
         idPrefix: x
       }
-    )), m.current = pe(m.current), tt(m.current, r), G = _t(m.current, !0), ae.current = m.current.map(zt);
+    )), m.current = pe(m.current), tt(m.current, r), G = zt(m.current, !0), ae.current = m.current.map(Mt);
   }, tt = (t, r) => {
     var i;
     t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || Dt, a._type = "edit", a.headerCell = a.headerCell || Qt;
+      a.width = a.width || "50px", a.cell = a.cell || Dt, a._type = "edit", a.headerCell = a.headerCell || Xt;
     }), N !== void 0 && t.filter((a) => a.columnType === "reorder").forEach((a) => {
-      a.width = a.width || "50px", a.cell = a.cell || fl, a.headerCell = a.headerCell || gl, a.sortable = !1, a.filterable = !1, a.editable = !1;
+      a.width = a.width || "50px", a.cell = a.cell || gl, a.headerCell = a.headerCell || bl, a.sortable = !1, a.filterable = !1, a.editable = !1;
     });
     const d = {
       id: "",
@@ -151,7 +151,7 @@ const bl = l.forwardRef((e, te) => {
     });
   }, le = () => C.length === e.total, lt = () => {
     const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = le(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
-    return !a || K && !i || !!(d && o) && (!c || !i) ? sl : j;
+    return !a || K && !i || !!(d && o) && (!c || !i) ? ml : j;
   }, $ = () => e.isClient ? m : ae, at = (t, r, d, o, i, a) => {
     let c = Ve(t, r);
     if (e.columnVirtualization && t.colSpan === 1)
@@ -162,7 +162,7 @@ const bl = l.forwardRef((e, te) => {
   let U, g = [], O;
   const m = e.columnsRef || { current: [] }, ae = { current: [] };
   let G = [[]];
-  const rt = e.scrollLeftRef || { current: 0 }, _ = e.localization || new ol(), nt = e.intl || new dl("en"), k = e.unstyled, u = k && k.uGrid ? k.uGrid : Et, N = typeof e.rowReorderable == "object" ? e.rowReorderable.enabled : e.rowReorderable, F = e.autoProcessData === !0 ? {
+  const rt = e.scrollLeftRef || { current: 0 }, _ = e.localization || new dl(), nt = e.intl || new cl("en"), k = e.unstyled, u = k && k.uGrid ? k.uGrid : Et, N = Lt(e.rowReorderable), F = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -292,7 +292,7 @@ const bl = l.forwardRef((e, te) => {
           const S = e.editField ? Pe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, q = typeof S == "boolean" ? S : Array.isArray(S) ? S.indexOf(n.field) > -1 : n.field !== void 0 && S === n.field;
           q && n.columnType === "data" && (q === !0 || q === n.field) && (a = !0, Ne = !0);
         }
-        const Z = n.cell || Ne && Ht || Ut, Ct = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", L = {
+        const Z = n.cell || Ne && Ht || Jt, Ct = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", L = {
           locked: e.lockGroups,
           id: p.generateNavigatableId(
             `${r}-${String(y)}`,
@@ -308,7 +308,7 @@ const bl = l.forwardRef((e, te) => {
           rowReorderable: N,
           className: ht,
           render: e.cellRender,
-          cells: Mt(e.cells, n.cells),
+          cells: Wt(e.cells, n.cells),
           columnIndex: y,
           columnsCount: b.length,
           rowType: t.rowType,
@@ -330,10 +330,10 @@ const bl = l.forwardRef((e, te) => {
           _rowSpan: w
         };
         return n.cell ? /* @__PURE__ */ l.createElement(
-          ml,
+          ul,
           {
             key: V,
-            isClient: Wt(Z),
+            isClient: jt(Z),
             dataItem: L.dataItem,
             rowDataIndex: L.rowDataIndex,
             columnIndex: L.columnIndex
@@ -366,7 +366,7 @@ const bl = l.forwardRef((e, te) => {
       const a = ue % 2 === 0, c = e.dataItemKey && H(e.dataItemKey)(o.dataItem), s = i + (e.skip || 0), h = c || "ai" + s, T = h + "_1", I = ft(o, h, t, a, d);
       if (B = s + ge + r, Q.push(
         /* @__PURE__ */ l.createElement(
-          Jt,
+          Qt,
           {
             key: h,
             dataItem: o.dataItem,
@@ -425,14 +425,14 @@ const bl = l.forwardRef((e, te) => {
               );
             }),
             (e.expandField || A.enabled) && /* @__PURE__ */ l.createElement(
-              pt,
+              el,
               {
                 unstyled: k,
                 id: p.generateNavigatableId(`${T}-dhcell`, x)
               }
             ),
             /* @__PURE__ */ l.createElement(
-              qt,
+              pt,
               {
                 dataItem: o.dataItem,
                 dataIndex: o.dataIndex,
@@ -452,8 +452,8 @@ const bl = l.forwardRef((e, te) => {
     total: v,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...Yt(e.pageable || {})
-  }, he = /* @__PURE__ */ l.createElement(al, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...be }) : /* @__PURE__ */ l.createElement(kt, { className: f(u.pager({})), ...be })), gt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ee(t) }), bt = (ke = e.cells) != null && ke.footerCell || m.current.some((t) => {
+    ...Zt(e.pageable || {})
+  }, he = /* @__PURE__ */ l.createElement(rl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...be }) : /* @__PURE__ */ l.createElement(kt, { className: f(u.pager({})), ...be })), gt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ee(t) }), bt = (ke = e.cells) != null && ke.footerCell || m.current.some((t) => {
     var r;
     return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
   }) ? /* @__PURE__ */ l.createElement(
@@ -462,7 +462,7 @@ const bl = l.forwardRef((e, te) => {
       size: E,
       staticHeaders: e.scrollable !== "none",
       row: /* @__PURE__ */ l.createElement(
-        Xt,
+        Yt,
         {
           cells: e.cells,
           idPrefix: x,
@@ -472,14 +472,14 @@ const bl = l.forwardRef((e, te) => {
       ),
       cols: b.map(gt)
     }
-  ) : null, ye = /* @__PURE__ */ l.createElement(tl, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
+  ) : null, ye = /* @__PURE__ */ l.createElement(ll, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: r.toString(),
       className: Be(t.field, e.sort) ? f(u.sorted({})) : void 0,
       width: ee(t)
     }
-  ))), Ce = e.reorderable || K, { detail: hl, cells: yl, rows: Cl, ...we } = e, Ee = /* @__PURE__ */ l.createElement(
+  ))), Ce = e.reorderable || K, { detail: yl, cells: Cl, rows: wl, ...we } = e, Ee = /* @__PURE__ */ l.createElement(
     "tbody",
     {
       role: "rowgroup",
@@ -490,7 +490,7 @@ const bl = l.forwardRef((e, te) => {
   );
   let X = Ee;
   if (N && (X = /* @__PURE__ */ l.createElement(
-    ul,
+    fl,
     {
       unstyled: u,
       columns: m.current,
@@ -524,7 +524,7 @@ const bl = l.forwardRef((e, te) => {
         ie,
         de,
         /* @__PURE__ */ l.createElement(
-          ll,
+          al,
           {
             selectable: e.selectable,
             className: f(u.table({ size: E }))
@@ -580,11 +580,11 @@ const bl = l.forwardRef((e, te) => {
           "aria-colcount": b.length,
           "aria-rowcount": v,
           id: R,
-          "aria-label": _.toLanguageString(Je, cl[Je])
+          "aria-label": _.toLanguageString(Je, sl[Je])
         },
         ce,
-        /* @__PURE__ */ l.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(nl, null, /* @__PURE__ */ l.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
-          rl,
+        /* @__PURE__ */ l.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(il, null, /* @__PURE__ */ l.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
+          nl,
           {
             selectable: e.selectable,
             tableClassName: f(
@@ -602,11 +602,11 @@ const bl = l.forwardRef((e, te) => {
             className: f(u.heightContainer({})),
             role: "presentation"
           },
-          /* @__PURE__ */ l.createElement(il, { isVirtualScroll: D })
+          /* @__PURE__ */ l.createElement(ol, { isVirtualScroll: D })
         )))),
         bt,
         Ce && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(We, null), /* @__PURE__ */ l.createElement(je, null)),
-        /* @__PURE__ */ l.createElement(el, null)
+        /* @__PURE__ */ l.createElement(tl, null)
       ),
       oe,
       e.pageable && he,
@@ -614,7 +614,7 @@ const bl = l.forwardRef((e, te) => {
     ))
   );
 });
-bl.displayName = "KendoReactGridComponent";
+hl.displayName = "KendoReactGridComponent";
 export {
-  bl as GridComponent
+  hl as GridComponent
 };

package/cells/client/GridRowReorderContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),b=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),C=require("../../GridClientWrapper.js"),e=require("../../messages/index.js"),m=t=>{const{cellProps:n,rowReorderable:a,children:o}=t,{id:i,dataItem:s}=n,c=b.useLocalization(),l=r.useContext(C.GridContext),d=w.useTableKeyboardNavigation(i),u=a,R=c.toLanguageString(e.gridRowReorderAriaLabel,e.messages[e.gridRowReorderAriaLabel]),g=()=>u?l.activeDragRowDataItemRef.current=s:null;return o&&r.cloneElement(o,{"aria-label":R,...d,onMouseDown:g})};exports.GridRowReorderCellContainer=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),n=require("../../messages/index.js"),q=a=>{const{cellProps:o,rowReorderable:i,children:r}=a,{id:l,dataItem:c}=o,s=m.useLocalization(),e=t.useContext(f.GridContext),d=w.useTableKeyboardNavigation(l),u=i,R=s.toLanguageString(n.gridRowReorderAriaLabel,n.messages[n.gridRowReorderAriaLabel]),g=()=>u?e.activeDragRowDataItemRef.current=c:null,b=t.useCallback(C=>{e!=null&&e.onContextMenu&&e.onContextMenu.call(void 0,C,o.dataItem,o.field)},[e,o.dataItem,o.field]);return r&&t.cloneElement(r,{"aria-label":R,...d,onMouseDown:g,onContextMenu:b})};exports.GridRowReorderCellContainer=q;

package/cells/client/GridRowReorderContainer.mjs

@@ -6,17 +6,23 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import e from "react";
-import { useLocalization as R } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as f } from "@progress/kendo-react-data-tools";
-import { GridContext as p } from "../../GridClientWrapper.mjs";
-import { gridRowReorderAriaLabel as t, messages as b } from "../../messages/index.mjs";
+import t from "react";
+import { useLocalization as b } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as p } from "@progress/kendo-react-data-tools";
+import { GridContext as C } from "../../GridClientWrapper.mjs";
+import { gridRowReorderAriaLabel as a, messages as w } from "../../messages/index.mjs";
 const L = (r) => {
-  const { cellProps: a, rowReorderable: n, children: o } = r, { id: i, dataItem: s } = a, c = R(), l = e.useContext(p), m = f(i), d = n, g = c.toLanguageString(t, b[t]), u = () => d ? l.activeDragRowDataItemRef.current = s : null;
-  return o && e.cloneElement(o, {
-    "aria-label": g,
+  const { cellProps: e, rowReorderable: i, children: n } = r, { id: l, dataItem: s } = e, c = b(), o = t.useContext(C), m = p(l), d = i, u = c.toLanguageString(a, w[a]), f = () => d ? o.activeDragRowDataItemRef.current = s : null, R = t.useCallback(
+    (g) => {
+      o != null && o.onContextMenu && o.onContextMenu.call(void 0, g, e.dataItem, e.field);
+    },
+    [o, e.dataItem, e.field]
+  );
+  return n && t.cloneElement(n, {
+    "aria-label": u,
     ...m,
-    onMouseDown: u
+    onMouseDown: f,
+    onContextMenu: R
   });
 };
 export {