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

package/navigation/TableKeyboardNavigation.mjs

@@ -6,170 +6,254 @@
  *-------------------------------------------------------------------------------------------
  */
 "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 P, getActiveElement as H, enableNavigatableContainer as S, Keys as s, disableNavigatableContainer as O, keepFocusInContainer as U, TABBABLE_ELEMENTS as V } from "@progress/kendo-react-common";
+import { focusFirstDataElement as w, getFirstDataCell as T, tableKeyboardNavigationTools as t, focusFirstEditor as q, getCurrentIdIndexes as G, getFirstRowDataCell as W, getLastRowDataCell as _, getLastDataCell as $, getHeaderElement as j, getBodyElement as z, getNoRecordsElement as J, getNavigatableId as Q, findNextIdByRowIndex as F, findNextIdByCellIndex as X } from "./utils.mjs";
+import { NavigatableMode as D } from "./NavigatableSettings.mjs";
+const M = (e) => {
+  const { navigatable: l, contextStateRef: o, navigationStateRef: n, idPrefix: i } = e;
+  l && (o.current = {
     activeId: "",
     level: 0
-  }, t.current = {
+  }, n.current = {
     activeElementIsFocused: !1,
     prevNavigationIndexes: void 0,
-    idPrefix: r || S(),
+    idPrefix: i || P(),
     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"));
+}, L = (e) => {
+  const { scope: l, contextStateRef: o, navigationStateRef: n } = e;
+  if (o.current && n.current && l) {
+    h(e);
+    const i = T(n.current.navigationMatrix);
+    if (i) {
+      const f = t.getActiveNavDataElement(l, i);
+      f && (o.current.activeId = i, f.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);
+}, Y = (e) => {
+  const { contextStateRef: l, navigationStateRef: o, document: n } = e;
+  if (l.current && o.current && n) {
+    const i = H(n), f = t.getNavigatableId(i);
+    f && f === l.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());
+}, Z = (e) => {
+  const { scope: l, contextStateRef: o, navigationStateRef: n, focusFirst: i, newEditableRow: f, singleEditRow: c, lastActiveElement: v, navigatable: a } = e;
+  if (i && (M(e), L(e), w(e)), (!a || a && a.mode === D.inline) && (f && !c || f && c && !v) ? q(f) : a && a.mode === D.inline && f && c && v && v.focus(), h(e), o.current && n.current && l) {
+    if (!t.getActiveNavDataElement(l, o.current.activeId)) {
+      const E = l.className.indexOf("k-treelist") === -1 ? T(n.current.navigationMatrix) : n.current.navigationMatrix[0][0], I = t.getActiveNavDataElement(l, E);
+      E && I && (o.current.activeId = E, I.setAttribute("tabIndex", "0"), n.current.activeElementIsFocused && I.focus());
     }
-    t.current.activeElementIsFocused = !1;
+    n.current.activeElementIsFocused = !1;
   }
-}, V = (e, c) => {
-  const { contextStateRef: a } = c;
-  if (e.isDefaultPrevented() || !a.current)
+}, ee = (e, l) => {
+  const { contextStateRef: o } = l;
+  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 n = e.target, i = t.getNavigatableId(n);
+  if (i && i !== o.current.activeId) {
+    const f = t.getClosestScope(n);
+    if (!f)
       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 c = t.getActiveNavDataElement(f, o.current.activeId);
+    c && !e.target.classList.contains("k-table-td") && !e.target.classList.contains("k-detail-cell") && c.setAttribute("tabIndex", "-1"), n.setAttribute("tabIndex", "0"), o.current.activeId = i;
+  } else if (n.closest(".k-filtercell") && l.navigatable) {
+    const f = n.closest(".k-table-th");
+    S(f);
   }
-}, W = (e, c) => {
+}, te = async (e, l) => {
+  var N, p, R, A;
   const {
-    contextStateRef: a,
-    navigationStateRef: t,
-    onNavigationAction: r
-  } = c;
-  if (e.isDefaultPrevented() || !a.current || !t.current)
+    contextStateRef: o,
+    navigationStateRef: n,
+    onNavigationAction: i,
+    columns: f
+  } = l;
+  if (e.isDefaultPrevented() || !o.current || !n.current)
     return;
-  let n;
-  if (e.keyCode === l.esc) {
-    n = o.getClosestNavigatableElement(e.target), o.focusElement({ elementForFocus: n, event: e, contextStateRef: a });
+  let c;
+  if (e.keyCode === s.esc && !l.navigatable.mode) {
+    c = t.getClosestNavigatableElement(e.target), t.focusElement({ elementForFocus: c, event: e, contextStateRef: o }), e.target.closest(".k-filtercell") && c && l.navigatable && O(c);
     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) {
-    if (e.keyCode === l.enter) {
-      const s = o.getNavigatableElement(i, { level: x + 1 });
-      if (s) {
-        o.focusElement({
-          elementForFocus: s,
+  const v = e.target, a = v.className.indexOf("k-checkbox") === -1 ? v : t.getClosestNavigatableElement(v), m = t.getNavigatableId(a) || ((N = t.getParentCell(a)) == null ? void 0 : N.getAttribute("data-keyboardnavid")), E = m == null ? void 0 : m.endsWith("column"), I = t.getNavigatableLevel(a), x = t.getClosestScope(a), y = n.current.navigationMatrix, k = e.metaKey || e.ctrlKey, u = G(n, y, m), C = a.closest(".k-table-th");
+  if (l.navigatable && l.navigatable.mode === D.inline) {
+    if (e.keyCode === s.enter) {
+      const d = a.classList.contains("k-grid-remove-command"), r = a.classList.contains("k-grid-cancel-command"), g = t.getRowAriaRowIndex(a);
+      if (d) {
+        setTimeout(() => {
+          const b = t.getRemoveButtonByAriaRowIndex(g.current) || t.getRemoveButtonByAriaRowIndex(g.prev);
+          b && b.focus();
+        });
+        return;
+      } else if (r && a.parentElement) {
+        const b = (p = t.getClosestNavigatableElement(a)) == null ? void 0 : p.getAttribute("data-keyboardnavid");
+        setTimeout(() => {
+          b && t.getTableCellByKeyboardNavId(b).focus();
+        });
+        return;
+      }
+    }
+    if (e.keyCode === s.esc) {
+      const d = t.getClosestCancelButton(a);
+      d && d.click();
+      const r = await t.getClosestEditButton(a);
+      r && r.focus();
+      return;
+    }
+  } else if (l.navigatable && l.navigatable.mode === D.incell) {
+    const d = (R = a.closest(".k-table-td")) == null ? void 0 : R.classList.contains("k-grid-edit-cell");
+    if (e.keyCode === s.esc) {
+      a.focus(), a.blur();
+      const r = v && v.parentElement && v.parentElement.closest(".k-grid-edit-row"), g = t.getClosestCellNavId(a), b = await t.waitForElementToBeVisible(`[data-keyboardnavid='${g}']:not(.k-grid-edit-cell)`, r);
+      b && b.focus();
+    } else if (e.keyCode === s.enter) {
+      let r;
+      if (u) {
+        const [g, b] = u;
+        r = F(g, b, m, y, !1);
+      }
+      if (!d)
+        (A = t.getParentCell(a)) == null || A.click();
+      else if (d && r) {
+        const g = r && r[0] && t.getTableCellByKeyboardNavId(r[0]);
+        g && g.click();
+      }
+    } else if (e.keyCode === s.left) {
+      if (d)
+        return;
+    } else if (e.keyCode === s.right) {
+      if (d)
+        return;
+    } else if (e.keyCode === s.up) {
+      if (d)
+        return;
+    } else if (e.keyCode === s.down) {
+      if (d)
+        return;
+    } else if (e.keyCode === s.tab && d) {
+      if (e.shiftKey) {
+        const r = u && f && t.getPrevEditableCell(u, f, m, y);
+        if (r && r.prevCell && r.prevCell.click(), r && r.elementToFocus !== "gridcell") {
+          a.blur();
+          const g = t.getClosestCellNavId(a);
+          setTimeout(() => {
+            g && t.getTableCellByKeyboardNavId(g).focus();
+          });
+        }
+        e.preventDefault();
+      } else {
+        const r = u && f && t.getNextEditableCell(u, f, m, y);
+        if (r && r.nextCell && r.elementToFocus === "gridcell" && r.nextCell.click(), r && r.elementToFocus !== "gridcell") {
+          a.blur();
+          const g = t.getClosestCellNavId(a);
+          g && t.getTableCellByKeyboardNavId(g).focus();
+          return;
+        }
+        e.preventDefault();
+      }
+      e.preventDefault();
+    }
+  }
+  if (a.closest(".k-filtercell") && C && l.navigatable && U(e, C, V), I !== void 0 && x) {
+    if (e.keyCode === s.enter) {
+      const d = t.getNavigatableElement(a, { level: I + 1 });
+      if (d) {
+        t.focusElement({
+          elementForFocus: d,
           event: e,
-          contextStateRef: a,
-          prevElement: i
+          contextStateRef: o,
+          prevElement: a
         });
         return;
       } else {
-        n = o.getFocusableElements(i)[0], o.focusElement({ elementForFocus: n, event: e, contextStateRef: a, prevElement: i });
+        a.querySelector(".k-filtercell") && l.navigatable && S(a), c = t.getFocusableElements(a)[0], t.focusElement({ elementForFocus: c, event: e, contextStateRef: o, prevElement: a });
         return;
       }
     }
-    if (e.keyCode === l.home && m)
-      if (I)
-        D(
+    if (e.keyCode === s.home && u)
+      if (k)
+        w(
           {
-            scope: u,
-            navigationStateRef: t,
-            contextStateRef: a
+            scope: x,
+            navigationStateRef: n,
+            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 d = W(n.current.navigationMatrix, u[0]);
+        c = t.getActiveNavDataElement(x, d), t.focusElement({ elementForFocus: c, 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 === s.end && u)
+      if (k) {
+        const d = $(n.current.navigationMatrix);
+        c = t.getActiveNavDataElement(x, d), t.focusElement({ elementForFocus: c, 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 d = _(n.current.navigationMatrix, u[0]);
+        c = t.getActiveNavDataElement(x, d), t.focusElement({ elementForFocus: c, 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);
+    if (e.keyCode === s.up || e.keyCode === s.down || e.keyCode === s.left || e.keyCode === s.right) {
+      const d = e.keyCode === s.up || e.keyCode === s.left, r = e.keyCode === s.up || e.keyCode === s.down;
+      if (u) {
+        const [g, b] = u, [B, K] = r ? F(g, b, m, y, d) : X(g, b, m, y, d);
+        B && (c = t.getActiveNavDataElement(x, B), t.focusElement({ elementForFocus: c, event: e, contextStateRef: o, prevElement: a }), n.current.prevNavigationIndexes = K);
       }
     }
-    if (I && e.keyCode === l.left && E) {
-      r && r({ focusElement: i, event: e, action: "reorderToLeft" }), e.preventDefault();
+    if (k && e.keyCode === s.left && E) {
+      i && i({ focusElement: a, 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 (k && e.keyCode === s.right && E) {
+      i && i({ focusElement: a, event: e, action: "reorderToRight" }), e.preventDefault();
       return;
     }
-    if (e.keyCode === l.pageUp) {
-      r && r({ focusElement: n, event: e, action: "moveToNextPage" }), e.preventDefault();
+    if (e.keyCode === s.pageUp) {
+      i && i({ focusElement: c, event: e, action: "moveToNextPage" }), e.preventDefault();
       return;
     }
-    if (e.keyCode === l.pageDown) {
-      r && r({ focusElement: n, event: e, action: "moveToPrevPage" }), e.preventDefault();
+    if (e.keyCode === s.pageDown) {
+      i && i({ focusElement: c, event: e, action: "moveToPrevPage" }), e.preventDefault();
       return;
     }
-    r && r({ focusElement: n, event: e });
+    i && i({ focusElement: c, event: e });
   }
-}, b = (e) => {
-  const { navigationStateRef: c, scope: a } = e;
-  if (!c.current || !a)
+}, h = (e) => {
+  const { navigationStateRef: l, scope: o } = e;
+  if (!l.current || !o)
     return;
-  const t = [], r = P(a), n = K(a), f = T(a) || { children: [] };
-  if (!r || !n)
+  const n = [], i = j(o), f = z(o), c = J(o) || { children: [] };
+  if (!i || !f)
     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 v = Array.from(i.children), a = Array.from(f.children);
+  [...v, ...a, c].forEach((m, E) => {
+    Array.from(m.children).forEach((I) => {
+      const x = Q(I);
+      if (!x)
         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 y = I.rowSpan || 1, k = I.colSpan || 1;
+      let u;
+      for (let C = E, N = E + y; C < N; C++) {
+        if (n[C] || (n[C] = []), u === void 0) {
+          const p = n[C].findIndex((R) => !R);
+          u = p > -1 ? p : n[C].length;
         }
-        t[d][s] = v || "";
+        n[C][u] = x || "";
       }
-      for (let d = s + 1, p = s + m; d < p; d++)
-        t[x][d] = v || "";
+      for (let C = u + 1, N = u + k; C < N; C++)
+        n[E][C] = x || "";
     });
-  }), 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
+  }), l.current.navigationMatrix = n.filter((m) => !!m), l.current.lastHeaderIndex = v.length - 1;
+}, le = {
+  onConstructor: M,
+  onComponentDidMount: L,
+  onGetSnapshotBeforeUpdate: Y,
+  onComponentDidUpdate: Z,
+  onFocus: ee,
+  onKeyDown: te,
+  generateMatrix: h,
+  focusFirstDataElement: w
 };
 export {
-  z as tableKeyboardNavigation
+  le 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,s=t[o];s&&s[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 g=require("@progress/kendo-react-common"),a=require("./constants.js"),m=(e,t,n="cell")=>`${t}_${e}_${n}`,B=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=>{const t=e&&e.parentElement&&e.parentElement.closest(".k-grid-edit-row");return t&&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}"]`),p=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 R(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 L=async e=>{const t=e&&e.parentElement&&e.parentElement.closest(".k-grid-edit-row");return await R("."+a.KEYBOARD_NAV_EDIT_BUTTON_CLASS,t)},S=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&&t.querySelector("input");n?n.focus():(t==null?void 0: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 c;const i=0,E=t.length;return c=_(i,t,s),c?l=d(o,c.ariaColumnIndex,n,r,!0):(c=_(i,t,E),l=d(o-1,c.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,c]=e;let i,E=0;i=D(E,t,c),i?l=d(s,i.ariaColumnIndex,n,r,!0):(E=-1,i=D(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"))}},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)=>{let r;if(e.current&&e.current.prevNavigationIndexes){const[l,o]=e.current.prevNavigationIndexes,s=t[l];s&&s[o]===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:m,getNavigatableId:b,getNavigatableLevel:B,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:L,getRowAriaRowIndex:p,getRemoveButtonByAriaRowIndex:T,getTableCellByKeyboardNavId:u,getParentCell:S,waitForElementToBeVisible:R,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=m;exports.getActiveNavDataElement=v;exports.getBodyElement=O;exports.getClosestCancelButton=w;exports.getClosestCellNavId=H;exports.getClosestEditButton=L;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=B;exports.getNextEditableCell=P;exports.getNextNavigationIndex=U;exports.getNoRecordsElement=W;exports.getParentCell=S;exports.getPrevEditableCell=Y;exports.getRemoveButtonByAriaRowIndex=T;exports.getRowAriaRowIndex=p;exports.getTableCellByKeyboardNavId=u;exports.isNavigatable=A;exports.tableKeyboardNavigationTools=Z;