@progress/kendo-react-grid 11.2.1-develop.1 → 11.3.0-develop.1

package/Grid.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 u=require("react"),e=require("prop-types"),c=require("./utils/index.js"),s=require("./GridClientContextReader.js"),i=require("./GridComponent.js"),b=require("./GridState.js"),d=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-intl");function m(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(o,t,l.get?l:{enumerable:!0,get:()=>n[t]})}}return o.default=n,Object.freeze(o)}const r=m(u),a=r.forwardRef((n,o)=>{const[t]=d.useCustomComponent(b.GridClientStateProvider);return c.isClient()?r.createElement(t,{...n},r.createElement(s.GridClientContextReader,{id:n.id},r.createElement(i.GridComponent,{ref:o,...n,innerGrid:a}))):r.createElement(f.ServerGlobalization,{locale:n.locale,language:n.language},r.createElement(i.GridComponent,{ref:o,...n}))}),p={data:e.oneOfType([e.array,e.shape({data:e.array,total:e.number})]),sortable:e.oneOfType([e.bool,e.shape({mode:e.oneOf(["single","multiple"]),allowUnsort:e.bool})]),onSortChange:e.func,sort:e.array,filterable:e.bool,filter:e.any,onFilterChange:e.func,pageable:e.oneOfType([e.bool,e.shape({buttonCount:e.number,responsive:e.bool,info:e.bool,type:e.oneOf(["numeric","input"]),pageSizes:e.oneOfType([e.bool,e.arrayOf(e.oneOfType([e.string,e.number]))]),previousNext:e.bool})]),pageSize:e.number,onPageChange:e.func,total:e.number,skip:e.number,take:e.number,fixedScroll:e.bool,onExpandChange:e.func,onSelectionChange:e.func,onHeaderSelectionChange:e.func,resizable:e.bool,reorderable:e.bool,group:e.any,groupable:e.oneOfType([e.bool,e.shape({enabled:e.bool,footer:e.oneOf(["always","visible","none"])})]),onGroupChange:e.func,onRowClick:e.func,onRowDoubleClick:e.func,onItemChange:e.func,scrollable:e.oneOf(["none","scrollable","virtual"]),rowHeight:e.number,detailRowHeight:e.number,detail:e.any,style:e.object,onDataStateChange:e.func,onColumnResize:e.func,onColumnReorder:e.func,dataItemKey:e.string,navigatable:e.oneOfType([e.bool,e.shape({mode:e.oneOf(["incell","inline","popup"])})]),size:e.oneOf(["small","medium"])};a.displayName="KendoReactGrid";a.propTypes=p;exports.Grid=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),e=require("prop-types"),c=require("./utils/index.js"),s=require("./GridClientContextReader.js"),i=require("./GridComponent.js"),b=require("./GridState.js"),d=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-intl");function m(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(o,t,l.get?l:{enumerable:!0,get:()=>n[t]})}}return o.default=n,Object.freeze(o)}const r=m(u),a=r.forwardRef((n,o)=>{const[t]=d.useCustomComponent(b.GridClientStateProvider);return c.isClient()?r.createElement(t,{...n},r.createElement(s.GridClientContextReader,{id:n.id},r.createElement(i.GridComponent,{ref:o,...n,innerGrid:a}))):r.createElement(f.ServerGlobalization,{locale:n.locale,language:n.language},r.createElement(i.GridComponent,{ref:o,...n}))}),p={data:e.oneOfType([e.array,e.shape({data:e.array,total:e.number})]),sortable:e.oneOfType([e.bool,e.shape({mode:e.oneOf(["single","multiple"]),allowUnsort:e.bool})]),onSortChange:e.func,sort:e.array,highlight:e.any,filterable:e.bool,filter:e.any,onFilterChange:e.func,pageable:e.oneOfType([e.bool,e.shape({buttonCount:e.number,responsive:e.bool,info:e.bool,type:e.oneOf(["numeric","input"]),pageSizes:e.oneOfType([e.bool,e.arrayOf(e.oneOfType([e.string,e.number]))]),previousNext:e.bool})]),pageSize:e.number,onPageChange:e.func,total:e.number,skip:e.number,take:e.number,fixedScroll:e.bool,onExpandChange:e.func,onSelectionChange:e.func,onHeaderSelectionChange:e.func,resizable:e.bool,reorderable:e.bool,group:e.any,groupable:e.oneOfType([e.bool,e.shape({enabled:e.bool,footer:e.oneOf(["always","visible","none"])})]),onGroupChange:e.func,onRowClick:e.func,onRowDoubleClick:e.func,onItemChange:e.func,scrollable:e.oneOf(["none","scrollable","virtual"]),rowHeight:e.number,detailRowHeight:e.number,detail:e.any,style:e.object,onDataStateChange:e.func,onColumnResize:e.func,onColumnReorder:e.func,dataItemKey:e.string,navigatable:e.oneOfType([e.bool,e.shape({mode:e.oneOf(["incell","inline","popup"])})]),size:e.oneOf(["small","medium"])};a.displayName="KendoReactGrid";a.propTypes=p;exports.Grid=a;

package/Grid.mjs

@@ -33,6 +33,7 @@ const a = n.forwardRef((o, r) => {
   ]),
   onSortChange: e.func,
   sort: e.array,
+  highlight: e.any,
   filterable: e.bool,
   filter: e.any,
   onFilterChange: e.func,

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