@progress/kendo-react-grid 14.3.0-develop.6 → 14.3.0-develop.7

package/stacked/GridStackedRow.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Te=require("react"),U=require("@progress/kendo-react-common"),se=require("./GridStackedCell.js"),he=require("./GridStackedDetailToggle.js"),ve=require("../cells/editcell/GridEditCellEditor.js"),De=require("../utils/GridContext.js"),k=require("@progress/kendo-react-data-tools"),we=require("../GridState.js");function Ce(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const p in s)if(p!=="default"){const c=Object.getOwnPropertyDescriptor(s,p);Object.defineProperty(a,p,c.get?c:{enumerable:!0,get:()=>s[p]})}}return a.default=s,Object.freeze(a)}const o=Ce(Te),Se=s=>o.createElement("div",{style:{display:"contents"}},s.children),ge=s=>{if(s!=null&&s.cols&&typeof s.cols!="number")return s.cols.map(a=>typeof a=="number"?`${a}px`:typeof a=="string"?a:a&&typeof a=="object"&&a.width!==void 0?typeof a.width=="number"?`${a.width}px`:a.width:"1fr").join(" ")},Ne=s=>s!=null&&s.cols?typeof s.cols=="number"?s.cols:s.cols.length:1,S=s=>typeof s=="function"||typeof s=="object"&&s!==null&&typeof s.$$typeof=="symbol",Re=(s,a)=>{var p,c;if(s.cell&&S(s.cell))return s.cell;if((p=s.cells)!=null&&p.stackedData&&S(s.cells.stackedData))return s.cells.stackedData;if(a!=null&&a.stackedData&&S(a.stackedData))return a.stackedData;if((c=s.cells)!=null&&c.data&&S(s.cells.data))return s.cells.data;if(a!=null&&a.data&&S(a.data))return a.data},Pe=(s,a)=>{if(!s||!a)return;const p=s.split(".");let c=a;for(const d of p){if(c==null)return;c=c[d]}return c},ne=s=>{const{dataItem:a,columns:p,stackedLayoutSettings:c,dataIndex:d,isAltRow:W,isSelected:X,isInEdit:D,editMode:I,cells:O,idPrefix:$,className:Y,style:j,ariaRowIndex:oe,absoluteRowIndex:g,groupLevel:x=0,preparedCells:K,showDetailToggle:re,isDetailExpanded:ce,detailExpandField:ie}=s,t=o.useContext(De.GridContext),[G,,T]=we.useGridState(),L=o.useMemo(()=>ge(c),[c]),q=o.useMemo(()=>Ne(c),[c]),[J,N]=o.useState(!1),R=o.useRef(null),w=o.useRef(null),A=o.useRef(new Map),V=o.useRef(!1);o.useLayoutEffect(()=>{if(!D||I!=="inline"){V.current=!1,A.current.clear();return}V.current||(V.current=!0,w.current=0,setTimeout(()=>{const e=R.current;if(!e||e.contains(document.activeElement))return;const l=e.querySelector('[data-grid-col-index="0"]'),i=(l?k.tableKeyboardNavigationTools.getStackedCellFocusableElements(l):[])[0];if(i){i.focus();return}const n=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(e);n[0]&&n[0].focus()},0))},[D,I]),o.useEffect(()=>{const e=r=>{const i=R.current;setTimeout(()=>{const n=document.activeElement;i&&!i.contains(n)&&N(!1)},0)},l=R.current;if(l)return l.addEventListener("focusout",e),()=>{l.removeEventListener("focusout",e)}},[]);const C=o.useMemo(()=>p.filter(e=>{const l=!!e._type,r=e.isAccessible===!1;return!e.hidden&&!l&&!r&&(e.columnType==="data"||e.columnType===void 0)}),[p]),Q=o.useCallback((e,l)=>{if(!e.field)return null;const r=Pe(e.field,l);return r==null?null:String(r)},[]),ue=o.useMemo(()=>U.classNames("k-table-row","k-master-row",Y,{"k-table-alt-row":W,"k-selected":X,"k-grid-edit-row":D&&I==="inline"}),[Y,W,X,D,I]),Z=o.useMemo(()=>typeof(c==null?void 0:c.cols)=="number"&&q>1,[c==null?void 0:c.cols,q]),de=o.useMemo(()=>U.classNames("k-grid-stack-row",{[`k-grid-cols-${q}`]:Z}),[q,Z]),fe=o.useMemo(()=>L?{gridTemplateColumns:L,...j}:j||{},[L,j]),H=o.useCallback(e=>{if(!(T!=null&&T.onEditChange)||!(t!=null&&t.dataItemKey)||!e)return;const l=a[t.dataItemKey];if(l===void 0)return;const r=G.edit||{},i=k.editReducer(r,{type:k.EDIT_ACTION.EXIT_FIELD_EDIT,payload:{id:String(l),field:e}}),n={nativeEvent:{},currentTarget:null,target:null,bubbles:!1,cancelable:!1,defaultPrevented:!1,eventPhase:0,isTrusted:!1,timeStamp:Date.now(),type:"editchange",preventDefault:()=>{},stopPropagation:()=>{},persist:()=>{},isDefaultPrevented:()=>!1,isPropagationStopped:()=>!1};T.onEditChange({edit:i,nativeEvent:{},syntheticEvent:n,target:null})},[a,t==null?void 0:t.dataItemKey,T,G.edit]),ee=o.useCallback((e,l)=>{if(!(T!=null&&T.onEditChange)||!(t!=null&&t.dataItemKey)||!e)return;const r=a[t.dataItemKey];if(r===void 0)return;const i=C.findIndex(M=>M.field===e);if(i===-1)return;const n=i+l;if(n<0||n>=C.length)return;const f=C[n].field;if(!f)return;const b=G.edit||{},P=String(r),E=k.editReducer(b,{type:k.EDIT_ACTION.EXIT_FIELD_EDIT,payload:{id:P,field:e}}),z=k.editReducer(E,{type:k.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:P,field:f}}),F={nativeEvent:{},currentTarget:null,target:null,bubbles:!1,cancelable:!1,defaultPrevented:!1,eventPhase:0,isTrusted:!1,timeStamp:Date.now(),type:"editchange",preventDefault:()=>{},stopPropagation:()=>{},persist:()=>{},isDefaultPrevented:()=>!1,isPropagationStopped:()=>!1};T.onEditChange({edit:z,nativeEvent:{},syntheticEvent:F,target:null})},[a,t==null?void 0:t.dataItemKey,T,G.edit,C]),pe=o.useCallback((e,l)=>{var ae;const r=p.indexOf(e),i=K==null?void 0:K[r],n=i==null?void 0:i.props.cellProps,f=Re(e,O),b=(ae=g!=null?g:d)!=null?ae:0,P=$?`${$}-${b}-${l}`:void 0,E=n?n.isInEdit:D&&e.editable!==!1,z=U.classNames("k-grid-stack-cell",e.className,{"k-grid-stack-edit-cell ":E}),F=u=>{var m;if(E){if(u.stopPropagation(),I==="inline"&&(w.current=l),I==="incell"){const y=u.currentTarget,v=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(y)[0],_=document.activeElement;v&&_!==v&&!v.contains(_)&&v.focus()}return}(m=t==null?void 0:t.cellClick)==null||m.call(t,u,a,e.field)},M=u=>{const m=u.target,y=u.currentTarget;if(u.key==="Tab"&&m!==y)return;if(u.key==="Enter"&&m===y&&!E&&e.editable!==!1){F(u);return}k.handleStackedKeyboardNavigation({event:u,cellElement:y,onEscape:()=>N(!1),onExitEdit:()=>H(e.field),onTabToNextCell:v=>ee(e.field,v),isInEdit:E,editMode:I})},te=u=>{if(u&&E&&I==="incell"){const y=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(u)[0],h=document.activeElement;if(!y||!h||y===h||y.contains(h))return;y.focus()}else if(u&&E&&I==="inline"){const m=document.activeElement;if(m==null?void 0:m.closest(".k-animation-container, .k-popup, .k-list-container"))return;if(u.contains(m)){w.current=l,A.current.set(l,!0);return}const h=R.current;if(h!=null&&h.contains(m))return;const v=A.current.size===0,_=l===0;if(w.current===l||_&&v){const le=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(u)[0];le&&(le.focus(),w.current=l,A.current.set(l,!0))}}},Ie={className:z,"data-grid-col-index":l,id:P,style:void 0,tabIndex:J?0:-1,onClick:F,onKeyDown:M,onFocus:()=>{w.current=l},ref:te};let B=Q(e,a);if(E){const u=n||{dataItem:a,field:e.field,dataIndex:d,columnIndex:l,rowType:"data",isInEdit:E,format:e.format,className:e.className,editor:e.editor,cells:O};B=o.createElement(Se,null,o.createElement(ve.GridEditCellEditor,{cellProps:u}))}if(f&&S(f)){const u={dataItem:a,field:e.field,title:e.title,rowType:"data",dataIndex:d,columnIndex:l,isInEdit:E,format:e.format,className:e.className,columnType:e.columnType,stackedCellProps:Ie,children:B};return o.createElement(f,{key:e.id||e.field||l,...u})}return o.createElement(se.GridStackedCell,{key:e.id||e.field||l,header:e.title,className:e.className,isInEdit:E,columnIndex:l,id:P,onClick:F,onKeyDown:M,cellRef:te},B)},[p,K,O,$,D,I,a,d,g,J,t,Q,N,H,ee]),be=o.useMemo(()=>{const e=[];for(let l=0;l<x;l++)e.push(o.createElement("td",{key:`group-cell-${l}`,className:"k-table-group-td k-group-cell k-table-td"}));return e},[x]),Ee=o.useCallback(e=>{var l,r;(l=t==null?void 0:t.rowClick)==null||l.call(t,e,a),d!==void 0&&((r=t==null?void 0:t.selectionChange)==null||r.call(t,{event:e,dataItem:a,dataIndex:d,columnIndex:0}))},[t,a,d]),me=o.useCallback(e=>{var l;(l=t==null?void 0:t.rowDblClick)==null||l.call(t,e,a)},[t,a]),ke=o.useCallback(e=>{var i;const l=e.target,r=e.currentTarget;if(l===r&&e.key==="Enter"){e.preventDefault(),d!==void 0&&((i=t==null?void 0:t.selectionChange)==null||i.call(t,{event:e,dataItem:a,dataIndex:d,columnIndex:0}));const n=r.querySelector(".k-grid-stack-cell");n&&n.focus()}},[t,a,d]),ye=o.useCallback(e=>{var i;const l=e.target,r=e.currentTarget;if(l===r){if(e.key==="Tab"){const n=r.closest("tr");if(e.shiftKey){const f=n==null?void 0:n.previousElementSibling;if(f){const b=f.querySelector("td.k-table-td[tabindex]");if(b){e.preventDefault(),b.focus();return}}}else{const f=n==null?void 0:n.nextElementSibling;if(f){const b=f.querySelector("td.k-table-td[tabindex]");if(b){e.preventDefault(),b.focus();return}}}return}if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.preventDefault();const n=r.closest("tr"),f=e.key==="ArrowUp"?n==null?void 0:n.previousElementSibling:n==null?void 0:n.nextElementSibling;if(!f)return;const b=f.querySelector("td.k-table-td[tabindex]");b&&(b.focus(),b.scrollIntoView&&b.scrollIntoView({block:"nearest"}));return}if(e.key==="Enter"){e.preventDefault(),e.stopPropagation(),d!==void 0&&((i=t==null?void 0:t.selectionChange)==null||i.call(t,{event:e,dataItem:a,dataIndex:d,columnIndex:0})),N(!0);const n=r.querySelector(".k-grid-stack-cell");n&&(n.hasAttribute("tabindex")||n.setAttribute("tabindex","0"),n.focus())}}},[N,t,a,d]);return o.createElement("tr",{className:ue,"data-grid-row-index":g,"aria-rowindex":oe,onClick:Ee,onDoubleClick:me,onKeyDown:ke},be,o.createElement("td",{ref:R,className:"k-table-td",colSpan:1,tabIndex:0,onKeyDown:ye},o.createElement("div",{className:de,style:fe},C.map((e,l)=>pe(e,l)),re&&o.createElement(se.GridStackedCell,{columnIndex:C.length},o.createElement(he.GridStackedDetailToggle,{dataItem:a,dataIndex:d,expanded:!!ce,field:ie})))))};ne.displayName="KendoReactGridStackedRow";exports.GridStackedRow=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const he=require("react"),U=require("@progress/kendo-react-common"),ne=require("./GridStackedCell.js"),ve=require("./GridStackedDetailToggle.js"),De=require("../cells/editcell/GridEditCellEditor.js"),we=require("../utils/GridContext.js"),k=require("@progress/kendo-react-data-tools"),Ce=require("../GridState.js");function Se(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const p in s)if(p!=="default"){const c=Object.getOwnPropertyDescriptor(s,p);Object.defineProperty(a,p,c.get?c:{enumerable:!0,get:()=>s[p]})}}return a.default=s,Object.freeze(a)}const o=Se(he),ge=s=>o.createElement("div",{style:{display:"contents"}},s.children),Ne=s=>{if(s!=null&&s.cols&&typeof s.cols!="number")return s.cols.map(a=>typeof a=="number"?`${a}px`:typeof a=="string"?a:a&&typeof a=="object"&&a.width!==void 0?typeof a.width=="number"?`${a.width}px`:a.width:"1fr").join(" ")},Re=s=>s!=null&&s.cols?typeof s.cols=="number"?s.cols:s.cols.length:1,S=s=>typeof s=="function"||typeof s=="object"&&s!==null&&typeof s.$$typeof=="symbol",Pe=(s,a)=>{var p,c;if(s.cell&&S(s.cell))return s.cell;if((p=s.cells)!=null&&p.stackedData&&S(s.cells.stackedData))return s.cells.stackedData;if(a!=null&&a.stackedData&&S(a.stackedData))return a.stackedData;if((c=s.cells)!=null&&c.data&&S(s.cells.data))return s.cells.data;if(a!=null&&a.data&&S(a.data))return a.data},Fe=(s,a)=>{if(!s||!a)return;const p=s.split(".");let c=a;for(const d of p){if(c==null)return;c=c[d]}return c},oe=s=>{const{dataItem:a,columns:p,stackedLayoutSettings:c,dataIndex:d,isAltRow:W,isSelected:X,isInEdit:D,editMode:I,cells:O,idPrefix:$,className:Y,style:j,ariaRowIndex:re,absoluteRowIndex:g,groupLevel:x=0,preparedCells:K,showDetailToggle:ce,isDetailExpanded:ie,detailExpandField:ue,isPinned:J}=s,t=o.useContext(we.GridContext),[G,,T]=Ce.useGridState(),L=o.useMemo(()=>Ne(c),[c]),q=o.useMemo(()=>Re(c),[c]),[Q,N]=o.useState(!1),R=o.useRef(null),w=o.useRef(null),A=o.useRef(new Map),V=o.useRef(!1);o.useLayoutEffect(()=>{if(!D||I!=="inline"){V.current=!1,A.current.clear();return}V.current||(V.current=!0,w.current=0,setTimeout(()=>{const e=R.current;if(!e||e.contains(document.activeElement))return;const l=e.querySelector('[data-grid-col-index="0"]'),i=(l?k.tableKeyboardNavigationTools.getStackedCellFocusableElements(l):[])[0];if(i){i.focus();return}const n=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(e);n[0]&&n[0].focus()},0))},[D,I]),o.useEffect(()=>{const e=r=>{const i=R.current;setTimeout(()=>{const n=document.activeElement;i&&!i.contains(n)&&N(!1)},0)},l=R.current;if(l)return l.addEventListener("focusout",e),()=>{l.removeEventListener("focusout",e)}},[]);const C=o.useMemo(()=>p.filter(e=>{const l=!!e._type,r=e.isAccessible===!1;return!e.hidden&&!l&&!r&&(e.columnType==="data"||e.columnType===void 0)}),[p]),Z=o.useCallback((e,l)=>{if(!e.field)return null;const r=Fe(e.field,l);return r==null?null:String(r)},[]),de=o.useMemo(()=>U.classNames("k-table-row","k-master-row",Y,{"k-table-alt-row":W,"k-selected":X,"k-grid-edit-row":D&&I==="inline","k-pinned-source":J}),[Y,W,X,D,I,J]),H=o.useMemo(()=>typeof(c==null?void 0:c.cols)=="number"&&q>1,[c==null?void 0:c.cols,q]),fe=o.useMemo(()=>U.classNames("k-grid-stack-row",{[`k-grid-cols-${q}`]:H}),[q,H]),pe=o.useMemo(()=>L?{gridTemplateColumns:L,...j}:j||{},[L,j]),ee=o.useCallback(e=>{if(!(T!=null&&T.onEditChange)||!(t!=null&&t.dataItemKey)||!e)return;const l=a[t.dataItemKey];if(l===void 0)return;const r=G.edit||{},i=k.editReducer(r,{type:k.EDIT_ACTION.EXIT_FIELD_EDIT,payload:{id:String(l),field:e}}),n={nativeEvent:{},currentTarget:null,target:null,bubbles:!1,cancelable:!1,defaultPrevented:!1,eventPhase:0,isTrusted:!1,timeStamp:Date.now(),type:"editchange",preventDefault:()=>{},stopPropagation:()=>{},persist:()=>{},isDefaultPrevented:()=>!1,isPropagationStopped:()=>!1};T.onEditChange({edit:i,nativeEvent:{},syntheticEvent:n,target:null})},[a,t==null?void 0:t.dataItemKey,T,G.edit]),te=o.useCallback((e,l)=>{if(!(T!=null&&T.onEditChange)||!(t!=null&&t.dataItemKey)||!e)return;const r=a[t.dataItemKey];if(r===void 0)return;const i=C.findIndex(M=>M.field===e);if(i===-1)return;const n=i+l;if(n<0||n>=C.length)return;const f=C[n].field;if(!f)return;const b=G.edit||{},P=String(r),E=k.editReducer(b,{type:k.EDIT_ACTION.EXIT_FIELD_EDIT,payload:{id:P,field:e}}),z=k.editReducer(E,{type:k.EDIT_ACTION.ENTER_FIELD_EDIT,payload:{id:P,field:f}}),F={nativeEvent:{},currentTarget:null,target:null,bubbles:!1,cancelable:!1,defaultPrevented:!1,eventPhase:0,isTrusted:!1,timeStamp:Date.now(),type:"editchange",preventDefault:()=>{},stopPropagation:()=>{},persist:()=>{},isDefaultPrevented:()=>!1,isPropagationStopped:()=>!1};T.onEditChange({edit:z,nativeEvent:{},syntheticEvent:F,target:null})},[a,t==null?void 0:t.dataItemKey,T,G.edit,C]),be=o.useCallback((e,l)=>{var le;const r=p.indexOf(e),i=K==null?void 0:K[r],n=i==null?void 0:i.props.cellProps,f=Pe(e,O),b=(le=g!=null?g:d)!=null?le:0,P=$?`${$}-${b}-${l}`:void 0,E=n?n.isInEdit:D&&e.editable!==!1,z=U.classNames("k-grid-stack-cell",e.className,{"k-grid-stack-edit-cell ":E}),F=u=>{var m;if(E){if(u.stopPropagation(),I==="inline"&&(w.current=l),I==="incell"){const y=u.currentTarget,v=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(y)[0],_=document.activeElement;v&&_!==v&&!v.contains(_)&&v.focus()}return}(m=t==null?void 0:t.cellClick)==null||m.call(t,u,a,e.field)},M=u=>{const m=u.target,y=u.currentTarget;if(u.key==="Tab"&&m!==y)return;if(u.key==="Enter"&&m===y&&!E&&e.editable!==!1){F(u);return}k.handleStackedKeyboardNavigation({event:u,cellElement:y,onEscape:()=>N(!1),onExitEdit:()=>ee(e.field),onTabToNextCell:v=>te(e.field,v),isInEdit:E,editMode:I})},ae=u=>{if(u&&E&&I==="incell"){const y=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(u)[0],h=document.activeElement;if(!y||!h||y===h||y.contains(h))return;y.focus()}else if(u&&E&&I==="inline"){const m=document.activeElement;if(m==null?void 0:m.closest(".k-animation-container, .k-popup, .k-list-container"))return;if(u.contains(m)){w.current=l,A.current.set(l,!0);return}const h=R.current;if(h!=null&&h.contains(m))return;const v=A.current.size===0,_=l===0;if(w.current===l||_&&v){const se=k.tableKeyboardNavigationTools.getStackedCellFocusableElements(u)[0];se&&(se.focus(),w.current=l,A.current.set(l,!0))}}},Te={className:z,"data-grid-col-index":l,id:P,style:void 0,tabIndex:Q?0:-1,onClick:F,onKeyDown:M,onFocus:()=>{w.current=l},ref:ae};let B=Z(e,a);if(E){const u=n||{dataItem:a,field:e.field,dataIndex:d,columnIndex:l,rowType:"data",isInEdit:E,format:e.format,className:e.className,editor:e.editor,cells:O};B=o.createElement(ge,null,o.createElement(De.GridEditCellEditor,{cellProps:u}))}if(f&&S(f)){const u={dataItem:a,field:e.field,title:e.title,rowType:"data",dataIndex:d,columnIndex:l,isInEdit:E,format:e.format,className:e.className,columnType:e.columnType,stackedCellProps:Te,children:B};return o.createElement(f,{key:e.id||e.field||l,...u})}return o.createElement(ne.GridStackedCell,{key:e.id||e.field||l,header:e.title,className:e.className,isInEdit:E,columnIndex:l,id:P,onClick:F,onKeyDown:M,cellRef:ae},B)},[p,K,O,$,D,I,a,d,g,Q,t,Z,N,ee,te]),Ee=o.useMemo(()=>{const e=[];for(let l=0;l<x;l++)e.push(o.createElement("td",{key:`group-cell-${l}`,className:"k-table-group-td k-group-cell k-table-td"}));return e},[x]),me=o.useCallback(e=>{var l,r;(l=t==null?void 0:t.rowClick)==null||l.call(t,e,a),d!==void 0&&((r=t==null?void 0:t.selectionChange)==null||r.call(t,{event:e,dataItem:a,dataIndex:d,columnIndex:0}))},[t,a,d]),ke=o.useCallback(e=>{var l;(l=t==null?void 0:t.rowDblClick)==null||l.call(t,e,a)},[t,a]),ye=o.useCallback(e=>{var i;const l=e.target,r=e.currentTarget;if(l===r&&e.key==="Enter"){e.preventDefault(),d!==void 0&&((i=t==null?void 0:t.selectionChange)==null||i.call(t,{event:e,dataItem:a,dataIndex:d,columnIndex:0}));const n=r.querySelector(".k-grid-stack-cell");n&&n.focus()}},[t,a,d]),Ie=o.useCallback(e=>{var i;const l=e.target,r=e.currentTarget;if(l===r){if(e.key==="Tab"){const n=r.closest("tr");if(e.shiftKey){const f=n==null?void 0:n.previousElementSibling;if(f){const b=f.querySelector("td.k-table-td[tabindex]");if(b){e.preventDefault(),b.focus();return}}}else{const f=n==null?void 0:n.nextElementSibling;if(f){const b=f.querySelector("td.k-table-td[tabindex]");if(b){e.preventDefault(),b.focus();return}}}return}if(e.key==="ArrowUp"||e.key==="ArrowDown"){e.preventDefault();const n=r.closest("tr"),f=e.key==="ArrowUp"?n==null?void 0:n.previousElementSibling:n==null?void 0:n.nextElementSibling;if(!f)return;const b=f.querySelector("td.k-table-td[tabindex]");b&&(b.focus(),b.scrollIntoView&&b.scrollIntoView({block:"nearest"}));return}if(e.key==="Enter"){e.preventDefault(),e.stopPropagation(),d!==void 0&&((i=t==null?void 0:t.selectionChange)==null||i.call(t,{event:e,dataItem:a,dataIndex:d,columnIndex:0})),N(!0);const n=r.querySelector(".k-grid-stack-cell");n&&(n.hasAttribute("tabindex")||n.setAttribute("tabindex","0"),n.focus())}}},[N,t,a,d]);return o.createElement("tr",{className:de,"data-grid-row-index":g,"aria-rowindex":re,onClick:me,onDoubleClick:ke,onKeyDown:ye},Ee,o.createElement("td",{ref:R,className:"k-table-td",colSpan:1,tabIndex:0,onKeyDown:Ie},o.createElement("div",{className:fe,style:pe},C.map((e,l)=>be(e,l)),ce&&o.createElement(ne.GridStackedCell,{columnIndex:C.length},o.createElement(ve.GridStackedDetailToggle,{dataItem:a,dataIndex:d,expanded:!!ie,field:ue})))))};oe.displayName="KendoReactGridStackedRow";exports.GridStackedRow=oe;

