@payloadcms/ui 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/hooks/useDebouncedEffect.js

@@ -1,58 +1,23 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { useEffect, useState } from 'react';
 export function useDebouncedEffect(effect, deps, delay) {
-  const $ = _c(11);
-  let t0;
-  if ($[0] !== effect) {
-    t0 = () => effect;
-    $[0] = effect;
-    $[1] = t0;
-  } else {
-    t0 = $[1];
-  }
-  const [debouncedEffect, setDebouncedEffect] = useState(t0);
-  let t1;
-  if ($[2] !== delay || $[3] !== effect) {
-    t1 = () => {
-      const handler = setTimeout(() => {
-        setDebouncedEffect(() => effect);
-      }, delay);
-      return () => {
-        clearTimeout(handler);
-      };
-    };
-    $[2] = delay;
-    $[3] = effect;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== delay || $[6] !== deps) {
-    t2 = [...deps, delay];
-    $[5] = delay;
-    $[6] = deps;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  useEffect(t1, t2);
-  let t3;
-  let t4;
-  if ($[8] !== debouncedEffect) {
-    t3 = () => {
-      debouncedEffect();
-    };
-    t4 = [debouncedEffect];
-    $[8] = debouncedEffect;
-    $[9] = t3;
-    $[10] = t4;
-  } else {
-    t3 = $[9];
-    t4 = $[10];
-  }
-  useEffect(t3, t4);
+    const [debouncedEffect, setDebouncedEffect] = useState(()=>effect);
+    useEffect(()=>{
+        const handler = setTimeout(()=>{
+            setDebouncedEffect(()=>effect);
+        }, delay);
+        return ()=>{
+            clearTimeout(handler);
+        };
+    }, [
+        ...deps,
+        delay
+    ]);
+    useEffect(()=>{
+        debouncedEffect();
+    }, [
+        debouncedEffect
+    ]);
 }
+
 //# sourceMappingURL=useDebouncedEffect.js.map

package/dist/hooks/useDebouncedEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedEffect.js","names":["c","_c","useEffect","useState","useDebouncedEffect","effect","deps","delay","$","t0","debouncedEffect","setDebouncedEffect","t1","handler","setTimeout","clearTimeout","t2","t3","t4"],"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["'use client'\nimport type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAGA,SAASC,SAAS,EAAEC,QAAQ,QAAQ;AAEpC,OAAO,SAAAC,mBAAAC,MAAA,EAAAC,IAAA,EAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAD,CAAA,QAAAH,MAAA;IAC8DI,EAAA,GAAAA,CAAA,KAAMJ,MAAA;IAAAG,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAC,EAAA;EAAA;IAAAA,EAAA,GAAAD,CAAA;EAAA;EAAzE,OAAAE,eAAA,EAAAC,kBAAA,IAA8CR,QAAA,CAAqBM,EAAM;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAH,MAAA;IAE/DO,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QACdH,kBAAA,OAAyBN,MAAA;MAAA,GACxBE,KAAA;MAAA;QAGDQ,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEjBL,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAD,KAAA,IAAAC,CAAA,QAAAF,IAAA;IAAGU,EAAA,OAAIV,IAAA,EAAMC,KAAA;IAAMC,CAAA,MAAAD,KAAA;IAAAC,CAAA,MAAAF,IAAA;IAAAE,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EARnBN,SAAA,CAAUU,EAQV,EAAGI,EAAgB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,eAAA;IAETO,EAAA,GAAAA,CAAA;MACRP,eAAA;IAAA;IACCQ,EAAA,IAACR,eAAA;IAAgBF,CAAA,MAAAE,eAAA;IAAAF,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EAFpBN,SAAA,CAAUe,EAEV,EAAGC,EAAiB;AAAA","ignoreList":[]}
+{"version":3,"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["'use client'\nimport type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, deps: DependencyList, delay: number): void {\n  const [debouncedEffect, setDebouncedEffect] = useState<() => void>(() => effect)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedEffect(() => effect)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [...deps, delay])\n\n  useEffect(() => {\n    debouncedEffect()\n  }, [debouncedEffect])\n}\n"],"names":["useEffect","useState","useDebouncedEffect","effect","deps","delay","debouncedEffect","setDebouncedEffect","handler","setTimeout","clearTimeout"],"mappings":"AAAA;AAGA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,SAASC,mBAAmBC,MAAkB,EAAEC,IAAoB,EAAEC,KAAa;IACxF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGN,SAAqB,IAAME;IAEzEH,UAAU;QACR,MAAMQ,UAAUC,WAAW;YACzBF,mBAAmB,IAAMJ;QAC3B,GAAGE;QAEH,OAAO;YACLK,aAAaF;QACf;IACF,GAAG;WAAIJ;QAAMC;KAAM;IAEnBL,UAAU;QACRM;IACF,GAAG;QAACA;KAAgB;AACtB"}

