@progress/kendo-react-grid 13.3.0-develop.8 → 13.3.0

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

package/GridComponent.mjs

@@ -106,7 +106,7 @@ const Va = i.forwardRef((e, st) => {
       y,
       e.group,
       {
-        column: N.column
+        column: D.column
       },
       {
         prevId: 0,
@@ -129,7 +129,7 @@ const Va = i.forwardRef((e, st) => {
   }, ht = (t, o) => {
     t.filter((l) => l.columnType === "checkbox").forEach((l) => {
       l.width = l.width || "50px", l.defaultCell = e.isClient ? Aa : Pa, l.defaultHeaderCell = fa, l._type = "edit";
-    }), H !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
+    }), T !== void 0 && t.filter((l) => l.columnType === "reorder").forEach((l) => {
       l.width = l.width || "50px", l.defaultCell = e.isClient ? Ga : Ba, l.defaultHeaderCell = xa, l.sortable = !1, l.filterable = !1, l.editable = !1;
     });
     const r = oa(C);
@@ -155,13 +155,13 @@ const Va = i.forwardRef((e, st) => {
       isAccessible: !0
     };
     let a = 0;
-    if (N.enabled && e.detail) {
+    if (D.enabled && e.detail) {
       const l = {
         ...d,
         _type: "expand",
         id: B.generateNavigatableId(`${a++}`, "expand", "column"),
         defaultCell: e.isClient ? Qt : Ma,
-        field: N.column,
+        field: D.column,
         headerClassName: f(u.hierarchyCell({}))
       };
       t.unshift(l), C.unshift(r.find((s) => s.id === l.id) || le(l));
@@ -219,15 +219,15 @@ const Va = i.forwardRef((e, st) => {
     return a && d ? Math.ceil(a / d * 1.5) : 0;
   };
   let b = [], V, m = [], oe = [], de = [], A = [[]];
-  const yt = e.scrollLeftRef || { current: 0 }, wt = e.widthRef || { current: 0 }, Et = e.containerHeightRef || { current: 0 }, vt = e.minRowHeightRef || { current: 0 }, W = e.localization || new Na(e.language), St = e.intl || new Da((He = e.locale) != null ? He : "en"), D = e.unstyled, u = D && D.uGrid ? D.uGrid : Wt, H = aa(e.rowReorderable), w = e.scrollable === "virtual" || e.scrollable === void 0 && e.isClient && zt(ie) || !1, T = e.dataLayoutMode === "stacked", $ = ((Te = e.group) == null ? void 0 : Te.length) || 0, se = Ft(ie), K = e.autoProcessData === !0 ? {
+  const yt = e.scrollLeftRef || { current: 0 }, wt = e.widthRef || { current: 0 }, Et = e.containerHeightRef || { current: 0 }, vt = e.minRowHeightRef || { current: 0 }, W = e.localization || new Na(e.language), St = e.intl || new Da((He = e.locale) != null ? He : "en"), H = e.unstyled, u = H && H.uGrid ? H.uGrid : Wt, T = aa(e.rowReorderable), w = e.scrollable === "virtual" || e.scrollable === void 0 && e.isClient && zt(ie) || !1, k = e.dataLayoutMode === "stacked", $ = ((Te = e.group) == null ? void 0 : Te.length) || 0, se = Ft(ie), K = e.autoProcessData === !0 ? {
     group: !0,
     sort: !0,
     filter: !0,
     search: !0,
     page: !0
   } : e.autoProcessData;
-  let y, k;
-  if (Array.isArray(e.data) ? (y = e.data, k = (Ke = e.total) != null ? Ke : y.length) : (y = ((Le = e.data) == null ? void 0 : Le.data) || [], k = (Me = (Ae = e.total) != null ? Ae : (Pe = e.data) == null ? void 0 : Pe.total) != null ? Me : y.length), K) {
+  let y, N;
+  if (Array.isArray(e.data) ? (y = e.data, N = (Ke = e.total) != null ? Ke : y.length) : (y = ((Le = e.data) == null ? void 0 : Le.data) || [], N = (Me = (Ae = e.total) != null ? Ae : (Pe = e.data) == null ? void 0 : Pe.total) != null ? Me : y.length), K) {
     const t = K.page && !(w && !e.pageable), { data: o, total: r } = _t(y, {
       group: K.group ? e.group : void 0,
       sort: K.sort ? e.sort : void 0,
@@ -240,9 +240,9 @@ const Va = i.forwardRef((e, st) => {
         skip: e.skip || 0
       } : {}
     });
-    y = o, k = (Be = e.total) != null ? Be : r;
+    y = o, N = (Be = e.total) != null ? Be : r;
   }
-  const z = y.length === k, { size: E = "medium" } = e, Rt = typeof e.groupable == "object" && e.groupable.footer || "none", F = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, N = $t(!!e.detail), It = jt(
+  const z = y.length === N, { size: E = "medium" } = e, Rt = typeof e.groupable == "object" && e.groupable.footer || "none", F = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, D = $t(!!e.detail), It = jt(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
   ), me = !!((We = e.group) != null && We.length), { resolvedGroupsCount: Gt, flattedData: xt } = mt(
     y,
@@ -255,7 +255,7 @@ const Va = i.forwardRef((e, st) => {
   );
   b = xt;
   const j = Ct(), U = ((ze = e.virtualSkipRef) == null ? void 0 : ze.current) || 0;
-  let ce = k;
+  let ce = N;
   if (w) {
     let t = e.skip || 0;
     if ((me || e.pageable) && (t = U, ce = b.length), z || me || e.pageable)
@@ -275,7 +275,7 @@ const Va = i.forwardRef((e, st) => {
     };
   }, [e, m]), ge = i.useMemo(() => q.premium ? !Ot(ie, { component: "Grid", features: q.features }) : !1, [q.premium]), be = O.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? i.cloneElement(t, { ...t.props, _ariaControls: P, ariaLabel: "Top toolbar" }) : null), _ = O.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), he = O.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), g = m.filter((t) => t.children.length === 0), Ce = F && /* @__PURE__ */ i.createElement(ea, { columns: ne(), group: e.group || [], ariaControls: P }), ye = T ? null : /* @__PURE__ */ i.createElement(
+  ), g = m.filter((t) => t.children.length === 0), Ce = F && !k && /* @__PURE__ */ i.createElement(ea, { columns: ne(), group: e.group || [], ariaControls: P }), ye = k ? null : /* @__PURE__ */ i.createElement(
     Yt,
     {
       size: E,
@@ -298,7 +298,7 @@ const Va = i.forwardRef((e, st) => {
           columnsMap: A,
           navigatable: !!e.navigatable,
           localization: W,
-          unstyled: D,
+          unstyled: H,
           columnsState: C,
           headerSelectionValue: !!(e.select && b.filter((t) => t.rowType === "data").every(
             (t) => e.select && e.dataItemKey && G(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[G(e.dataItemKey)(t.dataItem)] : void 0
@@ -355,7 +355,7 @@ const Va = i.forwardRef((e, st) => {
           editor: n.editor,
           format: n.format,
           columnType: n.columnType,
-          rowReorderable: H,
+          rowReorderable: T,
           className: Lt,
           cells: sa(e.cells, n.cells),
           columnIndex: h,
@@ -373,7 +373,7 @@ const Va = i.forwardRef((e, st) => {
           isSorted: !!Ze(n.field, e.sort),
           isInEdit: ee,
           isAlt: d,
-          unstyled: D,
+          unstyled: H,
           group: t.group,
           localization: W,
           intl: St,
@@ -409,7 +409,7 @@ const Va = i.forwardRef((e, st) => {
           Oa,
           {
             key: n,
-            isStackedMode: T,
+            isStackedMode: k,
             item: l,
             rowId: n,
             dataIndex: r,
@@ -418,7 +418,7 @@ const Va = i.forwardRef((e, st) => {
             absoluteRowIndex: L,
             isAltRow: c,
             isHidden: Ee(s),
-            isRowReorderable: H,
+            isRowReorderable: T,
             rowHeight: e.rowHeight,
             rows: e.rows,
             leafColumns: g,
@@ -430,9 +430,9 @@ const Va = i.forwardRef((e, st) => {
             isHighlighted: S.isHighlighted,
             isInEdit: S.isInEdit && !Q,
             preparedCells: S.row,
-            showDetailToggle: !!e.detail && !!N.enabled,
+            showDetailToggle: !!e.detail && !!D.enabled,
             isDetailExpanded: !!l.expanded,
-            detailExpandField: N.column
+            detailExpandField: D.column
           }
         )
       ), e.detail && l.rowType === "data" && l.expanded) {
@@ -443,7 +443,7 @@ const Va = i.forwardRef((e, st) => {
             _a,
             {
               key: v,
-              isStackedMode: T,
+              isStackedMode: k,
               detailRowId: v,
               isHidden: Ee(s),
               detailRowHeight: e.detailRowHeight,
@@ -454,14 +454,14 @@ const Va = i.forwardRef((e, st) => {
               lockGroups: e.lockGroups,
               cells: e.cells,
               leafColumns: g,
-              detailExpandableEnabled: !!N.enabled,
+              detailExpandableEnabled: !!D.enabled,
               preparedCells: S.row,
               DetailCell: p,
               detail: e.detail,
               detailCellId: B.generateNavigatableId(`${v}-dcell`, x),
-              detailHierarchyCellId: N.enabled ? B.generateNavigatableId(`${v}-dhcell`, x) : void 0,
+              detailHierarchyCellId: D.enabled ? B.generateNavigatableId(`${v}-dhcell`, x) : void 0,
               detailTrClassName: f(u.detailTr({ isAlt: c })),
-              unstyled: D
+              unstyled: H
             }
           )
         );
@@ -470,7 +470,7 @@ const Va = i.forwardRef((e, st) => {
   }
   const Se = {
     size: E,
-    total: k,
+    total: N,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
     ...ba(e.pageable || {})
@@ -493,7 +493,7 @@ const Va = i.forwardRef((e, st) => {
       ),
       cols: g.map(Tt)
     }
-  ) : null, Ge = T ? /* @__PURE__ */ i.createElement(Fa, { groupLevelCount: $ }) : /* @__PURE__ */ i.createElement(Ca, null, g.map((t, o) => /* @__PURE__ */ i.createElement(
+  ) : null, Ge = k ? /* @__PURE__ */ i.createElement(Fa, { groupLevelCount: $ }) : /* @__PURE__ */ i.createElement(Ca, null, g.map((t, o) => /* @__PURE__ */ i.createElement(
     "col",
     {
       key: o.toString(),
@@ -510,7 +510,7 @@ const Va = i.forwardRef((e, st) => {
     Y
   ), Ne = X ? /* @__PURE__ */ i.createElement(Ta, { columns: g, customEditDialog: e.editDialog, dataItem: X }) : null;
   let Z = ke;
-  H && (Z = /* @__PURE__ */ i.createElement(
+  T && (Z = /* @__PURE__ */ i.createElement(
     Ia,
     {
       unstyled: u,
@@ -540,7 +540,7 @@ const Va = i.forwardRef((e, st) => {
     {
       id: e.id,
       style: e.style,
-      className: f(u.wrapper({ size: E, isStackedMode: T }), e.className),
+      className: f(u.wrapper({ size: E, isStackedMode: k }), e.className),
       ...Xe
     },
     be,
@@ -553,7 +553,7 @@ const Va = i.forwardRef((e, st) => {
       },
       Ge,
       ye,
-      /* @__PURE__ */ i.createElement(nt, { rowReorderable: H }, Z),
+      /* @__PURE__ */ i.createElement(nt, { rowReorderable: T }, Z),
       Ie
     ),
     ve && /* @__PURE__ */ i.createElement(tt, null, _.length ? _ : /* @__PURE__ */ i.createElement(pe, null)),
@@ -567,7 +567,7 @@ const Va = i.forwardRef((e, st) => {
         u.wrapper({
           size: E,
           virtual: w,
-          isStackedMode: T
+          isStackedMode: k
         }),
         e.className
       ),
@@ -581,7 +581,7 @@ const Va = i.forwardRef((e, st) => {
         className: f(u.ariaRoot({})),
         role: "grid",
         "aria-colcount": g.length,
-        "aria-rowcount": k,
+        "aria-rowcount": N,
         id: P,
         "aria-label": W.toLanguageString(ot, Ra[ot])
       },
@@ -598,7 +598,7 @@ const Va = i.forwardRef((e, st) => {
           tableStyle: { userSelect: kt }
         },
         Ge,
-        /* @__PURE__ */ i.createElement(nt, { rowReorderable: H }, Z)
+        /* @__PURE__ */ i.createElement(nt, { rowReorderable: T }, Z)
       ), ve && /* @__PURE__ */ i.createElement(tt, null, _.length ? _ : /* @__PURE__ */ i.createElement(pe, null))), w && /* @__PURE__ */ i.createElement(
         "div",
         {