@payloadcms/ui 3.0.0-beta.1 → 3.0.0-beta.100

package/dist/hooks/useDelay.js

@@ -1,31 +1,24 @@
+'use client';
+
 import * as React from 'react';
-export const useDelay = (delay, triggerOnMount = false)=>{
-    const [hasDelayed, setHasDelayed] = React.useState(false);
-    const triggerTimeoutRef = React.useRef();
-    const triggerDelay = React.useCallback(()=>{
-        setHasDelayed(false);
-        clearTimeout(triggerTimeoutRef.current);
-        triggerTimeoutRef.current = setTimeout(()=>{
-            setHasDelayed(true);
-        }, delay);
-        return ()=>{
-            clearTimeout(triggerTimeoutRef.current);
-        };
-    }, [
-        delay
-    ]);
-    React.useEffect(()=>{
-        if (triggerOnMount) {
-            triggerDelay();
-        }
-    }, [
-        triggerDelay,
-        triggerOnMount
-    ]);
-    return [
-        hasDelayed,
-        triggerDelay
-    ];
+export const useDelay = (delay, triggerOnMount = false) => {
+  const [hasDelayed, setHasDelayed] = React.useState(false);
+  const triggerTimeoutRef = React.useRef(undefined);
+  const triggerDelay = React.useCallback(() => {
+    setHasDelayed(false);
+    clearTimeout(triggerTimeoutRef.current);
+    triggerTimeoutRef.current = setTimeout(() => {
+      setHasDelayed(true);
+    }, delay);
+    return () => {
+      clearTimeout(triggerTimeoutRef.current);
+    };
+  }, [delay]);
+  React.useEffect(() => {
+    if (triggerOnMount) {
+      triggerDelay();
+    }
+  }, [triggerDelay, triggerOnMount]);
+  return [hasDelayed, triggerDelay];
 };
-
 //# sourceMappingURL=useDelay.js.map

package/dist/hooks/useDelay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["import * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>()\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n"],"names":["React","useDelay","delay","triggerOnMount","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","triggerDelay","useCallback","clearTimeout","current","setTimeout","useEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAO;AAG9B,OAAO,MAAMC,WAAW,CAACC,OAAeC,iBAAiB,KAAK;IAC5D,MAAM,CAACC,YAAYC,cAAc,GAAGL,MAAMM,QAAQ,CAAC;IACnD,MAAMC,oBAAoBP,MAAMQ,MAAM;IAEtC,MAAMC,eAAeT,MAAMU,WAAW,CAAC;QACrCL,cAAc;QACdM,aAAaJ,kBAAkBK,OAAO;QACtCL,kBAAkBK,OAAO,GAAGC,WAAW;YACrCR,cAAc;QAChB,GAAGH;QAEH,OAAO;YACLS,aAAaJ,kBAAkBK,OAAO;QACxC;IACF,GAAG;QAACV;KAAM;IAEVF,MAAMc,SAAS,CAAC;QACd,IAAIX,gBAAgB;YAClBM;QACF;IACF,GAAG;QAACA;QAAcN;KAAe;IAEjC,OAAO;QAACC;QAAYK;KAAa;AACnC,EAAC"}
+{"version":3,"file":"useDelay.js","names":["React","useDelay","delay","triggerOnMount","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","undefined","triggerDelay","useCallback","clearTimeout","current","setTimeout","useEffect"],"sources":["../../src/hooks/useDelay.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\ntype Result = [boolean, () => void]\nexport const useDelay = (delay: number, triggerOnMount = false): Result => {\n  const [hasDelayed, setHasDelayed] = React.useState(false)\n  const triggerTimeoutRef = React.useRef<NodeJS.Timeout>(undefined)\n\n  const triggerDelay = React.useCallback(() => {\n    setHasDelayed(false)\n    clearTimeout(triggerTimeoutRef.current)\n    triggerTimeoutRef.current = setTimeout(() => {\n      setHasDelayed(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(triggerTimeoutRef.current)\n    }\n  }, [delay])\n\n  React.useEffect(() => {\n    if (triggerOnMount) {\n      triggerDelay()\n    }\n  }, [triggerDelay, triggerOnMount])\n\n  return [hasDelayed, triggerDelay]\n}\n"],"mappings":"AAAA;;AACA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,QAAA,GAAWA,CAACC,KAAA,EAAeC,cAAA,GAAiB,KAAK;EAC5D,MAAM,CAACC,UAAA,EAAYC,aAAA,CAAc,GAAGL,KAAA,CAAMM,QAAQ,CAAC;EACnD,MAAMC,iBAAA,GAAoBP,KAAA,CAAMQ,MAAM,CAAiBC,SAAA;EAEvD,MAAMC,YAAA,GAAeV,KAAA,CAAMW,WAAW,CAAC;IACrCN,aAAA,CAAc;IACdO,YAAA,CAAaL,iBAAA,CAAkBM,OAAO;IACtCN,iBAAA,CAAkBM,OAAO,GAAGC,UAAA,CAAW;MACrCT,aAAA,CAAc;IAChB,GAAGH,KAAA;IAEH,OAAO;MACLU,YAAA,CAAaL,iBAAA,CAAkBM,OAAO;IACxC;EACF,GAAG,CAACX,KAAA,CAAM;EAEVF,KAAA,CAAMe,SAAS,CAAC;IACd,IAAIZ,cAAA,EAAgB;MAClBO,YAAA;IACF;EACF,GAAG,CAACA,YAAA,EAAcP,cAAA,CAAe;EAEjC,OAAO,CAACC,UAAA,EAAYM,YAAA,CAAa;AACnC","ignoreList":[]}

package/dist/hooks/useDelayedRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedRender.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelayedRender.ts"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAA;IACvB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAA;IAClB;;SAEK;IACL,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AACD,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK;IACtD,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,YAAY,EAAE,OAAO,CAAA;IACrB,wEAAwE;IACxE,oBAAoB,EAAE,MAAM,IAAI,CAAA;CACjC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,iBA0C9B,CAAA"}
+{"version":3,"file":"useDelayedRender.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelayedRender.ts"],"names":[],"mappings":"AAKA,KAAK,kBAAkB,GAAG;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAA;IACvB,iFAAiF;IACjF,SAAS,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,UAAU,EAAE,MAAM,CAAA;IAClB;;SAEK;IACL,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AACD,KAAK,iBAAiB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK;IACtD,6DAA6D;IAC7D,SAAS,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,YAAY,EAAE,OAAO,CAAA;IACrB,wEAAwE;IACxE,oBAAoB,EAAE,MAAM,IAAI,CAAA;CACjC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,iBA0C9B,CAAA"}