package/dist/hooks/useDelay.js

@@ -1,57 +1,32 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import * as React from 'react';
-export const useDelay = (delay, t0) => {
-  const $ = _c(9);
-  const triggerOnMount = t0 === undefined ? false : t0;
-  const [hasDelayed, setHasDelayed] = React.useState(false);
-  const triggerTimeoutRef = React.useRef(undefined);
-  let t1;
-  if ($[0] !== delay) {
-    t1 = () => {
-      setHasDelayed(false);
-      clearTimeout(triggerTimeoutRef.current);
-      triggerTimeoutRef.current = setTimeout(() => {
-        setHasDelayed(true);
-      }, delay);
-      return () => {
+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);
-      };
-    };
-    $[0] = delay;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const triggerDelay = t1;
-  let t2;
-  let t3;
-  if ($[2] !== triggerDelay || $[3] !== triggerOnMount) {
-    t2 = () => {
-      if (triggerOnMount) {
-        triggerDelay();
-      }
-    };
-    t3 = [triggerDelay, triggerOnMount];
-    $[2] = triggerDelay;
-    $[3] = triggerOnMount;
-    $[4] = t2;
-    $[5] = t3;
-  } else {
-    t2 = $[4];
-    t3 = $[5];
-  }
-  React.useEffect(t2, t3);
-  let t4;
-  if ($[6] !== hasDelayed || $[7] !== triggerDelay) {
-    t4 = [hasDelayed, triggerDelay];
-    $[6] = hasDelayed;
-    $[7] = triggerDelay;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  return t4;
+        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,"file":"useDelay.js","names":["c","_c","React","useDelay","delay","t0","$","triggerOnMount","undefined","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","t1","clearTimeout","current","setTimeout","triggerDelay","t2","t3","useEffect","t4"],"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;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AACA,YAAYC,KAAA,MAAW;AAGvB,OAAO,MAAMC,QAAA,GAAWA,CAAAC,KAAA,EAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAgB,MAAAM,cAAA,GAAAF,EAAsB,KAAAG,SAAA,WAAtBH,EAAsB;EAC5D,OAAAI,UAAA,EAAAC,aAAA,IAAoCR,KAAA,CAAAS,QAAA,MAAe;EACnD,MAAAC,iBAAA,GAA0BV,KAAA,CAAAW,MAAA,CAAAL,SAA6B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAF,KAAA;IAEhBU,EAAA,GAAAA,CAAA;MACrCJ,aAAA,MAAc;MACdK,YAAA,CAAaH,iBAAA,CAAAI,OAAyB;MACtCJ,iBAAA,CAAAI,OAAA,GAA4BC,UAAA;QAC1BP,aAAA,KAAc;MAAA,GACbN,KAAA;MAAA;QAGDW,YAAA,CAAaH,iBAAA,CAAAI,OAAyB;MAAA;IAAA;IAE1CV,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAVA,MAAAY,YAAA,GAAqBJ,EAUX;EAAA,IAAAK,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAY,YAAA,IAAAZ,CAAA,QAAAC,cAAA;IAEMY,EAAA,GAAAA,CAAA;MAAA,IACVZ,cAAA;QACFW,YAAA;MAAA;IAAA;IAEDE,EAAA,IAACF,YAAA,EAAcX,cAAA;IAAeD,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAa,EAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAD,EAAA,GAAAb,CAAA;IAAAc,EAAA,GAAAd,CAAA;EAAA;EAJjCJ,KAAA,CAAAmB,SAAA,CAAgBF,EAIhB,EAAGC,EAA8B;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAY,YAAA;IAE1BI,EAAA,IAACb,UAAA,EAAYS,YAAA;IAAaZ,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAY,YAAA;IAAAZ,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAA1BgB,EAA0B;AAAA,CACnC","ignoreList":[]}
+{"version":3,"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"],"names":["React","useDelay","delay","triggerOnMount","hasDelayed","setHasDelayed","useState","triggerTimeoutRef","useRef","undefined","triggerDelay","useCallback","clearTimeout","current","setTimeout","useEffect"],"mappings":"AAAA;AACA,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,CAAiBC;IAEvD,MAAMC,eAAeV,MAAMW,WAAW,CAAC;QACrCN,cAAc;QACdO,aAAaL,kBAAkBM,OAAO;QACtCN,kBAAkBM,OAAO,GAAGC,WAAW;YACrCT,cAAc;QAChB,GAAGH;QAEH,OAAO;YACLU,aAAaL,kBAAkBM,OAAO;QACxC;IACF,GAAG;QAACX;KAAM;IAEVF,MAAMe,SAAS,CAAC;QACd,IAAIZ,gBAAgB;YAClBO;QACF;IACF,GAAG;QAACA;QAAcP;KAAe;IAEjC,OAAO;QAACC;QAAYM;KAAa;AACnC,EAAC"}

