@progress/kendo-react-grid 13.3.0 → 13.4.0-develop.1

package/GridComponent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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;
+"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}=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

@@ -16,7 +16,7 @@ import { HeaderRow as Zt } from "./header/HeaderRow.mjs";
 import { FilterRow as pt } from "./header/FilterRow.mjs";
 import { GroupPanel as ea } from "./header/GroupPanel.mjs";
 import { Footer as ta } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as aa, getRowSpanOptions as Ye, getColumnWidth as ae, isSorted as Ze, flatData as la, autoGenerateColumns as ia, mapColumns as na, clientColumn as ra, getFlatColumnsState as oa, getColumnState as le, getColSpan as da, resolveCells as sa, readColumns as ma } from "./utils/index.mjs";
+import { isRowReorderEnabled as aa, getRowSpanOptions as Ye, getColumnWidth as ae, isSorted as Ze, flatData as la, autoGenerateColumns as ia, mapColumns as na, clientColumn as ra, getColSpan as oa, resolveCells as da, readColumns as sa, getFlatColumnsState as ma, getColumnState as le } from "./utils/index.mjs";
 import { GridCell as ca } from "./cells/datacell/GridCell.mjs";
 import { GridGroupCell as ua } from "./cells/groupcell/GridGroupCell.mjs";
 import { GridHeaderSelectionCell as fa } from "./header/GridHeaderSelectionCell.mjs";
