@progress/kendo-react-data-tools 11.2.0-develop.2 → 11.2.0-develop.4

package/selection/TableSelection.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),W=require("react-dom"),j=require("@progress/kendo-react-common"),t=require("./utils.js");function F(l){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const a in l)if(a!=="default"){const g=Object.getOwnPropertyDescriptor(l,a);Object.defineProperty(s,a,g.get?g:{enumerable:!0,get:()=>l[a]})}}return s.default=l,Object.freeze(s)}const n=F(V),Z=F(W),$=l=>{var M;const{onRelease:s,childRef:a}=l,{enabled:g,drag:Y,mode:i,cell:I}=t.getSelectionOptions(l.selectable),c=n.useRef(null),T=n.useRef(null),y=n.useRef({clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}),[p,v]=n.useState(null),K=n.useRef(void 0),R=n.useRef(!1),E=n.useRef(!1),_=n.useCallback(u=>{const{event:e}=u;if(E.current=t.isInNonSelectable(e.originalEvent.target),E.current||!c.current)return;K.current=t.relativeContextElement(c.current.element);const r=c.current.element&&c.current.element.ownerDocument;if(!r)return;e.originalEvent.stopImmediatePropagation();const o=r.elementFromPoint(e.clientX,e.clientY);y.current={clientY:e.clientY,clientX:e.clientX,scrollX:e.scrollX,scrollY:e.scrollY,pressedElement:o}},[]),H=n.useCallback(u=>{const{event:e}=u,{clientX:r,clientY:o}=y.current;if(!E.current&&!(!Y||i==="single")&&((Math.abs(o-e.clientY)>5||Math.abs(r-e.clientX)>5)&&(R.current=!0),e.originalEvent.stopImmediatePropagation(),R.current)){const b=t.getOffset(K.current);v({top:Math.min(o,e.clientY)-b.top,left:Math.min(r,e.clientX)-b.left,width:Math.abs(e.clientX-r),height:Math.abs(e.clientY-o)})}},[v,Y,i]),z=n.useCallback(u=>{const{event:e}=u,{clientX:r,clientY:o,scrollX:b,scrollY:B,pressedElement:G}=y.current;if(E.current||!c.current)return;const h=c.current.element&&c.current.element.ownerDocument;if(h){if(e.originalEvent.stopImmediatePropagation(),R.current){const m=e.scrollY-B,D=e.scrollX-b,x=Math.min(o,e.clientY),d=Math.min(r,e.clientX),f=Math.max(o,e.clientY),J=Math.max(r,e.clientX),X=T.current;if(!X)return;X.style.visibility="hidden";const L=h.elementFromPoint(d,x),P=m>0||D>0?G:L,C=h.elementFromPoint(J,f);if(X.style.visibility="",!P||!C)return;const S=t.closestTagName(P,"TD"),Q=t.closestTagName(S,"TR"),w=t.closestTagName(C,"TD"),U=t.closestTagName(w,"TR"),O=t.getColumnIndex(S),N=t.getRowIndex(Q),k=t.getColumnIndex(w),q=t.getRowIndex(U);O!==void 0&&N!==void 0&&k!==void 0&&q!==void 0&&s({nativeEvent:e.originalEvent,startRowIndex:N,startColIndex:O,endRowIndex:q,endColIndex:k,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:i,cell:I,isDrag:!0})}else{const m=h.elementFromPoint(r,o);if(!m)return;const D=t.closestTagName(m,"TD"),x=t.closestTagName(m,"TR"),d=t.getColumnIndex(D),f=t.getRowIndex(x);D&&x&&f!==void 0&&d!==void 0&&s({nativeEvent:e.originalEvent,startRowIndex:f,startColIndex:d,endRowIndex:f,endColIndex:d,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:i,cell:I,isDrag:!1})}v(null),R.current=!1,y.current={clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}}},[v,i,I,s]),A=j.useDocument(T);return g?n.createElement(n.Fragment,null,n.createElement(j.Draggable,{onPress:_,onDrag:H,onRelease:z,ref:c,childRef:a},l.children),p&&Z.createPortal(n.createElement("div",{ref:T,style:{...p,position:"fixed"},className:"k-marquee k-marquee-color"}),(M=A())==null?void 0:M.body)):n.cloneElement(n.Children.only(l.children),{ref:a})};exports.TableSelection=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),Z=require("react-dom"),F=require("@progress/kendo-react-common"),t=require("./utils.js");function _(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const s in l)if(s!=="default"){const y=Object.getOwnPropertyDescriptor(l,s);Object.defineProperty(c,s,y.get?y:{enumerable:!0,get:()=>l[s]})}}return c.default=l,Object.freeze(c)}const n=_(W),$=_(Z),ee=l=>{var M;const{onRelease:c,childRef:s}=l,{enabled:y,drag:Y,mode:u,cell:I}=t.getSelectionOptions(l.selectable),i=n.useRef(null),T=n.useRef(null),v=n.useRef({clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}),[p,R]=n.useState(null),K=n.useRef(void 0),E=n.useRef(!1),b=n.useRef(!1),H=n.useCallback(m=>{var a;const{event:e}=m;if(b.current=t.isInNonSelectable(e.originalEvent.target),b.current||!i.current)return;K.current=t.relativeContextElement(i.current.element);const r=(a=i.current.element)==null?void 0:a.ownerDocument;if(!r)return;e.originalEvent.stopImmediatePropagation();const o=r.elementFromPoint(e.clientX,e.clientY);v.current={clientY:e.clientY,clientX:e.clientX,scrollX:e.scrollX,scrollY:e.scrollY,pressedElement:o}},[]),z=n.useCallback(m=>{const{event:e}=m,{clientX:r,clientY:o}=v.current;if(!b.current&&!(!Y||u==="single")&&((Math.abs(o-e.clientY)>5||Math.abs(r-e.clientX)>5)&&(E.current=!0),e.originalEvent.stopImmediatePropagation(),E.current)){const a=t.getOffset(K.current);R({top:Math.min(o,e.clientY)-a.top,left:Math.min(r,e.clientX)-a.left,width:Math.abs(e.clientX-r),height:Math.abs(e.clientY-o)})}},[R,Y,u]),A=n.useCallback(m=>{var P;const{event:e}=m,{clientX:r,clientY:o,scrollX:a,scrollY:G,pressedElement:J}=v.current;if(b.current||!i.current)return;const h=(P=i.current.element)==null?void 0:P.ownerDocument;if(h){if(e.originalEvent.stopImmediatePropagation(),E.current){const d=e.scrollY-G,D=e.scrollX-a,x=Math.min(o,e.clientY),f=Math.min(r,e.clientX),g=Math.max(o,e.clientY),L=Math.max(r,e.clientX),X=T.current;if(!X)return;X.style.visibility="hidden";const Q=h.elementFromPoint(f,x),C=d>0||D>0?J:Q,S=h.elementFromPoint(L,g);if(X.style.visibility="",!C||!S)return;const w=t.closestTagName(C,"TD"),U=t.closestTagName(w,"TR"),O=t.closestTagName(S,"TD"),V=t.closestTagName(O,"TR"),N=t.getColumnIndex(w),k=t.getRowIndex(U),q=t.getColumnIndex(O),j=t.getRowIndex(V);N!==void 0&&k!==void 0&&q!==void 0&&j!==void 0&&c({nativeEvent:e.originalEvent,startRowIndex:k,startColIndex:N,endRowIndex:j,endColIndex:q,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:u,cell:I,isDrag:!0})}else{const d=h.elementFromPoint(r,o);if(!d)return;const D=t.closestTagName(d,"TD"),x=t.closestTagName(d,"TR"),f=t.getColumnIndex(D),g=t.getRowIndex(x);D&&x&&g!==void 0&&f!==void 0&&c({nativeEvent:e.originalEvent,startRowIndex:g,startColIndex:f,endRowIndex:g,endColIndex:f,altKey:e.altKey,shiftKey:e.shiftKey,ctrlKey:e.ctrlKey,metaKey:e.metaKey,mode:u,cell:I,isDrag:!1})}R(null),E.current=!1,v.current={clientX:0,clientY:0,scrollX:0,scrollY:0,pressedElement:null}}},[R,u,I,c]),B=F.useDocument(T);return y?n.createElement(n.Fragment,null,n.createElement(F.Draggable,{onPress:H,onDrag:z,onRelease:A,ref:i,childRef:s},l.children),p&&$.createPortal(n.createElement("div",{ref:T,style:{...p,position:"fixed"},className:"k-marquee k-marquee-color"}),(M=B())==null?void 0:M.body)):n.cloneElement(n.Children.only(l.children),{ref:s})};exports.TableSelection=ee;