package/dist/hooks/useDelayedRender.js

@@ -1,83 +1,49 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import * as React from 'react';
 import { useDelay } from './useDelay.js';
-export const useDelayedRender = t0 => {
-  const $ = _c(13);
-  const {
-    delayBeforeShow,
-    inTimeout,
-    minShowTime,
-    outTimeout,
-    show
-  } = t0;
-  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);
-  let t1;
-  if ($[0] !== outTimeout) {
-    t1 = () => {
-      setIsUnmounting(true);
-      unmountTimeoutRef.current = setTimeout(() => {
-        setIsMounted(false);
-        setIsUnmounting(false);
-      }, outTimeout);
-    };
-    $[0] = outTimeout;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const unmount = t1;
-  let t2;
-  let t3;
-  if ($[2] !== hasDelayed || $[3] !== isMounted || $[4] !== show || $[5] !== totalMountTime || $[6] !== unmount) {
-    t2 = () => {
-      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));
+/** Time in ms to wait before "mounting" the component. */ /** Time in ms for the "enter" phase of the transition, after delay completes. */ /** Min time in ms for the "entered" phase of the transition. */ /** Time in ms for the exit phase of the transition. */ /** `true` starts the mount process.
+   * `false` starts the unmount process.
+   * */ /** `true` if the component has mounted after the timeout. */ /** `true` if the component is unmounting. */ /** Call this function to trigger the timeout delay before rendering. */ 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
     };
-    t3 = [isMounted, show, unmount, totalMountTime, hasDelayed];
-    $[2] = hasDelayed;
-    $[3] = isMounted;
-    $[4] = show;
-    $[5] = totalMountTime;
-    $[6] = unmount;
-    $[7] = t2;
-    $[8] = t3;
-  } else {
-    t2 = $[7];
-    t3 = $[8];
-  }
-  React.useEffect(t2, t3);
-  let t4;
-  if ($[9] !== isMounted || $[10] !== isUnmounting || $[11] !== triggerDelay) {
-    t4 = {
-      isMounted,
-      isUnmounting,
-      triggerDelayedRender: triggerDelay
-    };
-    $[9] = isMounted;
-    $[10] = isUnmounting;
-    $[11] = triggerDelay;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
 };
+
 //# sourceMappingURL=useDelayedRender.js.map