package/dist/hooks/useDelayedRender.js

@@ -1,46 +1,44 @@
+'use client';
+
 import * as React from 'react';
 import { useDelay } from './useDelay.js';
-export const useDelayedRender = ({ delayBeforeShow, inTimeout, minShowTime, outTimeout, show })=>{
-    const totalMountTime = inTimeout + minShowTime + outTimeout;
-    const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow);
-    const [isMounted, setIsMounted] = React.useState(false);
-    const [isUnmounting, setIsUnmounting] = React.useState(false);
-    const onMountTimestampRef = React.useRef(0);
-    const unmountTimeoutRef = React.useRef();
-    const unmount = React.useCallback(()=>{
-        setIsUnmounting(true);
-        unmountTimeoutRef.current = setTimeout(()=>{
-            setIsMounted(false);
-            setIsUnmounting(false);
-        }, outTimeout);
-    }, [
-        setIsUnmounting,
-        outTimeout
-    ]);
-    React.useEffect(()=>{
-        const shouldMount = hasDelayed && !isMounted && show;
-        const shouldUnmount = isMounted && !show;
-        if (shouldMount) {
-            onMountTimestampRef.current = Date.now();
-            setIsMounted(true);
-        } else if (shouldUnmount) {
-            const totalTimeMounted = Date.now() - onMountTimestampRef.current;
-            const remainingTime = totalMountTime - totalTimeMounted;
-            clearTimeout(unmountTimeoutRef.current);
-            unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime));
-        }
-    }, [
-        isMounted,
-        show,
-        unmount,
-        totalMountTime,
-        hasDelayed
-    ]);
-    return {
-        isMounted,
-        isUnmounting,
-        triggerDelayedRender: triggerDelay
-    };
+export const useDelayedRender = ({
+  delayBeforeShow,
+  inTimeout,
+  minShowTime,
+  outTimeout,
+  show
+}) => {
+  const totalMountTime = inTimeout + minShowTime + outTimeout;
+  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow);
+  const [isMounted, setIsMounted] = React.useState(false);
+  const [isUnmounting, setIsUnmounting] = React.useState(false);
+  const onMountTimestampRef = React.useRef(0);
+  const unmountTimeoutRef = React.useRef(undefined);
+  const unmount = React.useCallback(() => {
+    setIsUnmounting(true);
+    unmountTimeoutRef.current = setTimeout(() => {
+      setIsMounted(false);
+      setIsUnmounting(false);
+    }, outTimeout);
+  }, [setIsUnmounting, outTimeout]);
+  React.useEffect(() => {
+    const shouldMount = hasDelayed && !isMounted && show;
+    const shouldUnmount = isMounted && !show;
+    if (shouldMount) {
+      onMountTimestampRef.current = Date.now();
+      setIsMounted(true);
+    } else if (shouldUnmount) {
+      const totalTimeMounted = Date.now() - onMountTimestampRef.current;
+      const remainingTime = totalMountTime - totalTimeMounted;
+      clearTimeout(unmountTimeoutRef.current);
+      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime));
+    }
+  }, [isMounted, show, unmount, totalMountTime, hasDelayed]);
+  return {
+    isMounted,
+    isUnmounting,
+    triggerDelayedRender: triggerDelay
+  };
 };
-
 //# sourceMappingURL=useDelayedRender.js.map

