@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\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 */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","clearTimerID","delayTimerID","current","setTimeout","clearTimeout","div","className","filter","Boolean","join","style","width"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,kBAAkB,QAAQ,cAAa;AAChD,OAAO,eAAc;AAErB,MAAMC,qBAAqB;AAC3B,MAAMC,YAAY;AAClB,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,eAAe,EAAEC,kBAAkB,EAAE,GAAGN;IAChD,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGX,MAAMY,QAAQ,CAAgB;IAC1E,MAAMC,sBAAsBX,OAAO;IAEnCD,UAAU;QACR,IAAIa;QACJ,IAAIC;QAEJ,IAAIP,iBAAiB;YACnB,IAAIK,oBAAoBG,OAAO,EAAE;gBAC/BD,eAAeE,WAAW;oBACxBN,kBAAkBF;oBAClBI,oBAAoBG,OAAO,GAAG;gBAChC,GAAGV;YACL,OAAO;gBACLK,kBAAkBF;YACpB;QACF,OAAO;YACLI,oBAAoBG,OAAO,GAAG;YAE9B,uDAAuD;YACvD,gDAAgD;YAChDL,kBAAkB;YAElB,mEAAmE;YACnE,0EAA0E;YAC1EG,eAAeG,WAAW;gBACxBN,kBAAkB;YACpB,GAAGP,qBAAqB;QAC1B;QAEA,OAAO;YACLc,aAAaJ;YACbI,aAAaH;QACf;IACF,GAAG;QAACP;QAAiBC;KAAmB;IAExC,IAAI,OAAOC,mBAAmB,UAAU;QACtC,qBACE,KAACS;YACCC,WAAW;gBAACf;gBAAWK,mBAAmB,KAAK,GAAGL,UAAU,UAAU,CAAC;aAAC,CACrEgB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,OAAO;gBACL,2DAA2D;gBAC3D,yBAAyB,GAAGpB,mBAAmB,EAAE,CAAC;YACpD;sBAEA,cAAA,KAACe;gBACCC,WAAW,GAAGf,UAAU,UAAU,CAAC;gBACnCmB,OAAO;oBACLC,OAAO,GAAG,AAACf,CAAAA,kBAAkB,CAAA,IAAK,IAAI,CAAC,CAAC;gBAC1C;;;IAIR;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\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 */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","clearTimerID","delayTimerID","current","setTimeout","clearTimeout","div","className","filter","Boolean","join","style","width"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,kBAAkB,QAAQ,cAAa;AAChD,OAAO,eAAc;AAErB,MAAMC,qBAAqB;AAC3B,MAAMC,YAAY;AAClB,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,eAAe,EAAEC,kBAAkB,EAAE,GAAGN;IAChD,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGX,MAAMY,QAAQ,CAAgB;IAC1E,MAAMC,sBAAsBX,OAAO;IAEnCD,UAAU;QACR,IAAIa;QACJ,IAAIC;QAEJ,IAAIP,iBAAiB;YACnB,IAAIK,oBAAoBG,OAAO,EAAE;gBAC/BD,eAAeE,WAAW;oBACxBN,kBAAkBF;oBAClBI,oBAAoBG,OAAO,GAAG;gBAChC,GAAGV;YACL,OAAO;gBACLK,kBAAkBF;YACpB;QACF,OAAO;YACLI,oBAAoBG,OAAO,GAAG;YAE9B,uDAAuD;YACvD,gDAAgD;YAChDL,kBAAkB;YAElB,mEAAmE;YACnE,0EAA0E;YAC1EG,eAAeG,WAAW;gBACxBN,kBAAkB;YACpB,GAAGP,qBAAqB;QAC1B;QAEA,OAAO;YACLc,aAAaJ;YACbI,aAAaH;QACf;IACF,GAAG;QAACP;QAAiBC;KAAmB;IAExC,IAAI,OAAOC,mBAAmB,UAAU;QACtC,qBACE,QAACS;YACCC,WAAW;gBAACf;gBAAWK,mBAAmB,KAAK,GAAGL,UAAU,UAAU,CAAC;aAAC,CACrEgB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,OAAO;gBACL,2DAA2D;gBAC3D,yBAAyB,GAAGpB,mBAAmB,EAAE,CAAC;YACpD;sBAEA,cAAA,QAACe;gBACCC,WAAW,GAAGf,UAAU,UAAU,CAAC;gBACnCmB,OAAO;oBACLC,OAAO,GAAG,AAACf,CAAAA,kBAAkB,CAAA,IAAK,IAAI,CAAC,CAAC;gBAC1C;;;;;;;;;;;IAIR;IAEA,OAAO;AACT,EAAC"}

