@progress/kendo-react-data-tools 16.2.0-develop.8 → 16.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "16.2.0-develop.8",
+  "version": "16.2.0",
   "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",
@@ -28,14 +28,14 @@
     "@progress/kendo-data-query": "^1.7.2",
     "@progress/kendo-drawing": "^1.25.5",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "16.2.0-develop.8",
-    "@progress/kendo-react-buttons": "16.2.0-develop.8",
-    "@progress/kendo-react-common": "16.2.0-develop.8",
-    "@progress/kendo-react-dateinputs": "16.2.0-develop.8",
-    "@progress/kendo-react-dropdowns": "16.2.0-develop.8",
-    "@progress/kendo-react-inputs": "16.2.0-develop.8",
-    "@progress/kendo-react-intl": "16.2.0-develop.8",
-    "@progress/kendo-react-popup": "16.2.0-develop.8",
+    "@progress/kendo-react-animation": "16.2.0",
+    "@progress/kendo-react-buttons": "16.2.0",
+    "@progress/kendo-react-common": "16.2.0",
+    "@progress/kendo-react-dateinputs": "16.2.0",
+    "@progress/kendo-react-dropdowns": "16.2.0",
+    "@progress/kendo-react-inputs": "16.2.0",
+    "@progress/kendo-react-intl": "16.2.0",
+    "@progress/kendo-react-popup": "16.2.0",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -65,7 +65,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1789735519,
+      "publishDate": 1791388988,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },
@@ -75,10 +75,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "peerDependenciesMeta": {
-    "@progress/kendo-svg-icons": {
-      "optional": true
-    }
   }
 }

package/selection/TableSelection.js

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

package/selection/TableSelection.mjs

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