@progress/kendo-react-grid/GridComponent.js

React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package

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