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

package/GridComponent.mjs

@@ -24,9 +24,9 @@ import { GridHeaderSelectionCell as rl } from "./header/GridHeaderSelectionCell.
 import { GridNoRecords as Qe } from "./components/noRecords/GridNoRecords.mjs";
 import { operators as Xe } from "./filterCommon.mjs";
 import { FooterRow as nl } from "./footer/FooterRow.mjs";
-import { normalize as ol } from "./paging/GridPagerSettings.mjs";
+import { normalize as il } from "./paging/GridPagerSettings.mjs";
 import { packageMetadata as Ye } from "./package-metadata.mjs";
-import { GridDetailCell as il } from "./cells/detailcell/GridDetailCell.mjs";
+import { GridDetailCell as ol } from "./cells/detailcell/GridDetailCell.mjs";
 import { GridDetailHierarchyCell as dl } from "./cells/GridDetailHierarchyCell.mjs";
 import { GridNoRecordsContainer as Ze } from "./components/noRecords/GridNoRecordsContainer.mjs";
 import { GridClientWrapper as pe } from "./GridClientWrapper.mjs";
@@ -35,8 +35,8 @@ import { GridTable as ml } from "./components/table/GridTable.mjs";
 import { GridDropClue as et } from "./components/GridDropClue.mjs";
 import { GridDragClue as tt } from "./components/GridDragClue.mjs";
 import { GridTableBody as lt } from "./components/table/GridTableBody.mjs";
-import { PagerContainer as ul } from "./components/PagerContainer.mjs";
-import { GridTableScrollable as sl } from "./components/table/GridTableScrollable.mjs";
+import { PagerContainer as sl } from "./components/PagerContainer.mjs";
+import { GridTableScrollable as ul } from "./components/table/GridTableScrollable.mjs";
 import { GridElementContainer as at } from "./components/GridElementContainer.mjs";
 import { GridContainerElementContainer as fl } from "./components/GridContainerElementContainer.mjs";
 import { VirtualScrollHeightContainer as gl } from "./components/VirtualScrollHeightContainer.mjs";
@@ -57,44 +57,44 @@ import { GridHierarchyCellServer as Nl } from "./cells/hierarchycell/GridHierarc
 import { GridRowReorderCellServer as Dl } from "./cells/rowreordercell/GridRowReorderCellServer.mjs";
 import { GridDetailCellServer as Hl } from "./cells/detailcell/GridDetailCellServer.mjs";
 import { GridGroupCellServer as Tl } from "./cells/groupcell/GridGroupCellServer.mjs";
