@fewings/react/dist/hooks/index.js

Useful react components and hooks

"use strict";var R=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var Z=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var n in t)R(e,n,{get:t[n],enumerable:!0})},B=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of W(t))!Z.call(e,r)&&r!==n&&R(e,r,{get:()=>t[r],enumerable:!(o=Q(t,r))||o.enumerable});return e};var V=e=>B(R({},"__esModule",{value:!0}),e);var de={};$(de,{useCallbackRef:()=>ee,useClickOutside:()=>te,useControlledState:()=>ne,useDragPosition:()=>re,useElementPositionObserver:()=>se,useForceUpdate:()=>ue,useInterval:()=>ie,useIsomorphicLayoutEffect:()=>ae,useMount:()=>le,usePagination:()=>ce,usePrevState:()=>fe,useThrow:()=>me});module.exports=V(de);var d=require("react"),ee=e=>{let t=(0,d.useRef)(e);return(0,d.useEffect)(()=>{t.current=e}),(0,d.useMemo)(()=>(...n)=>t.current?.(...n),[])};var p=require("react"),te=(e,t)=>{let n=(0,p.useRef)(null),o=(0,p.useRef)(void 0);return(0,p.useEffect)(()=>{o.current=e}),(0,p.useEffect)(()=>{let r=s=>{n.current&&(n.current.contains(s.target)||t?.current&&t.current.contains(s.target)||o.current?.(s))};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[]),n};var I=require("react"),M=require("@fewings/react/hooks"),ne=({value:e,defaultValue:t,onChange:n})=>{let[o,r]=(0,I.useState)(t),s=e!==void 0,u=s?e:o,a=(0,M.useCallbackRef)(n),m=(0,M.useCallbackRef)(f=>{let L=typeof f=="function"?f(e):f;s?a(L):r(f)});return[u,m]};var l=require("react"),w=require("@fewings/react/hooks"),oe={position:"absolute",top:0,left:0},re=e=>{let t=e?.dir||"xy",n=(0,l.useRef)({x:null,y:null,left:null,top:null}),o=(0,l.useRef)(null),r=(0,l.useRef)(null),[s=oe,u]=(0,w.useControlledState)({value:e?.style,defaultValue:e?.defaultStyle,onChange:e?.onChangeStyle}),[a,m]=(0,l.useState)({minLeft:-1/0,maxLeft:1/0,maxTop:1/0,minTop:-1/0}),f=()=>{let i=r.current?.getBoundingClientRect(),g=i?0:-1/0,y=i?i.width:1/0,h=i?0:-1/0,c=i?i.height:1/0;return m({minLeft:g,maxLeft:y,minTop:h,maxTop:c}),{minLeft:g,maxLeft:y,minTop:h,maxTop:c}},[L=!1,D]=(0,w.useControlledState)({value:e?.isDragging,onChange:e?.onChangeDragging});return(0,l.useEffect)(()=>{requestAnimationFrame(f)},[]),(0,l.useEffect)(()=>{let i=o.current;if(!i)return;let g=c=>{D(!0);let x=getComputedStyle(i);n.current={x:c.clientX,y:c.clientY,left:parseFloat(x.left),top:parseFloat(x.top)}},y=()=>{D(!1),n.current={x:null,y:null,left:null,top:null}},h=c=>{let{x,y:A,left:O,top:F}=n.current;if(x==null)return;let{minLeft:G,maxLeft:H,minTop:N,maxTop:j}=f(),q=t.includes("x"),X=t.includes("y"),Y=q?c.clientX-x:0,_=X?c.clientY-A:0,z=Math.max(G,Math.min(H,O+Y)),J=Math.max(N,Math.min(j,F+_));u(K=>({...K,top:J,left:z}))};return i.addEventListener("pointerdown",g),window.addEventListener("pointerup",y),window.addEventListener("pointermove",h),()=>{i.removeEventListener("pointerdown",g),window.removeEventListener("pointerup",y),window.removeEventListener("pointermove",h)}},[t]),{handleRef:o,boundRef:r,style:s,isDragging:L,bounds:a}};var T=require("react"),se=(e,t,n)=>{let o=(0,T.useRef)(null);(0,T.useEffect)(()=>{let r,s=()=>{if(e.current){let u=e.current.getBoundingClientRect(),a=o.current;(!a||a.top!==u.top||a.left!==u.left||a.width!==u.width||a.height!==u.height)&&(o.current=u,t(u))}n&&(r=requestAnimationFrame(s))};return n&&(r=requestAnimationFrame(s)),()=>cancelAnimationFrame(r)},[e,t,n])};var S=require("react"),ue=()=>{let[,e]=(0,S.useState)({});return(0,S.useCallback)(()=>e({}),[])};var P=require("react"),U=require("@fewings/react/hooks"),ie=(e,t)=>{let n=(0,U.useCallbackRef)(e);(0,P.useEffect)(()=>{let o=setInterval(n,t);return()=>clearInterval(o)},[t])};var E=require("react"),ae=typeof window<"u"?E.useLayoutEffect:E.useEffect;var b=require("react"),le=()=>{let[e,t]=(0,b.useState)(!1);return(0,b.useEffect)(()=>{t(!0)},[]),e};var v=require("react"),ce=({currentPage:e,totalPages:t,maxVisiblePageButtons:n})=>{let o=(0,v.useMemo)(()=>Math.floor((e-1)/n),[e,n]),r=(0,v.useMemo)(()=>Math.ceil(t/n),[t,n]),s=(0,v.useMemo)(()=>o===r-1,[o,r]);return{pageNumbers:(0,v.useMemo)(()=>Array.from({length:s?t-o*n:n},(a,m)=>o*n+m+1),[s,t,o,n]),currentGroupIdx:o,totalGroupLength:r,isLastGroup:s}};var C=require("react"),fe=e=>{let t=(0,C.useRef)(void 0);return(0,C.useEffect)(()=>{t.current=e}),t.current};var k=require("react"),me=()=>{let[e,t]=(0,k.useState)();return o=>{t(()=>{throw o})}};