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

package/navigation/utils.mjs

@@ -6,20 +6,20 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-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) => {
+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 w, KEYBOARD_NAV_EDIT_BUTTON_CLASS as B, 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) => {
   if (e)
-    return parseInt(e.getAttribute(s) || "", 10);
-}, f = (e) => {
+    return parseInt(e.getAttribute(f) || "", 10);
+}, I = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(d);
+  const t = e.getAttribute(g);
   return t || void 0;
-}, 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) => {
+}, E = (e) => e ? !!e.getAttribute(g) : !1, F = (e, t = { level: 0 }) => e.querySelector(`[${f}='${t.level}']`), m = (e) => e && e.parentElement && e.parentElement.closest(`[${f}]`), p = (e, t) => e.querySelector(`[${g}='${t}']`), R = (e) => e && e.parentElement && e.parentElement.closest(`[${D}]`), L = (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) => {
+  return t && t.querySelector("." + w);
+}, q = (e) => document.querySelector(`[aria-rowindex="${e}"] .k-grid-remove-command`), u = (e) => document.querySelector(`[data-keyboardnavid="${e}"]`), O = (e) => {
   var n;
   const t = e && e.parentElement && e.parentElement.closest(".k-table-row");
   let r;
@@ -33,24 +33,24 @@ const p = (e, t, r = "cell") => `${t}_${e}_${r}`, y = (e) => {
     }
   }), r;
 };
-async function $(e, t, r = 5e3) {
+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));
+      await new Promise((o) => setTimeout(o, 20));
     }
   return !1;
 }
