@progress/kendo-react-common 9.4.2-develop.2 → 9.5.0-develop.2

package/Draggable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("./hooks/useDraggable.js");function D(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const n=D(f),u=n.forwardRef((e,c)=>{const t=n.useRef(null),r=n.useRef(null),a=n.useCallback(()=>t.current&&t.current.element?t.current.element:t.current,[t]);n.useImperativeHandle(r,()=>({element:a()||null})),n.useImperativeHandle(c,()=>r.current),n.useImperativeHandle(e.childRef,()=>t.current);const o=n.useCallback(l=>{e.onPress&&e.onPress({element:a(),target:r.current,event:l})},[a,e.onPress]),g=n.useCallback(l=>{e.onRelease&&e.onRelease({element:a(),target:r.current,event:l})},[a,e.onRelease]),s=n.useCallback(l=>{e.onDragStart&&e.onDragStart({element:a(),target:r.current,event:l})},[e,a]),i=n.useCallback(l=>{e.onDrag&&e.onDrag({element:a(),target:r.current,event:l})},[a,e.onDrag]),d=n.useCallback(l=>{e.onDragEnd&&e.onDragEnd({element:a(),target:r.current,event:l})},[a,e.onDragEnd]);return m.useDraggable(t,{onPress:o,onRelease:g,onDragStart:s,onDrag:i,onDragEnd:d},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer}),e.children?n.cloneElement(n.Children.only(e.children),{ref:t}):null});u.displayName="KendoReactDraggable";exports.Draggable=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("./hooks/useDraggable.js");function D(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const n=D(f),u=n.forwardRef((e,c)=>{const t=n.useRef(null),r=n.useRef(null),a=n.useCallback(()=>t.current&&t.current.element?t.current.element:t.current,[t]);n.useImperativeHandle(r,()=>({element:a()||null})),n.useImperativeHandle(c,()=>r.current),n.useImperativeHandle(e.childRef,()=>t.current);const o=n.useCallback(l=>{e.onPress&&e.onPress({element:a(),target:r.current,event:l})},[a,e.onPress]),g=n.useCallback(l=>{e.onRelease&&e.onRelease({element:a(),target:r.current,event:l})},[a,e.onRelease]),i=n.useCallback(l=>{e.onDragStart&&e.onDragStart({element:a(),target:r.current,event:l})},[e,a]),s=n.useCallback(l=>{e.onDrag&&e.onDrag({element:a(),target:r.current,event:l})},[a,e.onDrag]),d=n.useCallback(l=>{e.onDragEnd&&e.onDragEnd({element:a(),target:r.current,event:l})},[a,e.onDragEnd]);return m.useDraggable(t,{onPress:o,onRelease:g,onDragStart:i,onDrag:s,onDragEnd:d},{mouseOnly:e.mouseOnly,autoScroll:e.autoScroll,hint:e.hint,scrollContainer:e.scrollContainer,context:e.context}),e.children?n.cloneElement(n.Children.only(e.children),{ref:t}):null});u.displayName="KendoReactDraggable";exports.Draggable=u;

package/Draggable.mjs

@@ -7,18 +7,18 @@
  */
 "use client";
 import * as n from "react";
-import { useDraggable as i } from "./hooks/useDraggable.mjs";
-const m = n.forwardRef((e, c) => {
-  const r = n.useRef(null), l = n.useRef(null), t = n.useCallback(
-    () => r.current && r.current.element ? r.current.element : r.current,
-    [r]
+import { useDraggable as m } from "./hooks/useDraggable.mjs";
+const s = n.forwardRef((e, c) => {
+  const l = n.useRef(null), r = n.useRef(null), t = n.useCallback(
+    () => l.current && l.current.element ? l.current.element : l.current,
+    [l]
   );
-  n.useImperativeHandle(l, () => ({ element: t() || null })), n.useImperativeHandle(c, () => l.current), n.useImperativeHandle(e.childRef, () => r.current);
+  n.useImperativeHandle(r, () => ({ element: t() || null })), n.useImperativeHandle(c, () => r.current), n.useImperativeHandle(e.childRef, () => l.current);
   const u = n.useCallback(
     (a) => {
       e.onPress && e.onPress({
         element: t(),
-        target: l.current,
+        target: r.current,
         event: a
       });
     },
@@ -27,7 +27,7 @@ const m = n.forwardRef((e, c) => {
     (a) => {
       e.onRelease && e.onRelease({
         element: t(),
-        target: l.current,
+        target: r.current,
         event: a
       });
     },
@@ -36,7 +36,7 @@ const m = n.forwardRef((e, c) => {
     (a) => {
       e.onDragStart && e.onDragStart({
         element: t(),
-        target: l.current,
+        target: r.current,
         event: a
       });
     },
@@ -45,39 +45,40 @@ const m = n.forwardRef((e, c) => {
     (a) => {
       e.onDrag && e.onDrag({
         element: t(),
-        target: l.current,
+        target: r.current,
         event: a
       });
     },
     [t, e.onDrag]
-  ), s = n.useCallback(
+  ), i = n.useCallback(
     (a) => {
       e.onDragEnd && e.onDragEnd({
         element: t(),
-        target: l.current,
+        target: r.current,
         event: a
       });
     },
     [t, e.onDragEnd]
   );
-  return i(
-    r,
+  return m(
+    l,
     {
       onPress: u,
       onRelease: g,
       onDragStart: o,
       onDrag: d,
-      onDragEnd: s
+      onDragEnd: i
     },
     {
       mouseOnly: e.mouseOnly,
       autoScroll: e.autoScroll,
       hint: e.hint,
-      scrollContainer: e.scrollContainer
+      scrollContainer: e.scrollContainer,
+      context: e.context
     }
-  ), e.children ? n.cloneElement(n.Children.only(e.children), { ref: r }) : null;
+  ), e.children ? n.cloneElement(n.Children.only(e.children), { ref: l }) : null;
 });
-m.displayName = "KendoReactDraggable";
+s.displayName = "KendoReactDraggable";
 export {
-  m as Draggable
+  s as Draggable
 };

package/Droppable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),f=require("./hooks/useDroppable.js");function b(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const r=b(d),u=r.forwardRef((e,c)=>{const n=r.useRef(null),t=r.useRef(null),a=r.useCallback(()=>n.current&&n.current.element?n.current.element:n.current,[n]);r.useImperativeHandle(t,()=>({element:a()||void 0})),r.useImperativeHandle(c,()=>t.current),r.useImperativeHandle(e.childRef,()=>n.current);const o=r.useCallback(l=>{e.onDragEnter&&e.onDragEnter({element:a(),target:t.current,event:l})},[e.onDragEnter,a]),g=r.useCallback(l=>{e.onDragOver&&e.onDragOver({element:a(),target:t.current,event:l})},[a,e.onDragOver]),i=r.useCallback(l=>{e.onDragLeave&&e.onDragLeave({element:a(),target:t.current,event:l})},[e.onDragLeave,a]),D=r.useCallback(l=>{e.onDrop&&e.onDrop({element:a(),target:t.current,event:l})},[e.onDrop,a]);return f.useDroppable(n,{onDragEnter:o,onDragOver:g,onDragLeave:i,onDrop:D}),e.children?r.cloneElement(r.Children.only(e.children),{ref:n}):null});u.displayName="KendoReactDroppable";exports.Droppable=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),f=require("./hooks/useDroppable.js");function b(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const t=b(d),o=t.forwardRef((e,c)=>{const n=t.useRef(null),r=t.useRef(null),a=t.useCallback(()=>n.current&&n.current.element?n.current.element:n.current,[n]);t.useImperativeHandle(r,()=>({element:a()||void 0})),t.useImperativeHandle(c,()=>r.current),t.useImperativeHandle(e.childRef,()=>n.current);const u=t.useCallback(l=>{e.onDragEnter&&e.onDragEnter({element:a(),target:r.current,event:l})},[e.onDragEnter,a]),g=t.useCallback(l=>{e.onDragOver&&e.onDragOver({element:a(),target:r.current,event:l})},[a,e.onDragOver]),i=t.useCallback(l=>{e.onDragLeave&&e.onDragLeave({element:a(),target:r.current,event:l})},[e.onDragLeave,a]),D=t.useCallback(l=>{e.onDrop&&e.onDrop({element:a(),target:r.current,event:l})},[e.onDrop,a]);return f.useDroppable(n,{onDragEnter:u,onDragOver:g,onDragLeave:i,onDrop:D},{context:e.context}),e.children?t.cloneElement(t.Children.only(e.children),{ref:n}):null});o.displayName="KendoReactDroppable";exports.Droppable=o;

package/Droppable.mjs

@@ -14,7 +14,7 @@ const d = n.forwardRef((e, c) => {
     [t]
   );
   n.useImperativeHandle(l, () => ({ element: r() || void 0 })), n.useImperativeHandle(c, () => l.current), n.useImperativeHandle(e.childRef, () => t.current);
-  const u = n.useCallback(
+  const o = n.useCallback(
     (a) => {
       e.onDragEnter && e.onDragEnter({
         element: r(),
@@ -23,7 +23,7 @@ const d = n.forwardRef((e, c) => {
       });
     },
     [e.onDragEnter, r]
-  ), o = n.useCallback(
+  ), u = n.useCallback(
     (a) => {
       e.onDragOver && e.onDragOver({
         element: r(),
@@ -51,12 +51,18 @@ const d = n.forwardRef((e, c) => {
     },
     [e.onDrop, r]
   );
-  return m(t, {
-    onDragEnter: u,
-    onDragOver: o,
-    onDragLeave: D,
-    onDrop: g
-  }), e.children ? n.cloneElement(n.Children.only(e.children), { ref: t }) : null;
+  return m(
+    t,
+    {
+      onDragEnter: o,
+      onDragOver: u,
+      onDragLeave: D,
+      onDrop: g
+    },
+    {
+      context: e.context
+    }
+  ), e.children ? n.cloneElement(n.Children.only(e.children), { ref: t }) : null;
 });
 d.displayName = "KendoReactDroppable";
 export {