@progress/kendo-react-grid 10.0.0-develop.1 → 10.0.0-develop.2

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"),l=require("./GridComponent.js"),d=require("./GridState.js"),b=require("@progress/kendo-react-common");function f(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>n[t]})}}return o.default=n,Object.freeze(o)}const r=f(u),i=r.forwardRef((n,o)=>{const{isPaid:t}={isPaid:!0},[a]=b.useCustomComponent(t?d.GridClientStateProvider:r.Fragment);return c.isClient()?r.createElement(a,{...n},r.createElement(s.GridClientContextReader,{id:n.id},r.createElement(l.GridComponent,{ref:o,...n}))):r.createElement(l.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,expandField:e.string,selectedField:e.string,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,editField:e.string,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"])};i.displayName="KendoReactGrid";i.propTypes=p;exports.Grid=i;
+"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"),d=require("./GridState.js"),b=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-intl");function m(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const o=m(u),l=o.forwardRef((n,t)=>{const{isPaid:r}={isPaid:!0},[a]=b.useCustomComponent(r?d.GridClientStateProvider:o.Fragment);return c.isClient()?o.createElement(a,{...n},o.createElement(s.GridClientContextReader,{id:n.id},o.createElement(i.GridComponent,{ref:t,...n}))):o.createElement(f.ServerGlobalization,{locale:n.locale,language:n.language},o.createElement(i.GridComponent,{ref:t,...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,expandField:e.string,selectedField:e.string,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,editField:e.string,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"])};l.displayName="KendoReactGrid";l.propTypes=p;exports.Grid=l;

package/Grid.mjs

@@ -8,15 +8,16 @@
 import * as o from "react";
 import e from "prop-types";
 import { isClient as m } from "./utils/index.mjs";
-import { GridClientContextReader as p } from "./GridClientContextReader.mjs";
-import { GridComponent as t } from "./GridComponent.mjs";
-import { GridClientStateProvider as u } from "./GridState.mjs";
-import { useCustomComponent as f } from "@progress/kendo-react-common";
-const a = o.forwardRef((n, r) => {
+import { GridClientContextReader as u } from "./GridClientContextReader.mjs";
+import { GridComponent as r } from "./GridComponent.mjs";
+import { GridClientStateProvider as f } from "./GridState.mjs";
+import { useCustomComponent as p } from "@progress/kendo-react-common";
+import { ServerGlobalization as b } from "@progress/kendo-react-intl";
+const t = o.forwardRef((n, a) => {
   const { isPaid: l } = {
     isPaid: !0
-  }, [i] = f(l ? u : o.Fragment);
-  return m() ? /* @__PURE__ */ o.createElement(i, { ...n }, /* @__PURE__ */ o.createElement(p, { id: n.id }, /* @__PURE__ */ o.createElement(t, { ref: r, ...n }))) : /* @__PURE__ */ o.createElement(t, { ref: r, ...n });
+  }, [i] = p(l ? f : o.Fragment);
+  return m() ? /* @__PURE__ */ o.createElement(i, { ...n }, /* @__PURE__ */ o.createElement(u, { id: n.id }, /* @__PURE__ */ o.createElement(r, { ref: a, ...n }))) : /* @__PURE__ */ o.createElement(b, { locale: n.locale, language: n.language }, /* @__PURE__ */ o.createElement(r, { ref: a, ...n }));
 }), s = {
   data: e.oneOfType([
     e.array,
@@ -94,8 +95,8 @@ const a = o.forwardRef((n, r) => {
   ]),
   size: e.oneOf(["small", "medium"])
 };
-a.displayName = "KendoReactGrid";
-a.propTypes = s;
+t.displayName = "KendoReactGrid";
+t.propTypes = s;
 export {
-  a as Grid
+  t as Grid
 };

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