package/dist/providers/RouteTransition/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react';
 /**
  * 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.
@@ -27,18 +27,18 @@ import React, { startTransition, useCallback, useEffect, useOptimistic, useRef }
             // 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 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
-        ;
-    }, []);
+        }, 250);
+    }, // every n ms, update progress
+    []);
     useEffect(()=>{
         setTransitionProgress(0);
         transitionProgressRef.current = 0;
@@ -63,14 +63,18 @@ import React, { startTransition, useCallback, useEffect, useOptimistic, useRef }
     }, [
         setIsTransitioning
     ]);
-    return /*#__PURE__*/ _jsx(RouteTransitionContext, {
+    return /*#__PURE__*/ _jsxDEV(RouteTransitionContext, {
         value: {
             isTransitioning,
             startRouteTransition,
             transitionProgress
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/RouteTransition/index.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
 const RouteTransitionContext = /*#__PURE__*/ React.createContext({
     isTransitioning: false,

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

@@ -1 +1 @@
-{"version":3,"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 [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(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        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext value={{ isTransitioning, startRouteTransition, transitionProgress }}>\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  startRouteTransition: () => undefined,\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 } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\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"],"names":["React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","initiateProgress","current","setInterval","maxProgress","jumpFactor","growthFactor","slowdownFactor","newProgress","Math","random","pow","log","clearInterval","startRouteTransition","callback","RouteTransitionContext","value","createContext","undefined","useRouteTransition","use"],"mappings":"AAAA;;AACA,OAAOA,SAASC,eAAe,EAAEC,WAAW,EAAEC,SAAS,EAAEC,aAAa,EAAEC,MAAM,QAAQ,QAAO;AAE7F;;;;;;;;;;;;;;;CAeC,GACD,OAAO,MAAMC,0BAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGL,cAAc;IAC5D,MAAM,CAACM,oBAAoBC,sBAAsB,GAAGX,MAAMY,QAAQ,CAAS;IAE3E,MAAMC,wBAAwBR,OAAOK;IAErC,MAAMI,UAAUT,OAAO;IAEvB,MAAMU,mBAAmBb,YAAY;QACnCY,QAAQE,OAAO,GAAGC,YAAY;YAC5B,sDAAsD;YACtD,+DAA+D;YAC/D,4CAA4C;YAC5C,MAAMC,cAAc;YACpB,MAAMC,aAAa,IAAI,oCAAoC;;YAC3D,MAAMC,eAAe,KAAK,iCAAiC;;YAC3D,MAAMC,iBAAiB,KAAK,iCAAiC;;YAE7D,MAAMC,cACJT,sBAAsBG,OAAO,GAC7B,AAACE,CAAAA,cAAcL,sBAAsBG,OAAO,AAAD,IACzCO,KAAKC,MAAM,KACXL,aACAI,KAAKE,GAAG,CAACF,KAAKG,GAAG,CAAC,IAAI,AAAC,CAAA,IAAIb,sBAAsBG,OAAO,AAAD,IAAKI,eAAeC;YAE/EV,sBAAsBW;YACtBT,sBAAsBG,OAAO,GAAGM;QAClC,GAAG,KAAK,8BAA8B;;IACxC,GAAG,EAAE;IAELnB,UAAU;QACRQ,sBAAsB;QACtBE,sBAAsBG,OAAO,GAAG;QAEhC,IAAIR,iBAAiB;YACnBO;QACF,OAAO;YACL,IAAID,QAAQE,OAAO,EAAE;gBACnBW,cAAcb,QAAQE,OAAO;YAC/B;QACF;IACF,GAAG;QAACR;QAAiBO;KAAiB;IAEtC,MAAMa,uBAA6C1B,YACjD,CAAC2B;QACC5B,gBAAgB;YACdQ,mBAAmB;YAEnB,IAAI,OAAOoB,aAAa,YAAY;gBAClCA;YACF;QACF;IACF,GACA;QAACpB;KAAmB;IAGtB,qBACE,KAACqB;QAAuBC,OAAO;YAAEvB;YAAiBoB;YAAsBlB;QAAmB;kBACxFH;;AAGP,EAAC;AAcD,MAAMuB,uCAAyB9B,MAAMgC,aAAa,CAA8B;IAC9ExB,iBAAiB;IACjBoB,sBAAsB,IAAMK;IAC5BvB,oBAAoB;AACtB;AAEA;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,MAAMwB,qBAAqB,IAAMlC,MAAMmC,GAAG,CAACL,wBAAuB"}
+{"version":3,"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 [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(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        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext value={{ isTransitioning, startRouteTransition, transitionProgress }}>\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  startRouteTransition: () => undefined,\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 } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\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"],"names":["React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","initiateProgress","current","setInterval","maxProgress","jumpFactor","growthFactor","slowdownFactor","newProgress","Math","random","pow","log","clearInterval","startRouteTransition","callback","RouteTransitionContext","value","createContext","undefined","useRouteTransition","use"],"mappings":"AAAA;;AACA,OAAOA,SAASC,eAAe,EAAEC,WAAW,EAAEC,SAAS,EAAEC,aAAa,EAAEC,MAAM,QAAQ,QAAO;AAE7F;;;;;;;;;;;;;;;CAeC,GACD,OAAO,MAAMC,0BAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGL,cAAc;IAC5D,MAAM,CAACM,oBAAoBC,sBAAsB,GAAGX,MAAMY,QAAQ,CAAS;IAE3E,MAAMC,wBAAwBR,OAAOK;IAErC,MAAMI,UAAUT,OAAO;IAEvB,MAAMU,mBAAmBb,YAAY;QACnCY,QAAQE,OAAO,GAAGC,YAAY;YAC5B,sDAAsD;YACtD,+DAA+D;YAC/D,4CAA4C;YAC5C,MAAMC,cAAc;YACpB,MAAMC,aAAa;YAAI,oCAAoC;YAC3D,MAAMC,eAAe;YAAK,iCAAiC;YAC3D,MAAMC,iBAAiB;YAAK,iCAAiC;YAE7D,MAAMC,cACJT,sBAAsBG,OAAO,GAC7B,AAACE,CAAAA,cAAcL,sBAAsBG,OAAO,AAAD,IACzCO,KAAKC,MAAM,KACXL,aACAI,KAAKE,GAAG,CAACF,KAAKG,GAAG,CAAC,IAAI,AAAC,CAAA,IAAIb,sBAAsBG,OAAO,AAAD,IAAKI,eAAeC;YAE/EV,sBAAsBW;YACtBT,sBAAsBG,OAAO,GAAGM;QAClC,GAAG;IACL,GADU,8BAA8B;IACrC,EAAE;IAELnB,UAAU;QACRQ,sBAAsB;QACtBE,sBAAsBG,OAAO,GAAG;QAEhC,IAAIR,iBAAiB;YACnBO;QACF,OAAO;YACL,IAAID,QAAQE,OAAO,EAAE;gBACnBW,cAAcb,QAAQE,OAAO;YAC/B;QACF;IACF,GAAG;QAACR;QAAiBO;KAAiB;IAEtC,MAAMa,uBAA6C1B,YACjD,CAAC2B;QACC5B,gBAAgB;YACdQ,mBAAmB;YAEnB,IAAI,OAAOoB,aAAa,YAAY;gBAClCA;YACF;QACF;IACF,GACA;QAACpB;KAAmB;IAGtB,qBACE,QAACqB;QAAuBC,OAAO;YAAEvB;YAAiBoB;YAAsBlB;QAAmB;kBACxFH;;;;;;AAGP,EAAC;AAcD,MAAMuB,uCAAyB9B,MAAMgC,aAAa,CAA8B;IAC9ExB,iBAAiB;IACjBoB,sBAAsB,IAAMK;IAC5BvB,oBAAoB;AACtB;AAEA;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,MAAMwB,qBAAqB,IAAMlC,MAAMmC,GAAG,CAACL,wBAAuB"}

package/dist/providers/SearchParams/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useSearchParams as useNextSearchParams } from 'next/navigation.js';
 import * as qs from 'qs-esm';
 import React, { createContext, use } from 'react';
@@ -34,13 +34,17 @@ const Context = /*#__PURE__*/ createContext(initialContext);
     }, [
         searchParams
     ]);
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: {
             searchParams,
             stringifyParams
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/SearchParams/index.tsx",
+        lineNumber: 53,
+        columnNumber: 10
+    }, this);
 };
 /**
  * @deprecated

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","use","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","value"],"mappings":"AAAA;;AAEA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAOjD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B;;;;;;;CAOC,GACD,OAAO,MAAMI,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBX;IACzB,MAAMY,eAAeD,iBAAiBE,QAAQ;IAE9C,MAAMP,eAAeJ,MAAMY,OAAO,CAChC,IACEb,GAAGc,KAAK,CAACH,cAAc;YACrBI,OAAO;YACPC,mBAAmB;QACrB,IACF;QAACL;KAAa;IAGhB,MAAML,kBAAkBL,MAAMgB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAA8C;QACtE,OAAOnB,GAAGoB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAId,YAAY;YAC/B,GAAGa,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAAChB;KAAa;IAGhB,qBAAO,KAACE;QAAQe,OAAO;YAAEjB;YAAcC;QAAgB;kBAAIG;;AAC7D,EAAC;AAED;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMX,kBAAkB,IAA2BK,IAAII,SAAQ"}
+{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","use","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","value"],"mappings":"AAAA;;AAEA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAOjD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B;;;;;;;CAOC,GACD,OAAO,MAAMI,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBX;IACzB,MAAMY,eAAeD,iBAAiBE,QAAQ;IAE9C,MAAMP,eAAeJ,MAAMY,OAAO,CAChC,IACEb,GAAGc,KAAK,CAACH,cAAc;YACrBI,OAAO;YACPC,mBAAmB;QACrB,IACF;QAACL;KAAa;IAGhB,MAAML,kBAAkBL,MAAMgB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAA8C;QACtE,OAAOnB,GAAGoB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAId,YAAY;YAC/B,GAAGa,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAAChB;KAAa;IAGhB,qBAAO,QAACE;QAAQe,OAAO;YAAEjB;YAAcC;QAAgB;kBAAIG;;;;;;AAC7D,EAAC;AAED;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMX,kBAAkB,IAA2BK,IAAII,SAAQ"}

package/dist/providers/Selection/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useSearchParams } from 'next/navigation.js';
 import * as qs from 'qs-esm';
 import React, { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react';
@@ -14,7 +14,10 @@ export var SelectAllStatus = /*#__PURE__*/ function(SelectAllStatus) {
     SelectAllStatus["Some"] = "some";
     return SelectAllStatus;
 }({});
