@progress/kendo-react-data-tools 7.5.0-develop.17 → 7.5.0-develop.18

package/selection/utils.mjs

@@ -6,129 +6,130 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { getter as _, mapTree as N, extendDataItem as B, Keys as O, hasRelativeStackingContext as M } from "@progress/kendo-react-common";
-import { TABLE_PREVENT_SELECTION_ELEMENT as F, TABLE_ROW_INDEX_ATTRIBUTE as G, TABLE_COL_INDEX_ATTRIBUTE as U } from "./constants.mjs";
-const X = "items", x = {}, b = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((o) => o === t) > -1 ? e.filter((o) => o !== t) : [...e, t], J = (e) => {
+import { getter as _, mapTree as k, extendDataItem as B, Keys as i, hasRelativeStackingContext as O } from "@progress/kendo-react-common";
+import { TABLE_PREVENT_SELECTION_ELEMENT as M, TABLE_ROW_INDEX_ATTRIBUTE as F, TABLE_COL_INDEX_ATTRIBUTE as G } from "./constants.mjs";
+const U = "items", x = {}, X = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((d) => d === t) > -1 ? e.filter((d) => d !== t) : [...e, t], J = (e) => {
   let t = e;
   for (; t; ) {
-    if (t.hasAttribute(F))
+    if (t.hasAttribute(M))
       return !0;
     t = t.parentElement;
   }
   return !1;
 }, A = (e, t) => {
-  let n = e;
-  for (; n; ) {
-    if (n.tagName === t)
-      return n;
-    if (n.tagName === "TABLE")
+  let o = e;
+  for (; o; ) {
+    if (o.tagName === t)
+      return o;
+    if (o.tagName === "TABLE")
       return null;
-    n = n.parentElement;
+    o = o.parentElement;
   }
   return null;
-}, k = (e) => {
+}, b = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(G);
+  const t = e.getAttribute(F);
   return t ? parseInt(t, 10) : void 0;
 }, V = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(U);
+  const t = e.getAttribute(G);
   return t ? parseInt(t, 10) : void 0;
 }, Q = (e) => {
-  const t = e.subItemsField || X, n = _(e.dataItemKey);
-  return N(
+  const t = e.subItemsField || U, o = _(e.dataItemKey);
+  return k(
     e.data,
     t,
-    (o) => B(o, t, {
-      [e.selectedField]: e.selectedState[n(o)]
+    (d) => B(d, t, {
+      [e.selectedField]: e.selectedState[o(d)]
     })
   );
 }, Y = (e) => {
-  const { event: t, dataItemKey: n, selectedState: o } = e, { syntheticEvent: c, nativeEvent: r, dataItems: E, componentId: a, mode: T, cell: f, selectedField: w } = t, { target: g, ctrlKey: p, metaKey: C, altKey: I, shiftKey: D } = r;
-  if (c.isDefaultPrevented() || r.keyCode !== O.enter)
-    return o;
-  const y = A(g, "TD"), i = A(g, "TR"), s = V(y), m = k(i);
-  let d = {};
-  return y && i && m !== void 0 && s !== void 0 && (d = H({
-    selectedState: o,
-    dataItemKey: n,
+  const { event: t, dataItemKey: o, selectedState: d } = e, { syntheticEvent: a, nativeEvent: n, dataItems: E, componentId: c, mode: T, cell: g, selectedField: p } = t, { target: C, ctrlKey: w, metaKey: S, altKey: I, shiftKey: h } = n;
+  if (a.isDefaultPrevented() && !h || n.keyCode !== i.space && n.keyCode !== i.enter && n.keyCode !== i.right && n.keyCode !== i.left && n.keyCode !== i.up && n.keyCode !== i.down)
+    return d;
+  a.preventDefault();
+  const D = A(C, "TD"), m = A(C, "TR");
+  let r = V(D), u = b(m), s = {};
+  return D && m && u !== void 0 && r !== void 0 && (n.keyCode === i.right && r++, n.keyCode === i.left && r--, n.keyCode === i.down && u++, n.keyCode === i.up && u--, s = H({
+    selectedState: d,
+    dataItemKey: o,
     event: {
-      ctrlKey: p,
-      metaKey: C,
+      ctrlKey: w,
+      metaKey: S,
       altKey: I,
-      shiftKey: D,
+      shiftKey: h,
       dataItems: E,
-      cell: f,
+      cell: g,
       mode: T,
-      selectedField: w,
-      componentId: a,
-      startColIndex: s,
-      endColIndex: s,
-      startRowIndex: m,
-      endRowIndex: m,
+      selectedField: p,
+      componentId: c,
+      startColIndex: r,
+      endColIndex: r,
+      startRowIndex: u,
+      endRowIndex: u,
       isDrag: !1,
-      syntheticEvent: c,
-      nativeEvent: r,
+      syntheticEvent: a,
+      nativeEvent: n,
       target: t.target,
       dataItem: null
     }
-  })), d;
+  })), s;
 }, H = (e) => {
-  const { event: t, dataItemKey: n, selectedState: o } = e, {
-    dataItems: c,
-    startRowIndex: r,
+  const { event: t, dataItemKey: o, selectedState: d } = e, {
+    dataItems: a,
+    startRowIndex: n,
     endRowIndex: E,
-    startColIndex: a,
+    startColIndex: c,
     endColIndex: T,
-    cell: f,
-    isDrag: w,
-    ctrlKey: g,
-    shiftKey: p,
-    metaKey: C,
+    cell: g,
+    isDrag: p,
+    ctrlKey: C,
+    shiftKey: w,
+    metaKey: S,
     componentId: I,
-    mode: D,
-    dataItem: y
-  } = t, i = _(n);
-  let s = {};
-  const m = y !== null;
-  if (D === "single") {
-    const d = c.slice(r, r + 1)[0], u = i(d);
+    mode: h,
+    dataItem: D
+  } = t, m = _(o);
+  let r = {};
+  const u = D !== null;
+  if (h === "single") {
+    const s = a.slice(n, n + 1)[0], f = m(s);
     x[I] = {
-      rowIndex: r,
-      colIndex: a
-    }, s[u] = f ? [a] : !0;
-  } else if (w || !p && !g && !C && !m) {
-    w || (x[I] = {
-      rowIndex: r,
-      colIndex: a
+      rowIndex: n,
+      colIndex: c
+    }, r[f] = g ? [c] : !0;
+  } else if (p || !w && !C && !S && !u) {
+    p || (x[I] = {
+      rowIndex: n,
+      colIndex: c
     });
-    const d = [];
-    for (let l = a; l <= T; l++)
-      d.push(l);
-    c.slice(r, E + 1).forEach((l) => {
-      const h = i(l);
-      s[h] = f ? [...d] : !0;
+    const s = [];
+    for (let l = c; l <= T; l++)
+      s.push(l);
+    a.slice(n, E + 1).forEach((l) => {
+      const R = m(l);
+      r[R] = g ? [...s] : !0;
     });
-  } else if (g || C || m) {
+  } else if (C || S || u) {
     x[I] = {
-      rowIndex: r,
-      colIndex: a
+      rowIndex: n,
+      colIndex: c
     };
-    const u = c.slice(r, E + 1)[0], l = i(u);
-    s = { ...o }, s[l] = f && !m ? b(s[l], a) : !s[l];
-  } else if (p) {
-    const d = x[I] && x[I].rowIndex || 0, u = x[I] && x[I].colIndex || 0, l = Math.min(d, r, E), h = Math.max(d, r, E), v = Math.min(u, a, T), K = Math.max(u, a, T), R = [];
-    for (let S = v; S <= K; S++)
-      R.push(S);
-    c.slice(l, h + 1).forEach((S) => {
-      const L = i(S);
-      s[L] = f ? [...R] : !0;
+    const f = a.slice(n, E + 1)[0], l = m(f);
+    r = { ...d }, r[l] = g && !u ? X(r[l], c) : !r[l];
+  } else if (w) {
+    const s = x[I] && x[I].rowIndex || 0, f = x[I] && x[I].colIndex || 0, l = Math.min(s, n, E), R = Math.max(s, n, E), K = Math.min(f, c, T), L = Math.max(f, c, T), v = [];
+    for (let y = K; y <= L; y++)
+      v.push(y);
+    a.slice(l, R + 1).forEach((y) => {
+      const N = m(y);
+      r[N] = g ? [...v] : !0;
     });
   }
-  return s;
-}, W = M(), Z = (e) => {
+  return r;
+}, W = O(), Z = (e) => {
   if (!e || !W)
     return null;
   let t = e.parentElement;
@@ -147,14 +148,14 @@ const X = "items", x = {}, b = (e, t) => !e || Array.isArray(e) && e.length ===
   }
   return { left: 0, top: 0 };
 }, P = (e) => {
-  const t = e ? typeof e.enabled == "boolean" ? e.enabled : !0 : !1, n = e ? !!e.drag : !1, o = e && e.mode ? e.mode : "multiple", c = !!(e && e.cell);
-  return { enabled: t, drag: n, mode: o, cell: c };
+  const t = e ? typeof e.enabled == "boolean" ? e.enabled : !0 : !1, o = e ? !!e.drag : !1, d = e && e.mode ? e.mode : "multiple", a = !!(e && e.cell);
+  return { enabled: t, drag: o, mode: d, cell: a };
 };
 export {
   A as closestTagName,
   V as getColumnIndex,
   $ as getOffset,
-  k as getRowIndex,
+  b as getRowIndex,
   H as getSelectedState,
   Y as getSelectedStateFromKeyDown,
   P as getSelectionOptions,