@progress/kendo-react-common 7.2.4-develop.2 → 7.2.4-develop.4

package/hocs/withPropsContext.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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("react"),a=require("../hooks/usePropsContext.js");function u(e){const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=u(s),i=()=>n.createContext(e=>e),l=(e,o)=>n.forwardRef((t,r)=>{const c=a.usePropsContext(e,t);return n.createElement(o,{...c,ref:r})});exports.createPropsContext=i;exports.withPropsContext=l;

package/hocs/withPropsContext.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { usePropsContext as c } from "../hooks/usePropsContext.mjs";
+const a = () => e.createContext((t) => t), x = (t, o) => e.forwardRef((r, n) => {
+  const s = c(t, r);
+  return /* @__PURE__ */ e.createElement(o, { ...s, ref: n });
+});
+export {
+  a as createPropsContext,
+  x as withPropsContext
+};

package/hooks/use-id.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 a=require("react"),o=require("../guid.js"),f=require("./use-isomorphic-layout-effect.js");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=l(a);function d(e){const[r,t]=n.useState(!1);n.useEffect(()=>{t(!0)},[]);const[u,s]=n.useState(()=>{if(e)return e;if(r)return o.guid()});f.useIsomorphicLayoutEffect(()=>{u===void 0&&s(o.guid())},[]);const c=n.useId;if(c!==void 0){const i=c();return e!=null?e:i}return u}exports.useId=d;

package/hooks/use-id.mjs

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { guid as o } from "../guid.mjs";
+import { useIsomorphicLayoutEffect as i } from "./use-isomorphic-layout-effect.mjs";
+function I(t) {
+  const [u, n] = e.useState(!1);
+  e.useEffect(() => {
+    n(!0);
+  }, []);
+  const [r, c] = e.useState(() => {
+    if (t)
+      return t;
+    if (u)
+      return o();
+  });
+  i(() => {
+    r === void 0 && c(o());
+  }, []);
+  const s = e.useId;
+  if (s !== void 0) {
+    const f = s();
+    return t != null ? t : f;
+  }
+  return r;
+}
+export {
+  I as useId
+};

package/hooks/use-isomorphic-layout-effect.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 r=require("react");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=u(r),f=typeof window!="undefined"?n.useLayoutEffect:n.useEffect;exports.useIsomorphicLayoutEffect=f;

package/hooks/use-isomorphic-layout-effect.mjs

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+const t = typeof window != "undefined" ? e.useLayoutEffect : e.useEffect;
+export {
+  t as useIsomorphicLayoutEffect
+};

package/hooks/useAsyncFocusBlur.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 f=require("react");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,u.get?u:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=d(f);function b({onFocus:e,onBlur:r,onSyncFocus:t,onSyncBlur:u}){const l=n.useRef(!1),a=n.useRef(0),i=n.useCallback(c=>{clearTimeout(a.current),a.current=window.setTimeout(()=>c())},[a]),s=n.useCallback((...c)=>{clearTimeout(a.current),t&&t.call(void 0,c[0]),!l.current&&(l.current=!0,e&&e.call(void 0,...c))},[l,e,t]),o=n.useCallback((...c)=>{u&&u.call(void 0,c[0]),i(()=>{l.current&&r&&(l.current=!1,r.call(void 0,...c))})},[l,i,r,u]);return n.useEffect(()=>()=>{clearTimeout(a.current)},[]),{onFocus:s,onBlur:o}}exports.useAsyncFocusBlur=b;

package/hooks/useAsyncFocusBlur.mjs

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+function o({ onFocus: u, onBlur: l, onSyncFocus: i, onSyncBlur: a }) {
+  const r = t.useRef(!1), c = t.useRef(0), s = t.useCallback(
+    (e) => {
+      clearTimeout(c.current), c.current = window.setTimeout(() => e());
+    },
+    [c]
+  ), f = t.useCallback(
+    (...e) => {
+      clearTimeout(c.current), i && i.call(void 0, e[0]), !r.current && (r.current = !0, u && u.call(void 0, ...e));
+    },
+    [r, u, i]
+  ), n = t.useCallback(
+    (...e) => {
+      a && a.call(void 0, e[0]), s(() => {
+        r.current && l && (r.current = !1, l.call(void 0, ...e));
+      });
+    },
+    [r, s, l, a]
+  );
+  return t.useEffect(() => () => {
+    clearTimeout(c.current);
+  }, []), {
+    onFocus: f,
+    onBlur: n
+  };
+}
+export {
+  o as useAsyncFocusBlur
+};

package/hooks/useCollection.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 l=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=s(l);var o=(e=>(e[e.add=0]="add",e[e.remove=1]="remove",e))(o||{});const a=(e=[])=>{const t=n.useRef(e),r=n.useCallback(c=>{switch(c.type){case 0:t.current.push(c.item);break;case 1:{const u=t.current.indexOf(c.item);t.current.splice(u,1);break}}},[]);return[t.current,r]};exports.COLLECTION_ACTION=o;exports.useCollection=a;

package/hooks/useCollection.mjs

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as c from "react";
+var s = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(s || {});
+const l = (e = []) => {
+  const r = c.useRef(e), n = c.useCallback(
+    (t) => {
+      switch (t.type) {
+        case 0:
+          r.current.push(t.item);
+          break;
+        case 1: {
+          const o = r.current.indexOf(t.item);
+          r.current.splice(o, 1);
+          break;
+        }
+      }
+    },
+    []
+  );
+  return [r.current, n];
+};
+export {
+  s as COLLECTION_ACTION,
+  l as useCollection
+};

package/hooks/useControlledState.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 i=require("react");function l(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 s=l(i),d=(t,n,e)=>{const[o,r]=s.useState(n||t),a=s.useCallback((c,u)=>{r(c),e&&e.call(void 0,{...u,value:c})},[e,r]);return[n!==void 0?n:o,a]};exports.useControlledState=d;

package/hooks/useControlledState.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as n from "react";
+const u = (i, t, e) => {
+  const [a, s] = n.useState(t || i), d = n.useCallback(
+    (o, r) => {
+      s(o), e && e.call(void 0, { ...r, value: o });
+    },
+    [e, s]
+  );
+  return [t !== void 0 ? t : a, d];
+};
+export {
+  u as useControlledState
+};

package/hooks/useCustomComponent.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 u=require("react");function s(e){const n=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(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=s(u),l=()=>null,a=({children:e})=>e,i=e=>{if(e){if(e===o.Fragment)return[a,{}];if(o.isValidElement(e))return[e.type,e.props]}else return[l,{}];return[e,{}]};exports.useCustomComponent=i;

package/hooks/useCustomComponent.mjs

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+const n = () => null, r = ({ children: e }) => e, s = (e) => {
+  if (e) {
+    if (e === t.Fragment)
+      return [r, {}];
+    if (t.isValidElement(e))
+      return [e.type, e.props];
+  } else
+    return [n, {}];
+  return [e, {}];
+};
+export {
+  s as useCustomComponent
+};

package/hooks/useDir.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 u=require("react");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=a(u);function s(e,r,t){const[n,o]=i.useState(r);return i.useEffect(()=>{if(!n&&window&&e.current){const c=window.getComputedStyle(e.current).direction;c&&o(c)}},t),n}exports.useDir=s;

package/hooks/useDir.mjs

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as i from "react";
+function u(t, n, o) {
+  const [e, c] = i.useState(n);
+  return i.useEffect(
+    () => {
+      if (!e && window && t.current) {
+        const r = window.getComputedStyle(t.current).direction;
+        r && c(r);
+      }
+    },
+    o
+  ), e;
+}
+export {
+  u as useDir
+};

package/hooks/useDocument.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 o=require("react");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=r(o),l=e=>{const t=u.useCallback(()=>e.current&&e.current.element?e.current.element:e.current,[e]);return u.useCallback(()=>{const c=t();return c&&c.ownerDocument||document},[t])};exports.useDocument=l;

package/hooks/useDocument.mjs

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as c from "react";
+const o = (e) => {
+  const t = c.useCallback(
+    () => e.current && e.current.element ? e.current.element : e.current,
+    [e]
+  );
+  return c.useCallback(() => {
+    const n = t();
+    return n && n.ownerDocument || document;
+  }, [t]);
+};
+export {
+  o as useDocument
+};

package/hooks/useDraggable.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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 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;

package/hooks/useDraggable.mjs

@@ -0,0 +1,308 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import { dispatchDragAndDrop as we, getScrollableParent as he, autoScroll as xe } 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(
+    () => l.current && l.current.element ? l.current.element : l.current,
+    [l]
+  ), ke = t.useCallback(
+    () => a && a.current && a.current.element ? a.current.element : a ? a.current : null,
+    [a]
+  ), ee = t.useCallback(
+    () => u && u.current && u.current.element ? u.current.element : u ? u.current : null,
+    [u]
+  ), 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,
+    data: l.current
+  }));
+  const b = t.useCallback(
+    () => {
+      const e = c();
+      return e && e.ownerDocument || document;
+    },
+    [c]
+  ), d = t.useCallback(
+    () => {
+      const e = b();
+      return e && e.defaultView || window;
+    },
+    [b]
+  ), 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,
+      autoScroll: !!(typeof o == "object" ? o.enabled !== !1 : o),
+      scrollableParent: te(),
+      autoScrollDirection: typeof o == "object" ? o.direction : { horizontal: !0, vertical: !0 },
+      isScrolling: C
+    }),
+    [y, k, F, z, f, o, te, C]
+  ), re = t.useCallback(
+    (e) => {
+      pe(e);
+    },
+    []
+  ), oe = t.useCallback(
+    (e) => {
+      be(e);
+    },
+    []
+  ), se = t.useCallback(
+    (e) => {
+      v.current = e;
+    },
+    []
+  ), le = t.useCallback(
+    (e) => {
+      J.current = e;
+    },
+    []
+  ), ce = t.useCallback(
+    (e) => {
+      p.current = e;
+    },
+    []
+  ), ae = t.useCallback(
+    (e) => {
+      K.current = e;
+    },
+    []
+  ), ue = t.useCallback(
+    (e) => {
+      Q.current = e;
+    },
+    []
+  ), ie = t.useCallback(
+    (e) => {
+      X.current = e;
+    },
+    []
+  ), fe = t.useCallback(
+    (e) => {
+      Y.current = e;
+    },
+    []
+  ), ye = t.useCallback(
+    (e) => {
+      B(e);
+    },
+    [B]
+  ), De = t.useCallback(
+    (e) => {
+      H(e);
+    },
+    [H]
+  ), Se = t.useCallback(
+    (e) => {
+      g(h, { target: l.current, event: e }), W(e);
+    },
+    [g, l, W]
+  ), Le = t.useCallback(
+    (e) => {
+      _(e);
+    },
+    [_]
+  ), Oe = t.useCallback(
+    (e) => {
+      L.current || (g(null, { target: l.current, event: e }), q(e));
+    },
+    [q, g, l]
+  ), n = t.useCallback(
+    (e) => {
+      we(
+        ne(),
+        { event: e, payload: h.current },
+        {
+          onVelocityChange: se,
+          onOffsetChange: le,
+          onClientOffsetChange: ce,
+          onPageOffsetChange: ae,
+          onInitialClientOffsetChange: ue,
+          onScrollOffsetChange: ie,
+          onInitialScrollOffsetChange: fe,
+          onIsPressedChange: re,
+          onIsScrollingChange: oe
+        }
+      );
+    },
+    [
+      ne,
+      se,
+      le,
+      ae,
+      ce,
+      ue,
+      fe,
+      re,
+      ie,
+      oe
+    ]
+  ), O = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), R = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), w = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), x = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), P = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), I = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), M = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), T = t.useCallback(
+    (e) => {
+      e.preventDefault(), n(e);
+    },
+    [n]
+  ), A = t.useCallback(
+    (e) => {
+      e.preventDefault(), n(e);
+    },
+    [n]
+  ), j = t.useCallback(
+    (e) => {
+      e.preventDefault(), n(e);
+    },
+    [n]
+  ), U = 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);
+      }
+      n(e);
+    },
+    [n, d]
+  ), V = t.useCallback(
+    (e) => {
+      n(e);
+    },
+    [n]
+  ), de = t.useCallback(
+    () => {
+      const e = c();
+      if (e) {
+        const r = e.style.touchAction;
+        return e.style.touchAction = "none", () => {
+          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);
+    };
+  };
+  t.useEffect(() => {
+    const e = d();
+    if (C) {
+      const r = ee() || he(document.elementFromPoint(p.current.x, p.current.y));
+      e.clearInterval(D.current), D.current = e.setInterval(() => {
+        xe(r, { x: v.current.x, y: v.current.y });
+      }, 50);
+    }
+    return () => {
+      e.clearInterval(D.current);
+    };
+  }, [c, ee, d, C]), t.useEffect(de, [de]), t.useEffect(Re, [
+    f,
+    d,
+    c,
+    b,
+    E,
+    Z,
+    T,
+    P,
+    I,
+    M,
+    w,
+    O,
+    R,
+    x,
+    U,
+    j,
+    A,
+    V
+  ]), t.useEffect(() => (L.current = !1, () => {
+    L.current = !0;
+  }), []), Ae(me, [me]);
+}
+export {
+  _e as useDraggable
+};