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

package/drag-n-drop/index.mjs

@@ -6,39 +6,56 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { DragContext as x, DropContext as y, DragsContext as E, DropsContext as f } from "./context/index.mjs";
-import { useControlledState as s } from "../hooks/useControlledState.mjs";
-import { useCollection as n, COLLECTION_ACTION as t } from "../hooks/useCollection.mjs";
-const P = (d) => {
-  const [p, c] = s(
+import * as f from "react";
+import { DragAndDropContext as v } from "./context/index.mjs";
+import { useControlledState as n } from "../hooks/useControlledState.mjs";
+import { useCollection as a, COLLECTION_ACTION as t } from "../hooks/useCollection.mjs";
+const x = (e) => {
+  const { context: d = v } = e, [p, c] = n(
     null
-  ), [l, i] = s(
+  ), [i, D] = n(
     null
-  ), [D, o] = n([]), [m, a] = n([]), g = (e) => {
+  ), [g, o] = a([]), [l, s] = a([]), m = (r) => {
     o({
       type: t.add,
-      item: e
+      item: r
     });
-  }, v = (e) => {
+  }, C = (r) => {
     o({
       type: t.remove,
-      item: e
+      item: r
     });
-  }, u = (e) => {
-    a({
+  }, u = (r) => {
+    s({
       type: t.add,
-      item: e
+      item: r
     });
-  }, C = (e) => {
-    a({
+  }, y = (r) => {
+    s({
       type: t.remove,
-      item: e
+      item: r
     });
   };
-  return /* @__PURE__ */ r.createElement(x.Provider, { value: [p, c] }, /* @__PURE__ */ r.createElement(y.Provider, { value: [l, i] }, /* @__PURE__ */ r.createElement(E.Provider, { value: [D, g, v] }, /* @__PURE__ */ r.createElement(f.Provider, { value: [m, u, C] }, d.children))));
+  return /* @__PURE__ */ f.createElement(
+    d.Provider,
+    {
+      value: {
+        drag: p,
+        setDrag: c,
+        drop: i,
+        setDrop: D,
+        drags: g,
+        registerDrag: m,
+        deregisterDrag: C,
+        drops: l,
+        registerDrop: u,
+        deregisterDrop: y
+      }
+    },
+    e.children
+  );
 };
-P.displayName = "KendoReactDragAndDrop";
+x.displayName = "KendoReactDragAndDrop";
 export {
-  P as DragAndDrop
+  x as DragAndDrop
 };

package/hooks/useDraggable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Pe=require("react"),S=require("@progress/kendo-draggable-common"),i=require("../noop.js"),ve=require("./useInheritedState.js"),D=require("../drag-n-drop/context/index.js"),xe=require("./use-isomorphic-layout-effect.js");function Ie(o){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const d in o)if(d!=="default"){const h=Object.getOwnPropertyDescriptor(o,d);Object.defineProperty(m,d,h.get?h:{enumerable:!0,get:()=>o[d]})}}return m.default=o,Object.freeze(m)}const t=Ie(Pe),Me=2e3;function Te(o,m,d={}){const{onPress:h=i.noop,onRelease:N=i.noop,onDragStart:W=i.noop,onDrag:F=i.noop,onDragEnd:G=i.noop}=m,{hint:a=null,mouseOnly:O=!1,autoScroll:s=!0,scrollContainer:u=null}=d,[f,be]=t.useState(!1),[v,Ee]=t.useState(!1),[L]=ve.useInheritedState(D.DropContext),[R,b]=ve.useInheritedState(D.DragContext),[J]=t.useContext(D.DropsContext),[K,Q,X]=t.useContext(D.DragsContext),E=t.useRef({x:0,y:0}),w=t.useRef(),P=t.useRef(!1),Y=t.useRef(),C=t.useRef(null),x=t.useRef(!1),Z=t.useRef({x:0,y:0}),$=t.useRef({x:0,y:0}),k=t.useRef({x:0,y:0}),ee=t.useRef({x:0,y:0}),te=t.useRef({x:0,y:0}),ne=t.useRef({x:0,y:0}),ke=!!(typeof window!="undefined"&&window.PointerEvent),re=!O&&ke,l=t.useCallback(()=>o.current&&o.current.element?o.current.element:o.current,[o]),ye=t.useCallback(()=>a&&a.current&&a.current.element?a.current.element:a?a.current:null,[a]),oe=t.useCallback(()=>u&&u.current&&u.current.element?u.current.element:u?u.current:null,[u]),se=t.useCallback(()=>typeof s=="object"&&s.boundaryElementRef&&s.boundaryElementRef.current&&s.boundaryElementRef.current.element?s.boundaryElementRef.current.element:typeof s=="object"&&s.boundaryElementRef&&s.boundaryElementRef.current?s.boundaryElementRef.current:null,[s]),p=t.useRef(null);t.useImperativeHandle(p,()=>({element:l(),hint:ye(),onPress:Se,onDragStart:Oe,onDrag:Le,onDragEnd:Re,onRelease:De,data:o.current}));const y=t.useCallback(()=>{const e=l();return e&&e.ownerDocument||document},[l]),g=t.useCallback(()=>{const e=y();return e&&e.defaultView||window},[y]),ce=t.useCallback(()=>({drag:R?R.current:null,drop:L?L.current:null,drags:K.map(e=>e.current),drops:J.map(e=>e.current),pressed:f,ignoreMouse:P.current,scrollOffset:te.current,offset:Z.current,pageOffset:$.current,initialScrollOffset:ne.current,clientOffset:k.current,initialClientOffset:ee.current,velocity:E.current,autoScroll:!!(typeof s=="object"?s.enabled!==!1:s),scrollableParent:se(),autoScrollDirection:typeof s=="object"?s.direction:{horizontal:!0,vertical:!0},isScrolling:v}),[R,L,K,J,f,s,se,v]),le=t.useCallback(e=>{be(e)},[]),ae=t.useCallback(e=>{Ee(e)},[]),ue=t.useCallback(e=>{E.current=e},[]),ie=t.useCallback(e=>{Z.current=e},[]),de=t.useCallback(e=>{k.current=e},[]),fe=t.useCallback(e=>{$.current=e},[]),ge=t.useCallback(e=>{ee.current=e},[]),me=t.useCallback(e=>{te.current=e},[]),he=t.useCallback(e=>{ne.current=e},[]),Se=t.useCallback(e=>{h(e)},[h]),De=t.useCallback(e=>{N(e)},[N]),Oe=t.useCallback(e=>{b(p,{target:o.current,event:e}),W(e)},[b,o,W]),Le=t.useCallback(e=>{F(e)},[F]),Re=t.useCallback(e=>{x.current||(b(null,{target:o.current,event:e}),G(e))},[G,b,o]),n=t.useCallback(e=>{S.dispatchDragAndDrop(ce(),{event:e,payload:p.current},{onVelocityChange:ue,onOffsetChange:ie,onClientOffsetChange:de,onPageOffsetChange:fe,onInitialClientOffsetChange:ge,onScrollOffsetChange:me,onInitialScrollOffsetChange:he,onIsPressedChange:le,onIsScrollingChange:ae})},[ce,ue,ie,fe,de,ge,he,le,me,ae]),I=t.useCallback(e=>{n(e)},[n]),M=t.useCallback(e=>{n(e)},[n]),T=t.useCallback(e=>{n(e)},[n]),j=t.useCallback(e=>{n(e)},[n]),q=t.useCallback(e=>{n(e)},[n]),A=t.useCallback(e=>{n(e)},[n]),_=t.useCallback(e=>{n(e)},[n]),U=t.useCallback(e=>{e.preventDefault(),n(e)},[n]),V=t.useCallback(e=>{e.preventDefault(),n(e)},[n]),z=t.useCallback(e=>{e.preventDefault(),n(e)},[n]),B=t.useCallback(e=>{if(e.touches.length===0&&e.changedTouches.length===1){const r=g();P.current=!0,Y.current=r.setTimeout(()=>{P.current=!1},Me)}n(e)},[n,g]),H=t.useCallback(e=>{n(e)},[n]),Ce=t.useCallback(()=>{const e=l();if(e){const r=e.style.touchAction;return e.style.touchAction="none",()=>{e.style.touchAction=r}}},[l]),pe=t.useCallback(()=>(Q(p),()=>{X(p)}),[X,Q]),we=()=>{const e=g(),r=l(),c=y();return re?(r&&(C.current=S.getScrollableParent(r),C.current&&C.current.addEventListener("scroll",H,{passive:!0}),r.addEventListener("pointerdown",I,{passive:!0})),f&&(c.addEventListener("pointermove",M),c.addEventListener("pointerup",j,!0),c.addEventListener("contextmenu",U),c.addEventListener("pointercancel",T,{passive:!0}))):(e.addEventListener("touchmove",i.noop,{capture:!1,passive:!1}),r&&(r.addEventListener("mousedown",q,{passive:!0}),O||(r.addEventListener("touchstart",V,{passive:!0}),f&&(r.addEventListener("touchmove",z,{passive:!0}),r.addEventListener("touchend",B,{passive:!0})))),f&&(c.addEventListener("mousemove",A,{passive:!0}),c.addEventListener("mouseup",_,{passive:!0}))),()=>{C.current&&C.current.removeEventListener("scroll",H),r&&(r.removeEventListener("pointerdown",I),r.removeEventListener("mousedown",q),r.removeEventListener("touchstart",V),r.removeEventListener("touchmove",z),r.removeEventListener("touchend",B)),c.removeEventListener("pointermove",M),c.removeEventListener("pointerup",j,!0),c.removeEventListener("contextmenu",U),c.removeEventListener("pointercancel",T),c.removeEventListener("mousemove",A),c.removeEventListener("mouseup",_),e.removeEventListener("touchmove",i.noop),e.clearTimeout(Y.current)}};t.useEffect(()=>{const e=g();if(v){const r=oe()||S.getScrollableParent(document.elementFromPoint(k.current.x,k.current.y));e.clearInterval(w.current),w.current=e.setInterval(()=>{S.autoScroll(r,{x:E.current.x,y:E.current.y})},50)}return()=>{e.clearInterval(w.current)}},[l,oe,g,v]),t.useEffect(Ce,[Ce]),t.useEffect(we,[f,g,l,y,O,re,U,q,A,_,T,I,M,j,B,z,V,H]),t.useEffect(()=>(x.current=!1,()=>{x.current=!0}),[]),xe.useIsomorphicLayoutEffect(pe,[pe])}exports.useDraggable=Te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Te=require("react"),w=require("@progress/kendo-draggable-common"),i=require("../noop.js"),Ce=require("./useInheritedState.js"),je=require("../drag-n-drop/context/index.js"),qe=require("./use-isomorphic-layout-effect.js");function Ae(o){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const d in o)if(d!=="default"){const h=Object.getOwnPropertyDescriptor(o,d);Object.defineProperty(m,d,h.get?h:{enumerable:!0,get:()=>o[d]})}}return m.default=o,Object.freeze(m)}const t=Ae(Te),_e=2e3;function Ue(o,m,d={}){const{onPress:h=i.noop,onRelease:Y=i.noop,onDragStart:Z=i.noop,onDrag:$=i.noop,onDragEnd:ee=i.noop}=m,{hint:a=null,mouseOnly:P=!1,autoScroll:s=!0,scrollContainer:u=null,context:ve=je.DragAndDropContext}=d,[f,be]=t.useState(!1),[E,Ee]=t.useState(!1),{drop:ke,setDrop:ye,drag:Se,setDrag:De,drops:k,drags:y,registerDrag:S,deregisterDrag:D}=t.useContext(ve),[x]=Ce.useInheritedState([ke,ye]),[I,O]=Ce.useInheritedState([Se,De]),p=t.useRef({x:0,y:0}),M=t.useRef(),L=t.useRef(!1),te=t.useRef(),C=t.useRef(null),T=t.useRef(!1),j=t.useRef({x:0,y:0}),q=t.useRef({x:0,y:0}),v=t.useRef({x:0,y:0}),A=t.useRef({x:0,y:0}),_=t.useRef({x:0,y:0}),U=t.useRef({x:0,y:0}),Oe=!!(typeof window!="undefined"&&window.PointerEvent),ne=!P&&Oe,l=t.useCallback(()=>o.current&&o.current.element?o.current.element:o.current,[o]),Le=t.useCallback(()=>a&&a.current&&a.current.element?a.current.element:a?a.current:null,[a]),re=t.useCallback(()=>u&&u.current&&u.current.element?u.current.element:u?u.current:null,[u]),oe=t.useCallback(()=>typeof s=="object"&&s.boundaryElementRef&&s.boundaryElementRef.current&&s.boundaryElementRef.current.element?s.boundaryElementRef.current.element:typeof s=="object"&&s.boundaryElementRef&&s.boundaryElementRef.current?s.boundaryElementRef.current:null,[s]),b=t.useRef(null);t.useImperativeHandle(b,()=>({get element(){return l()},get hint(){return Le()},onPress:Re,onDragStart:Pe,onDrag:xe,onDragEnd:Ie,onRelease:we,data:o.current}));const R=t.useCallback(()=>{const e=l();return e&&e.ownerDocument||document},[l]),g=t.useCallback(()=>{const e=R();return e&&e.defaultView||window},[R]),se=t.useCallback(()=>({get drag(){return I?I.current:null},get drop(){return x?x.current:null},get drags(){return(y!=null?y:[]).map(e=>e.current)},get drops(){return(k!=null?k:[]).map(e=>e.current)},pressed:!!f,ignoreMouse:L.current,scrollOffset:_.current,offset:j.current,pageOffset:q.current,initialScrollOffset:U.current,clientOffset:v.current,initialClientOffset:A.current,velocity:p.current,autoScroll:!!(typeof s=="object"?s.enabled!==!1:s),scrollableParent:oe(),autoScrollDirection:typeof s=="object"?s.direction:{horizontal:!0,vertical:!0},isScrolling:E}),[I,x,y,k,f,L,_,j,q,U,v,A,p,s,E,oe]),ce=t.useCallback(e=>{be(e)},[]),le=t.useCallback(e=>{Ee(e)},[]),ae=t.useCallback(e=>{p.current=e},[]),ue=t.useCallback(e=>{j.current=e},[]),ie=t.useCallback(e=>{v.current=e},[]),de=t.useCallback(e=>{q.current=e},[]),fe=t.useCallback(e=>{A.current=e},[]),ge=t.useCallback(e=>{_.current=e},[]),me=t.useCallback(e=>{U.current=e},[]),Re=t.useCallback(e=>{h(e)},[h]),we=t.useCallback(e=>{Y(e)},[Y]),Pe=t.useCallback(e=>{O(b,{target:o.current,event:e}),Z(e)},[O,o,Z]),xe=t.useCallback(e=>{$(e)},[$]),Ie=t.useCallback(e=>{T.current||(O(null,{target:o.current,event:e}),ee(e))},[ee,O,o]),n=t.useCallback(e=>{w.dispatchDragAndDrop(se(),{event:e,payload:b.current},{onVelocityChange:ae,onOffsetChange:ue,onClientOffsetChange:ie,onPageOffsetChange:de,onInitialClientOffsetChange:fe,onScrollOffsetChange:ge,onInitialScrollOffsetChange:me,onIsPressedChange:ce,onIsScrollingChange:le})},[se,ae,ue,de,ie,fe,me,ce,ge,le]),B=t.useCallback(e=>{n(e)},[n]),V=t.useCallback(e=>{n(e)},[n]),z=t.useCallback(e=>{n(e)},[n]),H=t.useCallback(e=>{n(e)},[n]),N=t.useCallback(e=>{n(e)},[n]),W=t.useCallback(e=>{n(e)},[n]),F=t.useCallback(e=>{n(e)},[n]),G=t.useCallback(e=>{e.preventDefault(),n(e)},[n]),J=t.useCallback(e=>{e.preventDefault(),n(e)},[n]),K=t.useCallback(e=>{e.preventDefault(),n(e)},[n]),Q=t.useCallback(e=>{if(e.touches.length===0&&e.changedTouches.length===1){const r=g();L.current=!0,te.current=r.setTimeout(()=>{L.current=!1},_e)}n(e)},[n,g]),X=t.useCallback(e=>{n(e)},[n]),he=t.useCallback(()=>{const e=l();if(e){const r=e.style.touchAction;return e.style.touchAction="none",()=>{e.style.touchAction=r}}},[l]),pe=t.useCallback(()=>(S==null||S(b),()=>{D==null||D(b)}),[D,S]),Me=()=>{const e=g(),r=l(),c=R();return ne?(r&&(C.current=w.getScrollableParent(r),C.current&&C.current.addEventListener("scroll",X,{passive:!0}),r.addEventListener("pointerdown",B,{passive:!0})),f&&(c.addEventListener("pointermove",V),c.addEventListener("pointerup",H,!0),c.addEventListener("contextmenu",G),c.addEventListener("pointercancel",z,{passive:!0}))):(e.addEventListener("touchmove",i.noop,{capture:!1,passive:!1}),r&&(r.addEventListener("mousedown",N,{passive:!0}),P||(r.addEventListener("touchstart",J,{passive:!0}),f&&(r.addEventListener("touchmove",K,{passive:!0}),r.addEventListener("touchend",Q,{passive:!0})))),f&&(c.addEventListener("mousemove",W,{passive:!0}),c.addEventListener("mouseup",F,{passive:!0}))),()=>{C.current&&C.current.removeEventListener("scroll",X),r&&(r.removeEventListener("pointerdown",B),r.removeEventListener("mousedown",N),r.removeEventListener("touchstart",J),r.removeEventListener("touchmove",K),r.removeEventListener("touchend",Q)),c.removeEventListener("pointermove",V),c.removeEventListener("pointerup",H,!0),c.removeEventListener("contextmenu",G),c.removeEventListener("pointercancel",z),c.removeEventListener("mousemove",W),c.removeEventListener("mouseup",F),e.removeEventListener("touchmove",i.noop),e.clearTimeout(te.current)}};t.useEffect(()=>{const e=g();if(E){const r=re()||w.getScrollableParent(document.elementFromPoint(v.current.x,v.current.y));e.clearInterval(M.current),M.current=e.setInterval(()=>{w.autoScroll(r,{x:p.current.x,y:p.current.y})},50)}return()=>{e.clearInterval(M.current)}},[l,re,g,E]),t.useEffect(he,[he]),t.useEffect(Me,[f,g,l,R,P,ne,G,N,W,F,z,B,V,H,Q,K,J,X]),t.useEffect(()=>(T.current=!1,()=>{T.current=!0}),[]),qe.useIsomorphicLayoutEffect(pe,[pe])}exports.useDraggable=Ue;

package/hooks/useDraggable.mjs

@@ -7,17 +7,32 @@
  */
 "use client";
 import * as t from "react";
-import { dispatchDragAndDrop as we, getScrollableParent as he, autoScroll as xe } from "@progress/kendo-draggable-common";
+import { dispatchDragAndDrop as Te, getScrollableParent as he, autoScroll as Ae } from "@progress/kendo-draggable-common";
 import { noop as i } from "../noop.mjs";
 import { useInheritedState as Ce } from "./useInheritedState.mjs";
-import { DropsContext as Pe, DragsContext as Ie, DropContext as Me, DragContext as Te } from "../drag-n-drop/context/index.mjs";
-import { useIsomorphicLayoutEffect as Ae } from "./use-isomorphic-layout-effect.mjs";
-const je = 2e3;
-function _e(l, ge, ve = {}) {
-  const { onPress: B = i, onRelease: H = i, onDragStart: W = i, onDrag: _ = i, onDragEnd: q = i } = ge, { hint: a = null, mouseOnly: E = !1, autoScroll: o = !0, scrollContainer: u = null } = ve, [f, pe] = t.useState(!1), [C, be] = t.useState(!1), [k] = Ce(Me), [y, g] = Ce(Te), [z] = t.useContext(Pe), [F, G, N] = t.useContext(Ie), v = t.useRef({ x: 0, y: 0 }), D = t.useRef(), S = t.useRef(!1), $ = t.useRef(), m = t.useRef(null), L = t.useRef(!1), J = t.useRef({ x: 0, y: 0 }), K = t.useRef({ x: 0, y: 0 }), p = t.useRef({ x: 0, y: 0 }), Q = t.useRef({ x: 0, y: 0 }), X = t.useRef({ x: 0, y: 0 }), Y = t.useRef({ x: 0, y: 0 }), Ee = !!(typeof window != "undefined" && window.PointerEvent), Z = !E && Ee, c = t.useCallback(
+import { DragAndDropContext as je } from "../drag-n-drop/context/index.mjs";
+import { useIsomorphicLayoutEffect as Ue } from "./use-isomorphic-layout-effect.mjs";
+const Be = 2e3;
+function ze(l, ge, ve = {}) {
+  const { onPress: $ = i, onRelease: J = i, onDragStart: K = i, onDrag: Q = i, onDragEnd: X = i } = ge, {
+    hint: a = null,
+    mouseOnly: L = !1,
+    autoScroll: o = !0,
+    scrollContainer: u = null,
+    context: pe = je
+  } = ve, [f, be] = t.useState(!1), [v, Ee] = t.useState(!1), {
+    drop: ke,
+    setDrop: ye,
+    drag: De,
+    setDrag: Se,
+    drops: p,
+    drags: b,
+    registerDrag: E,
+    deregisterDrag: k
+  } = t.useContext(pe), [O] = Ce([ke, ye]), [R, y] = Ce([De, Se]), m = t.useRef({ x: 0, y: 0 }), w = t.useRef(), D = t.useRef(!1), Y = t.useRef(), h = t.useRef(null), x = t.useRef(!1), P = t.useRef({ x: 0, y: 0 }), I = t.useRef({ x: 0, y: 0 }), C = t.useRef({ x: 0, y: 0 }), M = t.useRef({ x: 0, y: 0 }), T = t.useRef({ x: 0, y: 0 }), A = t.useRef({ x: 0, y: 0 }), Le = !!(typeof window != "undefined" && window.PointerEvent), Z = !L && Le, c = t.useCallback(
     () => l.current && l.current.element ? l.current.element : l.current,
     [l]
-  ), ke = t.useCallback(
+  ), Oe = t.useCallback(
     () => a && a.current && a.current.element ? a.current.element : a ? a.current : null,
     [a]
   ), ee = t.useCallback(
@@ -26,92 +41,121 @@ function _e(l, ge, ve = {}) {
   ), te = t.useCallback(
     () => typeof o == "object" && o.boundaryElementRef && o.boundaryElementRef.current && o.boundaryElementRef.current.element ? o.boundaryElementRef.current.element : typeof o == "object" && o.boundaryElementRef && o.boundaryElementRef.current ? o.boundaryElementRef.current : null,
     [o]
-  ), h = t.useRef(null);
-  t.useImperativeHandle(h, () => ({
-    element: c(),
-    hint: ke(),
-    onPress: ye,
-    onDragStart: Se,
-    onDrag: Le,
-    onDragEnd: Oe,
-    onRelease: De,
+  ), g = t.useRef(null);
+  t.useImperativeHandle(g, () => ({
+    get element() {
+      return c();
+    },
+    get hint() {
+      return Oe();
+    },
+    onPress: Re,
+    onDragStart: xe,
+    onDrag: Pe,
+    onDragEnd: Ie,
+    onRelease: we,
     data: l.current
   }));
-  const b = t.useCallback(() => {
+  const S = t.useCallback(() => {
     const e = c();
     return e && e.ownerDocument || document;
   }, [c]), d = t.useCallback(() => {
-    const e = b();
+    const e = S();
     return e && e.defaultView || window;
-  }, [b]), ne = t.useCallback(
+  }, [S]), ne = t.useCallback(
     () => ({
-      drag: y ? y.current : null,
-      drop: k ? k.current : null,
-      drags: F.map((e) => e.current),
-      drops: z.map((e) => e.current),
-      pressed: f,
-      ignoreMouse: S.current,
-      scrollOffset: X.current,
-      offset: J.current,
-      pageOffset: K.current,
-      initialScrollOffset: Y.current,
-      clientOffset: p.current,
-      initialClientOffset: Q.current,
-      velocity: v.current,
+      get drag() {
+        return R ? R.current : null;
+      },
+      get drop() {
+        return O ? O.current : null;
+      },
+      get drags() {
+        return (b != null ? b : []).map((e) => e.current);
+      },
+      get drops() {
+        return (p != null ? p : []).map((e) => e.current);
+      },
+      pressed: !!f,
+      ignoreMouse: D.current,
+      scrollOffset: T.current,
+      offset: P.current,
+      pageOffset: I.current,
+      initialScrollOffset: A.current,
+      clientOffset: C.current,
+      initialClientOffset: M.current,
+      velocity: m.current,
       autoScroll: !!(typeof o == "object" ? o.enabled !== !1 : o),
       scrollableParent: te(),
       autoScrollDirection: typeof o == "object" ? o.direction : { horizontal: !0, vertical: !0 },
-      isScrolling: C
+      isScrolling: v
     }),
-    [y, k, F, z, f, o, te, C]
+    [
+      R,
+      O,
+      b,
+      p,
+      f,
+      D,
+      T,
+      P,
+      I,
+      A,
+      C,
+      M,
+      m,
+      o,
+      v,
+      te
+    ]
   ), re = t.useCallback((e) => {
-    pe(e);
-  }, []), oe = t.useCallback((e) => {
     be(e);
+  }, []), oe = t.useCallback((e) => {
+    Ee(e);
   }, []), se = t.useCallback((e) => {
-    v.current = e;
+    m.current = e;
   }, []), le = t.useCallback((e) => {
-    J.current = e;
+    P.current = e;
   }, []), ce = t.useCallback((e) => {
-    p.current = e;
+    C.current = e;
   }, []), ae = t.useCallback((e) => {
-    K.current = e;
+    I.current = e;
   }, []), ue = t.useCallback((e) => {
-    Q.current = e;
+    M.current = e;
   }, []), ie = t.useCallback((e) => {
-    X.current = e;
+    T.current = e;
   }, []), fe = t.useCallback((e) => {
-    Y.current = e;
-  }, []), ye = t.useCallback(
+    A.current = e;
+  }, []), Re = t.useCallback(
     (e) => {
-      B(e);
+      $(e);
     },
-    [B]
-  ), De = t.useCallback(
+    [$]
+  ), we = t.useCallback(
     (e) => {
-      H(e);
+      J(e);
     },
-    [H]
-  ), Se = t.useCallback(
+    [J]
+  ), xe = t.useCallback(
     (e) => {
-      g(h, { target: l.current, event: e }), W(e);
+      y(g, { target: l.current, event: e }), K(e);
     },
-    [g, l, W]
-  ), Le = t.useCallback(
+    [y, l, K]
+  ), Pe = t.useCallback(
     (e) => {
-      _(e);
+      Q(e);
     },
-    [_]
-  ), Oe = t.useCallback(
+    [Q]
+  ), Ie = t.useCallback(
     (e) => {
-      L.current || (g(null, { target: l.current, event: e }), q(e));
+      x.current || (y(null, { target: l.current, event: e }), X(e));
     },
-    [q, g, l]
+    [X, y, l]
   ), n = t.useCallback(
     (e) => {
-      we(
+      Te(
         ne(),
-        { event: e, payload: h.current },
+        { event: e, payload: g.current },
         {
           onVelocityChange: se,
           onOffsetChange: le,
@@ -137,68 +181,68 @@ function _e(l, ge, ve = {}) {
       ie,
       oe
     ]
-  ), O = t.useCallback(
+  ), j = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), R = t.useCallback(
+  ), U = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), w = t.useCallback(
+  ), B = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), x = t.useCallback(
+  ), V = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), P = t.useCallback(
+  ), H = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), I = t.useCallback(
+  ), W = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), M = t.useCallback(
+  ), _ = t.useCallback(
     (e) => {
       n(e);
     },
     [n]
-  ), T = t.useCallback(
+  ), q = t.useCallback(
     (e) => {
       e.preventDefault(), n(e);
     },
     [n]
-  ), A = t.useCallback(
+  ), z = t.useCallback(
     (e) => {
       e.preventDefault(), n(e);
     },
     [n]
-  ), j = t.useCallback(
+  ), F = t.useCallback(
     (e) => {
       e.preventDefault(), n(e);
     },
     [n]
-  ), U = t.useCallback(
+  ), G = t.useCallback(
     (e) => {
       if (e.touches.length === 0 && e.changedTouches.length === 1) {
         const r = d();
-        S.current = !0, $.current = r.setTimeout(() => {
-          S.current = !1;
-        }, je);
+        D.current = !0, Y.current = r.setTimeout(() => {
+          D.current = !1;
+        }, Be);
       }
       n(e);
     },
     [n, d]
-  ), V = t.useCallback(
+  ), N = t.useCallback(
     (e) => {
       n(e);
     },
@@ -211,50 +255,50 @@ function _e(l, ge, ve = {}) {
         e.style.touchAction = r;
       };
     }
-  }, [c]), me = t.useCallback(() => (G(h), () => {
-    N(h);
-  }), [N, G]), Re = () => {
-    const e = d(), r = c(), s = b();
-    return Z ? (r && (m.current = he(r), m.current && m.current.addEventListener("scroll", V, { passive: !0 }), r.addEventListener("pointerdown", O, { passive: !0 })), f && (s.addEventListener("pointermove", R), s.addEventListener("pointerup", x, !0), s.addEventListener("contextmenu", T), s.addEventListener("pointercancel", w, { passive: !0 }))) : (e.addEventListener("touchmove", i, { capture: !1, passive: !1 }), r && (r.addEventListener("mousedown", P, { passive: !0 }), E || (r.addEventListener("touchstart", A, { passive: !0 }), f && (r.addEventListener("touchmove", j, { passive: !0 }), r.addEventListener("touchend", U, { passive: !0 })))), f && (s.addEventListener("mousemove", I, { passive: !0 }), s.addEventListener("mouseup", M, { passive: !0 }))), () => {
-      m.current && m.current.removeEventListener("scroll", V), r && (r.removeEventListener("pointerdown", O), r.removeEventListener("mousedown", P), r.removeEventListener("touchstart", A), r.removeEventListener("touchmove", j), r.removeEventListener("touchend", U)), s.removeEventListener("pointermove", R), s.removeEventListener("pointerup", x, !0), s.removeEventListener("contextmenu", T), s.removeEventListener("pointercancel", w), s.removeEventListener("mousemove", I), s.removeEventListener("mouseup", M), e.removeEventListener("touchmove", i), e.clearTimeout($.current);
+  }, [c]), me = t.useCallback(() => (E == null || E(g), () => {
+    k == null || k(g);
+  }), [k, E]), Me = () => {
+    const e = d(), r = c(), s = S();
+    return Z ? (r && (h.current = he(r), h.current && h.current.addEventListener("scroll", N, { passive: !0 }), r.addEventListener("pointerdown", j, { passive: !0 })), f && (s.addEventListener("pointermove", U), s.addEventListener("pointerup", V, !0), s.addEventListener("contextmenu", q), s.addEventListener("pointercancel", B, { passive: !0 }))) : (e.addEventListener("touchmove", i, { capture: !1, passive: !1 }), r && (r.addEventListener("mousedown", H, { passive: !0 }), L || (r.addEventListener("touchstart", z, { passive: !0 }), f && (r.addEventListener("touchmove", F, { passive: !0 }), r.addEventListener("touchend", G, { passive: !0 })))), f && (s.addEventListener("mousemove", W, { passive: !0 }), s.addEventListener("mouseup", _, { passive: !0 }))), () => {
+      h.current && h.current.removeEventListener("scroll", N), r && (r.removeEventListener("pointerdown", j), r.removeEventListener("mousedown", H), r.removeEventListener("touchstart", z), r.removeEventListener("touchmove", F), r.removeEventListener("touchend", G)), s.removeEventListener("pointermove", U), s.removeEventListener("pointerup", V, !0), s.removeEventListener("contextmenu", q), s.removeEventListener("pointercancel", B), s.removeEventListener("mousemove", W), s.removeEventListener("mouseup", _), e.removeEventListener("touchmove", i), e.clearTimeout(Y.current);
     };
   };
   t.useEffect(() => {
     const e = d();
-    if (C) {
+    if (v) {
       const r = ee() || he(
-        document.elementFromPoint(p.current.x, p.current.y)
+        document.elementFromPoint(C.current.x, C.current.y)
       );
-      e.clearInterval(D.current), D.current = e.setInterval(() => {
-        xe(r, { x: v.current.x, y: v.current.y });
+      e.clearInterval(w.current), w.current = e.setInterval(() => {
+        Ae(r, { x: m.current.x, y: m.current.y });
       }, 50);
     }
     return () => {
-      e.clearInterval(D.current);
+      e.clearInterval(w.current);
     };
-  }, [c, ee, d, C]), t.useEffect(de, [de]), t.useEffect(Re, [
+  }, [c, ee, d, v]), t.useEffect(de, [de]), t.useEffect(Me, [
     f,
     d,
     c,
-    b,
-    E,
+    S,
+    L,
     Z,
-    T,
-    P,
-    I,
-    M,
-    w,
-    O,
-    R,
-    x,
-    U,
+    q,
+    H,
+    W,
+    _,
+    B,
     j,
-    A,
-    V
-  ]), t.useEffect(() => (L.current = !1, () => {
-    L.current = !0;
-  }), []), Ae(me, [me]);
+    U,
+    V,
+    G,
+    F,
+    z,
+    N
+  ]), t.useEffect(() => (x.current = !1, () => {
+    x.current = !0;
+  }), []), Ue(me, [me]);
 }
 export {
-  _e as useDraggable
+  ze as useDraggable
 };

package/hooks/useDroppable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),o=require("../noop.js"),k=require("./useInheritedState.js"),d=require("../drag-n-drop/context/index.js"),y=require("./use-isomorphic-layout-effect.js");function E(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const n=E(v);function L(e,c={onDragEnter:o.noop,onDragOver:o.noop,onDragLeave:o.noop,onDrop:o.noop}){const{onDragEnter:r=o.noop,onDragOver:u=o.noop,onDragLeave:l=o.noop,onDrop:p=o.noop}=c,[,a]=k.useInheritedState(d.DropContext),[,g,i]=n.useContext(d.DropsContext),b=n.useCallback(()=>e.current&&e.current.element?e.current.element:e.current,[e]),s=n.useRef(null);n.useImperativeHandle(s,()=>({element:b(),onDragEnter:m,onDragOver:O,onDragLeave:C,onDrop:h,data:e.current}));const m=n.useCallback(t=>{a(s,{target:e.current,event:t}),r(t)},[a,e,r]),O=n.useCallback(t=>{u(t)},[u]),C=n.useCallback(t=>{a(null,{target:e.current,event:t}),l(t)},[a,e,l]),h=n.useCallback(t=>{a(null,{target:e.current,event:t}),p(t)},[a,e,p]),D=n.useCallback(()=>(g(s),()=>{i(s)}),[i,g]);y.useIsomorphicLayoutEffect(D,[D])}exports.useDroppable=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),o=require("../noop.js"),E=require("./useInheritedState.js"),L=require("../drag-n-drop/context/index.js"),S=require("./use-isomorphic-layout-effect.js");function f(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const n=f(y);function j(e,c={onDragEnter:o.noop,onDragOver:o.noop,onDragLeave:o.noop,onDrop:o.noop},r={}){const{onDragEnter:u=o.noop,onDragOver:g=o.noop,onDragLeave:D=o.noop,onDrop:i=o.noop}=c,{context:d=L.DragAndDropContext}=r,{setDrop:m,registerDrop:s,deregisterDrop:l}=n.useContext(d),[,a]=E.useInheritedState([null,m]),O=n.useCallback(()=>e.current&&e.current.element?e.current.element:e.current,[e]),p=n.useRef(null);n.useImperativeHandle(p,()=>({element:O(),onDragEnter:C,onDragOver:h,onDragLeave:v,onDrop:k,data:e.current}));const C=n.useCallback(t=>{a(p,{target:e.current,event:t}),u(t)},[a,e,u]),h=n.useCallback(t=>{g(t)},[g]),v=n.useCallback(t=>{a(null,{target:e.current,event:t}),D(t)},[a,e,D]),k=n.useCallback(t=>{a(null,{target:e.current,event:t}),i(t)},[a,e,i]),b=n.useCallback(()=>(s==null||s(p),()=>{l==null||l(p)}),[l,s]);S.useIsomorphicLayoutEffect(b,[b])}exports.useDroppable=j;

package/hooks/useDroppable.mjs

@@ -6,54 +6,54 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
+import * as n from "react";
 import { noop as o } from "../noop.mjs";
-import { useInheritedState as k } from "./useInheritedState.mjs";
-import { DropsContext as v, DropContext as E } from "../drag-n-drop/context/index.mjs";
-import { useIsomorphicLayoutEffect as L } from "./use-isomorphic-layout-effect.mjs";
-function y(e, m = {
+import { useInheritedState as x } from "./useInheritedState.mjs";
+import { DragAndDropContext as L } from "../drag-n-drop/context/index.mjs";
+import { useIsomorphicLayoutEffect as O } from "./use-isomorphic-layout-effect.mjs";
+function H(t, m = {
   onDragEnter: o,
   onDragOver: o,
   onDragLeave: o,
   onDrop: o
-}) {
-  const { onDragEnter: s = o, onDragOver: c = o, onDragLeave: l = o, onDrop: u = o } = m, [, n] = k(E), [, D, g] = t.useContext(v), i = t.useCallback(
-    () => e.current && e.current.element ? e.current.element : e.current,
-    [e]
-  ), a = t.useRef(null);
-  t.useImperativeHandle(a, () => ({
-    element: i(),
-    onDragEnter: C,
-    onDragOver: d,
-    onDragLeave: b,
-    onDrop: h,
-    data: e.current
+}, C = {}) {
+  const { onDragEnter: s = o, onDragOver: u = o, onDragLeave: D = o, onDrop: g = o } = m, { context: i = L } = C, { setDrop: b, registerDrop: a, deregisterDrop: c } = n.useContext(i), [, r] = x([null, b]), d = n.useCallback(
+    () => t.current && t.current.element ? t.current.element : t.current,
+    [t]
+  ), l = n.useRef(null);
+  n.useImperativeHandle(l, () => ({
+    element: d(),
+    onDragEnter: h,
+    onDragOver: k,
+    onDragLeave: v,
+    onDrop: E,
+    data: t.current
   }));
-  const C = t.useCallback(
-    (r) => {
-      n(a, { target: e.current, event: r }), s(r);
+  const h = n.useCallback(
+    (e) => {
+      r(l, { target: t.current, event: e }), s(e);
     },
-    [n, e, s]
-  ), d = t.useCallback(
-    (r) => {
-      c(r);
+    [r, t, s]
+  ), k = n.useCallback(
+    (e) => {
+      u(e);
     },
-    [c]
-  ), b = t.useCallback(
-    (r) => {
-      n(null, { target: e.current, event: r }), l(r);
+    [u]
+  ), v = n.useCallback(
+    (e) => {
+      r(null, { target: t.current, event: e }), D(e);
     },
-    [n, e, l]
-  ), h = t.useCallback(
-    (r) => {
-      n(null, { target: e.current, event: r }), u(r);
+    [r, t, D]
+  ), E = n.useCallback(
+    (e) => {
+      r(null, { target: t.current, event: e }), g(e);
     },
-    [n, e, u]
-  ), p = t.useCallback(() => (D(a), () => {
-    g(a);
-  }), [g, D]);
-  L(p, [p]);
+    [r, t, g]
+  ), p = n.useCallback(() => (a == null || a(l), () => {
+    c == null || c(l);
+  }), [c, a]);
+  O(p, [p]);
 }
 export {
-  y as useDroppable
+  H as useDroppable
 };

package/hooks/useInheritedState.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function s(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const c=s(l),i=(t,n)=>{const[e,o]=c.useContext(t),[r,u]=c.useState(n);return[e!==void 0?e:r,(...a)=>{e!==void 0?o(...a):u(a[0])}]};exports.useInheritedState=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function u(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const s=u(l),i=(t,n)=>{const[e,a]=t,[c,r]=s.useState(n);return[e!==void 0?e:c,(...o)=>{e!==void 0?a(...o):r(o[0])}]};exports.useInheritedState=i;

package/hooks/useInheritedState.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-const d = (o, n) => {
-  const [e, l] = a.useContext(o), [c, u] = a.useState(n);
-  return [e !== void 0 ? e : c, (...t) => {
-    e !== void 0 ? l(...t) : u(t[0]);
+import * as u from "react";
+const d = (a, o) => {
+  const [e, n] = a, [l, c] = u.useState(o);
+  return [e !== void 0 ? e : l, (...t) => {
+    e !== void 0 ? n(...t) : c(t[0]);
   }];
 };
 export {