@progress/kendo-react-grid 10.2.0-develop.5 → 10.2.0-develop.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +90 -89
- package/columnMenu/GridColumnMenuWrapper.js +1 -1
- package/columnMenu/GridColumnMenuWrapper.mjs +4 -4
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/index.d.mts +643 -66
- package/index.d.ts +643 -66
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +13 -13
package/GridComponent.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const wt=require("react"),c=require("@progress/kendo-react-common"),St=require("@progress/kendo-data-query"),b=require("@progress/kendo-react-data-tools"),Gt=require("./cells/GridSelectionCell.js"),Et=require("./cells/GridHierarchyCell.js"),Rt=require("./cells/GridEditCell.js"),vt=require("./header/Header.js"),It=require("./header/HeaderRow.js"),xt=require("./header/FilterRow.js"),Nt=require("./header/GroupPanel.js"),kt=require("./footer/Footer.js"),u=require("./utils/index.js"),qt=require("./cells/GridCell.js"),Ve=require("./cells/GridGroupCell.js"),Ft=require("./rows/GridRow.js"),Dt=require("./header/GridHeaderSelectionCell.js"),Oe=require("./components/noRecords/GridNoRecords.js"),Be=require("./filterCommon.js"),Tt=require("./footer/FooterRow.js"),Ht=require("./paging/GridPagerSettings.js"),Pt=require("./package-metadata.js"),Kt=require("./cells/GridDetailCell.js"),At=require("./cells/GridDetailHierarchyCell.js"),Le=require("./components/noRecords/GridNoRecordsContainer.js"),_e=require("./GridClientWrapper.js"),Vt=require("./components/colGroup/GridColGroup.js"),Ot=require("./components/table/GridTable.js"),ze=require("./components/GridDropClue.js"),Me=require("./components/GridDragClue.js"),We=require("./components/table/GridTableBody.js"),Bt=require("./components/PagerContainer.js"),Lt=require("./components/table/GridTableScrollable.js"),je=require("./components/GridElementContainer.js"),_t=require("./components/GridContainerElementContainer.js"),zt=require("./components/VirtualScrollHeightContainer.js"),ne=require("./messages/index.js"),U=require("./VirtualScrollFixed.js"),Mt=require("./VirtualScroll.js"),Wt=require("./components/GridCustomCellClientContainer.js"),jt=require("./components/GridDraggableRowsContainer.js"),$t=require("./cells/GridRowReorderCell.js"),Qt=require("./header/client/GridHeaderRowReorderCell.js"),$e=require("./components/GridLoader.js"),Ut=require("./utils/premium.js"),Qe=require("@progress/kendo-react-intl");function Jt(e){const q=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const y in e)if(y!=="default"){const E=Object.getOwnPropertyDescriptor(e,y);Object.defineProperty(q,y,E.get?E:{enumerable:!0,get:()=>e[y]})}}return q.default=e,Object.freeze(q)}const a=Jt(wt),Ue=a.forwardRef((e,q)=>{var Ie,xe,Ne,ke,qe,Fe,De,Te;const y=e.id+"-role-element-id",E=e.navigatable?y:"";let v=e.columnsState||[];const Je=(t,n,d,i,o,g,l)=>{const s=[],C=u.flatData(s,G,t,{index:n},d!==void 0,i,o,g,ot.defaultExpand,l);return{flattedData:s,resolvedGroupsCount:C}},Xe=t=>{const n=t.filter(d=>d&&d.type&&d.type.displayName==="KendoReactGridColumn");return u.readColumns(n,v,{prevId:0,idPrefix:E})},Ye=()=>{const t=[],n=(d,i)=>d==null?void 0:d.forEach(o=>{const g=o.hidden||i;t.push({...o,hidden:g}),n(o.children,g)});return n(v,!1),t},Ze=t=>{const n=Ye();return t.filter(d=>{var i;return!d.hidden&&!((i=n.find(o=>o.id===d.id))!=null&&i.hidden)})},pe=(t,n)=>{var d;f=Xe(t),f.filter(i=>!i.hidden).length===0&&(f=u.autoGenerateColumns(G,e.group,{column:(d=O.column)!=null?d:e.expandField},{prevId:0,idPrefix:E})),tt(f,n),f=Ze(f),F=u.mapColumns(f,!0),ie=f.map(u.clientColumn)},et=(t,n)=>{const d=i=>{var g;const o=n.find(l=>l.id===i.id);return o?(o.children=(g=i.children)==null?void 0:g.map(d),o):u.getColumnState(i)};v=t.filter(i=>i.parentIndex===-1).map(d)},tt=(t,n)=>{var g;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||Dt.GridHeaderSelectionCell}),T!==void 0&&t.filter(l=>l.columnType==="reorder").forEach(l=>{l.width=l.width||"50px",l.cell=l.cell||$t.GridRowReorderCell,l.headerCell=l.headerCell||Qt.GridHeaderRowReorderCell,l.sortable=!1,l.filterable=!1,l.editable=!1});const d=u.getFlatColumnsState(v);et(t,d);const i={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let o=0;if((e.expandField||O.enabled)&&e.detail){const l={...i,_type:"expand",id:b.tableKeyboardNavigationTools.generateNavigatableId(`${o++}`,"expand","column"),cell:Et.GridHierarchyCell,field:(g=O.column)!=null?g:e.expandField,headerClassName:c.classNames(m.hierarchyCell({}))};t.unshift(l),v.unshift(d.find(s=>s.id===l.id)||u.getColumnState(l))}for(let l=0;l<n;l++){const s={...i,isAccessible:!1,cell:Ve.GridGroupCell,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${o++}`,"group","column"),field:"value",locked:e.lockGroups};t.unshift(s),v.unshift(d.find(C=>C.id===s.id)||u.getColumnState(s))}t.slice(o).forEach(l=>{l.parentIndex>=0&&(l.parentIndex+=o),l.rowSpannable=l.rowSpannable!==void 0?u.getRowSpanOptions(l.rowSpannable):de})},z=()=>{var t;return Array.isArray(e.data)?G.length===e.total:G?e.total===((t=e.data)==null?void 0:t.total):!1},at=()=>{const{rowHeight:t,detailRowHeight:n,detail:d,expandField:i}=e,o=z(),g=t!==void 0&&t>0,l=n!==void 0&&n>0;return!g||V&&!o||!!(d&&i)&&(!l||!o)?Mt.VirtualScroll:U.VirtualScrollFixed},J=()=>e.isClient?f:ie,lt=(t,n,d,i,o,g)=>{let l=u.getColSpan(t,n);if(e.columnVirtualization&&t.colSpan===1)return{colSpan:g,colsToSkip:o};let s=d.length-1===i,C=d.length-i;return e.columnVirtualization&&(s=w.length-1===i,C=w.length-i),l>1&&!s?o=l-1:l=1,C<=l&&!s&&(l=C),{colSpan:l,colsToSkip:o}};let X,h=[],M,f=[],ie=[],F=[[]];const rt=e.scrollLeftRef||{current:0},W=e.localization||new Qe.LocalizationService(e.language),nt=e.intl||new Qe.IntlService((Ie=e.locale)!=null?Ie:"en"),D=e.unstyled,m=D&&D.uGrid?D.uGrid:c.uGrid,T=u.isRowReorderEnabled(e.rowReorderable),H=e.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let G,k;if(Array.isArray(e.data)?(G=e.data,k=(xe=e.total)!=null?xe:G.length):(G=((Ne=e.data)==null?void 0:Ne.data)||[],k=(Fe=(qe=e.total)!=null?qe:(ke=e.data)==null?void 0:ke.total)!=null?Fe:G.length),H){const{data:t,total:n}=St.process(G,{group:H.group?e.group:void 0,sort:H.sort?e.sort:void 0,filter:b.combineFilters(H.filter?e.filter:void 0,H.search?e.search:void 0),...H.page?{take:e.take,skip:e.skip}:{}});G=t,k=(De=e.total)!=null?De:n}const{size:I="medium"}=e,it=typeof e.groupable=="object"&&e.groupable.footer||"none",P=e.scrollable==="virtual",V=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,O=b.getDetailExpandableOptions(!!e.detail),ot=b.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),{resolvedGroupsCount:dt,flattedData:ct}=Je(it,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);h=ct;const Y=at();Y===U.VirtualScrollFixed&&z()&&(M=h.slice(e.skip||0,(e.skip||0)+((e.take!==void 0?e.take:e.pageSize)||0)));const oe=b.getSelectionOptions(e.selectable||!!e.selectedField),de=u.getRowSpanOptions(e.rowSpannable),st=oe&&oe.drag?"none":void 0,j=a.useMemo(()=>a.Children.toArray(e.children),[e.children]);pe(j,dt);const Z=a.useMemo(()=>{const t=Ut.gridPremiumFeatures(e,f);return{premium:t.length>0,features:t}},[e,f]),ce=a.useMemo(()=>Z.premium?!c.validatePackage(Pt.packageMetadata,{component:"Grid",features:Z.features}):!1,[Z.premium]),se=j.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?a.cloneElement(t,{...t.props,ariaControls:y}):null),$=j.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),ue=j.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),w=f.filter(t=>t.children.length===0),ge=V&&a.createElement(Nt.GroupPanel,{columns:J(),group:e.group||[],ariaControls:y}),fe=a.createElement(vt.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||Be.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:f,columnsMap:F,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:W,unstyled:D,headerSelectionValue:!!(e.select&&h.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&c.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[c.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&a.createElement(xt.FilterRow,{cells:e.cells,size:I,columns:f,filter:e.filter,filterOperators:e.filterOperators||Be.operators,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:F.length+1,localization:W})||void 0,cols:w.map((t,n)=>a.createElement("col",{key:n.toString(),width:u.getColumnWidth(t)}))}),ut=rt.current||0,gt=parseFloat(((e.style||{}).width||"").toString()),ft=(t,n,d,i,o)=>{let g=!1;const l=e.selectedField?u.getNestedValue(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&c.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[c.getter(e.dataItemKey)(t.dataItem)]:void 0;let s=0;const{colSpans:C,hiddenColumns:K}=b.tableColumnsVirtualization({enabled:e.columnVirtualization,columns:w,tableViewPortWidth:gt,scrollLeft:ut,getColSpan:u.getColSpan,dataItem:t.dataItem}),x=w.filter((r,S)=>!K[S]);return{row:w.map((r,S)=>{var He,Pe,Ke,Ae;if(K[S])return null;if(s>0)return s--,null;let R;if((He=r.rowSpannable)!=null&&He.enabled&&t.rowType==="data"&&r.field&&o){const N=r.field?(Ke=(Pe=r.rowSpannable).valueGetter)==null?void 0:Ke.call(Pe,t.dataItem,r.field):null;R={value:N,count:1},o[r.field]&&((Ae=o[r.field])==null?void 0:Ae.value)===N&&o[r.field]!==null?(o[r.field].count++,R.count=null):o[r.field]=R}const{colSpan:L,colsToSkip:te}=lt(r,t.dataItem,x,S,s,C[S]);s=te;const _=r.id?r.id:S,Ct=c.classNames(m.contentSticky({locked:r.locked}),r.className),yt=r.left!==void 0?{left:r.left,right:r.right}:{};let ae=!1;if(r.editable&&(e.editable||e.editField)){const N=e.editField?u.getNestedValue(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[c.getter(e.dataItemKey)(t.dataItem)]:void 0,re=typeof N=="boolean"?N:Array.isArray(N)?N.indexOf(r.field)>-1:r.field!==void 0&&N===r.field;re&&r.columnType==="data"&&(re===!0||re===r.field)&&(g=!0,ae=!0)}const le=r.cell||ae&&Rt.GridEditCell||qt.GridCell,ht=e.expandField&&e.detail&&r.field===e.expandField||r._type==="expand",A={locked:e.lockGroups,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(S)}`,E,ht||t.rowType==="groupHeader"||t.rowType==="groupFooter"||r.field==="value"?"nodata":"cell"),colSpan:L,dataItem:t.dataItem,field:r.field,editor:r.editor,format:r.format,columnType:r.columnType,rowReorderable:T,className:Ct,render:e.cellRender,cells:u.resolveCells(e.cells,r.cells),columnIndex:S,columnsCount:w.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:d,columnPosition:yt,style:{},ariaColumnIndex:r.ariaColumnIndex,isSelected:(r==null?void 0:r._type)==="edit"?l:Array.isArray(l)&&l.indexOf(S)>-1,isSorted:!!u.isSorted(r.field,e.sort),isInEdit:ae,isAlt:i,unstyled:D,group:t.group,localization:W,intl:nt,_rowSpan:R};return r.cell?a.createElement(Wt.GridCustomCellClientContainer,{key:_,isClient:u.isClientReference(le),dataItem:A.dataItem,rowDataIndex:A.rowDataIndex,columnIndex:A.columnIndex,columnPosition:A.columnPosition},a.createElement(le,{...A})):a.createElement(le,{key:_,...A})}),isInEdit:g,isSelected:typeof l=="boolean"&&l}};let me=0;if(P&&X)for(let t=0;t<X.topCacheCount+X.attendedSkip-(e.skip||0);t++){const n=h.shift();if(n)h.push(n),me++,n.rowType==="groupHeader"&&t--;else break}const be=t=>t>=h.length-me;let Ce=e.skip||0;const p=[],ye=!h.length,he=F.length+(e.filterable?1:0)+1;let B=0;if(h.length){let t=-1,n=0;const d=de.enabled?{}:void 0;(M||h).forEach((i,o)=>{i.rowType==="data"&&(Ce++,t++);const g=Ce%2===0,l=e.dataItemKey&&c.getter(e.dataItemKey)(i.dataItem),s=o+(e.skip||0),C=l||"ai"+s,K=C+"_1",x=ft(i,C,t,g,d);if(B=s+he+n,p.push(a.createElement(Ft.GridRow,{key:C,dataItem:i.dataItem,isAltRow:g,isInEdit:x.isInEdit,rowType:i.rowType,isRowReorderable:T,isHidden:be(o),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:B,absoluteRowIndex:s,dataIndex:P&&!e.groupable?s:t,isSelected:x.isSelected,rows:e.rows},x.row)),e.detail&&i.rowType==="data"&&i.expanded){const r=w.length-(e.expandField||O.enabled?1:0)-(e.group?e.group.length:0)||1;n++,B=s+he+n,p.push(a.createElement("tr",{key:K,className:c.classNames(m.detailTr({isAlt:g})),style:{visibility:be(o)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":B},e.group&&e.group.map((S,R)=>{var _;const L=(_=x==null?void 0:x.row[R])==null?void 0:_.props.style,te=L?{left:L.left,right:L.right}:{};return a.createElement(Ve.GridGroupCell,{id:"",dataIndex:i.dataIndex,field:S.field,dataItem:i.dataItem,key:R,columnPosition:te,style:{},ariaColumnIndex:1+R,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:i.group})}),(e.expandField||O.enabled)&&a.createElement(At.GridDetailHierarchyCell,{unstyled:D,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${K}-dhcell`,E)}),a.createElement(Kt.GridDetailCell,{dataItem:i.dataItem,dataIndex:i.dataIndex,colSpan:r,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${K}-dcell`,E)})))}})}const we={size:I,total:k,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...Ht.normalize(e.pageable||{})},Se=a.createElement(Bt.PagerContainer,null,e.pager?a.createElement(e.pager,{...we}):a.createElement(b.Pager,{className:c.classNames(m.pager({})),...we})),mt=(t,n)=>a.createElement("col",{key:n.toString(),width:u.getColumnWidth(t)}),bt=(Te=e.cells)!=null&&Te.footerCell||f.some(t=>{var n;return!!(t.footerCell||(n=t.cells)!=null&&n.footerCell)})?a.createElement(kt.Footer,{size:I,staticHeaders:e.scrollable!=="none",row:a.createElement(Tt.FooterRow,{cells:e.cells,idPrefix:E,columns:f,ariaRowIndex:B+1}),cols:w.map(mt)}):null,Ge=a.createElement(Vt.GridColGroup,null,w.map((t,n)=>a.createElement("col",{key:n.toString(),className:u.isSorted(t.field,e.sort)?c.classNames(m.sorted({})):void 0,width:u.getColumnWidth(t)}))),Ee=e.reorderable||V,{detail:Xt,cells:Yt,rows:Zt,...Re}=e,ve=a.createElement("tbody",{role:"rowgroup",className:c.classNames(m.tbody({})),...b.tableKeyboardNavigationBodyAttributes},p);let ee=ve;if(T&&(ee=a.createElement(jt.GridReorderableRowsContainer,{unstyled:m,columns:f,rowReorderSettings:e.rowReorderable},ve)),e.scrollable==="none")return a.createElement(_e.GridClientWrapper,{gridRef:q,gridProps:Re,columnsRef:J(),columnsMapRef:F,columnsState:v,dataRef:h,slicedData:M,isFixedVirtualScroll:Y===U.VirtualScrollFixed,id:y,total:k,isAllData:z(),detailExpandable:!!e.detail},a.createElement(je.GridElementContainer,null,a.createElement("div",{id:e.id,style:e.style,className:c.classNames(m.wrapper({size:I}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},se,ge,a.createElement(Ot.GridTable,{selectable:e.selectable,className:c.classNames(m.table({size:I}))},Ge,fe,a.createElement(We.GridTableBody,{rowReorderable:T},ee)),ye&&a.createElement(Le.GridNoRecordsContainer,null,$.length?$:a.createElement(Oe.GridNoRecords,null)),Ee&&a.createElement(a.Fragment,null,a.createElement(ze.GridDropClue,null),a.createElement(Me.GridDragClue,null)))),ue,e.pageable&&Se,a.createElement($e.GridLoader,{loader:e.loader,showLoader:e.showLoader}),ce&&a.createElement(c.WatermarkOverlay,null));let Q=e.style||{};return P&&(Q.height||(Q=Object.assign({},Q,{height:"450px"}))),a.createElement(_e.GridClientWrapper,{gridRef:q,gridProps:Re,columnsRef:J(),columnsMapRef:F,columnsState:v,dataRef:h,slicedData:M,isFixedVirtualScroll:Y===U.VirtualScrollFixed,id:y,total:k,isAllData:z(),detailExpandable:!!e.detail},a.createElement(je.GridElementContainer,null,a.createElement("div",{id:e.id,style:Q,className:c.classNames(m.wrapper({size:I,virtual:P}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},se,ge,a.createElement("div",{className:c.classNames(m.ariaRoot({})),role:"grid","aria-colcount":w.length,"aria-rowcount":k,id:y,"aria-label":W.toLanguageString(ne.gridAriaLabel,ne.messages[ne.gridAriaLabel])},fe,a.createElement("div",{className:c.classNames(m.container({})),role:"presentation"},a.createElement(_t.GridContainerElementContainer,null,a.createElement("div",{className:c.classNames(m.content({})),role:"presentation"},a.createElement("div",{className:c.classNames(m.tableWrap({})),role:"presentation"},a.createElement(Lt.GridTableScrollable,{selectable:e.selectable,tableClassName:c.classNames(m.table({size:I})),tableStyle:{userSelect:st}},Ge,a.createElement(We.GridTableBody,{rowReorderable:T},ee)),ye&&a.createElement(Le.GridNoRecordsContainer,null,$.length?$:a.createElement(Oe.GridNoRecords,null))),P&&a.createElement("div",{className:c.classNames(m.heightContainer({})),role:"presentation"},a.createElement(zt.VirtualScrollHeightContainer,{isVirtualScroll:P}))))),bt,Ee&&a.createElement(a.Fragment,null,a.createElement(ze.GridDropClue,null),a.createElement(Me.GridDragClue,null)),ce&&a.createElement(c.WatermarkOverlay,null)),ue,e.pageable&&Se,a.createElement($e.GridLoader,{loader:e.loader,showLoader:e.showLoader}))))});Ue.displayName="KendoReactGridComponent";exports.GridComponent=Ue;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const wt=require("react"),c=require("@progress/kendo-react-common"),St=require("@progress/kendo-data-query"),b=require("@progress/kendo-react-data-tools"),Gt=require("./cells/GridSelectionCell.js"),Et=require("./cells/GridHierarchyCell.js"),Rt=require("./cells/GridEditCell.js"),vt=require("./header/Header.js"),It=require("./header/HeaderRow.js"),xt=require("./header/FilterRow.js"),Nt=require("./header/GroupPanel.js"),kt=require("./footer/Footer.js"),u=require("./utils/index.js"),qt=require("./cells/GridCell.js"),Oe=require("./cells/GridGroupCell.js"),Ft=require("./rows/GridRow.js"),Dt=require("./header/GridHeaderSelectionCell.js"),Be=require("./components/noRecords/GridNoRecords.js"),Le=require("./filterCommon.js"),Tt=require("./footer/FooterRow.js"),Ht=require("./paging/GridPagerSettings.js"),Pt=require("./package-metadata.js"),Kt=require("./cells/GridDetailCell.js"),At=require("./cells/GridDetailHierarchyCell.js"),_e=require("./components/noRecords/GridNoRecordsContainer.js"),ze=require("./GridClientWrapper.js"),Vt=require("./components/colGroup/GridColGroup.js"),Ot=require("./components/table/GridTable.js"),Me=require("./components/GridDropClue.js"),We=require("./components/GridDragClue.js"),je=require("./components/table/GridTableBody.js"),Bt=require("./components/PagerContainer.js"),Lt=require("./components/table/GridTableScrollable.js"),$e=require("./components/GridElementContainer.js"),_t=require("./components/GridContainerElementContainer.js"),zt=require("./components/VirtualScrollHeightContainer.js"),ne=require("./messages/index.js"),U=require("./VirtualScrollFixed.js"),Mt=require("./VirtualScroll.js"),Wt=require("./components/GridCustomCellClientContainer.js"),jt=require("./components/GridDraggableRowsContainer.js"),$t=require("./cells/GridRowReorderCell.js"),Qt=require("./header/client/GridHeaderRowReorderCell.js"),Qe=require("./components/GridLoader.js"),Ut=require("./utils/premium.js"),Ue=require("@progress/kendo-react-intl");function Jt(e){const q=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const y in e)if(y!=="default"){const E=Object.getOwnPropertyDescriptor(e,y);Object.defineProperty(q,y,E.get?E:{enumerable:!0,get:()=>e[y]})}}return q.default=e,Object.freeze(q)}const a=Jt(wt),Je=a.forwardRef((e,q)=>{var xe,Ne,ke,qe,Fe,De,Te,He;const y=e.id+"-role-element-id",E=e.navigatable?y:"";let v=e.columnsState||[];const Xe=(t,n,d,i,o,g,l)=>{const s=[],C=u.flatData(s,G,t,{index:n},d!==void 0,i,o,g,dt.defaultExpand,l);return{flattedData:s,resolvedGroupsCount:C}},Ye=t=>{const n=t.filter(d=>d&&d.type&&d.type.displayName==="KendoReactGridColumn");return u.readColumns(n,v,{prevId:0,idPrefix:E})},Ze=()=>{const t=[],n=(d,i)=>d==null?void 0:d.forEach(o=>{const g=o.hidden||i;t.push({...o,hidden:g}),n(o.children,g)});return n(v,!1),t},pe=t=>{const n=Ze();return t.filter(d=>{var i;return!d.hidden&&!((i=n.find(o=>o.id===d.id))!=null&&i.hidden)})},et=(t,n)=>{var d;f=Ye(t),f.filter(i=>!i.hidden).length===0&&(f=u.autoGenerateColumns(G,e.group,{column:(d=O.column)!=null?d:e.expandField},{prevId:0,idPrefix:E})),at(f,n),f=pe(f),F=u.mapColumns(f,!0),ie=f.map(u.clientColumn)},tt=(t,n)=>{const d=i=>{var g;const o=n.find(l=>l.id===i.id);return o?(o.children=(g=i.children)==null?void 0:g.map(d),o):u.getColumnState(i)};v=t.filter(i=>i.parentIndex===-1).map(d)},at=(t,n)=>{var g;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||Dt.GridHeaderSelectionCell}),T!==void 0&&t.filter(l=>l.columnType==="reorder").forEach(l=>{l.width=l.width||"50px",l.cell=l.cell||$t.GridRowReorderCell,l.headerCell=l.headerCell||Qt.GridHeaderRowReorderCell,l.sortable=!1,l.filterable=!1,l.editable=!1});const d=u.getFlatColumnsState(v);tt(t,d);const i={id:"",resizable:!0,width:"32px",title:" ",declarationIndex:-1,orderIndex:-1,children:[],parentIndex:-1,depth:0,colSpan:0,headerColSpan:0,rowSpan:0,left:0,right:0,index:0,rightBorder:!1,ariaColumnIndex:0,isAccessible:!0};let o=0;if((e.expandField||O.enabled)&&e.detail){const l={...i,_type:"expand",id:b.tableKeyboardNavigationTools.generateNavigatableId(`${o++}`,"expand","column"),cell:Et.GridHierarchyCell,field:(g=O.column)!=null?g:e.expandField,headerClassName:c.classNames(m.hierarchyCell({}))};t.unshift(l),v.unshift(d.find(s=>s.id===l.id)||u.getColumnState(l))}for(let l=0;l<n;l++){const s={...i,isAccessible:!1,cell:Oe.GridGroupCell,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${o++}`,"group","column"),field:"value",locked:e.lockGroups};t.unshift(s),v.unshift(d.find(C=>C.id===s.id)||u.getColumnState(s))}t.slice(o).forEach(l=>{l.parentIndex>=0&&(l.parentIndex+=o),l.rowSpannable=l.rowSpannable!==void 0?u.getRowSpanOptions(l.rowSpannable):de})},z=()=>{var t;return Array.isArray(e.data)?G.length===e.total:G?e.total===((t=e.data)==null?void 0:t.total):!1},lt=()=>{const{rowHeight:t,detailRowHeight:n,detail:d,expandField:i}=e,o=z(),g=t!==void 0&&t>0,l=n!==void 0&&n>0;return!g||V&&!o||!!(d&&i)&&(!l||!o)?Mt.VirtualScroll:U.VirtualScrollFixed},J=()=>e.isClient?f:ie,rt=(t,n,d,i,o,g)=>{let l=u.getColSpan(t,n);if(e.columnVirtualization&&t.colSpan===1)return{colSpan:g,colsToSkip:o};let s=d.length-1===i,C=d.length-i;return e.columnVirtualization&&(s=w.length-1===i,C=w.length-i),l>1&&!s?o=l-1:l=1,C<=l&&!s&&(l=C),{colSpan:l,colsToSkip:o}};let X,h=[],M,f=[],ie=[],F=[[]];const nt=e.scrollLeftRef||{current:0},W=e.localization||new Ue.LocalizationService(e.language),it=e.intl||new Ue.IntlService((xe=e.locale)!=null?xe:"en"),D=e.unstyled,m=D&&D.uGrid?D.uGrid:c.uGrid,T=u.isRowReorderEnabled(e.rowReorderable),H=e.autoProcessData===!0?{group:!0,sort:!0,filter:!0,search:!0,page:!0}:e.autoProcessData;let G,k;if(Array.isArray(e.data)?(G=e.data,k=(Ne=e.total)!=null?Ne:G.length):(G=((ke=e.data)==null?void 0:ke.data)||[],k=(De=(Fe=e.total)!=null?Fe:(qe=e.data)==null?void 0:qe.total)!=null?De:G.length),H){const{data:t,total:n}=St.process(G,{group:H.group?e.group:void 0,sort:H.sort?e.sort:void 0,filter:b.combineFilters(H.filter?e.filter:void 0,H.search?e.search:void 0),...H.page?{take:e.take,skip:e.skip}:{}});G=t,k=(Te=e.total)!=null?Te:n}const{size:I="medium"}=e,ot=typeof e.groupable=="object"&&e.groupable.footer||"none",P=e.scrollable==="virtual",V=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,O=b.getDetailExpandableOptions(!!e.detail),dt=b.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),{resolvedGroupsCount:ct,flattedData:st}=Xe(ot,e.skip||0,e.group,e.expandField,e.detailExpand,e.groupExpand,e.dataItemKey);h=st;const Y=lt();Y===U.VirtualScrollFixed&&z()&&(M=h.slice(e.skip||0,(e.skip||0)+((e.take!==void 0?e.take:e.pageSize)||0)));const oe=b.getSelectionOptions(e.selectable||!!e.selectedField),de=u.getRowSpanOptions(e.rowSpannable),ut=oe&&oe.drag?"none":void 0,j=a.useMemo(()=>a.Children.toArray(e.children),[e.children]);et(j,ct);const Z=a.useMemo(()=>{const t=Ut.gridPremiumFeatures(e,f);return{premium:t.length>0,features:t}},[e,f]),ce=a.useMemo(()=>Z.premium?!c.validatePackage(Pt.packageMetadata,{component:"Grid",features:Z.features}):!1,[Z.premium]),se=j.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?a.cloneElement(t,{...t.props,ariaControls:y}):null),$=j.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),ue=j.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),w=f.filter(t=>t.children.length===0),ge=V&&a.createElement(Nt.GroupPanel,{columns:J(),group:e.group||[],ariaControls:y}),fe=a.createElement(vt.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||Le.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:f,columnsMap:F,cellRender:e.headerCellRender,navigatable:!!e.navigatable,localization:W,unstyled:D,headerSelectionValue:!!(e.select&&h.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&c.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[c.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&a.createElement(xt.FilterRow,{cells:e.cells,size:I,columns:f,filter:e.filter,filterOperators:e.filterOperators||Le.operators,sort:e.sort,cellRender:e.filterCellRender,navigatable:!!e.navigatable,ariaRowIndex:F.length+1,localization:W})||void 0,cols:w.map((t,n)=>a.createElement("col",{key:n.toString(),width:u.getColumnWidth(t)}))}),gt=nt.current||0,ft=parseFloat(((e.style||{}).width||"").toString()),mt=(t,n,d,i,o)=>{let g=!1;const l=e.selectedField?u.getNestedValue(e.selectedField,t.dataItem):e.select&&e.dataItemKey&&c.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[c.getter(e.dataItemKey)(t.dataItem)]:void 0;let s=0;const{colSpans:C,hiddenColumns:K}=b.tableColumnsVirtualization({enabled:e.columnVirtualization,columns:w,tableViewPortWidth:ft,scrollLeft:gt,getColSpan:u.getColSpan,dataItem:t.dataItem}),x=w.filter((r,S)=>!K[S]);return{row:w.map((r,S)=>{var Pe,Ke,Ae,Ve;if(K[S])return null;if(s>0)return s--,null;let R;if((Pe=r.rowSpannable)!=null&&Pe.enabled&&t.rowType==="data"&&r.field&&o){const N=r.field?(Ae=(Ke=r.rowSpannable).valueGetter)==null?void 0:Ae.call(Ke,t.dataItem,r.field):null;R={value:N,count:1},o[r.field]&&((Ve=o[r.field])==null?void 0:Ve.value)===N&&o[r.field]!==null?(o[r.field].count++,R.count=null):o[r.field]=R}const{colSpan:L,colsToSkip:te}=rt(r,t.dataItem,x,S,s,C[S]);s=te;const _=r.id?r.id:S,Ct=c.classNames(m.contentSticky({locked:r.locked}),r.className),yt=r.left!==void 0?{left:r.left,right:r.right}:{};let ae=!1;if(r.editable&&(e.editable||e.editField)){const N=e.editField?u.getNestedValue(e.editField,t.dataItem):e.edit&&e.dataItemKey?e.edit[c.getter(e.dataItemKey)(t.dataItem)]:void 0,re=typeof N=="boolean"?N:Array.isArray(N)?N.indexOf(r.field)>-1:r.field!==void 0&&N===r.field;re&&r.columnType==="data"&&(re===!0||re===r.field)&&(g=!0,ae=!0)}const le=r.cell||ae&&Rt.GridEditCell||qt.GridCell,ht=e.expandField&&e.detail&&r.field===e.expandField||r._type==="expand",A={locked:e.lockGroups,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${n}-${String(S)}`,E,ht||t.rowType==="groupHeader"||t.rowType==="groupFooter"||r.field==="value"?"nodata":"cell"),colSpan:L,dataItem:t.dataItem,field:r.field,editor:r.editor,format:r.format,columnType:r.columnType,rowReorderable:T,className:Ct,render:e.cellRender,cells:u.resolveCells(e.cells,r.cells),columnIndex:S,columnsCount:w.length,rowType:t.rowType,level:t.level,expanded:t.expanded,dataIndex:t.dataIndex,rowDataIndex:d,columnPosition:yt,style:{},ariaColumnIndex:r.ariaColumnIndex,isSelected:(r==null?void 0:r._type)==="edit"?l:Array.isArray(l)&&l.indexOf(S)>-1,isSorted:!!u.isSorted(r.field,e.sort),isInEdit:ae,isAlt:i,unstyled:D,group:t.group,localization:W,intl:it,_rowSpan:R};return r.cell?a.createElement(Wt.GridCustomCellClientContainer,{key:_,isClient:u.isClientReference(le),dataItem:A.dataItem,rowDataIndex:A.rowDataIndex,columnIndex:A.columnIndex,columnPosition:A.columnPosition},a.createElement(le,{...A})):a.createElement(le,{key:_,...A})}),isInEdit:g,isSelected:typeof l=="boolean"&&l}};let me=0;if(P&&X)for(let t=0;t<X.topCacheCount+X.attendedSkip-(e.skip||0);t++){const n=h.shift();if(n)h.push(n),me++,n.rowType==="groupHeader"&&t--;else break}const be=t=>t>=h.length-me;let Ce=e.skip||0;const p=[],ye=!h.length,he=F.length+(e.filterable?1:0)+1;let B=0;if(h.length){let t=-1,n=0;const d=de.enabled?{}:void 0;(M||h).forEach((i,o)=>{i.rowType==="data"&&(Ce++,t++);const g=Ce%2===0,l=e.dataItemKey&&c.getter(e.dataItemKey)(i.dataItem),s=o+(e.skip||0),C=l||"ai"+s,K=C+"_1",x=mt(i,C,t,g,d);if(B=s+he+n,p.push(a.createElement(Ft.GridRow,{key:C,dataItem:i.dataItem,isAltRow:g,isInEdit:x.isInEdit,rowType:i.rowType,isRowReorderable:T,isHidden:be(o),onClick:null,onDoubleClick:null,selectedField:e.selectedField,rowHeight:e.rowHeight,render:e.rowRender,ariaRowIndex:B,absoluteRowIndex:s,dataIndex:P&&!e.groupable?s:t,isSelected:x.isSelected,rows:e.rows},x.row)),e.detail&&i.rowType==="data"&&i.expanded){const r=w.length-(e.expandField||O.enabled?1:0)-(e.group?e.group.length:0)||1;n++,B=s+he+n,p.push(a.createElement("tr",{key:K,className:c.classNames(m.detailTr({isAlt:g})),style:{visibility:be(o)?"hidden":"",height:e.detailRowHeight},role:"row","aria-rowindex":B},e.group&&e.group.map((S,R)=>{var _;const L=(_=x==null?void 0:x.row[R])==null?void 0:_.props.style,te=L?{left:L.left,right:L.right}:{};return a.createElement(Oe.GridGroupCell,{id:"",dataIndex:i.dataIndex,field:S.field,dataItem:i.dataItem,key:R,columnPosition:te,style:{},ariaColumnIndex:1+R,isSelected:!1,locked:e.lockGroups,cells:e.cells,group:i.group})}),(e.expandField||O.enabled)&&a.createElement(At.GridDetailHierarchyCell,{unstyled:D,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${K}-dhcell`,E)}),a.createElement(Kt.GridDetailCell,{dataItem:i.dataItem,dataIndex:i.dataIndex,colSpan:r,ariaColIndex:2+(e.group?e.group.length:0),detail:e.detail,id:b.tableKeyboardNavigationTools.generateNavigatableId(`${K}-dcell`,E)})))}})}const we={size:I,total:k,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...Ht.normalize(e.pageable||{})},Se=a.createElement(Bt.PagerContainer,null,e.pager?a.createElement(e.pager,{...we}):a.createElement(b.Pager,{className:c.classNames(m.pager({})),...we})),bt=(t,n)=>a.createElement("col",{key:n.toString(),width:u.getColumnWidth(t)}),Ge=(He=e.cells)!=null&&He.footerCell||f.some(t=>{var n;return!!(t.footerCell||(n=t.cells)!=null&&n.footerCell)})?a.createElement(kt.Footer,{size:I,staticHeaders:e.scrollable!=="none",row:a.createElement(Tt.FooterRow,{cells:e.cells,idPrefix:E,columns:f,ariaRowIndex:B+1}),cols:w.map(bt)}):null,Ee=a.createElement(Vt.GridColGroup,null,w.map((t,n)=>a.createElement("col",{key:n.toString(),className:u.isSorted(t.field,e.sort)?c.classNames(m.sorted({})):void 0,width:u.getColumnWidth(t)}))),Re=e.reorderable||V,{detail:Xt,cells:Yt,rows:Zt,...ve}=e,Ie=a.createElement("tbody",{role:"rowgroup",className:c.classNames(m.tbody({})),...b.tableKeyboardNavigationBodyAttributes},p);let ee=Ie;if(T&&(ee=a.createElement(jt.GridReorderableRowsContainer,{unstyled:m,columns:f,rowReorderSettings:e.rowReorderable},Ie)),e.scrollable==="none")return a.createElement(ze.GridClientWrapper,{gridRef:q,gridProps:ve,columnsRef:J(),columnsMapRef:F,columnsState:v,dataRef:h,slicedData:M,isFixedVirtualScroll:Y===U.VirtualScrollFixed,id:y,total:k,isAllData:z(),detailExpandable:!!e.detail},a.createElement($e.GridElementContainer,null,a.createElement("div",{id:e.id,style:e.style,className:c.classNames(m.wrapper({size:I}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},se,ge,a.createElement(Ot.GridTable,{selectable:e.selectable,className:c.classNames(m.table({size:I}))},Ee,fe,a.createElement(je.GridTableBody,{rowReorderable:T},ee),Ge),ye&&a.createElement(_e.GridNoRecordsContainer,null,$.length?$:a.createElement(Be.GridNoRecords,null)),Re&&a.createElement(a.Fragment,null,a.createElement(Me.GridDropClue,null),a.createElement(We.GridDragClue,null)))),ue,e.pageable&&Se,a.createElement(Qe.GridLoader,{loader:e.loader,showLoader:e.showLoader}),ce&&a.createElement(c.WatermarkOverlay,null));let Q=e.style||{};return P&&(Q.height||(Q=Object.assign({},Q,{height:"450px"}))),a.createElement(ze.GridClientWrapper,{gridRef:q,gridProps:ve,columnsRef:J(),columnsMapRef:F,columnsState:v,dataRef:h,slicedData:M,isFixedVirtualScroll:Y===U.VirtualScrollFixed,id:y,total:k,isAllData:z(),detailExpandable:!!e.detail},a.createElement($e.GridElementContainer,null,a.createElement("div",{id:e.id,style:Q,className:c.classNames(m.wrapper({size:I,virtual:P}),e.className),"aria-label":e.ariaLabel,...b.tableKeyboardNavigationScopeAttributes},se,ge,a.createElement("div",{className:c.classNames(m.ariaRoot({})),role:"grid","aria-colcount":w.length,"aria-rowcount":k,id:y,"aria-label":W.toLanguageString(ne.gridAriaLabel,ne.messages[ne.gridAriaLabel])},fe,a.createElement("div",{className:c.classNames(m.container({})),role:"presentation"},a.createElement(_t.GridContainerElementContainer,null,a.createElement("div",{className:c.classNames(m.content({})),role:"presentation"},a.createElement("div",{className:c.classNames(m.tableWrap({})),role:"presentation"},a.createElement(Lt.GridTableScrollable,{selectable:e.selectable,tableClassName:c.classNames(m.table({size:I})),tableStyle:{userSelect:ut}},Ee,a.createElement(je.GridTableBody,{rowReorderable:T},ee)),ye&&a.createElement(_e.GridNoRecordsContainer,null,$.length?$:a.createElement(Be.GridNoRecords,null))),P&&a.createElement("div",{className:c.classNames(m.heightContainer({})),role:"presentation"},a.createElement(zt.VirtualScrollHeightContainer,{isVirtualScroll:P}))))),Ge,Re&&a.createElement(a.Fragment,null,a.createElement(Me.GridDropClue,null),a.createElement(We.GridDragClue,null)),ce&&a.createElement(c.WatermarkOverlay,null)),ue,e.pageable&&Se,a.createElement(Qe.GridLoader,{loader:e.loader,showLoader:e.showLoader}))))});Je.displayName="KendoReactGridComponent";exports.GridComponent=Je;
|
package/GridComponent.mjs
CHANGED
|
@@ -6,9 +6,9 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as a from "react";
|
|
9
|
-
import { uGrid as xt, validatePackage as Gt, getter as H, classNames as f, WatermarkOverlay as
|
|
9
|
+
import { uGrid as xt, validatePackage as Gt, getter as H, classNames as f, WatermarkOverlay as _e } from "@progress/kendo-react-common";
|
|
10
10
|
import { process as kt } from "@progress/kendo-data-query";
|
|
11
|
-
import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as At, tableKeyboardNavigationBodyAttributes as Pt, tableKeyboardNavigationScopeAttributes as
|
|
11
|
+
import { combineFilters as Nt, getDetailExpandableOptions as Ft, getGroupExpandableOptions as Dt, getSelectionOptions as Tt, tableKeyboardNavigationTools as O, Pager as At, tableKeyboardNavigationBodyAttributes as Pt, tableKeyboardNavigationScopeAttributes as Oe, tableColumnsVirtualization as Ht } from "@progress/kendo-react-data-tools";
|
|
12
12
|
import { GridSelectionCell as Kt } from "./cells/GridSelectionCell.mjs";
|
|
13
13
|
import { GridHierarchyCell as Bt } from "./cells/GridHierarchyCell.mjs";
|
|
14
14
|
import { GridEditCell as Vt } from "./cells/GridEditCell.mjs";
|
|
@@ -17,45 +17,45 @@ import { HeaderRow as _t } from "./header/HeaderRow.mjs";
|
|
|
17
17
|
import { FilterRow as Ot } from "./header/FilterRow.mjs";
|
|
18
18
|
import { GroupPanel as zt } from "./header/GroupPanel.mjs";
|
|
19
19
|
import { Footer as Mt } from "./footer/Footer.mjs";
|
|
20
|
-
import { isRowReorderEnabled as Wt, getRowSpanOptions as
|
|
20
|
+
import { isRowReorderEnabled as Wt, getRowSpanOptions as ze, getColumnWidth as re, isSorted as Me, flatData as $t, autoGenerateColumns as jt, mapColumns as Ut, clientColumn as qt, getFlatColumnsState as Jt, getColumnState as ne, getNestedValue as We, getColSpan as $e, resolveCells as Qt, isClientReference as Xt, readColumns as Yt } from "./utils/index.mjs";
|
|
21
21
|
import { GridCell as Zt } from "./cells/GridCell.mjs";
|
|
22
|
-
import { GridGroupCell as
|
|
22
|
+
import { GridGroupCell as je } from "./cells/GridGroupCell.mjs";
|
|
23
23
|
import { GridRow as pt } from "./rows/GridRow.mjs";
|
|
24
24
|
import { GridHeaderSelectionCell as ea } from "./header/GridHeaderSelectionCell.mjs";
|
|
25
|
-
import { GridNoRecords as
|
|
26
|
-
import { operators as
|
|
25
|
+
import { GridNoRecords as Ue } from "./components/noRecords/GridNoRecords.mjs";
|
|
26
|
+
import { operators as qe } from "./filterCommon.mjs";
|
|
27
27
|
import { FooterRow as ta } from "./footer/FooterRow.mjs";
|
|
28
28
|
import { normalize as aa } from "./paging/GridPagerSettings.mjs";
|
|
29
29
|
import { packageMetadata as la } from "./package-metadata.mjs";
|
|
30
30
|
import { GridDetailCell as ra } from "./cells/GridDetailCell.mjs";
|
|
31
31
|
import { GridDetailHierarchyCell as na } from "./cells/GridDetailHierarchyCell.mjs";
|
|
32
|
-
import { GridNoRecordsContainer as
|
|
33
|
-
import { GridClientWrapper as
|
|
32
|
+
import { GridNoRecordsContainer as Je } from "./components/noRecords/GridNoRecordsContainer.mjs";
|
|
33
|
+
import { GridClientWrapper as Qe } from "./GridClientWrapper.mjs";
|
|
34
34
|
import { GridColGroup as ia } from "./components/colGroup/GridColGroup.mjs";
|
|
35
35
|
import { GridTable as oa } from "./components/table/GridTable.mjs";
|
|
36
|
-
import { GridDropClue as
|
|
37
|
-
import { GridDragClue as
|
|
38
|
-
import { GridTableBody as
|
|
36
|
+
import { GridDropClue as Xe } from "./components/GridDropClue.mjs";
|
|
37
|
+
import { GridDragClue as Ye } from "./components/GridDragClue.mjs";
|
|
38
|
+
import { GridTableBody as Ze } from "./components/table/GridTableBody.mjs";
|
|
39
39
|
import { PagerContainer as da } from "./components/PagerContainer.mjs";
|
|
40
40
|
import { GridTableScrollable as ca } from "./components/table/GridTableScrollable.mjs";
|
|
41
|
-
import { GridElementContainer as
|
|
41
|
+
import { GridElementContainer as pe } from "./components/GridElementContainer.mjs";
|
|
42
42
|
import { GridContainerElementContainer as sa } from "./components/GridContainerElementContainer.mjs";
|
|
43
43
|
import { VirtualScrollHeightContainer as ma } from "./components/VirtualScrollHeightContainer.mjs";
|
|
44
|
-
import { gridAriaLabel as
|
|
44
|
+
import { gridAriaLabel as et, messages as ua } from "./messages/index.mjs";
|
|
45
45
|
import { VirtualScrollFixed as q } from "./VirtualScrollFixed.mjs";
|
|
46
46
|
import { VirtualScroll as fa } from "./VirtualScroll.mjs";
|
|
47
47
|
import { GridCustomCellClientContainer as ga } from "./components/GridCustomCellClientContainer.mjs";
|
|
48
48
|
import { GridReorderableRowsContainer as ba } from "./components/GridDraggableRowsContainer.mjs";
|
|
49
49
|
import { GridRowReorderCell as ha } from "./cells/GridRowReorderCell.mjs";
|
|
50
50
|
import { GridHeaderRowReorderCell as ya } from "./header/client/GridHeaderRowReorderCell.mjs";
|
|
51
|
-
import { GridLoader as
|
|
51
|
+
import { GridLoader as tt } from "./components/GridLoader.mjs";
|
|
52
52
|
import { gridPremiumFeatures as Ca } from "./utils/premium.mjs";
|
|
53
53
|
import { LocalizationService as wa, IntlService as Ea } from "@progress/kendo-react-intl";
|
|
54
54
|
const Sa = a.forwardRef((e, ie) => {
|
|
55
|
-
var
|
|
55
|
+
var ke, Ne, Fe, De, Te, Ae, Pe, He;
|
|
56
56
|
const x = e.id + "-role-element-id", G = e.navigatable ? x : "";
|
|
57
57
|
let E = e.columnsState || [];
|
|
58
|
-
const
|
|
58
|
+
const at = (t, n, d, i, o, s, l) => {
|
|
59
59
|
const c = [], g = $t(
|
|
60
60
|
c,
|
|
61
61
|
C,
|
|
@@ -65,16 +65,16 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
65
65
|
i,
|
|
66
66
|
o,
|
|
67
67
|
s,
|
|
68
|
-
|
|
68
|
+
gt.defaultExpand,
|
|
69
69
|
l
|
|
70
70
|
);
|
|
71
71
|
return { flattedData: c, resolvedGroupsCount: g };
|
|
72
|
-
},
|
|
72
|
+
}, lt = (t) => {
|
|
73
73
|
const n = t.filter(
|
|
74
74
|
(d) => d && d.type && d.type.displayName === "KendoReactGridColumn"
|
|
75
75
|
);
|
|
76
76
|
return Yt(n, E, { prevId: 0, idPrefix: G });
|
|
77
|
-
},
|
|
77
|
+
}, rt = () => {
|
|
78
78
|
const t = [], n = (d, i) => d == null ? void 0 : d.forEach((o) => {
|
|
79
79
|
const s = o.hidden || i;
|
|
80
80
|
t.push({
|
|
@@ -83,15 +83,15 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
83
83
|
}), n(o.children, s);
|
|
84
84
|
});
|
|
85
85
|
return n(E, !1), t;
|
|
86
|
-
},
|
|
87
|
-
const n =
|
|
86
|
+
}, nt = (t) => {
|
|
87
|
+
const n = rt();
|
|
88
88
|
return t.filter((d) => {
|
|
89
89
|
var i;
|
|
90
90
|
return !d.hidden && !((i = n.find((o) => o.id === d.id)) != null && i.hidden);
|
|
91
91
|
});
|
|
92
|
-
},
|
|
92
|
+
}, it = (t, n) => {
|
|
93
93
|
var d;
|
|
94
|
-
m =
|
|
94
|
+
m = lt(t), m.filter((i) => !i.hidden).length === 0 && (m = jt(
|
|
95
95
|
C,
|
|
96
96
|
e.group,
|
|
97
97
|
{
|
|
@@ -101,15 +101,15 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
101
101
|
prevId: 0,
|
|
102
102
|
idPrefix: G
|
|
103
103
|
}
|
|
104
|
-
)),
|
|
105
|
-
},
|
|
104
|
+
)), dt(m, n), m = nt(m), k = Ut(m, !0), oe = m.map(qt);
|
|
105
|
+
}, ot = (t, n) => {
|
|
106
106
|
const d = (i) => {
|
|
107
107
|
var s;
|
|
108
108
|
const o = n.find((l) => l.id === i.id);
|
|
109
109
|
return o ? (o.children = (s = i.children) == null ? void 0 : s.map(d), o) : ne(i);
|
|
110
110
|
};
|
|
111
111
|
E = t.filter((i) => i.parentIndex === -1).map(d);
|
|
112
|
-
},
|
|
112
|
+
}, dt = (t, n) => {
|
|
113
113
|
var s;
|
|
114
114
|
t.filter((l) => e.selectedField && l.field === e.selectedField || l.columnType === "checkbox").forEach((l) => {
|
|
115
115
|
l.width = l.width || "50px", l.cell = l.cell || Kt, l._type = "edit", l.headerCell = l.headerCell || ea;
|
|
@@ -117,7 +117,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
117
117
|
l.width = l.width || "50px", l.cell = l.cell || ha, l.headerCell = l.headerCell || ya, l.sortable = !1, l.filterable = !1, l.editable = !1;
|
|
118
118
|
});
|
|
119
119
|
const d = Jt(E);
|
|
120
|
-
|
|
120
|
+
ot(t, d);
|
|
121
121
|
const i = {
|
|
122
122
|
id: "",
|
|
123
123
|
resizable: !0,
|
|
@@ -154,7 +154,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
154
154
|
const c = {
|
|
155
155
|
...i,
|
|
156
156
|
isAccessible: !1,
|
|
157
|
-
cell:
|
|
157
|
+
cell: je,
|
|
158
158
|
id: O.generateNavigatableId(`${o++}`, "group", "column"),
|
|
159
159
|
field: "value",
|
|
160
160
|
locked: e.lockGroups
|
|
@@ -162,23 +162,23 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
162
162
|
t.unshift(c), E.unshift(d.find((g) => g.id === c.id) || ne(c));
|
|
163
163
|
}
|
|
164
164
|
t.slice(o).forEach((l) => {
|
|
165
|
-
l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ?
|
|
165
|
+
l.parentIndex >= 0 && (l.parentIndex += o), l.rowSpannable = l.rowSpannable !== void 0 ? ze(l.rowSpannable) : ce;
|
|
166
166
|
});
|
|
167
167
|
}, z = () => {
|
|
168
168
|
var t;
|
|
169
169
|
return Array.isArray(e.data) ? C.length === e.total : C ? e.total === ((t = e.data) == null ? void 0 : t.total) : !1;
|
|
170
|
-
},
|
|
170
|
+
}, ct = () => {
|
|
171
171
|
const { rowHeight: t, detailRowHeight: n, detail: d, expandField: i } = e, o = z(), s = t !== void 0 && t > 0, l = n !== void 0 && n > 0;
|
|
172
172
|
return !s || K && !o || !!(d && i) && (!l || !o) ? fa : q;
|
|
173
|
-
}, J = () => e.isClient ? m : oe,
|
|
174
|
-
let l =
|
|
173
|
+
}, J = () => e.isClient ? m : oe, st = (t, n, d, i, o, s) => {
|
|
174
|
+
let l = $e(t, n);
|
|
175
175
|
if (e.columnVirtualization && t.colSpan === 1)
|
|
176
176
|
return { colSpan: s, colsToSkip: o };
|
|
177
177
|
let c = d.length - 1 === i, g = d.length - i;
|
|
178
178
|
return e.columnVirtualization && (c = h.length - 1 === i, g = h.length - i), l > 1 && !c ? o = l - 1 : l = 1, g <= l && !c && (l = g), { colSpan: l, colsToSkip: o };
|
|
179
179
|
};
|
|
180
180
|
let Q, b = [], M, m = [], oe = [], k = [[]];
|
|
181
|
-
const
|
|
181
|
+
const mt = e.scrollLeftRef || { current: 0 }, W = e.localization || new wa(e.language), ut = e.intl || new Ea((ke = e.locale) != null ? ke : "en"), N = e.unstyled, u = N && N.uGrid ? N.uGrid : xt, F = Wt(e.rowReorderable), D = e.autoProcessData === !0 ? {
|
|
182
182
|
group: !0,
|
|
183
183
|
sort: !0,
|
|
184
184
|
filter: !0,
|
|
@@ -186,7 +186,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
186
186
|
page: !0
|
|
187
187
|
} : e.autoProcessData;
|
|
188
188
|
let C, R;
|
|
189
|
-
if (Array.isArray(e.data) ? (C = e.data, R = (
|
|
189
|
+
if (Array.isArray(e.data) ? (C = e.data, R = (Ne = e.total) != null ? Ne : C.length) : (C = ((Fe = e.data) == null ? void 0 : Fe.data) || [], R = (Ae = (Te = e.total) != null ? Te : (De = e.data) == null ? void 0 : De.total) != null ? Ae : C.length), D) {
|
|
190
190
|
const { data: t, total: n } = kt(C, {
|
|
191
191
|
group: D.group ? e.group : void 0,
|
|
192
192
|
sort: D.sort ? e.sort : void 0,
|
|
@@ -199,12 +199,12 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
199
199
|
skip: e.skip
|
|
200
200
|
} : {}
|
|
201
201
|
});
|
|
202
|
-
C = t, R = (
|
|
202
|
+
C = t, R = (Pe = e.total) != null ? Pe : n;
|
|
203
203
|
}
|
|
204
|
-
const { size: S = "medium" } = e,
|
|
204
|
+
const { size: S = "medium" } = e, ft = typeof e.groupable == "object" && e.groupable.footer || "none", T = e.scrollable === "virtual", K = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, B = Ft(!!e.detail), gt = Dt(
|
|
205
205
|
typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
|
|
206
|
-
), { resolvedGroupsCount:
|
|
207
|
-
|
|
206
|
+
), { resolvedGroupsCount: bt, flattedData: ht } = at(
|
|
207
|
+
ft,
|
|
208
208
|
e.skip || 0,
|
|
209
209
|
e.group,
|
|
210
210
|
e.expandField,
|
|
@@ -212,14 +212,14 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
212
212
|
e.groupExpand,
|
|
213
213
|
e.dataItemKey
|
|
214
214
|
);
|
|
215
|
-
b =
|
|
216
|
-
const X =
|
|
215
|
+
b = ht;
|
|
216
|
+
const X = ct();
|
|
217
217
|
X === q && z() && (M = b.slice(
|
|
218
218
|
e.skip || 0,
|
|
219
219
|
(e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
|
|
220
220
|
));
|
|
221
|
-
const de = Tt(e.selectable || !!e.selectedField), ce =
|
|
222
|
-
|
|
221
|
+
const de = Tt(e.selectable || !!e.selectedField), ce = ze(e.rowSpannable), yt = de && de.drag ? "none" : void 0, $ = a.useMemo(() => a.Children.toArray(e.children), [e.children]);
|
|
222
|
+
it($, bt);
|
|
223
223
|
const Y = a.useMemo(() => {
|
|
224
224
|
const t = Ca(e, m);
|
|
225
225
|
return {
|
|
@@ -244,7 +244,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
244
244
|
groupable: K,
|
|
245
245
|
filter: e.filter,
|
|
246
246
|
filterable: e.filterable,
|
|
247
|
-
filterOperators: e.filterOperators ||
|
|
247
|
+
filterOperators: e.filterOperators || qe,
|
|
248
248
|
columnMenu: e.columnMenu,
|
|
249
249
|
columnMenuIcon: e.columnMenuIcon,
|
|
250
250
|
columns: m,
|
|
@@ -265,7 +265,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
265
265
|
size: S,
|
|
266
266
|
columns: m,
|
|
267
267
|
filter: e.filter,
|
|
268
|
-
filterOperators: e.filterOperators ||
|
|
268
|
+
filterOperators: e.filterOperators || qe,
|
|
269
269
|
sort: e.sort,
|
|
270
270
|
cellRender: e.filterCellRender,
|
|
271
271
|
navigatable: !!e.navigatable,
|
|
@@ -275,31 +275,31 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
275
275
|
) || void 0,
|
|
276
276
|
cols: h.map((t, n) => /* @__PURE__ */ a.createElement("col", { key: n.toString(), width: re(t) }))
|
|
277
277
|
}
|
|
278
|
-
),
|
|
278
|
+
), Ct = mt.current || 0, wt = parseFloat(((e.style || {}).width || "").toString()), Et = (t, n, d, i, o) => {
|
|
279
279
|
let s = !1;
|
|
280
|
-
const l = e.selectedField ?
|
|
280
|
+
const l = e.selectedField ? We(e.selectedField, t.dataItem) : e.select && e.dataItemKey && H(e.dataItemKey)(t.dataItem) !== void 0 ? e.select[H(e.dataItemKey)(t.dataItem)] : void 0;
|
|
281
281
|
let c = 0;
|
|
282
282
|
const { colSpans: g, hiddenColumns: A } = Ht({
|
|
283
283
|
enabled: e.columnVirtualization,
|
|
284
284
|
columns: h,
|
|
285
|
-
tableViewPortWidth:
|
|
286
|
-
scrollLeft:
|
|
287
|
-
getColSpan:
|
|
285
|
+
tableViewPortWidth: wt,
|
|
286
|
+
scrollLeft: Ct,
|
|
287
|
+
getColSpan: $e,
|
|
288
288
|
dataItem: t.dataItem
|
|
289
289
|
}), I = h.filter((r, y) => !A[y]);
|
|
290
290
|
return {
|
|
291
291
|
row: h.map((r, y) => {
|
|
292
|
-
var
|
|
292
|
+
var Ke, Be, Ve, Le;
|
|
293
293
|
if (A[y])
|
|
294
294
|
return null;
|
|
295
295
|
if (c > 0)
|
|
296
296
|
return c--, null;
|
|
297
297
|
let w;
|
|
298
|
-
if ((
|
|
299
|
-
const v = r.field ? (
|
|
300
|
-
w = { value: v, count: 1 }, o[r.field] && ((
|
|
298
|
+
if ((Ke = r.rowSpannable) != null && Ke.enabled && t.rowType === "data" && r.field && o) {
|
|
299
|
+
const v = r.field ? (Ve = (Be = r.rowSpannable).valueGetter) == null ? void 0 : Ve.call(Be, t.dataItem, r.field) : null;
|
|
300
|
+
w = { value: v, count: 1 }, o[r.field] && ((Le = o[r.field]) == null ? void 0 : Le.value) === v && o[r.field] !== null ? (o[r.field].count++, w.count = null) : o[r.field] = w;
|
|
301
301
|
}
|
|
302
|
-
const { colSpan: L, colsToSkip: ee } =
|
|
302
|
+
const { colSpan: L, colsToSkip: ee } = st(
|
|
303
303
|
r,
|
|
304
304
|
t.dataItem,
|
|
305
305
|
I,
|
|
@@ -311,7 +311,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
311
311
|
const _ = r.id ? r.id : y, It = f(u.contentSticky({ locked: r.locked }), r.className), vt = r.left !== void 0 ? { left: r.left, right: r.right } : {};
|
|
312
312
|
let te = !1;
|
|
313
313
|
if (r.editable && (e.editable || e.editField)) {
|
|
314
|
-
const v = e.editField ?
|
|
314
|
+
const v = e.editField ? We(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, le = typeof v == "boolean" ? v : Array.isArray(v) ? v.indexOf(r.field) > -1 : r.field !== void 0 && v === r.field;
|
|
315
315
|
le && r.columnType === "data" && (le === !0 || le === r.field) && (s = !0, te = !0);
|
|
316
316
|
}
|
|
317
317
|
const ae = r.cell || te && Vt || Zt, Rt = e.expandField && e.detail && r.field === e.expandField || r._type === "expand", P = {
|
|
@@ -342,13 +342,13 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
342
342
|
style: {},
|
|
343
343
|
ariaColumnIndex: r.ariaColumnIndex,
|
|
344
344
|
isSelected: (r == null ? void 0 : r._type) === "edit" ? l : Array.isArray(l) && l.indexOf(y) > -1,
|
|
345
|
-
isSorted: !!
|
|
345
|
+
isSorted: !!Me(r.field, e.sort),
|
|
346
346
|
isInEdit: te,
|
|
347
347
|
isAlt: i,
|
|
348
348
|
unstyled: N,
|
|
349
349
|
group: t.group,
|
|
350
350
|
localization: W,
|
|
351
|
-
intl:
|
|
351
|
+
intl: ut,
|
|
352
352
|
_rowSpan: w
|
|
353
353
|
};
|
|
354
354
|
return r.cell ? /* @__PURE__ */ a.createElement(
|
|
@@ -386,7 +386,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
386
386
|
const d = ce.enabled ? {} : void 0;
|
|
387
387
|
(M || b).forEach((i, o) => {
|
|
388
388
|
i.rowType === "data" && (ye++, t++);
|
|
389
|
-
const s = ye % 2 === 0, l = e.dataItemKey && H(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = l || "ai" + c, A = g + "_1", I =
|
|
389
|
+
const s = ye % 2 === 0, l = e.dataItemKey && H(e.dataItemKey)(i.dataItem), c = o + (e.skip || 0), g = l || "ai" + c, A = g + "_1", I = Et(i, g, t, s, d);
|
|
390
390
|
if (V = c + we + n, Z.push(
|
|
391
391
|
/* @__PURE__ */ a.createElement(
|
|
392
392
|
pt,
|
|
@@ -430,7 +430,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
430
430
|
var _;
|
|
431
431
|
const L = (_ = I == null ? void 0 : I.row[w]) == null ? void 0 : _.props.style, ee = L ? { left: L.left, right: L.right } : {};
|
|
432
432
|
return /* @__PURE__ */ a.createElement(
|
|
433
|
-
|
|
433
|
+
je,
|
|
434
434
|
{
|
|
435
435
|
id: "",
|
|
436
436
|
dataIndex: i.dataIndex,
|
|
@@ -476,7 +476,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
476
476
|
skip: e.skip || 0,
|
|
477
477
|
take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
|
|
478
478
|
...aa(e.pageable || {})
|
|
479
|
-
}, Se = /* @__PURE__ */ a.createElement(da, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ a.createElement(At, { className: f(u.pager({})), ...Ee })),
|
|
479
|
+
}, Se = /* @__PURE__ */ a.createElement(da, null, e.pager ? /* @__PURE__ */ a.createElement(e.pager, { ...Ee }) : /* @__PURE__ */ a.createElement(At, { className: f(u.pager({})), ...Ee })), St = (t, n) => /* @__PURE__ */ a.createElement("col", { key: n.toString(), width: re(t) }), Ie = (He = e.cells) != null && He.footerCell || m.some((t) => {
|
|
480
480
|
var n;
|
|
481
481
|
return !!(t.footerCell || (n = t.cells) != null && n.footerCell);
|
|
482
482
|
}) ? /* @__PURE__ */ a.createElement(
|
|
@@ -493,16 +493,16 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
493
493
|
ariaRowIndex: V + 1
|
|
494
494
|
}
|
|
495
495
|
),
|
|
496
|
-
cols: h.map(
|
|
496
|
+
cols: h.map(St)
|
|
497
497
|
}
|
|
498
|
-
) : null,
|
|
498
|
+
) : null, ve = /* @__PURE__ */ a.createElement(ia, null, h.map((t, n) => /* @__PURE__ */ a.createElement(
|
|
499
499
|
"col",
|
|
500
500
|
{
|
|
501
501
|
key: n.toString(),
|
|
502
|
-
className:
|
|
502
|
+
className: Me(t.field, e.sort) ? f(u.sorted({})) : void 0,
|
|
503
503
|
width: re(t)
|
|
504
504
|
}
|
|
505
|
-
))),
|
|
505
|
+
))), Re = e.reorderable || K, { detail: Ia, cells: va, rows: Ra, ...xe } = e, Ge = /* @__PURE__ */ a.createElement(
|
|
506
506
|
"tbody",
|
|
507
507
|
{
|
|
508
508
|
role: "rowgroup",
|
|
@@ -511,7 +511,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
511
511
|
},
|
|
512
512
|
Z
|
|
513
513
|
);
|
|
514
|
-
let p =
|
|
514
|
+
let p = Ge;
|
|
515
515
|
if (F && (p = /* @__PURE__ */ a.createElement(
|
|
516
516
|
ba,
|
|
517
517
|
{
|
|
@@ -519,13 +519,13 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
519
519
|
columns: m,
|
|
520
520
|
rowReorderSettings: e.rowReorderable
|
|
521
521
|
},
|
|
522
|
-
|
|
522
|
+
Ge
|
|
523
523
|
)), e.scrollable === "none")
|
|
524
524
|
return /* @__PURE__ */ a.createElement(
|
|
525
|
-
|
|
525
|
+
Qe,
|
|
526
526
|
{
|
|
527
527
|
gridRef: ie,
|
|
528
|
-
gridProps:
|
|
528
|
+
gridProps: xe,
|
|
529
529
|
columnsRef: J(),
|
|
530
530
|
columnsMapRef: k,
|
|
531
531
|
columnsState: E,
|
|
@@ -537,14 +537,14 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
537
537
|
isAllData: z(),
|
|
538
538
|
detailExpandable: !!e.detail
|
|
539
539
|
},
|
|
540
|
-
/* @__PURE__ */ a.createElement(
|
|
540
|
+
/* @__PURE__ */ a.createElement(pe, null, /* @__PURE__ */ a.createElement(
|
|
541
541
|
"div",
|
|
542
542
|
{
|
|
543
543
|
id: e.id,
|
|
544
544
|
style: e.style,
|
|
545
545
|
className: f(u.wrapper({ size: S }), e.className),
|
|
546
546
|
"aria-label": e.ariaLabel,
|
|
547
|
-
...
|
|
547
|
+
...Oe
|
|
548
548
|
},
|
|
549
549
|
me,
|
|
550
550
|
fe,
|
|
@@ -554,24 +554,25 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
554
554
|
selectable: e.selectable,
|
|
555
555
|
className: f(u.table({ size: S }))
|
|
556
556
|
},
|
|
557
|
-
|
|
557
|
+
ve,
|
|
558
558
|
ge,
|
|
559
|
-
/* @__PURE__ */ a.createElement(
|
|
559
|
+
/* @__PURE__ */ a.createElement(Ze, { rowReorderable: F }, p),
|
|
560
|
+
Ie
|
|
560
561
|
),
|
|
561
|
-
Ce && /* @__PURE__ */ a.createElement(
|
|
562
|
-
|
|
562
|
+
Ce && /* @__PURE__ */ a.createElement(Je, null, j.length ? j : /* @__PURE__ */ a.createElement(Ue, null)),
|
|
563
|
+
Re && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Xe, null), /* @__PURE__ */ a.createElement(Ye, null))
|
|
563
564
|
)),
|
|
564
565
|
ue,
|
|
565
566
|
e.pageable && Se,
|
|
566
|
-
/* @__PURE__ */ a.createElement(
|
|
567
|
-
se && /* @__PURE__ */ a.createElement(
|
|
567
|
+
/* @__PURE__ */ a.createElement(tt, { loader: e.loader, showLoader: e.showLoader }),
|
|
568
|
+
se && /* @__PURE__ */ a.createElement(_e, null)
|
|
568
569
|
);
|
|
569
570
|
let U = e.style || {};
|
|
570
571
|
return T && (U.height || (U = Object.assign({}, U, { height: "450px" }))), /* @__PURE__ */ a.createElement(
|
|
571
|
-
|
|
572
|
+
Qe,
|
|
572
573
|
{
|
|
573
574
|
gridRef: ie,
|
|
574
|
-
gridProps:
|
|
575
|
+
gridProps: xe,
|
|
575
576
|
columnsRef: J(),
|
|
576
577
|
columnsMapRef: k,
|
|
577
578
|
columnsState: E,
|
|
@@ -583,7 +584,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
583
584
|
isAllData: z(),
|
|
584
585
|
detailExpandable: !!e.detail
|
|
585
586
|
},
|
|
586
|
-
/* @__PURE__ */ a.createElement(
|
|
587
|
+
/* @__PURE__ */ a.createElement(pe, null, /* @__PURE__ */ a.createElement(
|
|
587
588
|
"div",
|
|
588
589
|
{
|
|
589
590
|
id: e.id,
|
|
@@ -596,7 +597,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
596
597
|
e.className
|
|
597
598
|
),
|
|
598
599
|
"aria-label": e.ariaLabel,
|
|
599
|
-
...
|
|
600
|
+
...Oe
|
|
600
601
|
},
|
|
601
602
|
me,
|
|
602
603
|
fe,
|
|
@@ -608,7 +609,7 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
608
609
|
"aria-colcount": h.length,
|
|
609
610
|
"aria-rowcount": R,
|
|
610
611
|
id: x,
|
|
611
|
-
"aria-label": W.toLanguageString(
|
|
612
|
+
"aria-label": W.toLanguageString(et, ua[et])
|
|
612
613
|
},
|
|
613
614
|
ge,
|
|
614
615
|
/* @__PURE__ */ a.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ a.createElement(sa, null, /* @__PURE__ */ a.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ a.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ a.createElement(
|
|
@@ -620,11 +621,11 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
620
621
|
size: S
|
|
621
622
|
})
|
|
622
623
|
),
|
|
623
|
-
tableStyle: { userSelect:
|
|
624
|
+
tableStyle: { userSelect: yt }
|
|
624
625
|
},
|
|
625
|
-
|
|
626
|
-
/* @__PURE__ */ a.createElement(
|
|
627
|
-
), Ce && /* @__PURE__ */ a.createElement(
|
|
626
|
+
ve,
|
|
627
|
+
/* @__PURE__ */ a.createElement(Ze, { rowReorderable: F }, p)
|
|
628
|
+
), Ce && /* @__PURE__ */ a.createElement(Je, null, j.length ? j : /* @__PURE__ */ a.createElement(Ue, null))), T && /* @__PURE__ */ a.createElement(
|
|
628
629
|
"div",
|
|
629
630
|
{
|
|
630
631
|
className: f(u.heightContainer({})),
|
|
@@ -632,13 +633,13 @@ const Sa = a.forwardRef((e, ie) => {
|
|
|
632
633
|
},
|
|
633
634
|
/* @__PURE__ */ a.createElement(ma, { isVirtualScroll: T })
|
|
634
635
|
)))),
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
se && /* @__PURE__ */ a.createElement(
|
|
636
|
+
Ie,
|
|
637
|
+
Re && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(Xe, null), /* @__PURE__ */ a.createElement(Ye, null)),
|
|
638
|
+
se && /* @__PURE__ */ a.createElement(_e, null)
|
|
638
639
|
),
|
|
639
640
|
ue,
|
|
640
641
|
e.pageable && Se,
|
|
641
|
-
/* @__PURE__ */ a.createElement(
|
|
642
|
+
/* @__PURE__ */ a.createElement(tt, { loader: e.loader, showLoader: e.showLoader })
|
|
642
643
|
))
|
|
643
644
|
);
|
|
644
645
|
});
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),_=require("@progress/kendo-react-popup"),a=require("@progress/kendo-react-common"),j=require("@progress/kendo-svg-icons"),E=require("../messages/index.js"),z=require("@progress/kendo-react-intl");function A(n){const
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),_=require("@progress/kendo-react-popup"),a=require("@progress/kendo-react-common"),j=require("@progress/kendo-svg-icons"),E=require("../messages/index.js"),z=require("@progress/kendo-react-intl");function A(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const u in n)if(u!=="default"){const l=Object.getOwnPropertyDescriptor(n,u);Object.defineProperty(c,u,l.get?l:{enumerable:!0,get:()=>n[u]})}}return c.default=n,Object.freeze(c)}const o=A(W),$=[".k-columnmenu-item-content",".k-filter-menu-container"].map(n=>a.TABBABLE_ELEMENTS.map(c=>`${n} ${c}`)),x=[[".k-tabstrip-items"],[".k-columnmenu-item"],...$],F=n=>{const[c,u]=o.useState(!1),l=o.useRef(null),i=o.useRef(null),s=o.useRef(null),m=o.useRef(0),{columnMenu:M,...v}=n,{column:k,columnMenuIcon:d,navigatable:w}=n,p=z.useLocalization(),b=k.title||k.field,y=b?`${b} `:"",C="#",D=e=>{const t=a.getActiveElement(document);clearTimeout(m.current),m.current=window.setTimeout(()=>{t&&e.relatedTarget!==l.current&&i.current&&!i.current.contains(t)&&f()})},S=()=>{clearTimeout(m.current)},T=e=>{e.preventDefault(),c&&n.onCloseMenu&&n.onCloseMenu(),u(!c)},f=()=>{n.onCloseMenu&&n.onCloseMenu(),u(!1),!n.navigatable&&l.current&&l.current.focus()},I=e=>{var t;if(e.keyCode===a.Keys.tab){const r=e.target,h=r&&((t=r.closest(".k-grid"))==null?void 0:t.getElementsByClassName("k-grid-content")[0]);h&&h.scrollWidth>h.clientWidth&&r.scrollIntoView({inline:"center"})}},g=o.useMemo(()=>n.show!==void 0?n.show:c,[n.show,c]),R=e=>{var t;(t=s.current)==null||t.triggerKeyboardEvent(e)},O=e=>{var t;(t=s.current)==null||t.triggerMouseEvent(e)},K=(e,t,r)=>{r.preventDefault(),r.shiftKey?t.focusPrevious(e):t.focusNext(e)},P=(e,t,r)=>{e&&e.click()},q=(e,t,r)=>{r.preventDefault(),f()},B=(e,t,r)=>{t.focusElement(e)},N=e=>{!e.isAnchorClicked&&u(!1)};return o.useEffect(()=>(g&&i.current&&(s.current=new a.Navigation({tabIndex:0,root:i,selectors:x,keyboardEvents:{keydown:{Tab:K,Enter:P,Escape:q}},mouseEvents:{mousedown:B}}),s.current.focusElement(s.current.first,null)),()=>{s.current&&(s.current=null)}),[g]),o.createElement(o.Fragment,null,o.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:l,onClick:T,onKeyDown:I,href:C,tabIndex:w?-1:void 0,"aria-label":`${w?"":y}${p.toLanguageString(E.columnMenu,E.messages[E.columnMenu])}`},d?o.createElement(a.IconWrap,{name:d.name,icon:d}):o.createElement(a.IconWrap,{name:"more-vertical",icon:j.moreVerticalIcon})),o.createElement(_.Popup,{anchor:l.current,show:g,popupClass:"k-column-menu k-column-menu-popup k-grid-columnmenu-popup",onMouseDownOutside:N},o.createElement("div",{ref:i,onBlur:D,onFocus:S,onMouseDown:O,onKeyDown:R,style:{outline:"none"}},M&&o.createElement(M,{...v,onCloseMenu:f}))))};exports.GridColumnMenuWrapper=F;
|