@progress/kendo-react-common - npm Package Compare versions

Comparing version 9.5.0-develop.1 to 9.5.0-develop.2

drag-n-drop/context/index.js

 @@ -9,2 +9,2 @@ /**
 "use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),t=require("../../noop.js");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const c=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,c.get?c:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const n=s(a),p=n.createContext([void 0,t.noop]),i=n.createContext([void 0,t.noop]),u=n.createContext([[],t.noop,t.noop]),l=n.createContext([[],t.noop,t.noop]);exports.DragContext=p;exports.DragsContext=u;exports.DropContext=i;exports.DropsContext=l;
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),e=require("../../noop.js");function c(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const p=c(a),s=p.createContext({drag:void 0,setDrag:e.noop,drop:void 0,setDrop:e.noop,drags:[],registerDrag:e.noop,deregisterDrag:e.noop,drops:[],registerDrop:e.noop,deregisterDrop:e.noop});exports.DragAndDropContext=s;

drag-n-drop/index.js

		@@ -9,2 +9,2 @@ /**
		"use client";
		"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),s=require("./context/index.js"),i=require("../hooks/useControlledState.js"),o=require("../hooks/useCollection.js");function y(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const c=y(f),u=e=>{const[n,r]=i.useControlledState(null),[a,p]=i.useControlledState(null),[g,l]=o.useCollection([]),[C,d]=o.useCollection([]),D=t=>{l({type:o.COLLECTION_ACTION.add,item:t})},O=t=>{l({type:o.COLLECTION_ACTION.remove,item:t})},m=t=>{d({type:o.COLLECTION_ACTION.add,item:t})},v=t=>{d({type:o.COLLECTION_ACTION.remove,item:t})};return c.createElement(s.DragContext.Provider,{value:[n,r]},c.createElement(s.DropContext.Provider,{value:[a,p]},c.createElement(s.DragsContext.Provider,{value:[g,D,O]},c.createElement(s.DropsContext.Provider,{value:[C,m,v]},e.children))))};u.displayName="KendoReactDragAndDrop";exports.DragAndDrop=u;
		"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),N=require("./context/index.js"),l=require("../hooks/useControlledState.js"),o=require("../hooks/useCollection.js");function T(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const m=T(y),d=e=>{const{context:n=N.DragAndDropContext}=e,[r,s]=l.useControlledState(null),[i,u]=l.useControlledState(null),[p,c]=o.useCollection([]),[g,a]=o.useCollection([]),C=t=>{c({type:o.COLLECTION_ACTION.add,item:t})},D=t=>{c({type:o.COLLECTION_ACTION.remove,item:t})},O=t=>{a({type:o.COLLECTION_ACTION.add,item:t})},f=t=>{a({type:o.COLLECTION_ACTION.remove,item:t})};return m.createElement(n.Provider,{value:{drag:r,setDrag:s,drop:i,setDrop:u,drags:p,registerDrag:C,deregisterDrag:D,drops:g,registerDrop:O,deregisterDrop:f}},e.children)};d.displayName="KendoReactDragAndDrop";exports.DragAndDrop=d;

Draggable.js

		@@ -9,2 +9,2 @@ /**
		"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;

Droppable.js

		@@ -9,2 +9,2 @@ /**
		"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;

hooks/useDraggable.js

		@@ -9,2 +9,2 @@ /**
		"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;

hooks/useDroppable.js

		@@ -9,2 +9,2 @@ /**
		"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;

hooks/useInheritedState.js

		@@ -9,2 +9,2 @@ /**
		"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.json

		{
		"name": "@progress/kendo-react-common",
		"version": "9.5.0-develop.1",
		"version": "9.5.0-develop.2",
		"description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
		@@ -5,0 +5,0 @@ "author": "Progress",

dist/cdn/js/kendo-react-common.js

Sorry, the diff of this file is too big to display

drag-n-drop/context/index.mjs