@payloadcms/ui 4.0.0-beta.3 → 4.0.0-beta.5

package/dist/providers/RouteTransition/index.js

@@ -1,6 +1,5 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react';
 /**
@@ -19,117 +18,97 @@ import React, { startTransition, useCallback, useEffect, useOptimistic, useRef }
  *  </RouteTransitionProvider>
  * )
  */
-export const RouteTransitionProvider = t0 => {
-  const $ = _c(12);
-  const {
-    children
-  } = t0;
+export const RouteTransitionProvider = ({
+  children
+}) => {
   const [isOptimisticallyTransitioning, setIsOptimisticallyTransitioning] = useOptimistic(false);
   const [activeRouteTransitionHolds, setActiveRouteTransitionHolds] = React.useState(0);
+  const routeTransitionHolds = useRef(new Set());
   const [transitionProgress, setTransitionProgress] = React.useState(0);
   const isTransitioning = isOptimisticallyTransitioning || activeRouteTransitionHolds > 0;
   const transitionProgressRef = useRef(transitionProgress);
   const timerID = useRef(null);
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      timerID.current = setInterval(() => {
-        const newProgress = transitionProgressRef.current + (0.93 - transitionProgressRef.current) * Math.random() * 0.2 * Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * 0.75), 0.75);
-        setTransitionProgress(newProgress);
-        transitionProgressRef.current = newProgress;
-      }, 250);
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const initiateProgress = t1;
-  let t2;
-  let t3;
-  if ($[1] !== isTransitioning) {
-    t2 = () => {
-      setTransitionProgress(0);
-      transitionProgressRef.current = 0;
-      if (isTransitioning) {
-        initiateProgress();
-      } else {
-        if (timerID.current) {
-          clearInterval(timerID.current);
-        }
+  const initiateProgress = useCallback(() => {
+    timerID.current = setInterval(() => {
+      // randomly update progress using an exponential curve
+      // cap the progress to ensure it never fully reaches completion
+      // accelerate quickly then decelerate slowly
+      const maxProgress = 0.93;
+      const jumpFactor = 0.2 // lower to reduce jumps in progress
+;
+      const growthFactor = 0.75 // adjust to control acceleration
+;
+      const slowdownFactor = 0.75 // adjust to control deceleration
+;
+      const newProgress = transitionProgressRef.current + (maxProgress - transitionProgressRef.current) * Math.random() * jumpFactor * Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor);
+      setTransitionProgress(newProgress);
+      transitionProgressRef.current = newProgress;
+    }, 250); // every n ms, update progress
+  }, []);
+  useEffect(() => {
+    setTransitionProgress(0);
+    transitionProgressRef.current = 0;
+    if (isTransitioning) {
+      initiateProgress();
+    } else {
+      if (timerID.current) {
+        clearInterval(timerID.current);
       }
+    }
+  }, [isTransitioning, initiateProgress]);
+  const waitForHoldsToRelease = useCallback(async () => {
+    while (routeTransitionHolds.current.size > 0) {
+      await Promise.all(routeTransitionHolds.current);
+    }
+  }, []);
+  const startRouteTransition = useCallback(callback => {
+    const runAction = async () => {
+      setIsOptimisticallyTransitioning(true);
+      await callback?.();
+      await waitForHoldsToRelease();
     };
-    t3 = [isTransitioning, initiateProgress];
-    $[1] = isTransitioning;
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t2 = $[2];
-    t3 = $[3];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[4] !== setIsOptimisticallyTransitioning) {
-    t4 = callback => {
-      startTransition(() => {
-        setIsOptimisticallyTransitioning(true);
-        if (typeof callback === "function") {
-          callback();
-        }
-      });
-    };
-    $[4] = setIsOptimisticallyTransitioning;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const startRouteTransition = t4;
-  let t5;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => {
-      let hasReleased = false;
-      setActiveRouteTransitionHolds(_temp);
-      return () => {
-        if (hasReleased) {
-          return;
-        }
-        hasReleased = true;
-        setActiveRouteTransitionHolds(_temp2);
-      };
-    };
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  const holdRouteTransition = t5;
-  let t6;
-  if ($[7] !== children || $[8] !== isTransitioning || $[9] !== startRouteTransition || $[10] !== transitionProgress) {
-    t6 = _jsx(RouteTransitionContext, {
-      value: {
-        holdRouteTransition,
-        isTransitioning,
-        startRouteTransition,
-        transitionProgress
-      },
-      children
+    // React runs the scope synchronously but does not return its promise.
+    let action = Promise.resolve();
+    startTransition(() => {
+      action = runAction();
+      return action;
     });
-    $[7] = children;
-    $[8] = isTransitioning;
-    $[9] = startRouteTransition;
-    $[10] = transitionProgress;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  return t6;
+    return action;
+  }, [setIsOptimisticallyTransitioning, waitForHoldsToRelease]);
+  const holdRouteTransition = useCallback(() => {
+    let hasReleased = false;
+    let resolveHold;
+    const hold = new Promise(resolve => {
+      resolveHold = resolve;
+    });
+    routeTransitionHolds.current.add(hold);
+    setActiveRouteTransitionHolds(count => count + 1);
+    return () => {
+      if (hasReleased) {
+        return;
+      }
+      hasReleased = true;
+      routeTransitionHolds.current.delete(hold);
+      resolveHold();
+      setActiveRouteTransitionHolds(count_0 => Math.max(0, count_0 - 1));
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(RouteTransitionContext, {
+    value: {
+      holdRouteTransition,
+      isTransitioning,
+      startRouteTransition,
+      transitionProgress
+    },
+    children: children
+  });
 };
 const RouteTransitionContext = /*#__PURE__*/React.createContext({
   holdRouteTransition: () => () => undefined,
   isTransitioning: false,
   // Default implementation: just call the callback directly (no transition animation)
-  startRouteTransition: callback => {
-    if (typeof callback === 'function') {
-      callback();
-    }
+  startRouteTransition: async callback => {
+    await callback?.();
   },
   transitionProgress: 0
 });
@@ -147,17 +126,11 @@ const RouteTransitionContext = /*#__PURE__*/React.createContext({
  *   const { startRouteTransition } = useRouteTransition()
  *
  *   const redirectSomewhere = useCallback(() => {
- *     startRouteTransition(() => router.push('/somewhere'))
+ *     void startRouteTransition(() => router.push('/somewhere'))
  *   }, [startRouteTransition, router])
  *
  *   // ...
  * }
  */
 export const useRouteTransition = () => React.use(RouteTransitionContext);
-function _temp(count) {
-  return count + 1;
-}
-function _temp2(count_0) {
-  return Math.max(0, count_0 - 1);
-}
 //# sourceMappingURL=index.js.map

package/dist/providers/RouteTransition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","t0","$","children","isOptimisticallyTransitioning","setIsOptimisticallyTransitioning","activeRouteTransitionHolds","setActiveRouteTransitionHolds","useState","transitionProgress","setTransitionProgress","isTransitioning","transitionProgressRef","timerID","t1","Symbol","for","current","setInterval","newProgress","Math","random","pow","log","initiateProgress","t2","t3","clearInterval","t4","callback","startRouteTransition","t5","hasReleased","_temp","_temp2","holdRouteTransition","t6","_jsx","RouteTransitionContext","value","createContext","undefined","useRouteTransition","use","count","count_0","max"],"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n *  <RouteTransitionProvider>\n *   <ProgressBar />\n *   <Link href=\"/somewhere\">Go Somewhere</Link>\n *  </RouteTransitionProvider>\n * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isOptimisticallyTransitioning, setIsOptimisticallyTransitioning] = useOptimistic(false)\n  const [activeRouteTransitionHolds, setActiveRouteTransitionHolds] = React.useState(0)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n  const isTransitioning = isOptimisticallyTransitioning || activeRouteTransitionHolds > 0\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => void) => {\n      startTransition(() => {\n        setIsOptimisticallyTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsOptimisticallyTransitioning],\n  )\n\n  const holdRouteTransition = useCallback(() => {\n    let hasReleased = false\n\n    setActiveRouteTransitionHolds((count) => count + 1)\n\n    return () => {\n      if (hasReleased) {\n        return\n      }\n\n      hasReleased = true\n      setActiveRouteTransitionHolds((count) => Math.max(0, count - 1))\n    }\n  }, [])\n\n  return (\n    <RouteTransitionContext\n      value={{\n        holdRouteTransition,\n        isTransitioning,\n        startRouteTransition,\n        transitionProgress,\n      }}\n    >\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  /** Keeps the transition active until the returned release function is called. */\n  holdRouteTransition: () => () => void\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  holdRouteTransition: () => () => undefined,\n  isTransitioning: false,\n  // Default implementation: just call the callback directly (no transition animation)\n  startRouteTransition: (callback) => {\n    if (typeof callback === 'function') {\n      callback()\n    }\n  },\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition, useRouter } from '@payloadcms/ui'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.use(RouteTransitionContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","children","isOptimisticallyTransitioning","setIsOptimisticallyTransitioning","activeRouteTransitionHolds","setActiveRouteTransitionHolds","useState","routeTransitionHolds","Set","transitionProgress","setTransitionProgress","isTransitioning","transitionProgressRef","timerID","initiateProgress","current","setInterval","maxProgress","jumpFactor","growthFactor","slowdownFactor","newProgress","Math","random","pow","log","clearInterval","waitForHoldsToRelease","size","Promise","all","startRouteTransition","callback","runAction","action","resolve","holdRouteTransition","hasReleased","resolveHold","hold","add","count","delete","max","_jsx","RouteTransitionContext","value","createContext","undefined","useRouteTransition","use"],"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n *  <RouteTransitionProvider>\n *   <ProgressBar />\n *   <Link href=\"/somewhere\">Go Somewhere</Link>\n *  </RouteTransitionProvider>\n * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isOptimisticallyTransitioning, setIsOptimisticallyTransitioning] = useOptimistic(false)\n  const [activeRouteTransitionHolds, setActiveRouteTransitionHolds] = React.useState(0)\n  const routeTransitionHolds = useRef(new Set<Promise<void>>())\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n  const isTransitioning = isOptimisticallyTransitioning || activeRouteTransitionHolds > 0\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const waitForHoldsToRelease = useCallback(async () => {\n    while (routeTransitionHolds.current.size > 0) {\n      await Promise.all(routeTransitionHolds.current)\n    }\n  }, [])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => unknown) => {\n      const runAction = async () => {\n        setIsOptimisticallyTransitioning(true)\n\n        await callback?.()\n        await waitForHoldsToRelease()\n      }\n\n      // React runs the scope synchronously but does not return its promise.\n      let action = Promise.resolve()\n\n      startTransition(() => {\n        action = runAction()\n        return action\n      })\n\n      return action\n    },\n    [setIsOptimisticallyTransitioning, waitForHoldsToRelease],\n  )\n\n  const holdRouteTransition = useCallback(() => {\n    let hasReleased = false\n    let resolveHold: () => void\n    const hold = new Promise<void>((resolve) => {\n      resolveHold = resolve\n    })\n\n    routeTransitionHolds.current.add(hold)\n    setActiveRouteTransitionHolds((count) => count + 1)\n\n    return () => {\n      if (hasReleased) {\n        return\n      }\n\n      hasReleased = true\n      routeTransitionHolds.current.delete(hold)\n      resolveHold()\n      setActiveRouteTransitionHolds((count) => Math.max(0, count - 1))\n    }\n  }, [])\n\n  return (\n    <RouteTransitionContext\n      value={{\n        holdRouteTransition,\n        isTransitioning,\n        startRouteTransition,\n        transitionProgress,\n      }}\n    >\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => unknown) => Promise<void>\n\ntype RouteTransitionContextValue = {\n  /** Keeps the transition active until the returned release function is called. */\n  holdRouteTransition: () => () => void\n  isTransitioning: boolean\n  /** Resolves after the callback and active route transition holds complete. */\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  holdRouteTransition: () => () => undefined,\n  isTransitioning: false,\n  // Default implementation: just call the callback directly (no transition animation)\n  startRouteTransition: async (callback) => {\n    await callback?.()\n  },\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition, useRouter } from '@payloadcms/ui'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     void startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.use(RouteTransitionContext)\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/RouterAdapter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","createContext","use","RouterAdapterContext","useRouterAdapterContext","ctx","Error","useRouter","router","usePathname","pathname","useSearchParams","searchParams","useParams","params","PayloadLink","ref","props","Link","LinkComponent","_jsx"],"sources":["../../../src/providers/RouterAdapter/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkAdapterProps, RouterAdapterRouter } from 'payload'\n\nimport React, { createContext, use } from 'react'\n\nexport type RouterAdapterContextValue = {\n  Link: React.ComponentType<LinkAdapterProps>\n  params: Record<string, string | string[]>\n  pathname: string\n  router: RouterAdapterRouter\n  searchParams: URLSearchParams\n}\n\n/**\n * The RouterAdapter context. Framework adapters populate this by rendering a\n * provider component that calls framework-specific hooks (e.g. next/navigation)\n * and passes the values here. This avoids calling dynamic hooks from props,\n * which would violate React compiler rules.\n */\nexport const RouterAdapterContext = createContext<null | RouterAdapterContextValue>(null)\n\nfunction useRouterAdapterContext(): RouterAdapterContextValue {\n  const ctx = use(RouterAdapterContext)\n  if (!ctx) {\n    throw new Error(\n      'useRouter/usePathname/useSearchParams/useParams must be used within a RouterAdapterProvider',\n    )\n  }\n  return ctx\n}\n\nexport function useRouter(): RouterAdapterRouter {\n  return useRouterAdapterContext().router\n}\n\nexport function usePathname(): string {\n  return useRouterAdapterContext().pathname\n}\n\nexport function useSearchParams(): URLSearchParams {\n  return useRouterAdapterContext().searchParams\n}\n\nexport function useParams(): Record<string, string | string[]> {\n  return useRouterAdapterContext().params\n}\n\nexport const PayloadLink: React.FC<{ ref?: React.Ref<HTMLAnchorElement> } & LinkAdapterProps> = ({\n  ref,\n  ...props\n}: { ref?: React.RefObject<HTMLAnchorElement | null> } & LinkAdapterProps) => {\n  const { Link: LinkComponent } = useRouterAdapterContext()\n  return <LinkComponent {...props} ref={ref} />\n}\n\nexport type { LinkAdapterProps, RouterAdapterRouter }\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAU1C;;;;;;AAMA,OAAO,MAAMC,oBAAA,gBAAuBF,aAAA,CAAgD;AAEpF,SAASG,wBAAA;EACP,MAAMC,GAAA,GAAMH,GAAA,CAAIC,oBAAA;EAChB,IAAI,CAACE,GAAA,EAAK;IACR,MAAM,IAAIC,KAAA,CACR;EAEJ;EACA,OAAOD,GAAA;AACT;AAEA,OAAO,SAAAE,UAAA;EAAA,OACEH,uBAAA,GAAAI,MAAA;AAAA;AAGT,OAAO,SAAAC,YAAA;EAAA,OACEL,uBAAA,GAAAM,QAAA;AAAA;AAGT,OAAO,SAAAC,gBAAA;EAAA,OACEP,uBAAA,GAAAQ,YAAA;AAAA;AAGT,OAAO,SAAAC,UAAA;EAAA,OACET,uBAAA,GAAAU,MAAA;AAAA;AAGT,OAAO,MAAMC,WAAA,GAAmFA,CAAC;EAC/FC,GAAG;EACH,GAAGC;AAAA,CACoE;EACvE,MAAM;IAAEC,IAAA,EAAMC;EAAa,CAAE,GAAGf,uBAAA;EAChC,oBAAOgB,IAAA,CAACD,aAAA;IAAe,GAAGF,KAAK;IAAED,GAAA,EAAKA;;AACxC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","createContext","use","RouterAdapterContext","useRouterAdapterContext","ctx","Error","useRouter","router","usePathname","pathname","useSearchParams","searchParams","useParams","params","PayloadLink","ref","props","Link","LinkComponent","_jsx"],"sources":["../../../src/providers/RouterAdapter/index.tsx"],"sourcesContent":["'use client'\nimport type { LinkAdapterProps, RouterAdapterRouter } from 'payload'\n\nimport React, { createContext, use } from 'react'\n\nexport type RouterAdapterContextValue = {\n  Link: React.ComponentType<LinkAdapterProps>\n  params: Record<string, string | string[]>\n  pathname: string\n  router: RouterAdapterRouter\n  searchParams: URLSearchParams\n}\n\n/**\n * The RouterAdapter context. Framework adapters populate this by rendering a\n * provider component that calls framework-specific hooks (e.g. next/navigation)\n * and passes the values here. This avoids calling dynamic hooks from props,\n * which would violate React compiler rules.\n */\nexport const RouterAdapterContext = createContext<null | RouterAdapterContextValue>(null)\n\nfunction useRouterAdapterContext(): RouterAdapterContextValue {\n  const ctx = use(RouterAdapterContext)\n  if (!ctx) {\n    throw new Error(\n      'useRouter/usePathname/useSearchParams/useParams must be used within a RouterAdapterProvider',\n    )\n  }\n  return ctx\n}\n\nexport function useRouter(): RouterAdapterRouter {\n  return useRouterAdapterContext().router\n}\n\nexport function usePathname(): string {\n  return useRouterAdapterContext().pathname\n}\n\nexport function useSearchParams(): URLSearchParams {\n  return useRouterAdapterContext().searchParams\n}\n\nexport function useParams(): Record<string, string | string[]> {\n  return useRouterAdapterContext().params\n}\n\nexport const PayloadLink: React.FC<{ ref?: React.Ref<HTMLAnchorElement> } & LinkAdapterProps> = ({\n  ref,\n  ...props\n}: { ref?: React.RefObject<HTMLAnchorElement | null> } & LinkAdapterProps) => {\n  const { Link: LinkComponent } = useRouterAdapterContext()\n  return <LinkComponent {...props} ref={ref} />\n}\n\nexport type { LinkAdapterProps, RouterAdapterRouter }\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAU1C;;;;;;AAMA,OAAO,MAAMC,oBAAA,gBAAuBF,aAAA,CAAgD;AAEpF,SAASG,wBAAA;EACP,MAAMC,GAAA,GAAMH,GAAA,CAAIC,oBAAA;EAChB,IAAI,CAACE,GAAA,EAAK;IACR,MAAM,IAAIC,KAAA,CACR;EAEJ;EACA,OAAOD,GAAA;AACT;AAEA,OAAO,SAAAE,UAAA;EAAA,OACEH,uBAAA,GAAAI,MAAgC;AAAA;AAGzC,OAAO,SAAAC,YAAA;EAAA,OACEL,uBAAA,GAAAM,QAAkC;AAAA;AAG3C,OAAO,SAAAC,gBAAA;EAAA,OACEP,uBAAA,GAAAQ,YAAsC;AAAA;AAG/C,OAAO,SAAAC,UAAA;EAAA,OACET,uBAAA,GAAAU,MAAgC;AAAA;AAGzC,OAAO,MAAMC,WAAA,GAAmFA,CAAC;EAC/FC,GAAG;EACH,GAAGC;AAAA,CACoE;EACvE,MAAM;IAAEC,IAAA,EAAMC;EAAa,CAAE,GAAGf,uBAAA;EAChC,oBAAOgB,IAAA,CAACD,aAAA;IAAe,GAAGF,KAAK;IAAED,GAAA,EAAKA;;AACxC","ignoreList":[]}

package/dist/providers/TableColumns/RenderDefaultCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useListDrawerContext","DefaultCell","useTableColumns","baseClass","CellPropsContext","createContext","useCellProps","use","RenderDefaultCell","t0","$","clientProps","columnIndex","isLinkedColumn","drawerSlug","onSelect","LinkedCellOverride","t1","propsToPass","link","className","t2","t3","collectionSlug","rowColl","rowData","doc","onClick","_jsx","value","children"],"sources":["../../../../src/providers/TableColumns/RenderDefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DefaultCell } from '../../../elements/Table/DefaultCell/index.js'\nimport { useTableColumns } from '../../../providers/TableColumns/index.js'\nimport './index.css'\n\nconst baseClass = 'default-cell'\n\nconst CellPropsContext = React.createContext<DefaultCellComponentProps | null>(null)\n\nexport const useCellProps = (): DefaultCellComponentProps | null => React.use(CellPropsContext)\n\nexport const RenderDefaultCell: React.FC<{\n  clientProps: DefaultCellComponentProps\n  columnIndex: number\n  enableRowSelections?: boolean\n  isLinkedColumn?: boolean\n}> = ({ clientProps, columnIndex, isLinkedColumn }) => {\n  const { drawerSlug, onSelect } = useListDrawerContext()\n  const { LinkedCellOverride } = useTableColumns()\n\n  const propsToPass: DefaultCellComponentProps = {\n    ...clientProps,\n    columnIndex,\n  }\n\n  if (isLinkedColumn && drawerSlug && clientProps.link !== false) {\n    propsToPass.className = `${baseClass}__first-cell`\n    propsToPass.link = false\n    propsToPass.onClick = ({ collectionSlug: rowColl, rowData }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: rowColl,\n          doc: rowData,\n        })\n      }\n    }\n  }\n\n  return (\n    <CellPropsContext value={propsToPass}>\n      {isLinkedColumn && LinkedCellOverride ? LinkedCellOverride : <DefaultCell {...propsToPass} />}\n    </CellPropsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,gBAAmBL,KAAA,CAAMM,aAAa,CAAmC;AAE/E,OAAO,MAAMC,YAAA,GAAeA,CAAA,KAAwCP,KAAA,CAAMQ,GAAG,CAACH,gBAAA;AAE9E,OAAO,MAAMI,iBAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,WAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAA4C;EAChD;IAAAK,UAAA;IAAAC;EAAA,IAAiCf,oBAAA;EACjC;IAAAgB;EAAA,IAA+Bd,eAAA;EAAA,IAAAe,EAAA;EAAA,IAAAP,CAAA,QAAAM,kBAAA,IAAAN,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAK,QAAA;IAE/B,MAAAG,WAAA;MAAA,GACKP,WAAW;MAAAC;IAAA;IAEhB,IAEIC,cAAA,IAAkBC,UAAA,IAAcH,WAAA,CAAAQ,IAAA,UAAqB;MACvDD,WAAA,CAAAE,SAAA,GAAwB,GAAAjB,SAAA,cAA0B;MAClDe,WAAA,CAAAC,IAAA;MAAA,IAAAE,EAAA;MAAA,IAAAX,CAAA,QAAAK,QAAA;QACsBM,EAAA,GAAAC,EAAA;UAAC;YAAAC,cAAA,EAAAC,OAAA;YAAAC;UAAA,IAAAH,EAAoC;UAAA,IACrD,OAAOP,QAAA,KAAa;YACtBA,QAAA;cAAAQ,cAAA,EACkBC,OAAA;cAAAE,GAAA,EACXD;YAAA,CACP;UAAA;QAAA;QAEJf,CAAA,MAAAK,QAAA;QAAAL,CAAA,MAAAW,EAAA;MAAA;QAAAA,EAAA,GAAAX,CAAA;MAAA;MAPAQ,WAAA,CAAAS,OAAA,GAAsBN,EAOtB;IAAA;IAIAJ,EAAA,GAAAW,IAAA,CAAAxB,gBAAA;MAAAyB,KAAA,EAAyBX,WAAA;MAAAY,QAAA,EACtBjB,cAAA,IAAkBG,kBAAA,GAAqBA,kBAAA,GAAqBY,IAAA,CAAA3B,WAAA;QAAA,GAAiBiB;MAAW,C;;;;;;;;;;;;SAD3FD,E;CAIJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useListDrawerContext","DefaultCell","useTableColumns","baseClass","CellPropsContext","createContext","useCellProps","use","RenderDefaultCell","t0","$","clientProps","columnIndex","isLinkedColumn","drawerSlug","onSelect","LinkedCellOverride","t1","propsToPass","link","className","t2","t3","collectionSlug","rowColl","rowData","doc","onClick","_jsx","value","children"],"sources":["../../../../src/providers/TableColumns/RenderDefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DefaultCell } from '../../../elements/Table/DefaultCell/index.js'\nimport { useTableColumns } from '../../../providers/TableColumns/index.js'\nimport './index.css'\n\nconst baseClass = 'default-cell'\n\nconst CellPropsContext = React.createContext<DefaultCellComponentProps | null>(null)\n\nexport const useCellProps = (): DefaultCellComponentProps | null => React.use(CellPropsContext)\n\nexport const RenderDefaultCell: React.FC<{\n  clientProps: DefaultCellComponentProps\n  columnIndex: number\n  enableRowSelections?: boolean\n  isLinkedColumn?: boolean\n}> = ({ clientProps, columnIndex, isLinkedColumn }) => {\n  const { drawerSlug, onSelect } = useListDrawerContext()\n  const { LinkedCellOverride } = useTableColumns()\n\n  const propsToPass: DefaultCellComponentProps = {\n    ...clientProps,\n    columnIndex,\n  }\n\n  if (isLinkedColumn && drawerSlug && clientProps.link !== false) {\n    propsToPass.className = `${baseClass}__first-cell`\n    propsToPass.link = false\n    propsToPass.onClick = ({ collectionSlug: rowColl, rowData }) => {\n      if (typeof onSelect === 'function') {\n        onSelect({\n          collectionSlug: rowColl,\n          doc: rowData,\n        })\n      }\n    }\n  }\n\n  return (\n    <CellPropsContext value={propsToPass}>\n      {isLinkedColumn && LinkedCellOverride ? LinkedCellOverride : <DefaultCell {...propsToPass} />}\n    </CellPropsContext>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,gBAAA,gBAAmBL,KAAA,CAAMM,aAAa,CAAmC;AAE/E,OAAO,MAAMC,YAAA,GAAeA,CAAA,KAAwCP,KAAA,CAAMQ,GAAG,CAACH,gBAAA;AAE9E,OAAO,MAAMI,iBAAA,GAKRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,WAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAJ,EAA4C;EAChD;IAAAK,UAAA;IAAAC;EAAA,IAAiCf,oBAAA;EACjC;IAAAgB;EAAA,IAA+Bd,eAAA;EAAA,IAAAe,EAAA;EAAA,IAAAP,CAAA,QAAAM,kBAAA,IAAAN,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,WAAA,IAAAF,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAK,QAAA;IAE/B,MAAAG,WAAA,GAA+C;MAAA,GAC1CP,WAAW;MAAAC;IAEhB;IAEA,IAAIC,cAAkB,IAAlBC,UAAqD,IAArBH,WAAA,CAAAQ,IAAgB,KAAK;MACvDD,WAAA,CAAAE,SAAA,GAAwB,GAAGjB,SAAA,cAAN;MACrBe,WAAA,CAAAC,IAAA,GAAmB,KAAH;MAAA,IAAAE,EAAA;MAAA,IAAAX,CAAA,QAAAK,QAAA;QACMM,EAAA,GAAAC,EAAA;UAAC;YAAAC,cAAA,EAAAC,OAAA;YAAAC;UAAA,IAAAH,EAAoC;UACzD,IAAI,OAAOP,QAAA,KAAa;YACtBA,QAAA,CAAS;cAAAQ,cAAA,EACSC,OAAA;cAAAE,GAAA,EACXD;YACP;UAAA;QACF,CACF;QAAAf,CAAA,MAAAK,QAAA;QAAAL,CAAA,MAAAW,EAAA;MAAA;QAAAA,EAAA,GAAAX,CAAA;MAAA;MAPAQ,WAAA,CAAAS,OAAA,GAAsBN,EAAH;IAAA;IAWnBJ,EAAA,GAAAW,IAAA,CAACxB,gBAAA;MAAAyB,KAAA,EAAwBX,WAAA;MAAAY,QAAA,EACtBjB,cAAkB,IAAlBG,kB,GAAAA,kB,GAA4DY,IAAA,CAAC3B,WAAA;QAAA,GAAgBiB;;;;;;;;;;;;;SADhFD,E;CAIJ","ignoreList":[]}

package/dist/providers/TableColumns/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAE9E,OAAO,KAAK,EAAiB,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAM1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiIpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/TableColumns/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAiB,yBAAyB,EAAE,MAAM,YAAY,CAAA;AAO1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuGpE,CAAA"}

package/dist/providers/TableColumns/index.js

@@ -2,9 +2,10 @@
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { transformColumnsToSearchParams } from 'payload/shared';
-import React, { startTransition, useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
 import { useListQuery } from '../../providers/ListQuery/index.js';
+import { useRouteTransition } from '../RouteTransition/index.js';
 import { TableColumnContext } from './context.js';
 export { useTableColumns } from './context.js';
 export const TableColumnsProvider = ({
@@ -20,6 +21,9 @@ export const TableColumnsProvider = ({
     query: currentQuery,
     refineListData
   } = useListQuery();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
   const {
     admin: {
       defaultColumns
@@ -27,19 +31,16 @@ export const TableColumnsProvider = ({
   } = getEntityConfig({
     collectionSlug
   });
-  const [columnState, setOptimisticColumnState] = React.useOptimistic(columnStateFromProps, (state, action) => action);
-  // Sync optimistic state when props change (e.g., after preset reset)
-  const prevPropsRef = useRef(columnStateFromProps);
-  useEffect(() => {
-    if (columnStateFromProps !== prevPropsRef.current) {
-      prevPropsRef.current = columnStateFromProps;
-      // Force optimistic state to sync with new props by triggering a transition
-      startTransition(() => {
-        setOptimisticColumnState(columnStateFromProps);
-      });
-    }
-  }, [columnStateFromProps, setOptimisticColumnState]);
+  const [columnState, setOptimisticColumnState] = React.useOptimistic(columnStateFromProps);
   const contextRef = useRef({});
+  const setColumns = useCallback(async newColumns => {
+    await startRouteTransition(async () => {
+      setOptimisticColumnState(newColumns);
+      await refineListData({
+        columns: transformColumnsToSearchParams(newColumns)
+      });
+    });
+  }, [refineListData, setOptimisticColumnState, startRouteTransition]);
   const toggleColumn = useCallback(async column => {
     const currentColumns = columnState || [];
     const columnIndex = currentColumns.findIndex(col => col.accessor === column);
@@ -56,13 +57,8 @@ export const TableColumnsProvider = ({
       }
       return col_0;
     });
-    startTransition(() => {
-      setOptimisticColumnState(newColumnState);
-    });
-    await refineListData({
-      columns: transformColumnsToSearchParams(newColumnState)
-    });
-  }, [refineListData, columnState, setOptimisticColumnState]);
+    await setColumns(newColumnState);
+  }, [columnState, setColumns]);
   const moveColumn = useCallback(async args => {
     const {
       fromIndex,
@@ -71,13 +67,8 @@ export const TableColumnsProvider = ({
     const newColumnState_0 = [...(columnState || [])];
     const [columnToMove] = newColumnState_0.splice(fromIndex, 1);
     newColumnState_0.splice(toIndex, 0, columnToMove);
-    startTransition(() => {
-      setOptimisticColumnState(newColumnState_0);
-    });
-    await refineListData({
-      columns: transformColumnsToSearchParams(newColumnState_0)
-    });
-  }, [columnState, refineListData, setOptimisticColumnState]);
+    await setColumns(newColumnState_0);
+  }, [columnState, setColumns]);
   const setActiveColumns = useCallback(async columns => {
     const newColumnState_1 = currentQuery.columns;
     columns.forEach(colName => {
@@ -96,14 +87,6 @@ export const TableColumnsProvider = ({
       columns: defaultColumns || []
     });
   }, [defaultColumns, refineListData]);
-  const setColumns = useCallback(async newColumns => {
-    startTransition(() => {
-      setOptimisticColumnState(newColumns);
-    });
-    await refineListData({
-      columns: transformColumnsToSearchParams(newColumns)
-    });
-  }, [refineListData, setOptimisticColumnState]);
   return /*#__PURE__*/_jsx(TableColumnContext, {
     value: {
       columns: columnState,

package/dist/providers/TableColumns/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["transformColumnsToSearchParams","React","startTransition","useCallback","useEffect","useRef","useConfig","useListQuery","TableColumnContext","useTableColumns","TableColumnsProvider","children","collectionSlug","columnState","columnStateFromProps","LinkedCellOverride","getEntityConfig","query","currentQuery","refineListData","admin","defaultColumns","setOptimisticColumnState","useOptimistic","state","action","prevPropsRef","current","contextRef","toggleColumn","column","currentColumns","columnIndex","findIndex","col","accessor","newColumnState","map","active","columns","moveColumn","args","fromIndex","toIndex","columnToMove","splice","setActiveColumns","forEach","colName","colIndex","c","undefined","slice","resetColumnsState","setColumns","newColumns","_jsx","value"],"sources":["../../../src/providers/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport { type Column } from 'payload'\nimport { transformColumnsToSearchParams } from 'payload/shared'\nimport React, { startTransition, useCallback, useEffect, useRef } from 'react'\n\nimport type { ITableColumns, TableColumnsProviderProps } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { TableColumnContext } from './context.js'\n\nexport { useTableColumns } from './context.js'\n\nexport const TableColumnsProvider: React.FC<TableColumnsProviderProps> = ({\n  children,\n  collectionSlug,\n  columnState: columnStateFromProps,\n  LinkedCellOverride,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const { query: currentQuery, refineListData } = useListQuery()\n\n  const { admin: { defaultColumns } = {} } = getEntityConfig({\n    collectionSlug,\n  })\n\n  const [columnState, setOptimisticColumnState] = React.useOptimistic(\n    columnStateFromProps,\n    (state, action: Column[]) => action,\n  )\n\n  // Sync optimistic state when props change (e.g., after preset reset)\n  const prevPropsRef = useRef(columnStateFromProps)\n  useEffect(() => {\n    if (columnStateFromProps !== prevPropsRef.current) {\n      prevPropsRef.current = columnStateFromProps\n      // Force optimistic state to sync with new props by triggering a transition\n      startTransition(() => {\n        setOptimisticColumnState(columnStateFromProps)\n      })\n    }\n  }, [columnStateFromProps, setOptimisticColumnState])\n\n  const contextRef = useRef({} as ITableColumns)\n\n  const toggleColumn = useCallback(\n    async (column: string) => {\n      const currentColumns = columnState || []\n      const columnIndex = currentColumns.findIndex((col) => col.accessor === column)\n\n      if (columnIndex === -1) {\n        return\n      }\n\n      // Toggle the column's active state in place, preserving its position\n      const newColumnState = currentColumns.map((col) => {\n        if (col.accessor === column) {\n          return { ...col, active: !col.active }\n        }\n        return col\n      })\n\n      startTransition(() => {\n        setOptimisticColumnState(newColumnState)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumnState),\n      })\n    },\n    [refineListData, columnState, setOptimisticColumnState],\n  )\n\n  const moveColumn = useCallback(\n    async (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n      const newColumnState = [...(columnState || [])]\n      const [columnToMove] = newColumnState.splice(fromIndex, 1)\n      newColumnState.splice(toIndex, 0, columnToMove)\n\n      startTransition(() => {\n        setOptimisticColumnState(newColumnState)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumnState),\n      })\n    },\n    [columnState, refineListData, setOptimisticColumnState],\n  )\n\n  const setActiveColumns = useCallback(\n    async (columns: string[]) => {\n      const newColumnState = currentQuery.columns\n\n      columns.forEach((colName) => {\n        const colIndex = newColumnState.findIndex((c) => colName === c)\n\n        // ensure the name does not begin with a `-` which denotes an inactive column\n        if (colIndex !== undefined && newColumnState[colIndex][0] === '-') {\n          newColumnState[colIndex] = colName.slice(1)\n        }\n      })\n\n      await refineListData({ columns: newColumnState })\n    },\n    [currentQuery, refineListData],\n  )\n\n  const resetColumnsState = React.useCallback(async () => {\n    await refineListData({ columns: defaultColumns || [] })\n  }, [defaultColumns, refineListData])\n\n  const setColumns = useCallback(\n    async (newColumns: Column[]) => {\n      startTransition(() => {\n        setOptimisticColumnState(newColumns)\n      })\n\n      await refineListData({\n        columns: transformColumnsToSearchParams(newColumns),\n      })\n    },\n    [refineListData, setOptimisticColumnState],\n  )\n\n  return (\n    <TableColumnContext\n      value={{\n        columns: columnState,\n        LinkedCellOverride,\n        moveColumn,\n        resetColumnsState,\n        setActiveColumns,\n        setColumns,\n        toggleColumn,\n        ...contextRef.current,\n      }}\n    >\n      {children}\n    </TableColumnContext>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,8BAA8B,QAAQ;AAC/C,OAAOC,KAAA,IAASC,eAAe,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ;AAIvE,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,QAAQ;AAEnC,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,oBAAA,GAA4DA,CAAC;EACxEC,QAAQ;EACRC,cAAc;EACdC,WAAA,EAAaC,oBAAoB;EACjCC;AAAkB,CACnB;EACC,MAAM;IAAEC;EAAe,CAAE,GAAGV,SAAA;EAC5B,MAAM;IAAEW,KAAA,EAAOC,YAAY;IAAEC;EAAc,CAAE,GAAGZ,YAAA;EAEhD,MAAM;IAAEa,KAAA,EAAO;MAAEC;IAAc,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGL,eAAA,CAAgB;IACzDJ;EACF;EAEA,MAAM,CAACC,WAAA,EAAaS,wBAAA,CAAyB,GAAGrB,KAAA,CAAMsB,aAAa,CACjET,oBAAA,EACA,CAACU,KAAA,EAAOC,MAAA,KAAqBA,MAAA;EAG/B;EACA,MAAMC,YAAA,GAAerB,MAAA,CAAOS,oBAAA;EAC5BV,SAAA,CAAU;IACR,IAAIU,oBAAA,KAAyBY,YAAA,CAAaC,OAAO,EAAE;MACjDD,YAAA,CAAaC,OAAO,GAAGb,oBAAA;MACvB;MACAZ,eAAA,CAAgB;QACdoB,wBAAA,CAAyBR,oBAAA;MAC3B;IACF;EACF,GAAG,CAACA,oBAAA,EAAsBQ,wBAAA,CAAyB;EAEnD,MAAMM,UAAA,GAAavB,MAAA,CAAO,CAAC;EAE3B,MAAMwB,YAAA,GAAe1B,WAAA,CACnB,MAAO2B,MAAA;IACL,MAAMC,cAAA,GAAiBlB,WAAA,IAAe,EAAE;IACxC,MAAMmB,WAAA,GAAcD,cAAA,CAAeE,SAAS,CAAEC,GAAA,IAAQA,GAAA,CAAIC,QAAQ,KAAKL,MAAA;IAEvE,IAAIE,WAAA,KAAgB,CAAC,GAAG;MACtB;IACF;IAEA;IACA,MAAMI,cAAA,GAAiBL,cAAA,CAAeM,GAAG,CAAEH,KAAA;MACzC,IAAIA,KAAA,CAAIC,QAAQ,KAAKL,MAAA,EAAQ;QAC3B,OAAO;UAAE,GAAGI,KAAG;UAAEI,MAAA,EAAQ,CAACJ,KAAA,CAAII;QAAO;MACvC;MACA,OAAOJ,KAAA;IACT;IAEAhC,eAAA,CAAgB;MACdoB,wBAAA,CAAyBc,cAAA;IAC3B;IAEA,MAAMjB,cAAA,CAAe;MACnBoB,OAAA,EAASvC,8BAAA,CAA+BoC,cAAA;IAC1C;EACF,GACA,CAACjB,cAAA,EAAgBN,WAAA,EAAaS,wBAAA,CAAyB;EAGzD,MAAMkB,UAAA,GAAarC,WAAA,CACjB,MAAOsC,IAAA;IACL,MAAM;MAAEC,SAAS;MAAEC;IAAO,CAAE,GAAGF,IAAA;IAC/B,MAAML,gBAAA,GAAiB,C,IAAKvB,WAAA,IAAe,EAAE,EAAE;IAC/C,MAAM,CAAC+B,YAAA,CAAa,GAAGR,gBAAA,CAAeS,MAAM,CAACH,SAAA,EAAW;IACxDN,gBAAA,CAAeS,MAAM,CAACF,OAAA,EAAS,GAAGC,YAAA;IAElC1C,eAAA,CAAgB;MACdoB,wBAAA,CAAyBc,gBAAA;IAC3B;IAEA,MAAMjB,cAAA,CAAe;MACnBoB,OAAA,EAASvC,8BAAA,CAA+BoC,gBAAA;IAC1C;EACF,GACA,CAACvB,WAAA,EAAaM,cAAA,EAAgBG,wBAAA,CAAyB;EAGzD,MAAMwB,gBAAA,GAAmB3C,WAAA,CACvB,MAAOoC,OAAA;IACL,MAAMH,gBAAA,GAAiBlB,YAAA,CAAaqB,OAAO;IAE3CA,OAAA,CAAQQ,OAAO,CAAEC,OAAA;MACf,MAAMC,QAAA,GAAWb,gBAAA,CAAeH,SAAS,CAAEiB,CAAA,IAAMF,OAAA,KAAYE,CAAA;MAE7D;MACA,IAAID,QAAA,KAAaE,SAAA,IAAaf,gBAAc,CAACa,QAAA,CAAS,CAAC,EAAE,KAAK,KAAK;QACjEb,gBAAc,CAACa,QAAA,CAAS,GAAGD,OAAA,CAAQI,KAAK,CAAC;MAC3C;IACF;IAEA,MAAMjC,cAAA,CAAe;MAAEoB,OAAA,EAASH;IAAe;EACjD,GACA,CAAClB,YAAA,EAAcC,cAAA,CAAe;EAGhC,MAAMkC,iBAAA,GAAoBpD,KAAA,CAAME,WAAW,CAAC;IAC1C,MAAMgB,cAAA,CAAe;MAAEoB,OAAA,EAASlB,cAAA,IAAkB;IAAG;EACvD,GAAG,CAACA,cAAA,EAAgBF,cAAA,CAAe;EAEnC,MAAMmC,UAAA,GAAanD,WAAA,CACjB,MAAOoD,UAAA;IACLrD,eAAA,CAAgB;MACdoB,wBAAA,CAAyBiC,UAAA;IAC3B;IAEA,MAAMpC,cAAA,CAAe;MACnBoB,OAAA,EAASvC,8BAAA,CAA+BuD,UAAA;IAC1C;EACF,GACA,CAACpC,cAAA,EAAgBG,wBAAA,CAAyB;EAG5C,oBACEkC,IAAA,CAAChD,kBAAA;IACCiD,KAAA,EAAO;MACLlB,OAAA,EAAS1B,WAAA;MACTE,kBAAA;MACAyB,UAAA;MACAa,iBAAA;MACAP,gBAAA;MACAQ,UAAA;MACAzB,YAAA;MACA,GAAGD,UAAA,CAAWD;IAChB;cAEChB;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["transformColumnsToSearchParams","React","useCallback","useRef","useConfig","useListQuery","useRouteTransition","TableColumnContext","useTableColumns","TableColumnsProvider","children","collectionSlug","columnState","columnStateFromProps","LinkedCellOverride","getEntityConfig","query","currentQuery","refineListData","startRouteTransition","admin","defaultColumns","setOptimisticColumnState","useOptimistic","contextRef","setColumns","newColumns","columns","toggleColumn","column","currentColumns","columnIndex","findIndex","col","accessor","newColumnState","map","active","moveColumn","args","fromIndex","toIndex","columnToMove","splice","setActiveColumns","forEach","colName","colIndex","c","undefined","slice","resetColumnsState","_jsx","value","current"],"sources":["../../../src/providers/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport { type Column } from 'payload'\nimport { transformColumnsToSearchParams } from 'payload/shared'\nimport React, { useCallback, useRef } from 'react'\n\nimport type { ITableColumns, TableColumnsProviderProps } from './types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useRouteTransition } from '../RouteTransition/index.js'\nimport { TableColumnContext } from './context.js'\n\nexport { useTableColumns } from './context.js'\n\nexport const TableColumnsProvider: React.FC<TableColumnsProviderProps> = ({\n  children,\n  collectionSlug,\n  columnState: columnStateFromProps,\n  LinkedCellOverride,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const { query: currentQuery, refineListData } = useListQuery()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { admin: { defaultColumns } = {} } = getEntityConfig({\n    collectionSlug,\n  })\n\n  const [columnState, setOptimisticColumnState] = React.useOptimistic(columnStateFromProps)\n\n  const contextRef = useRef({} as ITableColumns)\n\n  const setColumns = useCallback(\n    async (newColumns: Column[]) => {\n      await startRouteTransition(async () => {\n        setOptimisticColumnState(newColumns)\n\n        await refineListData({\n          columns: transformColumnsToSearchParams(newColumns),\n        })\n      })\n    },\n    [refineListData, setOptimisticColumnState, startRouteTransition],\n  )\n\n  const toggleColumn = useCallback(\n    async (column: string) => {\n      const currentColumns = columnState || []\n      const columnIndex = currentColumns.findIndex((col) => col.accessor === column)\n\n      if (columnIndex === -1) {\n        return\n      }\n\n      // Toggle the column's active state in place, preserving its position\n      const newColumnState = currentColumns.map((col) => {\n        if (col.accessor === column) {\n          return { ...col, active: !col.active }\n        }\n        return col\n      })\n\n      await setColumns(newColumnState)\n    },\n    [columnState, setColumns],\n  )\n\n  const moveColumn = useCallback(\n    async (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n      const newColumnState = [...(columnState || [])]\n      const [columnToMove] = newColumnState.splice(fromIndex, 1)\n      newColumnState.splice(toIndex, 0, columnToMove)\n\n      await setColumns(newColumnState)\n    },\n    [columnState, setColumns],\n  )\n\n  const setActiveColumns = useCallback(\n    async (columns: string[]) => {\n      const newColumnState = currentQuery.columns\n\n      columns.forEach((colName) => {\n        const colIndex = newColumnState.findIndex((c) => colName === c)\n\n        // ensure the name does not begin with a `-` which denotes an inactive column\n        if (colIndex !== undefined && newColumnState[colIndex][0] === '-') {\n          newColumnState[colIndex] = colName.slice(1)\n        }\n      })\n\n      await refineListData({ columns: newColumnState })\n    },\n    [currentQuery, refineListData],\n  )\n\n  const resetColumnsState = React.useCallback(async () => {\n    await refineListData({ columns: defaultColumns || [] })\n  }, [defaultColumns, refineListData])\n\n  return (\n    <TableColumnContext\n      value={{\n        columns: columnState,\n        LinkedCellOverride,\n        moveColumn,\n        resetColumnsState,\n        setActiveColumns,\n        setColumns,\n        toggleColumn,\n        ...contextRef.current,\n      }}\n    >\n      {children}\n    </TableColumnContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useState","useConfig","useSearchParams","defaultTheme","initialContext","autoMode","highContrastMode","setHighContrastMode","setTheme","theme","Context","undefined","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","detectTheme","cookieKey","fromCookie","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","isAutoMode","detectHighContrastMode","isHighContrast","removeAttribute","isValidThemeParam","value","ThemeProvider","t0","$","children","initialHighContrastMode","themeOverride","outerContext","isScoped","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","themeParam","get","toLowerCase","setThemeState","setAutoMode","setHighContrastModeState","t1","themeToSet","options","scoped","resolvedTheme","t2","options_0","String","t3","t4","t5","t6","t7","detectedTheme","t8","t9","t10","t11","t12","_jsx","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useCallback, useEffect, useState } from 'react'\n\nimport { useConfig } from '../Config/index.js'\nimport { useSearchParams } from '../RouterAdapter/index.js'\nimport { defaultTheme, type Theme } from './shared.js'\n\nexport { defaultTheme, type Theme }\n\nexport type ThemeContext = {\n  autoMode: boolean\n  highContrastMode: boolean\n  setHighContrastMode: (isHighContrast: boolean, options?: { scoped?: boolean }) => void\n  setTheme: (theme: 'auto' | Theme, options?: { scoped?: boolean }) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  highContrastMode: false,\n  setHighContrastMode: () => null,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext<ThemeContext | undefined>(undefined)\n\nfunction setCookie(cname: string, cvalue: string, exdays: number) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst detectTheme = (cookieKey: string): { isAutoMode: boolean; theme: Theme } => {\n  const fromCookie = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  const theme: Theme =\n    fromCookie === 'light' || fromCookie === 'dark'\n      ? fromCookie\n      : window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { isAutoMode: fromCookie !== 'light' && fromCookie !== 'dark', theme }\n}\n\nconst detectHighContrastMode = (cookieKey: string): boolean => {\n  const fromCookie =\n    window.document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${cookieKey}=`))\n      ?.split('=')[1] ?? null\n\n  const isHighContrast =\n    fromCookie === 'true'\n      ? true\n      : fromCookie === 'false'\n        ? false\n        : !!(window.matchMedia && window.matchMedia('(prefers-contrast: more)').matches)\n\n  if (isHighContrast) {\n    document.documentElement.setAttribute('data-enhanced-contrast', '')\n  } else {\n    document.documentElement.removeAttribute('data-enhanced-contrast')\n  }\n\n  return isHighContrast\n}\n\nconst isValidThemeParam = (value: null | string): value is 'auto' | Theme =>\n  value === 'auto' || value === 'light' || value === 'dark'\n\n/**\n * Provides theme context to its children.\n *\n * At the root (no parent ThemeProvider): reads/writes cookies, responds to\n * OS preference, owns setTheme and setHighContrastMode.\n *\n * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a\n * scoped visual  the `theme` prop sets the local theme, but setThemeoverride\n * and setHighContrastMode bubble up through each level to the root provider so\n * mutations always affect the global user preference.\n *\n * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and\n * persists it to the theme cookie using the same mechanism as manual theme selection.\n */\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  highContrastMode?: boolean\n  theme?: Theme\n}> = ({ children, highContrastMode: initialHighContrastMode, theme: themeOverride }) => {\n  const outerContext = use(Context)\n  const isScoped = outerContext !== undefined\n\n  const { config } = useConfig()\n  const preselectedTheme = config.admin.theme\n  const themeCookieKey = `${config.cookiePrefix || 'payload'}-theme`\n  const contrastCookieKey = `${config.cookiePrefix || 'payload'}-high-contrast-mode`\n\n  const themeParam = useSearchParams().get('theme')?.toLowerCase()\n\n  const [theme, setThemeState] = useState<Theme>(themeOverride ?? defaultTheme)\n  const [autoMode, setAutoMode] = useState<boolean>(!isScoped)\n  const [highContrastMode, setHighContrastModeState] = useState<boolean>(\n    isScoped ? (outerContext.highContrastMode ?? false) : (initialHighContrastMode ?? false),\n  )\n\n  // Setters bubble up to the root provider by default. Pass { scoped: true }\n  // to update only the local (scoped) theme without affecting global state.\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setTheme(themeToSet, options)\n        return\n      }\n      const resolvedTheme: Theme =\n        themeToSet === 'auto'\n          ? window.matchMedia?.('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n          : themeToSet\n\n      setThemeState(resolvedTheme)\n      setAutoMode(themeToSet === 'auto')\n\n      if (!isScoped) {\n        setCookie(themeCookieKey, themeToSet, themeToSet === 'auto' ? -1 : 365)\n        document.documentElement.setAttribute('data-theme', resolvedTheme)\n      }\n    },\n    [isScoped, outerContext, themeCookieKey],\n  )\n\n  const setHighContrastMode = useCallback(\n    (isHighContrast: boolean, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setHighContrastMode(isHighContrast, options)\n        return\n      }\n      setHighContrastModeState(isHighContrast)\n      if (!isScoped) {\n        setCookie(contrastCookieKey, String(isHighContrast), 365)\n        if (isHighContrast) {\n          document.documentElement.setAttribute('data-enhanced-contrast', '')\n        } else {\n          document.documentElement.removeAttribute('data-enhanced-contrast')\n        }\n      }\n    },\n    [isScoped, outerContext, contrastCookieKey],\n  )\n\n  // Keep highContrastMode in sync with the outer provider when scoped.\n  useEffect(() => {\n    if (isScoped) {\n      setHighContrastModeState(outerContext.highContrastMode)\n    }\n  }, [isScoped, outerContext?.highContrastMode])\n\n  // Resolve the root theme: a valid `?theme` param wins (applied via setTheme so\n  // it persists to the theme cookie exactly like a manual selection; otherwise\n  // fall back to the cookie or OS preference.\n  useEffect(() => {\n    if (isScoped || preselectedTheme !== 'all') {\n      return\n    }\n    if (isValidThemeParam(themeParam)) {\n      setTheme(themeParam)\n      return\n    }\n    const { isAutoMode, theme: detectedTheme } = detectTheme(themeCookieKey)\n    setThemeState(detectedTheme)\n    setAutoMode(isAutoMode)\n  }, [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme])\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n    setHighContrastModeState(detectHighContrastMode(contrastCookieKey))\n  }, [isScoped, contrastCookieKey])\n\n  return (\n    <Context\n      value={{\n        autoMode: isScoped ? outerContext.autoMode : autoMode,\n        highContrastMode,\n        setHighContrastMode,\n        setTheme,\n        theme: isScoped ? outerContext.theme : theme,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTheme = (): ThemeContext => use(Context) ?? initialContext\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useCallback","useEffect","useState","useConfig","useSearchParams","defaultTheme","initialContext","autoMode","highContrastMode","setHighContrastMode","setTheme","theme","Context","undefined","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","detectTheme","cookieKey","fromCookie","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","isAutoMode","detectHighContrastMode","isHighContrast","removeAttribute","isValidThemeParam","value","ThemeProvider","t0","$","children","initialHighContrastMode","themeOverride","outerContext","isScoped","config","preselectedTheme","admin","themeCookieKey","cookiePrefix","contrastCookieKey","themeParam","get","toLowerCase","setThemeState","setAutoMode","setHighContrastModeState","t1","themeToSet","options","scoped","resolvedTheme","t2","options_0","String","t3","t4","t5","t6","t7","detectedTheme","t8","t9","t10","t11","t12","_jsx","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useCallback, useEffect, useState } from 'react'\n\nimport { useConfig } from '../Config/index.js'\nimport { useSearchParams } from '../RouterAdapter/index.js'\nimport { defaultTheme, type Theme } from './shared.js'\n\nexport { defaultTheme, type Theme }\n\nexport type ThemeContext = {\n  autoMode: boolean\n  highContrastMode: boolean\n  setHighContrastMode: (isHighContrast: boolean, options?: { scoped?: boolean }) => void\n  setTheme: (theme: 'auto' | Theme, options?: { scoped?: boolean }) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  highContrastMode: false,\n  setHighContrastMode: () => null,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext<ThemeContext | undefined>(undefined)\n\nfunction setCookie(cname: string, cvalue: string, exdays: number) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst detectTheme = (cookieKey: string): { isAutoMode: boolean; theme: Theme } => {\n  const fromCookie = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  const theme: Theme =\n    fromCookie === 'light' || fromCookie === 'dark'\n      ? fromCookie\n      : window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { isAutoMode: fromCookie !== 'light' && fromCookie !== 'dark', theme }\n}\n\nconst detectHighContrastMode = (cookieKey: string): boolean => {\n  const fromCookie =\n    window.document.cookie\n      .split('; ')\n      .find((row) => row.startsWith(`${cookieKey}=`))\n      ?.split('=')[1] ?? null\n\n  const isHighContrast =\n    fromCookie === 'true'\n      ? true\n      : fromCookie === 'false'\n        ? false\n        : !!(window.matchMedia && window.matchMedia('(prefers-contrast: more)').matches)\n\n  if (isHighContrast) {\n    document.documentElement.setAttribute('data-enhanced-contrast', '')\n  } else {\n    document.documentElement.removeAttribute('data-enhanced-contrast')\n  }\n\n  return isHighContrast\n}\n\nconst isValidThemeParam = (value: null | string): value is 'auto' | Theme =>\n  value === 'auto' || value === 'light' || value === 'dark'\n\n/**\n * Provides theme context to its children.\n *\n * At the root (no parent ThemeProvider): reads/writes cookies, responds to\n * OS preference, owns setTheme and setHighContrastMode.\n *\n * When nested inside another ThemeProvider (e.g. inside a Popup): acts as a\n * scoped visual  the `theme` prop sets the local theme, but setThemeoverride\n * and setHighContrastMode bubble up through each level to the root provider so\n * mutations always affect the global user preference.\n *\n * The ThemeProvider also reads the `?theme=light|dark|auto` query parameter and\n * persists it to the theme cookie using the same mechanism as manual theme selection.\n */\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  highContrastMode?: boolean\n  theme?: Theme\n}> = ({ children, highContrastMode: initialHighContrastMode, theme: themeOverride }) => {\n  const outerContext = use(Context)\n  const isScoped = outerContext !== undefined\n\n  const { config } = useConfig()\n  const preselectedTheme = config.admin.theme\n  const themeCookieKey = `${config.cookiePrefix || 'payload'}-theme`\n  const contrastCookieKey = `${config.cookiePrefix || 'payload'}-high-contrast-mode`\n\n  const themeParam = useSearchParams().get('theme')?.toLowerCase()\n\n  const [theme, setThemeState] = useState<Theme>(themeOverride ?? defaultTheme)\n  const [autoMode, setAutoMode] = useState<boolean>(!isScoped)\n  const [highContrastMode, setHighContrastModeState] = useState<boolean>(\n    isScoped ? (outerContext.highContrastMode ?? false) : (initialHighContrastMode ?? false),\n  )\n\n  // Setters bubble up to the root provider by default. Pass { scoped: true }\n  // to update only the local (scoped) theme without affecting global state.\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setTheme(themeToSet, options)\n        return\n      }\n      const resolvedTheme: Theme =\n        themeToSet === 'auto'\n          ? window.matchMedia?.('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n          : themeToSet\n\n      setThemeState(resolvedTheme)\n      setAutoMode(themeToSet === 'auto')\n\n      if (!isScoped) {\n        setCookie(themeCookieKey, themeToSet, themeToSet === 'auto' ? -1 : 365)\n        document.documentElement.setAttribute('data-theme', resolvedTheme)\n      }\n    },\n    [isScoped, outerContext, themeCookieKey],\n  )\n\n  const setHighContrastMode = useCallback(\n    (isHighContrast: boolean, options?: { scoped?: boolean }) => {\n      if (isScoped && !options?.scoped) {\n        outerContext.setHighContrastMode(isHighContrast, options)\n        return\n      }\n      setHighContrastModeState(isHighContrast)\n      if (!isScoped) {\n        setCookie(contrastCookieKey, String(isHighContrast), 365)\n        if (isHighContrast) {\n          document.documentElement.setAttribute('data-enhanced-contrast', '')\n        } else {\n          document.documentElement.removeAttribute('data-enhanced-contrast')\n        }\n      }\n    },\n    [isScoped, outerContext, contrastCookieKey],\n  )\n\n  // Keep highContrastMode in sync with the outer provider when scoped.\n  useEffect(() => {\n    if (isScoped) {\n      setHighContrastModeState(outerContext.highContrastMode)\n    }\n  }, [isScoped, outerContext?.highContrastMode])\n\n  // Resolve the root theme: a valid `?theme` param wins (applied via setTheme so\n  // it persists to the theme cookie exactly like a manual selection; otherwise\n  // fall back to the cookie or OS preference.\n  useEffect(() => {\n    if (isScoped || preselectedTheme !== 'all') {\n      return\n    }\n    if (isValidThemeParam(themeParam)) {\n      setTheme(themeParam)\n      return\n    }\n    const { isAutoMode, theme: detectedTheme } = detectTheme(themeCookieKey)\n    setThemeState(detectedTheme)\n    setAutoMode(isAutoMode)\n  }, [isScoped, preselectedTheme, themeCookieKey, themeParam, setTheme])\n\n  useEffect(() => {\n    if (isScoped) {\n      return\n    }\n    setHighContrastModeState(detectHighContrastMode(contrastCookieKey))\n  }, [isScoped, contrastCookieKey])\n\n  return (\n    <Context\n      value={{\n        autoMode: isScoped ? outerContext.autoMode : autoMode,\n        highContrastMode,\n        setHighContrastMode,\n        setTheme,\n        theme: isScoped ? outerContext.theme : theme,\n      }}\n    >\n      {children}\n    </Context>\n  )\n}\n\nexport const useTheme = (): ThemeContext => use(Context) ?? initialContext\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/ToastContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","setCloseIconRef","_temp","t3","t4","Symbol","for","container","document","createElement","body","appendChild","remove","t5","t6","updateContainer","activeModal","destination","parentElement","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect","_jsx","className","closeButton","dir","gap","icons","close","ref","style","display","children","size","info","success","offset","bottom","right","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts","element","closest","setAttribute"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useLayoutEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { getActiveModal } from '../../utilities/getActiveModal.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  const { modalState } = useModal()\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null)\n  const setCloseIconRef = useCallback((element: HTMLSpanElement | null) => {\n    element?.closest('[data-close-button]')?.setAttribute('aria-live', 'off')\n  }, [])\n\n  useLayoutEffect(() => {\n    const container = document.createElement('div')\n\n    document.body.appendChild(container)\n    setPortalContainer(container)\n    return () => container.remove()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!portalContainer) {\n      return\n    }\n    const updateContainer = () => {\n      const activeModal = getActiveModal({ modalState })\n      const destination = activeModal ?? document.body\n\n      // Move the portal host, preserving Sonner's mounted state and pending notifications.\n      if (portalContainer.parentElement !== destination) {\n        destination.appendChild(portalContainer)\n      }\n    }\n\n    updateContainer()\n    const observer = new MutationObserver(updateContainer)\n\n    observer.observe(document.body, {\n      attributeFilter: ['open'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    return () => observer.disconnect()\n  }, [modalState, portalContainer])\n\n  if (!portalContainer) {\n    return null\n  }\n\n  return createPortal(\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 6000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: (\n          <span aria-hidden=\"true\" ref={setCloseIconRef} style={{ display: 'contents' }}>\n            <XIcon size={24} />\n          </span>\n        ),\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />,\n    portalContainer,\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","setCloseIconRef","_temp","t3","t4","Symbol","for","container","document","createElement","body","appendChild","remove","t5","t6","updateContainer","activeModal","destination","parentElement","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect","_jsx","className","closeButton","dir","gap","icons","close","ref","style","display","children","size","info","success","offset","bottom","right","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts","element","closest","setAttribute"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useLayoutEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { getActiveModal } from '../../utilities/getActiveModal.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  const { modalState } = useModal()\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null)\n  const setCloseIconRef = useCallback((element: HTMLSpanElement | null) => {\n    element?.closest('[data-close-button]')?.setAttribute('aria-live', 'off')\n  }, [])\n\n  useLayoutEffect(() => {\n    const container = document.createElement('div')\n\n    document.body.appendChild(container)\n    setPortalContainer(container)\n    return () => container.remove()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!portalContainer) {\n      return\n    }\n    const updateContainer = () => {\n      const activeModal = getActiveModal({ modalState })\n      const destination = activeModal ?? document.body\n\n      // Move the portal host, preserving Sonner's mounted state and pending notifications.\n      if (portalContainer.parentElement !== destination) {\n        destination.appendChild(portalContainer)\n      }\n    }\n\n    updateContainer()\n    const observer = new MutationObserver(updateContainer)\n\n    observer.observe(document.body, {\n      attributeFilter: ['open'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    return () => observer.disconnect()\n  }, [modalState, portalContainer])\n\n  if (!portalContainer) {\n    return null\n  }\n\n  return createPortal(\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 6000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: (\n          <span aria-hidden=\"true\" ref={setCloseIconRef} style={{ display: 'contents' }}>\n            <XIcon size={24} />\n          </span>\n        ),\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />,\n    portalContainer,\n  )\n}\n"],"mappings":"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","ignoreList":[]}