package/selection/TableSelection.mjs

@@ -7,113 +7,115 @@
  */
 "use client";
 import * as t from "react";
-import * as W from "react-dom";
-import { useDocument as Z, Draggable as _ } from "@progress/kendo-react-common";
-import { getSelectionOptions as $, isInNonSelectable as ee, relativeContextElement as te, getOffset as ne, closestTagName as o, getColumnIndex as x, getRowIndex as I } from "./utils.mjs";
-const oe = (u) => {
+import * as Z from "react-dom";
+import { useDocument as _, Draggable as $ } from "@progress/kendo-react-common";
+import { getSelectionOptions as ee, isInNonSelectable as te, relativeContextElement as ne, getOffset as le, closestTagName as c, getColumnIndex as x, getRowIndex as I } from "./utils.mjs";
+const ce = (d) => {
   var T;
-  const { onRelease: D, childRef: K } = u, {
-    enabled: q,
+  const { onRelease: D, childRef: K } = d, {
+    enabled: j,
     drag: p,
-    mode: c,
+    mode: s,
     cell: X
-  } = $(u.selectable), r = t.useRef(null), Y = t.useRef(null), d = t.useRef({ clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null }), [M, f] = t.useState(null), P = t.useRef(void 0), g = t.useRef(!1), E = t.useRef(!1), j = t.useCallback((s) => {
-    const { event: e } = s;
-    if (E.current = ee(e.originalEvent.target), E.current || !r.current)
+  } = ee(d.selectable), o = t.useRef(null), Y = t.useRef(null), f = t.useRef({ clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null }), [M, g] = t.useState(null), P = t.useRef(void 0), E = t.useRef(!1), v = t.useRef(!1), z = t.useCallback((i) => {
+    var r;
+    const { event: e } = i;
+    if (v.current = te(e.originalEvent.target), v.current || !o.current)
       return;
-    P.current = te(r.current.element);
-    const n = r.current.element && r.current.element.ownerDocument;
+    P.current = ne(o.current.element);
+    const n = (r = o.current.element) == null ? void 0 : r.ownerDocument;
     if (!n)
       return;
     e.originalEvent.stopImmediatePropagation();
     const l = n.elementFromPoint(e.clientX, e.clientY);
-    d.current = {
+    f.current = {
       clientY: e.clientY,
       clientX: e.clientX,
       scrollX: e.scrollX,
       scrollY: e.scrollY,
       pressedElement: l
     };
-  }, []), z = t.useCallback(
-    (s) => {
-      const { event: e } = s, { clientX: n, clientY: l } = d.current;
-      if (!E.current && !(!p || c === "single") && ((Math.abs(l - e.clientY) > 5 || Math.abs(n - e.clientX) > 5) && (g.current = !0), e.originalEvent.stopImmediatePropagation(), g.current)) {
-        const v = ne(P.current);
-        f({
-          top: Math.min(l, e.clientY) - v.top,
-          left: Math.min(n, e.clientX) - v.left,
+  }, []), A = t.useCallback(
+    (i) => {
+      const { event: e } = i, { clientX: n, clientY: l } = f.current;
+      if (!v.current && !(!p || s === "single") && ((Math.abs(l - e.clientY) > 5 || Math.abs(n - e.clientX) > 5) && (E.current = !0), e.originalEvent.stopImmediatePropagation(), E.current)) {
+        const r = le(P.current);
+        g({
+          top: Math.min(l, e.clientY) - r.top,
+          left: Math.min(n, e.clientX) - r.left,
           width: Math.abs(e.clientX - n),
           height: Math.abs(e.clientY - l)
         });
       }
     },
-    [f, p, c]
-  ), A = t.useCallback(
-    (s) => {
-      const { event: e } = s, { clientX: n, clientY: l, scrollX: v, scrollY: G, pressedElement: J } = d.current;
-      if (E.current || !r.current)
+    [g, p, s]
+  ), B = t.useCallback(
+    (i) => {
+      var C;
+      const { event: e } = i, { clientX: n, clientY: l, scrollX: r, scrollY: J, pressedElement: L } = f.current;
+      if (v.current || !o.current)
         return;
-      const y = r.current.element && r.current.element.ownerDocument;
+      const y = (C = o.current.element) == null ? void 0 : C.ownerDocument;
       if (y) {
-        if (e.originalEvent.stopImmediatePropagation(), g.current) {
-          const i = e.scrollY - G, R = e.scrollX - v, h = Math.min(l, e.clientY), a = Math.min(n, e.clientX), m = Math.max(l, e.clientY), L = Math.max(n, e.clientX), b = Y.current;
+        if (e.originalEvent.stopImmediatePropagation(), E.current) {
+          const a = e.scrollY - J, R = e.scrollX - r, h = Math.min(l, e.clientY), m = Math.min(n, e.clientX), u = Math.max(l, e.clientY), Q = Math.max(n, e.clientX), b = Y.current;
           if (!b)
             return;
           b.style.visibility = "hidden";
-          const Q = y.elementFromPoint(a, h), C = i > 0 || R > 0 ? J : Q, w = y.elementFromPoint(L, m);
-          if (b.style.visibility = "", !C || !w)
+          const U = y.elementFromPoint(m, h), w = a > 0 || R > 0 ? L : U, S = y.elementFromPoint(Q, u);
+          if (b.style.visibility = "", !w || !S)
             return;
-          const S = o(C, "TD"), U = o(S, "TR"), k = o(w, "TD"), V = o(k, "TR"), F = x(S), O = I(U), H = x(k), N = I(V);
-          F !== void 0 && O !== void 0 && H !== void 0 && N !== void 0 && D({
+          const k = c(w, "TD"), V = c(k, "TR"), F = c(S, "TD"), W = c(F, "TR"), O = x(k), H = I(V), N = x(F), q = I(W);
+          O !== void 0 && H !== void 0 && N !== void 0 && q !== void 0 && D({
             nativeEvent: e.originalEvent,
-            startRowIndex: O,
-            startColIndex: F,
-            endRowIndex: N,
-            endColIndex: H,
+            startRowIndex: H,
+            startColIndex: O,
+            endRowIndex: q,
+            endColIndex: N,
             altKey: e.altKey,
             shiftKey: e.shiftKey,
             ctrlKey: e.ctrlKey,
             metaKey: e.metaKey,
-            mode: c,
+            mode: s,
             cell: X,
             isDrag: !0
           });
         } else {
-          const i = y.elementFromPoint(n, l);
-          if (!i)
+          const a = y.elementFromPoint(n, l);
+          if (!a)
             return;
-          const R = o(i, "TD"), h = o(i, "TR"), a = x(R), m = I(h);
-          R && h && m !== void 0 && a !== void 0 && D({
+          const R = c(a, "TD"), h = c(a, "TR"), m = x(R), u = I(h);
+          R && h && u !== void 0 && m !== void 0 && D({
             nativeEvent: e.originalEvent,
-            startRowIndex: m,
-            startColIndex: a,
-            endRowIndex: m,
-            endColIndex: a,
+            startRowIndex: u,
+            startColIndex: m,
+            endRowIndex: u,
+            endColIndex: m,
             altKey: e.altKey,
             shiftKey: e.shiftKey,
             ctrlKey: e.ctrlKey,
             metaKey: e.metaKey,
-            mode: c,
+            mode: s,
             cell: X,
             isDrag: !1
           });
         }
-        f(null), g.current = !1, d.current = { clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null };
+        g(null), E.current = !1, f.current = { clientX: 0, clientY: 0, scrollX: 0, scrollY: 0, pressedElement: null };
       }
     },
-    [f, c, X, D]
-  ), B = Z(Y);
-  return q ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
-    _,
+    [g, s, X, D]
+  ), G = _(Y);
+  return j ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    $,
     {
-      onPress: j,
-      onDrag: z,
-      onRelease: A,
-      ref: r,
+      onPress: z,
+      onDrag: A,
+      onRelease: B,
+      ref: o,
       childRef: K
     },
-    u.children
-  ), M && W.createPortal(
+    d.children
+  ), M && Z.createPortal(
     /* @__PURE__ */ t.createElement(
       "div",
       {
@@ -122,9 +124,9 @@ const oe = (u) => {
         className: "k-marquee k-marquee-color"
       }
     ),
-    (T = B()) == null ? void 0 : T.body
-  )) : t.cloneElement(t.Children.only(u.children), { ref: K });
+    (T = G()) == null ? void 0 : T.body
+  )) : t.cloneElement(t.Children.only(d.children), { ref: K });
 };
 export {
-  oe as TableSelection
+  ce as TableSelection
 };