package/dist/hooks/useDelayedRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedRender.js","names":["c","_c","React","useDelay","useDelayedRender","t0","$","delayBeforeShow","inTimeout","minShowTime","outTimeout","show","totalMountTime","hasDelayed","triggerDelay","isMounted","setIsMounted","useState","isUnmounting","setIsUnmounting","onMountTimestampRef","useRef","unmountTimeoutRef","undefined","t1","current","setTimeout","unmount","t2","t3","shouldMount","shouldUnmount","Date","now","totalTimeMounted","remainingTime","clearTimeout","Math","max","useEffect","t4","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":"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","ignoreList":[]}
+{"version":3,"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"],"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"],"mappings":"AAAA;AACA,YAAYA,WAAW,QAAO;AAE9B,SAASC,QAAQ,QAAQ,gBAAe;AAGtC,wDAAwD,GAExD,+EAA+E,GAE/E,8DAA8D,GAE9D,qDAAqD,GAErD;;KAEG,GAIH,2DAA2D,GAE3D,2CAA2C,GAE3C,sEAAsE,GAGxE,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,oBAAiElB,MAAMiB,MAAM,CAACE;IAEpF,MAAMC,UAAUpB,MAAMqB,WAAW,CAAC;QAChCN,gBAAgB;QAChBG,kBAAkBI,OAAO,GAAGC,WAAW;YACrCX,aAAa;YACbG,gBAAgB;QAClB,GAAGT;IACL,GAAG;QAACS;QAAiBT;KAAW;IAEhCN,MAAMwB,SAAS,CAAC;QACd,MAAMC,cAAchB,cAAc,CAACE,aAAaJ;QAChD,MAAMmB,gBAAgBf,aAAa,CAACJ;QAEpC,IAAIkB,aAAa;YACfT,oBAAoBM,OAAO,GAAGK,KAAKC,GAAG;YACtChB,aAAa;QACf,OAAO,IAAIc,eAAe;YACxB,MAAMG,mBAAmBF,KAAKC,GAAG,KAAKZ,oBAAoBM,OAAO;YACjE,MAAMQ,gBAAgBtB,iBAAiBqB;YACvCE,aAAab,kBAAkBI,OAAO;YACtCJ,kBAAkBI,OAAO,GAAGC,WAAWH,SAASY,KAAKC,GAAG,CAAC,GAAGH;QAC9D;IACF,GAAG;QAACnB;QAAWJ;QAAMa;QAASZ;QAAgBC;KAAW;IAEzD,OAAO;QACLE;QACAG;QACAoB,sBAAsBxB;IACxB;AACF,EAAC"}

package/dist/hooks/useEffectEvent.js

@@ -1,5 +1,4 @@
 'use client';
-
 /**
 
 Taken and modified from https://github.com/bluesky-social/social-app/blob/ce0bf867ff3b50a495d8db242a7f55371bffeadc/src/lib/hooks/useNonReactiveCallback.ts
@@ -11,9 +10,7 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-import { c as _c } from "react/compiler-runtime";
-import { useCallback, useInsertionEffect, useRef } from 'react';
+ */ import { useCallback, useInsertionEffect, useRef } from 'react';
 // This should be used sparingly. It erases reactivity, i.e. when the inputs
 // change, the function itself will remain the same. This means that if you
 // use this at a higher level of your tree, and then some state you read in it
@@ -24,34 +21,16 @@ import { useCallback, useInsertionEffect, useRef } from 'react';
 // since the values captured by it are going to lag behind.
 // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
 export function useEffectEvent(fn) {
-  const $ = _c(4);
-  const ref = useRef(fn);
-  let t0;
-  let t1;
-  if ($[0] !== fn) {
-    t0 = () => {
-      ref.current = fn;
-    };
-    t1 = [fn];
-    $[0] = fn;
-    $[1] = t0;
-    $[2] = t1;
-  } else {
-    t0 = $[1];
-    t1 = $[2];
-  }
-  useInsertionEffect(t0, t1);
-  let t2;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = (...t3) => {
-      const args = t3;
-      const latestFn = ref.current;
-      return latestFn(...args);
-    };
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  return t2;
+    const ref = useRef(fn);
+    useInsertionEffect(()=>{
+        ref.current = fn;
+    }, [
+        fn
+    ]);
+    return useCallback((...args)=>{
+        const latestFn = ref.current;
+        return latestFn(...args);
+    }, []);
 }
+
 //# sourceMappingURL=useEffectEvent.js.map

