@progress/kendo-react-grid 9.3.1 → 9.4.0-develop.1

package/GridComponent.js

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

package/GridComponent.mjs

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

package/GridState.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),w=o.createContext([{},()=>{},{}]),Y=()=>o.useContext(w),Z=e=>{var S,f,C,k,G,P,D,b,m,y,F,T,j,q,H,M,O,R;const{children:z,onEditChange:r,onFilterChange:l,onSortChange:i,onPageChange:c,onGroupChange:u,onDataStateChange:g,onSelectionChange:h,onDetailExpandChange:s,onGroupExpandChange:x,onHeaderSelectionChange:E}=e,[n,d]=o.useState({edit:(S=e.defaultEdit)!=null?S:e.edit,filter:(f=e.defaultFilter)!=null?f:e.filter,select:(C=e.defaultSelect)!=null?C:e.select,sort:(k=e.defaultSort)!=null?k:e.sort,take:(G=e.defaultTake)!=null?G:e.take,skip:(P=e.defaultSkip)!=null?P:e.skip,group:(D=e.defaultGroup)!=null?D:e.group,detailExpand:(b=e.defaultDetailExpand)!=null?b:e.detailExpand,groupExpand:(m=e.defaultGroupExpand)!=null?m:e.groupExpand}),A={edit:(y=e.edit)!=null?y:n.edit,filter:(F=e.filter)!=null?F:n.filter,sort:(T=e.sort)!=null?T:n.sort,take:(j=e.take)!=null?j:n.take,skip:(q=e.skip)!=null?q:n.skip,group:(H=e.group)!=null?H:n.group,select:(M=e.select)!=null?M:n.select,detailExpand:(O=e.detailExpand)!=null?O:n.detailExpand,groupExpand:(R=e.groupExpand)!=null?R:n.groupExpand},B=t=>{},I=t=>{d(a=>({...a,edit:t.edit})),r==null||r(t)},J=t=>{d(a=>({...a,filter:t.filter})),l==null||l(t)},K=t=>{d(a=>({...a,sort:t.sort})),i==null||i(t)},L=t=>{d(a=>({...a,...t.page})),c==null||c(t)},N=t=>{d(a=>({...a,group:t.group})),u==null||u(t)},Q=t=>{d(a=>({...a,...t.dataState})),g==null||g(t)},U=t=>{d(a=>({...a,select:t.select})),h==null||h(t)},V=t=>{d(a=>({...a,select:t.select})),E==null||E(t)},W=t=>{d(a=>({...a,detailExpand:t.detailExpand})),s==null||s(t)},X=t=>{d(a=>({...a,groupExpand:t.groupExpand})),x==null||x(t)};return o.createElement(w.Provider,{value:[A,B,{onEditChange:I,onFilterChange:l&&J,onSortChange:i&&K,onPageChange:c&&L,onGroupChange:u&&N,onDataStateChange:Q,onSelectionChange:U,onHeaderSelectionChange:V,onDetailExpandChange:W,onGroupExpandChange:X}]},z)};exports.GridClientStateProvider=Z;exports.useGridState=Y;