@progress/kendo-react-data-tools 7.5.0-develop.8 → 8.0.0-develop.1

package/selection/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 S=require("@progress/kendo-react-common"),A=require("./constants.js"),F="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],G=e=>{let t=e;for(;t;){if(t.hasAttribute(A.TABLE_PREVENT_SELECTION_ELEMENT))return!0;t=t.parentElement}return!1},v=(e,t)=>{let n=e;for(;n;){if(n.tagName===t)return n;if(n.tagName==="TABLE")return null;n=n.parentElement}return null},N=e=>{if(!e)return;const t=e.getAttribute(A.TABLE_ROW_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},K=e=>{if(!e)return;const t=e.getAttribute(A.TABLE_COL_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},U=e=>{const t=e.subItemsField||F,n=S.getter(e.dataItemKey);return S.mapTree(e.data,t,o=>S.extendDataItem(o,t,{[e.selectedField]:e.selectedState[n(o)]}))},k=e=>{const{event:t,dataItemKey:n,selectedState:o}=e,{syntheticEvent:a,nativeEvent:s,dataItems:g,componentId:c,mode:f,cell:E,selectedField:C}=t,{target:T,ctrlKey:y,metaKey:p,altKey:i,shiftKey:R}=s;if(a.isDefaultPrevented()||s.keyCode!==S.Keys.enter)return o;const D=v(T,"TD"),I=v(T,"TR"),r=K(D),u=N(I);let d={};return D&&I&&u!==void 0&&r!==void 0&&(d=L({selectedState:o,dataItemKey:n,event:{ctrlKey:y,metaKey:p,altKey:i,shiftKey:R,dataItems:g,cell:E,mode:f,selectedField:C,componentId:c,startColIndex:r,endColIndex:r,startRowIndex:u,endRowIndex:u,isDrag:!1,syntheticEvent:a,nativeEvent:s,target:t.target,dataItem:null}})),d},L=e=>{const{event:t,dataItemKey:n,selectedState:o}=e,{dataItems:a,startRowIndex:s,endRowIndex:g,startColIndex:c,endColIndex:f,cell:E,isDrag:C,ctrlKey:T,shiftKey:y,metaKey:p,componentId:i,mode:R,dataItem:D}=t,I=S.getter(n);let r={};const u=D!==null;if(R==="single"){const d=a.slice(s,s+1)[0],m=I(d);x[i]={rowIndex:s,colIndex:c},r[m]=E?[c]:!0}else if(C||!y&&!T&&!p&&!u){C||(x[i]={rowIndex:s,colIndex:c});const d=[];for(let l=c;l<=f;l++)d.push(l);a.slice(s,g+1).forEach(l=>{const h=I(l);r[h]=E?[...d]:!0})}else if(T||p||u){x[i]={rowIndex:s,colIndex:c};const m=a.slice(s,g+1)[0],l=I(m);r={...o},r[l]=E&&!u?b(r[l],c):!r[l]}else if(y){const d=x[i]&&x[i].rowIndex||0,m=x[i]&&x[i].colIndex||0,l=Math.min(d,s,g),h=Math.max(d,s,g),O=Math.min(m,c,f),B=Math.max(m,c,f),_=[];for(let w=O;w<=B;w++)_.push(w);a.slice(l,h+1).forEach(w=>{const M=I(w);r[M]=E?[..._]:!0})}return r},X=S.hasRelativeStackingContext(),q=e=>{if(!e||!X)return null;let t=e.parentElement;for(;t;){if(window.getComputedStyle(t).transform!=="none")return t;t=t.parentElement}},V=e=>{if(e&&e.ownerDocument&&e!==e.ownerDocument.body){const t=e.getBoundingClientRect();return{left:t.left-e.scrollLeft,top:t.top-e.scrollTop}}return{left:0,top:0}},j=e=>{const t=e?typeof e.enabled=="boolean"?e.enabled:!0:!1,n=e?!!e.drag:!1,o=e&&e.mode?e.mode:"multiple",a=!!(e&&e.cell);return{enabled:t,drag:n,mode:o,cell:a}};exports.closestTagName=v;exports.getColumnIndex=K;exports.getOffset=V;exports.getRowIndex=N;exports.getSelectedState=L;exports.getSelectedStateFromKeyDown=k;exports.getSelectionOptions=j;exports.isInNonSelectable=G;exports.relativeContextElement=q;exports.setSelectedState=U;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@progress/kendo-react-common"),v=require("./constants.js"),M="items",y={},F=(e,t)=>!e||Array.isArray(e)&&e.length===0?[t]:e.findIndex(d=>d===t)>-1?e.filter(d=>d!==t):[...e,t],b=e=>{let t=e;for(;t;){if(t.hasAttribute(v.TABLE_PREVENT_SELECTION_ELEMENT))return!0;t=t.parentElement}return!1},R=(e,t)=>{let o=e;for(;o;){if(o.tagName===t)return o;if(o.tagName==="TABLE")return null;o=o.parentElement}return null},_=e=>{if(!e)return;const t=e.getAttribute(v.TABLE_ROW_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},N=e=>{if(!e)return;const t=e.getAttribute(v.TABLE_COL_INDEX_ATTRIBUTE);return t?parseInt(t,10):void 0},G=e=>{const t=e.subItemsField||M,o=s.getter(e.dataItemKey);return s.mapTree(e.data,t,d=>s.extendDataItem(d,t,{[e.selectedField]:e.selectedState[o(d)]}))},U=e=>{const{event:t,dataItemKey:o,selectedState:d}=e,{syntheticEvent:c,nativeEvent:n,dataItems:f,componentId:i,mode:E,cell:x,selectedField:T}=t,{target:S,ctrlKey:w,metaKey:p,altKey:I,shiftKey:K}=n;if(c.isDefaultPrevented()&&!K||n.keyCode!==s.Keys.space&&n.keyCode!==s.Keys.enter&&n.keyCode!==s.Keys.right&&n.keyCode!==s.Keys.left&&n.keyCode!==s.Keys.up&&n.keyCode!==s.Keys.down)return d;c.preventDefault();const D=R(S,"TD"),m=R(S,"TR");let r=N(D),u=_(m),l={};return D&&m&&u!==void 0&&r!==void 0&&(n.keyCode===s.Keys.right&&r++,n.keyCode===s.Keys.left&&r--,n.keyCode===s.Keys.down&&u++,n.keyCode===s.Keys.up&&u--,l=L({selectedState:d,dataItemKey:o,event:{ctrlKey:w,metaKey:p,altKey:I,shiftKey:K,dataItems:f,cell:x,mode:E,selectedField:T,componentId:i,startColIndex:r,endColIndex:r,startRowIndex:u,endRowIndex:u,isDrag:!1,syntheticEvent:c,nativeEvent:n,target:t.target,dataItem:null}})),l},L=e=>{const{event:t,dataItemKey:o,selectedState:d}=e,{dataItems:c,startRowIndex:n,endRowIndex:f,startColIndex:i,endColIndex:E,cell:x,isDrag:T,ctrlKey:S,shiftKey:w,metaKey:p,componentId:I,mode:K,dataItem:D}=t,m=s.getter(o);let r={};const u=D!==null;if(K==="single"){const l=c.slice(n,n+1)[0],g=m(l);y[I]={rowIndex:n,colIndex:i},r[g]=x?[i]:!0}else if(T||!w&&!S&&!p&&!u){T||(y[I]={rowIndex:n,colIndex:i});const l=[];for(let a=i;a<=E;a++)l.push(a);c.slice(n,f+1).forEach(a=>{const h=m(a);r[h]=x?[...l]:!0})}else if(S||p||u){y[I]={rowIndex:n,colIndex:i};const g=c.slice(n,f+1)[0],a=m(g);r={...d},r[a]=x&&!u?F(r[a],i):!r[a]}else if(w){const l=y[I]&&y[I].rowIndex||0,g=y[I]&&y[I].colIndex||0,a=Math.min(l,n,f),h=Math.max(l,n,f),O=Math.min(g,i,E),k=Math.max(g,i,E),A=[];for(let C=O;C<=k;C++)A.push(C);c.slice(a,h+1).forEach(C=>{const B=m(C);r[B]=x?[...A]:!0})}return r},X=s.hasRelativeStackingContext(),q=e=>{if(!e||!X)return null;let t=e.parentElement;for(;t;){if(window.getComputedStyle(t).transform!=="none")return t;t=t.parentElement}},V=e=>{if(e&&e.ownerDocument&&e!==e.ownerDocument.body){const t=e.getBoundingClientRect();return{left:t.left-e.scrollLeft,top:t.top-e.scrollTop}}return{left:0,top:0}},j=e=>{const t=e?typeof e.enabled=="boolean"?e.enabled:!0:!1,o=e?!!e.drag:!1,d=e&&e.mode?e.mode:"multiple",c=!!(e&&e.cell);return{enabled:t,drag:o,mode:d,cell:c}};exports.closestTagName=R;exports.getColumnIndex=N;exports.getOffset=V;exports.getRowIndex=_;exports.getSelectedState=L;exports.getSelectedStateFromKeyDown=U;exports.getSelectionOptions=j;exports.isInNonSelectable=b;exports.relativeContextElement=q;exports.setSelectedState=G;

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,