@progress/kendo-react-grid 15.1.0-develop.1 → 15.1.0-develop.2
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/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +2 -2
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +43 -43
- package/cells/groupcell/useGroupCellClientTdProps.js +1 -1
- package/cells/groupcell/useGroupCellClientTdProps.mjs +7 -7
- package/cells/hierarchycell/GridHierarchyCellToggle.js +1 -1
- package/cells/hierarchycell/GridHierarchyCellToggle.mjs +15 -15
- package/components/GridEditDialog.js +1 -1
- package/components/GridEditDialog.mjs +19 -19
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/drag/ColumnResize.js +1 -1
- package/drag/ColumnResize.mjs +84 -84
- package/getRowContents.js +1 -1
- package/getRowContents.mjs +12 -12
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +17 -17
- package/utils/index.js +1 -1
- package/utils/index.mjs +161 -161
package/GridClientWrapper.js
CHANGED
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Rn=require("react"),v=require("@progress/kendo-react-common"),Cn=require("@progress/kendo-data-query"),l=require("@progress/kendo-react-data-tools"),vn=require("./drag/ColumnResize.js"),In=require("./drag/CommonDragLogic.js"),yn=require("./hooks/useStickyGroups.js"),Q=require("./utils/index.js"),wn=require("./VirtualScroll.js"),rt=require("./contextMenu/GridContextMenu.js"),oe=require("./contextMenu/enums.js"),ot=require("./sortCommon.js"),En=require("./BasePDFExport.js"),Sn=require("./BaseCSVExport.js"),xn=require("./utils/GridContext.js"),kn=require("./filterCommon.js");function Dn(t){const y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const h in t)if(h!=="default"){const K=Object.getOwnPropertyDescriptor(t,h);Object.defineProperty(y,h,K.get?K:{enumerable:!0,get:()=>t[h]})}}return y.default=t,Object.freeze(y)}const c=Dn(Rn),Kn=(t,y,h,K)=>{const ie=Object.keys(y.cells).map(M=>h.findIndex(p=>p.field===M)),X=Object.keys(y.cells).length>0?ie:!0;return t.reduce((M,p)=>(M[p[K!=null?K:"id"]]=X,M),{})},it=(t,y,h,K)=>y.reduce((X,M)=>({...X,...Kn(Cn.filterBy(t,M),M,h,K)}),{}),Mn=t=>{var nt;const y=t.gridProps.isClient,[h,K]=c.useState({}),ie=v.useAdaptiveModeContext(),X=c.useRef(null),M=c.useRef(null),p=c.useRef({}),at=e=>{e.event.preventDefault(),K({...h,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})},Le=()=>{K({})},ct=e=>{const n=t.gridProps.dataItemKey||"",o=h.dataItem,r=t.gridProps.pinnedTopRows||[],i=t.gridProps.pinnedBottomRows||[],a=n?o[n]:void 0,d=a!==void 0&&r.some(s=>s[n]===a),u=a!==void 0&&i.some(s=>s[n]===a);return e.map(s=>{const g=typeof s=="string"?rt.contextMenuItemsMap[s]:s;return(g==null?void 0:g.name)===oe.GridContextMenuItemNames.pinRow&&g.items?{...g,items:g.items.filter(P=>P.name===oe.GridContextMenuItemNames.pinTop?!d:P.name===oe.GridContextMenuItemNames.pinBottom?!u:P.name===oe.GridContextMenuItemNames.unpin?d||u:!0)}:s})},x=c.useMemo(()=>t.columnsRef.find(e=>e.field===h.field),[t.columnsRef,h]),Be=c.useMemo(()=>{const e=t.gridProps.sortable&&(x==null?void 0:x.sortable);return Q.getDefaultHeadContextMenuItems({pdf:!!t.gridProps.pdf,sortable:!!e,selectable:l.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard})},[x,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard]),Ne=c.useMemo(()=>(t.gridProps.sortable&&(x==null||x.sortable),Q.getDefaultBodyContextMenuItems({pdf:!!t.gridProps.pdf,selectable:l.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard,rowReorderable:Q.isRowReorderEnabled(t.gridProps.rowReorderable),pinnable:!!t.gridProps.pinnable})),[x,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard,t.gridProps.pinnable,t.gridProps.rowReorderable,t.gridProps.pdf]),de=c.useMemo(()=>{const e=(x==null?void 0:x.contextMenu)||t.gridProps.contextMenu,n=typeof e=="function"?e(h):e;if(n&&h.offset){const o=h.dataItem?oe.GridContextMenuAnchorPart.body:oe.GridContextMenuAnchorPart.head,r=n[o],i=h.dataItem?Ne:Be;let a;return r===!0||r===void 0?a=i:r!==!1&&(a=r),t.gridProps.pinnable&&a&&h.dataItem?ct(a):a}},[t.gridProps.contextMenu,t.gridProps.pinnable,h,Ne,Be,x]),dt=e=>{var d,u,s,g,P,S,R,j,f;const n=e.event.item,o={target:k.current,syntheticEvent:e.event.syntheticEvent,nativeEvent:e.event.nativeEvent,menuItem:n,...e};t.gridProps.onContextMenuItemClick&&m(t.gridProps.onContextMenuItemClick,o);const r=G(),i={selectedField:"",componentId:t.id,dataItems:r,dataItem:e.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...l.getSelectionOptions(t.gridProps.selectable),...o},a=r.findIndex(D=>D===e.dataItem);switch((d=n.data)==null?void 0:d.action){case"SortCommand":if(x){const D=(u=n.name)==null?void 0:u.toLowerCase().includes("asc"),J=((s=n.name)==null?void 0:s.toLowerCase().includes("desc"))?"desc":void 0,z=D?"asc":J,re=n.name?z:void 0;We(e.event.syntheticEvent,x,re)}break;case"SelectRowCommand":Mt(i);break;case"SelectAllRowsCommand":Kt(i);break;case"ExportPDFCommand":Ee();break;case"ClearSelectionCommand":Tt(i);break;case"ReorderRowCommand":ce.current=e.dataItem,(g=n.name)!=null&&g.toLowerCase().includes("rowup")&&a>0&&ae(e.event.syntheticEvent,a-1,"before"),(P=n.name)!=null&&P.toLowerCase().includes("rowdown")&&a<r.length-1&&ae(e.event.syntheticEvent,a+1,"after"),(S=n.name)!=null&&S.toLowerCase().includes("rowtop")&&ae(e.event.syntheticEvent,0,"before"),(R=n.name)!=null&&R.toLowerCase().includes("rowbottom")&&ae(e.event.syntheticEvent,r.length-1,"after");break;case"CopySelectionCommand":me(l.ClipboardActionType.copy,e.event.nativeEvent,{copyHeaders:!((j=n.name)!=null&&j.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break;case"PasteCommand":me(l.ClipboardActionType.paste,e.event.nativeEvent,{copyHeaders:!((f=n.name)!=null&&f.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break;case"PinTopCommand":le("pinTop",e.dataItem);break;case"PinBottomCommand":le("pinBottom",e.dataItem);break;case"UnpinCommand":le("unpin",e.dataItem);break}Le()},se=()=>{const e=t.columnsRef.filter(n=>n.declarationIndex>=0&&n.parentIndex===-1);return Q.sanitizeColumns(e)},st=(e,n,o)=>{if(t.gridProps.onContextMenu&&y){const r={target:k.current,syntheticEvent:e,nativeEvent:e.nativeEvent,dataItem:n,field:o};m(t.gridProps.onContextMenu,r)}t.gridProps.contextMenu&&at({event:e,dataItem:n,field:o})},lt=e=>{var a,d;if(e.target!==e.currentTarget)return;clearTimeout(He.current),w.current&&(w.current.table=_.current);const n=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop;t.gridProps.columnVirtualization&&(!T||o===Te.current)&&(He.current=window.setTimeout(()=>{te()},0)),t.gridProps.scrollLeftRef&&(t.gridProps.scrollLeftRef.current=n),Z.current&&Z.current.setScrollLeft(n),$.current&&$.current.setScrollLeft(n),L!=null&&L.current&&L.current.setScrollLeft(n),B!=null&&B.current&&B.current.setScrollLeft(n),N!=null&&N.current&&N.current.setScrollLeft(n),W!=null&&W.current&&W.current.setScrollLeft(n);const r=(a=t.gridProps.virtualSkipRef)==null?void 0:a.current;w.current&&o!==Te.current&&w.current.scrollHandler(e);const i=T&&((d=t.gridProps.virtualSkipRef)==null?void 0:d.current)!==r;t.gridProps.onScroll&&y&&m(t.gridProps.onScroll,{...E(e)}),Te.current=o,i||Ye()},ut=e=>{var o,r;const n=e.target;if((e.keyCode===38||e.keyCode===40)&&n.closest(".k-grid-sticky-container")){const i=parseInt(((o=n.closest("tr"))==null?void 0:o.getAttribute("absolute-row-index"))||"",10),a=n.getAttribute("data-keyboardnavid");if(!isNaN(i)&&a&&!((r=A.current)==null?void 0:r.querySelector(`tr[absolute-row-index="${i}"]`)))return Ie.current={navId:a,key:e.key,code:e.code,keyCode:e.keyCode},e.preventDefault(),e.stopPropagation(),he({rowIndex:i}),!0}return!1},gt=()=>{var a;if(!Ie.current||!F.current)return;const{navId:e,key:n,code:o,keyCode:r}=Ie.current,i=(a=A.current)==null?void 0:a.querySelector(`[data-keyboardnavid="${e}"]`);i&&i.dispatchEvent(new KeyboardEvent("keydown",{key:n,code:o,keyCode:r,bubbles:!0,cancelable:!0}))},ft=e=>{if(ut(e))return;l.tableKeyboardNavigation.onKeyDown(e,{navigatable:t.gridProps.navigatable||!1,contextStateRef:V,navigationStateRef:ne,onNavigationAction:Pt,columns:se()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:q(),contextStateRef:V,navigationStateRef:ne});const n={dataItems:G(),mode:I.mode,cell:I.cell,componentId:t.id,selectedField:"",...E(e)};t.gridProps.onKeyDown&&y&&m(t.gridProps.onKeyDown,n)},mt=e=>{l.tableKeyboardNavigation.onFocus(e,{navigatable:!!t.gridProps.navigatable,contextStateRef:V})},Pt=e=>{const{columnsRef:n}=t;if(e.action==="moveToNextPage"&&Ot(e.event),e.action==="moveToPrevPage"&&Ft(e.event),e.focusElement&&(e.action==="reorderToRight"||e.action==="reorderToLeft")){const o=parseInt(e.focusElement.ariaColIndex,10)-1;if(!n[o].reorderable)return;if(e.action==="reorderToRight"&&o<t.columnsRef.length-1){if(n[o+1].disableReorder)return;ge(o,o+1,e.event)}if(e.action==="reorderToLeft"&&o>0){if(n[o-1].disableReorder)return;ge(o,o-1,e.event)}}if(e.action==="select"&&xt(e.event),t.gridProps.onNavigationAction&&y){const o={focusElement:e.focusElement,...E(e.event)};m(t.gridProps.onNavigationAction,o)}},ht=(e,n)=>{t.gridProps.onRowClick&&l.closestTagName(e.target,"TD")&&m(t.gridProps.onRowClick,{dataItem:n,...E(e)})},bt=(e,n)=>{t.gridProps.onRowDoubleClick&&l.closestTagName(e.target,"TD")&&m(t.gridProps.onRowDoubleClick,{dataItem:n,...E(e)})},Rt=e=>{t.gridProps.onItemChange&&m(t.gridProps.onItemChange,{...E(e.syntheticEvent),dataItem:e.dataItem,field:void 0,value:void 0})},Ct=e=>{t.gridProps.onItemChange&&t.gridProps.onEditChange&&m(t.gridProps.onEditChange,{edit:{},...E(e.syntheticEvent)})},vt=(e,n,o)=>{var r,i;if(tt.enabled&&tt.mode==="incell"&&t.gridProps.dataItemKey){if(t.gridProps.pinnable&&t.gridProps.editZoneRef){const d=!!((i=(r=e.target).closest)!=null&&i.call(r,".k-grid-pinned-container"));t.gridProps.editZoneRef.current=d?"pinned":"body"}const a=l.editReducer(t.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[t.gridProps.dataItemKey],field:o}});t.gridProps.onEditChange&&m(t.gridProps.onEditChange,{edit:a,...E(e)})}},It=(e,n)=>{var r;if(l.getDetailExpandableOptions(t.detailExpandable).enabled){const i=l.detailExpandReducer((r=t.gridProps.detailExpand)!=null?r:{},e);t.gridProps.onDetailExpandChange&&m(t.gridProps.onDetailExpandChange,{...E(n),detailExpand:i})}},yt=(e,n)=>{var r;const o=l.getGroupExpandableOptions(typeof t.gridProps.groupable=="object"?t.gridProps.groupable.expandable!==!1:t.gridProps.groupable);if(o.enabled){const i=l.groupExpandReducer((r=t.gridProps.groupExpand)!=null?r:[],e,o);t.gridProps.onGroupExpandChange&&m(t.gridProps.onGroupExpandChange,{...E(n),groupExpand:i})}gn(e.group)},wt=c.useCallback(e=>{const{dataItemKey:n="",pinnedTopRows:o=[],pinnedBottomRows:r=[]}=t.gridProps;if(!n||!e)return"none";const i=e[n];return o!=null&&o.some(a=>a[n]===i)?"top":r!=null&&r.some(a=>a[n]===i)?"bottom":"none"},[t.gridProps.pinnedTopRows,t.gridProps.pinnedBottomRows,t.gridProps.dataItemKey]),le=(e,n)=>{if(!t.gridProps.pinnable)return;const{dataItemKey:o="",pinnedTopRows:r=[],pinnedBottomRows:i=[]}=t.gridProps,a=n[o],d=r.filter(g=>g[o]!==a),u=i.filter(g=>g[o]!==a);let s;switch(e){case"pinTop":s={pinnedTopRows:[...d,n],pinnedBottomRows:u,dataItem:n};break;case"pinBottom":s={pinnedTopRows:d,pinnedBottomRows:[...u,n],dataItem:n};break;case"unpin":s={pinnedTopRows:d,pinnedBottomRows:u,dataItem:n};break;default:return}t.gridProps.onRowPinChange&&m(t.gridProps.onRowPinChange,s)},We=(e,n,o)=>{const{allowUnsort:r,mode:i}=ot.normalizeSortable(t.gridProps.sortable||!1,n.sortable||!1),a=(t.gridProps.sort||[]).filter(s=>s.field===n.field)[0],d=o||ot.firstLevelSortSeqMap[r][a&&a.dir||""],u=i==="single"?[]:(t.gridProps.sort||[]).filter(s=>s.field!==n.field);d!==""&&n.field&&u.push({field:n.field,dir:d}),pe(u,e)},Et=e=>{t.gridProps.onItemChange&&m(t.gridProps.onItemChange,{...E(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,value:e.value})},St=e=>{var n;if(t.gridProps.onSelectionChange&&I.enabled){const{event:o,dataItem:r,dataIndex:i,columnIndex:a}=e,d={...E(o),dataItem:r,startColIndex:a,endColIndex:a,startRowIndex:i,endRowIndex:i,dataItems:G(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:I.mode,cell:I.cell,isDrag:!1,componentId:t.id,selectedField:""};m(t.gridProps.onSelectionChange,{...d,select:t.gridProps.dataItemKey?l.getSelectedState({event:d,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey}):{}})}},xt=e=>{var s,g;if(!I.enabled||!t.gridProps.dataItemKey)return;const n={dataItems:G(),mode:I.mode,cell:I.cell,componentId:t.id,selectedField:"",...E(e)},o=l.getSelectedStateFromKeyDown({event:n,selectedState:(s=t.gridProps.select)!=null?s:{},dataItemKey:t.gridProps.dataItemKey});if(o===t.gridProps.select)return;const r=e.target,i=l.closestTagName(r,"TD"),a=l.closestTagName(r,"TR"),d=l.getColumnIndex(i),u=l.getRowIndex(a);if(d!==void 0&&u!==void 0){const P=(g=Q.getDataAsArray(t.gridProps.data))==null?void 0:g[u];t.gridProps.onSelectionChange&&m(t.gridProps.onSelectionChange,{...n,select:o,dataItem:P,startRowIndex:u,startColIndex:d,startDataItem:P,endDataItem:P,endRowIndex:u,endColIndex:d,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,isDrag:!1})}},kt=e=>{if(t.gridProps.onHeaderSelectionChange&&I.enabled){const n=G();m(t.gridProps.onHeaderSelectionChange,{select:e.syntheticEvent.target.checked?n.reduce((o,r)=>(t.gridProps.dataItemKey&&v.getter(t.gridProps.dataItemKey)(r)!==void 0&&(o[v.getter(t.gridProps.dataItemKey)(r)]=!0),o),{}):{},field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:k.current,dataItems:n})}},Y=(e,n)=>{t.gridProps.onSelectionChange&&I.enabled&&m(t.gridProps.onSelectionChange,{...e,select:n})},Dt=(e,n)=>{const o=t.gridProps.dataItemKey;if(!o||!n)return;const r=v.getter(o),i=G().findIndex(a=>r(a)===r(n));i!==-1&&ze({...e,startRowIndex:i,endRowIndex:i})},ze=e=>{var n;if(t.gridProps.onSelectionChange&&I.enabled){const o=G(),r=o[e.startRowIndex],i=o[e.endRowIndex],a={syntheticEvent:void 0,target:k.current,selectedField:"",componentId:t.id,dataItems:o,dataItem:null,startDataItem:r,endDataItem:i,...e},d=l.getSelectedState({event:a,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey});Y(a,d)}},Kt=e=>{if(t.gridProps.onSelectionChange&&I.enabled){const n=e.dataItems[0],o=e.dataItems[e.dataItems.length-1],r={},i={...e,startDataItem:n,endDataItem:o,startRowIndex:0,endRowIndex:e.dataItems.length-1,startColIndex:0,endColIndex:t.columnsRef.length-1};e.dataItems.forEach(a=>{const u=v.getter(t.gridProps.dataItemKey)(a);r[u]=e.cell?[...Array(t.columnsRef.length).keys()]:!0}),Y(i,r)}},Mt=e=>{if(t.gridProps.onSelectionChange&&I.enabled){const o=v.getter(t.gridProps.dataItemKey)(e.dataItem),r=0,i=t.columnsRef.length-1,a=e.dataItems.findIndex(P=>P[t.gridProps.dataItemKey]===e.dataItem[t.gridProps.dataItemKey]),s={...e,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:r,endColIndex:i},g=e.mode==="multiple"?t.gridProps.select||{}:{};g[o]===!0||Array.isArray(g[o])&&g[o].length===t.columnsRef.length?delete g[o]:g[o]=e.cell?[...Array(t.columnsRef.length).keys()]:!0,Y(s,g)}},Gt=e=>{if(!I.enabled)return;const n=G(),o={syntheticEvent:void 0,nativeEvent:void 0,target:k.current,selectedField:"",componentId:t.id,dataItems:n,dataItem:null,startDataItem:null,endDataItem:null,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:I.mode,cell:I.cell};if(!e||e.length===0){const P={...o,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1};Y(P,{});return}const r=it(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey),i={};Object.keys(r).forEach(P=>{r[P]&&(i[P]=I.cell?[...Array(t.columnsRef.length).keys()]:!0)});let a=-1,d=-1,u=n[0]||null,s=n[n.length-1]||null;if(t.gridProps.dataItemKey){const P=v.getter(t.gridProps.dataItemKey);for(let S=0;S<n.length;S++){const R=P(n[S]);R!==void 0&&r[R]&&(a===-1&&(a=S,u=n[S]),d=S,s=n[S])}}const g={...o,startRowIndex:a,endRowIndex:d,startColIndex:0,endColIndex:t.columnsRef.length-1,startDataItem:u,endDataItem:s};Y(g,i)},Tt=e=>{t.gridProps.onSelectionChange&&I.enabled&&Y(e,{})},ee=(e,n,o,r,i)=>{At();const a=t.gridProps.onDataStateChange;if(e){const d={...E(r),...n,targetEvent:i};m(e,d)}else a&&(p.current={...p.current,...o},m(a,{...E(r),targetEvent:i||{},dataState:{...$t(),...p.current}}))},ue=(e,n,o)=>{var r;T&&t.gridProps.pageable&&((r=w.current)==null||r.reset()),ee(t.gridProps.onPageChange,{page:e},{skip:e.skip,take:e.take},n,o)},Ht=(e,n,o)=>{var r;t.gridProps.pageable||(r=t.gridProps.group)!=null&&r.length?t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=e.skip,te()):ue(e,n,o)},we=()=>{let e=t.gridProps.total||0;return Array.isArray(t.gridProps.data)?e=e||t.gridProps.data.length:t.gridProps.data&&(e=e||t.gridProps.data.total),e},At=()=>{T&&t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=0)},Ot=e=>{var i,a;const n=(a=(i=t.gridProps.take)!=null?i:t.gridProps.pageSize)!=null?a:0,o=(t.gridProps.skip||0)+n,r=we();o<r&&ue({skip:o,take:n},e)},Ft=e=>{var r,i;const n=(i=(r=t.gridProps.take)!=null?r:t.gridProps.pageSize)!=null?i:0,o=(t.gridProps.skip||0)-n;o>=0&&ue({skip:o,take:n},e)},Lt=e=>{ue({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},pe=(e,n)=>{ee(t.gridProps.onSortChange,{sort:e},{sort:e,...T&&!t.gridProps.pageable?{skip:0}:{}},n)},Bt=(e,n)=>{ee(t.gridProps.onFilterChange,{filter:e},{filter:e,skip:0},n)},Nt=e=>{if(!e||e.length===0){qe({});return}const n=it(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey);qe({...n})},qe=e=>{ee(t.gridProps.onHighlightChange,{highlight:e},{},{})},Wt=e=>{const n=t.gridProps.searchFields||t.columnsRef.map(i=>i.field)||[],o=e.nativeEvent.target.value,r={logic:"or",filters:n.filter(i=>i!==void 0).map(i=>{var a;return typeof i=="string"?{field:i,value:o,operator:"contains"}:{value:o,operator:(a=i.operator)!=null?a:"contains",field:i.field,ignoreCase:i.ignoreCase}})};ee(t.gridProps.onSearchChange,{search:r},{skip:0},e.syntheticEvent)},Ee=()=>{var e;(e=X.current)==null||e.save()},je=async()=>{var e;await((e=M.current)==null?void 0:e.save())},Ue=()=>{var e;return((e=M.current)==null?void 0:e.getBlob())||null},zt=async e=>{var n,o;(n=t.gridProps)!=null&&n.onPdfExport&&await((o=t.gridProps)==null?void 0:o.onPdfExport(e))},pt=e=>{var n,o;return(n=t.gridProps)!=null&&n.onCsvExport?(o=t.gridProps)==null?void 0:o.onCsvExport(e):e},Se=(e,n)=>{const o=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};let r={};t.isVirtualScroll&&e.length&&!t.gridProps.pageable&&(r={take:void 0}),e.length===0&&t.gridProps.navigatable&&(Ke.current=!0),ee(t.gridProps.onGroupChange,{group:e},{group:e,skip:0,...r},o)},xe=e=>{if(t.gridProps.onColumnsStateChange){const n={target:k.current,columnsState:e};m(t.gridProps.onColumnsStateChange,n)}},ge=(e,n,o)=>{const{columnsRef:r,columnsState:i}=t,a=r[e],d=Q.getFlatColumnsState(i),u=a.depth,s=R=>{do R++;while(R<r.length&&r[R].depth>u);return R},g=r.splice(e,s(e)-e);r.splice(e<n?s(n-g.length):n,0,...g),r.filter(R=>R.declarationIndex>=0).forEach((R,j)=>{R.orderIndex=j;const f=d.find(D=>D.id===R.id);f&&(f.orderIndex=j)});const P=r[e].locked&&r[n].locked;l.updateLeft(t.columnsMapRef,r,P||Ce.current),l.updateRight(t.columnsMapRef,r,P||Ce.current),De.current&&(Ce.current=!1,De.current=!1);const S=se();if(te(),t.gridProps.onColumnReorder){const R={target:k.current,columns:S,columnId:a.id,nativeEvent:o};m(t.gridProps.onColumnReorder,R)}xe(i)},ae=(e,n,o)=>{const r=typeof t.gridProps.rowReorderable=="object"?t.gridProps.rowReorderable.enabled:t.gridProps.rowReorderable;if(o==="forbidden"||!r||!ce.current)return;const i=t.dataRef[n];t.gridProps.onRowReorder&&m(t.gridProps.onRowReorder,{draggedDataItems:[ce.current],droppedDataItem:i==null?void 0:i.dataItem,dropPosition:o,nativeEvent:e.originalEvent,dragEvent:e,target:k.current}),ce.current=null},qt=(e,n,o)=>{if(t.gridProps.group===void 0)return;const r=t.gridProps.group.slice();r.splice(n,0,...r.splice(e,1)),Se(r,o)},Ve=(e,n,o)=>{const r=t.columnsRef[e].field;if(!r)return;const i=(t.gridProps.group||[]).slice();i.splice(n,0,{field:r}),Se(i,o)},jt=(e,n)=>{const o=U.current.getCurrentGroupsLength;Ve(e,o,n)},ke=()=>{var e,n,o,r,i,a,d,u,s,g,P,S,R,j;if(t.gridProps.dataLayoutMode==="stacked"){const f=((e=F.current)==null?void 0:e.offsetWidth)||0;if((n=b.current)!=null&&n.colGroupMain&&f){const D=b.current.colGroupMain.children,C=D.length-1;if(C>=0){let J=0;for(let re=0;re<C;re++){const bn=parseFloat((D[re].width||0).toString())||D[re].clientWidth;J+=bn}const z=Math.max(0,f-J);D[C].width=z+"px",(r=(o=b.current.colGroupHeader)==null?void 0:o.children)!=null&&r[C]&&(b.current.colGroupHeader.children[C].width=z+"px"),(a=(i=b.current.colGroupFooter)==null?void 0:i.children)!=null&&a[C]&&(b.current.colGroupFooter.children[C].width=z+"px"),(u=(d=b.current.colGroupStickyHeader)==null?void 0:d.children)!=null&&u[C]&&(b.current.colGroupStickyHeader.children[C].width=z+"px"),(g=(s=b.current.colGroupStickyFooter)==null?void 0:s.children)!=null&&g[C]&&(b.current.colGroupStickyFooter.children[C].width=z+"px"),(S=(P=b.current.colGroupPinnedTop)==null?void 0:P.children)!=null&&S[C]&&(b.current.colGroupPinnedTop.children[C].width=z+"px"),(j=(R=b.current.colGroupPinnedBottom)==null?void 0:R.children)!=null&&j[C]&&(b.current.colGroupPinnedBottom.children[C].width=z+"px")}}Z.current&&Z.current.setWidth(f),$.current&&$.current.setWidth(f),L.current&&L.current.setWidth(f),B.current&&B.current.setWidth(f),N.current&&N.current.setWidth(f),W.current&&W.current.setWidth(f),_.current&&(_.current.style.width=f?f+"px":"")}else{let f=0;if(!b.current.colGroupMain)return;const D=b.current.colGroupMain.children;for(let C=0;C<D.length;C++){const J=D[C].width;if(!J){f=0;break}f+=parseFloat(J.toString())}f=Math.round(f),Z.current&&Z.current.setWidth(f),$.current&&$.current.setWidth(f),L.current&&L.current.setWidth(f),B.current&&B.current.setWidth(f),N.current&&N.current.setWidth(f),W.current&&W.current.setWidth(f),_.current&&(_.current.style.width=f?f+"px":"")}ye.current&&Ut()},Ut=()=>{const e=O.current,n=e?e.scrollWidth>e.clientWidth:!1;ye.current&&(ye.current.style.marginBlockEnd=n?"var(--kendo-scrollbar-width, 0px)":"")},_e=()=>{var e;t.gridProps.widthRef&&(t.gridProps.widthRef.current=((e=F.current)==null?void 0:e.offsetWidth)||0)},fe=()=>{var e;t.gridProps.containerHeightRef&&(t.gridProps.containerHeightRef.current=((e=O.current)==null?void 0:e.offsetHeight)||0)},Vt=()=>{const e=t.gridProps.minRowHeightRef;if(e&&!e.current&&!t.gridProps.rowHeight){const n=Q.calcRowHeight(A.current);n&&(e.current=n,te())}},me=c.useCallback((e,n,o,r,i)=>{var s;if(!_t()&&!o||!e)return;const a={type:e,nativeEvent:n,columns:t.columnsRef,dataItemKey:t.gridProps.dataItemKey||"",dataItem:r,field:i,...typeof t.gridProps.clipboard!="boolean"?t.gridProps.clipboard:{},...o},d=G(),u=l.populateClipboardData({event:a,data:d,selectedState:(s=t.gridProps.select)!=null?s:{},previousCopiedItems:Xe.current});e!==l.ClipboardActionType.paste&&(Xe.current=u.copiedItems),t.gridProps.onClipboard&&y&&m(t.gridProps.onClipboard,{...a,...u})},[t.gridProps.select,t.gridProps.dataItemKey,t.gridProps.data,t.gridProps.clipboard,t.gridProps.onClipboard]),_t=()=>{var i,a,d;if(!v.canUseDOM)return!1;const e=v.getActiveElement(q()),n=e?e.matches(".k-table-td")?e:(i=q())==null?void 0:i.body:(a=q())==null?void 0:a.body,o=n.closest(".k-grid-container"),r=n&&((d=F.current)==null?void 0:d.contains(n));return!!(n&&r&&o)},$e=(e,n,o,r,i,a,d)=>{ke(),Ce.current=!0,De.current=!0,t.gridProps.onColumnResize&&y&&m(t.gridProps.onColumnResize,{columns:se(),nativeEvent:r,targetColumnId:d,index:e,newWidth:n,oldWidth:o,end:i,target:k.current}),i&&xe(a)},$t=()=>{var e;return{filter:t.gridProps.filter,sort:t.gridProps.sort,skip:t.gridProps.skip,take:(e=t.gridProps.take)!=null?e:t.gridProps.pageSize,group:t.gridProps.group}},E=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:k.current}),Zt=e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}),m=(e,n)=>{if(t.gridProps.isClient){e(n);return}e(Zt(n))},Jt=()=>{var e,n,o;if(A.current&&((e=A.current)==null?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Ge.current=!1,(n=document.activeElement)!=null&&n.closest(".k-grid-edit-row")?Me.current=document.activeElement:Me.current=void 0;const r=Array.from((o=A.current)==null?void 0:o.getElementsByClassName("k-grid-edit-row"));r.length>Oe.current.length?Re.current=r.filter(i=>!Oe.current.includes(i))[0]:r.length===1&&(Re.current=r[0],Ge.current=!0),Oe.current=r}},G=()=>t.dataRef.filter(e=>e.rowType==="data").map(e=>e.dataItem),q=()=>{var e;if(v.canUseDOM)return((e=Pe())==null?void 0:e.ownerDocument)||document},Pe=()=>F.current,he=c.useCallback(e=>{var r,i;if(!w.current||!((r=w.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;H.current&&H.current.disconnect();const{rowIndex:n}=e,o=Pe();if(T){const a=((i=w.current.rowHeightService)==null?void 0:i.offset(n))||0;w.current.container.scroll(0,a)}else if(o){const a=n<1?o.querySelector("tbody > tr:nth-child(1)"):o.querySelector(`tbody > tr:nth-child(${n+1})`);a&&O.current&&(O.current.scrollTop=a.offsetTop)}},[t.gridProps.scrollable]),Ze=e=>JSON.stringify(e.map(n=>({id:n.id,field:n.field,title:n.title,children:n.children}))),Qt=()=>Ze(Pn)===Ze(t.columnsRef),Xt=()=>{ve.current=window.innerWidth,Qt()||te()},Yt=()=>{var a;const{virtualTotal:e,virtualPageSize:n,gridProps:o}=t,r=w.current,i=t.gridProps.rowHeight||((a=o.minRowHeightRef)==null?void 0:a.current)||0;r&&(r.fixedScroll=o.fixedScroll||!1,r.PageChange=Ht,r.pageSize=n,r.scrollableVirtual=T,r.container=O.current,r.tableBody=A.current,r.scrollHeightContainer=Qe.current,r.table=_.current,(!r.rowHeightService||r.total!==e)&&i&&(r.total=e,r.rowHeightService=new v.RowHeightService(e,i)))},Je=c.useCallback(e=>{const n={rowIndex:Ae.current};e.forEach(o=>{o.boundingClientRect.height!==o.intersectionRect.height&&he(n)})},[he]),te=()=>{t.gridProps.forceUpdate&&t.gridProps.forceUpdate()},en=e=>e.left!==void 0?Fe!=="rtl"?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},k=c.useRef(null),w=c.useRef(void 0),b=c.useRef(void 0),U=c.useRef(void 0),V=c.useRef(void 0),ne=c.useRef(void 0),be=c.useRef(void 0),H=c.useRef(null),A=c.useRef(null),tn=c.useRef(null),O=c.useRef(null),_=c.useRef(null),nn=c.useRef(null),F=c.useRef(null),Qe=c.useRef(null),$=c.useRef(null),Z=c.useRef(null),L=c.useRef(null),B=c.useRef(null),N=c.useRef(null),W=c.useRef(null),rn=c.useRef(null),on=c.useRef(null),De=c.useRef(!1),Ke=c.useRef(!1),Re=c.useRef(void 0),Me=c.useRef(void 0),Ge=c.useRef(!1),Ce=c.useRef(!0),Te=c.useRef(0),He=c.useRef(void 0),Ae=c.useRef(void 0),Oe=c.useRef([]),Xe=c.useRef([]),ve=c.useRef(0),Ie=c.useRef(null),an=typeof t.gridProps.groupable=="object"&&!!t.gridProps.groupable.stickyHeaders,cn=typeof t.gridProps.groupable=="object"&&!!t.gridProps.groupable.stickyFooters,dn=!!((nt=t.gridProps.group)!=null&&nt.length),{stickyHeaderItems:sn,stickyHeaderRef:ln,stickyFooterItems:un,stickyFooterRef:ye,scrollToStickyGroup:gn,update:Ye}=yn.useStickyGroups({enabled:an,enabledFooters:cn,flatData:t.dataRef,containerRef:O,tableBodyRef:A,rowHeight:t.gridProps.rowHeight,isGrouped:dn,virtualSkipRef:t.gridProps.virtualSkipRef,rowHeightServiceRef:{get current(){var e;return(e=w.current)==null?void 0:e.rowHeightService}}}),ce=c.useRef(null),fn=c.useRef(null),mn=c.useRef(null),Fe=v.useDir(F),T=t.isVirtualScroll,Pn=c.useMemo(()=>c.Children.toArray(t.gridProps.children),[t.gridProps.children]),et=t.gridProps.groupable===!0||typeof t.gridProps.groupable=="object"&&t.gridProps.groupable.enabled!==!1,I=l.getSelectionOptions(t.gridProps.selectable),tt=l.getEditableOptions(t.gridProps.editable),hn=ve.current&&ie&&ve.current<=ie.medium&&t.gridProps.adaptive;return c.useMemo(()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!t.gridProps.navigatable,contextStateRef:V,navigationStateRef:ne,idPrefix:t.id}),w.current=new wn.VirtualScroll},[]),c.useMemo(()=>{var e;(e=w.current)==null||e.reset()},[t.gridProps.scrollable,t.gridProps.total,t.gridProps.filter,t.gridProps.group,et,t.gridProps.sort,t.gridProps.rowHeight]),c.useEffect(()=>{p.current={}}),c.useEffect(()=>(t.gridProps.clipboard&&(be.current=new l.ClipboardService(me),be.current.addEventListeners(q())),()=>{be.current&&be.current.removeEventListeners(q())}),[t.gridProps.onClipboard,t.gridProps.clipboard,me,q]),c.useEffect(()=>(_e(),ke(),v.setScrollbarWidth(),l.tableKeyboardNavigation.onComponentDidMount({scope:F.current||void 0,contextStateRef:V,navigationStateRef:ne}),()=>{clearTimeout(He.current)}),[]),c.useEffect(()=>{var e;_e(),ke(),v.setScrollbarWidth(),T&&(fe(),Vt(),(e=w.current)==null||e.update()),Ye(),Jt(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:F.current||void 0,contextStateRef:V,navigationStateRef:ne,focusFirst:Ke.current,newEditableRow:Re.current,singleEditRow:Ge.current,lastActiveElement:Me.current,navigatable:t.gridProps.navigatable}),gt(),Ke.current=!1,Re.current=void 0,Ie.current=void 0}),c.useEffect(()=>{if(v.canUseDOM){const e={rootMargin:"0px",threshold:.9};H.current=window.IntersectionObserver&&new window.IntersectionObserver(Je,e)||null}return()=>{H.current&&(H.current.disconnect(),H.current=null)}},[Je]),c.useEffect(()=>{var n;let e;return v.canUseDOM&&window.ResizeObserver&&(e=new window.ResizeObserver(()=>{Xt(),T&&fe()}),e.observe((n=q())==null?void 0:n.body)),()=>{e==null||e.disconnect()}},[]),c.useEffect(()=>{if(!v.canUseDOM||!window.ResizeObserver||!T||!O.current)return;const e=()=>{var i,a;const o=((i=t.gridProps.containerHeightRef)==null?void 0:i.current)||0;fe();const r=((a=t.gridProps.containerHeightRef)==null?void 0:a.current)||0;(o===0&&r>0||Math.abs(r-o)>10)&&te()},n=new window.ResizeObserver(e);return n.observe(O.current),()=>{n.disconnect()}},[T,fe]),c.useImperativeHandle(k,()=>({get element(){return Pe()},props:t.gridProps,get columns(){return se()},scrollIntoView:e=>{var r;if(!((r=w.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;const{rowIndex:n}=e;Ae.current=n;const o=Pe();if(H.current&&o){H.current.disconnect();const i=o.querySelector(`[absolute-row-index="${Ae.current}"]`);i?H.current.observe(i):he(e)}},fitColumns:e=>{b.current.dblClickHandler(null,e)},exportAsPdf:Ee,saveAsCsv:je,getCsvBlob:Ue,getTotal:we,getLeafDataItems:G})),c.useImperativeHandle(t.gridRef,()=>k.current),c.useMemo(()=>{b.current=new vn.ColumnResize($e)},[t.gridProps.onColumnResize,t.columnsRef]),c.useMemo(()=>{U.current=new In.CommonDragLogic(ge,qt,Ve)},[t.gridProps.onColumnReorder,t.gridProps.onGroupChange,t.gridProps.group,t.columnsRef,t.gridProps.groupable]),b.current.resizable=t.gridProps.resizable||!1,b.current.columns=t.columnsRef,b.current.columnsState=v.cloneArray(t.columnsState),U.current.reorderable=t.gridProps.reorderable||!1,U.current.groupable=et,U.current.columns=t.columnsRef,U.current.dir=Fe,Yt(),v.useWebMcpRegister("grid",k,t.gridProps,t.gridProps.webMcp),c.createElement(xn.GridContext.Provider,{value:{isClient:y,rowReorder:ae,activeDragRowDataItemRef:ce,reorderRowDragTargetRef:fn,reorderRowDropTargetRef:mn,dir:Fe,getCellPositionStyle:en,dataItemKey:t.gridProps.dataItemKey,columnsState:t.columnsState,columnsRef:t.columnsRef,hiddenColumnsRef:t.hiddenColumnsRef,onColumnsStateChange:xe,groupable:t.gridProps.groupable,group:t.gridProps.group,reorderable:t.gridProps.reorderable,defaultGroup:t.gridProps.defaultGroup,groupChange:Se,selectionRelease:ze,pinnedSelectionRelease:Dt,pagerPageChange:Lt,onContextMenu:st,rowClick:ht,rowDblClick:bt,cellClick:vt,headerCellClick:We,itemChange:Et,onDialogEditCancel:Ct,onDialogEditSubmit:Rt,columnReorder:ge,onResize:$e,getTotal:we,sortable:t.gridProps.sortable,pageable:t.gridProps.pageable,pageSize:t.gridProps.pageSize,sort:t.gridProps.sort,skip:t.gridProps.skip,take:t.gridProps.take,defaultSort:t.gridProps.defaultSort,sortChange:pe,filterable:t.gridProps.filterable,filter:t.gridProps.filter,defaultFilter:t.gridProps.defaultFilter,filterOperators:t.gridProps.filterOperators||kn.operators,getLeafDataItems:G,filterChange:Bt,applyHighlightDescriptor:Nt,applySelectionDescriptor:Gt,highlight:t.gridProps.highlight,select:t.gridProps.select,searchChange:Wt,exportAsPdf:Ee,exportAsCsv:je,getCsvBlob:Ue,onHeaderSelectionChange:kt,columnGroupChange:jt,onKeyDown:ft,onFocus:mt,scrollHandler:lt,selectionChange:St,mobileMode:hn,adaptiveColumnMenuRef:ve.current,adpativeTitle:t.gridProps.adaptiveTitle,adaptive:t.gridProps.adaptive,dispatchDetailExpand:It,dispatchGroupExpand:yt,columnResizeRef:b,dragLogicRef:U,navigationStateRef:ne,tableElementRef:_,tableBodyElementRef:A,headerElementRef:tn,containerElementRef:O,headTableElementRef:nn,elementRef:F,virtualScrollHeightContainerRef:Qe,footerRef:$,headerRef:Z,vsRef:w,stickyHeaderItems:sn,stickyHeaderRef:ln,stickyFooterItems:un,stickyFooterRef:ye,stickyHeaderTableRef:L,stickyFooterTableRef:B,pinnedTopTableRef:N,pinnedBottomTableRef:W,pinnedTopRef:rn,pinnedBottomRef:on,onRowPin:le,getRowPinPosition:wt}},c.createElement(l.TableKeyboardNavigationContext.Provider,{value:V.current},t.children),c.createElement(rt.GridContextMenu,{show:h.show&&(de==null?void 0:de.length),dataItem:h.dataItem,field:h.field,items:de,offset:h.offset,onClose:Le,onSelect:dt}),t.gridProps.pdf&&c.createElement(En.BasePDFExport,{gridProps:t.gridProps,innerGrid:t.innerGrid,pdf:typeof t.gridProps.pdf=="object"?t.gridProps.pdf:{},onPdfExport:zt,ref:e=>X.current=e}),t.gridProps.csv&&c.createElement(Sn.BaseCSVExport,{gridProps:t.gridProps,csv:typeof t.gridProps.csv=="object"?t.gridProps.csv:{},onCsvExport:pt,columnsState:t.columnsState,ref:e=>M.current=e}))};exports.GridClientWrapper=Mn;
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Rn=require("react"),v=require("@progress/kendo-react-common"),Cn=require("@progress/kendo-data-query"),l=require("@progress/kendo-react-data-tools"),vn=require("./drag/ColumnResize.js"),In=require("./drag/CommonDragLogic.js"),yn=require("./hooks/useStickyGroups.js"),Q=require("./utils/index.js"),wn=require("./VirtualScroll.js"),rt=require("./contextMenu/GridContextMenu.js"),oe=require("./contextMenu/enums.js"),ot=require("./sortCommon.js"),En=require("./BasePDFExport.js"),Sn=require("./BaseCSVExport.js"),xn=require("./utils/GridContext.js"),kn=require("./filterCommon.js");function Dn(t){const y=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const h in t)if(h!=="default"){const K=Object.getOwnPropertyDescriptor(t,h);Object.defineProperty(y,h,K.get?K:{enumerable:!0,get:()=>t[h]})}}return y.default=t,Object.freeze(y)}const c=Dn(Rn),Kn=(t,y,h,K)=>{const ie=Object.keys(y.cells).map(M=>h.findIndex(p=>p.field===M)),X=Object.keys(y.cells).length>0?ie:!0;return t.reduce((M,p)=>(M[p[K!=null?K:"id"]]=X,M),{})},it=(t,y,h,K)=>y.reduce((X,M)=>({...X,...Kn(Cn.filterBy(t,M),M,h,K)}),{}),Mn=t=>{var nt;const y=t.gridProps.isClient,[h,K]=c.useState({}),ie=v.useAdaptiveModeContext(),X=c.useRef(null),M=c.useRef(null),p=c.useRef({}),at=e=>{e.event.preventDefault(),K({...h,show:!0,offset:{left:e.event.pageX,top:e.event.pageY},dataItem:e.dataItem,field:e.field})},Le=()=>{K({})},ct=e=>{const n=t.gridProps.dataItemKey||"",o=h.dataItem,r=t.gridProps.pinnedTopRows||[],i=t.gridProps.pinnedBottomRows||[],a=n?o[n]:void 0,d=a!==void 0&&r.some(s=>s[n]===a),u=a!==void 0&&i.some(s=>s[n]===a);return e.map(s=>{const g=typeof s=="string"?rt.contextMenuItemsMap[s]:s;return g&&g.name===oe.GridContextMenuItemNames.pinRow&&g.items?{...g,items:g.items.filter(P=>P.name===oe.GridContextMenuItemNames.pinTop?!d:P.name===oe.GridContextMenuItemNames.pinBottom?!u:P.name===oe.GridContextMenuItemNames.unpin?d||u:!0)}:s})},x=c.useMemo(()=>t.columnsRef.find(e=>e.field===h.field),[t.columnsRef,h]),Be=c.useMemo(()=>{const e=t.gridProps.sortable&&(x==null?void 0:x.sortable);return Q.getDefaultHeadContextMenuItems({pdf:!!t.gridProps.pdf,sortable:!!e,selectable:l.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard})},[x,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard]),Ne=c.useMemo(()=>(t.gridProps.sortable&&(x==null||x.sortable),Q.getDefaultBodyContextMenuItems({pdf:!!t.gridProps.pdf,selectable:l.getSelectionOptions(t.gridProps.selectable).enabled,clipboard:!!t.gridProps.clipboard,rowReorderable:Q.isRowReorderEnabled(t.gridProps.rowReorderable),pinnable:!!t.gridProps.pinnable})),[x,t.gridProps.sortable,t.gridProps.selectable,t.gridProps.clipboard,t.gridProps.pinnable,t.gridProps.rowReorderable,t.gridProps.pdf]),de=c.useMemo(()=>{const e=(x==null?void 0:x.contextMenu)||t.gridProps.contextMenu,n=typeof e=="function"?e(h):e;if(n&&h.offset){const o=h.dataItem?oe.GridContextMenuAnchorPart.body:oe.GridContextMenuAnchorPart.head,r=n[o],i=h.dataItem?Ne:Be;let a;return r===!0||r===void 0?a=i:r!==!1&&(a=r),t.gridProps.pinnable&&a&&h.dataItem?ct(a):a}},[t.gridProps.contextMenu,t.gridProps.pinnable,h,Ne,Be,x]),dt=e=>{var d,u,s,g,P,S,R,j,f;const n=e.event.item,o={target:k.current,syntheticEvent:e.event.syntheticEvent,nativeEvent:e.event.nativeEvent,menuItem:n,...e};t.gridProps.onContextMenuItemClick&&m(t.gridProps.onContextMenuItemClick,o);const r=G(),i={selectedField:"",componentId:t.id,dataItems:r,dataItem:e.dataItem,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,...l.getSelectionOptions(t.gridProps.selectable),...o},a=r.findIndex(D=>D===e.dataItem);switch((d=n.data)==null?void 0:d.action){case"SortCommand":if(x){const D=(u=n.name)==null?void 0:u.toLowerCase().includes("asc"),J=((s=n.name)==null?void 0:s.toLowerCase().includes("desc"))?"desc":void 0,z=D?"asc":J,re=n.name?z:void 0;We(e.event.syntheticEvent,x,re)}break;case"SelectRowCommand":Mt(i);break;case"SelectAllRowsCommand":Kt(i);break;case"ExportPDFCommand":Ee();break;case"ClearSelectionCommand":Tt(i);break;case"ReorderRowCommand":ce.current=e.dataItem,(g=n.name)!=null&&g.toLowerCase().includes("rowup")&&a>0&&ae(e.event.syntheticEvent,a-1,"before"),(P=n.name)!=null&&P.toLowerCase().includes("rowdown")&&a<r.length-1&&ae(e.event.syntheticEvent,a+1,"after"),(S=n.name)!=null&&S.toLowerCase().includes("rowtop")&&ae(e.event.syntheticEvent,0,"before"),(R=n.name)!=null&&R.toLowerCase().includes("rowbottom")&&ae(e.event.syntheticEvent,r.length-1,"after");break;case"CopySelectionCommand":me(l.ClipboardActionType.copy,e.event.nativeEvent,{copyHeaders:!((j=n.name)!=null&&j.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break;case"PasteCommand":me(l.ClipboardActionType.paste,e.event.nativeEvent,{copyHeaders:!((f=n.name)!=null&&f.toLowerCase().includes("noheaders"))},e.dataItem,e.field);break;case"PinTopCommand":le("pinTop",e.dataItem);break;case"PinBottomCommand":le("pinBottom",e.dataItem);break;case"UnpinCommand":le("unpin",e.dataItem);break}Le()},se=()=>{const e=t.columnsRef.filter(n=>n.declarationIndex>=0&&n.parentIndex===-1);return Q.sanitizeColumns(e)},st=(e,n,o)=>{if(t.gridProps.onContextMenu&&y){const r={target:k.current,syntheticEvent:e,nativeEvent:e.nativeEvent,dataItem:n,field:o};m(t.gridProps.onContextMenu,r)}t.gridProps.contextMenu&&at({event:e,dataItem:n,field:o})},lt=e=>{var a,d;if(e.target!==e.currentTarget)return;clearTimeout(He.current),w.current&&(w.current.table=_.current);const n=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop;t.gridProps.columnVirtualization&&(!T||o===Te.current)&&(He.current=window.setTimeout(()=>{te()},0)),t.gridProps.scrollLeftRef&&(t.gridProps.scrollLeftRef.current=n),Z.current&&Z.current.setScrollLeft(n),$.current&&$.current.setScrollLeft(n),L!=null&&L.current&&L.current.setScrollLeft(n),B!=null&&B.current&&B.current.setScrollLeft(n),N!=null&&N.current&&N.current.setScrollLeft(n),W!=null&&W.current&&W.current.setScrollLeft(n);const r=(a=t.gridProps.virtualSkipRef)==null?void 0:a.current;w.current&&o!==Te.current&&w.current.scrollHandler(e);const i=T&&((d=t.gridProps.virtualSkipRef)==null?void 0:d.current)!==r;t.gridProps.onScroll&&y&&m(t.gridProps.onScroll,{...E(e)}),Te.current=o,i||Ye()},ut=e=>{var o,r;const n=e.target;if((e.keyCode===38||e.keyCode===40)&&n.closest(".k-grid-sticky-container")){const i=parseInt(((o=n.closest("tr"))==null?void 0:o.getAttribute("absolute-row-index"))||"",10),a=n.getAttribute("data-keyboardnavid");if(!isNaN(i)&&a&&!((r=A.current)==null?void 0:r.querySelector(`tr[absolute-row-index="${i}"]`)))return Ie.current={navId:a,key:e.key,code:e.code,keyCode:e.keyCode},e.preventDefault(),e.stopPropagation(),he({rowIndex:i}),!0}return!1},gt=()=>{var a;if(!Ie.current||!F.current)return;const{navId:e,key:n,code:o,keyCode:r}=Ie.current,i=(a=A.current)==null?void 0:a.querySelector(`[data-keyboardnavid="${e}"]`);i&&i.dispatchEvent(new KeyboardEvent("keydown",{key:n,code:o,keyCode:r,bubbles:!0,cancelable:!0}))},ft=e=>{if(ut(e))return;l.tableKeyboardNavigation.onKeyDown(e,{navigatable:t.gridProps.navigatable||!1,contextStateRef:V,navigationStateRef:ne,onNavigationAction:Pt,columns:se()}),l.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:q(),contextStateRef:V,navigationStateRef:ne});const n={dataItems:G(),mode:I.mode,cell:I.cell,componentId:t.id,selectedField:"",...E(e)};t.gridProps.onKeyDown&&y&&m(t.gridProps.onKeyDown,n)},mt=e=>{l.tableKeyboardNavigation.onFocus(e,{navigatable:!!t.gridProps.navigatable,contextStateRef:V})},Pt=e=>{const{columnsRef:n}=t;if(e.action==="moveToNextPage"&&Ot(e.event),e.action==="moveToPrevPage"&&Ft(e.event),e.focusElement&&(e.action==="reorderToRight"||e.action==="reorderToLeft")){const o=parseInt(e.focusElement.ariaColIndex,10)-1;if(!n[o].reorderable)return;if(e.action==="reorderToRight"&&o<t.columnsRef.length-1){if(n[o+1].disableReorder)return;ge(o,o+1,e.event)}if(e.action==="reorderToLeft"&&o>0){if(n[o-1].disableReorder)return;ge(o,o-1,e.event)}}if(e.action==="select"&&xt(e.event),t.gridProps.onNavigationAction&&y){const o={focusElement:e.focusElement,...E(e.event)};m(t.gridProps.onNavigationAction,o)}},ht=(e,n)=>{t.gridProps.onRowClick&&l.closestTagName(e.target,"TD")&&m(t.gridProps.onRowClick,{dataItem:n,...E(e)})},bt=(e,n)=>{t.gridProps.onRowDoubleClick&&l.closestTagName(e.target,"TD")&&m(t.gridProps.onRowDoubleClick,{dataItem:n,...E(e)})},Rt=e=>{t.gridProps.onItemChange&&m(t.gridProps.onItemChange,{...E(e.syntheticEvent),dataItem:e.dataItem,field:void 0,value:void 0})},Ct=e=>{t.gridProps.onItemChange&&t.gridProps.onEditChange&&m(t.gridProps.onEditChange,{edit:{},...E(e.syntheticEvent)})},vt=(e,n,o)=>{var r,i;if(tt.enabled&&tt.mode==="incell"&&t.gridProps.dataItemKey){if(t.gridProps.pinnable&&t.gridProps.editZoneRef){const d=!!((i=(r=e.target).closest)!=null&&i.call(r,".k-grid-pinned-container"));t.gridProps.editZoneRef.current=d?"pinned":"body"}const a=l.editReducer(t.gridProps.edit,{type:l.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:n[t.gridProps.dataItemKey],field:o}});t.gridProps.onEditChange&&m(t.gridProps.onEditChange,{edit:a,...E(e)})}},It=(e,n)=>{var r;if(l.getDetailExpandableOptions(t.detailExpandable).enabled){const i=l.detailExpandReducer((r=t.gridProps.detailExpand)!=null?r:{},e);t.gridProps.onDetailExpandChange&&m(t.gridProps.onDetailExpandChange,{...E(n),detailExpand:i})}},yt=(e,n)=>{var r;const o=l.getGroupExpandableOptions(typeof t.gridProps.groupable=="object"?t.gridProps.groupable.expandable!==!1:t.gridProps.groupable);if(o.enabled){const i=l.groupExpandReducer((r=t.gridProps.groupExpand)!=null?r:[],e,o);t.gridProps.onGroupExpandChange&&m(t.gridProps.onGroupExpandChange,{...E(n),groupExpand:i})}gn(e.group)},wt=c.useCallback(e=>{const{dataItemKey:n="",pinnedTopRows:o=[],pinnedBottomRows:r=[]}=t.gridProps;if(!n||!e)return"none";const i=e[n];return o!=null&&o.some(a=>a[n]===i)?"top":r!=null&&r.some(a=>a[n]===i)?"bottom":"none"},[t.gridProps.pinnedTopRows,t.gridProps.pinnedBottomRows,t.gridProps.dataItemKey]),le=(e,n)=>{if(!t.gridProps.pinnable)return;const{dataItemKey:o="",pinnedTopRows:r=[],pinnedBottomRows:i=[]}=t.gridProps,a=n[o],d=r.filter(g=>g[o]!==a),u=i.filter(g=>g[o]!==a);let s;switch(e){case"pinTop":s={pinnedTopRows:[...d,n],pinnedBottomRows:u,dataItem:n};break;case"pinBottom":s={pinnedTopRows:d,pinnedBottomRows:[...u,n],dataItem:n};break;case"unpin":s={pinnedTopRows:d,pinnedBottomRows:u,dataItem:n};break;default:return}t.gridProps.onRowPinChange&&m(t.gridProps.onRowPinChange,s)},We=(e,n,o)=>{const{allowUnsort:r,mode:i}=ot.normalizeSortable(t.gridProps.sortable||!1,n.sortable||!1),a=(t.gridProps.sort||[]).filter(s=>s.field===n.field)[0],d=o||ot.firstLevelSortSeqMap[r][a&&a.dir||""],u=i==="single"?[]:(t.gridProps.sort||[]).filter(s=>s.field!==n.field);d!==""&&n.field&&u.push({field:n.field,dir:d}),pe(u,e)},Et=e=>{t.gridProps.onItemChange&&m(t.gridProps.onItemChange,{...E(e.syntheticEvent),dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,value:e.value})},St=e=>{var n;if(t.gridProps.onSelectionChange&&I.enabled){const{event:o,dataItem:r,dataIndex:i,columnIndex:a}=e,d={...E(o),dataItem:r,startColIndex:a,endColIndex:a,startRowIndex:i,endRowIndex:i,dataItems:G(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:I.mode,cell:I.cell,isDrag:!1,componentId:t.id,selectedField:""};m(t.gridProps.onSelectionChange,{...d,select:t.gridProps.dataItemKey?l.getSelectedState({event:d,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey}):{}})}},xt=e=>{var s,g;if(!I.enabled||!t.gridProps.dataItemKey)return;const n={dataItems:G(),mode:I.mode,cell:I.cell,componentId:t.id,selectedField:"",...E(e)},o=l.getSelectedStateFromKeyDown({event:n,selectedState:(s=t.gridProps.select)!=null?s:{},dataItemKey:t.gridProps.dataItemKey});if(o===t.gridProps.select)return;const r=e.target,i=l.closestTagName(r,"TD"),a=l.closestTagName(r,"TR"),d=l.getColumnIndex(i),u=l.getRowIndex(a);if(d!==void 0&&u!==void 0){const P=(g=Q.getDataAsArray(t.gridProps.data))==null?void 0:g[u];t.gridProps.onSelectionChange&&m(t.gridProps.onSelectionChange,{...n,select:o,dataItem:P,startRowIndex:u,startColIndex:d,startDataItem:P,endDataItem:P,endRowIndex:u,endColIndex:d,ctrlKey:e.ctrlKey,altKey:e.altKey,metaKey:e.metaKey,shiftKey:e.shiftKey,isDrag:!1})}},kt=e=>{if(t.gridProps.onHeaderSelectionChange&&I.enabled){const n=G();m(t.gridProps.onHeaderSelectionChange,{select:e.syntheticEvent.target.checked?n.reduce((o,r)=>(t.gridProps.dataItemKey&&v.getter(t.gridProps.dataItemKey)(r)!==void 0&&(o[v.getter(t.gridProps.dataItemKey)(r)]=!0),o),{}):{},field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:k.current,dataItems:n})}},Y=(e,n)=>{t.gridProps.onSelectionChange&&I.enabled&&m(t.gridProps.onSelectionChange,{...e,select:n})},Dt=(e,n)=>{const o=t.gridProps.dataItemKey;if(!o||!n)return;const r=v.getter(o),i=G().findIndex(a=>r(a)===r(n));i!==-1&&ze({...e,startRowIndex:i,endRowIndex:i})},ze=e=>{var n;if(t.gridProps.onSelectionChange&&I.enabled){const o=G(),r=o[e.startRowIndex],i=o[e.endRowIndex],a={syntheticEvent:void 0,target:k.current,selectedField:"",componentId:t.id,dataItems:o,dataItem:null,startDataItem:r,endDataItem:i,...e},d=l.getSelectedState({event:a,selectedState:(n=t.gridProps.select)!=null?n:{},dataItemKey:t.gridProps.dataItemKey});Y(a,d)}},Kt=e=>{if(t.gridProps.onSelectionChange&&I.enabled){const n=e.dataItems[0],o=e.dataItems[e.dataItems.length-1],r={},i={...e,startDataItem:n,endDataItem:o,startRowIndex:0,endRowIndex:e.dataItems.length-1,startColIndex:0,endColIndex:t.columnsRef.length-1};e.dataItems.forEach(a=>{const u=v.getter(t.gridProps.dataItemKey)(a);r[u]=e.cell?[...Array(t.columnsRef.length).keys()]:!0}),Y(i,r)}},Mt=e=>{if(t.gridProps.onSelectionChange&&I.enabled){const o=v.getter(t.gridProps.dataItemKey)(e.dataItem),r=0,i=t.columnsRef.length-1,a=e.dataItems.findIndex(P=>P[t.gridProps.dataItemKey]===e.dataItem[t.gridProps.dataItemKey]),s={...e,startDataItem:a,endDataItem:a,startRowIndex:a,endRowIndex:a,startColIndex:r,endColIndex:i},g=e.mode==="multiple"?t.gridProps.select||{}:{};g[o]===!0||Array.isArray(g[o])&&g[o].length===t.columnsRef.length?delete g[o]:g[o]=e.cell?[...Array(t.columnsRef.length).keys()]:!0,Y(s,g)}},Gt=e=>{if(!I.enabled)return;const n=G(),o={syntheticEvent:void 0,nativeEvent:void 0,target:k.current,selectedField:"",componentId:t.id,dataItems:n,dataItem:null,startDataItem:null,endDataItem:null,ctrlKey:!1,altKey:!1,metaKey:!1,shiftKey:!1,isDrag:!1,mode:I.mode,cell:I.cell};if(!e||e.length===0){const P={...o,startRowIndex:-1,endRowIndex:-1,startColIndex:-1,endColIndex:-1};Y(P,{});return}const r=it(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey),i={};Object.keys(r).forEach(P=>{r[P]&&(i[P]=I.cell?[...Array(t.columnsRef.length).keys()]:!0)});let a=-1,d=-1,u=n[0]||null,s=n[n.length-1]||null;if(t.gridProps.dataItemKey){const P=v.getter(t.gridProps.dataItemKey);for(let S=0;S<n.length;S++){const R=P(n[S]);R!==void 0&&r[R]&&(a===-1&&(a=S,u=n[S]),d=S,s=n[S])}}const g={...o,startRowIndex:a,endRowIndex:d,startColIndex:0,endColIndex:t.columnsRef.length-1,startDataItem:u,endDataItem:s};Y(g,i)},Tt=e=>{t.gridProps.onSelectionChange&&I.enabled&&Y(e,{})},ee=(e,n,o,r,i)=>{At();const a=t.gridProps.onDataStateChange;if(e){const d={...E(r),...n,targetEvent:i};m(e,d)}else a&&(p.current={...p.current,...o},m(a,{...E(r),targetEvent:i||{},dataState:{...$t(),...p.current}}))},ue=(e,n,o)=>{var r;T&&t.gridProps.pageable&&((r=w.current)==null||r.reset()),ee(t.gridProps.onPageChange,{page:e},{skip:e.skip,take:e.take},n,o)},Ht=(e,n,o)=>{var r;t.gridProps.pageable||(r=t.gridProps.group)!=null&&r.length?t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=e.skip,te()):ue(e,n,o)},we=()=>{let e=t.gridProps.total||0;return Array.isArray(t.gridProps.data)?e=e||t.gridProps.data.length:t.gridProps.data&&(e=e||t.gridProps.data.total),e},At=()=>{T&&t.gridProps.virtualSkipRef&&(t.gridProps.virtualSkipRef.current=0)},Ot=e=>{var i,a;const n=(a=(i=t.gridProps.take)!=null?i:t.gridProps.pageSize)!=null?a:0,o=(t.gridProps.skip||0)+n,r=we();o<r&&ue({skip:o,take:n},e)},Ft=e=>{var r,i;const n=(i=(r=t.gridProps.take)!=null?r:t.gridProps.pageSize)!=null?i:0,o=(t.gridProps.skip||0)-n;o>=0&&ue({skip:o,take:n},e)},Lt=e=>{ue({skip:e.skip,take:e.take},e.syntheticEvent,e.targetEvent)},pe=(e,n)=>{ee(t.gridProps.onSortChange,{sort:e},{sort:e,...T&&!t.gridProps.pageable?{skip:0}:{}},n)},Bt=(e,n)=>{ee(t.gridProps.onFilterChange,{filter:e},{filter:e,skip:0},n)},Nt=e=>{if(!e||e.length===0){qe({});return}const n=it(t.gridProps.data,e,t.columnsRef,t.gridProps.dataItemKey);qe({...n})},qe=e=>{ee(t.gridProps.onHighlightChange,{highlight:e},{},{})},Wt=e=>{const n=t.gridProps.searchFields||t.columnsRef.map(i=>i.field)||[],o=e.nativeEvent.target.value,r={logic:"or",filters:n.filter(i=>i!==void 0).map(i=>{var a;return typeof i=="string"?{field:i,value:o,operator:"contains"}:{value:o,operator:(a=i.operator)!=null?a:"contains",field:i.field,ignoreCase:i.ignoreCase}})};ee(t.gridProps.onSearchChange,{search:r},{skip:0},e.syntheticEvent)},Ee=()=>{var e;(e=X.current)==null||e.save()},je=async()=>{var e;await((e=M.current)==null?void 0:e.save())},Ue=()=>{var e;return((e=M.current)==null?void 0:e.getBlob())||null},zt=async e=>{var n,o;(n=t.gridProps)!=null&&n.onPdfExport&&await((o=t.gridProps)==null?void 0:o.onPdfExport(e))},pt=e=>{var n,o;return(n=t.gridProps)!=null&&n.onCsvExport?(o=t.gridProps)==null?void 0:o.onCsvExport(e):e},Se=(e,n)=>{const o=n.nativeEvent?n:{nativeEvent:n.nativeEvent||n.originalEvent};let r={};t.isVirtualScroll&&e.length&&!t.gridProps.pageable&&(r={take:void 0}),e.length===0&&t.gridProps.navigatable&&(Ke.current=!0),ee(t.gridProps.onGroupChange,{group:e},{group:e,skip:0,...r},o)},xe=e=>{if(t.gridProps.onColumnsStateChange){const n={target:k.current,columnsState:e};m(t.gridProps.onColumnsStateChange,n)}},ge=(e,n,o)=>{const{columnsRef:r,columnsState:i}=t,a=r[e],d=Q.getFlatColumnsState(i),u=a.depth,s=R=>{do R++;while(R<r.length&&r[R].depth>u);return R},g=r.splice(e,s(e)-e);r.splice(e<n?s(n-g.length):n,0,...g),r.filter(R=>R.declarationIndex>=0).forEach((R,j)=>{R.orderIndex=j;const f=d.find(D=>D.id===R.id);f&&(f.orderIndex=j)});const P=r[e].locked&&r[n].locked;l.updateLeft(t.columnsMapRef,r,P||Ce.current),l.updateRight(t.columnsMapRef,r,P||Ce.current),De.current&&(Ce.current=!1,De.current=!1);const S=se();if(te(),t.gridProps.onColumnReorder){const R={target:k.current,columns:S,columnId:a.id,nativeEvent:o};m(t.gridProps.onColumnReorder,R)}xe(i)},ae=(e,n,o)=>{const r=typeof t.gridProps.rowReorderable=="object"?t.gridProps.rowReorderable.enabled:t.gridProps.rowReorderable;if(o==="forbidden"||!r||!ce.current)return;const i=t.dataRef[n];t.gridProps.onRowReorder&&m(t.gridProps.onRowReorder,{draggedDataItems:[ce.current],droppedDataItem:i==null?void 0:i.dataItem,dropPosition:o,nativeEvent:e.originalEvent,dragEvent:e,target:k.current}),ce.current=null},qt=(e,n,o)=>{if(t.gridProps.group===void 0)return;const r=t.gridProps.group.slice();r.splice(n,0,...r.splice(e,1)),Se(r,o)},Ve=(e,n,o)=>{const r=t.columnsRef[e].field;if(!r)return;const i=(t.gridProps.group||[]).slice();i.splice(n,0,{field:r}),Se(i,o)},jt=(e,n)=>{const o=U.current.getCurrentGroupsLength;Ve(e,o,n)},ke=()=>{var e,n,o,r,i,a,d,u,s,g,P,S,R,j;if(t.gridProps.dataLayoutMode==="stacked"){const f=((e=F.current)==null?void 0:e.offsetWidth)||0;if((n=b.current)!=null&&n.colGroupMain&&f){const D=b.current.colGroupMain.children,C=D.length-1;if(C>=0){let J=0;for(let re=0;re<C;re++){const bn=parseFloat((D[re].width||0).toString())||D[re].clientWidth;J+=bn}const z=Math.max(0,f-J);D[C].width=z+"px",(r=(o=b.current.colGroupHeader)==null?void 0:o.children)!=null&&r[C]&&(b.current.colGroupHeader.children[C].width=z+"px"),(a=(i=b.current.colGroupFooter)==null?void 0:i.children)!=null&&a[C]&&(b.current.colGroupFooter.children[C].width=z+"px"),(u=(d=b.current.colGroupStickyHeader)==null?void 0:d.children)!=null&&u[C]&&(b.current.colGroupStickyHeader.children[C].width=z+"px"),(g=(s=b.current.colGroupStickyFooter)==null?void 0:s.children)!=null&&g[C]&&(b.current.colGroupStickyFooter.children[C].width=z+"px"),(S=(P=b.current.colGroupPinnedTop)==null?void 0:P.children)!=null&&S[C]&&(b.current.colGroupPinnedTop.children[C].width=z+"px"),(j=(R=b.current.colGroupPinnedBottom)==null?void 0:R.children)!=null&&j[C]&&(b.current.colGroupPinnedBottom.children[C].width=z+"px")}}Z.current&&Z.current.setWidth(f),$.current&&$.current.setWidth(f),L.current&&L.current.setWidth(f),B.current&&B.current.setWidth(f),N.current&&N.current.setWidth(f),W.current&&W.current.setWidth(f),_.current&&(_.current.style.width=f?f+"px":"")}else{let f=0;if(!b.current.colGroupMain)return;const D=b.current.colGroupMain.children;for(let C=0;C<D.length;C++){const J=D[C].width;if(!J){f=0;break}f+=parseFloat(J.toString())}f=Math.round(f),Z.current&&Z.current.setWidth(f),$.current&&$.current.setWidth(f),L.current&&L.current.setWidth(f),B.current&&B.current.setWidth(f),N.current&&N.current.setWidth(f),W.current&&W.current.setWidth(f),_.current&&(_.current.style.width=f?f+"px":"")}ye.current&&Ut()},Ut=()=>{const e=O.current,n=e?e.scrollWidth>e.clientWidth:!1;ye.current&&(ye.current.style.marginBlockEnd=n?"var(--kendo-scrollbar-width, 0px)":"")},_e=()=>{var e;t.gridProps.widthRef&&(t.gridProps.widthRef.current=((e=F.current)==null?void 0:e.offsetWidth)||0)},fe=()=>{var e;t.gridProps.containerHeightRef&&(t.gridProps.containerHeightRef.current=((e=O.current)==null?void 0:e.offsetHeight)||0)},Vt=()=>{const e=t.gridProps.minRowHeightRef;if(e&&!e.current&&!t.gridProps.rowHeight){const n=Q.calcRowHeight(A.current);n&&(e.current=n,te())}},me=c.useCallback((e,n,o,r,i)=>{var s;if(!_t()&&!o||!e)return;const a={type:e,nativeEvent:n,columns:t.columnsRef,dataItemKey:t.gridProps.dataItemKey||"",dataItem:r,field:i,...typeof t.gridProps.clipboard!="boolean"?t.gridProps.clipboard:{},...o},d=G(),u=l.populateClipboardData({event:a,data:d,selectedState:(s=t.gridProps.select)!=null?s:{},previousCopiedItems:Xe.current});e!==l.ClipboardActionType.paste&&(Xe.current=u.copiedItems),t.gridProps.onClipboard&&y&&m(t.gridProps.onClipboard,{...a,...u})},[t.gridProps.select,t.gridProps.dataItemKey,t.gridProps.data,t.gridProps.clipboard,t.gridProps.onClipboard]),_t=()=>{var i,a,d;if(!v.canUseDOM)return!1;const e=v.getActiveElement(q()),n=e?e.matches(".k-table-td")?e:(i=q())==null?void 0:i.body:(a=q())==null?void 0:a.body,o=n==null?void 0:n.closest(".k-grid-container"),r=n&&((d=F.current)==null?void 0:d.contains(n));return!!(n&&r&&o)},$e=(e,n,o,r,i,a,d)=>{ke(),Ce.current=!0,De.current=!0,t.gridProps.onColumnResize&&y&&m(t.gridProps.onColumnResize,{columns:se(),nativeEvent:r,targetColumnId:d,index:e,newWidth:n,oldWidth:o,end:i,target:k.current}),i&&xe(a)},$t=()=>{var e;return{filter:t.gridProps.filter,sort:t.gridProps.sort,skip:t.gridProps.skip,take:(e=t.gridProps.take)!=null?e:t.gridProps.pageSize,group:t.gridProps.group}},E=e=>({nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:k.current}),Zt=e=>({...e,nativeEvent:void 0,syntheticEvent:void 0,target:void 0,targetEvent:void 0,focusElement:void 0}),m=(e,n)=>{if(t.gridProps.isClient){e(n);return}e(Zt(n))},Jt=()=>{var e,n,o;if(A.current&&((e=A.current)==null?void 0:e.getElementsByClassName("k-grid-edit-row").length)>0){Ge.current=!1,(n=document.activeElement)!=null&&n.closest(".k-grid-edit-row")?Me.current=document.activeElement:Me.current=void 0;const r=Array.from((o=A.current)==null?void 0:o.getElementsByClassName("k-grid-edit-row"));r.length>Oe.current.length?Re.current=r.filter(i=>!Oe.current.includes(i))[0]:r.length===1&&(Re.current=r[0],Ge.current=!0),Oe.current=r}},G=()=>t.dataRef.filter(e=>e.rowType==="data").map(e=>e.dataItem),q=()=>{var e;if(v.canUseDOM)return((e=Pe())==null?void 0:e.ownerDocument)||document},Pe=()=>F.current,he=c.useCallback(e=>{var r,i;if(!w.current||!((r=w.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;H.current&&H.current.disconnect();const{rowIndex:n}=e,o=Pe();if(T){const a=((i=w.current.rowHeightService)==null?void 0:i.offset(n))||0;w.current.container.scroll(0,a)}else if(o){const a=n<1?o.querySelector("tbody > tr:nth-child(1)"):o.querySelector(`tbody > tr:nth-child(${n+1})`);a&&O.current&&(O.current.scrollTop=a.offsetTop)}},[t.gridProps.scrollable]),Ze=e=>JSON.stringify(e.map(n=>({id:n.id,field:n.field,title:n.title,children:n.children}))),Qt=()=>Ze(Pn)===Ze(t.columnsRef),Xt=()=>{ve.current=window.innerWidth,Qt()||te()},Yt=()=>{var a;const{virtualTotal:e,virtualPageSize:n,gridProps:o}=t,r=w.current,i=t.gridProps.rowHeight||((a=o.minRowHeightRef)==null?void 0:a.current)||0;r&&(r.fixedScroll=o.fixedScroll||!1,r.PageChange=Ht,r.pageSize=n,r.scrollableVirtual=T,r.container=O.current,r.tableBody=A.current,r.scrollHeightContainer=Qe.current,r.table=_.current,(!r.rowHeightService||r.total!==e)&&i&&(r.total=e,r.rowHeightService=new v.RowHeightService(e,i)))},Je=c.useCallback(e=>{const n={rowIndex:Ae.current};e.forEach(o=>{o.boundingClientRect.height!==o.intersectionRect.height&&he(n)})},[he]),te=()=>{t.gridProps.forceUpdate&&t.gridProps.forceUpdate()},en=e=>e.left!==void 0?Fe!=="rtl"?{left:e.left,right:e.right}:{left:e.right,right:e.left}:{},k=c.useRef(null),w=c.useRef(void 0),b=c.useRef(void 0),U=c.useRef(void 0),V=c.useRef(void 0),ne=c.useRef(void 0),be=c.useRef(void 0),H=c.useRef(null),A=c.useRef(null),tn=c.useRef(null),O=c.useRef(null),_=c.useRef(null),nn=c.useRef(null),F=c.useRef(null),Qe=c.useRef(null),$=c.useRef(null),Z=c.useRef(null),L=c.useRef(null),B=c.useRef(null),N=c.useRef(null),W=c.useRef(null),rn=c.useRef(null),on=c.useRef(null),De=c.useRef(!1),Ke=c.useRef(!1),Re=c.useRef(void 0),Me=c.useRef(void 0),Ge=c.useRef(!1),Ce=c.useRef(!0),Te=c.useRef(0),He=c.useRef(void 0),Ae=c.useRef(void 0),Oe=c.useRef([]),Xe=c.useRef([]),ve=c.useRef(0),Ie=c.useRef(null),an=typeof t.gridProps.groupable=="object"&&!!t.gridProps.groupable.stickyHeaders,cn=typeof t.gridProps.groupable=="object"&&!!t.gridProps.groupable.stickyFooters,dn=!!((nt=t.gridProps.group)!=null&&nt.length),{stickyHeaderItems:sn,stickyHeaderRef:ln,stickyFooterItems:un,stickyFooterRef:ye,scrollToStickyGroup:gn,update:Ye}=yn.useStickyGroups({enabled:an,enabledFooters:cn,flatData:t.dataRef,containerRef:O,tableBodyRef:A,rowHeight:t.gridProps.rowHeight,isGrouped:dn,virtualSkipRef:t.gridProps.virtualSkipRef,rowHeightServiceRef:{get current(){var e;return(e=w.current)==null?void 0:e.rowHeightService}}}),ce=c.useRef(null),fn=c.useRef(null),mn=c.useRef(null),Fe=v.useDir(F),T=t.isVirtualScroll,Pn=c.useMemo(()=>c.Children.toArray(t.gridProps.children),[t.gridProps.children]),et=t.gridProps.groupable===!0||typeof t.gridProps.groupable=="object"&&t.gridProps.groupable.enabled!==!1,I=l.getSelectionOptions(t.gridProps.selectable),tt=l.getEditableOptions(t.gridProps.editable),hn=ve.current&&ie&&ve.current<=ie.medium&&t.gridProps.adaptive;return c.useMemo(()=>{l.tableKeyboardNavigation.onConstructor({navigatable:!!t.gridProps.navigatable,contextStateRef:V,navigationStateRef:ne,idPrefix:t.id}),w.current=new wn.VirtualScroll},[]),c.useMemo(()=>{var e;(e=w.current)==null||e.reset()},[t.gridProps.scrollable,t.gridProps.total,t.gridProps.filter,t.gridProps.group,et,t.gridProps.sort,t.gridProps.rowHeight]),c.useEffect(()=>{p.current={}}),c.useEffect(()=>(t.gridProps.clipboard&&(be.current=new l.ClipboardService(me),be.current.addEventListeners(q())),()=>{be.current&&be.current.removeEventListeners(q())}),[t.gridProps.onClipboard,t.gridProps.clipboard,me,q]),c.useEffect(()=>(_e(),ke(),v.setScrollbarWidth(),l.tableKeyboardNavigation.onComponentDidMount({scope:F.current||void 0,contextStateRef:V,navigationStateRef:ne}),()=>{clearTimeout(He.current)}),[]),c.useEffect(()=>{var e;_e(),ke(),v.setScrollbarWidth(),T&&(fe(),Vt(),(e=w.current)==null||e.update()),Ye(),Jt(),l.tableKeyboardNavigation.onComponentDidUpdate({scope:F.current||void 0,contextStateRef:V,navigationStateRef:ne,focusFirst:Ke.current,newEditableRow:Re.current,singleEditRow:Ge.current,lastActiveElement:Me.current,navigatable:t.gridProps.navigatable}),gt(),Ke.current=!1,Re.current=void 0,Ie.current=void 0}),c.useEffect(()=>{if(v.canUseDOM){const e={rootMargin:"0px",threshold:.9};H.current=window.IntersectionObserver&&new window.IntersectionObserver(Je,e)||null}return()=>{H.current&&(H.current.disconnect(),H.current=null)}},[Je]),c.useEffect(()=>{var n;let e;return v.canUseDOM&&window.ResizeObserver&&(e=new window.ResizeObserver(()=>{Xt(),T&&fe()}),e.observe((n=q())==null?void 0:n.body)),()=>{e==null||e.disconnect()}},[]),c.useEffect(()=>{if(!v.canUseDOM||!window.ResizeObserver||!T||!O.current)return;const e=()=>{var i,a;const o=((i=t.gridProps.containerHeightRef)==null?void 0:i.current)||0;fe();const r=((a=t.gridProps.containerHeightRef)==null?void 0:a.current)||0;(o===0&&r>0||Math.abs(r-o)>10)&&te()},n=new window.ResizeObserver(e);return n.observe(O.current),()=>{n.disconnect()}},[T,fe]),c.useImperativeHandle(k,()=>({get element(){return Pe()},props:t.gridProps,get columns(){return se()},scrollIntoView:e=>{var r;if(!((r=w.current)!=null&&r.container)||t.gridProps.scrollable==="none")return;const{rowIndex:n}=e;Ae.current=n;const o=Pe();if(H.current&&o){H.current.disconnect();const i=o.querySelector(`[absolute-row-index="${Ae.current}"]`);i?H.current.observe(i):he(e)}},fitColumns:e=>{b.current.dblClickHandler(null,e)},exportAsPdf:Ee,saveAsCsv:je,getCsvBlob:Ue,getTotal:we,getLeafDataItems:G})),c.useImperativeHandle(t.gridRef,()=>k.current),c.useMemo(()=>{b.current=new vn.ColumnResize($e)},[t.gridProps.onColumnResize,t.columnsRef]),c.useMemo(()=>{U.current=new In.CommonDragLogic(ge,qt,Ve)},[t.gridProps.onColumnReorder,t.gridProps.onGroupChange,t.gridProps.group,t.columnsRef,t.gridProps.groupable]),b.current.resizable=t.gridProps.resizable||!1,b.current.columns=t.columnsRef,b.current.columnsState=v.cloneArray(t.columnsState),U.current.reorderable=t.gridProps.reorderable||!1,U.current.groupable=et,U.current.columns=t.columnsRef,U.current.dir=Fe,Yt(),v.useWebMcpRegister("grid",k,t.gridProps,t.gridProps.webMcp),c.createElement(xn.GridContext.Provider,{value:{isClient:y,rowReorder:ae,activeDragRowDataItemRef:ce,reorderRowDragTargetRef:fn,reorderRowDropTargetRef:mn,dir:Fe,getCellPositionStyle:en,dataItemKey:t.gridProps.dataItemKey,columnsState:t.columnsState,columnsRef:t.columnsRef,hiddenColumnsRef:t.hiddenColumnsRef,onColumnsStateChange:xe,groupable:t.gridProps.groupable,group:t.gridProps.group,reorderable:t.gridProps.reorderable,defaultGroup:t.gridProps.defaultGroup,groupChange:Se,selectionRelease:ze,pinnedSelectionRelease:Dt,pagerPageChange:Lt,onContextMenu:st,rowClick:ht,rowDblClick:bt,cellClick:vt,headerCellClick:We,itemChange:Et,onDialogEditCancel:Ct,onDialogEditSubmit:Rt,columnReorder:ge,onResize:$e,getTotal:we,sortable:t.gridProps.sortable,pageable:t.gridProps.pageable,pageSize:t.gridProps.pageSize,sort:t.gridProps.sort,skip:t.gridProps.skip,take:t.gridProps.take,defaultSort:t.gridProps.defaultSort,sortChange:pe,filterable:t.gridProps.filterable,filter:t.gridProps.filter,defaultFilter:t.gridProps.defaultFilter,filterOperators:t.gridProps.filterOperators||kn.operators,getLeafDataItems:G,filterChange:Bt,applyHighlightDescriptor:Nt,applySelectionDescriptor:Gt,highlight:t.gridProps.highlight,select:t.gridProps.select,searchChange:Wt,exportAsPdf:Ee,exportAsCsv:je,getCsvBlob:Ue,onHeaderSelectionChange:kt,columnGroupChange:jt,onKeyDown:ft,onFocus:mt,scrollHandler:lt,selectionChange:St,mobileMode:hn,adaptiveColumnMenuRef:ve.current,adpativeTitle:t.gridProps.adaptiveTitle,adaptive:t.gridProps.adaptive,dispatchDetailExpand:It,dispatchGroupExpand:yt,columnResizeRef:b,dragLogicRef:U,navigationStateRef:ne,tableElementRef:_,tableBodyElementRef:A,headerElementRef:tn,containerElementRef:O,headTableElementRef:nn,elementRef:F,virtualScrollHeightContainerRef:Qe,footerRef:$,headerRef:Z,vsRef:w,stickyHeaderItems:sn,stickyHeaderRef:ln,stickyFooterItems:un,stickyFooterRef:ye,stickyHeaderTableRef:L,stickyFooterTableRef:B,pinnedTopTableRef:N,pinnedBottomTableRef:W,pinnedTopRef:rn,pinnedBottomRef:on,onRowPin:le,getRowPinPosition:wt}},c.createElement(l.TableKeyboardNavigationContext.Provider,{value:V.current},t.children),c.createElement(rt.GridContextMenu,{show:h.show&&(de==null?void 0:de.length),dataItem:h.dataItem,field:h.field,items:de,offset:h.offset,onClose:Le,onSelect:dt}),t.gridProps.pdf&&c.createElement(En.BasePDFExport,{gridProps:t.gridProps,innerGrid:t.innerGrid,pdf:typeof t.gridProps.pdf=="object"?t.gridProps.pdf:{},onPdfExport:zt,ref:e=>X.current=e}),t.gridProps.csv&&c.createElement(Sn.BaseCSVExport,{gridProps:t.gridProps,csv:typeof t.gridProps.csv=="object"?t.gridProps.csv:{},onCsvExport:pt,columnsState:t.columnsState,ref:e=>M.current=e}))};exports.GridClientWrapper=Mn;
|
package/GridClientWrapper.mjs
CHANGED
|
@@ -47,7 +47,7 @@ const sr = (t, S, b, z) => {
|
|
|
47
47
|
const n = t.gridProps.dataItemKey || "", o = b.dataItem, r = t.gridProps.pinnedTopRows || [], i = t.gridProps.pinnedBottomRows || [], a = n ? o[n] : void 0, d = a !== void 0 && r.some((s) => s[n] === a), l = a !== void 0 && i.some((s) => s[n] === a);
|
|
48
48
|
return e.map((s) => {
|
|
49
49
|
const u = typeof s == "string" ? nr[s] : s;
|
|
50
|
-
return
|
|
50
|
+
return u && u.name === Ee.pinRow && u.items ? {
|
|
51
51
|
...u,
|
|
52
52
|
items: u.items.filter((m) => m.name === Ee.pinTop ? !d : m.name === Ee.pinBottom ? !l : m.name === Ee.unpin ? d || l : !0)
|
|
53
53
|
} : s;
|
|
@@ -861,7 +861,7 @@ const sr = (t, S, b, z) => {
|
|
|
861
861
|
var i, a, d;
|
|
862
862
|
if (!ae)
|
|
863
863
|
return !1;
|
|
864
|
-
const e = yn(p()), n = e ? e.matches(".k-table-td") ? e : (i = p()) == null ? void 0 : i.body : (a = p()) == null ? void 0 : a.body, o = n.closest(".k-grid-container"), r = n && ((d = M.current) == null ? void 0 : d.contains(n));
|
|
864
|
+
const e = yn(p()), n = e ? e.matches(".k-table-td") ? e : (i = p()) == null ? void 0 : i.body : (a = p()) == null ? void 0 : a.body, o = n == null ? void 0 : n.closest(".k-grid-container"), r = n && ((d = M.current) == null ? void 0 : d.contains(n));
|
|
865
865
|
return !!(n && r && o);
|
|
866
866
|
}, Xe = (e, n, o, r, i, a, d) => {
|
|
867
867
|
Ke(), be.current = !0, Ge.current = !0, t.gridProps.onColumnResize && S && f(t.gridProps.onColumnResize, {
|
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 Bt=require("react"),s=require("@progress/kendo-react-common"),R=require("@progress/kendo-react-data-tools"),Wt=require("./cells/hierarchycell/GridHierarchyCell.js"),Kt=require("./header/Header.js"),At=require("./header/HeaderRow.js"),zt=require("./header/FilterRow.js"),Ft=require("./header/GroupPanel.js"),Ot=require("./footer/Footer.js"),g=require("./utils/index.js"),Ve=require("./utils/dataProcessing.js"),$e=require("@progress/kendo-data-query"),_t=require("./cells/groupcell/GridGroupCell.js"),jt=require("./header/GridHeaderGroupSpacerCell.js"),Vt=require("./header/GridHeaderSelectionCell.js"),Ze=require("./components/noRecords/GridNoRecords.js"),Qe=require("./filterCommon.js"),$t=require("./footer/FooterRow.js"),Zt=require("./paging/GridPagerSettings.js"),te=require("./package-metadata.js"),Qt=require("./cells/detailcell/GridDetailCell.js"),Ue=require("./components/noRecords/GridNoRecordsContainer.js"),Je=require("./GridClientWrapper.js"),Ut=require("./components/colGroup/GridColGroup.js"),Jt=require("./components/table/GridTable.js"),Xe=require("./components/GridDropClue.js"),Ye=require("./components/GridDragClue.js"),pe=require("./components/table/GridTableBody.js"),Xt=require("./components/PagerContainer.js"),Yt=require("./components/table/GridTableScrollable.js"),et=require("./components/GridElementContainer.js"),pt=require("./components/GridContainerElementContainer.js"),ea=require("./components/VirtualScrollHeightContainer.js"),D=require("./messages/index.js"),ta=require("./components/GridDraggableRowsContainer.js"),aa=require("./cells/rowreordercell/GridRowReorderCell.js"),na=require("./header/client/GridHeaderRowReorderCell.js"),tt=require("./components/GridLoader.js"),la=require("./utils/premium.js"),at=require("@progress/kendo-react-intl"),ia=require("./utils/virtualColumns.js"),ra=require("./components/GridEditDialog.js"),oa=require("./cells/selectioncell/GridSelectionCellServer.js"),da=require("./cells/selectioncell/GridSelectionCell.js"),sa=require("./cells/hierarchycell/GridHierarchyCellServer.js"),ca=require("./cells/rowreordercell/GridRowReorderCellServer.js"),ua=require("./cells/detailcell/GridDetailCellServer.js"),ga=require("./cells/groupcell/GridGroupCellServer.js"),ma=require("./cells/pincell/GridPinCell.js"),ba=require("./cells/pincell/GridPinCellServer.js"),fa=require("./header/client/GridHeaderPinCell.js"),Ca=require("./stacked/StackedModeComponents.js"),ha=require("./rows/GridRowRenderer.js"),wa=require("./rows/GridDetailRowRenderer.js"),nt=require("./components/StickyGroupTable.js"),lt=require("./components/PinnedRowsTable.js"),Ra=require("./getRowContents.js");function ya(e){const P=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const C in e)if(C!=="default"){const y=Object.getOwnPropertyDescriptor(e,C);Object.defineProperty(P,C,y.get?y:{enumerable:!0,get:()=>e[C]})}}return P.default=e,Object.freeze(P)}const l=ya(Bt),it=l.forwardRef((e,P)=>{var xe,Te,De,Pe,Le,Me,Be,We,Ke,Ae,ze,Fe,Oe,_e;const C=e.id+"-role-element-id",y=e.navigatable?C:"";let G=e.columnsState||[];const rt=(t,i,r,o,a,n,d)=>{const w=[],j=g.flatData(w,t,i,{index:r},o!==void 0,a,n,St.defaultExpand,d);return{flattedData:w,resolvedGroupsCount:j}},ot=t=>{const i=t.filter(r=>r&&r.type&&r.type.displayName==="KendoReactGridColumn");return g.readColumns(i,G,{prevId:0,idPrefix:y})},dt=()=>{const t=[],i=(r,o)=>r==null?void 0:r.forEach(a=>{const n=a.hidden||o;t.push({...a,hidden:n}),i(a.children,n)});return i(G,!1),t},st=t=>{const i=dt();return[t.filter(r=>{var o;return!r.hidden&&!((o=i.find(a=>a.id===r.id))!=null&&o.hidden)}),t.filter(r=>{var o;return r.hidden||((o=i.find(a=>a.id===r.id))==null?void 0:o.hidden)})]},ct=(t,i)=>{c=ot(t),c.filter(a=>!a.hidden).length===0&&(c=g.autoGenerateColumns(S,e.group,{column:q.column},{prevId:0,idPrefix:y})),gt(c,i);const[r,o]=st(c);c=r,le=o,L=g.mapColumns(c,G,!0),ie=c.map(g.clientColumn)},ut=(t,i)=>{const r=o=>{var n;const a=i.find(d=>d.id===o.id);if(a){const d={...a};return d.children=(n=o.children)==null?void 0:n.map(r),d}return g.getColumnState(o)};G=t.filter(o=>o.parentIndex===-1).map(r)},gt=(t,i)=>{t.filter(n=>n.columnType==="checkbox").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?da.GridSelectionCell:oa.GridSelectionCellServer,n.defaultHeaderCell=Vt.GridHeaderSelectionCell,n._type="edit"}),I!==void 0&&t.filter(n=>n.columnType==="reorder").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?aa.GridRowReorderCell:ca.GridRowReorderCellServer,n.defaultHeaderCell=na.GridHeaderRowReorderCell,n.sortable=!1,n.filterable=!1,n.editable=!1}),e.pinnable&&t.filter(n=>n.columnType==="pin").forEach(n=>{n.width=n.width||"48px",n.defaultCell=e.isClient?ma.GridPinCell:ba.GridPinCellServer,n.defaultHeaderCell=fa.GridHeaderPinCell,n.sortable=!1,n.filterable=!1,n.editable=!1});const r=g.getFlatColumnsState(G);ut(t,r);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(q.enabled&&e.detail){const n={...o,_type:"expand",id:R.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"expand","column"),defaultCell:e.isClient?Wt.GridHierarchyCell:sa.GridHierarchyCellServer,field:q.column,headerClassName:s.classNames(u.hierarchyCell({}))};t.unshift(n),G.unshift(r.find(d=>d.id===n.id)||g.getColumnState(n))}for(let n=0;n<i;n++){const d={...o,isAccessible:!1,defaultCell:e.isClient?_t.GridGroupCell:ga.GridGroupCellServer,defaultHeaderCell:jt.GridHeaderGroupSpacerCell,id:R.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"group","column"),field:"value",locked:e.lockGroups};t.unshift(d),G.unshift(r.find(w=>w.id===d.id)||g.getColumnState(d))}t.slice(a).forEach(n=>{n.parentIndex>=0&&(n.parentIndex+=a),n.rowSpannable=n.rowSpannable!==void 0?g.getRowSpanOptions(n.rowSpannable):se})},ae=()=>e.isClient?c:ie,ne=t=>{const i=[];let r=null,o=0;if(m.forEach((a,n)=>{let d=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)&&(d=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)?d=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)&&(d=a==null?void 0:a.maxWidth),o){o--,r&&(r.width+=d);return}const w=Math.min(g.getColSpan(a,t),m.length-n);o=w-1,r={width:d,colSpan:w,columnIndex:n},i.push(r)}),e.columnVirtualization){const a=bt.current||0,n=ft.current||parseFloat(((e.style||{}).width||"").toString());return ia.getVirtualCellsToRender({cellModels:i,columns:m,tableViewPortWidth:n,scrollLeft:a})}return i},mt=()=>{const{pageable:t,take:i,pageSize:r}=e;if(!E)return 0;if(!t){if(i)return i;if(r)return r}const o=e.rowHeight||ht.current,a=Ct.current;return a&&o?Math.ceil(a/o*1.5):0};let b=[],Q,c=[],le=[],ie=[],L=[[]];const bt=e.scrollLeftRef||{current:0},ft=e.widthRef||{current:0},Ct=e.containerHeightRef||{current:0},ht=e.minRowHeightRef||{current:0},M=e.localization||new at.LocalizationService(e.language),wt=e.intl||new at.IntlService((xe=e.locale)!=null?xe:"en"),N=e.unstyled,u=N&&N.uGrid?N.uGrid:s.uGrid,I=g.isRowReorderEnabled(e.rowReorderable),E=e.scrollable==="virtual"||e.scrollable===void 0&&e.isClient&&s.hasValidLicense(te.packageMetadata)||!1,h=e.dataLayoutMode==="stacked",k=((Te=e.group)==null?void 0:Te.length)||0,re=s.getLicenseMessage(te.packageMetadata),H=Ve.normalizeAutoProcessData(e.autoProcessData);let S,v;if(Array.isArray(e.data)?(S=e.data,v=(De=e.total)!=null?De:S.length):(S=((Pe=e.data)==null?void 0:Pe.data)||[],v=(Be=(Me=e.total)!=null?Me:(Le=e.data)==null?void 0:Le.total)!=null?Be:S.length),H){const t=Ve.processData(S,{autoProcessData:H,group:e.group,sort:e.sort,filter:e.filter,search:e.search,pageable:e.pageable,take:e.take,skip:e.skip,total:e.total,isVirtualScroll:E,includePaging:!0});S=t.data,v=t.total}const K=S.length===v,{size:f}=e,Rt=typeof e.groupable=="object"&&e.groupable.footer||"none",yt=typeof e.groupable=="object"&&!!e.groupable.stickyHeaders,Gt=typeof e.groupable=="object"&&!!e.groupable.stickyFooters,A=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,q=R.getDetailExpandableOptions(!!e.detail),St=R.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),z=!!((We=e.group)!=null&&We.length),{resolvedGroupsCount:Et,flattedData:vt}=rt(S,Rt,K?0:e.skip||0,e.group,e.detailExpand,e.groupExpand,e.dataItemKey);b=vt;const U=mt(),F=((Ke=e.virtualSkipRef)==null?void 0:Ke.current)||0;let oe=v;if(E){let t=e.skip||0;if((z||e.pageable)&&(t=F,oe=b.length),K||z||e.pageable)if(U===0){const i=Math.min(e.take||e.pageSize||20,b.length);Q=b.slice(t,t+i)}else Q=b.slice(t,t+U)}const de=R.getSelectionOptions(e.selectable),se=g.getRowSpanOptions(e.rowSpannable),kt=de&&de.drag?"none":void 0,O=l.useMemo(()=>l.Children.toArray(e.children),[e.children]);ct(O,Et);const J=l.useMemo(()=>{const t=la.gridPremiumFeatures(e,c);return{premium:t.length>0,features:t}},[e,c]),ce=l.useMemo(()=>J.premium?!s.validatePackage(te.packageMetadata,{component:"Grid",features:J.features}):!1,[J.premium]),ue=O.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?l.cloneElement(t,{...t.props,_ariaControls:C,ariaLabel:"Top toolbar"}):null),_=O.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),ge=O.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),m=c.filter(t=>t.children.length===0),me=A&&!h&&l.createElement(Ft.GroupPanel,{columns:ae(),group:e.group||[],ariaControls:C}),be=h?null:l.createElement(Kt.Header,{size:f,staticHeaders:e.scrollable!=="none",draggable:e.reorderable||A,headerRow:l.createElement(At.HeaderRow,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:A,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Qe.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:c,columnsMap:L,navigatable:!!e.navigatable,localization:M,unstyled:N,columnsState:G,headerSelectionValue:!!(e.select&&b.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&s.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[s.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&l.createElement(zt.FilterRow,{cells:e.cells,size:f,columns:c,filter:e.filter,filterOperators:e.filterOperators||Qe.operators,sort:e.sort,navigatable:!!e.navigatable,ariaRowIndex:L.length+1,localization:M})||void 0,cols:m.map((t,i)=>l.createElement("col",{key:i.toString(),width:g.getColumnWidth(t)}))}),fe=m.findIndex(t=>typeof t.colSpan=="function")>-1;let Ce;fe||(Ce=ne(null));const X=((Ae=e.editable)==null?void 0:Ae.mode)==="dialog",qt=(ze=e.editable)==null?void 0:ze.enabled,he=(Oe=(Fe=e.editZoneRef)==null?void 0:Fe.current)!=null?Oe:"body",Nt=he==="pinned"?void 0:e.edit,we=he==="body"?void 0:e.edit,B={leafColumns:m,columnsState:G,cellsToRender:Ce,getCellsToRender:ne,hasDynamicColSpan:fe,idPrefix:y,gridClasses:u,unstyled:N,localization:M,intl:wt,cells:e.cells,isRowReorderable:I,sort:e.sort,editable:e.editable,isClient:e.isClient,isEditDialog:X,dataItemKey:e.dataItemKey,select:e.select,highlight:e.highlight},It=0;let Y=null;const Re=t=>t>=b.length-It,p=[],ye=!b.length,Ge=l.useMemo(()=>{var i;const t=e.pinnedTopRows||[];return H&&((i=e.sort)!=null&&i.length)?$e.orderBy([...t],e.sort):t},[e.pinnedTopRows,e.sort,H]),Se=l.useMemo(()=>{var i;const t=e.pinnedBottomRows||[];return H&&((i=e.sort)!=null&&i.length)?$e.orderBy([...t],e.sort):t},[e.pinnedBottomRows,e.sort,H]),Ht=e.pinnable&&Ge.length>0,xt=e.pinnable&&Se.length>0;let W=0;const Tt=l.useMemo(()=>{const t=new Set;return e.pinnedTopRows&&e.pinnedTopRows.forEach(i=>t.add(i)),e.pinnedBottomRows&&e.pinnedBottomRows.forEach(i=>t.add(i)),t},[e.pinnedTopRows,e.pinnedBottomRows]);if(b.length){const t=L.length+(e.filterable?1:0)+1;let i=e.skip||0,r=-1,o=0;const a=se.enabled?{}:void 0;if(E){if(F>0){const n=b.slice(0,F).filter(d=>d.rowType==="data").length;r+=n,i+=F}!e.pageable&&K&&(r+=e.skip||0)}(Q||b).forEach((n,d)=>{var je;n.rowType==="data"&&r++;const w=n.dataIndex%2!==0,j=e.dataItemKey&&s.getter(e.dataItemKey)(n.dataItem),V=d+i,$=j||"ai"+V,T=Ra.getRowContents(B,Nt,n,$,r,w,a),Lt=n.rowType==="data"?Tt.has(n.dataItem):!1;if(W=V+t+o,X&&qt&&T.isInEdit&&(Y=n.dataItem),p.push(l.createElement(ha.GridRowRenderer,{key:$,isStackedMode:h,item:n,rowId:$,dataIndex:r,idPrefix:y,ariaRowIndex:W,absoluteRowIndex:V,isAltRow:w,isHidden:Re(d),isRowReorderable:I,rowHeight:e.rowHeight,rows:e.rows,leafColumns:m,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,cells:e.cells,editMode:(je=e.editable)==null?void 0:je.mode,isSelected:T.isSelected,isHighlighted:T.isHighlighted,isInEdit:T.isInEdit&&!X,preparedCells:T.row,showDetailToggle:!!e.detail&&!!q.enabled,isDetailExpanded:!!n.expanded,detailExpandField:q.column,isPinned:Lt})),e.detail&&n.rowType==="data"&&n.expanded){o++;const Z=$+"_1";W=V+t+o;const Mt=e.isClient?Qt.GridDetailCell:ua.GridDetailCellServer;p.push(l.createElement(wa.GridDetailRowRenderer,{key:Z,isStackedMode:h,detailRowId:Z,isHidden:Re(d),detailRowHeight:e.detailRowHeight,ariaRowIndex:W,item:n,groupLevelCount:k,groupDescriptors:e.group,lockGroups:e.lockGroups,cells:e.cells,leafColumns:m,detailExpandableEnabled:!!q.enabled,preparedCells:T.row,DetailCell:Mt,detail:e.detail,detailCellId:R.tableKeyboardNavigationTools.generateNavigatableId(`${Z}-dcell`,y),detailHierarchyCellId:q.enabled?R.tableKeyboardNavigationTools.generateNavigatableId(`${Z}-dhcell`,y):void 0,detailTrClassName:s.classNames(u.detailTr({isAlt:w})),unstyled:N}))}})}const Ee={size:f,total:v,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...Zt.normalize(e.pageable||{})},ve=l.createElement(Xt.PagerContainer,null,e.pager?l.createElement(e.pager,{...Ee}):l.createElement(R.Pager,{className:s.classNames(u.pager({})),...Ee})),Dt=(t,i)=>l.createElement("col",{key:i.toString(),width:g.getColumnWidth(t)}),ke=(_e=e.cells)!=null&&_e.footerCell||c.some(t=>{var i;return!!((i=t.cells)!=null&&i.footerCell)})?l.createElement(Ot.Footer,{size:f,staticHeaders:e.scrollable!=="none",row:l.createElement($t.FooterRow,{cells:e.cells,idPrefix:y,columns:c,ariaRowIndex:W+1}),cols:m.map(Dt)}):null,x=h?l.createElement(Ca.StackedModeColGroup,{groupLevelCount:k}):l.createElement(Ut.GridColGroup,null,m.map((t,i)=>l.createElement("col",{key:i.toString(),className:g.isSorted(t.field,e.sort)?s.classNames(u.sorted({})):void 0,width:g.getColumnWidth(t)}))),qe=e.reorderable||A,{detail:Ga,cells:Sa,rows:Ea,...Pt}=e,Ne=l.createElement("tbody",{role:"rowgroup",className:s.classNames(u.tbody({})),...R.tableKeyboardNavigationBodyAttributes},p),Ie=Y?l.createElement(ra.GridEditDialog,{columns:m,customEditDialog:e.editDialog,dataItem:Y}):null;let ee=Ne;I&&(ee=l.createElement(ta.GridReorderableRowsContainer,{unstyled:u,columns:c,rowReorderSettings:e.rowReorderable},Ne));const He={gridRef:P,innerGrid:e.innerGrid,gridProps:Pt,columnsRef:ae(),hiddenColumnsRef:le,columnsMapRef:L,columnsState:G,dataRef:b,id:C,virtualTotal:oe,isAllData:K,virtualPageSize:U,isVirtualScroll:E,detailExpandable:!!e.detail};return e.scrollable==="none"?l.createElement(Je.GridClientWrapper,{...He},l.createElement(et.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:s.classNames(u.wrapper({size:f,isStackedMode:h}),e.className),...R.tableKeyboardNavigationScopeAttributes},ue,me,l.createElement("div",{className:s.classNames(u.ariaRoot({})),role:"grid","aria-colcount":m.length,"aria-rowcount":v,id:C,"aria-label":M.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},l.createElement(Jt.GridTable,{selectable:e.selectable,tableClassName:s.classNames(u.table({size:f}))},x,be,l.createElement(pe.GridTableBody,{rowReorderable:I},ee),ke)),ye&&l.createElement(Ue.GridNoRecordsContainer,null,_.length?_:l.createElement(Ze.GridNoRecords,null)),qe&&l.createElement(l.Fragment,null,l.createElement(Xe.GridDropClue,null),l.createElement(Ye.GridDragClue,null)))),ge,e.pageable&&ve,l.createElement(tt.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ie,ce&&l.createElement(s.WatermarkOverlay,{message:re})):l.createElement(Je.GridClientWrapper,{...He},l.createElement(et.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:s.classNames(u.wrapper({size:f,virtual:E,isStackedMode:h}),e.className),...R.tableKeyboardNavigationScopeAttributes},ue,me,l.createElement("div",{className:s.classNames(u.ariaRoot({})),role:"grid","aria-colcount":m.length,"aria-rowcount":v,id:C,"aria-label":M.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},be,e.isClient&&Ht&&l.createElement(lt.PinnedRowsTable,{size:f,colGroups:x,dataRowContext:B,edit:we,position:"top",pinnedItems:Ge,isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),l.createElement("div",{className:s.classNames(u.container({})),role:"presentation"},e.isClient&&z&&yt&&l.createElement(nt.StickyGroupTable,{size:f,colGroups:x,dataRowContext:B,position:"top",isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight}),l.createElement(pt.GridContainerElementContainer,null,l.createElement("div",{className:s.classNames(u.content({})),role:"presentation"},l.createElement("div",{className:s.classNames(u.tableWrap({})),role:"presentation"},l.createElement(Yt.GridTableScrollable,{selectable:e.selectable,tableClassName:s.classNames(u.table({size:f})),tableStyle:{userSelect:kt}},x,l.createElement(pe.GridTableBody,{rowReorderable:I},ee)),ye&&l.createElement(Ue.GridNoRecordsContainer,null,_.length?_:l.createElement(Ze.GridNoRecords,null))),E&&l.createElement("div",{className:s.classNames(u.heightContainer({})),role:"presentation"},l.createElement(ea.VirtualScrollHeightContainer,{isVirtualScroll:E})))),e.isClient&&z&&Gt&&l.createElement(nt.StickyGroupTable,{size:f,colGroups:x,dataRowContext:B,position:"bottom",isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight})),e.isClient&&xt&&l.createElement(lt.PinnedRowsTable,{size:f,colGroups:x,dataRowContext:B,edit:we,position:"bottom",pinnedItems:Se,isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),ke,qe&&l.createElement(l.Fragment,null,l.createElement(Xe.GridDropClue,null),l.createElement(Ye.GridDragClue,null)),ce&&l.createElement(s.WatermarkOverlay,{message:re})),ge,e.pageable&&ve,l.createElement(tt.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ie)))});it.displayName="KendoReactGridComponent";exports.GridComponent=it;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Bt=require("react"),s=require("@progress/kendo-react-common"),R=require("@progress/kendo-react-data-tools"),Wt=require("./cells/hierarchycell/GridHierarchyCell.js"),Kt=require("./header/Header.js"),At=require("./header/HeaderRow.js"),zt=require("./header/FilterRow.js"),Ft=require("./header/GroupPanel.js"),Ot=require("./footer/Footer.js"),g=require("./utils/index.js"),Ve=require("./utils/dataProcessing.js"),$e=require("@progress/kendo-data-query"),_t=require("./cells/groupcell/GridGroupCell.js"),jt=require("./header/GridHeaderGroupSpacerCell.js"),Vt=require("./header/GridHeaderSelectionCell.js"),Ze=require("./components/noRecords/GridNoRecords.js"),Qe=require("./filterCommon.js"),$t=require("./footer/FooterRow.js"),Zt=require("./paging/GridPagerSettings.js"),te=require("./package-metadata.js"),Qt=require("./cells/detailcell/GridDetailCell.js"),Ue=require("./components/noRecords/GridNoRecordsContainer.js"),Je=require("./GridClientWrapper.js"),Ut=require("./components/colGroup/GridColGroup.js"),Jt=require("./components/table/GridTable.js"),Xe=require("./components/GridDropClue.js"),Ye=require("./components/GridDragClue.js"),pe=require("./components/table/GridTableBody.js"),Xt=require("./components/PagerContainer.js"),Yt=require("./components/table/GridTableScrollable.js"),et=require("./components/GridElementContainer.js"),pt=require("./components/GridContainerElementContainer.js"),ea=require("./components/VirtualScrollHeightContainer.js"),D=require("./messages/index.js"),ta=require("./components/GridDraggableRowsContainer.js"),aa=require("./cells/rowreordercell/GridRowReorderCell.js"),na=require("./header/client/GridHeaderRowReorderCell.js"),tt=require("./components/GridLoader.js"),la=require("./utils/premium.js"),at=require("@progress/kendo-react-intl"),ia=require("./utils/virtualColumns.js"),ra=require("./components/GridEditDialog.js"),oa=require("./cells/selectioncell/GridSelectionCellServer.js"),da=require("./cells/selectioncell/GridSelectionCell.js"),sa=require("./cells/hierarchycell/GridHierarchyCellServer.js"),ca=require("./cells/rowreordercell/GridRowReorderCellServer.js"),ua=require("./cells/detailcell/GridDetailCellServer.js"),ga=require("./cells/groupcell/GridGroupCellServer.js"),ma=require("./cells/pincell/GridPinCell.js"),ba=require("./cells/pincell/GridPinCellServer.js"),fa=require("./header/client/GridHeaderPinCell.js"),Ca=require("./stacked/StackedModeComponents.js"),ha=require("./rows/GridRowRenderer.js"),wa=require("./rows/GridDetailRowRenderer.js"),nt=require("./components/StickyGroupTable.js"),lt=require("./components/PinnedRowsTable.js"),Ra=require("./getRowContents.js");function ya(e){const P=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const C in e)if(C!=="default"){const y=Object.getOwnPropertyDescriptor(e,C);Object.defineProperty(P,C,y.get?y:{enumerable:!0,get:()=>e[C]})}}return P.default=e,Object.freeze(P)}const l=ya(Bt),it=l.forwardRef((e,P)=>{var xe,Te,De,Pe,Le,Me,Be,We,Ke,Ae,ze,Fe,Oe,_e;const C=e.id+"-role-element-id",y=e.navigatable?C:"";let G=e.columnsState||[];const rt=(t,i,r,o,a,n,d)=>{const w=[],j=g.flatData(w,t,i,{index:r},o!==void 0,a,n,St.defaultExpand,d);return{flattedData:w,resolvedGroupsCount:j}},ot=t=>{const i=t.filter(r=>r&&r.type&&r.type.displayName==="KendoReactGridColumn");return g.readColumns(i,G,{prevId:0,idPrefix:y})},dt=()=>{const t=[],i=(r,o)=>r==null?void 0:r.forEach(a=>{const n=a.hidden||o;t.push({...a,hidden:n}),i(a.children,n)});return i(G,!1),t},st=t=>{const i=dt();return[t.filter(r=>{var o;return!r.hidden&&!((o=i.find(a=>a.id===r.id))!=null&&o.hidden)}),t.filter(r=>{var o;return r.hidden||((o=i.find(a=>a.id===r.id))==null?void 0:o.hidden)})]},ct=(t,i)=>{c=ot(t),c.filter(a=>!a.hidden).length===0&&(c=g.autoGenerateColumns(S,e.group,{column:q.column},{prevId:0,idPrefix:y})),gt(c,i);const[r,o]=st(c);c=r,le=o,L=g.mapColumns(c,G,!0),ie=c.map(g.clientColumn)},ut=(t,i)=>{const r=o=>{var n;const a=i.find(d=>d.id===o.id);if(a){const d={...a};return d.children=(n=o.children)==null?void 0:n.map(r),d}return g.getColumnState(o)};G=t.filter(o=>o.parentIndex===-1).map(r)},gt=(t,i)=>{t.filter(n=>n.columnType==="checkbox").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?da.GridSelectionCell:oa.GridSelectionCellServer,n.defaultHeaderCell=Vt.GridHeaderSelectionCell,n._type="edit"}),I!==void 0&&t.filter(n=>n.columnType==="reorder").forEach(n=>{n.width=n.width||"50px",n.defaultCell=e.isClient?aa.GridRowReorderCell:ca.GridRowReorderCellServer,n.defaultHeaderCell=na.GridHeaderRowReorderCell,n.sortable=!1,n.filterable=!1,n.editable=!1}),e.pinnable&&t.filter(n=>n.columnType==="pin").forEach(n=>{n.width=n.width||"48px",n.defaultCell=e.isClient?ma.GridPinCell:ba.GridPinCellServer,n.defaultHeaderCell=fa.GridHeaderPinCell,n.sortable=!1,n.filterable=!1,n.editable=!1});const r=g.getFlatColumnsState(G);ut(t,r);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(q.enabled&&e.detail){const n={...o,_type:"expand",id:R.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"expand","column"),defaultCell:e.isClient?Wt.GridHierarchyCell:sa.GridHierarchyCellServer,field:q.column,headerClassName:s.classNames(u.hierarchyCell({}))};t.unshift(n),G.unshift(r.find(d=>d.id===n.id)||g.getColumnState(n))}for(let n=0;n<i;n++){const d={...o,isAccessible:!1,defaultCell:e.isClient?_t.GridGroupCell:ga.GridGroupCellServer,defaultHeaderCell:jt.GridHeaderGroupSpacerCell,id:R.tableKeyboardNavigationTools.generateNavigatableId(`${a++}`,"group","column"),field:"value",locked:e.lockGroups};t.unshift(d),G.unshift(r.find(w=>w.id===d.id)||g.getColumnState(d))}t.slice(a).forEach(n=>{n.parentIndex>=0&&(n.parentIndex+=a),n.rowSpannable=n.rowSpannable!==void 0?g.getRowSpanOptions(n.rowSpannable):se})},ae=()=>e.isClient?c:ie,ne=t=>{const i=[];let r=null,o=0;if(m.forEach((a,n)=>{let d=parseFloat(((a==null?void 0: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)&&(d=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)?d=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)&&(d=a==null?void 0:a.maxWidth),o){o--,r&&(r.width+=d);return}const w=Math.min(g.getColSpan(a,t),m.length-n);o=w-1,r={width:d,colSpan:w,columnIndex:n},i.push(r)}),e.columnVirtualization){const a=bt.current||0,n=ft.current||parseFloat(((e.style||{}).width||"").toString());return ia.getVirtualCellsToRender({cellModels:i,columns:m,tableViewPortWidth:n,scrollLeft:a})}return i},mt=()=>{const{pageable:t,take:i,pageSize:r}=e;if(!E)return 0;if(!t){if(i)return i;if(r)return r}const o=e.rowHeight||ht.current,a=Ct.current;return a&&o?Math.ceil(a/o*1.5):0};let b=[],Q,c=[],le=[],ie=[],L=[[]];const bt=e.scrollLeftRef||{current:0},ft=e.widthRef||{current:0},Ct=e.containerHeightRef||{current:0},ht=e.minRowHeightRef||{current:0},M=e.localization||new at.LocalizationService(e.language),wt=e.intl||new at.IntlService((xe=e.locale)!=null?xe:"en"),N=e.unstyled,u=N&&N.uGrid?N.uGrid:s.uGrid,I=g.isRowReorderEnabled(e.rowReorderable),E=e.scrollable==="virtual"||e.scrollable===void 0&&e.isClient&&s.hasValidLicense(te.packageMetadata)||!1,h=e.dataLayoutMode==="stacked",k=((Te=e.group)==null?void 0:Te.length)||0,re=s.getLicenseMessage(te.packageMetadata),H=Ve.normalizeAutoProcessData(e.autoProcessData);let S,v;if(Array.isArray(e.data)?(S=e.data,v=(De=e.total)!=null?De:S.length):(S=((Pe=e.data)==null?void 0:Pe.data)||[],v=(Be=(Me=e.total)!=null?Me:(Le=e.data)==null?void 0:Le.total)!=null?Be:S.length),H){const t=Ve.processData(S,{autoProcessData:H,group:e.group,sort:e.sort,filter:e.filter,search:e.search,pageable:e.pageable,take:e.take,skip:e.skip,total:e.total,isVirtualScroll:E,includePaging:!0});S=t.data,v=t.total}const K=S.length===v,{size:f}=e,Rt=typeof e.groupable=="object"&&e.groupable.footer||"none",yt=typeof e.groupable=="object"&&!!e.groupable.stickyHeaders,Gt=typeof e.groupable=="object"&&!!e.groupable.stickyFooters,A=e.groupable===!0||typeof e.groupable=="object"&&e.groupable.enabled!==!1,q=R.getDetailExpandableOptions(!!e.detail),St=R.getGroupExpandableOptions(typeof e.groupable=="object"&&e.groupable.enabled!==!1?e.groupable.expandable:e.groupable),z=!!((We=e.group)!=null&&We.length),{resolvedGroupsCount:Et,flattedData:vt}=rt(S,Rt,K?0:e.skip||0,e.group,e.detailExpand,e.groupExpand,e.dataItemKey);b=vt;const U=mt(),F=((Ke=e.virtualSkipRef)==null?void 0:Ke.current)||0;let oe=v;if(E){let t=e.skip||0;if((z||e.pageable)&&(t=F,oe=b.length),K||z||e.pageable)if(U===0){const i=Math.min(e.take||e.pageSize||20,b.length);Q=b.slice(t,t+i)}else Q=b.slice(t,t+U)}const de=R.getSelectionOptions(e.selectable),se=g.getRowSpanOptions(e.rowSpannable),kt=de&&de.drag?"none":void 0,O=l.useMemo(()=>l.Children.toArray(e.children),[e.children]);ct(O,Et);const J=l.useMemo(()=>{const t=la.gridPremiumFeatures(e,c);return{premium:t.length>0,features:t}},[e,c]),ce=l.useMemo(()=>J.premium?!s.validatePackage(te.packageMetadata,{component:"Grid",features:J.features}):!1,[J.premium]),ue=O.map(t=>t&&t.type&&t.type.displayName==="KendoReactGridToolbar"?l.cloneElement(t,{...t.props,_ariaControls:C,ariaLabel:"Top toolbar"}):null),_=O.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridNoRecords"),ge=O.filter(t=>t&&t.type&&t.type.displayName==="KendoReactGridStatusBar"),m=c.filter(t=>t.children.length===0),me=A&&!h&&l.createElement(Ft.GroupPanel,{columns:ae(),group:e.group||[],ariaControls:C}),be=h?null:l.createElement(Kt.Header,{size:f,staticHeaders:e.scrollable!=="none",draggable:e.reorderable||A,headerRow:l.createElement(At.HeaderRow,{cells:e.cells,sort:e.sort,sortable:e.sortable,group:e.group||[],groupable:A,filter:e.filter,filterable:e.filterable,filterOperators:e.filterOperators||Qe.operators,columnMenu:e.columnMenu,columnMenuIcon:e.columnMenuIcon,columns:c,columnsMap:L,navigatable:!!e.navigatable,localization:M,unstyled:N,columnsState:G,headerSelectionValue:!!(e.select&&b.filter(t=>t.rowType==="data").every(t=>e.select&&e.dataItemKey&&s.getter(e.dataItemKey)(t.dataItem)!==void 0?e.select[s.getter(e.dataItemKey)(t.dataItem)]:void 0))}),filterRow:e.filterable&&l.createElement(zt.FilterRow,{cells:e.cells,size:f,columns:c,filter:e.filter,filterOperators:e.filterOperators||Qe.operators,sort:e.sort,navigatable:!!e.navigatable,ariaRowIndex:L.length+1,localization:M})||void 0,cols:m.map((t,i)=>l.createElement("col",{key:i.toString(),width:g.getColumnWidth(t)}))}),fe=m.findIndex(t=>typeof t.colSpan=="function")>-1;let Ce;fe||(Ce=ne(null));const X=((Ae=e.editable)==null?void 0:Ae.mode)==="dialog",qt=(ze=e.editable)==null?void 0:ze.enabled,he=(Oe=(Fe=e.editZoneRef)==null?void 0:Fe.current)!=null?Oe:"body",Nt=he==="pinned"?void 0:e.edit,we=he==="body"?void 0:e.edit,B={leafColumns:m,columnsState:G,cellsToRender:Ce,getCellsToRender:ne,hasDynamicColSpan:fe,idPrefix:y,gridClasses:u,unstyled:N,localization:M,intl:wt,cells:e.cells,isRowReorderable:I,sort:e.sort,editable:e.editable,isClient:e.isClient,isEditDialog:X,dataItemKey:e.dataItemKey,select:e.select,highlight:e.highlight},It=0;let Y=null;const Re=t=>t>=b.length-It,p=[],ye=!b.length,Ge=l.useMemo(()=>{var i;const t=e.pinnedTopRows||[];return H&&((i=e.sort)!=null&&i.length)?$e.orderBy([...t],e.sort):t},[e.pinnedTopRows,e.sort,H]),Se=l.useMemo(()=>{var i;const t=e.pinnedBottomRows||[];return H&&((i=e.sort)!=null&&i.length)?$e.orderBy([...t],e.sort):t},[e.pinnedBottomRows,e.sort,H]),Ht=e.pinnable&&Ge.length>0,xt=e.pinnable&&Se.length>0;let W=0;const Tt=l.useMemo(()=>{const t=new Set;return e.pinnedTopRows&&e.pinnedTopRows.forEach(i=>t.add(i)),e.pinnedBottomRows&&e.pinnedBottomRows.forEach(i=>t.add(i)),t},[e.pinnedTopRows,e.pinnedBottomRows]);if(b.length){const t=L.length+(e.filterable?1:0)+1;let i=e.skip||0,r=-1,o=0;const a=se.enabled?{}:void 0;if(E){if(F>0){const n=b.slice(0,F).filter(d=>d.rowType==="data").length;r+=n,i+=F}!e.pageable&&K&&(r+=e.skip||0)}(Q||b).forEach((n,d)=>{var je;n.rowType==="data"&&r++;const w=n.dataIndex%2!==0,j=e.dataItemKey&&s.getter(e.dataItemKey)(n.dataItem),V=d+i,$=j||"ai"+V,T=Ra.getRowContents(B,Nt,n,$,r,w,a),Lt=n.rowType==="data"?Tt.has(n.dataItem):!1;if(W=V+t+o,X&&qt&&T.isInEdit&&(Y=n.dataItem),p.push(l.createElement(ha.GridRowRenderer,{key:$,isStackedMode:h,item:n,rowId:$,dataIndex:r,idPrefix:y,ariaRowIndex:W,absoluteRowIndex:V,isAltRow:w,isHidden:Re(d),isRowReorderable:I,rowHeight:e.rowHeight,rows:e.rows,leafColumns:m,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,cells:e.cells,editMode:(je=e.editable)==null?void 0:je.mode,isSelected:T.isSelected,isHighlighted:T.isHighlighted,isInEdit:T.isInEdit&&!X,preparedCells:T.row,showDetailToggle:!!e.detail&&!!q.enabled,isDetailExpanded:!!n.expanded,detailExpandField:q.column,isPinned:Lt})),e.detail&&n.rowType==="data"&&n.expanded){o++;const Z=$+"_1";W=V+t+o;const Mt=e.isClient?Qt.GridDetailCell:ua.GridDetailCellServer;p.push(l.createElement(wa.GridDetailRowRenderer,{key:Z,isStackedMode:h,detailRowId:Z,isHidden:Re(d),detailRowHeight:e.detailRowHeight,ariaRowIndex:W,item:n,groupLevelCount:k,groupDescriptors:e.group,lockGroups:e.lockGroups,cells:e.cells,leafColumns:m,detailExpandableEnabled:!!q.enabled,preparedCells:T.row,DetailCell:Mt,detail:e.detail,detailCellId:R.tableKeyboardNavigationTools.generateNavigatableId(`${Z}-dcell`,y),detailHierarchyCellId:q.enabled?R.tableKeyboardNavigationTools.generateNavigatableId(`${Z}-dhcell`,y):void 0,detailTrClassName:s.classNames(u.detailTr({isAlt:w})),unstyled:N}))}})}const Ee={size:f,total:v,skip:e.skip||0,take:(e.take!==void 0?e.take:e.pageSize)||10,...Zt.normalize(e.pageable||{})},ve=l.createElement(Xt.PagerContainer,null,e.pager?l.createElement(e.pager,{...Ee}):l.createElement(R.Pager,{className:s.classNames(u.pager({})),...Ee})),Dt=(t,i)=>l.createElement("col",{key:i.toString(),width:g.getColumnWidth(t)}),ke=(_e=e.cells)!=null&&_e.footerCell||c.some(t=>{var i;return!!((i=t.cells)!=null&&i.footerCell)})?l.createElement(Ot.Footer,{size:f,staticHeaders:e.scrollable!=="none",row:l.createElement($t.FooterRow,{cells:e.cells,idPrefix:y,columns:c,ariaRowIndex:W+1}),cols:m.map(Dt)}):null,x=h?l.createElement(Ca.StackedModeColGroup,{groupLevelCount:k}):l.createElement(Ut.GridColGroup,null,m.map((t,i)=>l.createElement("col",{key:i.toString(),className:g.isSorted(t.field,e.sort)?s.classNames(u.sorted({})):void 0,width:g.getColumnWidth(t)}))),qe=e.reorderable||A,{detail:Ga,cells:Sa,rows:Ea,...Pt}=e,Ne=l.createElement("tbody",{role:"rowgroup",className:s.classNames(u.tbody({})),...R.tableKeyboardNavigationBodyAttributes},p),Ie=Y?l.createElement(ra.GridEditDialog,{columns:m,customEditDialog:e.editDialog,dataItem:Y}):null;let ee=Ne;I&&(ee=l.createElement(ta.GridReorderableRowsContainer,{unstyled:u,columns:c,rowReorderSettings:e.rowReorderable},Ne));const He={gridRef:P,innerGrid:e.innerGrid,gridProps:Pt,columnsRef:ae(),hiddenColumnsRef:le,columnsMapRef:L,columnsState:G,dataRef:b,id:C,virtualTotal:oe,isAllData:K,virtualPageSize:U,isVirtualScroll:E,detailExpandable:!!e.detail};return e.scrollable==="none"?l.createElement(Je.GridClientWrapper,{...He},l.createElement(et.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:s.classNames(u.wrapper({size:f,isStackedMode:h}),e.className),...R.tableKeyboardNavigationScopeAttributes},ue,me,l.createElement("div",{className:s.classNames(u.ariaRoot({})),role:"grid","aria-colcount":m.length,"aria-rowcount":v,id:C,"aria-label":M.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},l.createElement(Jt.GridTable,{selectable:e.selectable,tableClassName:s.classNames(u.table({size:f}))},x,be,l.createElement(pe.GridTableBody,{rowReorderable:I},ee),ke)),ye&&l.createElement(Ue.GridNoRecordsContainer,null,_.length?_:l.createElement(Ze.GridNoRecords,null)),qe&&l.createElement(l.Fragment,null,l.createElement(Xe.GridDropClue,null),l.createElement(Ye.GridDragClue,null)))),ge,e.pageable&&ve,l.createElement(tt.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ie,ce&&l.createElement(s.WatermarkOverlay,{message:re})):l.createElement(Je.GridClientWrapper,{...He},l.createElement(et.GridElementContainer,null,l.createElement("div",{id:e.id,style:e.style,className:s.classNames(u.wrapper({size:f,virtual:E,isStackedMode:h}),e.className),...R.tableKeyboardNavigationScopeAttributes},ue,me,l.createElement("div",{className:s.classNames(u.ariaRoot({})),role:"grid","aria-colcount":m.length,"aria-rowcount":v,id:C,"aria-label":M.toLanguageString(D.gridAriaLabel,D.messages[D.gridAriaLabel])},be,e.isClient&&Ht&&l.createElement(lt.PinnedRowsTable,{size:f,colGroups:x,dataRowContext:B,edit:we,position:"top",pinnedItems:Ge,isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),l.createElement("div",{className:s.classNames(u.container({})),role:"presentation"},e.isClient&&z&&yt&&l.createElement(nt.StickyGroupTable,{size:f,colGroups:x,dataRowContext:B,position:"top",isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight}),l.createElement(pt.GridContainerElementContainer,null,l.createElement("div",{className:s.classNames(u.content({})),role:"presentation"},l.createElement("div",{className:s.classNames(u.tableWrap({})),role:"presentation"},l.createElement(Yt.GridTableScrollable,{selectable:e.selectable,tableClassName:s.classNames(u.table({size:f})),tableStyle:{userSelect:kt}},x,l.createElement(pe.GridTableBody,{rowReorderable:I},ee)),ye&&l.createElement(Ue.GridNoRecordsContainer,null,_.length?_:l.createElement(Ze.GridNoRecords,null))),E&&l.createElement("div",{className:s.classNames(u.heightContainer({})),role:"presentation"},l.createElement(ea.VirtualScrollHeightContainer,{isVirtualScroll:E})))),e.isClient&&z&&Gt&&l.createElement(nt.StickyGroupTable,{size:f,colGroups:x,dataRowContext:B,position:"bottom",isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight})),e.isClient&&xt&&l.createElement(lt.PinnedRowsTable,{size:f,colGroups:x,dataRowContext:B,edit:we,position:"bottom",pinnedItems:Se,isStackedMode:h,groupLevelCount:k,stackedLayoutSettings:e.stackedLayoutSettings,rowHeight:e.rowHeight,rows:e.rows,selectable:e.selectable}),ke,qe&&l.createElement(l.Fragment,null,l.createElement(Xe.GridDropClue,null),l.createElement(Ye.GridDragClue,null)),ce&&l.createElement(s.WatermarkOverlay,{message:re})),ge,e.pageable&&ve,l.createElement(tt.GridLoader,{loader:e.loader,showLoader:e.showLoader}),Ie)))});it.displayName="KendoReactGridComponent";exports.GridComponent=it;
|
package/GridComponent.mjs
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as n from "react";
|
|
9
|
-
import { uGrid as At, hasValidLicense as Ft, getLicenseMessage as Ot, validatePackage as _t, getter as p, classNames as
|
|
9
|
+
import { uGrid as At, hasValidLicense as Ft, getLicenseMessage as Ot, validatePackage as _t, getter as p, classNames as u, WatermarkOverlay as Ze } from "@progress/kendo-react-common";
|
|
10
10
|
import { getDetailExpandableOptions as Vt, getGroupExpandableOptions as jt, getSelectionOptions as $t, tableKeyboardNavigationTools as j, Pager as Zt, tableKeyboardNavigationBodyAttributes as Ut, tableKeyboardNavigationScopeAttributes as Ue } from "@progress/kendo-react-data-tools";
|
|
11
11
|
import { GridHierarchyCell as qt } from "./cells/hierarchycell/GridHierarchyCell.mjs";
|
|
12
12
|
import { Header as Jt } from "./header/Header.mjs";
|
|
@@ -17,8 +17,8 @@ import { Footer as pt } from "./footer/Footer.mjs";
|
|
|
17
17
|
import { isRowReorderEnabled as ea, getRowSpanOptions as qe, getColumnWidth as ee, isSorted as ta, flatData as aa, autoGenerateColumns as la, mapColumns as na, clientColumn as ia, getColSpan as ra, readColumns as oa, getFlatColumnsState as da, getColumnState as te } from "./utils/index.mjs";
|
|
18
18
|
import { normalizeAutoProcessData as sa, processData as ma } from "./utils/dataProcessing.mjs";
|
|
19
19
|
import { orderBy as Je } from "@progress/kendo-data-query";
|
|
20
|
-
import { GridGroupCell as
|
|
21
|
-
import { GridHeaderGroupSpacerCell as
|
|
20
|
+
import { GridGroupCell as ua } from "./cells/groupcell/GridGroupCell.mjs";
|
|
21
|
+
import { GridHeaderGroupSpacerCell as ca } from "./header/GridHeaderGroupSpacerCell.mjs";
|
|
22
22
|
import { GridHeaderSelectionCell as fa } from "./header/GridHeaderSelectionCell.mjs";
|
|
23
23
|
import { GridNoRecords as Qe } from "./components/noRecords/GridNoRecords.mjs";
|
|
24
24
|
import { operators as Xe } from "./filterCommon.mjs";
|
|
@@ -84,7 +84,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
84
84
|
(r) => r && r.type && r.type.displayName === "KendoReactGridColumn"
|
|
85
85
|
);
|
|
86
86
|
return oa(i, w, { prevId: 0, idPrefix: E });
|
|
87
|
-
},
|
|
87
|
+
}, ut = () => {
|
|
88
88
|
const t = [], i = (r, o) => r == null ? void 0 : r.forEach((a) => {
|
|
89
89
|
const l = a.hidden || o;
|
|
90
90
|
t.push({
|
|
@@ -93,8 +93,8 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
93
93
|
}), i(a.children, l);
|
|
94
94
|
});
|
|
95
95
|
return i(w, !1), t;
|
|
96
|
-
},
|
|
97
|
-
const i =
|
|
96
|
+
}, ct = (t) => {
|
|
97
|
+
const i = ut();
|
|
98
98
|
return [
|
|
99
99
|
t.filter((r) => {
|
|
100
100
|
var o;
|
|
@@ -117,7 +117,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
117
117
|
idPrefix: E
|
|
118
118
|
}
|
|
119
119
|
)), bt(s, i);
|
|
120
|
-
const [r, o] =
|
|
120
|
+
const [r, o] = ct(s);
|
|
121
121
|
s = r, ie = o, N = na(s, w, !0), re = s.map(ia);
|
|
122
122
|
}, gt = (t, i) => {
|
|
123
123
|
const r = (o) => {
|
|
@@ -168,7 +168,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
168
168
|
id: j.generateNavigatableId(`${a++}`, "expand", "column"),
|
|
169
169
|
defaultCell: e.isClient ? qt : Pa,
|
|
170
170
|
field: v.column,
|
|
171
|
-
headerClassName:
|
|
171
|
+
headerClassName: u(m.hierarchyCell({}))
|
|
172
172
|
};
|
|
173
173
|
t.unshift(l), w.unshift(r.find((d) => d.id === l.id) || te(l));
|
|
174
174
|
}
|
|
@@ -176,8 +176,8 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
176
176
|
const d = {
|
|
177
177
|
...o,
|
|
178
178
|
isAccessible: !1,
|
|
179
|
-
defaultCell: e.isClient ?
|
|
180
|
-
defaultHeaderCell:
|
|
179
|
+
defaultCell: e.isClient ? ua : za,
|
|
180
|
+
defaultHeaderCell: ca,
|
|
181
181
|
id: j.generateNavigatableId(`${a++}`, "group", "column"),
|
|
182
182
|
field: "value",
|
|
183
183
|
locked: e.lockGroups
|
|
@@ -190,13 +190,13 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
190
190
|
}, le = () => e.isClient ? s : re, ne = (t) => {
|
|
191
191
|
const i = [];
|
|
192
192
|
let r = null, o = 0;
|
|
193
|
-
if (
|
|
194
|
-
let d = parseFloat((a.width || "").toString()) || 10;
|
|
193
|
+
if (c.forEach((a, l) => {
|
|
194
|
+
let d = parseFloat(((a == null ? void 0 : a.width) || "").toString()) || 10;
|
|
195
195
|
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) && (d = 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) ? d = 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) && (d = a == null ? void 0 : a.maxWidth), o) {
|
|
196
196
|
o--, r && (r.width += d);
|
|
197
197
|
return;
|
|
198
198
|
}
|
|
199
|
-
const h = Math.min(ra(a, t),
|
|
199
|
+
const h = Math.min(ra(a, t), c.length - l);
|
|
200
200
|
o = h - 1, r = {
|
|
201
201
|
width: d,
|
|
202
202
|
colSpan: h,
|
|
@@ -206,7 +206,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
206
206
|
const a = wt.current || 0, l = Ct.current || parseFloat(((e.style || {}).width || "").toString());
|
|
207
207
|
return La({
|
|
208
208
|
cellModels: i,
|
|
209
|
-
columns:
|
|
209
|
+
columns: c,
|
|
210
210
|
tableViewPortWidth: l,
|
|
211
211
|
scrollLeft: a
|
|
212
212
|
});
|
|
@@ -275,9 +275,9 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
275
275
|
premium: t.length > 0,
|
|
276
276
|
features: t
|
|
277
277
|
};
|
|
278
|
-
}, [e, s]),
|
|
278
|
+
}, [e, s]), ue = n.useMemo(() => q.premium ? !_t(ae, { component: "Grid", features: q.features }) : !1, [q.premium]), ce = W.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? n.cloneElement(t, { ...t.props, _ariaControls: G, ariaLabel: "Top toolbar" }) : null), A = W.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), fe = W.filter(
|
|
279
279
|
(t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
|
|
280
|
-
),
|
|
280
|
+
), c = s.filter((t) => t.children.length === 0), ge = M && !b && /* @__PURE__ */ n.createElement(Yt, { columns: le(), group: e.group || [], ariaControls: G }), be = b ? null : /* @__PURE__ */ n.createElement(
|
|
281
281
|
Jt,
|
|
282
282
|
{
|
|
283
283
|
size: g,
|
|
@@ -321,13 +321,13 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
321
321
|
localization: D
|
|
322
322
|
}
|
|
323
323
|
) || void 0,
|
|
324
|
-
cols:
|
|
324
|
+
cols: c.map((t, i) => /* @__PURE__ */ n.createElement("col", { key: i.toString(), width: ee(t) }))
|
|
325
325
|
}
|
|
326
|
-
), he =
|
|
326
|
+
), he = c.findIndex((t) => typeof t.colSpan == "function") > -1;
|
|
327
327
|
let we;
|
|
328
328
|
he || (we = ne(null));
|
|
329
329
|
const J = ((Fe = e.editable) == null ? void 0 : Fe.mode) === "dialog", Lt = (Oe = e.editable) == null ? void 0 : Oe.enabled, Ce = (Ve = (_e = e.editZoneRef) == null ? void 0 : _e.current) != null ? Ve : "body", Nt = Ce === "pinned" ? void 0 : e.edit, Re = Ce === "body" ? void 0 : e.edit, T = {
|
|
330
|
-
leafColumns:
|
|
330
|
+
leafColumns: c,
|
|
331
331
|
columnsState: w,
|
|
332
332
|
cellsToRender: we,
|
|
333
333
|
getCellsToRender: ne,
|
|
@@ -394,7 +394,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
394
394
|
isRowReorderable: k,
|
|
395
395
|
rowHeight: e.rowHeight,
|
|
396
396
|
rows: e.rows,
|
|
397
|
-
leafColumns:
|
|
397
|
+
leafColumns: c,
|
|
398
398
|
groupLevelCount: S,
|
|
399
399
|
stackedLayoutSettings: e.stackedLayoutSettings,
|
|
400
400
|
cells: e.cells,
|
|
@@ -429,14 +429,14 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
429
429
|
groupDescriptors: e.group,
|
|
430
430
|
lockGroups: e.lockGroups,
|
|
431
431
|
cells: e.cells,
|
|
432
|
-
leafColumns:
|
|
432
|
+
leafColumns: c,
|
|
433
433
|
detailExpandableEnabled: !!v.enabled,
|
|
434
434
|
preparedCells: L.row,
|
|
435
435
|
DetailCell: Wt,
|
|
436
436
|
detail: e.detail,
|
|
437
437
|
detailCellId: j.generateNavigatableId(`${V}-dcell`, E),
|
|
438
438
|
detailHierarchyCellId: v.enabled ? j.generateNavigatableId(`${V}-dhcell`, E) : void 0,
|
|
439
|
-
detailTrClassName:
|
|
439
|
+
detailTrClassName: u(m.detailTr({ isAlt: h })),
|
|
440
440
|
unstyled: I
|
|
441
441
|
}
|
|
442
442
|
)
|
|
@@ -450,7 +450,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
450
450
|
skip: e.skip || 0,
|
|
451
451
|
take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
|
|
452
452
|
...ba(e.pageable || {})
|
|
453
|
-
}, Ie = /* @__PURE__ */ n.createElement(Ra, null, e.pager ? /* @__PURE__ */ n.createElement(e.pager, { ...Ge }) : /* @__PURE__ */ n.createElement(Zt, { className:
|
|
453
|
+
}, Ie = /* @__PURE__ */ n.createElement(Ra, null, e.pager ? /* @__PURE__ */ n.createElement(e.pager, { ...Ge }) : /* @__PURE__ */ n.createElement(Zt, { className: u(m.pager({})), ...Ge })), Mt = (t, i) => /* @__PURE__ */ n.createElement("col", { key: i.toString(), width: ee(t) }), ke = (je = e.cells) != null && je.footerCell || s.some((t) => {
|
|
454
454
|
var i;
|
|
455
455
|
return !!((i = t.cells) != null && i.footerCell);
|
|
456
456
|
}) ? /* @__PURE__ */ n.createElement(
|
|
@@ -467,24 +467,24 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
467
467
|
ariaRowIndex: P + 1
|
|
468
468
|
}
|
|
469
469
|
),
|
|
470
|
-
cols:
|
|
470
|
+
cols: c.map(Mt)
|
|
471
471
|
}
|
|
472
|
-
) : null, H = b ? /* @__PURE__ */ n.createElement(Fa, { groupLevelCount: S }) : /* @__PURE__ */ n.createElement(wa, null,
|
|
472
|
+
) : null, H = b ? /* @__PURE__ */ n.createElement(Fa, { groupLevelCount: S }) : /* @__PURE__ */ n.createElement(wa, null, c.map((t, i) => /* @__PURE__ */ n.createElement(
|
|
473
473
|
"col",
|
|
474
474
|
{
|
|
475
475
|
key: i.toString(),
|
|
476
|
-
className: ta(t.field, e.sort) ?
|
|
476
|
+
className: ta(t.field, e.sort) ? u(m.sorted({})) : void 0,
|
|
477
477
|
width: ee(t)
|
|
478
478
|
}
|
|
479
479
|
))), xe = e.reorderable || M, { detail: $a, cells: Za, rows: Ua, ...zt } = e, He = /* @__PURE__ */ n.createElement(
|
|
480
480
|
"tbody",
|
|
481
481
|
{
|
|
482
482
|
role: "rowgroup",
|
|
483
|
-
className:
|
|
483
|
+
className: u(m.tbody({})),
|
|
484
484
|
...Ut
|
|
485
485
|
},
|
|
486
486
|
X
|
|
487
|
-
), Le = Q ? /* @__PURE__ */ n.createElement(Na, { columns:
|
|
487
|
+
), Le = Q ? /* @__PURE__ */ n.createElement(Na, { columns: c, customEditDialog: e.editDialog, dataItem: Q }) : null;
|
|
488
488
|
let Y = He;
|
|
489
489
|
k && (Y = /* @__PURE__ */ n.createElement(
|
|
490
490
|
va,
|
|
@@ -516,17 +516,17 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
516
516
|
{
|
|
517
517
|
id: e.id,
|
|
518
518
|
style: e.style,
|
|
519
|
-
className:
|
|
519
|
+
className: u(m.wrapper({ size: g, isStackedMode: b }), e.className),
|
|
520
520
|
...Ue
|
|
521
521
|
},
|
|
522
|
-
|
|
522
|
+
ce,
|
|
523
523
|
ge,
|
|
524
524
|
/* @__PURE__ */ n.createElement(
|
|
525
525
|
"div",
|
|
526
526
|
{
|
|
527
|
-
className:
|
|
527
|
+
className: u(m.ariaRoot({})),
|
|
528
528
|
role: "grid",
|
|
529
|
-
"aria-colcount":
|
|
529
|
+
"aria-colcount": c.length,
|
|
530
530
|
"aria-rowcount": y,
|
|
531
531
|
id: G,
|
|
532
532
|
"aria-label": D.toLanguageString($, nt[$])
|
|
@@ -535,7 +535,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
535
535
|
Ca,
|
|
536
536
|
{
|
|
537
537
|
selectable: e.selectable,
|
|
538
|
-
tableClassName:
|
|
538
|
+
tableClassName: u(m.table({ size: g }))
|
|
539
539
|
},
|
|
540
540
|
H,
|
|
541
541
|
be,
|
|
@@ -545,12 +545,12 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
545
545
|
),
|
|
546
546
|
Ee && /* @__PURE__ */ n.createElement(Ye, null, A.length ? A : /* @__PURE__ */ n.createElement(Qe, null)),
|
|
547
547
|
xe && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(et, null), /* @__PURE__ */ n.createElement(tt, null))
|
|
548
|
-
)), fe, e.pageable && Ie, /* @__PURE__ */ n.createElement(it, { loader: e.loader, showLoader: e.showLoader }), Le,
|
|
548
|
+
)), fe, e.pageable && Ie, /* @__PURE__ */ n.createElement(it, { loader: e.loader, showLoader: e.showLoader }), Le, ue && /* @__PURE__ */ n.createElement(Ze, { message: oe })) : /* @__PURE__ */ n.createElement(pe, { ...Ne }, /* @__PURE__ */ n.createElement(lt, null, /* @__PURE__ */ n.createElement(
|
|
549
549
|
"div",
|
|
550
550
|
{
|
|
551
551
|
id: e.id,
|
|
552
552
|
style: e.style,
|
|
553
|
-
className:
|
|
553
|
+
className: u(
|
|
554
554
|
m.wrapper({
|
|
555
555
|
size: g,
|
|
556
556
|
virtual: R,
|
|
@@ -560,14 +560,14 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
560
560
|
),
|
|
561
561
|
...Ue
|
|
562
562
|
},
|
|
563
|
-
|
|
563
|
+
ce,
|
|
564
564
|
ge,
|
|
565
565
|
/* @__PURE__ */ n.createElement(
|
|
566
566
|
"div",
|
|
567
567
|
{
|
|
568
|
-
className:
|
|
568
|
+
className: u(m.ariaRoot({})),
|
|
569
569
|
role: "grid",
|
|
570
|
-
"aria-colcount":
|
|
570
|
+
"aria-colcount": c.length,
|
|
571
571
|
"aria-rowcount": y,
|
|
572
572
|
id: G,
|
|
573
573
|
"aria-label": D.toLanguageString($, nt[$])
|
|
@@ -590,7 +590,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
590
590
|
selectable: e.selectable
|
|
591
591
|
}
|
|
592
592
|
),
|
|
593
|
-
/* @__PURE__ */ n.createElement("div", { className:
|
|
593
|
+
/* @__PURE__ */ n.createElement("div", { className: u(m.container({})), role: "presentation" }, e.isClient && z && vt && /* @__PURE__ */ n.createElement(
|
|
594
594
|
rt,
|
|
595
595
|
{
|
|
596
596
|
size: g,
|
|
@@ -602,11 +602,11 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
602
602
|
stackedLayoutSettings: e.stackedLayoutSettings,
|
|
603
603
|
rowHeight: e.rowHeight
|
|
604
604
|
}
|
|
605
|
-
), /* @__PURE__ */ n.createElement(Ea, null, /* @__PURE__ */ n.createElement("div", { className:
|
|
605
|
+
), /* @__PURE__ */ n.createElement(Ea, null, /* @__PURE__ */ n.createElement("div", { className: u(m.content({})), role: "presentation" }, /* @__PURE__ */ n.createElement("div", { className: u(m.tableWrap({})), role: "presentation" }, /* @__PURE__ */ n.createElement(
|
|
606
606
|
ya,
|
|
607
607
|
{
|
|
608
608
|
selectable: e.selectable,
|
|
609
|
-
tableClassName:
|
|
609
|
+
tableClassName: u(
|
|
610
610
|
m.table({
|
|
611
611
|
size: g
|
|
612
612
|
})
|
|
@@ -618,7 +618,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
618
618
|
), Ee && /* @__PURE__ */ n.createElement(Ye, null, A.length ? A : /* @__PURE__ */ n.createElement(Qe, null))), R && /* @__PURE__ */ n.createElement(
|
|
619
619
|
"div",
|
|
620
620
|
{
|
|
621
|
-
className:
|
|
621
|
+
className: u(m.heightContainer({})),
|
|
622
622
|
role: "presentation"
|
|
623
623
|
},
|
|
624
624
|
/* @__PURE__ */ n.createElement(Sa, { isVirtualScroll: R })
|
|
@@ -654,7 +654,7 @@ const ja = n.forwardRef((e, dt) => {
|
|
|
654
654
|
),
|
|
655
655
|
ke,
|
|
656
656
|
xe && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(et, null), /* @__PURE__ */ n.createElement(tt, null)),
|
|
657
|
-
|
|
657
|
+
ue && /* @__PURE__ */ n.createElement(Ze, { message: oe })
|
|
658
658
|
),
|
|
659
659
|
fe,
|
|
660
660
|
e.pageable && Ie,
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),y=require("../../utils/GridContext.js"),
|
|
9
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),y=require("../../utils/GridContext.js"),r=require("@progress/kendo-react-data-tools"),C=require("@progress/kendo-react-common"),u=require("../hooks.js");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const d=g(f),m=(e,n)=>{const t=d.useContext(y.GridContext),a=r.useTableKeyboardNavigation(e.id),i=u.useContextMenuHandler(e.dataItem,e.field),s=u.usePositionStyle(e),c=d.useCallback(o=>{o.isDefaultPrevented()||o.keyCode===C.Keys.enter&&(t!=null&&t.itemChange)&&(o.preventDefault(),t.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:o,field:void 0,value:!e.expanded}),t.dispatchGroupExpand({type:r.GROUP_EXPAND_ACTION.TOGGLE,group:e.group},o))},[t,e.dataItem,e.dataIndex,e.expanded,e.group]);return{...a,...n?{onKeyDown:c}:{},onContextMenu:i,style:s}};exports.useGroupCellClientTdProps=m;
|