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

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 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);
-}, d = (e) => {
+    return parseInt(e.getAttribute(f) || "", 10);
+}, I = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(f);
+  const t = e.getAttribute(g);
   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) => {
+}, 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("." + 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;
+  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, 20));
+    }
+  return !1;
+}
+const K = async (e) => {
+  const t = e && e.parentElement && e.parentElement.closest(".k-grid-edit-row");
+  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();
+}, U = (e, t) => {
   const {
     scope: r,
     navigationStateRef: n,
@@ -24,115 +58,174 @@ 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 = 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(",")));
-}, h = (e, t = { level: 0 }) => {
+}, W = (e, t = { level: 0 }) => {
   if (!e)
     return [];
-  const r = i.map((n) => n + `[${s}='${t.level}']`).join(",");
+  const r = b.map((n) => n + `[${f}='${t.level}']`).join(",");
   return Array.from(e.querySelectorAll(r));
-}, F = (e = { level: 0 }) => {
-  const t = i.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);
-}, E = (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 = d(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");
   }
-}, S = (e) => e.current ? e.current.idPrefix : "", L = (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 [];
-}, O = (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 [];
-}, a = (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];
   }
-}, 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) => {
+}, 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;
-    t[l][o] === r ? n = e.current.prevNavigationIndexes : n = a(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 = a(t, r);
+    n = A(t, r);
   return n;
-}, H = {
-  generateNavigatableId: _,
-  getNavigatableId: d,
-  getNavigatableLevel: D,
-  getNavigatableElement: x,
+}, 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: A,
-  getClosestScope: p,
-  getHeaderElement: $,
-  getBodyElement: y,
-  getFocusableElements: C,
-  getNavigatableElements: h,
-  filterNavigatableElements: F,
-  focusElement: E,
-  getIdPrefix: S,
-  isNavigatable: u,
-  findNextIdByRowIndex: L,
-  findNextIdByCellIndex: O,
-  findId: a,
-  getNextNavigationIndex: T,
-  getFilterColumnId: q,
-  focusFirstDataElement: B
+  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 {
-  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,
+  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,
-  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,
-  u as isNavigatable,
-  H as tableKeyboardNavigationTools
+  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: 1720175221,
+  publishDate: 1722840962,
   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.4",
+  "version": "8.2.0-develop.40",
   "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.4",
-    "@progress/kendo-react-buttons": "8.2.0-develop.4",
-    "@progress/kendo-react-common": "8.2.0-develop.4",
-    "@progress/kendo-react-dateinputs": "8.2.0-develop.4",
-    "@progress/kendo-react-dropdowns": "8.2.0-develop.4",
-    "@progress/kendo-react-inputs": "8.2.0-develop.4",
-    "@progress/kendo-react-intl": "8.2.0-develop.4",
-    "@progress/kendo-react-popup": "8.2.0-develop.4",
+    "@progress/kendo-react-animation": "8.2.0-develop.40",
+    "@progress/kendo-react-buttons": "8.2.0-develop.40",
+    "@progress/kendo-react-common": "8.2.0-develop.40",
+    "@progress/kendo-react-dateinputs": "8.2.0-develop.40",
+    "@progress/kendo-react-dropdowns": "8.2.0-develop.40",
+    "@progress/kendo-react-inputs": "8.2.0-develop.40",
+    "@progress/kendo-react-intl": "8.2.0-develop.40",
+    "@progress/kendo-react-popup": "8.2.0-develop.40",
     "@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"