@progress/kendo-react-data-tools 8.1.1 → 8.2.0-develop.10

package/navigation/TableKeyboardNavigation.mjs

@@ -6,170 +6,197 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { guid as S, getActiveElement as A, Keys as l } from "@progress/kendo-react-common";
-import { focusFirstDataElement as D, getFirstDataCell as N, tableKeyboardNavigationTools as o, getCurrentIdIndexes as F, getFirstRowDataCell as w, getLastRowDataCell as M, getLastDataCell as L, getHeaderElement as P, getBodyElement as K, getNoRecordsElement as T, getNavigatableId as B, findNextIdByRowIndex as H, findNextIdByCellIndex as U } from "./utils.mjs";
-const R = (e) => {
-  const { navigatable: c, contextStateRef: a, navigationStateRef: t, idPrefix: r } = e;
-  c && (a.current = {
+import { guid as w, getActiveElement as S, Keys as l } from "@progress/kendo-react-common";
+import { focusFirstDataElement as p, getFirstDataCell as D, tableKeyboardNavigationTools as n, focusFirstEditor as F, getCurrentIdIndexes as B, getFirstRowDataCell as M, getLastRowDataCell as L, getLastDataCell as T, getHeaderElement as K, getBodyElement as P, getNoRecordsElement as H, getNavigatableId as U, findNextIdByRowIndex as O, findNextIdByCellIndex as G } from "./utils.mjs";
+import { NavigatableMode as V } from "./NavigatableSettings.mjs";
+const k = (e) => {
+  const { navigatable: s, contextStateRef: o, navigationStateRef: t, idPrefix: i } = e;
+  s && (o.current = {
     activeId: "",
     level: 0
   }, t.current = {
     activeElementIsFocused: !1,
     prevNavigationIndexes: void 0,
-    idPrefix: r || S(),
+    idPrefix: i || w(),
     navigationMatrix: [],
     lastHeaderIndex: -1
   });
-}, h = (e) => {
-  const { scope: c, contextStateRef: a, navigationStateRef: t } = e;
-  if (a.current && t.current && c) {
-    b(e);
-    const r = N(t.current.navigationMatrix);
-    if (r) {
-      const n = o.getActiveNavDataElement(c, r);
-      n && (a.current.activeId = r, n.setAttribute("tabIndex", "0"));
+}, A = (e) => {
+  const { scope: s, contextStateRef: o, navigationStateRef: t } = e;
+  if (o.current && t.current && s) {
+    R(e);
+    const i = D(t.current.navigationMatrix);
+    if (i) {
+      const a = n.getActiveNavDataElement(s, i);
+      a && (o.current.activeId = i, a.setAttribute("tabIndex", "0"));
     }
   }
-}, O = (e) => {
-  const { contextStateRef: c, navigationStateRef: a, document: t } = e;
-  if (c.current && a.current && t) {
-    const r = A(t), n = o.getNavigatableId(r);
-    n && n === c.current.activeId && (a.current.activeElementIsFocused = !0);
+}, W = (e) => {
+  const { contextStateRef: s, navigationStateRef: o, document: t } = e;
+  if (s.current && o.current && t) {
+    const i = S(t), a = n.getNavigatableId(i);
+    a && a === s.current.activeId && (o.current.activeElementIsFocused = !0);
   }
-}, G = (e) => {
-  const { scope: c, contextStateRef: a, navigationStateRef: t, focusFirst: r } = e;
-  if (r && (R(e), h(e), D(e)), b(e), a.current && t.current && c) {
-    if (!o.getActiveNavDataElement(c, a.current.activeId)) {
-      const f = N(t.current.navigationMatrix), i = o.getActiveNavDataElement(c, f);
-      f && i && (a.current.activeId = f, i.setAttribute("tabIndex", "0"), t.current.activeElementIsFocused && i.focus());
+}, j = (e) => {
+  const { scope: s, contextStateRef: o, navigationStateRef: t, focusFirst: i, newEditableRow: a, singleEditRow: d, lastActiveElement: c } = e;
+  if (i && (k(e), A(e), p(e)), a && !d || a && d && !c ? F(a) : a && d && c && c.focus(), R(e), o.current && t.current && s) {
+    if (!n.getActiveNavDataElement(s, o.current.activeId)) {
+      const f = D(t.current.navigationMatrix), u = n.getActiveNavDataElement(s, f);
+      f && u && (o.current.activeId = f, u.setAttribute("tabIndex", "0"), t.current.activeElementIsFocused && u.focus());
     }
     t.current.activeElementIsFocused = !1;
   }
-}, V = (e, c) => {
-  const { contextStateRef: a } = c;
-  if (e.isDefaultPrevented() || !a.current)
+}, q = (e, s) => {
+  const { contextStateRef: o } = s;
+  if (e.isDefaultPrevented() || !o.current)
     return;
-  const t = e.target, r = o.getNavigatableId(t);
-  if (r && r !== a.current.activeId) {
-    const n = o.getClosestScope(t);
-    if (!n)
+  const t = e.target, i = n.getNavigatableId(t);
+  if (i && i !== o.current.activeId) {
+    const a = n.getClosestScope(t);
+    if (!a)
       return;
-    const f = o.getActiveNavDataElement(n, a.current.activeId);
-    f && !e.target.classList.contains("k-table-td") && !e.target.classList.contains("k-detail-cell") && f.setAttribute("tabIndex", "-1"), t.setAttribute("tabIndex", "0"), a.current.activeId = r;
+    const d = n.getActiveNavDataElement(a, o.current.activeId);
+    d && !e.target.classList.contains("k-table-td") && !e.target.classList.contains("k-detail-cell") && d.setAttribute("tabIndex", "-1"), t.setAttribute("tabIndex", "0"), o.current.activeId = i;
   }
-}, W = (e, c) => {
+}, z = async (e, s) => {
+  var x;
   const {
-    contextStateRef: a,
+    contextStateRef: o,
     navigationStateRef: t,
-    onNavigationAction: r
-  } = c;
-  if (e.isDefaultPrevented() || !a.current || !t.current)
+    onNavigationAction: i
+  } = s;
+  if (e.isDefaultPrevented() || !o.current || !t.current)
     return;
-  let n;
-  if (e.keyCode === l.esc) {
-    n = o.getClosestNavigatableElement(e.target), o.focusElement({ elementForFocus: n, event: e, contextStateRef: a });
+  let a;
+  if (e.keyCode === l.esc && !s.navigatable.mode) {
+    a = n.getClosestNavigatableElement(e.target), n.focusElement({ elementForFocus: a, event: e, contextStateRef: o });
     return;
   }
-  const f = e.target, i = f.className.indexOf("k-checkbox") === -1 ? f : o.getClosestNavigatableElement(f), g = o.getNavigatableId(i), E = g == null ? void 0 : g.endsWith("column"), x = o.getNavigatableLevel(i), u = o.getClosestScope(i), v = t.current.navigationMatrix, I = e.metaKey || e.ctrlKey, m = F(t, v, g);
-  if (x !== void 0 && u) {
+  const d = e.target, c = d.className.indexOf("k-checkbox") === -1 ? d : n.getClosestNavigatableElement(d), E = n.getNavigatableId(c), f = E == null ? void 0 : E.endsWith("column"), u = n.getNavigatableLevel(c), g = n.getClosestScope(c), y = t.current.navigationMatrix, b = e.metaKey || e.ctrlKey, I = B(t, y, E);
+  if (s.navigatable && s.navigatable.mode === V.inline) {
     if (e.keyCode === l.enter) {
-      const s = o.getNavigatableElement(i, { level: x + 1 });
-      if (s) {
-        o.focusElement({
-          elementForFocus: s,
+      const r = c.classList.contains("k-grid-remove-command"), m = c.classList.contains("k-grid-cancel-command"), C = n.getRowAriaRowIndex(c);
+      if (r) {
+        setTimeout(() => {
+          const v = n.getRemoveButtonByAriaRowIndex(C.current) || n.getRemoveButtonByAriaRowIndex(C.prev);
+          v && v.focus();
+        });
+        return;
+      } else if (m && c.parentElement) {
+        const v = (x = n.getClosestNavigatableElement(c)) == null ? void 0 : x.getAttribute("data-keyboardnavid");
+        setTimeout(() => {
+          v && n.getTableCellByKeyboardNavId(v).focus();
+        });
+        return;
+      }
+    }
+    if (e.keyCode === l.esc) {
+      const r = n.getClosestCancelButton(c);
+      r && r.click();
+      const m = await n.getClosestEditButton(c);
+      m && m.focus();
+      return;
+    }
+  }
+  if (u !== void 0 && g) {
+    if (e.keyCode === l.enter) {
+      const r = n.getNavigatableElement(c, { level: u + 1 });
+      if (r) {
+        n.focusElement({
+          elementForFocus: r,
           event: e,
-          contextStateRef: a,
-          prevElement: i
+          contextStateRef: o,
+          prevElement: c
         });
         return;
       } else {
-        n = o.getFocusableElements(i)[0], o.focusElement({ elementForFocus: n, event: e, contextStateRef: a, prevElement: i });
+        a = n.getFocusableElements(c)[0], n.focusElement({ elementForFocus: a, event: e, contextStateRef: o, prevElement: c });
         return;
       }
     }
-    if (e.keyCode === l.home && m)
-      if (I)
-        D(
+    if (e.keyCode === l.home && I)
+      if (b)
+        p(
           {
-            scope: u,
+            scope: g,
             navigationStateRef: t,
-            contextStateRef: a
+            contextStateRef: o
           },
           e
         );
       else {
-        const s = w(t.current.navigationMatrix, m[0]);
-        n = o.getActiveNavDataElement(u, s), o.focusElement({ elementForFocus: n, event: e, contextStateRef: a });
+        const r = M(t.current.navigationMatrix, I[0]);
+        a = n.getActiveNavDataElement(g, r), n.focusElement({ elementForFocus: a, event: e, contextStateRef: o });
       }
-    if (e.keyCode === l.end && m)
-      if (I) {
-        const s = L(t.current.navigationMatrix);
-        n = o.getActiveNavDataElement(u, s), o.focusElement({ elementForFocus: n, event: e, contextStateRef: a });
+    if (e.keyCode === l.end && I)
+      if (b) {
+        const r = T(t.current.navigationMatrix);
+        a = n.getActiveNavDataElement(g, r), n.focusElement({ elementForFocus: a, event: e, contextStateRef: o });
       } else {
-        const s = M(t.current.navigationMatrix, m[0]);
-        n = o.getActiveNavDataElement(u, s), o.focusElement({ elementForFocus: n, event: e, contextStateRef: a });
+        const r = L(t.current.navigationMatrix, I[0]);
+        a = n.getActiveNavDataElement(g, r), n.focusElement({ elementForFocus: a, event: e, contextStateRef: o });
       }
     if (e.keyCode === l.up || e.keyCode === l.down || e.keyCode === l.left || e.keyCode === l.right) {
-      const s = e.keyCode === l.up || e.keyCode === l.left, d = e.keyCode === l.up || e.keyCode === l.down;
-      if (m) {
-        const [p, C] = m, [y, k] = d ? H(p, C, g, v, s) : U(p, C, g, v, s);
-        y && (n = o.getActiveNavDataElement(u, y), o.focusElement({ elementForFocus: n, event: e, contextStateRef: a, prevElement: i }), t.current.prevNavigationIndexes = k);
+      const r = e.keyCode === l.up || e.keyCode === l.left, m = e.keyCode === l.up || e.keyCode === l.down;
+      if (I) {
+        const [C, v] = I, [N, h] = m ? O(C, v, E, y, r) : G(C, v, E, y, r);
+        N && (a = n.getActiveNavDataElement(g, N), n.focusElement({ elementForFocus: a, event: e, contextStateRef: o, prevElement: c }), t.current.prevNavigationIndexes = h);
       }
     }
-    if (I && e.keyCode === l.left && E) {
-      r && r({ focusElement: i, event: e, action: "reorderToLeft" }), e.preventDefault();
+    if (b && e.keyCode === l.left && f) {
+      i && i({ focusElement: c, event: e, action: "reorderToLeft" }), e.preventDefault();
       return;
     }
-    if (I && e.keyCode === l.right && E) {
-      r && r({ focusElement: i, event: e, action: "reorderToRight" }), e.preventDefault();
+    if (b && e.keyCode === l.right && f) {
+      i && i({ focusElement: c, event: e, action: "reorderToRight" }), e.preventDefault();
       return;
     }
     if (e.keyCode === l.pageUp) {
-      r && r({ focusElement: n, event: e, action: "moveToNextPage" }), e.preventDefault();
+      i && i({ focusElement: a, event: e, action: "moveToNextPage" }), e.preventDefault();
       return;
     }
     if (e.keyCode === l.pageDown) {
-      r && r({ focusElement: n, event: e, action: "moveToPrevPage" }), e.preventDefault();
+      i && i({ focusElement: a, event: e, action: "moveToPrevPage" }), e.preventDefault();
       return;
     }
-    r && r({ focusElement: n, event: e });
+    i && i({ focusElement: a, event: e });
   }
-}, b = (e) => {
-  const { navigationStateRef: c, scope: a } = e;
-  if (!c.current || !a)
+}, R = (e) => {
+  const { navigationStateRef: s, scope: o } = e;
+  if (!s.current || !o)
     return;
-  const t = [], r = P(a), n = K(a), f = T(a) || { children: [] };
-  if (!r || !n)
+  const t = [], i = K(o), a = P(o), d = H(o) || { children: [] };
+  if (!i || !a)
     return;
-  const i = Array.from(r.children), g = Array.from(n.children);
-  [...i, ...g, f].forEach((E, x) => {
-    Array.from(E.children).forEach((u) => {
-      const v = B(u);
-      if (!v)
+  const c = Array.from(i.children), E = Array.from(a.children);
+  [...c, ...E, d].forEach((f, u) => {
+    Array.from(f.children).forEach((g) => {
+      const y = U(g);
+      if (!y)
         return;
-      const I = u.rowSpan || 1, m = u.colSpan || 1;
-      let s;
-      for (let d = x, p = x + I; d < p; d++) {
-        if (t[d] || (t[d] = []), s === void 0) {
-          const C = t[d].findIndex((y) => !y);
-          s = C > -1 ? C : t[d].length;
+      const b = g.rowSpan || 1, I = g.colSpan || 1;
+      let x;
+      for (let r = u, m = u + b; r < m; r++) {
+        if (t[r] || (t[r] = []), x === void 0) {
+          const C = t[r].findIndex((v) => !v);
+          x = C > -1 ? C : t[r].length;
         }
-        t[d][s] = v || "";
+        t[r][x] = y || "";
       }
-      for (let d = s + 1, p = s + m; d < p; d++)
-        t[x][d] = v || "";
+      for (let r = x + 1, m = x + I; r < m; r++)
+        t[u][r] = y || "";
     });
-  }), c.current.navigationMatrix = t.filter((E) => !!E), c.current.lastHeaderIndex = i.length - 1;
-}, z = {
-  onConstructor: R,
-  onComponentDidMount: h,
-  onGetSnapshotBeforeUpdate: O,
-  onComponentDidUpdate: G,
-  onFocus: V,
-  onKeyDown: W,
-  generateMatrix: b,
-  focusFirstDataElement: D
+  }), s.current.navigationMatrix = t.filter((f) => !!f), s.current.lastHeaderIndex = c.length - 1;
+}, Y = {
+  onConstructor: k,
+  onComponentDidMount: A,
+  onGetSnapshotBeforeUpdate: W,
+  onComponentDidUpdate: j,
+  onFocus: q,
+  onKeyDown: z,
+  generateMatrix: R,
+  focusFirstDataElement: p
 };
 export {
-  z as tableKeyboardNavigation
+  Y as tableKeyboardNavigation
 };

package/navigation/constants.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="data-keyboardnavlevel",A="data-keyboardnavscope",t="data-keyboardnavheader",a="data-keyboardnavbody",_="data-keyboardnavid",o="data-keyboardnavzone",D="_filter",r={[A]:!0},E={[t]:!0},b={[a]:!0};exports.KEYBOARD_NAV_DATA_BODY=a;exports.KEYBOARD_NAV_DATA_HEADER=t;exports.KEYBOARD_NAV_DATA_ID=_;exports.KEYBOARD_NAV_DATA_LEVEL=e;exports.KEYBOARD_NAV_DATA_SCOPE=A;exports.KEYBOARD_NAV_DATA_ZONE=o;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=D;exports.tableKeyboardNavigationBodyAttributes=b;exports.tableKeyboardNavigationHeaderAttributes=E;exports.tableKeyboardNavigationScopeAttributes=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="data-keyboardnavlevel",A="data-keyboardnavscope",_="data-keyboardnavheader",t="data-keyboardnavbody",e="data-keyboardnavid",o="data-keyboardnavzone",D="_filter",E="k-grid-cancel-command",d="k-grid-edit-command",N={[A]:!0},n={[_]:!0},r={[t]:!0};exports.KEYBOARD_NAV_CANCEL_BUTTON_CLASS=E;exports.KEYBOARD_NAV_DATA_BODY=t;exports.KEYBOARD_NAV_DATA_HEADER=_;exports.KEYBOARD_NAV_DATA_ID=e;exports.KEYBOARD_NAV_DATA_LEVEL=a;exports.KEYBOARD_NAV_DATA_SCOPE=A;exports.KEYBOARD_NAV_DATA_ZONE=o;exports.KEYBOARD_NAV_EDIT_BUTTON_CLASS=d;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=D;exports.tableKeyboardNavigationBodyAttributes=r;exports.tableKeyboardNavigationHeaderAttributes=n;exports.tableKeyboardNavigationScopeAttributes=N;

package/navigation/constants.mjs

@@ -6,22 +6,24 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-const A = "data-keyboardnavlevel", a = "data-keyboardnavscope", t = "data-keyboardnavheader", e = "data-keyboardnavbody", o = "data-keyboardnavid", _ = "data-keyboardnavzone", n = "_filter", d = {
+const e = "data-keyboardnavlevel", a = "data-keyboardnavscope", t = "data-keyboardnavheader", A = "data-keyboardnavbody", o = "data-keyboardnavid", _ = "data-keyboardnavzone", n = "_filter", d = "k-grid-cancel-command", r = "k-grid-edit-command", c = {
   [a]: !0
-}, r = {
+}, D = {
   [t]: !0
-}, b = {
-  [e]: !0
+}, E = {
+  [A]: !0
 };
 export {
-  e as KEYBOARD_NAV_DATA_BODY,
+  d as KEYBOARD_NAV_CANCEL_BUTTON_CLASS,
+  A as KEYBOARD_NAV_DATA_BODY,
   t as KEYBOARD_NAV_DATA_HEADER,
   o as KEYBOARD_NAV_DATA_ID,
-  A as KEYBOARD_NAV_DATA_LEVEL,
+  e as KEYBOARD_NAV_DATA_LEVEL,
   a as KEYBOARD_NAV_DATA_SCOPE,
   _ as KEYBOARD_NAV_DATA_ZONE,
+  r as KEYBOARD_NAV_EDIT_BUTTON_CLASS,
   n as KEYBOARD_NAV_FILTER_COL_SUFFIX,
-  b as tableKeyboardNavigationBodyAttributes,
-  r as tableKeyboardNavigationHeaderAttributes,
-  d as tableKeyboardNavigationScopeAttributes
+  E as tableKeyboardNavigationBodyAttributes,
+  D as tableKeyboardNavigationHeaderAttributes,
+  c as tableKeyboardNavigationScopeAttributes
 };

package/navigation/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-react-common"),a=require("./constants.js"),d=(e,t,r="cell")=>`${t}_${e}_${r}`,f=e=>{if(e)return parseInt(e.getAttribute(a.KEYBOARD_NAV_DATA_LEVEL)||"",10)},E=e=>{if(!e)return;const t=e.getAttribute(a.KEYBOARD_NAV_DATA_ID);return t||void 0},u=e=>e?!!e.getAttribute(a.KEYBOARD_NAV_DATA_ID):!1,N=(e,t={level:0})=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),_=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_LEVEL}]`),g=(e,t)=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_ID}='${t}']`),D=e=>e&&e.parentElement&&e.parentElement.closest(`[${a.KEYBOARD_NAV_DATA_SCOPE}]`),I=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_HEADER}]`),v=e=>e.querySelector(`[${a.KEYBOARD_NAV_DATA_BODY}]`),O=e=>e.querySelector(".k-grid-norecords"),b=(e,t)=>{const{scope:r,navigationStateRef:n,contextStateRef:o}=e;if(!n.current||!r)return;const l=R(n.current.navigationMatrix),s=g(r,l);A({elementForFocus:s,contextStateRef:o,event:t})},m=(e,t={focusable:!1})=>{const r=t.focusable?c.FOCUSABLE_ELEMENTS:c.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(r.join(",")))},x=(e,t={level:0})=>{if(!e)return[];const r=c.FOCUSABLE_ELEMENTS.map(n=>n+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(r))},C=(e={level:0})=>{const t=c.FOCUSABLE_ELEMENTS.map(r=>r+`[${a.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return r=>r.matches(t)},A=e=>{const{elementForFocus:t,event:r,contextStateRef:n,prevElement:o}=e;if(n.current&&t&&t.focus){r==null||r.preventDefault();const l=t.querySelector(".k-checkbox-wrap .k-checkbox");l&&l.focus?l.focus():t.focus(),u(t)&&(t.setAttribute("tabIndex","0"),n.current.activeId=E(t)),o&&u(o)&&o.setAttribute("tabIndex","-1")}},B=e=>e.current?e.current.idPrefix:"",L=(e,t,r,n,o)=>{if(!r)return[];let l=e+(o?-1:1);for(;l>=0&&l<n.length;){const s=n[l][t];if(s!==r)return[s,[l,t]];l=l+(o?-1:1)}return[]},y=(e,t,r,n,o)=>{if(!r)return[];let l=t+(o?-1:1);for(;l>=0&&l<n[e].length;){const s=n[e][l];if(s!==r)return[s,[e,l]];l=l+(o?-1:1)}return[]},i=(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]}},F=e=>e.current?e.current.navigationMatrix.length:0,R=e=>e.flat().find(t=>t.endsWith("cell")),S=e=>e.flat().reverse().find(t=>t.endsWith("cell")),V=(e,t)=>e[t][0],$=(e,t)=>Array.from(e[t]).reverse()[0],T=e=>e?`${e}${a.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",p=(e,t,r)=>{let n;if(e.current&&e.current.prevNavigationIndexes){const[o,l]=e.current.prevNavigationIndexes;t[o][l]===r?n=e.current.prevNavigationIndexes:n=i(t,r)}else n=i(t,r);return n},K={generateNavigatableId:d,getNavigatableId:E,getNavigatableLevel:f,getNavigatableElement:N,getClosestNavigatableElement:_,getActiveNavDataElement:g,getClosestScope:D,getHeaderElement:I,getBodyElement:v,getFocusableElements:m,getNavigatableElements:x,filterNavigatableElements:C,focusElement:A,getIdPrefix:B,isNavigatable:u,findNextIdByRowIndex:L,findNextIdByCellIndex:y,findId:i,getNextNavigationIndex:F,getFilterColumnId:T,focusFirstDataElement:b};exports.filterNavigatableElements=C;exports.findId=i;exports.findNextIdByCellIndex=y;exports.findNextIdByRowIndex=L;exports.focusElement=A;exports.focusFirstDataElement=b;exports.generateNavigatableId=d;exports.getActiveNavDataElement=g;exports.getBodyElement=v;exports.getClosestNavigatableElement=_;exports.getClosestScope=D;exports.getCurrentIdIndexes=p;exports.getFilterColumnId=T;exports.getFirstDataCell=R;exports.getFirstRowDataCell=V;exports.getFocusableElements=m;exports.getHeaderElement=I;exports.getIdPrefix=B;exports.getLastDataCell=S;exports.getLastRowDataCell=$;exports.getNavigatableElement=N;exports.getNavigatableElements=x;exports.getNavigatableId=E;exports.getNavigatableLevel=f;exports.getNextNavigationIndex=F;exports.getNoRecordsElement=O;exports.isNavigatable=u;exports.tableKeyboardNavigationTools=K;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-react-common"),s=require("./constants.js"),g=(e,t,r="cell")=>`${t}_${e}_${r}`,f=e=>{if(e)return parseInt(e.getAttribute(s.KEYBOARD_NAV_DATA_LEVEL)||"",10)},d=e=>{if(!e)return;const t=e.getAttribute(s.KEYBOARD_NAV_DATA_ID);return t||void 0},i=e=>e?!!e.getAttribute(s.KEYBOARD_NAV_DATA_ID):!1,N=(e,t={level:0})=>e.querySelector(`[${s.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),_=e=>e&&e.parentElement&&e.parentElement.closest(`[${s.KEYBOARD_NAV_DATA_LEVEL}]`),E=(e,t)=>e.querySelector(`[${s.KEYBOARD_NAV_DATA_ID}='${t}']`),I=e=>e&&e.parentElement&&e.parentElement.closest(`[${s.KEYBOARD_NAV_DATA_SCOPE}]`),b=e=>{const t=e&&e.parentElement&&e.parentElement.closest(".k-grid-edit-row");return t&&t.querySelector("."+s.KEYBOARD_NAV_CANCEL_BUTTON_CLASS)},m=e=>document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`),v=e=>document.querySelector(`[data-keyboardnavid="${e}"]`),D=e=>{var n;const t=e&&e.parentElement&&e.parentElement.closest(".k-table-row");let r;return(n=t==null?void 0:t.parentElement)==null||n.childNodes.forEach(l=>{if(t===l){const o=l.previousSibling;r={current:t.getAttribute("aria-rowindex"),prev:o&&o.getAttribute("aria-rowindex")}}}),r};async function $(e,t,r=5e3){const n=Date.now();if(t)for(;Date.now()-n<r;){const l=t.querySelector(e);if(l)return l;await new Promise(o=>setTimeout(o,100))}return!1}const B=async e=>{const t=e&&e.parentElement&&e.parentElement.closest(".k-grid-edit-row");return await $("."+s.KEYBOARD_NAV_EDIT_BUTTON_CLASS,t)},C=e=>e.querySelector(`[${s.KEYBOARD_NAV_DATA_HEADER}]`),y=e=>e.querySelector(`[${s.KEYBOARD_NAV_DATA_BODY}]`),K=e=>e.querySelector(".k-grid-norecords"),h=e=>{const t=e.querySelector(".k-grid-edit-cell"),r=t&&t.querySelector("input");r?r.focus():(t==null?void 0:t.firstChild).focus()},x=(e,t)=>{const{scope:r,navigationStateRef:n,contextStateRef:l}=e;if(!n.current||!r)return;const o=O(n.current.navigationMatrix),a=E(r,o);A({elementForFocus:a,contextStateRef:l,event:t})},w=(e,t={focusable:!1})=>{const r=t.focusable?c.FOCUSABLE_ELEMENTS:c.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(r.join(",")))},R=(e,t={level:0})=>{if(!e)return[];const r=c.FOCUSABLE_ELEMENTS.map(n=>n+`[${s.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(r))},S=(e={level:0})=>{const t=c.FOCUSABLE_ELEMENTS.map(r=>r+`[${s.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return r=>r.matches(t)},A=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(),i(t)&&(t.setAttribute("tabIndex","0"),n.current.activeId=d(t)),l&&i(l)&&l.setAttribute("tabIndex","-1")}},T=e=>e.current?e.current.idPrefix:"",L=(e,t,r,n,l)=>{if(!r)return[];let o=e+(l?-1:1);for(;o>=0&&o<n.length;){const a=n[o][t];if(a!==r)return[a,[o,t]];o=o+(l?-1:1)}return[]},p=(e,t,r,n,l)=>{if(!r)return[];let o=t+(l?-1:1);for(;o>=0&&o<n[e].length;){const a=n[e][o];if(a!==r)return[a,[e,o]];o=o+(l?-1:1)}return[]},u=(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]}},F=e=>e.current?e.current.navigationMatrix.length:0,O=e=>e.flat().find(t=>t.endsWith("cell")),q=e=>e.flat().reverse().find(t=>t.endsWith("cell")),Y=(e,t)=>e[t][0],k=(e,t)=>Array.from(e[t]).reverse()[0],V=e=>e?`${e}${s.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",P=(e,t,r)=>{let n;if(e.current&&e.current.prevNavigationIndexes){const[l,o]=e.current.prevNavigationIndexes,a=t[l];a&&a[o]===r?n=e.current.prevNavigationIndexes:n=u(t,r)}else n=u(t,r);return n},U={generateNavigatableId:g,getNavigatableId:d,getNavigatableLevel:f,getNavigatableElement:N,getClosestNavigatableElement:_,getActiveNavDataElement:E,getClosestScope:I,getHeaderElement:C,getBodyElement:y,getFocusableElements:w,getNavigatableElements:R,filterNavigatableElements:S,focusElement:A,getIdPrefix:T,isNavigatable:i,findNextIdByRowIndex:L,findNextIdByCellIndex:p,findId:u,getNextNavigationIndex:F,getFilterColumnId:V,focusFirstDataElement:x,getClosestCancelButton:b,getClosestEditButton:B,getRowAriaRowIndex:D,getRemoveButtonByAriaRowIndex:m,getTableCellByKeyboardNavId:v};exports.filterNavigatableElements=S;exports.findId=u;exports.findNextIdByCellIndex=p;exports.findNextIdByRowIndex=L;exports.focusElement=A;exports.focusFirstDataElement=x;exports.focusFirstEditor=h;exports.generateNavigatableId=g;exports.getActiveNavDataElement=E;exports.getBodyElement=y;exports.getClosestCancelButton=b;exports.getClosestEditButton=B;exports.getClosestNavigatableElement=_;exports.getClosestScope=I;exports.getCurrentIdIndexes=P;exports.getFilterColumnId=V;exports.getFirstDataCell=O;exports.getFirstRowDataCell=Y;exports.getFocusableElements=w;exports.getHeaderElement=C;exports.getIdPrefix=T;exports.getLastDataCell=q;exports.getLastRowDataCell=k;exports.getNavigatableElement=N;exports.getNavigatableElements=R;exports.getNavigatableId=d;exports.getNavigatableLevel=f;exports.getNextNavigationIndex=F;exports.getNoRecordsElement=K;exports.getRemoveButtonByAriaRowIndex=m;exports.getRowAriaRowIndex=D;exports.getTableCellByKeyboardNavId=v;exports.isNavigatable=i;exports.tableKeyboardNavigationTools=U;

package/navigation/utils.mjs

@@ -6,17 +6,51 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { FOCUSABLE_ELEMENTS as i, TABBABLE_ELEMENTS as g } from "@progress/kendo-react-common";
-import { KEYBOARD_NAV_DATA_LEVEL as s, KEYBOARD_NAV_DATA_ID as f, KEYBOARD_NAV_DATA_SCOPE as I, KEYBOARD_NAV_DATA_HEADER as N, KEYBOARD_NAV_DATA_BODY as v, KEYBOARD_NAV_FILTER_COL_SUFFIX as b } from "./constants.mjs";
-const _ = (e, t, r = "cell") => `${t}_${e}_${r}`, D = (e) => {
+import { FOCUSABLE_ELEMENTS as a, TABBABLE_ELEMENTS as g } from "@progress/kendo-react-common";
+import { KEYBOARD_NAV_DATA_LEVEL as s, KEYBOARD_NAV_DATA_ID as d, KEYBOARD_NAV_DATA_SCOPE as m, KEYBOARD_NAV_CANCEL_BUTTON_CLASS as b, KEYBOARD_NAV_DATA_HEADER as N, KEYBOARD_NAV_DATA_BODY as I, KEYBOARD_NAV_FILTER_COL_SUFFIX as v, KEYBOARD_NAV_EDIT_BUTTON_CLASS as _ } from "./constants.mjs";
+const p = (e, t, r = "cell") => `${t}_${e}_${r}`, y = (e) => {
   if (e)
     return parseInt(e.getAttribute(s) || "", 10);
-}, d = (e) => {
+}, f = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(f);
+  const t = e.getAttribute(d);
   return t || void 0;
-}, u = (e) => e ? !!e.getAttribute(f) : !1, x = (e, t = { level: 0 }) => e.querySelector(`[${s}='${t.level}']`), m = (e) => e && e.parentElement && e.parentElement.closest(`[${s}]`), A = (e, t) => e.querySelector(`[${f}='${t}']`), p = (e) => e && e.parentElement && e.parentElement.closest(`[${I}]`), $ = (e) => e.querySelector(`[${N}]`), y = (e) => e.querySelector(`[${v}]`), V = (e) => e.querySelector(".k-grid-norecords"), B = (e, t) => {
+}, u = (e) => e ? !!e.getAttribute(d) : !1, B = (e, t = { level: 0 }) => e.querySelector(`[${s}='${t.level}']`), D = (e) => e && e.parentElement && e.parentElement.closest(`[${s}]`), E = (e, t) => e.querySelector(`[${d}='${t}']`), w = (e) => e && e.parentElement && e.parentElement.closest(`[${m}]`), x = (e) => {
+  const t = e && e.parentElement && e.parentElement.closest(".k-grid-edit-row");
+  return t && t.querySelector("." + b);
+}, C = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), S = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), T = (e) => {
+  var n;
+  const t = e && e.parentElement && e.parentElement.closest(".k-table-row");
+  let r;
+  return (n = t == null ? void 0 : t.parentElement) == null || n.childNodes.forEach((l) => {
+    if (t === l) {
+      const o = l.previousSibling;
+      r = {
+        current: t.getAttribute("aria-rowindex"),
+        prev: o && o.getAttribute("aria-rowindex")
+      };
+    }
+  }), r;
+};
+async function $(e, t, r = 5e3) {
+  const n = Date.now();
+  if (t)
+    for (; Date.now() - n < r; ) {
+      const l = t.querySelector(e);
+      if (l)
+        return l;
+      await new Promise((o) => setTimeout(o, 100));
+    }
+  return !1;
+}
+const h = async (e) => {
+  const t = e && e.parentElement && e.parentElement.closest(".k-grid-edit-row");
+  return await $("." + _, t);
+}, R = (e) => e.querySelector(`[${N}]`), F = (e) => e.querySelector(`[${I}]`), M = (e) => e.querySelector(".k-grid-norecords"), X = (e) => {
+  const t = e.querySelector(".k-grid-edit-cell"), r = t && t.querySelector("input");
+  r ? r.focus() : (t == null ? void 0 : t.firstChild).focus();
+}, q = (e, t) => {
   const {
     scope: r,
     navigationStateRef: n,
@@ -24,29 +58,29 @@ const _ = (e, t, r = "cell") => `${t}_${e}_${r}`, D = (e) => {
   } = e;
   if (!n.current || !r)
     return;
-  const o = R(n.current.navigationMatrix), c = A(r, o);
-  E({ elementForFocus: c, contextStateRef: l, event: t });
-}, C = (e, t = { focusable: !1 }) => {
-  const r = t.focusable ? i : g;
+  const o = U(n.current.navigationMatrix), c = E(r, o);
+  A({ elementForFocus: c, contextStateRef: l, event: t });
+}, L = (e, t = { focusable: !1 }) => {
+  const r = t.focusable ? a : g;
   return Array.from(e.querySelectorAll(r.join(",")));
-}, h = (e, t = { level: 0 }) => {
+}, O = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  const r = i.map((n) => n + `[${s}='${t.level}']`).join(",");
+  const r = a.map((n) => n + `[${s}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, F = (e = { level: 0 }) => {
-  const t = i.map(
+}, k = (e = { level: 0 }) => {
+  const t = a.map(
     (r) => r + `[${s}='${e.level}']`
   ).join(",");
   return (r) => r.matches(t);
-}, E = (e) => {
+}, A = (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(), u(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = d(t)), l && u(l) && l.setAttribute("tabIndex", "-1");
+    o && o.focus ? o.focus() : t.focus(), u(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = f(t)), l && u(l) && l.setAttribute("tabIndex", "-1");
   }
-}, S = (e) => e.current ? e.current.idPrefix : "", L = (e, t, r, n, l) => {
+}, K = (e) => e.current ? e.current.idPrefix : "", V = (e, t, r, n, l) => {
   if (!r)
     return [];
   let o = e + (l ? -1 : 1);
@@ -57,7 +91,7 @@ const _ = (e, t, r = "cell") => `${t}_${e}_${r}`, D = (e) => {
     o = o + (l ? -1 : 1);
   }
   return [];
-}, O = (e, t, r, n, l) => {
+}, Y = (e, t, r, n, l) => {
   if (!r)
     return [];
   let o = t + (l ? -1 : 1);
@@ -68,71 +102,82 @@ const _ = (e, t, r = "cell") => `${t}_${e}_${r}`, D = (e) => {
     o = o + (l ? -1 : 1);
   }
   return [];
-}, a = (e, t) => {
+}, i = (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];
   }
-}, T = (e) => e.current ? e.current.navigationMatrix.length : 0, R = (e) => e.flat().find((t) => t.endsWith("cell")), Y = (e) => e.flat().reverse().find((t) => t.endsWith("cell")), k = (e, t) => e[t][0], j = (e, t) => Array.from(e[t]).reverse()[0], q = (e) => e ? `${e}${b}` : "", P = (e, t, r) => {
+}, P = (e) => e.current ? e.current.navigationMatrix.length : 0, U = (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}${v}` : "", Q = (e, t, r) => {
   let n;
   if (e.current && e.current.prevNavigationIndexes) {
-    const [l, o] = e.current.prevNavigationIndexes;
-    t[l][o] === r ? n = e.current.prevNavigationIndexes : n = a(t, r);
+    const [l, o] = e.current.prevNavigationIndexes, c = t[l];
+    c && c[o] === r ? n = e.current.prevNavigationIndexes : n = i(t, r);
   } else
-    n = a(t, r);
+    n = i(t, r);
   return n;
-}, H = {
-  generateNavigatableId: _,
-  getNavigatableId: d,
-  getNavigatableLevel: D,
-  getNavigatableElement: x,
-  getClosestNavigatableElement: m,
-  getActiveNavDataElement: A,
-  getClosestScope: p,
-  getHeaderElement: $,
-  getBodyElement: y,
-  getFocusableElements: C,
-  getNavigatableElements: h,
-  filterNavigatableElements: F,
-  focusElement: E,
-  getIdPrefix: S,
+}, Z = {
+  generateNavigatableId: p,
+  getNavigatableId: f,
+  getNavigatableLevel: y,
+  getNavigatableElement: B,
+  getClosestNavigatableElement: D,
+  getActiveNavDataElement: E,
+  getClosestScope: w,
+  getHeaderElement: R,
+  getBodyElement: F,
+  getFocusableElements: L,
+  getNavigatableElements: O,
+  filterNavigatableElements: k,
+  focusElement: A,
+  getIdPrefix: K,
   isNavigatable: u,
-  findNextIdByRowIndex: L,
-  findNextIdByCellIndex: O,
-  findId: a,
-  getNextNavigationIndex: T,
-  getFilterColumnId: q,
-  focusFirstDataElement: B
+  findNextIdByRowIndex: V,
+  findNextIdByCellIndex: Y,
+  findId: i,
+  getNextNavigationIndex: P,
+  getFilterColumnId: j,
+  focusFirstDataElement: q,
+  getClosestCancelButton: x,
+  getClosestEditButton: h,
+  getRowAriaRowIndex: T,
+  getRemoveButtonByAriaRowIndex: C,
+  getTableCellByKeyboardNavId: S
 };
 export {
-  F as filterNavigatableElements,
-  a as findId,
-  O as findNextIdByCellIndex,
-  L as findNextIdByRowIndex,
-  E as focusElement,
-  B as focusFirstDataElement,
-  _ as generateNavigatableId,
-  A as getActiveNavDataElement,
-  y as getBodyElement,
-  m as getClosestNavigatableElement,
-  p as getClosestScope,
-  P as getCurrentIdIndexes,
-  q as getFilterColumnId,
-  R as getFirstDataCell,
-  k as getFirstRowDataCell,
-  C as getFocusableElements,
-  $ as getHeaderElement,
-  S as getIdPrefix,
-  Y as getLastDataCell,
-  j as getLastRowDataCell,
-  x as getNavigatableElement,
-  h as getNavigatableElements,
-  d as getNavigatableId,
-  D as getNavigatableLevel,
-  T as getNextNavigationIndex,
-  V as getNoRecordsElement,
+  k as filterNavigatableElements,
+  i as findId,
+  Y as findNextIdByCellIndex,
+  V as findNextIdByRowIndex,
+  A as focusElement,
+  q as focusFirstDataElement,
+  X as focusFirstEditor,
+  p as generateNavigatableId,
+  E as getActiveNavDataElement,
+  F as getBodyElement,
+  x as getClosestCancelButton,
+  h as getClosestEditButton,
+  D as getClosestNavigatableElement,
+  w as getClosestScope,
+  Q as getCurrentIdIndexes,
+  j as getFilterColumnId,
+  U as getFirstDataCell,
+  G as getFirstRowDataCell,
+  L as getFocusableElements,
+  R as getHeaderElement,
+  K as getIdPrefix,
+  z as getLastDataCell,
+  J as getLastRowDataCell,
+  B as getNavigatableElement,
+  O as getNavigatableElements,
+  f as getNavigatableId,
+  y as getNavigatableLevel,
+  P as getNextNavigationIndex,
+  M as getNoRecordsElement,
+  C as getRemoveButtonByAriaRowIndex,
+  T as getRowAriaRowIndex,
+  S as getTableCellByKeyboardNavId,
   u as isNavigatable,
-  H as tableKeyboardNavigationTools
+  Z as tableKeyboardNavigationTools
 };