@@ -79,7 +79,7 @@ const Va = i.forwardRef((e, st) => {
     const o = t.filter(
       (r) => r && r.type && r.type.displayName === "KendoReactGridColumn"
     );
-    return ma(o, C, { prevId: 0, idPrefix: x });
+    return sa(o, C, { prevId: 0, idPrefix: x });
   }, ut = () => {
     const t = [], o = (r, d) => r == null ? void 0 : r.forEach((a) => {
       const l = a.hidden || d;
@@ -132,7 +132,7 @@ const Va = i.forwardRef((e, st) => {
     }), 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);
+    const r = ma(C);
     bt(t, r);
     const d = {
       id: "",
@@ -189,7 +189,7 @@ const Va = i.forwardRef((e, st) => {
         d--, r && (r.width += s);
         return;
       }
-      const c = Math.min(da(a, t), g.length - l);
+      const c = Math.min(oa(a, t), g.length - l);
       d = c - 1, r = {
         width: s,
         colSpan: c,
@@ -242,7 +242,7 @@ const Va = i.forwardRef((e, st) => {
     });
     y = o, N = (Be = e.total) != null ? Be : r;
   }
-  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(
+  const z = y.length === N, { size: E } = 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,
@@ -357,7 +357,7 @@ const Va = i.forwardRef((e, st) => {
           columnType: n.columnType,
           rowReorderable: T,
           className: Lt,
-          cells: sa(e.cells, n.cells),
+          cells: da(e.cells, n.cells),
           columnIndex: h,
           columnsCount: g.length,
           rowType: t.rowType,

package/GridPdfExportButton.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ButtonProps } from '@progress/kendo-react-buttons';
+import * as React from 'react';
+/**
+ * Represents the props of the GridPdfExportButton component.
+ */
+export interface GridPdfExportButtonProps extends ButtonProps {
+}
+/**
+ * Represents the properties of the KendoReact GridPdfExportButton component.
+ */
+export declare const GridPdfExportButton: (props: GridPdfExportButtonProps) => React.JSX.Element;

package/GridSearchBox.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TextBoxChangeEvent, TextBoxProps } from '@progress/kendo-react-inputs';
+import * as React from 'react';
+/**
+ * Represents the event object of the GridSearchBox `onChange` event.
+ */
+export interface GridSearchBoxChangeEvent extends TextBoxChangeEvent {
+}
+/**
+ * Represents the props of the GridSearchBox component.
+ */
+export interface GridSearchBoxProps extends TextBoxProps {
+    /**
+     * Fires when the value of the search box is changed.
+     */
+    onChange?: (event: GridSearchBoxChangeEvent) => void;
+}
+/**
+ * Represents the properties of the KendoReact GridSearchBox component.
+ */
+export declare const GridSearchBox: (props: GridSearchBoxProps) => React.JSX.Element;

package/GridState.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as React } from 'react';
+import { GridProps } from './interfaces/GridProps.js';
+/** @hidden */
+export declare const useGridState: () => [GridState, any, GridProps];
+/** @hidden */
+export type GridState = {
+    edit?: GridProps['edit'];
+    filter?: GridProps['filter'];
+    highlight?: GridProps['highlight'];
+    search?: GridProps['search'];
+    select?: GridProps['select'];
+    sort?: GridProps['sort'];
+    skip?: GridProps['skip'];
+    take?: GridProps['take'];
+    group?: GridProps['group'];
+    detailExpand?: GridProps['detailExpand'];
+    groupExpand?: GridProps['groupExpand'];
+    columnsState?: GridProps['columnsState'];
+};
+/** @hidden */
+export type GridStateAction = any;
+/** @hidden */
+export declare const GridClientStateProvider: (props: GridProps) => React.JSX.Element;

package/GridToolbar.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridToolbarProps } from './interfaces/GridToolbarProps.js';
+import * as React from 'react';
+/**
+ * Represents the GridToolbar component.
+ *
+ * @remarks
+ * Supported children components are: {@link GridToolbarAIAssistant}, {@link GridToolbarCheckboxFilter}, {@link GridToolbarColumnsChooser},
+ * {@link GridToolbarFilter}, {@link GridToolbarGroup}, {@link GridToolbarSeparator}, {@link GridToolbarSort},
+ * {@link GridToolbarSpacer}, {@link GridSearchBox}, {@link GridPdfExportButton}.
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *     const [data, setData] = useState([
+ *         { Column1: 'A1', Column2: 'A2' },
+ *         { Column1: 'B1', Column2: 'B2' },
+ *         { Column1: 'C1', Column2: 'C2' }
+ *     ]);
+ *
+ *     const customClick = () => {
+ *         alert('Custom handler in custom toolbar');
+ *     };
+ *
+ *     return (
+ *         <Grid data={data}>
+ *             <GridToolbar>
+ *                 <Button title="Click" onClick={customClick}>
+ *                     Click
+ *                 </Button>
+ *             </GridToolbar>
+ *         </Grid>
+ *     );
+ * };
+ *
+ * export default App;
+ * ```
+ */
+export declare const GridToolbar: {
+    (props: GridToolbarProps): React.JSX.Element;
+    displayName: string;
+};

package/ScrollMode.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export type ScrollMode = 'none' | 'scrollable' | 'virtual';

package/StatusBar.d.ts

@@ -0,0 +1,59 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridSelectionChangeEvent } from './interfaces/events.js';
+import { GridColumnProps } from './interfaces/GridColumnProps.js';
+import { GridProps } from './interfaces/GridProps.js';
+import * as React from 'react';
+/**
+ * Represents the KendoReact Grid's StatusItem object.
+ */
+export interface StatusItem {
+    /**
+     * The type of the status item.
+     * Could be `sum`, `min`, `max`, `average`, `count`, `isTrue`, `isFalse`, `earliest` or `latest`.
+     */
+    type: string;
+    /**
+     * The calculated value of the status item.
+     */
+    value: number | boolean | Date;
+    /**
+     * The formatted value of the status item.
+     */
+    formattedValue: string;
+}
+/**
+ * Represents the props of the KendoReact Grid's StatusBar component.
+ */
+export interface StatusBarProps {
+    /**
+     * The collection of status items to display in the status bar.
+     */
+    data: StatusItem[];
+}
+/**
+ * Represents the KendoReact Grid's StatusBar component.
+ */
+export declare const StatusBar: React.FunctionComponent<StatusBarProps>;
+/**
+ * @hidden
+ */
+export declare const leafColumns: (columns: GridColumnProps[]) => GridColumnProps[];
+/**
+ * Represents the arguments of the getStatusData function.
+ */
+export type StatusDataArgs = Pick<GridSelectionChangeEvent, 'dataItems' | 'target' | 'select'> & {
+    dataItemKey: Required<GridProps>['dataItemKey'];
+};
+/**
+ * Calculates the status data.
+ *
+ * @param args StatusDataArgs
+ * @returns StatusItem[]
+ */
+export declare const getStatusData: (args: StatusDataArgs) => StatusItem[];

package/VirtualScroll.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Page } from './paging/Page.js';
+import { VirtualScrollInterface } from './interfaces/VirtualScrollInterface.js';
+import { RowHeightService } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare class VirtualScroll implements VirtualScrollInterface {
+    table: HTMLTableElement | null;
+    tableBody: HTMLTableSectionElement | null;
+    container: HTMLDivElement | null;
+    scrollHeightContainer: HTMLDivElement | null;
+    total: number;
+    scrollableVirtual: boolean;
+    pageSize: number;
+    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
+    fixedScroll: boolean;
+    tableTransform: string;
+    rowHeightService?: RowHeightService;
+    private reactVersion;
+    private scrollSyncing;
+    private firstToLoad;
+    private lastScrollTop;
+    private firstLoaded;
+    private lastLoaded;
+    constructor();
+    reset(): void;
+    scrollHandler(e: React.SyntheticEvent<HTMLDivElement>): void;
+    update(): void;
+    private loadPage;
+    private translate;
+    private changePage;
+    private adjustScroll;
+    private setScrollHeightContainerHeight;
+    private getItemHeights;
+    private getTotalHeight;
+    private getExpectedTotalHeight;
+}

package/cells/GridDetailHierarchyCell.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridClassStructure } from '@progress/kendo-react-common';
+import * as React from 'react';
+/** @hidden */
+export interface GridDetailHierarchyCellProps {
+    id: string;
+    unstyled?: GridClassStructure;
+}
+/** @hidden */
+export declare const GridDetailHierarchyCell: (props: GridDetailHierarchyCellProps) => React.JSX.Element;

package/cells/GridFilterCell.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridFilterCellProps } from '../interfaces/GridFilterCellProps.js';
+import * as React from 'react';
+export declare const GridFilterCell: (props: GridFilterCellProps) => React.JSX.Element;