-const h = async (e) => {
+const K = 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) => {
+  return await _("." + B, 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) => {
   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) => {
+}, U = (e, t) => {
   const {
     scope: r,
     navigationStateRef: n,
@@ -58,126 +58,174 @@ const h = async (e) => {
   } = e;
   if (!n.current || !r)
     return;
-  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;
+  const o = Q(n.current.navigationMatrix), s = p(r, o);
+  x({ elementForFocus: s, contextStateRef: l, event: t });
+}, j = (e, t = { focusable: !1 }) => {
+  const r = t.focusable ? b : y;
   return Array.from(e.querySelectorAll(r.join(",")));
-}, O = (e, t = { level: 0 }) => {
+}, W = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  const r = a.map((n) => n + `[${s}='${t.level}']`).join(",");
+  const r = b.map((n) => n + `[${f}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, k = (e = { level: 0 }) => {
-  const t = a.map(
-    (r) => r + `[${s}='${e.level}']`
+}, H = (e = { level: 0 }) => {
+  const t = b.map(
+    (r) => r + `[${f}='${e.level}']`
   ).join(",");
   return (r) => r.matches(t);
-}, A = (e) => {
+}, x = (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 = f(t)), l && u(l) && l.setAttribute("tabIndex", "-1");
+    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");
   }
-}, K = (e) => e.current ? e.current.idPrefix : "", V = (e, t, r, n, l) => {
+}, M = (e) => e.current ? e.current.idPrefix : "", X = (e, t, r, n, l) => {
   if (!r)
     return [];
   let o = e + (l ? -1 : 1);
   for (; o >= 0 && o < n.length; ) {
-    const c = n[o][t];
-    if (c !== r)
-      return [c, [o, t]];
+    const s = n[o][t];
+    if (s !== r)
+      return [s, [o, t]];
     o = o + (l ? -1 : 1);
   }
   return [];
-}, Y = (e, t, r, n, l) => {
+}, d = (e, t, r, n, l) => {
   if (!r)
     return [];
   let o = t + (l ? -1 : 1);
-  for (; o >= 0 && o < n[e].length; ) {
-    const c = n[e][o];
-    if (c !== r)
-      return [c, [e, o]];
+  for (; o >= 0 && n[e] && o < n[e].length; ) {
+    const s = n[e][o];
+    if (s !== r)
+      return [s, [e, o]];
     o = o + (l ? -1 : 1);
   }
   return [];
-}, i = (e, t) => {
+}, A = (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];
   }
-}, 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) => {
+}, C = (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;
+  let l;
+  const [o, s] = e;
+  let i;
+  const c = 0, a = t.length;
+  return i = C(c, t, s), i ? l = d(o, i.ariaColumnIndex, r, n, !0) : (i = C(c, t, a), l = d(o - 1, i.ariaColumnIndex, r, n, !0)), {
+    prevCell: l && l[0] && u(l[0]),
+    elementToFocus: l && l[0] && ((v = u(l[0])) == null ? void 0 : v.getAttribute("role"))
+  };
+}, N = (e, t, r) => {
+  let n;
+  do
+    if (e = e + 1, n = t[r + e], n && n.editable)
+      break;
+  while (r + e - 1 < t.length);
+  return n;
+}, G = (e, t, r, n) => {
+  var o;
+  let l;
+  if (e) {
+    const [s, i] = e;
+    let c, a = 0;
+    c = N(a, t, i), c ? l = d(s, c.ariaColumnIndex, r, n, !0) : (a = -1, c = N(a, t, 0), l = d(s + 1, c.ariaColumnIndex, r, n, !0));
+  }
+  return {
+    nextCell: l && l[0] && u(l[0]),
+    elementToFocus: l && l[0] && ((o = u(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}` : "", ae = (e, t, r) => {
   let n;
   if (e.current && e.current.prevNavigationIndexes) {
-    const [l, o] = e.current.prevNavigationIndexes, c = t[l];
-    c && c[o] === r ? n = e.current.prevNavigationIndexes : n = i(t, r);
+    const [l, o] = e.current.prevNavigationIndexes, s = t[l];
+    s && s[o] === r ? n = e.current.prevNavigationIndexes : n = A(t, r);
   } else
-    n = i(t, r);
+    n = A(t, r);
   return n;
-}, 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: V,
-  findNextIdByCellIndex: Y,
-  findId: i,
-  getNextNavigationIndex: P,
-  getFilterColumnId: j,
-  focusFirstDataElement: q,
-  getClosestCancelButton: x,
-  getClosestEditButton: h,
-  getRowAriaRowIndex: T,
-  getRemoveButtonByAriaRowIndex: C,
-  getTableCellByKeyboardNavId: S
+}, ee = (e) => {
+  var t;
+  return ((t = m(e)) == null ? void 0 : t.getAttribute("data-keyboardnavid")) || e.getAttribute("data-keyboardnavid");
+}, ue = {
+  generateNavigatableId: $,
+  getNavigatableId: I,
+  getNavigatableLevel: k,
+  getNavigatableElement: F,
+  getClosestNavigatableElement: m,
+  getActiveNavDataElement: p,
+  getClosestScope: R,
+  getHeaderElement: Y,
+  getBodyElement: P,
+  getFocusableElements: j,
+  getNavigatableElements: W,
+  filterNavigatableElements: H,
+  focusElement: x,
+  getIdPrefix: M,
+  isNavigatable: E,
+  findNextIdByRowIndex: X,
+  findNextIdByCellIndex: d,
+  findId: A,
+  getNextNavigationIndex: J,
+  getFilterColumnId: Z,
+  focusFirstDataElement: U,
+  getClosestCancelButton: L,
+  getClosestEditButton: K,
+  getRowAriaRowIndex: O,
+  getRemoveButtonByAriaRowIndex: q,
+  getTableCellByKeyboardNavId: u,
+  getParentCell: V,
+  waitForElementToBeVisible: _,
+  getNextEditableCell: G,
+  getPrevEditableCell: z,
+  getClosestCellNavId: ee
 };
 export {
-  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,
-  Z as tableKeyboardNavigationTools
+  H as filterNavigatableElements,
+  A as findId,
+  d as findNextIdByCellIndex,
+  X as findNextIdByRowIndex,
+  x as focusElement,
+  U as focusFirstDataElement,
+  oe as focusFirstEditor,
+  $ as generateNavigatableId,
+  p as getActiveNavDataElement,
+  P as getBodyElement,
+  L as getClosestCancelButton,
+  ee as getClosestCellNavId,
+  K as getClosestEditButton,
+  m as getClosestNavigatableElement,
+  R as getClosestScope,
+  ae 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,
+  u as getTableCellByKeyboardNavId,
+  E as isNavigatable,
+  ue as tableKeyboardNavigationTools
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-data-tools",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1721994375,
+  publishDate: 1722253764,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "8.2.0-develop.24",
+  "version": "8.2.0-develop.25",
   "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",
@@ -25,14 +25,14 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.2.0-develop.24",
-    "@progress/kendo-react-buttons": "8.2.0-develop.24",
-    "@progress/kendo-react-common": "8.2.0-develop.24",
-    "@progress/kendo-react-dateinputs": "8.2.0-develop.24",
-    "@progress/kendo-react-dropdowns": "8.2.0-develop.24",
-    "@progress/kendo-react-inputs": "8.2.0-develop.24",
-    "@progress/kendo-react-intl": "8.2.0-develop.24",
-    "@progress/kendo-react-popup": "8.2.0-develop.24",
+    "@progress/kendo-react-animation": "8.2.0-develop.25",
+    "@progress/kendo-react-buttons": "8.2.0-develop.25",
+    "@progress/kendo-react-common": "8.2.0-develop.25",
+    "@progress/kendo-react-dateinputs": "8.2.0-develop.25",
+    "@progress/kendo-react-dropdowns": "8.2.0-develop.25",
+    "@progress/kendo-react-inputs": "8.2.0-develop.25",
+    "@progress/kendo-react-intl": "8.2.0-develop.25",
+    "@progress/kendo-react-popup": "8.2.0-develop.25",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"