package/stacked/GridStackedRow.mjs

@@ -8,41 +8,41 @@
 "use client";
 import * as n from "react";
 import { classNames as W } from "@progress/kendo-react-common";
-import { GridStackedCell as oe } from "./GridStackedCell.mjs";
-import { GridStackedDetailToggle as Te } from "./GridStackedDetailToggle.mjs";
-import { GridEditCellEditor as we } from "../cells/editcell/GridEditCellEditor.mjs";
-import { GridContext as ve } from "../utils/GridContext.mjs";
-import { tableKeyboardNavigationTools as P, editReducer as X, EDIT_ACTION as z, handleStackedKeyboardNavigation as De } from "@progress/kendo-react-data-tools";
-import { useGridState as Ce } from "../GridState.mjs";
-const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "contents" } }, o.children), Re = (o) => {
+import { GridStackedCell as re } from "./GridStackedCell.mjs";
+import { GridStackedDetailToggle as we } from "./GridStackedDetailToggle.mjs";
+import { GridEditCellEditor as ve } from "../cells/editcell/GridEditCellEditor.mjs";
+import { GridContext as De } from "../utils/GridContext.mjs";
+import { tableKeyboardNavigationTools as g, editReducer as X, EDIT_ACTION as z, handleStackedKeyboardNavigation as Ce } from "@progress/kendo-react-data-tools";
+import { useGridState as Se } from "../GridState.mjs";
+const Re = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "contents" } }, o.children), Ne = (o) => {
   if (o != null && o.cols && typeof o.cols != "number")
-    return o.cols.map((a) => typeof a == "number" ? `${a}px` : typeof a == "string" ? a : a && typeof a == "object" && a.width !== void 0 ? typeof a.width == "number" ? `${a.width}px` : a.width : "1fr").join(" ");
-}, Ne = (o) => o != null && o.cols ? typeof o.cols == "number" ? o.cols : o.cols.length : 1, C = (o) => typeof o == "function" || typeof o == "object" && o !== null && typeof o.$$typeof == "symbol", Fe = (o, a) => {
+    return o.cols.map((s) => typeof s == "number" ? `${s}px` : typeof s == "string" ? s : s && typeof s == "object" && s.width !== void 0 ? typeof s.width == "number" ? `${s.width}px` : s.width : "1fr").join(" ");
+}, Fe = (o) => o != null && o.cols ? typeof o.cols == "number" ? o.cols : o.cols.length : 1, C = (o) => typeof o == "function" || typeof o == "object" && o !== null && typeof o.$$typeof == "symbol", Pe = (o, s) => {
   var I, u;
   if (o.cell && C(o.cell))
     return o.cell;
   if ((I = o.cells) != null && I.stackedData && C(o.cells.stackedData))
     return o.cells.stackedData;
-  if (a != null && a.stackedData && C(a.stackedData))
-    return a.stackedData;
+  if (s != null && s.stackedData && C(s.stackedData))
+    return s.stackedData;
   if ((u = o.cells) != null && u.data && C(o.cells.data))
     return o.cells.data;
-  if (a != null && a.data && C(a.data))
-    return a.data;
-}, ge = (o, a) => {
-  if (!o || !a)
+  if (s != null && s.data && C(s.data))
+    return s.data;
+}, ge = (o, s) => {
+  if (!o || !s)
     return;
   const I = o.split(".");
-  let u = a;
+  let u = s;
   for (const f of I) {
     if (u == null)
       return;
     u = u[f];
   }
   return u;
-}, Pe = (o) => {
+}, Ke = (o) => {
   const {
-    dataItem: a,
+    dataItem: s,
     columns: I,
     stackedLayoutSettings: u,
     dataIndex: f,
@@ -54,17 +54,18 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
     idPrefix: L,
     className: J,
     style: V,
-    ariaRowIndex: re,
+    ariaRowIndex: ce,
     absoluteRowIndex: S,
     groupLevel: Q = 0,
     preparedCells: K,
-    showDetailToggle: ce,
-    isDetailExpanded: ie,
-    detailExpandField: ue
-  } = o, t = n.useContext(ve), [A, , y] = Ce(), j = n.useMemo(
-    () => Re(u),
+    showDetailToggle: ie,
+    isDetailExpanded: ue,
+    detailExpandField: fe,
+    isPinned: Z
+  } = o, t = n.useContext(De), [A, , y] = Se(), j = n.useMemo(
+    () => Ne(u),
     [u]
-  ), M = n.useMemo(() => Ne(u), [u]), [Z, R] = n.useState(!1), N = n.useRef(null), v = n.useRef(null), G = n.useRef(/* @__PURE__ */ new Map()), O = n.useRef(!1);
+  ), M = n.useMemo(() => Fe(u), [u]), [H, R] = n.useState(!1), N = n.useRef(null), v = n.useRef(null), G = n.useRef(/* @__PURE__ */ new Map()), O = n.useRef(!1);
   n.useLayoutEffect(() => {
     if (!w || k !== "inline") {
       O.current = !1, G.current.clear();
@@ -74,20 +75,20 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
       const e = N.current;
       if (!e || e.contains(document.activeElement))
         return;
-      const l = e.querySelector('[data-grid-col-index="0"]'), c = (l ? P.getStackedCellFocusableElements(l) : [])[0];
+      const l = e.querySelector('[data-grid-col-index="0"]'), c = (l ? g.getStackedCellFocusableElements(l) : [])[0];
       if (c) {
         c.focus();
         return;
       }
-      const s = P.getStackedCellFocusableElements(e);
-      s[0] && s[0].focus();
+      const a = g.getStackedCellFocusableElements(e);
+      a[0] && a[0].focus();
     }, 0));
   }, [w, k]), n.useEffect(() => {
     const e = (r) => {
       const c = N.current;
       setTimeout(() => {
-        const s = document.activeElement;
-        c && !c.contains(s) && R(!1);
+        const a = document.activeElement;
+        c && !c.contains(a) && R(!1);
       }, 0);
     }, l = N.current;
     if (l)
@@ -101,40 +102,41 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
       return !e.hidden && !l && !r && (e.columnType === "data" || e.columnType === void 0);
     }),
     [I]
