@progress/kendo-react-data-tools 13.3.0-develop.1 → 13.3.0-develop.3

package/navigation/stackedKeyboardNavigation.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./utils.js"),K=e=>e==="ArrowLeft"||e==="ArrowRight"||e==="ArrowUp"||e==="ArrowDown"||e==="PageUp"||e==="PageDown"||e==="Home"||e==="End",d=(e,t,r,n,o,i)=>{if(n&&o==="inline")return!1;if(n&&o==="incell"){e.preventDefault(),e.stopPropagation();const u=f.getStackedCellContainer(t);if(!u)return!0;const C=Array.from(u.querySelectorAll(".k-grid-stack-cell")),S=C.indexOf(t);if(S===-1)return!0;const y=e.shiftKey?-1:1,h=S+y;return h<0||h>=C.length||i&&i(y),!0}const c=f.getStackedCellContainer(t);if(!c)return!1;const a=Array.from(c.querySelectorAll(".k-grid-stack-cell")),l=a.indexOf(t);if(l===-1)return!1;if(e.shiftKey){if(l===0)return e.stopPropagation(),e.preventDefault(),!0;e.preventDefault();const u=a[l-1];return u&&f.focusStackedCellElement(u,0),!0}if(l===a.length-1)return e.stopPropagation(),e.preventDefault(),!0;e.preventDefault();const s=a[l+1];return s&&f.focusStackedCellElement(s,0),!0},g=(e,t,r,n,o)=>n&&o==="incell"||n&&o==="inline"?!1:r===t?(e.preventDefault(),f.focusStackedCellElement(t,0),!0):!1,p=(e,t,r,n,o,i)=>{if(e.preventDefault(),e.stopPropagation(),o&&i==="incell"){const a=document.activeElement;return a&&t.contains(a)&&a.blur(),t.focus(),n&&n(),r&&r(),!0}if(o&&i==="inline")return r&&r(),!1;const c=f.getStackedCellContainer(t);return r&&r(),c&&c.focus(),!0},k=(e,t,r)=>{if(!t)return!1;const n=e.key,i=e.target.closest(".k-animation-container, .k-popup, .k-list-container");return r==="incell"&&K(n)&&!i||r==="inline"&&(n==="ArrowUp"||n==="ArrowDown")&&!i?(e.preventDefault(),e.stopPropagation(),!0):!1},w=e=>{const{event:t,cellElement:r,onKeyDown:n,onEscape:o,onExitEdit:i,onTabToNextCell:c,isInEdit:a,editMode:l}=e,s=t.target;k(t,a,l)||(t.key==="Tab"&&d(t,r,s,a,l,c),(t.key==="Enter"||t.key==="F2")&&g(t,r,s,a,l),t.key==="Escape"&&p(t,r,o,i,a,l),n&&n(t))},D={handleStackedKeyboardNavigation:w,handleStackedCellTabNavigation:d,handleStackedCellEnterKey:g,handleStackedCellEscapeKey:p,handleNavigationKeysInEditMode:k,isNavigationKey:K};exports.handleNavigationKeysInEditMode=k;exports.handleStackedCellEnterKey=g;exports.handleStackedCellEscapeKey=p;exports.handleStackedCellTabNavigation=d;exports.handleStackedKeyboardNavigation=w;exports.stackedKeyboardNavigationTools=D;

package/navigation/stackedKeyboardNavigation.mjs

@@ -0,0 +1,73 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { getStackedCellContainer as c, focusStackedCellElement as p } from "./utils.mjs";
+const w = (t) => t === "ArrowLeft" || t === "ArrowRight" || t === "ArrowUp" || t === "ArrowDown" || t === "PageUp" || t === "PageDown" || t === "Home" || t === "End", D = (t, r, e, n, i, a) => {
+  if (n && i === "inline")
+    return !1;
+  if (n && i === "incell") {
+    t.preventDefault(), t.stopPropagation();
+    const s = c(r);
+    if (!s)
+      return !0;
+    const g = Array.from(s.querySelectorAll(".k-grid-stack-cell")), d = g.indexOf(r);
+    if (d === -1)
+      return !0;
+    const k = t.shiftKey ? -1 : 1, C = d + k;
+    return C < 0 || C >= g.length || a && a(k), !0;
+  }
+  const f = c(r);
+  if (!f)
+    return !1;
+  const o = Array.from(f.querySelectorAll(".k-grid-stack-cell")), l = o.indexOf(r);
+  if (l === -1)
+    return !1;
+  if (t.shiftKey) {
+    if (l === 0)
+      return t.stopPropagation(), t.preventDefault(), !0;
+    t.preventDefault();
+    const s = o[l - 1];
+    return s && p(s, 0), !0;
+  }
+  if (l === o.length - 1)
+    return t.stopPropagation(), t.preventDefault(), !0;
+  t.preventDefault();
+  const u = o[l + 1];
+  return u && p(u, 0), !0;
+}, y = (t, r, e, n, i) => n && i === "incell" || n && i === "inline" ? !1 : e === r ? (t.preventDefault(), p(r, 0), !0) : !1, h = (t, r, e, n, i, a) => {
+  if (t.preventDefault(), t.stopPropagation(), i && a === "incell") {
+    const o = document.activeElement;
+    return o && r.contains(o) && o.blur(), r.focus(), n && n(), e && e(), !0;
+  }
+  if (i && a === "inline")
+    return e && e(), !1;
+  const f = c(r);
+  return e && e(), f && f.focus(), !0;
+}, A = (t, r, e) => {
+  if (!r)
+    return !1;
+  const n = t.key, a = t.target.closest(".k-animation-container, .k-popup, .k-list-container");
+  return e === "incell" && w(n) && !a || e === "inline" && (n === "ArrowUp" || n === "ArrowDown") && !a ? (t.preventDefault(), t.stopPropagation(), !0) : !1;
+}, S = (t) => {
+  const { event: r, cellElement: e, onKeyDown: n, onEscape: i, onExitEdit: a, onTabToNextCell: f, isInEdit: o, editMode: l } = t, u = r.target;
+  A(r, o, l) || (r.key === "Tab" && D(r, e, u, o, l, f), (r.key === "Enter" || r.key === "F2") && y(r, e, u, o, l), r.key === "Escape" && h(r, e, i, a, o, l), n && n(r));
+}, P = {
+  handleStackedKeyboardNavigation: S,
+  handleStackedCellTabNavigation: D,
+  handleStackedCellEnterKey: y,
+  handleStackedCellEscapeKey: h,
+  handleNavigationKeysInEditMode: A,
+  isNavigationKey: w
+};
+export {
+  A as handleNavigationKeysInEditMode,
+  y as handleStackedCellEnterKey,
+  h as handleStackedCellEscapeKey,
+  D as handleStackedCellTabNavigation,
+  S as handleStackedKeyboardNavigation,
+  P as stackedKeyboardNavigationTools
+};

