@payloadcms/ui 3.0.0-canary.a78fca3 → 3.0.0-canary.ab70b75

package/dist/hooks/useDebouncedEffect.js

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

package/dist/hooks/useDebouncedEffect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useDebouncedEffect.ts"],"sourcesContent":["import type { DependencyList } from 'react'\n\nimport { useEffect, useState } from 'react'\n\nexport function useDebouncedEffect(effect: () => void, delay: number, deps: DependencyList): 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","delay","deps","debouncedEffect","setDebouncedEffect","handler","setTimeout","clearTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE3C,OAAO,SAASC,mBAAmBC,MAAkB,EAAEC,KAAa,EAAEC,IAAoB;IACxF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGN,SAAqB,IAAME;IAEzEH,UAAU;QACR,MAAMQ,UAAUC,WAAW;YACzBF,mBAAmB,IAAMJ;QAC3B,GAAGC;QAEH,OAAO;YACLM,aAAaF;QACf;IACF,GAAG;WAAIH;QAAMD;KAAM;IAEnBJ,UAAU;QACRM;IACF,GAAG;QAACA;KAAgB;AACtB"}
+{"version":3,"file":"useDebouncedEffect.js","names":["c","_c","useEffect","useState","useDebouncedEffect","effect","delay","deps","$","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, delay: number, deps: DependencyList): 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,KAAA,EAAAC,IAAA;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,QAAAH,MAAA,IAAAG,CAAA,QAAAF,KAAA;IAE/DM,EAAA,GAAAA,CAAA;MACR,MAAAC,OAAA,GAAgBC,UAAA;QACdH,kBAAA,OAAyBN,MAAA;MAAA,GACxBC,KAAA;MAAA;QAGDS,YAAA,CAAaF,OAAA;MAAA;IAAA;IAEjBL,CAAA,MAAAH,MAAA;IAAAG,CAAA,MAAAF,KAAA;IAAAE,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAR,CAAA,QAAAD,IAAA,IAAAC,CAAA,QAAAF,KAAA;IAAGU,EAAA,OAAIT,IAAA,EAAMD,KAAA;IAAME,CAAA,MAAAD,IAAA;IAAAC,CAAA,MAAAF,KAAA;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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelay.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AACnC,eAAO,MAAM,QAAQ,UAAW,MAAM,qCAuBrC,CAAA"}
+{"version":3,"file":"useDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useDelay.ts"],"names":[],"mappings":"AAGA,KAAK,MAAM,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AACnC,eAAO,MAAM,QAAQ,UAAW,MAAM,+BAA2B,MAuBhE,CAAA"}

package/dist/hooks/useDelay.js

@@ -1,31 +1,57 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import * as React from 'react';
-export const useDelay = (delay, triggerOnMount = false)=>{
-    const [hasDelayed, setHasDelayed] = React.useState(false);
-    const triggerTimeoutRef = React.useRef(undefined);
-    const triggerDelay = React.useCallback(()=>{
-        setHasDelayed(false);
+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 () => {
         clearTimeout(triggerTimeoutRef.current);
-        triggerTimeoutRef.current = setTimeout(()=>{
-            setHasDelayed(true);
-        }, delay);
-        return ()=>{
-            clearTimeout(triggerTimeoutRef.current);
-        };
-    }, [
-        delay
-    ]);
-    React.useEffect(()=>{
-        if (triggerOnMount) {
-            triggerDelay();
-        }
-    }, [
-        triggerDelay,
-        triggerOnMount
-    ]);
-    return [
-        hasDelayed,
-        triggerDelay
-    ];
+      };
+    };
+    $[0] = delay;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const triggerDelay = t1;
+  let t2;
+  let t3;
+  if ($[2] !== triggerOnMount || $[3] !== triggerDelay) {
+    t2 = () => {
+      if (triggerOnMount) {
+        triggerDelay();
+      }
+    };
+    t3 = [triggerDelay, triggerOnMount];
+    $[2] = triggerOnMount;
+    $[3] = triggerDelay;
+    $[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;
 };
-
 //# 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>(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"],"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,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"}
+{"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,QAAAC,cAAA,IAAAD,CAAA,QAAAY,YAAA;IAEMC,EAAA,GAAAA,CAAA;MAAA,IACVZ,cAAA;QACFW,YAAA;MAAA;IAAA;IAEDE,EAAA,IAACF,YAAA,EAAcX,cAAA;IAAeD,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAY,YAAA;IAAAZ,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":[]}

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,iBA2C9B,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,83 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
 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(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));
+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));
         }
-    }, [
-        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,"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> =\n    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"],"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,oBACJlB,MAAMiB,MAAM,CAACE;IAEf,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"}
+{"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":[]}

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,IA+DF,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,5 +1,7 @@
 'use client';
-/* eslint-disable no-shadow */ import { useModal } from '@faceless-ui/modal';
+
+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
@@ -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,67 +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 { 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