package/dist/hooks/useDelayedRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["import * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.MutableRefObject<NodeJS.Timeout | undefined> = React.useRef()\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAwBxC,OAAO,MAAMC,mBAAsC,CAAC,EAClDC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,UAAU,EACVC,IAAI,EACL;IACC,MAAMC,iBAAiBJ,YAAYC,cAAcC;IACjD,MAAM,CAACG,YAAYC,aAAa,GAAGT,SAASE;IAC5C,MAAM,CAACQ,WAAWC,aAAa,GAAGZ,MAAMa,QAAQ,CAAC;IACjD,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,MAAMa,QAAQ,CAAC;IACvD,MAAMG,sBAAsBhB,MAAMiB,MAAM,CAAC;IACzC,MAAMC,oBAAwElB,MAAMiB,MAAM;IAE1F,MAAME,UAAUnB,MAAMoB,WAAW,CAAC;QAChCL,gBAAgB;QAChBG,kBAAkBG,OAAO,GAAGC,WAAW;YACrCV,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMuB,SAAS,CAAC;QACd,MAAMC,cAAcf,cAAc,CAACE,aAAaJ;QAChD,MAAMkB,gBAAgBd,aAAa,CAACJ;QAEpC,IAAIiB,aAAa;YACfR,oBAAoBK,OAAO,GAAGK,KAAKC,GAAG;YACtCf,aAAa;QACf,OAAO,IAAIa,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKX,oBAAoBK,OAAO;YACjE,MAAMQ,gBAAgBrB,iBAAiBoB;YACvCE,aAAaZ,kBAAkBG,OAAO;YACtCH,kBAAkBG,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAAClB;QAAWJ;QAAMY;QAASX;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAmB,sBAAsBvB;IACxB;AACF,EAAC"}
+{"version":3,"file":"useDelayedRender.js","names":["React","useDelay","useDelayedRender","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","unmount","useCallback","current","setTimeout","useEffect","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","triggerDelayedRender"],"sources":["../../src/hooks/useDelayedRender.ts"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { useDelay } from './useDelay.js'\n\ntype DelayedRenderProps = {\n  /** Time in ms to wait before \"mounting\" the component. */\n  delayBeforeShow: number\n  /** Time in ms for the \"enter\" phase of the transition, after delay completes. */\n  inTimeout: number\n  /** Min time in ms for the \"entered\" phase of the transition. */\n  minShowTime: number\n  /** Time in ms for the exit phase of the transition. */\n  outTimeout: number\n  /** `true` starts the mount process.\n   * `false` starts the unmount process.\n   * */\n  show: boolean\n}\ntype useDelayedRenderT = (props: DelayedRenderProps) => {\n  /** `true` if the component has mounted after the timeout. */\n  isMounted: boolean\n  /** `true` if the component is unmounting. */\n  isUnmounting: boolean\n  /** Call this function to trigger the timeout delay before rendering. */\n  triggerDelayedRender: () => void\n}\nexport const useDelayedRender: useDelayedRenderT = ({\n  delayBeforeShow,\n  inTimeout,\n  minShowTime,\n  outTimeout,\n  show,\n}) => {\n  const totalMountTime = inTimeout + minShowTime + outTimeout\n  const [hasDelayed, triggerDelay] = useDelay(delayBeforeShow)\n  const [isMounted, setIsMounted] = React.useState(false)\n  const [isUnmounting, setIsUnmounting] = React.useState(false)\n  const onMountTimestampRef = React.useRef(0)\n  const unmountTimeoutRef: React.RefObject<NodeJS.Timeout | undefined> = React.useRef(undefined)\n\n  const unmount = React.useCallback(() => {\n    setIsUnmounting(true)\n    unmountTimeoutRef.current = setTimeout(() => {\n      setIsMounted(false)\n      setIsUnmounting(false)\n    }, outTimeout)\n  }, [setIsUnmounting, outTimeout])\n\n  React.useEffect(() => {\n    const shouldMount = hasDelayed && !isMounted && show\n    const shouldUnmount = isMounted && !show\n\n    if (shouldMount) {\n      onMountTimestampRef.current = Date.now()\n      setIsMounted(true)\n    } else if (shouldUnmount) {\n      const totalTimeMounted = Date.now() - onMountTimestampRef.current\n      const remainingTime = totalMountTime - totalTimeMounted\n      clearTimeout(unmountTimeoutRef.current)\n      unmountTimeoutRef.current = setTimeout(unmount, Math.max(0, remainingTime))\n    }\n  }, [isMounted, show, unmount, totalMountTime, hasDelayed])\n\n  return {\n    isMounted,\n    isUnmounting,\n    triggerDelayedRender: triggerDelay,\n  }\n}\n"],"mappings":"AAAA;;AACA,YAAYA,KAAA,MAAW;AAEvB,SAASC,QAAQ,QAAQ;AAwBzB,OAAO,MAAMC,gBAAA,GAAsCA,CAAC;EAClDC,eAAe;EACfC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC;AAAI,CACL;EACC,MAAMC,cAAA,GAAiBJ,SAAA,GAAYC,WAAA,GAAcC,UAAA;EACjD,MAAM,CAACG,UAAA,EAAYC,YAAA,CAAa,GAAGT,QAAA,CAASE,eAAA;EAC5C,MAAM,CAACQ,SAAA,EAAWC,YAAA,CAAa,GAAGZ,KAAA,CAAMa,QAAQ,CAAC;EACjD,MAAM,CAACC,YAAA,EAAcC,eAAA,CAAgB,GAAGf,KAAA,CAAMa,QAAQ,CAAC;EACvD,MAAMG,mBAAA,GAAsBhB,KAAA,CAAMiB,MAAM,CAAC;EACzC,MAAMC,iBAAA,GAAiElB,KAAA,CAAMiB,MAAM,CAACE,SAAA;EAEpF,MAAMC,OAAA,GAAUpB,KAAA,CAAMqB,WAAW,CAAC;IAChCN,eAAA,CAAgB;IAChBG,iBAAA,CAAkBI,OAAO,GAAGC,UAAA,CAAW;MACrCX,YAAA,CAAa;MACbG,eAAA,CAAgB;IAClB,GAAGT,UAAA;EACL,GAAG,CAACS,eAAA,EAAiBT,UAAA,CAAW;EAEhCN,KAAA,CAAMwB,SAAS,CAAC;IACd,MAAMC,WAAA,GAAchB,UAAA,IAAc,CAACE,SAAA,IAAaJ,IAAA;IAChD,MAAMmB,aAAA,GAAgBf,SAAA,IAAa,CAACJ,IAAA;IAEpC,IAAIkB,WAAA,EAAa;MACfT,mBAAA,CAAoBM,OAAO,GAAGK,IAAA,CAAKC,GAAG;MACtChB,YAAA,CAAa;IACf,OAAO,IAAIc,aAAA,EAAe;MACxB,MAAMG,gBAAA,GAAmBF,IAAA,CAAKC,GAAG,KAAKZ,mBAAA,CAAoBM,OAAO;MACjE,MAAMQ,aAAA,GAAgBtB,cAAA,GAAiBqB,gBAAA;MACvCE,YAAA,CAAab,iBAAA,CAAkBI,OAAO;MACtCJ,iBAAA,CAAkBI,OAAO,GAAGC,UAAA,CAAWH,OAAA,EAASY,IAAA,CAAKC,GAAG,CAAC,GAAGH,aAAA;IAC9D;EACF,GAAG,CAACnB,SAAA,EAAWJ,IAAA,EAAMa,OAAA,EAASZ,cAAA,EAAgBC,UAAA,CAAW;EAEzD,OAAO;IACLE,SAAA;IACAG,YAAA;IACAoB,oBAAA,EAAsBxB;EACxB;AACF","ignoreList":[]}

package/dist/hooks/useHotkey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,YACX;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,QACK,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAiEF,CAAA"}
+{"version":3,"file":"useHotkey.d.ts","sourceRoot":"","sources":["../../src/hooks/useHotkey.ts"],"names":[],"mappings":"AA6DA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,YACX;IACP,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAA;CACnB,QACK,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,KAC/B,IAmEF,CAAA"}

package/dist/hooks/useHotkey.js

@@ -1,6 +1,8 @@
 'use client';
-/* eslint-disable no-shadow */ import * as facelessUIImport from '@faceless-ui/modal';
-import { setsAreEqual } from 'payload/utilities';
+
+import { c as _c } from "react/compiler-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { setsAreEqual } from 'payload/shared';
 import { useCallback, useEffect } from 'react';
 // Required to be outside of hook, else debounce would be necessary
 // and then one could not prevent the default behaviour.
@@ -11,40 +13,40 @@ import { useCallback, useEffect } from 'react';
 // When the user then comes back to the window, the key is still registered as pressed, even though it's not.
 const pressedKeys = new Map([]);
 const map = {
-    altleft: 'alt',
-    altright: 'alt',
-    controlleft: 'ctrl',
-    controlright: 'ctrl',
-    ctrlleft: 'ctrl',
-    ctrlright: 'ctrl',
-    escape: 'esc',
-    metaleft: 'meta',
-    metaright: 'meta',
-    osleft: 'meta',
-    osright: 'meta',
-    shiftleft: 'shift',
-    shiftright: 'shift'
+  altleft: 'alt',
+  altright: 'alt',
+  controlleft: 'ctrl',
+  controlright: 'ctrl',
+  ctrlleft: 'ctrl',
+  ctrlright: 'ctrl',
+  escape: 'esc',
+  metaleft: 'meta',
+  metaright: 'meta',
+  osleft: 'meta',
+  osright: 'meta',
+  shiftleft: 'shift',
+  shiftright: 'shift'
 };
-const stripKey = (key)=>{
-    return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '');
+const stripKey = key => {
+  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '');
 };
-const pushToKeys = (code)=>{
-    const key = stripKey(code);
-    // There is a weird bug with macos that if the keys are not cleared they remain in the
-    // pressed keys set.
-    if (key === 'meta') {
-        pressedKeys.forEach((time, pressedKey)=>pressedKey !== 'meta' && pressedKeys.delete(pressedKey));
-    }
-    pressedKeys.set(key, Date.now());
+const pushToKeys = code => {
+  const key = stripKey(code);
+  // There is a weird bug with macos that if the keys are not cleared they remain in the
+  // pressed keys set.
+  if (key === 'meta') {
+    pressedKeys.forEach((time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey));
+  }
+  pressedKeys.set(key, Date.now());
 };
-const removeFromKeys = (code)=>{
-    const key = stripKey(code);
-    // There is a weird bug with macos that if the keys are not cleared they remain in the
-    // pressed keys set.
-    if (key === 'meta') {
-        pressedKeys.clear();
-    }
-    pressedKeys.delete(key);
+const removeFromKeys = code => {
+  const key = stripKey(code);
+  // There is a weird bug with macos that if the keys are not cleared they remain in the
+  // pressed keys set.
+  if (key === 'meta') {
+    pressedKeys.clear();
+  }
+  pressedKeys.delete(key);
 };
 /**
  * Hook function to work with hotkeys.
@@ -52,68 +54,79 @@ const removeFromKeys = (code)=>{
  * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed
  * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers
  * @param func The callback function
- */ export const useHotkey = (options, func)=>{
-    const { useModal } = facelessUIImport;
-    const { cmdCtrlKey, editDepth, keyCodes } = options;
-    const { modalState } = useModal();
-    const keydown = useCallback((event)=>{
-        const e = event.detail?.key ? event.detail : event;
-        if (e.key === undefined) {
-            // Autofill events, or other synthetic events, can be ignored
-            return;
+ */
+export const useHotkey = (options, func) => {
+  const $ = _c(9);
+  const {
+    cmdCtrlKey,
+    editDepth,
+    keyCodes
+  } = options;
+  const {
+    modalState
+  } = useModal();
+  let t0;
+  if ($[0] !== keyCodes || $[1] !== cmdCtrlKey || $[2] !== modalState || $[3] !== editDepth || $[4] !== func) {
+    t0 = event => {
+      const e = event.detail?.key ? event.detail : event;
+      if (e.key === undefined) {
+        return;
+      }
+      pressedKeys.forEach((time, key) => {
+        if (Date.now() - time > 3000) {
+          pressedKeys.delete(key);
         }
-        // Filter out pressed keys which have been pressed > 3 seconds ago
-        pressedKeys.forEach((time, key)=>{
-            if (Date.now() - time > 3000) {
-                pressedKeys.delete(key);
-            }
-        });
-        if (e.code) pushToKeys(e.code);
-        // Check for Mac and iPad
-        const hasCmd = window.navigator.userAgent.includes('Mac OS X');
-        const pressedWithoutModifier = [
-            ...pressedKeys.keys()
-        ].filter((key)=>![
-                'alt',
-                'ctrl',
-                'meta',
-                'shift'
-            ].includes(key));
-        // Check whether arrays contain the same values (regardless of number of occurrences)
-        if (setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) && (!cmdCtrlKey || hasCmd && pressedKeys.has('meta') || !hasCmd && e.ctrlKey)) {
-            // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.
-            const maxEditDepth = (Object.keys(modalState).filter((key)=>modalState[key]?.isOpen)?.length + 1) ?? 1;
-            if (maxEditDepth !== editDepth) {
-                // We only want to execute the hotkey from the most top-level drawer / edit depth.
-                return;
-            }
-            // execute the function associated with the maximum edit depth
-            func(e);
+      });
+      if (e.code) {
+        pushToKeys(e.code);
+      }
+      const hasCmd = window.navigator.userAgent.includes("Mac OS X");
+      const pressedWithoutModifier = [...pressedKeys.keys()].filter(key_0 => !["alt", "ctrl", "meta", "shift"].includes(key_0));
+      if (setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) && (!cmdCtrlKey || hasCmd && pressedKeys.has("meta") || !hasCmd && e.ctrlKey)) {
+        const maxEditDepth = Object.keys(modalState).filter(key_1 => modalState[key_1]?.isOpen)?.length + 1 || 1;
+        if (maxEditDepth !== editDepth) {
+          return;
         }
-    }, [
-        keyCodes,
-        cmdCtrlKey,
-        editDepth,
-        modalState,
-        func
-    ]);
-    const keyup = useCallback((e)=>{
-        if (e.code) removeFromKeys(e.code);
-    }, []);
-    useEffect(()=>{
-        document.addEventListener('keydown', keydown, false);
-        document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select
-        ;
-        document.addEventListener('keyup', keyup, false);
-        return ()=>{
-            document.removeEventListener('keydown', keydown);
-            document.removeEventListener('bypassKeyDown', keydown);
-            document.removeEventListener('keyup', keyup);
-        };
-    }, [
-        keydown,
-        keyup
-    ]);
+        func(e);
+      }
+    };
+    $[0] = keyCodes;
+    $[1] = cmdCtrlKey;
+    $[2] = modalState;
+    $[3] = editDepth;
+    $[4] = func;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  const keydown = t0;
+  const keyup = _temp;
+  let t1;
+  let t2;
+  if ($[6] !== keydown) {
+    t1 = () => {
+      document.addEventListener("keydown", keydown, false);
+      document.addEventListener("bypassKeyDown", keydown, false);
+      document.addEventListener("keyup", keyup, false);
+      return () => {
+        document.removeEventListener("keydown", keydown);
+        document.removeEventListener("bypassKeyDown", keydown);
+        document.removeEventListener("keyup", keyup);
+      };
+    };
+    t2 = [keydown, keyup];
+    $[6] = keydown;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect(t1, t2);
 };
-
+function _temp(e_0) {
+  if (e_0.code) {
+    removeFromKeys(e_0.code);
+  }
+}
 //# sourceMappingURL=useHotkey.js.map

package/dist/hooks/useHotkey.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n/* eslint-disable no-shadow */\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/utilities'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { useModal } = facelessUIImport\n\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) pushToKeys(e.code)\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 ?? 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) removeFromKeys(e.code)\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"names":["facelessUIImport","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","useModal","cmdCtrlKey","editDepth","keyCodes","modalState","keydown","event","e","detail","undefined","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","Set","has","ctrlKey","maxEditDepth","Object","isOpen","length","keyup","document","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"useHotkey.js","names":["c","_c","useModal","setsAreEqual","useCallback","useEffect","pressedKeys","Map","map","altleft","altright","controlleft","controlright","ctrlleft","ctrlright","escape","metaleft","metaright","osleft","osright","shiftleft","shiftright","stripKey","key","toLowerCase","trim","replace","pushToKeys","code","forEach","time","pressedKey","delete","set","Date","now","removeFromKeys","clear","useHotkey","options","func","$","cmdCtrlKey","editDepth","keyCodes","modalState","t0","event","e","detail","undefined","hasCmd","window","navigator","userAgent","includes","pressedWithoutModifier","keys","filter","key_0","Set","has","ctrlKey","maxEditDepth","Object","key_1","isOpen","length","keydown","keyup","_temp","t1","t2","document","addEventListener","removeEventListener","e_0"],"sources":["../../src/hooks/useHotkey.ts"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { setsAreEqual } from 'payload/shared'\nimport { useCallback, useEffect } from 'react'\n\n// Required to be outside of hook, else debounce would be necessary\n// and then one could not prevent the default behaviour.\n\n// It maps the pressed keys with the time they were pressed, in order to implement a maximum time\n// for the user to press the next key in the sequence\n\n// This is necessary to prevent a bug where the keyup event, which unsets the key as pressed\n// is not fired when the window is not focused.\n// When the user then comes back to the window, the key is still registered as pressed, even though it's not.\nconst pressedKeys = new Map<string, number>([])\n\nconst map = {\n  altleft: 'alt',\n  altright: 'alt',\n  controlleft: 'ctrl',\n  controlright: 'ctrl',\n  ctrlleft: 'ctrl',\n  ctrlright: 'ctrl',\n  escape: 'esc',\n  metaleft: 'meta',\n  metaright: 'meta',\n  osleft: 'meta',\n  osright: 'meta',\n  shiftleft: 'shift',\n  shiftright: 'shift',\n}\n\nconst stripKey = (key: string) => {\n  return (map[key.toLowerCase()] || key).trim().toLowerCase().replace('key', '')\n}\n\nconst pushToKeys = (code: string) => {\n  const key = stripKey(code)\n\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.forEach(\n      (time, pressedKey) => pressedKey !== 'meta' && pressedKeys.delete(pressedKey),\n    )\n  }\n\n  pressedKeys.set(key, Date.now())\n}\n\nconst removeFromKeys = (code: string) => {\n  const key = stripKey(code)\n  // There is a weird bug with macos that if the keys are not cleared they remain in the\n  // pressed keys set.\n  if (key === 'meta') {\n    pressedKeys.clear()\n  }\n  pressedKeys.delete(key)\n}\n\n/**\n * Hook function to work with hotkeys.\n * @param param0.keyCode {string[]} The keys to listen for (`Event.code` without `'Key'` and lowercased)\n * @param param0.cmdCtrlKey {boolean} Whether Ctrl on windows or Cmd on mac must be pressed\n * @param param0.editDepth {boolean} This ensures that the hotkey is only triggered for the most top-level drawer in case there are nested drawers\n * @param func The callback function\n */\nexport const useHotkey = (\n  options: {\n    cmdCtrlKey: boolean\n    editDepth: number\n    keyCodes: string[]\n  },\n  func: (e: KeyboardEvent) => void,\n): void => {\n  const { cmdCtrlKey, editDepth, keyCodes } = options\n\n  const { modalState } = useModal()\n\n  const keydown = useCallback(\n    (event: CustomEvent | KeyboardEvent) => {\n      const e: KeyboardEvent = event.detail?.key ? event.detail : event\n      if (e.key === undefined) {\n        // Autofill events, or other synthetic events, can be ignored\n        return\n      }\n\n      // Filter out pressed keys which have been pressed > 3 seconds ago\n      pressedKeys.forEach((time, key) => {\n        if (Date.now() - time > 3000) {\n          pressedKeys.delete(key)\n        }\n      })\n\n      if (e.code) {\n        pushToKeys(e.code)\n      }\n\n      // Check for Mac and iPad\n      const hasCmd = window.navigator.userAgent.includes('Mac OS X')\n      const pressedWithoutModifier = [...pressedKeys.keys()].filter(\n        (key) => !['alt', 'ctrl', 'meta', 'shift'].includes(key),\n      )\n\n      // Check whether arrays contain the same values (regardless of number of occurrences)\n      if (\n        setsAreEqual(new Set(pressedWithoutModifier), new Set(keyCodes)) &&\n        (!cmdCtrlKey || (hasCmd && pressedKeys.has('meta')) || (!hasCmd && e.ctrlKey))\n      ) {\n        // get the maximum edit depth by counting the number of open drawers. modalState is and object which contains the state of all drawers.\n        const maxEditDepth =\n          Object.keys(modalState).filter((key) => modalState[key]?.isOpen)?.length + 1 || 1\n\n        if (maxEditDepth !== editDepth) {\n          // We only want to execute the hotkey from the most top-level drawer / edit depth.\n          return\n        }\n        // execute the function associated with the maximum edit depth\n        func(e)\n      }\n    },\n    [keyCodes, cmdCtrlKey, editDepth, modalState, func],\n  )\n\n  const keyup = useCallback((e: KeyboardEvent) => {\n    if (e.code) {\n      removeFromKeys(e.code)\n    }\n  }, [])\n\n  useEffect(() => {\n    document.addEventListener('keydown', keydown, false)\n    document.addEventListener('bypassKeyDown', keydown, false) // this is called if the keydown event's propagation is stopped by react-select\n    document.addEventListener('keyup', keyup, false)\n\n    return () => {\n      document.removeEventListener('keydown', keydown)\n      document.removeEventListener('bypassKeyDown', keydown)\n      document.removeEventListener('keyup', keyup)\n    }\n  }, [keydown, keyup])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks/useIgnoredEffect.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Allows for a `useEffect` hook to be precisely triggered based on whether a only _subset_ of its dependencies have changed, as opposed to all of them. This is useful if you have a list of dependencies that change often, but need to scope your effect's logic to only explicit dependencies within that list.
+ * @constructor
+ * @param {React.EffectCallback} effect - The effect to run
+ * @param {React.DependencyList} deps - Dependencies that should trigger the effect
+ * @param {React.DependencyList} ignoredDeps - Dependencies that should _not_ trigger the effect
+ * @param {Object} options - Additional options to configure the hook
+ * @param {boolean} options.runOnFirstRender - Whether the effect should run on the first render
+ * @example
+ * useIgnoredEffect(() => {
+ *  console.log('This will run when `foo` changes, but not when `bar` changes')
+ * }, [foo], [bar])
+ */
+export declare function useIgnoredEffect(effect: React.EffectCallback, deps: React.DependencyList, ignoredDeps: React.DependencyList, options?: {
+    runOnFirstRender?: boolean;
+}): void;
+//# sourceMappingURL=useIgnoredEffect.d.ts.map

package/dist/hooks/useIgnoredEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIgnoredEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIgnoredEffect.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,WAAW,EAAE,KAAK,CAAC,cAAc,EACjC,OAAO,CAAC,EAAE;IAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE,QAoBzC"}

package/dist/hooks/useIgnoredEffect.js

@@ -0,0 +1,28 @@
+import { dequal } from 'dequal/lite';
+import { useEffect, useRef } from 'react';
+/**
+ * Allows for a `useEffect` hook to be precisely triggered based on whether a only _subset_ of its dependencies have changed, as opposed to all of them. This is useful if you have a list of dependencies that change often, but need to scope your effect's logic to only explicit dependencies within that list.
+ * @constructor
+ * @param {React.EffectCallback} effect - The effect to run
+ * @param {React.DependencyList} deps - Dependencies that should trigger the effect
+ * @param {React.DependencyList} ignoredDeps - Dependencies that should _not_ trigger the effect
+ * @param {Object} options - Additional options to configure the hook
+ * @param {boolean} options.runOnFirstRender - Whether the effect should run on the first render
+ * @example
+ * useIgnoredEffect(() => {
+ *  console.log('This will run when `foo` changes, but not when `bar` changes')
+ * }, [foo], [bar])
+ */
+export function useIgnoredEffect(effect, deps, ignoredDeps, options) {
+  const hasInitialized = useRef(typeof options?.runOnFirstRender !== 'undefined' ? Boolean(!options?.runOnFirstRender) : false);
+  const prevDeps = useRef(deps);
+  useEffect(() => {
+    const depsHaveChanged = deps.some((dep, index) => !ignoredDeps.includes(dep) && !dequal(dep, prevDeps.current[index]));
+    if (depsHaveChanged || !hasInitialized.current) {
+      effect();
+    }
+    prevDeps.current = deps;
+    hasInitialized.current = true;
+  }, deps);
+}
+//# sourceMappingURL=useIgnoredEffect.js.map

package/dist/hooks/useIgnoredEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIgnoredEffect.js","names":["dequal","useEffect","useRef","useIgnoredEffect","effect","deps","ignoredDeps","options","hasInitialized","runOnFirstRender","Boolean","prevDeps","depsHaveChanged","some","dep","index","includes","current"],"sources":["../../src/hooks/useIgnoredEffect.ts"],"sourcesContent":["import { dequal } from 'dequal/lite'\nimport { useEffect, useRef } from 'react'\n\n/**\n * Allows for a `useEffect` hook to be precisely triggered based on whether a only _subset_ of its dependencies have changed, as opposed to all of them. This is useful if you have a list of dependencies that change often, but need to scope your effect's logic to only explicit dependencies within that list.\n * @constructor\n * @param {React.EffectCallback} effect - The effect to run\n * @param {React.DependencyList} deps - Dependencies that should trigger the effect\n * @param {React.DependencyList} ignoredDeps - Dependencies that should _not_ trigger the effect\n * @param {Object} options - Additional options to configure the hook\n * @param {boolean} options.runOnFirstRender - Whether the effect should run on the first render\n * @example\n * useIgnoredEffect(() => {\n *  console.log('This will run when `foo` changes, but not when `bar` changes')\n * }, [foo], [bar])\n */\nexport function useIgnoredEffect(\n  effect: React.EffectCallback,\n  deps: React.DependencyList,\n  ignoredDeps: React.DependencyList,\n  options?: { runOnFirstRender?: boolean },\n) {\n  const hasInitialized = useRef(\n    typeof options?.runOnFirstRender !== 'undefined' ? Boolean(!options?.runOnFirstRender) : false,\n  )\n\n  const prevDeps = useRef(deps)\n\n  useEffect(() => {\n    const depsHaveChanged = deps.some(\n      (dep, index) => !ignoredDeps.includes(dep) && !dequal(dep, prevDeps.current[index]),\n    )\n\n    if (depsHaveChanged || !hasInitialized.current) {\n      effect()\n    }\n\n    prevDeps.current = deps\n    hasInitialized.current = true\n  }, deps)\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAASC,SAAS,EAAEC,MAAM,QAAQ;AAElC;;;;;;;;;;;;;AAaA,OAAO,SAASC,iBACdC,MAA4B,EAC5BC,IAA0B,EAC1BC,WAAiC,EACjCC,OAAwC;EAExC,MAAMC,cAAA,GAAiBN,MAAA,CACrB,OAAOK,OAAA,EAASE,gBAAA,KAAqB,cAAcC,OAAA,CAAQ,CAACH,OAAA,EAASE,gBAAA,IAAoB;EAG3F,MAAME,QAAA,GAAWT,MAAA,CAAOG,IAAA;EAExBJ,SAAA,CAAU;IACR,MAAMW,eAAA,GAAkBP,IAAA,CAAKQ,IAAI,CAC/B,CAACC,GAAA,EAAKC,KAAA,KAAU,CAACT,WAAA,CAAYU,QAAQ,CAACF,GAAA,KAAQ,CAACd,MAAA,CAAOc,GAAA,EAAKH,QAAA,CAASM,OAAO,CAACF,KAAA,CAAM;IAGpF,IAAIH,eAAA,IAAmB,CAACJ,cAAA,CAAeS,OAAO,EAAE;MAC9Cb,MAAA;IACF;IAEAO,QAAA,CAASM,OAAO,GAAGZ,IAAA;IACnBG,cAAA,CAAeS,OAAO,GAAG;EAC3B,GAAGZ,IAAA;AACL","ignoreList":[]}

package/dist/hooks/useIntersect.d.ts

@@ -1,5 +1,9 @@
-/// <reference types="react" resolution-mode="require"/>
-type Intersect = [setNode: React.Dispatch<Element>, entry: IntersectionObserverEntry];
+import type React from 'react';
+type Intersect = [
+    setNode: React.Dispatch<HTMLElement>,
+    entry: IntersectionObserverEntry,
+    node: HTMLElement
+];
 export declare const useIntersect: ({ root, rootMargin, threshold }?: {
     root?: any;
     rootMargin?: string;

package/dist/hooks/useIntersect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersect.ts"],"names":[],"mappings":";AAIA,KAAK,SAAS,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAA;AAErF,eAAO,MAAM,YAAY;;;;aAEb,OAAO,cA4BlB,CAAA"}
+{"version":3,"file":"useIntersect.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,SAAS,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;IACpC,KAAK,EAAE,yBAAyB;IAChC,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,eAAO,MAAM,YAAY;;;;aAEb,OAAO,KAChB,SA6BF,CAAA"}