package/dist/hooks/useEffectEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectEvent.js","names":["c","_c","useCallback","useInsertionEffect","useRef","useEffectEvent","fn","$","ref","t0","t1","current","t2","Symbol","for","t3","args","latestFn"],"sources":["../../src/hooks/useEffectEvent.ts"],"sourcesContent":["'use client'\n\n/**\n\nTaken and modified from https://github.com/bluesky-social/social-app/blob/ce0bf867ff3b50a495d8db242a7f55371bffeadc/src/lib/hooks/useNonReactiveCallback.ts\n\nCopyright 2023–2025 Bluesky PBC\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\nimport { useCallback, useInsertionEffect, useRef } from 'react'\n\n// This should be used sparingly. It erases reactivity, i.e. when the inputs\n// change, the function itself will remain the same. This means that if you\n// use this at a higher level of your tree, and then some state you read in it\n// changes, there is no mechanism for anything below in the tree to \"react\"\n// to this change (e.g. by knowing to call your function again).\n//\n// Also, you should avoid calling the returned function during rendering\n// since the values captured by it are going to lag behind.\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport function useEffectEvent<T extends Function>(fn: T): T {\n  const ref = useRef(fn)\n  useInsertionEffect(() => {\n    ref.current = fn\n  }, [fn])\n  return useCallback((...args: any) => {\n    const latestFn = ref.current\n    return latestFn(...args)\n  }, []) as unknown as T\n}\n"],"mappings":"AAAA;;AAEA;;;;;;;;;;;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAaA,SAASC,WAAW,EAAEC,kBAAkB,EAAEC,MAAM,QAAQ;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAAC,eAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACL,MAAAO,GAAA,GAAYJ,MAAA,CAAOE,EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAD,EAAA;IACAG,EAAA,GAAAA,CAAA;MACjBD,GAAA,CAAAG,OAAA,GAAcL,EAAA;IAAA;IACbI,EAAA,IAACJ,EAAA;IAAGC,CAAA,MAAAD,EAAA;IAAAC,CAAA,MAAAE,EAAA;IAAAF,CAAA,MAAAG,EAAA;EAAA;IAAAD,EAAA,GAAAF,CAAA;IAAAG,EAAA,GAAAH,CAAA;EAAA;EAFPJ,kBAAA,CAAmBM,EAEnB,EAAGC,EAAI;EAAA,IAAAE,EAAA;EAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;IACYF,EAAA,GAAAA,CAAA,GAAAG,EAAA;MAAC,MAAAC,IAAA,GAAAD,EAAG;MACrB,MAAAE,QAAA,GAAiBT,GAAA,CAAAG,OAAA;MAAW,OACrBM,QAAA,IAAYD,IAAA;IAAA;IACrBT,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAA,OAHOK,EAGF;AAAA","ignoreList":[]}
+{"version":3,"sources":["../../src/hooks/useEffectEvent.ts"],"sourcesContent":["'use client'\n\n/**\n\nTaken and modified from https://github.com/bluesky-social/social-app/blob/ce0bf867ff3b50a495d8db242a7f55371bffeadc/src/lib/hooks/useNonReactiveCallback.ts\n\nCopyright 2023–2025 Bluesky PBC\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\nimport { useCallback, useInsertionEffect, useRef } from 'react'\n\n// This should be used sparingly. It erases reactivity, i.e. when the inputs\n// change, the function itself will remain the same. This means that if you\n// use this at a higher level of your tree, and then some state you read in it\n// changes, there is no mechanism for anything below in the tree to \"react\"\n// to this change (e.g. by knowing to call your function again).\n//\n// Also, you should avoid calling the returned function during rendering\n// since the values captured by it are going to lag behind.\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport function useEffectEvent<T extends Function>(fn: T): T {\n  const ref = useRef(fn)\n  useInsertionEffect(() => {\n    ref.current = fn\n  }, [fn])\n  return useCallback((...args: any) => {\n    const latestFn = ref.current\n    return latestFn(...args)\n  }, []) as unknown as T\n}\n"],"names":["useCallback","useInsertionEffect","useRef","useEffectEvent","fn","ref","current","args","latestFn"],"mappings":"AAAA;AAEA;;;;;;;;;;;CAWC,GAED,SAASA,WAAW,EAAEC,kBAAkB,EAAEC,MAAM,QAAQ,QAAO;AAE/D,4EAA4E;AAC5E,2EAA2E;AAC3E,8EAA8E;AAC9E,2EAA2E;AAC3E,gEAAgE;AAChE,EAAE;AACF,wEAAwE;AACxE,2DAA2D;AAC3D,sEAAsE;AACtE,OAAO,SAASC,eAAmCC,EAAK;IACtD,MAAMC,MAAMH,OAAOE;IACnBH,mBAAmB;QACjBI,IAAIC,OAAO,GAAGF;IAChB,GAAG;QAACA;KAAG;IACP,OAAOJ,YAAY,CAAC,GAAGO;QACrB,MAAMC,WAAWH,IAAIC,OAAO;QAC5B,OAAOE,YAAYD;IACrB,GAAG,EAAE;AACP"}