package/navigation/utils.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 g=require("@progress/kendo-react-common"),a=require("./constants.js"),B=(e,t,n="cell")=>`${t}_${e}_${n}`,m=e=>{if(e)return parseInt(e.getAttribute(a.KEYBOARD_NAV_DATA_LEVEL)||"",10)},b=e=>{if(!e)return;const t=e.getAttribute(a.KEYBOARD_NAV_DATA_ID);return t||void 0},A=e=>e?!!e.getAttribute(a.KEYBOARD_NAV_DATA_ID):!1,x=(e,t={level:0})=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),N=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_LEVEL}]`),v=(e,t)=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_ID}='${t}']`),y=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_SCOPE}]`),w=e=>{var n;const t=((n=e==null?void 0:e.parentElement)==null?void 0:n.closest(".k-grid-edit-row"))||null;return t==null?void 0:t.querySelector("."+a.KEYBOARD_NAV_CANCEL_BUTTON_CLASS)},T=e=>document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`),u=e=>document.querySelector(`[data-keyboardnavid="${e}"]`),S=e=>{var r;const t=e&&e.parentElement&&e.parentElement.closest(".k-table-row");let n;return(r=t==null?void 0:t.parentElement)==null||r.childNodes.forEach(l=>{if(t===l){const o=l.previousSibling;n={current:t.getAttribute("aria-rowindex"),prev:o&&o.getAttribute("aria-rowindex")}}}),n};async function L(e,t,n=5e3){const r=Date.now();if(t)for(;Date.now()-r<n;){const l=t.querySelector(e);if(l)return l;await new Promise(o=>setTimeout(o,20))}return!1}const R=async e=>{var r;const t=((r=e==null?void 0:e.parentElement)==null?void 0:r.closest(".k-grid-edit-row"))||null;return await L("."+a.KEYBOARD_NAV_EDIT_BUTTON_CLASS,t)},p=e=>(e==null?void 0:e.closest(".k-table-td"))||null,F=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_HEADER}]`),O=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_BODY}]`),W=e=>e.querySelector(".k-grid-norecords"),X=e=>{const t=e.querySelector(".k-grid-edit-cell"),n=t==null?void 0:t.querySelector("input");n?n.focus():t&&t.firstChild.focus()},h=(e,t)=>{const{scope:n,navigationStateRef:r,contextStateRef:l}=e;if(!r.current||!n)return;const o=M(r.current.navigationMatrix),s=v(n,o);C({elementForFocus:s,contextStateRef:l,event:t})},V=(e,t={focusable:!1})=>{const n=t.focusable?g.FOCUSABLE_ELEMENTS:g.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(n.join(",")))},$=(e,t={level:0})=>{if(!e)return[];const n=g.FOCUSABLE_ELEMENTS.map(r=>r+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(n))},k=(e={level:0})=>{const t=g.FOCUSABLE_ELEMENTS.map(n=>n+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return n=>n.matches(t)},C=e=>{const{elementForFocus:t,event:n,contextStateRef:r,prevElement:l}=e;if(r.current&&t&&t.focus){n==null||n.preventDefault();const o=t.querySelector(".k-checkbox-wrap .k-checkbox");o&&o.focus?o.focus():t.focus(),A(t)&&(t.setAttribute("tabIndex","0"),r.current.activeId=b(t)),l&&A(l)&&l.setAttribute("tabIndex","-1")}},K=e=>e.current?e.current.idPrefix:"",q=(e,t,n,r,l)=>{if(!n)return[];let o=e+(l?-1:1);for(;o>=0&&o<r.length;){const s=r[o][t];if(s!==n)return[s,[o,t]];o=o+(l?-1:1)}return[]},d=(e,t,n,r,l)=>{if(!n)return[];let o=t+(l?-1:1);for(;o>=0&&r[e]&&o<r[e].length;){const s=r[e][o];if(s!==n)return[s,[e,o]];o=o+(l?-1:1)}return[]},f=(e,t)=>{if(t){for(let n=0;n<e.length;n++)for(let r=0;r<e[n].length;r++)if(e[n][r]===t)return[n,r]}},_=(e,t,n)=>{let r;do if(e=e+1,r=t[n-e],r&&r.editable)break;while(n-e>=0);return r},Y=(e,t,n,r)=>{var I;let l;const[o,s]=e;let i;const c=0,E=t.length;return i=_(c,t,s),i?l=d(o,i.ariaColumnIndex,n,r,!0):(i=_(c,t,E),l=d(o-1,i.ariaColumnIndex,n,r,!0)),{prevCell:l&&l[0]&&u(l[0]),elementToFocus:l&&l[0]&&((I=u(l[0]))==null?void 0:I.getAttribute("role"))}},D=(e,t,n)=>{let r;do if(e=e+1,r=t[n+e],r&&r.editable)break;while(n+e-1<t.length);return r},P=(e,t,n,r)=>{var o;let l;if(e){const[s,i]=e;let c,E=0;c=D(E,t,i),c?l=d(s,c.ariaColumnIndex,n,r,!0):(E=-1,c=D(E,t,0),l=d(s+1,c.ariaColumnIndex,n,r,!0))}return{nextCell:l&&l[0]&&u(l[0]),elementToFocus:l&&l[0]&&((o=u(l[0]))==null?void 0:o.getAttribute("role"))}},U=e=>e.current?e.current.navigationMatrix.length:0,M=e=>e.flat().find(t=>t.endsWith("cell")),z=e=>e.flat().reverse().find(t=>t.endsWith("cell")),G=(e,t)=>e[t][0],J=(e,t)=>Array.from(e[t]).reverse()[0],j=e=>e?`${e}${a.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",Q=(e,t,n)=>{var l;let r;if((l=e.current)!=null&&l.prevNavigationIndexes){const[o,s]=e.current.prevNavigationIndexes,i=t[o];i&&i[s]===n?r=e.current.prevNavigationIndexes:r=f(t,n)}else r=f(t,n);return r},H=e=>{var t;return((t=N(e))==null?void 0:t.getAttribute("data-keyboardnavid"))||e.getAttribute("data-keyboardnavid")},Z={generateNavigatableId:B,getNavigatableId:b,getNavigatableLevel:m,getNavigatableElement:x,getClosestNavigatableElement:N,getActiveNavDataElement:v,getClosestScope:y,getHeaderElement:F,getBodyElement:O,getFocusableElements:V,getNavigatableElements:$,filterNavigatableElements:k,focusElement:C,getIdPrefix:K,isNavigatable:A,findNextIdByRowIndex:q,findNextIdByCellIndex:d,findId:f,getNextNavigationIndex:U,getFilterColumnId:j,focusFirstDataElement:h,getClosestCancelButton:w,getClosestEditButton:R,getRowAriaRowIndex:S,getRemoveButtonByAriaRowIndex:T,getTableCellByKeyboardNavId:u,getParentCell:p,waitForElementToBeVisible:L,getNextEditableCell:P,getPrevEditableCell:Y,getClosestCellNavId:H};exports.filterNavigatableElements=k;exports.findId=f;exports.findNextIdByCellIndex=d;exports.findNextIdByRowIndex=q;exports.focusElement=C;exports.focusFirstDataElement=h;exports.focusFirstEditor=X;exports.generateNavigatableId=B;exports.getActiveNavDataElement=v;exports.getBodyElement=O;exports.getClosestCancelButton=w;exports.getClosestCellNavId=H;exports.getClosestEditButton=R;exports.getClosestNavigatableElement=N;exports.getClosestScope=y;exports.getCurrentIdIndexes=Q;exports.getFilterColumnId=j;exports.getFirstDataCell=M;exports.getFirstRowDataCell=G;exports.getFocusableElements=V;exports.getHeaderElement=F;exports.getIdPrefix=K;exports.getLastDataCell=z;exports.getLastRowDataCell=J;exports.getNavigatableElement=x;exports.getNavigatableElements=$;exports.getNavigatableId=b;exports.getNavigatableLevel=m;exports.getNextEditableCell=P;exports.getNextNavigationIndex=U;exports.getNoRecordsElement=W;exports.getParentCell=p;exports.getPrevEditableCell=Y;exports.getRemoveButtonByAriaRowIndex=T;exports.getRowAriaRowIndex=S;exports.getTableCellByKeyboardNavId=u;exports.isNavigatable=A;exports.tableKeyboardNavigationTools=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("@progress/kendo-react-common"),a=require("./constants.js"),B=(e,t,n="cell")=>`${t}_${e}_${n}`,S=e=>{if(e)return parseInt(e.getAttribute(a.KEYBOARD_NAV_DATA_LEVEL)||"",10)},b=e=>{if(!e)return;const t=e.getAttribute(a.KEYBOARD_NAV_DATA_ID);return t||void 0},A=e=>e?!!e.getAttribute(a.KEYBOARD_NAV_DATA_ID):!1,y=(e,t={level:0})=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),C=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_LEVEL}]`),N=(e,t)=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_ID}='${t}']`),k=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_SCOPE}]`),p=e=>{var n;const t=((n=e==null?void 0:e.parentElement)==null?void 0:n.closest(".k-grid-edit-row"))||null;return t==null?void 0:t.querySelector("."+a.KEYBOARD_NAV_CANCEL_BUTTON_CLASS)},T=e=>document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`),u=e=>document.querySelector(`[data-keyboardnavid="${e}"]`),w=e=>{var r;const t=e&&e.parentElement&&e.parentElement.closest(".k-table-row");let n;return(r=t==null?void 0:t.parentElement)==null||r.childNodes.forEach(l=>{if(t===l){const o=l.previousSibling;n={current:t.getAttribute("aria-rowindex"),prev:o&&o.getAttribute("aria-rowindex")}}}),n};async function L(e,t,n=5e3){const r=Date.now();if(t)for(;Date.now()-r<n;){const l=t.querySelector(e);if(l)return l;await new Promise(o=>setTimeout(o,20))}return!1}const R=async e=>{var r;const t=((r=e==null?void 0:e.parentElement)==null?void 0:r.closest(".k-grid-edit-row"))||null;return await L("."+a.KEYBOARD_NAV_EDIT_BUTTON_CLASS,t)},F=e=>(e==null?void 0:e.closest(".k-table-td"))||null,h=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_HEADER}]`),O=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_BODY}]`),Q=e=>e.querySelector(".k-grid-norecords"),Z=e=>{const t=e.querySelector(".k-grid-edit-cell"),n=t==null?void 0:t.querySelector("input");n?n.focus():t&&t.firstChild.focus()},V=(e,t)=>{const{scope:n,navigationStateRef:r,contextStateRef:l}=e;if(!r.current||!n)return;const o=W(r.current.navigationMatrix),s=N(n,o);I({elementForFocus:s,contextStateRef:l,event:t})},v=(e,t={focusable:!1})=>{const n=t.focusable?g.FOCUSABLE_ELEMENTS:g.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(n.join(",")))},$=(e,t={level:0})=>{if(!e)return[];const n=g.FOCUSABLE_ELEMENTS.map(r=>r+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(n))},K=(e={level:0})=>{const t=g.FOCUSABLE_ELEMENTS.map(n=>n+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return n=>n.matches(t)},I=e=>{const{elementForFocus:t,event:n,contextStateRef:r,prevElement:l}=e;if(r.current&&t&&t.focus){n==null||n.preventDefault();const o=t.querySelector(".k-checkbox-wrap .k-checkbox");o&&o.focus?o.focus():t.focus(),A(t)&&(t.setAttribute("tabIndex","0"),r.current.activeId=b(t)),l&&A(l)&&l.setAttribute("tabIndex","-1")}},q=e=>e.current?e.current.idPrefix:"",Y=(e,t,n,r,l)=>{if(!n)return[];let o=e+(l?-1:1);for(;o>=0&&o<r.length;){const s=r[o][t];if(s!==n)return[s,[o,t]];o=o+(l?-1:1)}return[]},d=(e,t,n,r,l)=>{if(!n)return[];let o=t+(l?-1:1);for(;o>=0&&r[e]&&o<r[e].length;){const s=r[e][o];if(s!==n)return[s,[e,o]];o=o+(l?-1:1)}return[]},f=(e,t)=>{if(t){for(let n=0;n<e.length;n++)for(let r=0;r<e[n].length;r++)if(e[n][r]===t)return[n,r]}},D=(e,t,n)=>{let r;do if(e=e+1,r=t[n-e],r&&r.editable)break;while(n-e>=0);return r},P=(e,t,n,r)=>{var m;let l;const[o,s]=e;let c;const i=0,E=t.length;return c=D(i,t,s),c?l=d(o,c.ariaColumnIndex,n,r,!0):(c=D(i,t,E),l=d(o-1,c.ariaColumnIndex,n,r,!0)),{prevCell:l&&l[0]&&u(l[0]),elementToFocus:l&&l[0]&&((m=u(l[0]))==null?void 0:m.getAttribute("role"))}},x=(e,t,n)=>{let r;do if(e=e+1,r=t[n+e],r&&r.editable)break;while(n+e-1<t.length);return r},U=(e,t,n,r)=>{var o;let l;if(e){const[s,c]=e;let i,E=0;i=x(E,t,c),i?l=d(s,i.ariaColumnIndex,n,r,!0):(E=-1,i=x(E,t,0),l=d(s+1,i.ariaColumnIndex,n,r,!0))}return{nextCell:l&&l[0]&&u(l[0]),elementToFocus:l&&l[0]&&((o=u(l[0]))==null?void 0:o.getAttribute("role"))}},M=e=>e.current?e.current.navigationMatrix.length:0,W=e=>e.flat().find(t=>t.endsWith("cell")),ee=e=>e.flat().reverse().find(t=>t.endsWith("cell")),te=(e,t)=>e[t][0],ne=(e,t)=>Array.from(e[t]).reverse()[0],j=e=>e?`${e}${a.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",re=(e,t,n)=>{var l;let r;if((l=e.current)!=null&&l.prevNavigationIndexes){const[o,s]=e.current.prevNavigationIndexes,c=t[o];c&&c[s]===n?r=e.current.prevNavigationIndexes:r=f(t,n)}else r=f(t,n);return r},H=e=>{var t;return((t=C(e))==null?void 0:t.getAttribute("data-keyboardnavid"))||e.getAttribute("data-keyboardnavid")},X=e=>e.closest(".k-grid-stack-cell"),_=e=>v(e,{focusable:!0}),z=(e,t)=>{var o;const n=e.closest(".k-table-td");if(!n)return null;const r=Array.from(n.querySelectorAll(".k-grid-stack-cell")),l=r.indexOf(e);return l===-1?null:t==="next"?l<r.length-1?r[l+1]:r[0]:l>0?r[l-1]:(o=r.at(-1))!=null?o:null},G=e=>e.closest(".k-table-td, td.k-table-td[tabindex]"),J=(e,t=0)=>{const n=_(e);n.length>0?(n[t]||n[0]).focus():e.focus()},le={generateNavigatableId:B,getNavigatableId:b,getNavigatableLevel:S,getNavigatableElement:y,getClosestNavigatableElement:C,getActiveNavDataElement:N,getClosestScope:k,getHeaderElement:h,getBodyElement:O,getFocusableElements:v,getNavigatableElements:$,filterNavigatableElements:K,focusElement:I,getIdPrefix:q,isNavigatable:A,findNextIdByRowIndex:Y,findNextIdByCellIndex:d,findId:f,getNextNavigationIndex:M,getFilterColumnId:j,focusFirstDataElement:V,getClosestCancelButton:p,getClosestEditButton:R,getRowAriaRowIndex:w,getRemoveButtonByAriaRowIndex:T,getTableCellByKeyboardNavId:u,getParentCell:F,waitForElementToBeVisible:L,getNextEditableCell:U,getPrevEditableCell:P,getClosestCellNavId:H,getStackedCellWrapper:X,getStackedCellFocusableElements:_,getNextStackedCell:z,getStackedCellContainer:G,focusStackedCellElement:J};exports.filterNavigatableElements=K;exports.findId=f;exports.findNextIdByCellIndex=d;exports.findNextIdByRowIndex=Y;exports.focusElement=I;exports.focusFirstDataElement=V;exports.focusFirstEditor=Z;exports.focusStackedCellElement=J;exports.generateNavigatableId=B;exports.getActiveNavDataElement=N;exports.getBodyElement=O;exports.getClosestCancelButton=p;exports.getClosestCellNavId=H;exports.getClosestEditButton=R;exports.getClosestNavigatableElement=C;exports.getClosestScope=k;exports.getCurrentIdIndexes=re;exports.getFilterColumnId=j;exports.getFirstDataCell=W;exports.getFirstRowDataCell=te;exports.getFocusableElements=v;exports.getHeaderElement=h;exports.getIdPrefix=q;exports.getLastDataCell=ee;exports.getLastRowDataCell=ne;exports.getNavigatableElement=y;exports.getNavigatableElements=$;exports.getNavigatableId=b;exports.getNavigatableLevel=S;exports.getNextEditableCell=U;exports.getNextNavigationIndex=M;exports.getNextStackedCell=z;exports.getNoRecordsElement=Q;exports.getParentCell=F;exports.getPrevEditableCell=P;exports.getRemoveButtonByAriaRowIndex=T;exports.getRowAriaRowIndex=w;exports.getStackedCellContainer=G;exports.getStackedCellFocusableElements=_;exports.getStackedCellWrapper=X;exports.getTableCellByKeyboardNavId=u;exports.isNavigatable=A;exports.tableKeyboardNavigationTools=le;

package/navigation/utils.mjs

@@ -5,21 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { FOCUSABLE_ELEMENTS as b, TABBABLE_ELEMENTS as y } from "@progress/kendo-react-common";
-import { KEYBOARD_NAV_DATA_LEVEL as f, KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_SCOPE as D, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as B, KEYBOARD_NAV_EDIT_BUTTON_CLASS as w, KEYBOARD_NAV_DATA_HEADER as S, KEYBOARD_NAV_DATA_BODY as h, KEYBOARD_NAV_FILTER_COL_SUFFIX as T } from "./constants.mjs";
-const $ = (e, t, r = "cell") => `${t}_${e}_${r}`, k = (e) => {
+import { FOCUSABLE_ELEMENTS as A, TABBABLE_ELEMENTS as k } from "@progress/kendo-react-common";
+import { KEYBOARD_NAV_DATA_LEVEL as f, KEYBOARD_NAV_DATA_ID as g, KEYBOARD_NAV_DATA_SCOPE as D, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as B, KEYBOARD_NAV_EDIT_BUTTON_CLASS as w, KEYBOARD_NAV_DATA_HEADER as h, KEYBOARD_NAV_DATA_BODY as T, KEYBOARD_NAV_FILTER_COL_SUFFIX as $ } from "./constants.mjs";
+const F = (e, t, r = "cell") => `${t}_${e}_${r}`, q = (e) => {
   if (e)
     return parseInt(e.getAttribute(f) || "", 10);
-}, I = (e) => {
+}, m = (e) => {
   if (!e)
     return;
   const t = e.getAttribute(g);
   return t || void 0;
-}, E = (e) => e ? !!e.getAttribute(g) : !1, F = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`), _ = (e) => e && e.parentElement && e.parentElement.closest(`[${f}]`), m = (e, t) => e.querySelector(`[${g}='${t}']`), L = (e) => e && e.parentElement && e.parentElement.closest(`[${D}]`), R = (e) => {
+}, E = (e) => e ? !!e.getAttribute(g) : !1, L = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`), x = (e) => e && e.parentElement && e.parentElement.closest(`[${f}]`), I = (e, t) => e.querySelector(`[${g}='${t}']`), O = (e) => e && e.parentElement && e.parentElement.closest(`[${D}]`), R = (e) => {
   var r;
   const t = ((r = e == null ? void 0 : e.parentElement) == null ? void 0 : r.closest(".k-grid-edit-row")) || null;
   return t == null ? void 0 : t.querySelector("." + B);
-}, q = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), a = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), O = (e) => {
+}, K = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), a = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), V = (e) => {
   var n;
   const t = e && e.parentElement && e.parentElement.closest(".k-table-row");
   let r;
@@ -44,38 +44,38 @@ async function p(e, t, r = 5e3) {
     }
   return !1;
 }