-  ), H = n.useCallback((e, l) => {
+  ), ee = n.useCallback((e, l) => {
     if (!e.field)
       return null;
     const r = ge(e.field, l);
     return r == null ? null : String(r);
-  }, []), fe = n.useMemo(
+  }, []), de = n.useMemo(
     () => W("k-table-row", "k-master-row", J, {
       "k-table-alt-row": Y,
       "k-selected": x,
-      "k-grid-edit-row": w && k === "inline"
+      "k-grid-edit-row": w && k === "inline",
+      "k-pinned-source": Z
     }),
-    [J, Y, x, w, k]
-  ), ee = n.useMemo(
+    [J, Y, x, w, k, Z]
+  ), te = n.useMemo(
     () => typeof (u == null ? void 0 : u.cols) == "number" && M > 1,
     [u == null ? void 0 : u.cols, M]
-  ), de = n.useMemo(
+  ), pe = n.useMemo(
     () => W("k-grid-stack-row", {
-      [`k-grid-cols-${M}`]: ee
+      [`k-grid-cols-${M}`]: te
     }),
-    [M, ee]
-  ), pe = n.useMemo(
+    [M, te]
+  ), me = n.useMemo(
     () => j ? { gridTemplateColumns: j, ...V } : V || {},
     [j, V]
-  ), te = n.useCallback(
+  ), le = n.useCallback(
     (e) => {
       if (!(y != null && y.onEditChange) || !(t != null && t.dataItemKey) || !e)
         return;
-      const l = a[t.dataItemKey];
+      const l = s[t.dataItemKey];
       if (l === void 0)
         return;
       const r = A.edit || {}, c = X(r, {
         type: z.EXIT_FIELD_EDIT,
         payload: { id: String(l), field: e }
-      }), s = {
+      }), a = {
         nativeEvent: {},
         currentTarget: null,
         target: null,
@@ -157,25 +159,25 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
       y.onEditChange({
         edit: c,
         nativeEvent: {},
-        syntheticEvent: s,
+        syntheticEvent: a,
         target: null
       });
     },
-    [a, t == null ? void 0 : t.dataItemKey, y, A.edit]
-  ), le = n.useCallback(
+    [s, t == null ? void 0 : t.dataItemKey, y, A.edit]
+  ), se = n.useCallback(
     (e, l) => {
       if (!(y != null && y.onEditChange) || !(t != null && t.dataItemKey) || !e)
         return;
-      const r = a[t.dataItemKey];
+      const r = s[t.dataItemKey];
       if (r === void 0)
         return;
       const c = D.findIndex(($) => $.field === e);
       if (c === -1)
         return;
-      const s = c + l;
-      if (s < 0 || s >= D.length)
+      const a = c + l;
+      if (a < 0 || a >= D.length)
         return;
-      const d = D[s].field;
+      const d = D[a].field;
       if (!d)
         return;
       const p = A.edit || {}, F = String(r), m = X(p, {
@@ -184,7 +186,7 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
       }), B = X(m, {
         type: z.ENTER_FIELD_EDIT,
         payload: { id: F, field: d }
-      }), g = {
+      }), P = {
         nativeEvent: {},
         currentTarget: null,
         target: null,
@@ -207,46 +209,46 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
       y.onEditChange({
         edit: B,
         nativeEvent: {},
-        syntheticEvent: g,
+        syntheticEvent: P,
         target: null
       });
     },
-    [a, t == null ? void 0 : t.dataItemKey, y, A.edit, D]
-  ), me = n.useCallback(
+    [s, t == null ? void 0 : t.dataItemKey, y, A.edit, D]
+  ), Ee = n.useCallback(
     (e, l) => {
-      var se;
-      const r = I.indexOf(e), c = K == null ? void 0 : K[r], s = c == null ? void 0 : c.props.cellProps, d = Fe(e, q), p = (se = S != null ? S : f) != null ? se : 0, F = L ? `${L}-${p}-${l}` : void 0, m = s ? s.isInEdit : w && e.editable !== !1, B = W("k-grid-stack-cell", e.className, {
+      var ne;
+      const r = I.indexOf(e), c = K == null ? void 0 : K[r], a = c == null ? void 0 : c.props.cellProps, d = Pe(e, q), p = (ne = S != null ? S : f) != null ? ne : 0, F = L ? `${L}-${p}-${l}` : void 0, m = a ? a.isInEdit : w && e.editable !== !1, B = W("k-grid-stack-cell", e.className, {
         "k-grid-stack-edit-cell ": m
-      }), g = (i) => {
+      }), P = (i) => {
         var E;
         if (m) {
           if (i.stopPropagation(), k === "inline" && (v.current = l), k === "incell") {
-            const b = i.currentTarget, T = P.getStackedCellFocusableElements(b)[0], _ = document.activeElement;
+            const b = i.currentTarget, T = g.getStackedCellFocusableElements(b)[0], _ = document.activeElement;
             T && _ !== T && !T.contains(_) && T.focus();
           }
           return;
         }
-        (E = t == null ? void 0 : t.cellClick) == null || E.call(t, i, a, e.field);
+        (E = t == null ? void 0 : t.cellClick) == null || E.call(t, i, s, e.field);
       }, $ = (i) => {
         const E = i.target, b = i.currentTarget;
         if (i.key === "Tab" && E !== b)
           return;
         if (i.key === "Enter" && E === b && !m && e.editable !== !1) {
-          g(i);
+          P(i);
           return;
         }
-        De({
+        Ce({
           event: i,
           cellElement: b,
           onEscape: () => R(!1),
-          onExitEdit: () => te(e.field),
-          onTabToNextCell: (T) => le(e.field, T),
+          onExitEdit: () => le(e.field),
+          onTabToNextCell: (T) => se(e.field, T),
           isInEdit: m,
           editMode: k
         });
       }, ae = (i) => {
         if (i && m && k === "incell") {
-          const b = P.getStackedCellFocusableElements(i)[0], h = document.activeElement;
+          const b = g.getStackedCellFocusableElements(i)[0], h = document.activeElement;
           if (!b || !h || b === h || b.contains(h))
             return;
           b.focus();
@@ -263,27 +265,27 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
             return;
           const T = G.current.size === 0, _ = l === 0;
           if (v.current === l || _ && T) {
-            const ne = P.getStackedCellFocusableElements(i)[0];
-            ne && (ne.focus(), v.current = l, G.current.set(l, !0));
+            const oe = g.getStackedCellFocusableElements(i)[0];
+            oe && (oe.focus(), v.current = l, G.current.set(l, !0));
           }
         }
-      }, he = {
+      }, Te = {
         className: B,
         "data-grid-col-index": l,
         id: F,
         style: void 0,
-        tabIndex: Z ? 0 : -1,
-        onClick: g,
+        tabIndex: H ? 0 : -1,
+        onClick: P,
         onKeyDown: $,
         onFocus: () => {
           v.current = l;
         },
         ref: ae
       };
-      let U = H(e, a);
+      let U = ee(e, s);
       if (m) {
-        const i = s || {
-          dataItem: a,
+        const i = a || {
+          dataItem: s,
           field: e.field,
           dataIndex: f,
           columnIndex: l,
@@ -294,11 +296,11 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
           editor: e.editor,
           cells: q
         };
-        U = /* @__PURE__ */ n.createElement(Se, null, /* @__PURE__ */ n.createElement(we, { cellProps: i }));
+        U = /* @__PURE__ */ n.createElement(Re, null, /* @__PURE__ */ n.createElement(ve, { cellProps: i }));
       }
       if (d && C(d)) {
         const i = {
-          dataItem: a,
+          dataItem: s,
           field: e.field,
           title: e.title,
           rowType: "data",
@@ -308,13 +310,13 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
           format: e.format,
           className: e.className,
           columnType: e.columnType,
-          stackedCellProps: he,
+          stackedCellProps: Te,
           children: U
         };
         return /* @__PURE__ */ n.createElement(d, { key: e.id || e.field || l, ...i });
       }
       return /* @__PURE__ */ n.createElement(
-        oe,
+        re,
         {
           key: e.id || e.field || l,
           header: e.title,
@@ -322,7 +324,7 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
           isInEdit: m,
           columnIndex: l,
           id: F,
-          onClick: g,
+          onClick: P,
           onKeyDown: $,
           cellRef: ae
         },
@@ -336,63 +338,63 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
       L,
       w,
       k,
-      a,
+      s,
       f,
       S,
-      Z,
-      t,
       H,
+      t,
+      ee,
       R,
-      te,
-      le
+      le,
+      se
     ]
-  ), Ee = n.useMemo(() => {
+  ), be = n.useMemo(() => {
     const e = [];
     for (let l = 0; l < Q; l++)
       e.push(/* @__PURE__ */ n.createElement("td", { key: `group-cell-${l}`, className: "k-table-group-td k-group-cell k-table-td" }));
     return e;
-  }, [Q]), be = n.useCallback(
+  }, [Q]), ke = n.useCallback(
     (e) => {
       var l, r;
-      (l = t == null ? void 0 : t.rowClick) == null || l.call(t, e, a), f !== void 0 && ((r = t == null ? void 0 : t.selectionChange) == null || r.call(t, {
+      (l = t == null ? void 0 : t.rowClick) == null || l.call(t, e, s), f !== void 0 && ((r = t == null ? void 0 : t.selectionChange) == null || r.call(t, {
         event: e,
-        dataItem: a,
+        dataItem: s,
         dataIndex: f,
         columnIndex: 0
       }));
     },
-    [t, a, f]
-  ), ke = n.useCallback(
+    [t, s, f]
+  ), ye = n.useCallback(
     (e) => {
       var l;
-      (l = t == null ? void 0 : t.rowDblClick) == null || l.call(t, e, a);
+      (l = t == null ? void 0 : t.rowDblClick) == null || l.call(t, e, s);
     },
-    [t, a]
-  ), ye = n.useCallback(
+    [t, s]
+  ), Ie = n.useCallback(
     (e) => {
       var c;
       const l = e.target, r = e.currentTarget;
       if (l === r && e.key === "Enter") {
         e.preventDefault(), f !== void 0 && ((c = t == null ? void 0 : t.selectionChange) == null || c.call(t, {
           event: e,
-          dataItem: a,
+          dataItem: s,
           dataIndex: f,
           columnIndex: 0
         }));
-        const s = r.querySelector(".k-grid-stack-cell");
-        s && s.focus();
+        const a = r.querySelector(".k-grid-stack-cell");
+        a && a.focus();
       }
     },
-    [t, a, f]
-  ), Ie = n.useCallback(
+    [t, s, f]
+  ), he = n.useCallback(
     (e) => {
       var c;
       const l = e.target, r = e.currentTarget;
       if (l === r) {
         if (e.key === "Tab") {
-          const s = r.closest("tr");
+          const a = r.closest("tr");
           if (e.shiftKey) {
-            const d = s == null ? void 0 : s.previousElementSibling;
+            const d = a == null ? void 0 : a.previousElementSibling;
             if (d) {
               const p = d.querySelector("td.k-table-td[tabindex]");
               if (p) {
@@ -401,7 +403,7 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
               }
             }
           } else {
-            const d = s == null ? void 0 : s.nextElementSibling;
+            const d = a == null ? void 0 : a.nextElementSibling;
             if (d) {
               const p = d.querySelector("td.k-table-td[tabindex]");
               if (p) {
@@ -414,7 +416,7 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
         }
         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
           e.preventDefault();
-          const s = r.closest("tr"), d = e.key === "ArrowUp" ? s == null ? void 0 : s.previousElementSibling : s == null ? void 0 : s.nextElementSibling;
+          const a = r.closest("tr"), d = e.key === "ArrowUp" ? a == null ? void 0 : a.previousElementSibling : a == null ? void 0 : a.nextElementSibling;
           if (!d)
             return;
           const p = d.querySelector("td.k-table-td[tabindex]");
@@ -424,40 +426,40 @@ const Se = (o) => /* @__PURE__ */ n.createElement("div", { style: { display: "co
         if (e.key === "Enter") {
           e.preventDefault(), e.stopPropagation(), f !== void 0 && ((c = t == null ? void 0 : t.selectionChange) == null || c.call(t, {
             event: e,
-            dataItem: a,
+            dataItem: s,
             dataIndex: f,
             columnIndex: 0
           })), R(!0);
-          const s = r.querySelector(".k-grid-stack-cell");
-          s && (s.hasAttribute("tabindex") || s.setAttribute("tabindex", "0"), s.focus());
+          const a = r.querySelector(".k-grid-stack-cell");
+          a && (a.hasAttribute("tabindex") || a.setAttribute("tabindex", "0"), a.focus());
         }
       }
     },
-    [R, t, a, f]
+    [R, t, s, f]
   );
   return /* @__PURE__ */ n.createElement(
     "tr",
     {
-      className: fe,
+      className: de,
       "data-grid-row-index": S,
-      "aria-rowindex": re,
-      onClick: be,
-      onDoubleClick: ke,
-      onKeyDown: ye
+      "aria-rowindex": ce,
+      onClick: ke,
+      onDoubleClick: ye,
+      onKeyDown: Ie
     },
-    Ee,
-    /* @__PURE__ */ n.createElement("td", { ref: N, className: "k-table-td", colSpan: 1, tabIndex: 0, onKeyDown: Ie }, /* @__PURE__ */ n.createElement("div", { className: de, style: pe }, D.map((e, l) => me(e, l)), ce && /* @__PURE__ */ n.createElement(oe, { columnIndex: D.length }, /* @__PURE__ */ n.createElement(
-      Te,
+    be,
+    /* @__PURE__ */ n.createElement("td", { ref: N, className: "k-table-td", colSpan: 1, tabIndex: 0, onKeyDown: he }, /* @__PURE__ */ n.createElement("div", { className: pe, style: me }, D.map((e, l) => Ee(e, l)), ie && /* @__PURE__ */ n.createElement(re, { columnIndex: D.length }, /* @__PURE__ */ n.createElement(
+      we,
       {
-        dataItem: a,
+        dataItem: s,
         dataIndex: f,
-        expanded: !!ie,
-        field: ue
+        expanded: !!ue,
+        field: fe
       }
     ))))
   );
 };
-Pe.displayName = "KendoReactGridStackedRow";
+Ke.displayName = "KendoReactGridStackedRow";
 export {
-  Pe as GridStackedRow
+  Ke as GridStackedRow
 };

package/stacked/StackedModeRow.d.ts

@@ -39,6 +39,7 @@ export interface StackedModeRowProps {
     showDetailToggle: boolean;
     isDetailExpanded: boolean;
     detailExpandField?: string;
+    isPinned?: boolean;
 }
 /**
  * @hidden

package/stacked/StackedModeRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),B=require("../cells/groupcell/GridGroupCellToggle.js"),L=require("../rows/GridRow.js"),V=require("./GridStackedRow.js");function z(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const u=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(c,s,u.get?u:{enumerable:!0,get:()=>e[s]})}}return c.default=e,Object.freeze(c)}const t=z(P),H=({item:e,rowId:c,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,isAltRow:k,isHidden:h,isRowReorderable:j,rowHeight:O,rows:R,leafColumns:p,groupLevelCount:b,stackedLayoutSettings:w,cells:F,editMode:x,isSelected:S,isHighlighted:D,isInEdit:v,preparedCells:M,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A})=>{var C,G,$;if(e.rowType==="data")return t.createElement(V.GridStackedRow,{key:c,dataItem:e.dataItem,columns:p,stackedLayoutSettings:w,isAltRow:k,isSelected:S,isInEdit:v,cells:F,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,groupLevel:b,preparedCells:M,editMode:x,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A});const I=b+1,E=e.level||0,T=Math.max(1,I-E),N=Array.from({length:E},(d,r)=>t.createElement("td",{key:`group-cell-${c}-${r}`,className:"k-table-group-td k-group-cell k-table-td"}));let m;if(e.rowType==="groupHeader"){const d=(C=e.dataItem)==null?void 0:C.field,r=(G=e.dataItem)==null?void 0:G.value,g=d!==void 0?(()=>{const l=String(d),n=p.find(o=>o.field===l),i=n==null?void 0:n.title;return typeof i=="string"&&i.length?i:l})():void 0;let a="";if(d!==void 0){let l;r instanceof Date?l=r.toString():l=String(r),a=`${g}: ${l}`}else r instanceof Date?a=r.toString():r!==void 0&&(a=String(r));m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T,role:"gridcell","aria-expanded":e.expanded},t.createElement("p",{className:"k-reset"},t.createElement(B.GridGroupCellToggle,{id:"",dataItem:e.dataItem,dataIndex:e.dataIndex,field:"value",expanded:e.expanded,group:e.group,columnPosition:{},ariaColumnIndex:1,isSelected:!1}),t.createElement("span",{className:"k-value"},a))))}else{const d=p.filter(a=>{const l=!!a._type,n=a.isAccessible===!1;return!a.hidden&&!l&&!n&&(a.columnType==="data"||a.columnType===void 0)}),r=($=e.dataItem)==null?void 0:$.aggregates,g=d.map(a=>{const l=a.field;if(!l||!r)return null;const n=r[l];if(!n||typeof n!="object")return null;const i=Object.keys(n).filter(o=>n[o]!==void 0&&n[o]!==null).map(o=>`${o.length?`${o.charAt(0).toUpperCase()}${o.slice(1)}`:o}: ${String(n[o])}`);return i.length===0?null:t.createElement("div",{key:`agg-${c}-${l}`,className:"k-grid-template-column"},t.createElement("p",{className:"k-grid-template-column-header"},a.title||l),t.createElement("p",{className:"k-reset"},i.join(", ")))}).filter(Boolean);if(e.rowType==="groupFooter"&&g.length===0)return t.createElement(t.Fragment,{key:c});m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T},t.createElement("div",{className:"k-grid-column-template"},g)))}return t.createElement(L.GridRow,{key:c,dataItem:e.dataItem,isAltRow:k,isInEdit:v,rowType:e.rowType,isRowReorderable:j,isHidden:h,onClick:null,onDoubleClick:null,rowHeight:O,ariaRowIndex:f,absoluteRowIndex:y,dataIndex:s,isSelected:S,isHighlighted:D,rows:R},m)};exports.StackedModeRow=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),L=require("../cells/groupcell/GridGroupCellToggle.js"),V=require("../rows/GridRow.js"),z=require("./GridStackedRow.js");function H(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const u=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(c,s,u.get?u:{enumerable:!0,get:()=>e[s]})}}return c.default=e,Object.freeze(c)}const t=H(B),U=({item:e,rowId:c,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,isAltRow:k,isHidden:h,isRowReorderable:j,rowHeight:O,rows:R,leafColumns:p,groupLevelCount:b,stackedLayoutSettings:w,cells:F,editMode:x,isSelected:S,isHighlighted:D,isInEdit:v,preparedCells:M,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A,isPinned:I})=>{var C,G,$;if(e.rowType==="data")return t.createElement(z.GridStackedRow,{key:c,dataItem:e.dataItem,columns:p,stackedLayoutSettings:w,isAltRow:k,isSelected:S,isInEdit:v,cells:F,dataIndex:s,idPrefix:u,ariaRowIndex:f,absoluteRowIndex:y,groupLevel:b,preparedCells:M,editMode:x,showDetailToggle:_,isDetailExpanded:q,detailExpandField:A,isPinned:I});const P=b+1,E=e.level||0,T=Math.max(1,P-E),N=Array.from({length:E},(d,r)=>t.createElement("td",{key:`group-cell-${c}-${r}`,className:"k-table-group-td k-group-cell k-table-td"}));let m;if(e.rowType==="groupHeader"){const d=(C=e.dataItem)==null?void 0:C.field,r=(G=e.dataItem)==null?void 0:G.value,g=d!==void 0?(()=>{const l=String(d),n=p.find(o=>o.field===l),i=n==null?void 0:n.title;return typeof i=="string"&&i.length?i:l})():void 0;let a="";if(d!==void 0){let l;r instanceof Date?l=r.toString():l=String(r),a=`${g}: ${l}`}else r instanceof Date?a=r.toString():r!==void 0&&(a=String(r));m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T,role:"gridcell","aria-expanded":e.expanded},t.createElement("p",{className:"k-reset"},t.createElement(L.GridGroupCellToggle,{id:"",dataItem:e.dataItem,dataIndex:e.dataIndex,field:"value",expanded:e.expanded,group:e.group,columnPosition:{},ariaColumnIndex:1,isSelected:!1}),t.createElement("span",{className:"k-value"},a))))}else{const d=p.filter(a=>{const l=!!a._type,n=a.isAccessible===!1;return!a.hidden&&!l&&!n&&(a.columnType==="data"||a.columnType===void 0)}),r=($=e.dataItem)==null?void 0:$.aggregates,g=d.map(a=>{const l=a.field;if(!l||!r)return null;const n=r[l];if(!n||typeof n!="object")return null;const i=Object.keys(n).filter(o=>n[o]!==void 0&&n[o]!==null).map(o=>`${o.length?`${o.charAt(0).toUpperCase()}${o.slice(1)}`:o}: ${String(n[o])}`);return i.length===0?null:t.createElement("div",{key:`agg-${c}-${l}`,className:"k-grid-template-column"},t.createElement("p",{className:"k-grid-template-column-header"},a.title||l),t.createElement("p",{className:"k-reset"},i.join(", ")))}).filter(Boolean);if(e.rowType==="groupFooter"&&g.length===0)return t.createElement(t.Fragment,{key:c});m=t.createElement(t.Fragment,null,N,t.createElement("td",{className:"k-table-td",colSpan:T},t.createElement("div",{className:"k-grid-column-template"},g)))}return t.createElement(V.GridRow,{key:c,dataItem:e.dataItem,isAltRow:k,isInEdit:v,rowType:e.rowType,isRowReorderable:j,isHidden:h,onClick:null,onDoubleClick:null,rowHeight:O,ariaRowIndex:f,absoluteRowIndex:y,dataIndex:s,isSelected:S,isHighlighted:D,rows:R},m)};exports.StackedModeRow=U;