-const Context = /*#__PURE__*/ createContext({
+/**
+   * Selects all rows on the current page within the current query.
+   * If `allAvailable` is true, does not select specific IDs so that the query itself affects all rows across all pages.
+   */ const Context = /*#__PURE__*/ createContext({
     count: undefined,
     getQueryParams: (additionalParams)=>'',
     getSelectedIds: ()=>[],
@@ -25,6 +28,7 @@ const Context = /*#__PURE__*/ createContext({
     toggleAll: (toggleAll)=>{},
     totalDocs: undefined
 });
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const reduceActiveSelections = (selected)=>{
     const ids = [];
     for (const [key, value] of selected){
@@ -77,8 +81,9 @@ export const SelectionProvider = ({ children, docs = [], totalDocs })=>{
     const setSelection = useCallback((id)=>{
         const doc = docs.find((doc)=>doc.id === id);
         if (doc?._isLocked && user?.id !== doc?._userEditing.id) {
-            return; // Prevent selection if the document is locked
+            return;
         }
+        // Prevent selection if the document is locked
         const existingValue = selected.get(id);
         const isSelected = typeof existingValue === 'boolean' ? !existingValue : true;
         const newMap = new Map(selected.set(id, isSelected));
@@ -205,10 +210,14 @@ export const SelectionProvider = ({ children, docs = [], totalDocs })=>{
         toggleAll,
         totalDocs
     };
-    return /*#__PURE__*/ _jsx(Context, {
+    return /*#__PURE__*/ _jsxDEV(Context, {
         value: contextRef.current,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/Selection/index.tsx",
+        lineNumber: 251,
+        columnNumber: 10
+    }, this);
 };
 export const useSelection = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useListQuery } from '../ListQuery/index.js'\nimport { useLocale } from '../Locale/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  getQueryParams: (additionalParams?: Where) => string\n  getSelectedIds: () => (number | string)[]\n  selectAll: SelectAllStatus\n  selected: Map<number | string, boolean>\n  selectedIDs: (number | string)[]\n  setSelection: (id: number | string) => void\n  /**\n   * Selects all rows on the current page within the current query.\n   * If `allAvailable` is true, does not select specific IDs so that the query itself affects all rows across all pages.\n   */\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({\n  count: undefined,\n  getQueryParams: (additionalParams?: Where) => '',\n  getSelectedIds: () => [],\n  selectAll: undefined,\n  selected: new Map(),\n  selectedIDs: [],\n  setSelection: (id: number | string) => {},\n  toggleAll: (toggleAll: boolean) => {},\n  totalDocs: undefined,\n} satisfies SelectionContext)\n\ntype Props = {\n  readonly children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly docs: any[]\n  readonly totalDocs: number\n}\n\nconst reduceActiveSelections = (selected: Map<number | string, boolean>): (number | string)[] => {\n  const ids = []\n\n  for (const [key, value] of selected) {\n    if (value) {\n      ids.push(key)\n    }\n  }\n\n  return ids\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n  const { user } = useAuth()\n\n  const { code: locale } = useLocale()\n\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = new Map()\n\n    docs.forEach(({ id }) => {\n      rows.set(id, false)\n    })\n\n    return rows\n  })\n\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const searchParams = useSearchParams()\n  const { query } = useListQuery()\n\n  const toggleAll: SelectionContext['toggleAll'] = useCallback(\n    (allAvailable = false) => {\n      const rows = new Map()\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, true)\n          }\n        })\n      } else if (\n        // Reset back to `None` if we previously had any type of selection\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n      } else {\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, selectAll !== SelectAllStatus.Some)\n          }\n        })\n      }\n\n      setSelected(rows)\n    },\n    [docs, selectAll, user?.id],\n  )\n\n  const setSelection: SelectionContext['setSelection'] = useCallback(\n    (id) => {\n      const doc = docs.find((doc) => doc.id === id)\n\n      if (doc?._isLocked && user?.id !== doc?._userEditing.id) {\n        return // Prevent selection if the document is locked\n      }\n\n      const existingValue = selected.get(id)\n      const isSelected = typeof existingValue === 'boolean' ? !existingValue : true\n\n      const newMap = new Map(selected.set(id, isSelected))\n\n      // If previously selected all and now deselecting, adjust status\n      if (selectAll === SelectAllStatus.AllAvailable && !isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n\n      setSelected(newMap)\n    },\n    [selected, docs, selectAll, user?.id],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalWhereParams?: Where): string => {\n      let where: Where\n\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = parseSearchParams(searchParams)?.where as Where\n\n        where = params || {\n          id: {\n            not_equals: '',\n          },\n        }\n      } else {\n        const ids = []\n\n        for (const [key, value] of selected) {\n          if (value) {\n            ids.push(key)\n          }\n        }\n\n        where = {\n          id: {\n            in: ids,\n          },\n        }\n      }\n\n      if (additionalWhereParams) {\n        where = {\n          and: [{ ...additionalWhereParams }, where],\n        }\n      }\n\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  const getSelectedIds = useCallback(() => reduceActiveSelections(selected), [selected])\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n\n    if (!selected.size) {\n      all = false\n      some = false\n    } else {\n      for (const [_, value] of selected) {\n        all = all && value\n        some = some || value\n      }\n    }\n\n    if (all && selected.size === docs.length) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected, totalDocs, docs])\n\n  useEffect(() => {\n    let newCount = 0\n\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      newCount = totalDocs\n    } else {\n      for (const [_, value] of selected) {\n        if (value) {\n          newCount++\n        }\n      }\n    }\n\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  useEffect(() => {\n    setSelectAll(SelectAllStatus.None)\n    setSelected(new Map())\n  }, [query])\n\n  const selectedIDs = useMemo(() => reduceActiveSelections(selected), [selected])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    getSelectedIds,\n    selectAll,\n    selected,\n    selectedIDs,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context value={contextRef.current}>{children}</Context>\n}\n\nexport const useSelection = (): SelectionContext => use(Context)\n"],"names":["useSearchParams","qs","React","createContext","use","useCallback","useEffect","useMemo","useRef","useState","parseSearchParams","useAuth","useListQuery","useLocale","SelectAllStatus","Context","count","undefined","getQueryParams","additionalParams","getSelectedIds","selectAll","selected","Map","selectedIDs","setSelection","id","toggleAll","totalDocs","reduceActiveSelections","ids","key","value","push","SelectionProvider","children","docs","contextRef","user","code","locale","setSelected","rows","forEach","set","setSelectAll","setCount","searchParams","query","allAvailable","_isLocked","_userEditing","doc","find","existingValue","get","isSelected","newMap","additionalWhereParams","where","params","not_equals","in","and","stringify","addQueryPrefix","some","all","size","_","length","newCount","current","useSelection"],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useListQuery } from '../ListQuery/index.js'\nimport { useLocale } from '../Locale/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  getQueryParams: (additionalParams?: Where) => string\n  getSelectedIds: () => (number | string)[]\n  selectAll: SelectAllStatus\n  selected: Map<number | string, boolean>\n  selectedIDs: (number | string)[]\n  setSelection: (id: number | string) => void\n  /**\n   * Selects all rows on the current page within the current query.\n   * If `allAvailable` is true, does not select specific IDs so that the query itself affects all rows across all pages.\n   */\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({\n  count: undefined,\n  getQueryParams: (additionalParams?: Where) => '',\n  getSelectedIds: () => [],\n  selectAll: undefined,\n  selected: new Map(),\n  selectedIDs: [],\n  setSelection: (id: number | string) => {},\n  toggleAll: (toggleAll: boolean) => {},\n  totalDocs: undefined,\n} satisfies SelectionContext)\n\ntype Props = {\n  readonly children: React.ReactNode\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  readonly docs: any[]\n  readonly totalDocs: number\n}\n\nconst reduceActiveSelections = (selected: Map<number | string, boolean>): (number | string)[] => {\n  const ids = []\n\n  for (const [key, value] of selected) {\n    if (value) {\n      ids.push(key)\n    }\n  }\n\n  return ids\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n  const { user } = useAuth()\n\n  const { code: locale } = useLocale()\n\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = new Map()\n\n    docs.forEach(({ id }) => {\n      rows.set(id, false)\n    })\n\n    return rows\n  })\n\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const searchParams = useSearchParams()\n  const { query } = useListQuery()\n\n  const toggleAll: SelectionContext['toggleAll'] = useCallback(\n    (allAvailable = false) => {\n      const rows = new Map()\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, true)\n          }\n        })\n      } else if (\n        // Reset back to `None` if we previously had any type of selection\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n      } else {\n        docs.forEach(({ id, _isLocked, _userEditing }) => {\n          if (!_isLocked || _userEditing?.id === user?.id) {\n            rows.set(id, selectAll !== SelectAllStatus.Some)\n          }\n        })\n      }\n\n      setSelected(rows)\n    },\n    [docs, selectAll, user?.id],\n  )\n\n  const setSelection: SelectionContext['setSelection'] = useCallback(\n    (id) => {\n      const doc = docs.find((doc) => doc.id === id)\n\n      if (doc?._isLocked && user?.id !== doc?._userEditing.id) {\n        return // Prevent selection if the document is locked\n      }\n\n      const existingValue = selected.get(id)\n      const isSelected = typeof existingValue === 'boolean' ? !existingValue : true\n\n      const newMap = new Map(selected.set(id, isSelected))\n\n      // If previously selected all and now deselecting, adjust status\n      if (selectAll === SelectAllStatus.AllAvailable && !isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n\n      setSelected(newMap)\n    },\n    [selected, docs, selectAll, user?.id],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalWhereParams?: Where): string => {\n      let where: Where\n\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = parseSearchParams(searchParams)?.where as Where\n\n        where = params || {\n          id: {\n            not_equals: '',\n          },\n        }\n      } else {\n        const ids = []\n\n        for (const [key, value] of selected) {\n          if (value) {\n            ids.push(key)\n          }\n        }\n\n        where = {\n          id: {\n            in: ids,\n          },\n        }\n      }\n\n      if (additionalWhereParams) {\n        where = {\n          and: [{ ...additionalWhereParams }, where],\n        }\n      }\n\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  const getSelectedIds = useCallback(() => reduceActiveSelections(selected), [selected])\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n\n    if (!selected.size) {\n      all = false\n      some = false\n    } else {\n      for (const [_, value] of selected) {\n        all = all && value\n        some = some || value\n      }\n    }\n\n    if (all && selected.size === docs.length) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected, totalDocs, docs])\n\n  useEffect(() => {\n    let newCount = 0\n\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      newCount = totalDocs\n    } else {\n      for (const [_, value] of selected) {\n        if (value) {\n          newCount++\n        }\n      }\n    }\n\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  useEffect(() => {\n    setSelectAll(SelectAllStatus.None)\n    setSelected(new Map())\n  }, [query])\n\n  const selectedIDs = useMemo(() => reduceActiveSelections(selected), [selected])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    getSelectedIds,\n    selectAll,\n    selected,\n    selectedIDs,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context value={contextRef.current}>{children}</Context>\n}\n\nexport const useSelection = (): SelectionContext => use(Context)\n"],"names":["useSearchParams","qs","React","createContext","use","useCallback","useEffect","useMemo","useRef","useState","parseSearchParams","useAuth","useListQuery","useLocale","SelectAllStatus","Context","count","undefined","getQueryParams","additionalParams","getSelectedIds","selectAll","selected","Map","selectedIDs","setSelection","id","toggleAll","totalDocs","reduceActiveSelections","ids","key","value","push","SelectionProvider","children","docs","contextRef","user","code","locale","setSelected","rows","forEach","set","setSelectAll","setCount","searchParams","query","allAvailable","_isLocked","_userEditing","doc","find","existingValue","get","isSelected","newMap","additionalWhereParams","where","params","not_equals","in","and","stringify","addQueryPrefix","some","all","size","_","length","newCount","current","useSelection"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ,qBAAoB;AACpD,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,aAAa,EAAEC,GAAG,EAAEC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEpG,SAASC,iBAAiB,QAAQ,uCAAsC;AACxE,SAASC,OAAO,QAAQ,mBAAkB;AAC1C,SAASC,YAAY,QAAQ,wBAAuB;AACpD,SAASC,SAAS,QAAQ,qBAAoB;AAE9C,OAAO,IAAA,AAAKC,yCAAAA;;;;;WAAAA;MAKX;AAYC;;;GAGC,GAKH,MAAMC,wBAAUZ,cAAc;IAC5Ba,OAAOC;IACPC,gBAAgB,CAACC,mBAA6B;IAC9CC,gBAAgB,IAAM,EAAE;IACxBC,WAAWJ;IACXK,UAAU,IAAIC;IACdC,aAAa,EAAE;IACfC,cAAc,CAACC,MAAyB;IACxCC,WAAW,CAACA,aAAwB;IACpCC,WAAWX;AACb;AAIE,8DAA8D;AAKhE,MAAMY,yBAAyB,CAACP;IAC9B,MAAMQ,MAAM,EAAE;IAEd,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIV,SAAU;QACnC,IAAIU,OAAO;YACTF,IAAIG,IAAI,CAACF;QACX;IACF;IAEA,OAAOD;AACT;AAEA,OAAO,MAAMI,oBAAqC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE,EAAER,SAAS,EAAE;IACnF,MAAMS,aAAa7B,OAAO,CAAC;IAC3B,MAAM,EAAE8B,IAAI,EAAE,GAAG3B;IAEjB,MAAM,EAAE4B,MAAMC,MAAM,EAAE,GAAG3B;IAEzB,MAAM,CAACS,UAAUmB,YAAY,GAAGhC,SAAuC;QACrE,MAAMiC,OAAO,IAAInB;QAEjBa,KAAKO,OAAO,CAAC,CAAC,EAAEjB,EAAE,EAAE;YAClBgB,KAAKE,GAAG,CAAClB,IAAI;QACf;QAEA,OAAOgB;IACT;IAEA,MAAM,CAACrB,WAAWwB,aAAa,GAAGpC;IAClC,MAAM,CAACO,OAAO8B,SAAS,GAAGrC,SAAS;IACnC,MAAMsC,eAAe/C;IACrB,MAAM,EAAEgD,KAAK,EAAE,GAAGpC;IAElB,MAAMe,YAA2CtB,YAC/C,CAAC4C,eAAe,KAAK;QACnB,MAAMP,OAAO,IAAInB;QACjB,IAAI0B,cAAc;YAChBJ;YAEAT,KAAKO,OAAO,CAAC,CAAC,EAAEjB,EAAE,EAAEwB,SAAS,EAAEC,YAAY,EAAE;gBAC3C,IAAI,CAACD,aAAaC,cAAczB,OAAOY,MAAMZ,IAAI;oBAC/CgB,KAAKE,GAAG,CAAClB,IAAI;gBACf;YACF;QACF,OAAO,IACL,kEAAkE;QAClEL,gCACAA,2BACA;YACAwB;QACF,OAAO;YACLT,KAAKO,OAAO,CAAC,CAAC,EAAEjB,EAAE,EAAEwB,SAAS,EAAEC,YAAY,EAAE;gBAC3C,IAAI,CAACD,aAAaC,cAAczB,OAAOY,MAAMZ,IAAI;oBAC/CgB,KAAKE,GAAG,CAAClB,IAAIL;gBACf;YACF;QACF;QAEAoB,YAAYC;IACd,GACA;QAACN;QAAMf;QAAWiB,MAAMZ;KAAG;IAG7B,MAAMD,eAAiDpB,YACrD,CAACqB;QACC,MAAM0B,MAAMhB,KAAKiB,IAAI,CAAC,CAACD,MAAQA,IAAI1B,EAAE,KAAKA;QAE1C,IAAI0B,KAAKF,aAAaZ,MAAMZ,OAAO0B,KAAKD,aAAazB,IAAI;YACvD;QACF;QADS,8CAA8C;QAGvD,MAAM4B,gBAAgBhC,SAASiC,GAAG,CAAC7B;QACnC,MAAM8B,aAAa,OAAOF,kBAAkB,YAAY,CAACA,gBAAgB;QAEzE,MAAMG,SAAS,IAAIlC,IAAID,SAASsB,GAAG,CAAClB,IAAI8B;QAExC,gEAAgE;QAChE,IAAInC,gCAA8C,CAACmC,YAAY;YAC7DX;QACF;QAEAJ,YAAYgB;IACd,GACA;QAACnC;QAAUc;QAAMf;QAAWiB,MAAMZ;KAAG;IAGvC,MAAMR,iBAAiBb,YACrB,CAACqD;QACC,IAAIC;QAEJ,IAAItC,8BAA4C;YAC9C,MAAMuC,SAASlD,kBAAkBqC,eAAeY;YAEhDA,QAAQC,UAAU;gBAChBlC,IAAI;oBACFmC,YAAY;gBACd;YACF;QACF,OAAO;YACL,MAAM/B,MAAM,EAAE;YAEd,KAAK,MAAM,CAACC,KAAKC,MAAM,IAAIV,SAAU;gBACnC,IAAIU,OAAO;oBACTF,IAAIG,IAAI,CAACF;gBACX;YACF;YAEA4B,QAAQ;gBACNjC,IAAI;oBACFoC,IAAIhC;gBACN;YACF;QACF;QAEA,IAAI4B,uBAAuB;YACzBC,QAAQ;gBACNI,KAAK;oBAAC;wBAAE,GAAGL,qBAAqB;oBAAC;oBAAGC;iBAAM;YAC5C;QACF;QAEA,OAAO1D,GAAG+D,SAAS,CACjB;YACExB;YACAmB;QACF,GACA;YAAEM,gBAAgB;QAAK;IAE3B,GACA;QAAC5C;QAAWC;QAAUkB;QAAQO;KAAa;IAG7C,MAAM3B,iBAAiBf,YAAY,IAAMwB,uBAAuBP,WAAW;QAACA;KAAS;IAErFhB,UAAU;QACR,IAAIe,8BAA4C;YAC9C;QACF;QACA,IAAI6C,OAAO;QACX,IAAIC,MAAM;QAEV,IAAI,CAAC7C,SAAS8C,IAAI,EAAE;YAClBD,MAAM;YACND,OAAO;QACT,OAAO;YACL,KAAK,MAAM,CAACG,GAAGrC,MAAM,IAAIV,SAAU;gBACjC6C,MAAMA,OAAOnC;gBACbkC,OAAOA,QAAQlC;YACjB;QACF;QAEA,IAAImC,OAAO7C,SAAS8C,IAAI,KAAKhC,KAAKkC,MAAM,EAAE;YACxCzB;QACF,OAAO,IAAIqB,MAAM;YACfrB;QACF,OAAO;YACLA;QACF;IACF,GAAG;QAACxB;QAAWC;QAAUM;QAAWQ;KAAK;IAEzC9B,UAAU;QACR,IAAIiE,WAAW;QAEf,IAAIlD,8BAA4C;YAC9CkD,WAAW3C;QACb,OAAO;YACL,KAAK,MAAM,CAACyC,GAAGrC,MAAM,IAAIV,SAAU;gBACjC,IAAIU,OAAO;oBACTuC;gBACF;YACF;QACF;QAEAzB,SAASyB;IACX,GAAG;QAAClD;QAAWC;QAAUM;KAAU;IAEnCtB,UAAU;QACRuC;QACAJ,YAAY,IAAIlB;IAClB,GAAG;QAACyB;KAAM;IAEV,MAAMxB,cAAcjB,QAAQ,IAAMsB,uBAAuBP,WAAW;QAACA;KAAS;IAE9Ee,WAAWmC,OAAO,GAAG;QACnBxD;QACAE;QACAE;QACAC;QACAC;QACAE;QACAC;QACAE;QACAC;IACF;IAEA,qBAAO,QAACb;QAAQiB,OAAOK,WAAWmC,OAAO;kBAAGrC;;;;;;AAC9C,EAAC;AAED,OAAO,MAAMsC,eAAe,IAAwBrE,IAAIW,SAAQ"}

package/dist/providers/ServerFunctions/index.js

@@ -1,5 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { createContext, useCallback } from 'react';
+/**
+   * Properties specific to the versions view
+   */ // No req or importMap - those are augmented by handleServerFunctions
 export const ServerFunctionsContext = /*#__PURE__*/ createContext(undefined);
 export const useServerFunctions = ()=>{
     const context = React.use(ServerFunctionsContext);
@@ -34,9 +37,9 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
                 }
             }
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
+        // eslint-disable-line no-console
         let error = `Error scheduling ${rest.type}`;
         if (rest.doc) {
             error += ` for document with ID ${rest.doc.value} in collection ${rest.doc.relationTo}`;
@@ -64,9 +67,9 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
                 }
             }
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
+        // eslint-disable-line no-console
         return {
             state: null
         };
@@ -90,11 +93,11 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
                 }
             }
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
+    }, // eslint-disable-line no-console
     // return { state: args.formState }
-    }, [
+    [
         serverFunction
     ]);
     const renderDocument = useCallback(async (args)=>{
@@ -110,10 +113,10 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
             // TODO: infer this type when `strictNullChecks` is enabled
             return result;
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
-    }, [
+    }, // eslint-disable-line no-console
+    [
         serverFunction
     ]);
     const copyDataFromLocale = useCallback(async (args)=>{
@@ -127,10 +130,10 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
                 return result;
             }
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
-    }, [
+    }, // eslint-disable-line no-console
+    [
         serverFunction
     ]);
     const getFolderResultsComponentAndData = useCallback(async (args)=>{
@@ -144,10 +147,10 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
                 return result;
             }
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
-    }, [
+    }, // eslint-disable-line no-console
+    [
         serverFunction
     ]);
     const _internal_renderField = useCallback(async (args)=>{
@@ -158,10 +161,10 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
             });
             return result;
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
-    }, [
+    }, // eslint-disable-line no-console
+    [
         serverFunction
     ]);
     const slugify = useCallback(async (args)=>{
@@ -176,13 +179,13 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
             // TODO: infer this type when `strictNullChecks` is enabled
             return result;
         } catch (_err) {
-            console.error(_err) // eslint-disable-line no-console
-            ;
+            console.error(_err);
         }
-    }, [
+    }, // eslint-disable-line no-console
+    [
         serverFunction
     ]);