-const K = async (e) => {
+const Y = async (e) => {
   var n;
   const t = ((n = e == null ? void 0 : e.parentElement) == null ? void 0 : n.closest(".k-grid-edit-row")) || null;
   return await p("." + w, t);
-}, V = (e) => (e == null ? void 0 : e.closest(".k-table-td")) || null, Y = (e) => e.querySelector(`[${S}]`), P = (e) => e.querySelector(`[${h}]`), le = (e) => e.querySelector(".k-grid-norecords"), oe = (e) => {
+}, P = (e) => (e == null ? void 0 : e.closest(".k-table-td")) || null, U = (e) => e.querySelector(`[${h}]`), W = (e) => e.querySelector(`[${T}]`), ue = (e) => e.querySelector(".k-grid-norecords"), ae = (e) => {
   const t = e.querySelector(".k-grid-edit-cell"), r = t == null ? void 0 : t.querySelector("input");
   r ? r.focus() : t && t.firstChild.focus();
-}, U = (e, t) => {
+}, j = (e, t) => {
   const { scope: r, navigationStateRef: n, contextStateRef: l } = e;
   if (!n.current || !r)
     return;
-  const o = Q(n.current.navigationMatrix), s = m(r, o);
-  x({ elementForFocus: s, contextStateRef: l, event: t });
-}, j = (e, t = { focusable: !1 }) => {
-  const r = t.focusable ? b : y;
+  const o = Z(n.current.navigationMatrix), s = I(r, o);
+  _({ elementForFocus: s, contextStateRef: l, event: t });
+}, y = (e, t = { focusable: !1 }) => {
+  const r = t.focusable ? A : k;
   return Array.from(e.querySelectorAll(r.join(",")));
-}, W = (e, t = { level: 0 }) => {
+}, H = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  const r = b.map((n) => n + `[${f}='${t.level}']`).join(",");
+  const r = A.map((n) => n + `[${f}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, H = (e = { level: 0 }) => {
-  const t = b.map((r) => r + `[${f}='${e.level}']`).join(",");
+}, M = (e = { level: 0 }) => {
+  const t = A.map((r) => r + `[${f}='${e.level}']`).join(",");
   return (r) => r.matches(t);
-}, x = (e) => {
+}, _ = (e) => {
   const { elementForFocus: t, event: r, contextStateRef: n, prevElement: l } = e;
   if (n.current && t && t.focus) {
     r == null || r.preventDefault();
     const o = t.querySelector(".k-checkbox-wrap .k-checkbox");
-    o && o.focus ? o.focus() : t.focus(), E(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = I(t)), l && E(l) && l.setAttribute("tabIndex", "-1");
+    o && o.focus ? o.focus() : t.focus(), E(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = m(t)), l && E(l) && l.setAttribute("tabIndex", "-1");
   }
-}, M = (e) => e.current ? e.current.idPrefix : "", X = (e, t, r, n, l) => {
+}, X = (e) => e.current ? e.current.idPrefix : "", z = (e, t, r, n, l) => {
   if (!r)
     return [];
   let o = e + (l ? -1 : 1);
@@ -97,29 +97,29 @@ const K = async (e) => {
     o = o + (l ? -1 : 1);
   }
   return [];
-}, A = (e, t) => {
+}, b = (e, t) => {
   if (t) {
     for (let r = 0; r < e.length; r++)
       for (let n = 0; n < e[r].length; n++)
         if (e[r][n] === t)
           return [r, n];
   }
-}, C = (e, t, r) => {
+}, v = (e, t, r) => {
   let n;
   do
     if (e = e + 1, n = t[r - e], n && n.editable)
       break;
   while (r - e >= 0);
   return n;
-}, z = (e, t, r, n) => {
-  var v;
+}, G = (e, t, r, n) => {
+  var C;
   let l;
   const [o, s] = e;
   let c;
   const i = 0, u = t.length;
-  return c = C(i, t, s), c ? l = d(o, c.ariaColumnIndex, r, n, !0) : (c = C(i, t, u), l = d(o - 1, c.ariaColumnIndex, r, n, !0)), {
+  return c = v(i, t, s), c ? l = d(o, c.ariaColumnIndex, r, n, !0) : (c = v(i, t, u), l = d(o - 1, c.ariaColumnIndex, r, n, !0)), {
     prevCell: l && l[0] && a(l[0]),
-    elementToFocus: l && l[0] && ((v = a(l[0])) == null ? void 0 : v.getAttribute("role"))
+    elementToFocus: l && l[0] && ((C = a(l[0])) == null ? void 0 : C.getAttribute("role"))
   };
 }, N = (e, t, r) => {
   let n;
@@ -128,7 +128,7 @@ const K = async (e) => {
       break;
   while (r + e - 1 < t.length);
   return n;
-}, G = (e, t, r, n) => {
+}, J = (e, t, r, n) => {
   var o;
   let l;
   if (e) {
@@ -140,88 +140,108 @@ const K = async (e) => {
     nextCell: l && l[0] && a(l[0]),
     elementToFocus: l && l[0] && ((o = a(l[0])) == null ? void 0 : o.getAttribute("role"))
   };
-}, J = (e) => e.current ? e.current.navigationMatrix.length : 0, Q = (e) => e.flat().find((t) => t.endsWith("cell")), se = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), ce = (e, t) => e[t][0], ie = (e, t) => Array.from(e[t]).reverse()[0], Z = (e) => e ? `${e}${T}` : "", ue = (e, t, r) => {
+}, Q = (e) => e.current ? e.current.navigationMatrix.length : 0, Z = (e) => e.flat().find((t) => t.endsWith("cell")), de = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), fe = (e, t) => e[t][0], Ee = (e, t) => Array.from(e[t]).reverse()[0], ee = (e) => e ? `${e}${$}` : "", be = (e, t, r) => {
   var l;
   let n;
   if ((l = e.current) != null && l.prevNavigationIndexes) {
     const [o, s] = e.current.prevNavigationIndexes, c = t[o];
-    c && c[s] === r ? n = e.current.prevNavigationIndexes : n = A(t, r);
+    c && c[s] === r ? n = e.current.prevNavigationIndexes : n = b(t, r);
   } else
-    n = A(t, r);
+    n = b(t, r);
   return n;
-}, ee = (e) => {
+}, te = (e) => {
   var t;
-  return ((t = _(e)) == null ? void 0 : t.getAttribute("data-keyboardnavid")) || e.getAttribute("data-keyboardnavid");
-}, ae = {
-  generateNavigatableId: $,
-  getNavigatableId: I,
-  getNavigatableLevel: k,
-  getNavigatableElement: F,
-  getClosestNavigatableElement: _,
-  getActiveNavDataElement: m,
-  getClosestScope: L,
-  getHeaderElement: Y,
-  getBodyElement: P,
-  getFocusableElements: j,
-  getNavigatableElements: W,
-  filterNavigatableElements: H,
-  focusElement: x,
-  getIdPrefix: M,
+  return ((t = x(e)) == null ? void 0 : t.getAttribute("data-keyboardnavid")) || e.getAttribute("data-keyboardnavid");
+}, re = (e) => e.closest(".k-grid-stack-cell"), S = (e) => y(e, { focusable: !0 }), ne = (e, t) => {
+  var o;
+  const r = e.closest(".k-table-td");
+  if (!r)
+    return null;
+  const n = Array.from(r.querySelectorAll(".k-grid-stack-cell")), l = n.indexOf(e);
+  return l === -1 ? null : t === "next" ? l < n.length - 1 ? n[l + 1] : n[0] : l > 0 ? n[l - 1] : (o = n.at(-1)) != null ? o : null;
+}, le = (e) => e.closest(".k-table-td, td.k-table-td[tabindex]"), oe = (e, t = 0) => {
+  const r = S(e);
+  r.length > 0 ? (r[t] || r[0]).focus() : e.focus();
+}, Ae = {
+  generateNavigatableId: F,
+  getNavigatableId: m,
+  getNavigatableLevel: q,
+  getNavigatableElement: L,
+  getClosestNavigatableElement: x,
+  getActiveNavDataElement: I,
+  getClosestScope: O,
+  getHeaderElement: U,
+  getBodyElement: W,
+  getFocusableElements: y,
+  getNavigatableElements: H,
+  filterNavigatableElements: M,
+  focusElement: _,
+  getIdPrefix: X,
   isNavigatable: E,
-  findNextIdByRowIndex: X,
+  findNextIdByRowIndex: z,
   findNextIdByCellIndex: d,
-  findId: A,
-  getNextNavigationIndex: J,
-  getFilterColumnId: Z,
-  focusFirstDataElement: U,
+  findId: b,
+  getNextNavigationIndex: Q,
+  getFilterColumnId: ee,
+  focusFirstDataElement: j,
   getClosestCancelButton: R,
-  getClosestEditButton: K,
-  getRowAriaRowIndex: O,
-  getRemoveButtonByAriaRowIndex: q,
+  getClosestEditButton: Y,
+  getRowAriaRowIndex: V,
+  getRemoveButtonByAriaRowIndex: K,
   getTableCellByKeyboardNavId: a,
-  getParentCell: V,
+  getParentCell: P,
   waitForElementToBeVisible: p,
-  getNextEditableCell: G,
-  getPrevEditableCell: z,
-  getClosestCellNavId: ee
+  getNextEditableCell: J,
+  getPrevEditableCell: G,
+  getClosestCellNavId: te,
+  getStackedCellWrapper: re,
+  getStackedCellFocusableElements: S,
+  getNextStackedCell: ne,
+  getStackedCellContainer: le,
+  focusStackedCellElement: oe
 };
 export {
-  H as filterNavigatableElements,
-  A as findId,
+  M as filterNavigatableElements,
+  b as findId,
   d as findNextIdByCellIndex,
-  X as findNextIdByRowIndex,
-  x as focusElement,
-  U as focusFirstDataElement,
-  oe as focusFirstEditor,
-  $ as generateNavigatableId,
-  m as getActiveNavDataElement,
-  P as getBodyElement,
+  z as findNextIdByRowIndex,
+  _ as focusElement,
+  j as focusFirstDataElement,
+  ae as focusFirstEditor,
+  oe as focusStackedCellElement,
+  F as generateNavigatableId,
+  I as getActiveNavDataElement,
+  W as getBodyElement,
   R as getClosestCancelButton,
-  ee as getClosestCellNavId,
-  K as getClosestEditButton,
-  _ as getClosestNavigatableElement,
-  L as getClosestScope,
-  ue as getCurrentIdIndexes,
-  Z as getFilterColumnId,
-  Q as getFirstDataCell,
-  ce as getFirstRowDataCell,
-  j as getFocusableElements,
-  Y as getHeaderElement,
-  M as getIdPrefix,
-  se as getLastDataCell,
-  ie as getLastRowDataCell,
-  F as getNavigatableElement,
-  W as getNavigatableElements,
-  I as getNavigatableId,
-  k as getNavigatableLevel,
-  G as getNextEditableCell,
-  J as getNextNavigationIndex,
-  le as getNoRecordsElement,
-  V as getParentCell,
-  z as getPrevEditableCell,
-  q as getRemoveButtonByAriaRowIndex,
-  O as getRowAriaRowIndex,
+  te as getClosestCellNavId,
+  Y as getClosestEditButton,
+  x as getClosestNavigatableElement,
+  O as getClosestScope,
+  be as getCurrentIdIndexes,
+  ee as getFilterColumnId,
+  Z as getFirstDataCell,
+  fe as getFirstRowDataCell,
+  y as getFocusableElements,
+  U as getHeaderElement,
+  X as getIdPrefix,
+  de as getLastDataCell,
+  Ee as getLastRowDataCell,
+  L as getNavigatableElement,
+  H as getNavigatableElements,
+  m as getNavigatableId,
+  q as getNavigatableLevel,
+  J as getNextEditableCell,
+  Q as getNextNavigationIndex,
+  ne as getNextStackedCell,
+  ue as getNoRecordsElement,
+  P as getParentCell,
+  G as getPrevEditableCell,
+  K as getRemoveButtonByAriaRowIndex,
+  V as getRowAriaRowIndex,
+  le as getStackedCellContainer,
+  S as getStackedCellFocusableElements,
+  re as getStackedCellWrapper,
   a as getTableCellByKeyboardNavId,
   E as isNavigatable,
-  ae as tableKeyboardNavigationTools
+  Ae as tableKeyboardNavigationTools
 };

package/package-metadata.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 e=Object.freeze({name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1767620320,version:"13.3.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768210222,version:"13.3.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = Object.freeze({
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1767620320,
-  version: "13.3.0-develop.1",
+  publishDate: 1768210222,
+  version: "13.3.0-develop.3",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "13.3.0-develop.1",
+  "version": "13.3.0-develop.3",
   "description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,14 +28,14 @@
     "@progress/kendo-data-query": "^1.7.2",
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "13.3.0-develop.1",
-    "@progress/kendo-react-buttons": "13.3.0-develop.1",
-    "@progress/kendo-react-common": "13.3.0-develop.1",
-    "@progress/kendo-react-dateinputs": "13.3.0-develop.1",
-    "@progress/kendo-react-dropdowns": "13.3.0-develop.1",
-    "@progress/kendo-react-inputs": "13.3.0-develop.1",
-    "@progress/kendo-react-intl": "13.3.0-develop.1",
-    "@progress/kendo-react-popup": "13.3.0-develop.1",
+    "@progress/kendo-react-animation": "13.3.0-develop.3",
+    "@progress/kendo-react-buttons": "13.3.0-develop.3",
+    "@progress/kendo-react-common": "13.3.0-develop.3",
+    "@progress/kendo-react-dateinputs": "13.3.0-develop.3",
+    "@progress/kendo-react-dropdowns": "13.3.0-develop.3",
+    "@progress/kendo-react-inputs": "13.3.0-develop.3",
+    "@progress/kendo-react-intl": "13.3.0-develop.3",
+    "@progress/kendo-react-popup": "13.3.0-develop.3",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -65,7 +65,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1767620320,
+      "publishDate": 1768210222,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },