@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.91

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,IA+DF,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) 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"],"mappings":"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","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,SA2BF,CAAA"}

package/dist/hooks/useIntersect.js

@@ -1,29 +1,81 @@
 'use client';
-/* eslint-disable no-shadow */ import { useEffect, useRef, useState } from 'react';
-export const useIntersect = ({ root = null, rootMargin = '0px', threshold = 0 } = {}, disable)=>{
-    const [entry, updateEntry] = useState();
-    const [node, setNode] = useState(null);
-    const observer = useRef(typeof window !== 'undefined' && 'IntersectionObserver' in window ? new window.IntersectionObserver(([ent])=>updateEntry(ent), {
-        root,
-        rootMargin,
-        threshold
-    }) : null);
-    useEffect(()=>{
-        if (disable) {
-            return;
-        }
-        const { current: currentObserver } = observer;
-        currentObserver.disconnect();
-        if (node) currentObserver.observe(node);
-        return ()=>currentObserver.disconnect();
-    }, [
-        node,
-        disable
-    ]);
-    return [
-        setNode,
-        entry
-    ];
-};
 
+import { c as _c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from 'react';
+export const useIntersect = (t0, disable) => {
+  const $ = _c(14);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    root: t2,
+    rootMargin: t3,
+    threshold: t4
+  } = t1;
+  const root = t2 === undefined ? null : t2;
+  const rootMargin = t3 === undefined ? "0px" : t3;
+  const threshold = t4 === undefined ? 0 : t4;
+  const [entry, updateEntry] = useState();
+  const [node, setNode] = useState(null);
+  let t5;
+  if ($[2] !== disable || $[3] !== root || $[4] !== rootMargin || $[5] !== threshold) {
+    t5 = typeof window !== "undefined" && "IntersectionObserver" in window && !disable ? new window.IntersectionObserver(t6 => {
+      const [ent] = t6;
+      return updateEntry(ent);
+    }, {
+      root,
+      rootMargin,
+      threshold
+    }) : null;
+    $[2] = disable;
+    $[3] = root;
+    $[4] = rootMargin;
+    $[5] = threshold;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  const observer = useRef(t5);
+  let t6;
+  let t7;
+  if ($[7] !== disable || $[8] !== node) {
+    t6 = () => {
+      if (disable) {
+        return;
+      }
+      const {
+        current: currentObserver
+      } = observer;
+      currentObserver.disconnect();
+      if (node) {
+        currentObserver.observe(node);
+      }
+      return () => currentObserver.disconnect();
+    };
+    t7 = [node, disable];
+    $[7] = disable;
+    $[8] = node;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t6 = $[9];
+    t7 = $[10];
+  }
+  useEffect(t6, t7);
+  let t8;
+  if ($[11] !== entry || $[12] !== node) {
+    t8 = [setNode, entry, node];
+    $[11] = entry;
+    $[12] = node;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  return t8;
+};
 //# sourceMappingURL=useIntersect.js.map

package/dist/hooks/useIntersect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useIntersect.ts"],"sourcesContent":["'use client'\n/* eslint-disable no-shadow */\nimport { useEffect, useRef, useState } from 'react'\n\ntype Intersect = [setNode: React.Dispatch<Element>, entry: IntersectionObserverEntry]\n\nexport const useIntersect = (\n  { root = null, rootMargin = '0px', threshold = 0 } = {},\n  disable?: boolean,\n): Intersect => {\n  const [entry, updateEntry] = useState<IntersectionObserverEntry>()\n  const [node, setNode] = useState(null)\n\n  const observer = useRef(\n    typeof window !== 'undefined' && 'IntersectionObserver' in window\n      ? new window.IntersectionObserver(([ent]) => updateEntry(ent), {\n          root,\n          rootMargin,\n          threshold,\n        })\n      : null,\n  )\n\n  useEffect(() => {\n    if (disable) {\n      return\n    }\n    const { current: currentObserver } = observer\n    currentObserver.disconnect()\n\n    if (node) currentObserver.observe(node)\n\n    return () => currentObserver.disconnect()\n  }, [node, disable])\n\n  return [setNode, entry]\n}\n"],"names":["useEffect","useRef","useState","useIntersect","root","rootMargin","threshold","disable","entry","updateEntry","node","setNode","observer","window","IntersectionObserver","ent","current","currentObserver","disconnect","observe"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,4BAA4B,GAC5B,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAInD,OAAO,MAAMC,eAAe,CAC1B,EAAEC,OAAO,IAAI,EAAEC,aAAa,KAAK,EAAEC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC,EACvDC;IAEA,MAAM,CAACC,OAAOC,YAAY,GAAGP;IAC7B,MAAM,CAACQ,MAAMC,QAAQ,GAAGT,SAAS;IAEjC,MAAMU,WAAWX,OACf,OAAOY,WAAW,eAAe,0BAA0BA,SACvD,IAAIA,OAAOC,oBAAoB,CAAC,CAAC,CAACC,IAAI,GAAKN,YAAYM,MAAM;QAC3DX;QACAC;QACAC;IACF,KACA;IAGNN,UAAU;QACR,IAAIO,SAAS;YACX;QACF;QACA,MAAM,EAAES,SAASC,eAAe,EAAE,GAAGL;QACrCK,gBAAgBC,UAAU;QAE1B,IAAIR,MAAMO,gBAAgBE,OAAO,CAACT;QAElC,OAAO,IAAMO,gBAAgBC,UAAU;IACzC,GAAG;QAACR;QAAMH;KAAQ;IAElB,OAAO;QAACI;QAASH;KAAM;AACzB,EAAC"}
+{"version":3,"file":"useIntersect.js","names":["c","_c","useEffect","useRef","useState","useIntersect","t0","disable","$","t1","undefined","root","t2","rootMargin","t3","threshold","t4","entry","updateEntry","node","setNode","t5","window","IntersectionObserver","t6","ent","observer","t7","current","currentObserver","disconnect","observe","t8"],"sources":["../../src/hooks/useIntersect.ts"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect, useRef, useState } from 'react'\n\ntype Intersect = [\n  setNode: React.Dispatch<HTMLElement>,\n  entry: IntersectionObserverEntry,\n  node: HTMLElement,\n]\n\nexport const useIntersect = (\n  { root = null, rootMargin = '0px', threshold = 0 } = {},\n  disable?: boolean,\n): Intersect => {\n  const [entry, updateEntry] = useState<IntersectionObserverEntry>()\n  const [node, setNode] = useState(null)\n\n  const observer = useRef(\n    typeof window !== 'undefined' && 'IntersectionObserver' in window && !disable\n      ? new window.IntersectionObserver(([ent]) => updateEntry(ent), {\n          root,\n          rootMargin,\n          threshold,\n        })\n      : null,\n  )\n\n  useEffect(() => {\n    if (disable) {\n      return\n    }\n    const { current: currentObserver } = observer\n    currentObserver.disconnect()\n\n    if (node) currentObserver.observe(node)\n\n    return () => currentObserver.disconnect()\n  }, [node, disable])\n\n  return [setNode, entry, node]\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAQ5C,OAAO,MAAMC,YAAA,GAAeA,CAAAC,EAAA,EAAAC,OAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAF,EAAA;IAC1BG,EAAA,GAAAH,EAAuD,KAAAI,SAAA,QAAvDJ,EAAuD;IAAAE,CAAA,MAAAF,EAAA;IAAAE,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAvD;IAAAG,IAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,SAAA,EAAAC;EAAA,IAAAP,EAAuD;EAArD,MAAAE,IAAA,GAAAC,EAAW,KAAAF,SAAA,UAAXE,EAAW;EAAE,MAAAC,UAAA,GAAAC,EAAkB,KAAAJ,SAAA,GAAL,KAAK,GAAlBI,EAAkB;EAAE,MAAAC,SAAA,GAAAC,EAAa,KAAAN,SAAA,OAAbM,EAAa;EAGhD,OAAAC,KAAA,EAAAC,WAAA,IAA6Bd,QAAA;EAC7B,OAAAe,IAAA,EAAAC,OAAA,IAAwBhB,QAAA,KAAS;EAAA,IAAAiB,EAAA;EAAA,IAAAb,CAAA,QAAAD,OAAA,IAAAC,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAK,UAAA,IAAAL,CAAA,QAAAO,SAAA;IAG/BM,EAAA,UAAAC,MAAA,KAAkB,eAAe,0BAAAA,MAA0B,KAAWf,OAAA,OAAAe,MAAA,CAAAC,oBAAA,CAAAC,EAAA;MACjC,OAAAC,GAAA,IAAAD,EAAK;MAAA,OAAKN,WAAA,CAAYO,GAAA;IAAA;MAAAd,IAAA;MAAAE,UAAA;MAAAE;IAAA,SAKvD;IAAAP,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,UAAA;IAAAL,CAAA,MAAAO,SAAA;IAAAP,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAPN,MAAAkB,QAAA,GAAiBvB,MAAA,CACfkB,EAMI;EAAA,IAAAG,EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAnB,CAAA,QAAAD,OAAA,IAAAC,CAAA,QAAAW,IAAA;IAGIK,EAAA,GAAAA,CAAA;MAAA,IACJjB,OAAA;QAAA;MAAA;MAGJ;QAAAqB,OAAA,EAAAC;MAAA,IAAqCH,QAAA;MACrCG,eAAA,CAAAC,UAAA,CAA0B;MAAA,IAEtBX,IAAA;QAAMU,eAAA,CAAAE,OAAA,CAAwBZ,IAAA;MAAA;MAAA,aAErBU,eAAA,CAAAC,UAAA,CAA0B;IAAA;IACtCH,EAAA,IAACR,IAAA,EAAMZ,OAAA;IAAQC,CAAA,MAAAD,OAAA;IAAAC,CAAA,MAAAW,IAAA;IAAAX,CAAA,MAAAgB,EAAA;IAAAhB,CAAA,OAAAmB,EAAA;EAAA;IAAAH,EAAA,GAAAhB,CAAA;IAAAmB,EAAA,GAAAnB,CAAA;EAAA;EAVlBN,SAAA,CAAUsB,EAUV,EAAGG,EAAe;EAAA,IAAAK,EAAA;EAAA,IAAAxB,CAAA,SAAAS,KAAA,IAAAT,CAAA,SAAAW,IAAA;IAEXa,EAAA,IAACZ,OAAA,EAASH,KAAA,EAAOE,IAAA;IAAKX,CAAA,OAAAS,KAAA;IAAAT,CAAA,OAAAW,IAAA;IAAAX,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OAAtBwB,EAAsB;AAAA,CAC/B","ignoreList":[]}