-    return /*#__PURE__*/ _jsx(ServerFunctionsContext, {
+    return /*#__PURE__*/ _jsxDEV(ServerFunctionsContext, {
         value: {
             _internal_renderField,
             copyDataFromLocale,
@@ -196,7 +199,11 @@ export const ServerFunctionsProvider = ({ children, serverFunction })=>{
             slugify
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/providers/ServerFunctions/index.tsx",
+        lineNumber: 332,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/ServerFunctions/index.tsx"],"sourcesContent":["import type {\n  AdminViewServerPropsOnly,\n  BuildFormStateArgs,\n  BuildTableStateArgs,\n  Data,\n  DocumentPreferences,\n  DocumentSlots,\n  FormState,\n  GetFolderResultsComponentAndDataArgs,\n  Locale,\n  Params,\n  RenderDocumentVersionsProperties,\n  ServerFunction,\n  ServerFunctionClient,\n  SlugifyServerFunctionArgs,\n} from 'payload'\nimport type { Slugify } from 'payload/shared'\n\nimport React, { createContext, useCallback } from 'react'\n\nimport type {\n  RenderFieldServerFnArgs,\n  RenderFieldServerFnReturnType,\n} from '../../forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.js'\nimport type { buildFormStateHandler } from '../../utilities/buildFormState.js'\nimport type { buildTableStateHandler } from '../../utilities/buildTableState.js'\nimport type { CopyDataFromLocaleArgs } from '../../utilities/copyDataFromLocale.js'\nimport type { getFolderResultsComponentAndDataHandler } from '../../utilities/getFolderResultsComponentAndData.js'\nimport type {\n  schedulePublishHandler,\n  SchedulePublishHandlerArgs,\n} from '../../utilities/schedulePublishHandler.js'\n\ntype GetFormStateClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<BuildFormStateArgs, 'clientConfig' | 'req'>,\n) => ReturnType<typeof buildFormStateHandler>\n\ntype SchedulePublishClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<SchedulePublishHandlerArgs, 'clientConfig' | 'req'>,\n) => ReturnType<typeof schedulePublishHandler>\n\ntype GetTableStateClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<BuildTableStateArgs, 'clientConfig' | 'req'>,\n) => ReturnType<typeof buildTableStateHandler>\n\ntype SlugifyClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<SlugifyServerFunctionArgs, 'clientConfig' | 'req'>,\n) => ReturnType<Slugify>\n\nexport type RenderDocumentResult = {\n  data: any\n  Document: React.ReactNode\n  preferences: DocumentPreferences\n}\n\ntype RenderDocumentBaseArgs = {\n  collectionSlug: string\n  disableActions?: boolean\n  docID: number | string\n  drawerSlug?: string\n  initialData?: Data\n  initialState?: FormState\n  locale?: Locale\n  overrideEntityVisibility?: boolean\n  paramsOverride?: AdminViewServerPropsOnly['params']\n  redirectAfterCreate?: boolean\n  redirectAfterDelete: boolean\n  redirectAfterDuplicate: boolean\n  redirectAfterRestore?: boolean\n  searchParams?: Params\n  /**\n   * Properties specific to the versions view\n   */\n  versions?: RenderDocumentVersionsProperties\n}\n\nexport type RenderDocumentServerFunction = ServerFunction<\n  RenderDocumentBaseArgs,\n  Promise<RenderDocumentResult>\n>\n\ntype RenderDocumentServerFunctionHookFn = (\n  // No req or importMap - those are augmented by handleServerFunctions\n  args: {\n    signal?: AbortSignal\n  } & RenderDocumentBaseArgs,\n) => Promise<RenderDocumentResult>\n\ntype CopyDataFromLocaleClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<CopyDataFromLocaleArgs, 'req'>,\n) => Promise<{ data: Data }>\n\ntype GetDocumentSlots = (args: {\n  collectionSlug: string\n  id?: number | string\n  signal?: AbortSignal\n}) => Promise<DocumentSlots>\n\ntype GetFolderResultsComponentAndDataClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<GetFolderResultsComponentAndDataArgs, 'req'>,\n) => ReturnType<typeof getFolderResultsComponentAndDataHandler>\n\ntype RenderFieldClient = (args: RenderFieldServerFnArgs) => Promise<RenderFieldServerFnReturnType>\n\nexport type ServerFunctionsContextType = {\n  _internal_renderField: RenderFieldClient\n  copyDataFromLocale: CopyDataFromLocaleClient\n  getDocumentSlots: GetDocumentSlots\n  getFolderResultsComponentAndData: GetFolderResultsComponentAndDataClient\n  getFormState: GetFormStateClient\n  getTableState: GetTableStateClient\n  renderDocument: RenderDocumentServerFunctionHookFn\n  schedulePublish: SchedulePublishClient\n  serverFunction: ServerFunctionClient\n  slugify: SlugifyClient\n}\n\nexport const ServerFunctionsContext = createContext<ServerFunctionsContextType | undefined>(\n  undefined,\n)\n\nexport const useServerFunctions = () => {\n  const context = React.use(ServerFunctionsContext)\n  if (context === undefined) {\n    throw new Error('useServerFunctions must be used within a ServerFunctionsProvider')\n  }\n  return context\n}\n\nexport const ServerFunctionsProvider: React.FC<{\n  children: React.ReactNode\n  serverFunction: ServerFunctionClient\n}> = ({ children, serverFunction }) => {\n  if (!serverFunction) {\n    throw new Error('ServerFunctionsProvider requires a serverFunction prop')\n  }\n\n  const getDocumentSlots = useCallback<GetDocumentSlots>(\n    async (args) =>\n      await serverFunction({\n        name: 'render-document-slots',\n        args,\n      }),\n    [serverFunction],\n  )\n\n  const schedulePublish = useCallback<SchedulePublishClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args\n\n      try {\n        if (!remoteSignal?.aborted) {\n          const result = (await serverFunction({\n            name: 'schedule-publish',\n            args: { ...rest },\n          })) as Awaited<ReturnType<typeof schedulePublishHandler>> // TODO: infer this type when `strictNullChecks` is enabled\n\n          if (!remoteSignal?.aborted) {\n            return result\n          }\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n\n      let error = `Error scheduling ${rest.type}`\n\n      if (rest.doc) {\n        error += ` for document with ID ${rest.doc.value} in collection ${rest.doc.relationTo}`\n      }\n\n      return { error }\n    },\n    [serverFunction],\n  )\n\n  const getFormState = useCallback<GetFormStateClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        if (!remoteSignal?.aborted) {\n          const result = (await serverFunction({\n            name: 'form-state',\n            args: { fallbackLocale: false, ...rest },\n          })) as Awaited<ReturnType<typeof buildFormStateHandler>> // TODO: infer this type when `strictNullChecks` is enabled\n\n          if (!remoteSignal?.aborted) {\n            return result\n          }\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n\n      return { state: null }\n    },\n    [serverFunction],\n  )\n\n  const getTableState = useCallback<GetTableStateClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        if (!remoteSignal?.aborted) {\n          const result = (await serverFunction({\n            name: 'table-state',\n            args: { fallbackLocale: false, ...rest },\n          })) as Awaited<ReturnType<typeof buildTableStateHandler>> // TODO: infer this type when `strictNullChecks` is enabled\n\n          if (!remoteSignal?.aborted) {\n            return result\n          }\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n\n      // return { state: args.formState }\n    },\n    [serverFunction],\n  )\n\n  const renderDocument = useCallback<RenderDocumentServerFunctionHookFn>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n      try {\n        const result = (await serverFunction({\n          name: 'render-document',\n          args: {\n            fallbackLocale: false,\n            ...rest,\n          } as Parameters<RenderDocumentServerFunctionHookFn>[0],\n        })) as Awaited<ReturnType<RenderDocumentServerFunctionHookFn>> // TODO: infer this type when `strictNullChecks` is enabled\n\n        return result\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const copyDataFromLocale = useCallback<CopyDataFromLocaleClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        const result = (await serverFunction({\n          name: 'copy-data-from-locale',\n          args: rest,\n        })) as { data: Data }\n\n        if (!remoteSignal?.aborted) {\n          return result\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const getFolderResultsComponentAndData = useCallback<GetFolderResultsComponentAndDataClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        const result = (await serverFunction({\n          name: 'get-folder-results-component-and-data',\n          args: rest,\n        })) as Awaited<ReturnType<typeof getFolderResultsComponentAndDataHandler>>\n\n        if (!remoteSignal?.aborted) {\n          return result\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const _internal_renderField = useCallback<RenderFieldClient>(\n    async (args) => {\n      try {\n        const result = (await serverFunction({\n          name: 'render-field',\n          args,\n        })) as RenderFieldServerFnReturnType\n\n        return result\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const slugify = useCallback<SlugifyClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        const result = (await serverFunction({\n          name: 'slugify',\n          args: { ...rest },\n        })) as Awaited<ReturnType<Slugify>> // TODO: infer this type when `strictNullChecks` is enabled\n\n        return result\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  return (\n    <ServerFunctionsContext\n      value={{\n        _internal_renderField,\n        copyDataFromLocale,\n        getDocumentSlots,\n        getFolderResultsComponentAndData,\n        getFormState,\n        getTableState,\n        renderDocument,\n        schedulePublish,\n        serverFunction,\n        slugify,\n      }}\n    >\n      {children}\n    </ServerFunctionsContext>\n  )\n}\n"],"names":["React","createContext","useCallback","ServerFunctionsContext","undefined","useServerFunctions","context","use","Error","ServerFunctionsProvider","children","serverFunction","getDocumentSlots","args","name","schedulePublish","signal","remoteSignal","rest","aborted","result","_err","console","error","type","doc","value","relationTo","getFormState","fallbackLocale","state","getTableState","renderDocument","copyDataFromLocale","getFolderResultsComponentAndData","_internal_renderField","slugify"],"mappings":"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"}
+{"version":3,"sources":["../../../src/providers/ServerFunctions/index.tsx"],"sourcesContent":["import type {\n  AdminViewServerPropsOnly,\n  BuildFormStateArgs,\n  BuildTableStateArgs,\n  Data,\n  DocumentPreferences,\n  DocumentSlots,\n  FormState,\n  GetFolderResultsComponentAndDataArgs,\n  Locale,\n  Params,\n  RenderDocumentVersionsProperties,\n  ServerFunction,\n  ServerFunctionClient,\n  SlugifyServerFunctionArgs,\n} from 'payload'\nimport type { Slugify } from 'payload/shared'\n\nimport React, { createContext, useCallback } from 'react'\n\nimport type {\n  RenderFieldServerFnArgs,\n  RenderFieldServerFnReturnType,\n} from '../../forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.js'\nimport type { buildFormStateHandler } from '../../utilities/buildFormState.js'\nimport type { buildTableStateHandler } from '../../utilities/buildTableState.js'\nimport type { CopyDataFromLocaleArgs } from '../../utilities/copyDataFromLocale.js'\nimport type { getFolderResultsComponentAndDataHandler } from '../../utilities/getFolderResultsComponentAndData.js'\nimport type {\n  schedulePublishHandler,\n  SchedulePublishHandlerArgs,\n} from '../../utilities/schedulePublishHandler.js'\n\ntype GetFormStateClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<BuildFormStateArgs, 'clientConfig' | 'req'>,\n) => ReturnType<typeof buildFormStateHandler>\n\ntype SchedulePublishClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<SchedulePublishHandlerArgs, 'clientConfig' | 'req'>,\n) => ReturnType<typeof schedulePublishHandler>\n\ntype GetTableStateClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<BuildTableStateArgs, 'clientConfig' | 'req'>,\n) => ReturnType<typeof buildTableStateHandler>\n\ntype SlugifyClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<SlugifyServerFunctionArgs, 'clientConfig' | 'req'>,\n) => ReturnType<Slugify>\n\nexport type RenderDocumentResult = {\n  data: any\n  Document: React.ReactNode\n  preferences: DocumentPreferences\n}\n\ntype RenderDocumentBaseArgs = {\n  collectionSlug: string\n  disableActions?: boolean\n  docID: number | string\n  drawerSlug?: string\n  initialData?: Data\n  initialState?: FormState\n  locale?: Locale\n  overrideEntityVisibility?: boolean\n  paramsOverride?: AdminViewServerPropsOnly['params']\n  redirectAfterCreate?: boolean\n  redirectAfterDelete: boolean\n  redirectAfterDuplicate: boolean\n  redirectAfterRestore?: boolean\n  searchParams?: Params\n  /**\n   * Properties specific to the versions view\n   */\n  versions?: RenderDocumentVersionsProperties\n}\n\nexport type RenderDocumentServerFunction = ServerFunction<\n  RenderDocumentBaseArgs,\n  Promise<RenderDocumentResult>\n>\n\ntype RenderDocumentServerFunctionHookFn = (\n  // No req or importMap - those are augmented by handleServerFunctions\n  args: {\n    signal?: AbortSignal\n  } & RenderDocumentBaseArgs,\n) => Promise<RenderDocumentResult>\n\ntype CopyDataFromLocaleClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<CopyDataFromLocaleArgs, 'req'>,\n) => Promise<{ data: Data }>\n\ntype GetDocumentSlots = (args: {\n  collectionSlug: string\n  id?: number | string\n  signal?: AbortSignal\n}) => Promise<DocumentSlots>\n\ntype GetFolderResultsComponentAndDataClient = (\n  args: {\n    signal?: AbortSignal\n  } & Omit<GetFolderResultsComponentAndDataArgs, 'req'>,\n) => ReturnType<typeof getFolderResultsComponentAndDataHandler>\n\ntype RenderFieldClient = (args: RenderFieldServerFnArgs) => Promise<RenderFieldServerFnReturnType>\n\nexport type ServerFunctionsContextType = {\n  _internal_renderField: RenderFieldClient\n  copyDataFromLocale: CopyDataFromLocaleClient\n  getDocumentSlots: GetDocumentSlots\n  getFolderResultsComponentAndData: GetFolderResultsComponentAndDataClient\n  getFormState: GetFormStateClient\n  getTableState: GetTableStateClient\n  renderDocument: RenderDocumentServerFunctionHookFn\n  schedulePublish: SchedulePublishClient\n  serverFunction: ServerFunctionClient\n  slugify: SlugifyClient\n}\n\nexport const ServerFunctionsContext = createContext<ServerFunctionsContextType | undefined>(\n  undefined,\n)\n\nexport const useServerFunctions = () => {\n  const context = React.use(ServerFunctionsContext)\n  if (context === undefined) {\n    throw new Error('useServerFunctions must be used within a ServerFunctionsProvider')\n  }\n  return context\n}\n\nexport const ServerFunctionsProvider: React.FC<{\n  children: React.ReactNode\n  serverFunction: ServerFunctionClient\n}> = ({ children, serverFunction }) => {\n  if (!serverFunction) {\n    throw new Error('ServerFunctionsProvider requires a serverFunction prop')\n  }\n\n  const getDocumentSlots = useCallback<GetDocumentSlots>(\n    async (args) =>\n      await serverFunction({\n        name: 'render-document-slots',\n        args,\n      }),\n    [serverFunction],\n  )\n\n  const schedulePublish = useCallback<SchedulePublishClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args\n\n      try {\n        if (!remoteSignal?.aborted) {\n          const result = (await serverFunction({\n            name: 'schedule-publish',\n            args: { ...rest },\n          })) as Awaited<ReturnType<typeof schedulePublishHandler>> // TODO: infer this type when `strictNullChecks` is enabled\n\n          if (!remoteSignal?.aborted) {\n            return result\n          }\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n\n      let error = `Error scheduling ${rest.type}`\n\n      if (rest.doc) {\n        error += ` for document with ID ${rest.doc.value} in collection ${rest.doc.relationTo}`\n      }\n\n      return { error }\n    },\n    [serverFunction],\n  )\n\n  const getFormState = useCallback<GetFormStateClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        if (!remoteSignal?.aborted) {\n          const result = (await serverFunction({\n            name: 'form-state',\n            args: { fallbackLocale: false, ...rest },\n          })) as Awaited<ReturnType<typeof buildFormStateHandler>> // TODO: infer this type when `strictNullChecks` is enabled\n\n          if (!remoteSignal?.aborted) {\n            return result\n          }\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n\n      return { state: null }\n    },\n    [serverFunction],\n  )\n\n  const getTableState = useCallback<GetTableStateClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        if (!remoteSignal?.aborted) {\n          const result = (await serverFunction({\n            name: 'table-state',\n            args: { fallbackLocale: false, ...rest },\n          })) as Awaited<ReturnType<typeof buildTableStateHandler>> // TODO: infer this type when `strictNullChecks` is enabled\n\n          if (!remoteSignal?.aborted) {\n            return result\n          }\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n\n      // return { state: args.formState }\n    },\n    [serverFunction],\n  )\n\n  const renderDocument = useCallback<RenderDocumentServerFunctionHookFn>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n      try {\n        const result = (await serverFunction({\n          name: 'render-document',\n          args: {\n            fallbackLocale: false,\n            ...rest,\n          } as Parameters<RenderDocumentServerFunctionHookFn>[0],\n        })) as Awaited<ReturnType<RenderDocumentServerFunctionHookFn>> // TODO: infer this type when `strictNullChecks` is enabled\n\n        return result\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const copyDataFromLocale = useCallback<CopyDataFromLocaleClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        const result = (await serverFunction({\n          name: 'copy-data-from-locale',\n          args: rest,\n        })) as { data: Data }\n\n        if (!remoteSignal?.aborted) {\n          return result\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const getFolderResultsComponentAndData = useCallback<GetFolderResultsComponentAndDataClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        const result = (await serverFunction({\n          name: 'get-folder-results-component-and-data',\n          args: rest,\n        })) as Awaited<ReturnType<typeof getFolderResultsComponentAndDataHandler>>\n\n        if (!remoteSignal?.aborted) {\n          return result\n        }\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const _internal_renderField = useCallback<RenderFieldClient>(\n    async (args) => {\n      try {\n        const result = (await serverFunction({\n          name: 'render-field',\n          args,\n        })) as RenderFieldServerFnReturnType\n\n        return result\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  const slugify = useCallback<SlugifyClient>(\n    async (args) => {\n      const { signal: remoteSignal, ...rest } = args || {}\n\n      try {\n        const result = (await serverFunction({\n          name: 'slugify',\n          args: { ...rest },\n        })) as Awaited<ReturnType<Slugify>> // TODO: infer this type when `strictNullChecks` is enabled\n\n        return result\n      } catch (_err) {\n        console.error(_err) // eslint-disable-line no-console\n      }\n    },\n    [serverFunction],\n  )\n\n  return (\n    <ServerFunctionsContext\n      value={{\n        _internal_renderField,\n        copyDataFromLocale,\n        getDocumentSlots,\n        getFolderResultsComponentAndData,\n        getFormState,\n        getTableState,\n        renderDocument,\n        schedulePublish,\n        serverFunction,\n        slugify,\n      }}\n    >\n      {children}\n    </ServerFunctionsContext>\n  )\n}\n"],"names":["React","createContext","useCallback","ServerFunctionsContext","undefined","useServerFunctions","context","use","Error","ServerFunctionsProvider","children","serverFunction","getDocumentSlots","args","name","schedulePublish","signal","remoteSignal","rest","aborted","result","_err","console","error","type","doc","value","relationTo","getFormState","fallbackLocale","state","getTableState","renderDocument","copyDataFromLocale","getFolderResultsComponentAndData","_internal_renderField","slugify"],"mappings":";AAkBA,OAAOA,SAASC,aAAa,EAAEC,WAAW,QAAQ,QAAO;AA4DvD;;GAEC,GAUD,qEAAqE;AAuCvE,OAAO,MAAMC,uCAAyBF,cACpCG,WACD;AAED,OAAO,MAAMC,qBAAqB;IAChC,MAAMC,UAAUN,MAAMO,GAAG,CAACJ;IAC1B,IAAIG,YAAYF,WAAW;QACzB,MAAM,IAAII,MAAM;IAClB;IACA,OAAOF;AACT,EAAC;AAED,OAAO,MAAMG,0BAGR,CAAC,EAAEC,QAAQ,EAAEC,cAAc,EAAE;IAChC,IAAI,CAACA,gBAAgB;QACnB,MAAM,IAAIH,MAAM;IAClB;IAEA,MAAMI,mBAAmBV,YACvB,OAAOW,OACL,MAAMF,eAAe;YACnBG,MAAM;YACND;QACF,IACF;QAACF;KAAe;IAGlB,MAAMI,kBAAkBb,YACtB,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL;QAE1C,IAAI;YACF,IAAI,CAACI,cAAcE,SAAS;gBAC1B,MAAMC,SAAU,MAAMT,eAAe;oBACnCG,MAAM;oBACND,MAAM;wBAAE,GAAGK,IAAI;oBAAC;gBAClB;gBAA0D,2DAA2D;gBAErH,IAAI,CAACD,cAAcE,SAAS;oBAC1B,OAAOC;gBACT;YACF;QACF,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;QADsB,iCAAiC;QAGvD,IAAIE,QAAQ,CAAC,iBAAiB,EAAEL,KAAKM,IAAI,EAAE;QAE3C,IAAIN,KAAKO,GAAG,EAAE;YACZF,SAAS,CAAC,sBAAsB,EAAEL,KAAKO,GAAG,CAACC,KAAK,CAAC,eAAe,EAAER,KAAKO,GAAG,CAACE,UAAU,EAAE;QACzF;QAEA,OAAO;YAAEJ;QAAM;IACjB,GACA;QAACZ;KAAe;IAGlB,MAAMiB,eAAe1B,YACnB,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL,QAAQ,CAAC;QAEnD,IAAI;YACF,IAAI,CAACI,cAAcE,SAAS;gBAC1B,MAAMC,SAAU,MAAMT,eAAe;oBACnCG,MAAM;oBACND,MAAM;wBAAEgB,gBAAgB;wBAAO,GAAGX,IAAI;oBAAC;gBACzC;gBAAyD,2DAA2D;gBAEpH,IAAI,CAACD,cAAcE,SAAS;oBAC1B,OAAOC;gBACT;YACF;QACF,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;QADsB,iCAAiC;QAGvD,OAAO;YAAES,OAAO;QAAK;IACvB,GACA;QAACnB;KAAe;IAGlB,MAAMoB,gBAAgB7B,YACpB,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL,QAAQ,CAAC;QAEnD,IAAI;YACF,IAAI,CAACI,cAAcE,SAAS;gBAC1B,MAAMC,SAAU,MAAMT,eAAe;oBACnCG,MAAM;oBACND,MAAM;wBAAEgB,gBAAgB;wBAAO,GAAGX,IAAI;oBAAC;gBACzC;gBAA0D,2DAA2D;gBAErH,IAAI,CAACD,cAAcE,SAAS;oBAC1B,OAAOC;gBACT;YACF;QACF,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;IAGF,GAJwB,iCAAiC;IAGvD,mCAAmC;IAErC;QAACV;KAAe;IAGlB,MAAMqB,iBAAiB9B,YACrB,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL,QAAQ,CAAC;QACnD,IAAI;YACF,MAAMO,SAAU,MAAMT,eAAe;gBACnCG,MAAM;gBACND,MAAM;oBACJgB,gBAAgB;oBAChB,GAAGX,IAAI;gBACT;YACF;YAA+D,2DAA2D;YAE1H,OAAOE;QACT,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;IACF,GAFwB,iCAAiC;IAGzD;QAACV;KAAe;IAGlB,MAAMsB,qBAAqB/B,YACzB,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL,QAAQ,CAAC;QAEnD,IAAI;YACF,MAAMO,SAAU,MAAMT,eAAe;gBACnCG,MAAM;gBACND,MAAMK;YACR;YAEA,IAAI,CAACD,cAAcE,SAAS;gBAC1B,OAAOC;YACT;QACF,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;IACF,GAFwB,iCAAiC;IAGzD;QAACV;KAAe;IAGlB,MAAMuB,mCAAmChC,YACvC,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL,QAAQ,CAAC;QAEnD,IAAI;YACF,MAAMO,SAAU,MAAMT,eAAe;gBACnCG,MAAM;gBACND,MAAMK;YACR;YAEA,IAAI,CAACD,cAAcE,SAAS;gBAC1B,OAAOC;YACT;QACF,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;IACF,GAFwB,iCAAiC;IAGzD;QAACV;KAAe;IAGlB,MAAMwB,wBAAwBjC,YAC5B,OAAOW;QACL,IAAI;YACF,MAAMO,SAAU,MAAMT,eAAe;gBACnCG,MAAM;gBACND;YACF;YAEA,OAAOO;QACT,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;IACF,GAFwB,iCAAiC;IAGzD;QAACV;KAAe;IAGlB,MAAMyB,UAAUlC,YACd,OAAOW;QACL,MAAM,EAAEG,QAAQC,YAAY,EAAE,GAAGC,MAAM,GAAGL,QAAQ,CAAC;QAEnD,IAAI;YACF,MAAMO,SAAU,MAAMT,eAAe;gBACnCG,MAAM;gBACND,MAAM;oBAAE,GAAGK,IAAI;gBAAC;YAClB;YAAoC,2DAA2D;YAE/F,OAAOE;QACT,EAAE,OAAOC,MAAM;YACbC,QAAQC,KAAK,CAACF;QAChB;IACF,GAFwB,iCAAiC;IAGzD;QAACV;KAAe;IAGlB,qBACE,QAACR;QACCuB,OAAO;YACLS;YACAF;YACArB;YACAsB;YACAN;YACAG;YACAC;YACAjB;YACAJ;YACAyB;QACF;kBAEC1B;;;;;;AAGP,EAAC"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js';
 import { DefaultCell } from '../../../elements/Table/DefaultCell/index.js';
@@ -28,12 +28,20 @@ export const RenderDefaultCell = ({ clientProps, columnIndex, isLinkedColumn })=
             }
         };
     }
-    return /*#__PURE__*/ _jsx(CellPropsContext, {
+    return /*#__PURE__*/ _jsxDEV(CellPropsContext, {
         value: propsToPass,
-        children: isLinkedColumn && LinkedCellOverride ? LinkedCellOverride : /*#__PURE__*/ _jsx(DefaultCell, {
+        children: isLinkedColumn && LinkedCellOverride ? LinkedCellOverride : /*#__PURE__*/ _jsxDEV(DefaultCell, {
             ...propsToPass
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/providers/TableColumns/RenderDefaultCell/index.tsx",
+            lineNumber: 47,
+            columnNumber: 68
+        }, this)
+    }, void 0, false, {
+        fileName: "src/providers/TableColumns/RenderDefaultCell/index.tsx",
+        lineNumber: 46,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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.scss'\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) {\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          docID: rowData.id as string,\n        })\n      }\n    }\n  }\n\n  return (\n    <CellPropsContext value={propsToPass}>\n      {isLinkedColumn && LinkedCellOverride ? LinkedCellOverride : <DefaultCell {...propsToPass} />}\n    </CellPropsContext>\n  )\n}\n"],"names":["React","useListDrawerContext","DefaultCell","useTableColumns","baseClass","CellPropsContext","createContext","useCellProps","use","RenderDefaultCell","clientProps","columnIndex","isLinkedColumn","drawerSlug","onSelect","LinkedCellOverride","propsToPass","className","link","onClick","collectionSlug","rowColl","rowData","doc","docID","id","value"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,WAAW,QAAQ,+CAA8C;AAC1E,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,iCAAmBL,MAAMM,aAAa,CAAmC;AAE/E,OAAO,MAAMC,eAAe,IAAwCP,MAAMQ,GAAG,CAACH,kBAAiB;AAE/F,OAAO,MAAMI,oBAKR,CAAC,EAAEC,WAAW,EAAEC,WAAW,EAAEC,cAAc,EAAE;IAChD,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGb;IACjC,MAAM,EAAEc,kBAAkB,EAAE,GAAGZ;IAE/B,MAAMa,cAAyC;QAC7C,GAAGN,WAAW;QACdC;IACF;IAEA,IAAIC,kBAAkBC,YAAY;QAChCG,YAAYC,SAAS,GAAG,GAAGb,UAAU,YAAY,CAAC;QAClDY,YAAYE,IAAI,GAAG;QACnBF,YAAYG,OAAO,GAAG,CAAC,EAAEC,gBAAgBC,OAAO,EAAEC,OAAO,EAAE;YACzD,IAAI,OAAOR,aAAa,YAAY;gBAClCA,SAAS;oBACPM,gBAAgBC;oBAChBE,KAAKD;oBACLE,OAAOF,QAAQG,EAAE;gBACnB;YACF;QACF;IACF;IAEA,qBACE,KAACpB;QAAiBqB,OAAOV;kBACtBJ,kBAAkBG,qBAAqBA,mCAAqB,KAACb;YAAa,GAAGc,WAAW;;;AAG/F,EAAC"}
+{"version":3,"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.scss'\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) {\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          docID: rowData.id as string,\n        })\n      }\n    }\n  }\n\n  return (\n    <CellPropsContext value={propsToPass}>\n      {isLinkedColumn && LinkedCellOverride ? LinkedCellOverride : <DefaultCell {...propsToPass} />}\n    </CellPropsContext>\n  )\n}\n"],"names":["React","useListDrawerContext","DefaultCell","useTableColumns","baseClass","CellPropsContext","createContext","useCellProps","use","RenderDefaultCell","clientProps","columnIndex","isLinkedColumn","drawerSlug","onSelect","LinkedCellOverride","propsToPass","className","link","onClick","collectionSlug","rowColl","rowData","doc","docID","id","value"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,oBAAoB,QAAQ,2CAA0C;AAC/E,SAASC,WAAW,QAAQ,+CAA8C;AAC1E,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,MAAMC,iCAAmBL,MAAMM,aAAa,CAAmC;AAE/E,OAAO,MAAMC,eAAe,IAAwCP,MAAMQ,GAAG,CAACH,kBAAiB;AAE/F,OAAO,MAAMI,oBAKR,CAAC,EAAEC,WAAW,EAAEC,WAAW,EAAEC,cAAc,EAAE;IAChD,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGb;IACjC,MAAM,EAAEc,kBAAkB,EAAE,GAAGZ;IAE/B,MAAMa,cAAyC;QAC7C,GAAGN,WAAW;QACdC;IACF;IAEA,IAAIC,kBAAkBC,YAAY;QAChCG,YAAYC,SAAS,GAAG,GAAGb,UAAU,YAAY,CAAC;QAClDY,YAAYE,IAAI,GAAG;QACnBF,YAAYG,OAAO,GAAG,CAAC,EAAEC,gBAAgBC,OAAO,EAAEC,OAAO,EAAE;YACzD,IAAI,OAAOR,aAAa,YAAY;gBAClCA,SAAS;oBACPM,gBAAgBC;oBAChBE,KAAKD;oBACLE,OAAOF,QAAQG,EAAE;gBACnB;YACF;QACF;IACF;IAEA,qBACE,QAACpB;QAAiBqB,OAAOV;kBACtBJ,kBAAkBG,qBAAqBA,mCAAqB,QAACb;YAAa,GAAGc,WAAW;;;;;;;;;;;AAG/F,EAAC"}

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsHiddenOrDisabled, fieldIsID, fieldIsPresentationalOnly, flattenTopLevelFields } from 'payload/shared';
 import React from 'react';
 import { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js';
-import { SortColumn } from '../../../exports/client/index.js';
+import { SortColumn } from // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587
+'../../../exports/client/index.js';
 import { filterFieldsWithPermissions } from './filterFieldsWithPermissions.js';
 import { isColumnActive } from './isColumnActive.js';
 import { renderCell } from './renderCell.js';
@@ -25,8 +26,8 @@ export const buildColumnState = (args)=>{
         i18n,
         keepPresentationalFields: true,
         moveSubFieldsToTop: true
-    })// TODO: think of a way to avoid this additional flatten
-    ;
+    });
+    // TODO: think of a way to avoid this additional flatten
     // place the `ID` field first, if it exists
     // do the same for the `useAsTitle` field with precedence over the `ID` field
     // then sort the rest of the fields based on the `defaultColumns` or `columns`
@@ -44,9 +45,9 @@ export const buildColumnState = (args)=>{
     if (sortTo) {
         // sort the fields to the order of `defaultColumns` or `columns`
         sortedFieldMap = sortFieldMap(sortedFieldMap, sortTo);
-        _sortedFieldMap = sortFieldMap(_sortedFieldMap, sortTo) // TODO: think of a way to avoid this additional sort
-        ;
+        _sortedFieldMap = sortFieldMap(_sortedFieldMap, sortTo);
     }
+    // TODO: think of a way to avoid this additional sort
     const activeColumnsIndices = [];
     const sorted = sortedFieldMap?.reduce((acc, clientField, colIndex)=>{
         if (fieldIsHiddenOrDisabled(clientField) && !fieldIsID(clientField)) {
@@ -59,9 +60,9 @@ export const buildColumnState = (args)=>{
         });
         const hasCustomCell = serverField?.admin && 'components' in serverField.admin && serverField.admin.components && 'Cell' in serverField.admin.components && serverField.admin.components.Cell;
         if (serverField && serverField.type === 'group' && !hasCustomCell) {
-            return acc // skip any group without a custom cell
-            ;
+            return acc;
         }
+        // skip any group without a custom cell
         const columnPref = columns?.find((preference)=>clientField && 'name' in clientField && preference.accessor === accessor);
         const isActive = isColumnActive({
             accessor,
@@ -74,8 +75,8 @@ export const buildColumnState = (args)=>{
         }
         let CustomLabel = undefined;
         if (dataType === 'monomorphic') {
-            const CustomLabelToRender = serverField && 'admin' in serverField && 'components' in serverField.admin && 'Label' in serverField.admin.components && serverField.admin.components.Label !== undefined // let it return `null`
-             ? serverField.admin.components.Label : undefined;
+            const CustomLabelToRender = serverField && 'admin' in serverField && 'components' in serverField.admin && 'Label' in serverField.admin.components && serverField.admin.components.Label !== undefined ? // let it return `null`
+            serverField.admin.components.Label : undefined;
             // TODO: customComponent will be optional in v4
             const clientProps = {
                 field: clientField
@@ -98,13 +99,17 @@ export const buildColumnState = (args)=>{
         const label = clientField && 'labelWithPrefix' in clientField && clientField.labelWithPrefix !== undefined ? clientField.labelWithPrefix : 'label' in clientField ? clientField.label : undefined;
         // Convert accessor to dot notation specifically for SortColumn sorting behavior
         const dotAccessor = accessor?.replace(/-/g, '.');
-        const Heading = /*#__PURE__*/ _jsx(SortColumn, {
+        const Heading = /*#__PURE__*/ _jsxDEV(SortColumn, {
             disable: fieldAffectsDataSubFields || fieldIsPresentationalOnly(clientField) || undefined,
             Label: CustomLabel,
             label: label,
             name: dotAccessor,
             ...sortColumnProps || {}
-        });
+        }, void 0, false, {
+            fileName: "src/providers/TableColumns/buildColumnState/index.tsx",
+            lineNumber: 240,
+            columnNumber: 7
+        }, this);
         const column = {
             accessor,
             active: isActive,