package/cells/GridFilterCell.mjs

@@ -14,7 +14,7 @@ import { DatePicker as L } from "@progress/kendo-react-dateinputs";
 import { filterClearButton as m, messages as f, filterChooseOperator as g } from "../messages/index.mjs";
 import { useLocalization as k } from "@progress/kendo-react-intl";
 import { filterClearIcon as x, filterIcon as D } from "@progress/kendo-svg-icons";
-import { cellOperatorChange as y, cellInputChange as N, cellBoolDropdownChange as B } from "../filterCommon.mjs";
+import { cellInputChange as y, cellBoolDropdownChange as N, cellOperatorChange as B } from "../filterCommon.mjs";
 import { classNames as O } from "@progress/kendo-react-common";
 const _ = (e) => {
   const n = l.useRef(null), u = k(), d = () => {
@@ -45,11 +45,11 @@ const _ = (e) => {
       }
     );
   }, c = (t, r) => {
-    N(t, r, e);
+    y(t, r, e);
   }, h = (t) => {
-    y(t, e.value, e.onChange);
+    B(t, e.value, e.onChange);
   }, C = (t) => {
-    B(t, e.onChange);
+    N(t, e.onChange);
   }, v = (t) => {
     t.preventDefault(), e.onChange({ value: "", operator: "", syntheticEvent: t }), n.current && (n.current.element.value = "", setTimeout(() => {
       n.current.element.focus();

package/cells/datacell/GridCell.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridCell: (props: {
+    cellProps: GridCellProps;
+}) => React.JSX.Element | null;

package/cells/datacell/GridCellServer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridCellServer: (props: {
+    cellProps: GridCellProps;
+}) => React.JSX.Element | null;

package/cells/datacell/GridCellServerContainer.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const GridCellServerContainer: (props: any) => any;

package/cells/datacell/useCellClientTdProps.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const useCellClientTdProps: (props: GridCellProps) => {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style: any;
+    onContextMenu: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    tabIndex?: undefined;
+    "data-keyboardnavlevel"?: undefined;
+    "data-keyboardnavid"?: undefined;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style?: undefined;
+    onContextMenu: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    tabIndex?: undefined;
+    "data-keyboardnavlevel"?: undefined;
+    "data-keyboardnavid"?: undefined;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style: any;
+    onContextMenu?: undefined;
+    tabIndex?: undefined;
+    "data-keyboardnavlevel"?: undefined;
+    "data-keyboardnavid"?: undefined;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style?: undefined;
+    onContextMenu?: undefined;
+    tabIndex?: undefined;
+    "data-keyboardnavlevel"?: undefined;
+    "data-keyboardnavid"?: undefined;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style: any;
+    onContextMenu: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    tabIndex: number;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style?: undefined;
+    onContextMenu: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    tabIndex: number;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style: any;
+    onContextMenu?: undefined;
+    tabIndex: number;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
+} | {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    style?: undefined;
+    onContextMenu?: undefined;
+    tabIndex: number;
+    "data-keyboardnavlevel": number;
+    "data-keyboardnavid": string;
+};

package/cells/datacell/utils.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridCellProps } from '../../interfaces/GridCellProps.js';
+import { GridTdAttributes } from '../../index.js';
+/**
+ * @hidden
+ */
+export declare const getCellTdProps: (props: GridCellProps) => {
+    tdProps: GridTdAttributes | null;
+    content: any;
+};
+/**
+ * @hidden
+ */
+export declare const getCustomCell: (props: GridCellProps) => any;

package/cells/detailcell/GridDetailCell.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridDetailRowProps } from '../../interfaces/GridDetailRowProps.js';
+import { GridClassStructure } from '@progress/kendo-react-common';
+import * as React from 'react';
+/** @hidden */
+export interface GridDetailCellProps {
+    colSpan: number;
+    ariaColIndex: number;
+    dataItem: any;
+    dataIndex: number;
+    detail: React.ComponentType<GridDetailRowProps>;
+    id: string;
+    onContextMenu?: (event: React.MouseEvent<HTMLElement>, dataItem: any) => void;
+    unstyled?: GridClassStructure;
+}
+/** @hidden */
+export declare const GridDetailCell: (props: GridDetailCellProps) => React.JSX.Element;

package/cells/detailcell/GridDetailCellServer.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridDetailCellProps } from './GridDetailCell.js';
+import * as React from 'react';
+/** @hidden */
+export declare const GridDetailCellServer: (props: GridDetailCellProps) => React.JSX.Element;

package/cells/detailcell/GridDetailCellServerContainer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const GridDetailCellServerContainer: (props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;