@progress/kendo-react-grid 13.3.0-develop.2 → 13.3.0-develop.3

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 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;
+"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:D.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"}),H!==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(D.enabled&&e.detail){const l={...o,_type:"expand",id:C.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"expand","column"),defaultCell:e.isClient?Mt.GridHierarchyCell:ua.GridHierarchyCellServer,field:D.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"),T=e.unstyled,f=T&&T.uGrid?T.uGrid:c.uGrid,H=u.isRowReorderEnabled(e.rowReorderable),v=e.scrollable==="virtual"||e.scrollable===void 0&&e.isClient&&c.hasValidLicense(le.packageMetadata)||!1,K=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,x;if(Array.isArray(e.data)?(R=e.data,x=(He=e.total)!=null?He:R.length):(R=((Ke=e.data)==null?void 0:Ke.data)||[],x=(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,x=(Ae=e.total)!=null?Ae:i}const O=R.length===x,{size:E="medium"}=e,wt=typeof e.groupable=="object"&&e.groupable.footer||"none",F=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,D=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=x;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&&r.createElement(Ft.GroupPanel,{columns:ne(),group:e.group||[],ariaControls:w}),ye=K?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:T,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:H,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:T,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:K,item:l,rowId:n,dataIndex:i,idPrefix:G,ariaRowIndex:W,absoluteRowIndex:L,isAltRow:m,isHidden:Ge(s),isRowReorderable:H,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&&!!D.enabled,isDetailExpanded:!!l.expanded,detailExpandField:D.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:K,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:!!D.enabled,preparedCells:k.row,DetailCell:ee,detail:e.detail,detailCellId:C.tableKeyboardNavigationTools.generateNavigatableId(`${I}-dcell`,G),detailHierarchyCellId:D.enabled?C.tableKeyboardNavigationTools.generateNavigatableId(`${I}-dhcell`,G):void 0,detailTrClassName:c.classNames(f.detailTr({isAlt:m})),unstyled:T}))}})}const Re={size:E,total:x,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=K?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;H&&(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:K}),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:H},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:K}),e.className),...C.tableKeyboardNavigationScopeAttributes},be,he,r.createElement("div",{className:c.classNames(f.ariaRoot({})),role:"grid","aria-colcount":b.length,"aria-rowcount":x,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:H},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;