-const Kl = a.forwardRef((e, ot) => {
+const Kl = a.forwardRef((e, it) => {
   var De, He, Te, Ke, Pe, Ae, Be, Fe, Le, Me, Oe, _e;
   const T = e.id + "-role-element-id", x = e.navigatable ? T : "";
   let R = e.columnsState || [];
-  const it = (t, o, n, d, i, l, c) => {
-    const u = [], h = Jt(
-      u,
+  const ot = (t, i, n, d, o, l, c) => {
+    const s = [], b = Jt(
+      s,
       t,
-      o,
+      i,
       { index: n },
       d !== void 0,
-      i,
+      o,
       l,
       It.defaultExpand,
       c
     );
-    return { flattedData: u, resolvedGroupsCount: h };
+    return { flattedData: s, resolvedGroupsCount: b };
   }, dt = (t) => {
-    const o = t.filter(
+    const i = t.filter(
       (n) => n && n.type && n.type.displayName === "KendoReactGridColumn"
     );
-    return tl(o, R, { prevId: 0, idPrefix: x });
+    return tl(i, R, { prevId: 0, idPrefix: x });
   }, ct = () => {
-    const t = [], o = (n, d) => n == null ? void 0 : n.forEach((i) => {
-      const l = i.hidden || d;
+    const t = [], i = (n, d) => n == null ? void 0 : n.forEach((o) => {
+      const l = o.hidden || d;
       t.push({
-        ...i,
+        ...o,
         hidden: l
-      }), o(i.children, l);
+      }), i(o.children, l);
     });
-    return o(R, !1), t;
+    return i(R, !1), t;
   }, mt = (t) => {
-    const o = ct();
+    const i = ct();
     return t.filter((n) => {
       var d;
-      return !n.hidden && !((d = o.find((i) => i.id === n.id)) != null && d.hidden);
+      return !n.hidden && !((d = i.find((o) => o.id === n.id)) != null && d.hidden);
     });
-  }, ut = (t, o) => {
+  }, st = (t, i) => {
     m = dt(t), m.filter((n) => !n.hidden).length === 0 && (m = Qt(
       C,
       e.group,
@@ -105,22 +105,22 @@ const Kl = a.forwardRef((e, ot) => {
         prevId: 0,
         idPrefix: x
       }
-    )), ft(m, o), m = mt(m), K = Xt(m, !0), ie = m.map(Yt);
-  }, st = (t, o) => {
+    )), ft(m, i), m = mt(m), K = Xt(m, !0), oe = m.map(Yt);
+  }, ut = (t, i) => {
     const n = (d) => {
       var l;
-      const i = o.find((c) => c.id === d.id);
-      return i ? (i.children = (l = d.children) == null ? void 0 : l.map(n), i) : ae(d);
+      const o = i.find((c) => c.id === d.id);
+      return o ? (o.children = (l = d.children) == null ? void 0 : l.map(n), o) : ae(d);
     };
     R = t.filter((d) => d.parentIndex === -1).map(n);
-  }, ft = (t, o) => {
+  }, ft = (t, i) => {
     t.filter((l) => l.columnType === "checkbox").forEach((l) => {
       l.width = l.width || "50px", l.defaultCell = e.isClient ? kl : xl, l.defaultHeaderCell = rl, l._type = "edit";
     }), N !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
       l.width = l.width || "50px", l.defaultCell = e.isClient ? yl : Dl, l.defaultHeaderCell = Cl, l.sortable = !1, l.filterable = !1, l.editable = !1;
     });
     const n = Zt(R);
-    st(t, n);
+    ut(t, n);
     const d = {
       id: "",
       resizable: !0,
@@ -141,72 +141,72 @@ const Kl = a.forwardRef((e, ot) => {
       ariaColumnIndex: 0,
       isAccessible: !0
     };
-    let i = 0;
+    let o = 0;
     if (P.enabled && e.detail) {
       const l = {
         ...d,
         _type: "expand",
-        id: O.generateNavigatableId(`${i++}`, "expand", "column"),
+        id: O.generateNavigatableId(`${o++}`, "expand", "column"),
         defaultCell: e.isClient ? _t : Nl,
         field: P.column,
-        headerClassName: f(s.hierarchyCell({}))
+        headerClassName: f(u.hierarchyCell({}))
       };
       t.unshift(l), R.unshift(n.find((c) => c.id === l.id) || ae(l));
     }
-    for (let l = 0; l < o; l++) {
+    for (let l = 0; l < i; l++) {
       const c = {
         ...d,
         isAccessible: !1,
         defaultCell: e.isClient ? Je : Tl,
-        id: O.generateNavigatableId(`${i++}`, "group", "column"),
+        id: O.generateNavigatableId(`${o++}`, "group", "column"),
         field: "value",
         locked: e.lockGroups
       };
-      t.unshift(c), R.unshift(n.find((u) => u.id === c.id) || ae(c));
+      t.unshift(c), R.unshift(n.find((s) => s.id === c.id) || ae(c));
     }
-    t.slice(i).forEach((l) => {
-      l.parentIndex >= 0 && (l.parentIndex += i), l.rowSpannable = l.rowSpannable !== void 0 ? Ue(l.rowSpannable) : se;
+    t.slice(o).forEach((l) => {
+      l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ? Ue(l.rowSpannable) : ue;
     });
-  }, re = () => e.isClient ? m : ie, ne = (t) => {
-    const o = [];
+  }, re = () => e.isClient ? m : oe, ne = (t) => {
+    const i = [];
     let n = null, d = 0;
-    if (g.forEach((i, l) => {
-      const c = parseFloat((i.width || "").toString()) || 10;
+    if (g.forEach((o, l) => {
+      const c = parseFloat((o.width || "").toString()) || 10;
       if (d) {
         d--, n && (n.width += c);
         return;
       }
-      const u = Math.min(pt(i, t), g.length - l);
-      d = u - 1, n = {
+      const s = Math.min(pt(o, t), g.length - l);
+      d = s - 1, n = {
         width: c,
-        colSpan: u,
+        colSpan: s,
         columnIndex: l
-      }, o.push(n);
+      }, i.push(n);
     }), e.columnVirtualization) {
-      const i = bt.current || 0, l = ht.current || parseFloat(((e.style || {}).width || "").toString());
+      const o = bt.current || 0, l = ht.current || parseFloat(((e.style || {}).width || "").toString());
       return vl({
-        cellModels: o,
+        cellModels: i,
         columns: g,
         tableViewPortWidth: l,
-        scrollLeft: i
+        scrollLeft: o
       });
     }
-    return o;
+    return i;
   }, gt = () => {
-    const { pageable: t, take: o, pageSize: n } = e;
+    const { pageable: t, take: i, pageSize: n } = e;
     if (!E)
       return 0;
     if (!t) {
-      if (o)
-        return o;
+      if (i)
+        return i;
       if (n)
         return n;
     }
-    const d = e.rowHeight || Ct.current, i = yt.current;
-    return i && d ? Math.ceil(i / d * 1.5) : 0;
+    const d = e.rowHeight || Ct.current, o = yt.current;
+    return o && d ? Math.ceil(o / d * 1.5) : 0;
   };
-  let b = [], oe, m = [], ie = [], K = [[]];
-  const bt = e.scrollLeftRef || { current: 0 }, ht = e.widthRef || { current: 0 }, yt = e.containerHeightRef || { current: 0 }, Ct = e.minRowHeightRef || { current: 0 }, _ = e.localization || new El(e.language), wt = e.intl || new Il((De = e.locale) != null ? De : "en"), k = e.unstyled, s = k && k.uGrid ? k.uGrid : Ht, N = qt(e.rowReorderable), E = e.scrollable === "virtual" || e.scrollable === void 0 && e.isClient && Tt(Ye) || !1, D = e.autoProcessData === !0 ? {
+  let h = [], ie, m = [], oe = [], K = [[]];
+  const bt = e.scrollLeftRef || { current: 0 }, ht = e.widthRef || { current: 0 }, yt = e.containerHeightRef || { current: 0 }, Ct = e.minRowHeightRef || { current: 0 }, _ = e.localization || new El(e.language), wt = e.intl || new Il((De = e.locale) != null ? De : "en"), k = e.unstyled, u = k && k.uGrid ? k.uGrid : Ht, N = qt(e.rowReorderable), E = e.scrollable === "virtual" || e.scrollable === void 0 && e.isClient && Tt(Ye) || !1, D = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
@@ -215,7 +215,7 @@ const Kl = a.forwardRef((e, ot) => {
   } : e.autoProcessData;
   let C, G;
   if (Array.isArray(e.data) ? (C = e.data, G = (He = e.total) != null ? He : C.length) : (C = ((Te = e.data) == null ? void 0 : Te.data) || [], G = (Ae = (Pe = e.total) != null ? Pe : (Ke = e.data) == null ? void 0 : Ke.total) != null ? Ae : C.length), D) {
-    const t = D.page && !(E && !e.pageable), { data: o, total: n } = Pt(C, {
+    const t = D.page && !(E && !e.pageable), { data: i, total: n } = Pt(C, {
       group: D.group ? e.group : void 0,
       sort: D.sort ? e.sort : void 0,
       filter: At(
@@ -227,11 +227,11 @@ const Kl = a.forwardRef((e, ot) => {
         skip: e.skip || 0
       } : {}
     });
-    C = o, G = (Be = e.total) != null ? Be : n;
+    C = i, G = (Be = e.total) != null ? Be : n;
   }
   const z = C.length === G, { size: I = "medium" } = e, Et = typeof e.groupable == "object" && e.groupable.footer || "none", V = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, P = Bt(!!e.detail), It = Ft(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
-  ), de = !!((Fe = e.group) != null && Fe.length), { resolvedGroupsCount: vt, flattedData: St } = it(
+  ), de = !!((Fe = e.group) != null && Fe.length), { resolvedGroupsCount: vt, flattedData: St } = ot(
     C,
     Et,
     z ? 0 : e.skip || 0,
@@ -240,15 +240,15 @@ const Kl = a.forwardRef((e, ot) => {
     e.groupExpand,
     e.dataItemKey
   );
-  b = St;
+  h = St;
   const ce = gt(), j = ((Le = e.virtualSkipRef) == null ? void 0 : Le.current) || 0;
   let me = G;
   if (E) {
     let t = e.skip || 0;
-    (de || e.pageable) && (t = j, me = b.length), (z || de || e.pageable) && (oe = b.slice(t, t + ce));
+    (de || e.pageable) && (t = j, me = h.length), (z || de || e.pageable) && (ie = h.slice(t, t + ce));
   }
-  const ue = Lt(e.selectable), se = Ue(e.rowSpannable), Rt = ue && ue.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
-  ut(W, vt);
+  const se = Lt(e.selectable), ue = Ue(e.rowSpannable), Rt = se && se.drag ? "none" : void 0, W = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
+  st(W, vt);
   const U = a.useMemo(() => {
     const t = wl(e, m);
     return {
@@ -281,7 +281,7 @@ const Kl = a.forwardRef((e, ot) => {
           navigatable: !!e.navigatable,
           localization: _,
           unstyled: k,
-          headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
+          headerSelectionValue: !!(e.select && h.filter((t) => t.rowType === "data").every(
             (t) => e.select && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[S(e.dataItemKey)(t.dataItem)] : void 0
           ))
         }
@@ -300,24 +300,24 @@ const Kl = a.forwardRef((e, ot) => {
           localization: _
         }
       ) || void 0,
-      cols: g.map((t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: le(t) }))
+      cols: g.map((t, i) => /* @__PURE__ */ a.createElement("col", { key: i.toString(), width: le(t) }))
     }
   ), Ce = g.findIndex((t) => typeof t.colSpan == "function") > -1;
   let q;
   Ce || (q = ne(null));
-  const J = ((Me = e.editable) == null ? void 0 : Me.mode) === "dialog", Gt = (Oe = e.editable) == null ? void 0 : Oe.enabled, xt = (t, o, n, d, i) => {
+  const J = ((Me = e.editable) == null ? void 0 : Me.mode) === "dialog", Gt = (Oe = e.editable) == null ? void 0 : Oe.enabled, xt = (t, i, n, d, o) => {
     let l = !1;
-    const c = e.select && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[S(e.dataItemKey)(t.dataItem)] : void 0, u = e.highlight && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.highlight[S(e.dataItemKey)(t.dataItem)] : void 0;
+    const c = e.select && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[S(e.dataItemKey)(t.dataItem)] : void 0, s = e.highlight && e.dataItemKey && S(e.dataItemKey)(t.dataItem) !== void 0 ? e.highlight[S(e.dataItemKey)(t.dataItem)] : void 0;
     return Ce && (q = ne(t.dataItem)), {
-      row: q.map(({ columnIndex: h, colSpan: H }) => {
+      row: q.map(({ columnIndex: b, colSpan: H }) => {
         var M, ze, Ve, We;
-        const r = g[h];
+        const r = g[b];
         let w;
-        if ((M = r.rowSpannable) != null && M.enabled && t.rowType === "data" && r.field && i) {
+        if ((M = r.rowSpannable) != null && M.enabled && t.rowType === "data" && r.field && o) {
           const v = r.field ? (Ve = (ze = r.rowSpannable).valueGetter) == null ? void 0 : Ve.call(ze, t.dataItem, r.field) : null;
-          w = { value: v, count: 1 }, i[r.field] && ((We = i[r.field]) == null ? void 0 : We.value) === v && i[r.field] !== null ? (i[r.field].count++, w.count = null) : i[r.field] = w;
+          w = { value: v, count: 1 }, o[r.field] && ((We = o[r.field]) == null ? void 0 : We.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
         }
-        const y = r.id ? r.id : h, Z = f(s.contentSticky({ locked: r.locked }), r.className), p = r.left !== void 0 ? { left: r.left, right: r.right } : {};
+        const y = r.id ? r.id : b, Z = f(u.contentSticky({ locked: r.locked }), r.className), p = r.left !== void 0 ? { left: r.left, right: r.right } : {};
         let B = !1;
         if (r.editable && e.editable) {
           const v = e.edit && e.dataItemKey ? e.edit[S(e.dataItemKey)(t.dataItem)] : void 0, te = typeof v == "boolean" ? v : Array.isArray(v) ? r.field && v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
@@ -326,7 +326,7 @@ const Kl = a.forwardRef((e, ot) => {
         const F = r._type === "expand", L = {
           locked: e.lockGroups,
           id: O.generateNavigatableId(
-            `${o}-${String(h)}`,
+            `${i}-${String(b)}`,
             x,
             F || t.rowType === "groupHeader" || t.rowType === "groupFooter" || r.field === "value" ? "nodata" : "cell"
           ),
@@ -339,7 +339,7 @@ const Kl = a.forwardRef((e, ot) => {
           rowReorderable: N,
           className: Z,
           cells: el(e.cells, r.cells),
-          columnIndex: h,
+          columnIndex: b,
           columnsCount: g.length,
           rowType: t.rowType,
           level: t.level,
@@ -349,8 +349,8 @@ const Kl = a.forwardRef((e, ot) => {
           columnPosition: p,
           style: {},
           ariaColumnIndex: r.ariaColumnIndex,
-          isSelected: !!((r == null ? void 0 : r._type) === "edit" ? c : Array.isArray(c) && c.indexOf(h) > -1),
-          isHighlighted: !!(typeof u != "boolean" && u && r.field && u[r.field] === !0),
+          isSelected: !!((r == null ? void 0 : r._type) === "edit" ? c : Array.isArray(c) && c.indexOf(b) > -1),
+          isHighlighted: !!((r == null ? void 0 : r._type) === "edit" ? s : Array.isArray(s) && s.indexOf(b) > -1),
           isSorted: !!qe(r.field, e.sort),
           isInEdit: B,
           isAlt: d,
@@ -364,33 +364,33 @@ const Kl = a.forwardRef((e, ot) => {
       }),
       isInEdit: l,
       isSelected: typeof c == "boolean" && c,
-      isHighlighted: typeof u == "boolean" && u
+      isHighlighted: typeof s == "boolean" && s
     };
   };
   let kt = 0, Q = null;
-  const we = (t) => t >= b.length - kt, X = [], Ee = !b.length;
+  const we = (t) => t >= h.length - kt, X = [], Ee = !h.length;
   let A = 0;
-  if (b.length) {
+  if (h.length) {
     const t = K.length + (e.filterable ? 1 : 0) + 1;
-    let o = e.skip || 0, n = -1, d = 0;
-    const i = se.enabled ? {} : void 0;
+    let i = e.skip || 0, n = -1, d = 0;
+    const o = ue.enabled ? {} : void 0;
     if (E) {
       if (j > 0) {
-        const l = b.slice(0, j).filter((c) => c.rowType === "data").length;
-        n += l, o += l;
+        const l = h.slice(0, j).filter((c) => c.rowType === "data").length;
+        n += l, i += l;
       }
       !e.pageable && z && (n += e.skip || 0);
     }
-    (oe || b).forEach((l, c) => {
+    (ie || h).forEach((l, c) => {
       l.rowType === "data" && n++;
-      const u = l.dataIndex % 2 !== 0, h = e.dataItemKey && S(e.dataItemKey)(l.dataItem), H = c + o, r = h || "ai" + H, w = r + "_1", y = xt(l, r, n, u, i);
+      const s = l.dataIndex % 2 !== 0, b = e.dataItemKey && S(e.dataItemKey)(l.dataItem), H = c + i, r = b || "ai" + H, w = r + "_1", y = xt(l, r, n, s, o);
       if (A = H + t + d, J && Gt && y.isInEdit && (Q = l.dataItem), X.push(
         /* @__PURE__ */ a.createElement(
           al,
           {
             key: r,
             dataItem: l.dataItem,
-            isAltRow: u,
+            isAltRow: s,
             isInEdit: y.isInEdit && !J,
             rowType: l.rowType,
             isRowReorderable: N,
@@ -410,13 +410,13 @@ const Kl = a.forwardRef((e, ot) => {
       ), e.detail && l.rowType === "data" && l.expanded) {
         const Z = g.length - (P.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
         d++, A = H + t + d;
-        const p = e.isClient ? il : Hl;
+        const p = e.isClient ? ol : Hl;
         X.push(
           /* @__PURE__ */ a.createElement(
             "tr",
             {
               key: w,
-              className: f(s.detailTr({ isAlt: u })),
+              className: f(u.detailTr({ isAlt: s })),
               style: {
                 visibility: we(c) ? "hidden" : "",
                 height: e.detailRowHeight
@@ -475,10 +475,10 @@ const Kl = a.forwardRef((e, ot) => {
     total: G,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
-    ...ol(e.pageable || {})
-  }, ve = /* @__PURE__ */ a.createElement(ul, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ a.createElement(Mt, { className: f(s.pager({})), ...Ie })), Nt = (t, o) => /* @__PURE__ */ a.createElement("col", { key: o.toString(), width: le(t) }), Se = (_e = e.cells) != null && _e.footerCell || m.some((t) => {
-    var o;
-    return !!((o = t.cells) != null && o.footerCell);
+    ...il(e.pageable || {})
+  }, ve = /* @__PURE__ */ a.createElement(sl, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ie }) : /* @__PURE__ */ a.createElement(Mt, { className: f(u.pager({})), ...Ie })), Nt = (t, i) => /* @__PURE__ */ a.createElement("col", { key: i.toString(), width: le(t) }), Se = (_e = e.cells) != null && _e.footerCell || m.some((t) => {
+    var i;
+    return !!((i = t.cells) != null && i.footerCell);
   }) ? /* @__PURE__ */ a.createElement(
     Ut,
     {
@@ -495,18 +495,18 @@ const Kl = a.forwardRef((e, ot) => {
       ),
       cols: g.map(Nt)
     }
-  ) : null, Re = /* @__PURE__ */ a.createElement(cl, null, g.map((t, o) => /* @__PURE__ */ a.createElement(
+  ) : null, Re = /* @__PURE__ */ a.createElement(cl, null, g.map((t, i) => /* @__PURE__ */ a.createElement(
     "col",
     {
-      key: o.toString(),
-      className: qe(t.field, e.sort) ? f(s.sorted({})) : void 0,
+      key: i.toString(),
+      className: qe(t.field, e.sort) ? f(u.sorted({})) : void 0,
       width: le(t)
     }
   ))), Ge = e.reorderable || V, { detail: Pl, cells: Al, rows: Bl, ...Dt } = e, xe = /* @__PURE__ */ a.createElement(
     "tbody",
     {
       role: "rowgroup",
-      className: f(s.tbody({})),
+      className: f(u.tbody({})),
       ...Ot
     },
     X
@@ -515,20 +515,20 @@ const Kl = a.forwardRef((e, ot) => {
   N && (Y = /* @__PURE__ */ a.createElement(
     hl,
     {
-      unstyled: s,
+      unstyled: u,
       columns: m,
       rowReorderSettings: e.rowReorderable
     },
     xe
   ));
   const Ne = {
-    gridRef: ot,
+    gridRef: it,
     innerGrid: e.innerGrid,
     gridProps: Dt,
     columnsRef: re(),
     columnsMapRef: K,
     columnsState: R,
-    dataRef: b,
+    dataRef: h,
     id: T,
     virtualTotal: me,
     isAllData: z,
@@ -541,7 +541,7 @@ const Kl = a.forwardRef((e, ot) => {
     {
       id: e.id,
       style: e.style,
-      className: f(s.wrapper({ size: I }), e.className),
+      className: f(u.wrapper({ size: I }), e.className),
       ...je
     },
     ge,
@@ -550,7 +550,7 @@ const Kl = a.forwardRef((e, ot) => {
       ml,
       {
         selectable: e.selectable,
-        className: f(s.table({ size: I }))
+        className: f(u.table({ size: I }))
       },
       Re,
       ye,
@@ -565,7 +565,7 @@ const Kl = a.forwardRef((e, ot) => {
       id: e.id,
       style: e.style,
       className: f(
-        s.wrapper({
+        u.wrapper({
           size: I,
           virtual: E
         }),
@@ -578,7 +578,7 @@ const Kl = a.forwardRef((e, ot) => {
     /* @__PURE__ */ a.createElement(
       "div",
       {
-        className: f(s.ariaRoot({})),
+        className: f(u.ariaRoot({})),
         role: "grid",
         "aria-colcount": g.length,
         "aria-rowcount": G,
@@ -586,12 +586,12 @@ const Kl = a.forwardRef((e, ot) => {
         "aria-label": _.toLanguageString(rt, bl[rt])
       },
       ye,
-      /* @__PURE__ */ a.createElement("div", { className: f(s.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(fl, null, /* @__PURE__ */ a.createElement("div", { className: f(s.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(s.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
-        sl,
+      /* @__PURE__ */ a.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(fl, null, /* @__PURE__ */ a.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
+        ul,
         {
           selectable: e.selectable,
           tableClassName: f(
-            s.table({
+            u.table({
               size: I
             })
           ),
@@ -602,7 +602,7 @@ const Kl = a.forwardRef((e, ot) => {
       ), Ee && /* @__PURE__ */ a.createElement(Ze, null, $.length ? $ : /* @__PURE__ */ a.createElement(Qe, null))), E && /* @__PURE__ */ a.createElement(
         "div",
         {
-          className: f(s.heightContainer({})),
+          className: f(u.heightContainer({})),
           role: "presentation"
         },
         /* @__PURE__ */ a.createElement(gl, { isVirtualScroll: E })