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

package/GridComponent.js

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