@payloadcms/ui 4.0.0-internal.f11981a → 4.0.0-internal.f2a04f7

package/dist/layouts/Root/ResolveThemeOnClient.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Serializes a value for safe interpolation into an inline script. */
+const serialize = value => JSON.stringify(value).replace(/</g, '\\u003c').replace(/\u2028/g, '\\u2028').replace(/\u2029/g, '\\u2029');
+/**
+ * Resolves the preferred theme before first paint when the server cannot.
+ * Some browsers omit `Sec-CH-Prefers-Color-Scheme`, so root layouts render this
+ * blocking script to detect the user's preference with `window.matchMedia`.
+ */
+export const ResolveThemeOnClient = ({
+  serverTheme
+}) => {
+  const serializedServerTheme = serialize(serverTheme);
+  const script = `
+    (function () {
+      try {
+        var documentElement = document.documentElement
+        var resolvedTheme = ${serializedServerTheme}
+
+        if (window.matchMedia) {
+          resolvedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
+            ? 'dark'
+            : 'light'
+        }
+
+        documentElement.setAttribute('data-theme', resolvedTheme)
+      } catch (error) {}
+    })()
+  `;
+  return /*#__PURE__*/_jsx("script", {
+    dangerouslySetInnerHTML: {
+      __html: script
+    }
+  });
+};
+//# sourceMappingURL=ResolveThemeOnClient.js.map

package/dist/layouts/Root/ResolveThemeOnClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResolveThemeOnClient.js","names":["serialize","value","JSON","stringify","replace","ResolveThemeOnClient","serverTheme","serializedServerTheme","script","_jsx","dangerouslySetInnerHTML","__html"],"sources":["../../../src/layouts/Root/ResolveThemeOnClient.tsx"],"sourcesContent":["import type { Theme } from '../../providers/Theme/shared.js'\n\ntype ResolveThemeOnClientProps = {\n  serverTheme: Theme\n}\n\n/** Serializes a value for safe interpolation into an inline script. */\nconst serialize = (value: string): string =>\n  JSON.stringify(value)\n    .replace(/</g, '\\\\u003c')\n    .replace(/\\u2028/g, '\\\\u2028')\n    .replace(/\\u2029/g, '\\\\u2029')\n\n/**\n * Resolves the preferred theme before first paint when the server cannot.\n * Some browsers omit `Sec-CH-Prefers-Color-Scheme`, so root layouts render this\n * blocking script to detect the user's preference with `window.matchMedia`.\n */\nexport const ResolveThemeOnClient = ({ serverTheme }: ResolveThemeOnClientProps) => {\n  const serializedServerTheme = serialize(serverTheme)\n\n  const script = `\n    (function () {\n      try {\n        var documentElement = document.documentElement\n        var resolvedTheme = ${serializedServerTheme}\n\n        if (window.matchMedia) {\n          resolvedTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        }\n\n        documentElement.setAttribute('data-theme', resolvedTheme)\n      } catch (error) {}\n    })()\n  `\n\n  return <script dangerouslySetInnerHTML={{ __html: script }} />\n}\n"],"mappings":";AAMA;AACA,MAAMA,SAAA,GAAaC,KAAA,IACjBC,IAAA,CAAKC,SAAS,CAACF,KAAA,EACZG,OAAO,CAAC,MAAM,WACdA,OAAO,CAAC,WAAW,WACnBA,OAAO,CAAC,WAAW;AAExB;;;;;AAKA,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EAAEC;AAAW,CAA6B;EAC7E,MAAMC,qBAAA,GAAwBP,SAAA,CAAUM,WAAA;EAExC,MAAME,MAAA,GAAS;;;;8BAIaD,qBAAA;;;;;;;;;;;GAW3B;EAED,oBAAOE,IAAA,CAAC;IAAOC,uBAAA,EAAyB;MAAEC,MAAA,EAAQH;IAAO;;AAC3D","ignoreList":[]}

package/dist/layouts/Root/RootProviders.d.ts

@@ -0,0 +1,11 @@
+import type { RouterAdapterComponent, ServerFunctionClient } from 'payload';
+import React from 'react';
+import type { RootLayoutData } from './getRootLayoutData.js';
+export type RootProviderProps = {
+    readonly children: React.ReactNode;
+    readonly data: RootLayoutData;
+    readonly RouterAdapter: RouterAdapterComponent;
+    readonly serverFunction: ServerFunctionClient;
+};
+export declare const RootProviders: React.FC<RootProviderProps>;
+//# sourceMappingURL=RootProviders.d.ts.map

package/dist/layouts/Root/RootProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootProviders.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/RootProviders.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAK3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AA4B5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAA;IAC7B,QAAQ,CAAC,aAAa,EAAE,sBAAsB,CAAA;IAC9C,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+GrD,CAAA"}

package/dist/layouts/Root/RootProviders.js

@@ -0,0 +1,164 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DndContext, pointerWithin } from '@dnd-kit/core';
+import { ModalContainer, ModalProvider } from '@faceless-ui/modal';
+import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
+import React from 'react';
+import { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js';
+import { DrawerStackProvider } from '../../elements/Drawer/index.js';
+import { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js';
+import { NavProvider } from '../../elements/Nav/context.js';
+import { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js';
+import { StepNavProvider } from '../../elements/StepNav/index.js';
+import { AuthProvider } from '../../providers/Auth/index.js';
+import { ClickOutsideProvider } from '../../providers/ClickOutside/index.js';
+import { ClientFunctionProvider } from '../../providers/ClientFunction/index.js';
+import { ConfigProvider } from '../../providers/Config/index.js';
+import { DocumentEventsProvider } from '../../providers/DocumentEvents/index.js';
+import { EmbedProvider } from '../../providers/Embed/index.js';
+import { HierarchyProvider } from '../../providers/Hierarchy/index.js';
+import { LocaleProvider } from '../../providers/Locale/index.js';
+import { ModalAccessibility } from '../../providers/ModalAccessibility/index.js';
+import { PreferencesProvider } from '../../providers/Preferences/index.js';
+import { RouteCache } from '../../providers/RouteCache/index.js';
+import { RouteTransitionProvider } from '../../providers/RouteTransition/index.js';
+import { ProgressBar } from '../../providers/RouteTransition/ProgressBar/index.js';
+import { ServerFunctionsProvider } from '../../providers/ServerFunctions/index.js';
+import { ThemeProvider } from '../../providers/Theme/index.js';
+import { ToastContainer } from '../../providers/ToastContainer/index.js';
+import { TranslationProvider } from '../../providers/Translation/index.js';
+import { UploadHandlersProvider } from '../../providers/UploadHandlers/index.js';
+import { WindowInfoProvider } from '../../providers/WindowInfo/index.js';
+export const RootProviders = t0 => {
+  const $ = _c(18);
+  const {
+    children,
+    data,
+    RouterAdapter,
+    serverFunction
+  } = t0;
+  const {
+    clientConfig: config,
+    dateFNSKey,
+    fallbackLang,
+    highContrastMode,
+    isEmbedded: embed,
+    isNavOpen,
+    languageCode,
+    languageOptions,
+    locale,
+    permissions,
+    theme,
+    translations,
+    user
+  } = data;
+  const dndContextID = React.useId();
+  let t1;
+  if ($[0] !== RouterAdapter || $[1] !== children || $[2] !== config || $[3] !== dateFNSKey || $[4] !== dndContextID || $[5] !== embed || $[6] !== fallbackLang || $[7] !== highContrastMode || $[8] !== isNavOpen || $[9] !== languageCode || $[10] !== languageOptions || $[11] !== locale || $[12] !== permissions || $[13] !== serverFunction || $[14] !== theme || $[15] !== translations || $[16] !== user) {
+    t1 = _jsxs(_Fragment, {
+      children: [_jsx(ClickOutsideProvider, {
+        children: _jsx(RouteTransitionProvider, {
+          children: _jsx(RouterAdapter, {
+            children: _jsx(ServerFunctionsProvider, {
+              serverFunction,
+              children: _jsx(RouteCache, {
+                cachingEnabled: process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === "true",
+                children: _jsx(ConfigProvider, {
+                  config,
+                  children: _jsx(ClientFunctionProvider, {
+                    children: _jsx(TranslationProvider, {
+                      dateFNSKey,
+                      fallbackLang,
+                      language: languageCode,
+                      languageOptions,
+                      translations,
+                      children: _jsx(WindowInfoProvider, {
+                        breakpoints: {
+                          l: "(max-width: 1440px)",
+                          m: "(max-width: 1024px)",
+                          s: "(max-width: 768px)",
+                          xs: "(max-width: 400px)"
+                        },
+                        children: _jsx(ScrollInfoProvider, {
+                          children: _jsx(ModalProvider, {
+                            classPrefix: "payload",
+                            transTime: 0,
+                            zIndex: "var(--z-modal)",
+                            children: _jsxs(DrawerStackProvider, {
+                              children: [_jsx(ModalAccessibility, {}), _jsx(CloseModalOnRouteChange, {}), _jsxs(AuthProvider, {
+                                permissions,
+                                user,
+                                children: [_jsx(PreferencesProvider, {
+                                  children: _jsx(HierarchyProvider, {
+                                    children: _jsx(ThemeProvider, {
+                                      highContrastMode,
+                                      theme,
+                                      children: _jsx(EmbedProvider, {
+                                        embed,
+                                        children: _jsx(LocaleProvider, {
+                                          locale,
+                                          children: _jsx(StepNavProvider, {
+                                            children: _jsx(LoadingOverlayProvider, {
+                                              children: _jsx(DocumentEventsProvider, {
+                                                children: _jsx(NavProvider, {
+                                                  initialIsOpen: isNavOpen,
+                                                  children: _jsx(UploadHandlersProvider, {
+                                                    children: _jsxs(DndContext, {
+                                                      collisionDetection: pointerWithin,
+                                                      id: dndContextID,
+                                                      children: [_jsx(ProgressBar, {}), children]
+                                                    })
+                                                  })
+                                                })
+                                              })
+                                            })
+                                          })
+                                        })
+                                      })
+                                    })
+                                  })
+                                }), _jsx(ModalContainer, {}), _jsx(StayLoggedInModal, {})]
+                              }), _jsx(ToastContainer, {
+                                config
+                              })]
+                            })
+                          })
+                        })
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      }), _jsx("div", {
+        id: "portal"
+      })]
+    });
+    $[0] = RouterAdapter;
+    $[1] = children;
+    $[2] = config;
+    $[3] = dateFNSKey;
+    $[4] = dndContextID;
+    $[5] = embed;
+    $[6] = fallbackLang;
+    $[7] = highContrastMode;
+    $[8] = isNavOpen;
+    $[9] = languageCode;
+    $[10] = languageOptions;
+    $[11] = locale;
+    $[12] = permissions;
+    $[13] = serverFunction;
+    $[14] = theme;
+    $[15] = translations;
+    $[16] = user;
+    $[17] = t1;
+  } else {
+    t1 = $[17];
+  }
+  return t1;
+};
+//# sourceMappingURL=RootProviders.js.map

package/dist/layouts/Root/RootProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootProviders.js","names":["c","_c","DndContext","pointerWithin","ModalContainer","ModalProvider","ScrollInfoProvider","React","CloseModalOnRouteChange","DrawerStackProvider","LoadingOverlayProvider","NavProvider","StayLoggedInModal","StepNavProvider","AuthProvider","ClickOutsideProvider","ClientFunctionProvider","ConfigProvider","DocumentEventsProvider","EmbedProvider","HierarchyProvider","LocaleProvider","ModalAccessibility","PreferencesProvider","RouteCache","RouteTransitionProvider","ProgressBar","ServerFunctionsProvider","ThemeProvider","ToastContainer","TranslationProvider","UploadHandlersProvider","WindowInfoProvider","RootProviders","t0","$","children","data","RouterAdapter","serverFunction","clientConfig","config","dateFNSKey","fallbackLang","highContrastMode","isEmbedded","embed","isNavOpen","languageCode","languageOptions","locale","permissions","theme","translations","user","dndContextID","useId","t1","_jsxs","_Fragment","_jsx","cachingEnabled","process","env","NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH","language","breakpoints","l","m","s","xs","classPrefix","transTime","zIndex","initialIsOpen","collisionDetection","id"],"sources":["../../../src/layouts/Root/RootProviders.tsx"],"sourcesContent":["'use client'\nimport type { RouterAdapterComponent, ServerFunctionClient } from 'payload'\n\nimport { DndContext, pointerWithin } from '@dnd-kit/core'\nimport { ModalContainer, ModalProvider } from '@faceless-ui/modal'\nimport { ScrollInfoProvider } from '@faceless-ui/scroll-info'\nimport React from 'react'\n\nimport type { RootLayoutData } from './getRootLayoutData.js'\n\nimport { CloseModalOnRouteChange } from '../../elements/CloseModalOnRouteChange/index.js'\nimport { DrawerStackProvider } from '../../elements/Drawer/index.js'\nimport { LoadingOverlayProvider } from '../../elements/LoadingOverlay/index.js'\nimport { NavProvider } from '../../elements/Nav/context.js'\nimport { StayLoggedInModal } from '../../elements/StayLoggedIn/index.js'\nimport { StepNavProvider } from '../../elements/StepNav/index.js'\nimport { AuthProvider } from '../../providers/Auth/index.js'\nimport { ClickOutsideProvider } from '../../providers/ClickOutside/index.js'\nimport { ClientFunctionProvider } from '../../providers/ClientFunction/index.js'\nimport { ConfigProvider } from '../../providers/Config/index.js'\nimport { DocumentEventsProvider } from '../../providers/DocumentEvents/index.js'\nimport { EmbedProvider } from '../../providers/Embed/index.js'\nimport { HierarchyProvider } from '../../providers/Hierarchy/index.js'\nimport { LocaleProvider } from '../../providers/Locale/index.js'\nimport { ModalAccessibility } from '../../providers/ModalAccessibility/index.js'\nimport { PreferencesProvider } from '../../providers/Preferences/index.js'\nimport { RouteCache } from '../../providers/RouteCache/index.js'\nimport { RouteTransitionProvider } from '../../providers/RouteTransition/index.js'\nimport { ProgressBar } from '../../providers/RouteTransition/ProgressBar/index.js'\nimport { ServerFunctionsProvider } from '../../providers/ServerFunctions/index.js'\nimport { ThemeProvider } from '../../providers/Theme/index.js'\nimport { ToastContainer } from '../../providers/ToastContainer/index.js'\nimport { TranslationProvider } from '../../providers/Translation/index.js'\nimport { UploadHandlersProvider } from '../../providers/UploadHandlers/index.js'\nimport { WindowInfoProvider } from '../../providers/WindowInfo/index.js'\n\nexport type RootProviderProps = {\n  readonly children: React.ReactNode\n  readonly data: RootLayoutData\n  readonly RouterAdapter: RouterAdapterComponent\n  readonly serverFunction: ServerFunctionClient\n}\n\nexport const RootProviders: React.FC<RootProviderProps> = ({\n  children,\n  data,\n  RouterAdapter,\n  serverFunction,\n}) => {\n  const {\n    clientConfig: config,\n    dateFNSKey,\n    fallbackLang,\n    highContrastMode,\n    isEmbedded: embed,\n    isNavOpen,\n    languageCode,\n    languageOptions,\n    locale,\n    permissions,\n    theme,\n    translations,\n    user,\n  } = data\n\n  const dndContextID = React.useId()\n\n  return (\n    <>\n      <ClickOutsideProvider>\n        <RouteTransitionProvider>\n          <RouterAdapter>\n            <ServerFunctionsProvider serverFunction={serverFunction}>\n              <RouteCache\n                cachingEnabled={process.env.NEXT_PUBLIC_ENABLE_ROUTER_CACHE_REFRESH === 'true'}\n              >\n                <ConfigProvider config={config}>\n                  <ClientFunctionProvider>\n                    <TranslationProvider\n                      dateFNSKey={dateFNSKey}\n                      fallbackLang={fallbackLang}\n                      language={languageCode}\n                      languageOptions={languageOptions}\n                      translations={translations}\n                    >\n                      <WindowInfoProvider\n                        breakpoints={{\n                          l: '(max-width: 1440px)',\n                          m: '(max-width: 1024px)',\n                          s: '(max-width: 768px)',\n                          xs: '(max-width: 400px)',\n                        }}\n                      >\n                        <ScrollInfoProvider>\n                          <ModalProvider\n                            classPrefix=\"payload\"\n                            transTime={0}\n                            zIndex=\"var(--z-modal)\"\n                          >\n                            <DrawerStackProvider>\n                              <ModalAccessibility />\n                              <CloseModalOnRouteChange />\n                              <AuthProvider permissions={permissions} user={user}>\n                                <PreferencesProvider>\n                                  <HierarchyProvider>\n                                    <ThemeProvider\n                                      highContrastMode={highContrastMode}\n                                      theme={theme}\n                                    >\n                                      <EmbedProvider embed={embed}>\n                                        <LocaleProvider locale={locale}>\n                                          <StepNavProvider>\n                                            <LoadingOverlayProvider>\n                                              <DocumentEventsProvider>\n                                                <NavProvider initialIsOpen={isNavOpen}>\n                                                  <UploadHandlersProvider>\n                                                    <DndContext\n                                                      collisionDetection={pointerWithin}\n                                                      // Provide stable ID to fix hydration issues: https://github.com/clauderic/dnd-kit/issues/926\n                                                      id={dndContextID}\n                                                    >\n                                                      <ProgressBar />\n                                                      {children}\n                                                    </DndContext>\n                                                  </UploadHandlersProvider>\n                                                </NavProvider>\n                                              </DocumentEventsProvider>\n                                            </LoadingOverlayProvider>\n                                          </StepNavProvider>\n                                        </LocaleProvider>\n                                      </EmbedProvider>\n                                    </ThemeProvider>\n                                  </HierarchyProvider>\n                                </PreferencesProvider>\n                                <ModalContainer />\n                                <StayLoggedInModal />\n                              </AuthProvider>\n                              {/* AuthProvider can unmount its children during logout; keep pending toasts alive. */}\n                              <ToastContainer config={config} />\n                            </DrawerStackProvider>\n                          </ModalProvider>\n                        </ScrollInfoProvider>\n                      </WindowInfoProvider>\n                    </TranslationProvider>\n                  </ClientFunctionProvider>\n                </ConfigProvider>\n              </RouteCache>\n            </ServerFunctionsProvider>\n          </RouterAdapter>\n        </RouteTransitionProvider>\n      </ClickOutsideProvider>\n      <div id=\"portal\" />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/layouts/Root/getRootLayoutData.d.ts

@@ -0,0 +1,29 @@
+import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations';
+import type { AdminContext, ClientConfig, ImportMap, LanguageOptions, SanitizedPermissions, User } from 'payload';
+import type { Theme } from '../../providers/Theme/shared.js';
+import type { RequestThemeSource } from '../../utilities/getRequestTheme.js';
+export type RootLayoutData = {
+    clientConfig: ClientConfig;
+    dateFNSKey: I18nClient['dateFNSKey'];
+    dir: 'ltr' | 'rtl';
+    fallbackLang: AcceptedLanguages;
+    highContrastMode: boolean;
+    isEmbedded: boolean;
+    isNavOpen: boolean;
+    languageCode: string;
+    languageOptions: LanguageOptions;
+    locale?: string;
+    permissions: null | SanitizedPermissions;
+    suppressHydrationWarning: boolean;
+    theme: Theme;
+    /** The request input used to resolve the theme. */
+    themeSource: RequestThemeSource;
+    translations: I18nClient['translations'];
+    user: null | User;
+};
+type Args = {
+    importMap: ImportMap;
+} & Pick<AdminContext, 'cookies' | 'permissions' | 'req' | 'user'>;
+export declare function getRootLayoutData({ cookies, importMap, permissions, req, user, }: Args): Promise<RootLayoutData>;
+export {};
+//# sourceMappingURL=getRootLayoutData.d.ts.map

package/dist/layouts/Root/getRootLayoutData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRootLayoutData.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/getRootLayoutData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC7E,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,oBAAoB,EACpB,IAAI,EACL,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAS5E,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,YAAY,CAAA;IAC1B,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAA;IACpC,GAAG,EAAE,KAAK,GAAG,KAAK,CAAA;IAClB,YAAY,EAAE,iBAAiB,CAAA;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,IAAI,GAAG,oBAAoB,CAAA;IACxC,wBAAwB,EAAE,OAAO,CAAA;IACjC,KAAK,EAAE,KAAK,CAAA;IACZ,mDAAmD;IACnD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,YAAY,EAAE,UAAU,CAAC,cAAc,CAAC,CAAA;IACxC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;CAClB,CAAA;AAED,KAAK,IAAI,GAAG;IACV,SAAS,EAAE,SAAS,CAAA;CACrB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC,CAAA;AAElE,wBAAsB,iBAAiB,CAAC,EACtC,OAAO,EACP,SAAS,EACT,WAAW,EACX,GAAG,EACH,IAAI,GACL,EAAE,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,CA8ChC"}

package/dist/layouts/Root/getRootLayoutData.js

@@ -0,0 +1,76 @@
+import { applyLocaleFiltering } from 'payload/shared';
+import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
+import { getClientConfig } from '../../utilities/getClientConfig.js';
+import { getLanguageDir } from '../../utilities/getLanguageDir.js';
+import { getRequestEmbed } from '../../utilities/getRequestEmbed.js';
+import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js';
+import { getRequestTheme } from '../../utilities/getRequestTheme.js';
+export async function getRootLayoutData({
+  cookies,
+  importMap,
+  permissions,
+  req,
+  user
+}) {
+  const {
+    headers,
+    i18n: {
+      language: languageCode
+    },
+    payload: {
+      config
+    }
+  } = req;
+  const {
+    theme,
+    themeSource
+  } = getRequestTheme({
+    config,
+    cookies,
+    headers
+  });
+  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).map(([language, languageConfig]) => ({
+    label: languageConfig.translations.general.thisLanguage,
+    value: language
+  }));
+  const navPrefs = await getNavPrefs(req);
+  const clientConfig = getClientConfig({
+    config,
+    i18n: req.i18n,
+    importMap,
+    user
+  });
+  await applyLocaleFiltering({
+    clientConfig,
+    config,
+    req
+  });
+  return {
+    clientConfig,
+    dateFNSKey: req.i18n.dateFNSKey,
+    dir: getLanguageDir({
+      languageCode
+    }),
+    fallbackLang: config.i18n.fallbackLanguage,
+    highContrastMode: getRequestHighContrast({
+      config,
+      cookies,
+      headers
+    }),
+    isEmbedded: getRequestEmbed({
+      config,
+      cookies
+    }),
+    isNavOpen: navPrefs?.open ?? true,
+    languageCode,
+    languageOptions,
+    locale: req.locale ?? undefined,
+    permissions: user ? permissions : null,
+    suppressHydrationWarning: config.admin.theme === 'all' || Boolean(config.admin.suppressHydrationWarning),
+    theme,
+    themeSource,
+    translations: req.i18n.translations,
+    user: user ?? null
+  };
+}
+//# sourceMappingURL=getRootLayoutData.js.map

package/dist/layouts/Root/getRootLayoutData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRootLayoutData.js","names":["applyLocaleFiltering","getNavPrefs","getClientConfig","getLanguageDir","getRequestEmbed","getRequestHighContrast","getRequestTheme","getRootLayoutData","cookies","importMap","permissions","req","user","headers","i18n","language","languageCode","payload","config","theme","themeSource","languageOptions","Object","entries","supportedLanguages","map","languageConfig","label","translations","general","thisLanguage","value","navPrefs","clientConfig","dateFNSKey","dir","fallbackLang","fallbackLanguage","highContrastMode","isEmbedded","isNavOpen","open","locale","undefined","suppressHydrationWarning","admin","Boolean"],"sources":["../../../src/layouts/Root/getRootLayoutData.ts"],"sourcesContent":["import type { AcceptedLanguages, I18nClient } from '@payloadcms/translations'\nimport type {\n  AdminContext,\n  ClientConfig,\n  ImportMap,\n  LanguageOptions,\n  SanitizedPermissions,\n  User,\n} from 'payload'\n\nimport { applyLocaleFiltering } from 'payload/shared'\n\nimport type { Theme } from '../../providers/Theme/shared.js'\nimport type { RequestThemeSource } from '../../utilities/getRequestTheme.js'\n\nimport { getNavPrefs } from '../../elements/Nav/getNavPrefs.js'\nimport { getClientConfig } from '../../utilities/getClientConfig.js'\nimport { getLanguageDir } from '../../utilities/getLanguageDir.js'\nimport { getRequestEmbed } from '../../utilities/getRequestEmbed.js'\nimport { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js'\nimport { getRequestTheme } from '../../utilities/getRequestTheme.js'\n\nexport type RootLayoutData = {\n  clientConfig: ClientConfig\n  dateFNSKey: I18nClient['dateFNSKey']\n  dir: 'ltr' | 'rtl'\n  fallbackLang: AcceptedLanguages\n  highContrastMode: boolean\n  isEmbedded: boolean\n  isNavOpen: boolean\n  languageCode: string\n  languageOptions: LanguageOptions\n  locale?: string\n  permissions: null | SanitizedPermissions\n  suppressHydrationWarning: boolean\n  theme: Theme\n  /** The request input used to resolve the theme. */\n  themeSource: RequestThemeSource\n  translations: I18nClient['translations']\n  user: null | User\n}\n\ntype Args = {\n  importMap: ImportMap\n} & Pick<AdminContext, 'cookies' | 'permissions' | 'req' | 'user'>\n\nexport async function getRootLayoutData({\n  cookies,\n  importMap,\n  permissions,\n  req,\n  user,\n}: Args): Promise<RootLayoutData> {\n  const {\n    headers,\n    i18n: { language: languageCode },\n    payload: { config },\n  } = req\n\n  const { theme, themeSource } = getRequestTheme({ config, cookies, headers })\n\n  const languageOptions: LanguageOptions = Object.entries(config.i18n.supportedLanguages || {}).map(\n    ([language, languageConfig]) => ({\n      label: languageConfig.translations.general.thisLanguage,\n      value: language as AcceptedLanguages,\n    }),\n  )\n\n  const navPrefs = await getNavPrefs(req)\n\n  const clientConfig = getClientConfig({\n    config,\n    i18n: req.i18n,\n    importMap,\n    user,\n  })\n\n  await applyLocaleFiltering({ clientConfig, config, req })\n\n  return {\n    clientConfig,\n    dateFNSKey: req.i18n.dateFNSKey,\n    dir: getLanguageDir({ languageCode }),\n    fallbackLang: config.i18n.fallbackLanguage,\n    highContrastMode: getRequestHighContrast({ config, cookies, headers }),\n    isEmbedded: getRequestEmbed({ config, cookies }),\n    isNavOpen: navPrefs?.open ?? true,\n    languageCode,\n    languageOptions,\n    locale: req.locale ?? undefined,\n    permissions: user ? permissions : null,\n    suppressHydrationWarning:\n      config.admin.theme === 'all' || Boolean(config.admin.suppressHydrationWarning),\n    theme,\n    themeSource,\n    translations: req.i18n.translations,\n    user: user ?? null,\n  }\n}\n"],"mappings":"AAUA,SAASA,oBAAoB,QAAQ;AAKrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,eAAe,QAAQ;AA0BhC,OAAO,eAAeC,kBAAkB;EACtCC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,GAAG;EACHC;AAAI,CACC;EACL,MAAM;IACJC,OAAO;IACPC,IAAA,EAAM;MAAEC,QAAA,EAAUC;IAAY,CAAE;IAChCC,OAAA,EAAS;MAAEC;IAAM;EAAE,CACpB,GAAGP,GAAA;EAEJ,MAAM;IAAEQ,KAAK;IAAEC;EAAW,CAAE,GAAGd,eAAA,CAAgB;IAAEY,MAAA;IAAQV,OAAA;IAASK;EAAQ;EAE1E,MAAMQ,eAAA,GAAmCC,MAAA,CAAOC,OAAO,CAACL,MAAA,CAAOJ,IAAI,CAACU,kBAAkB,IAAI,CAAC,GAAGC,GAAG,CAC/F,CAAC,CAACV,QAAA,EAAUW,cAAA,CAAe,MAAM;IAC/BC,KAAA,EAAOD,cAAA,CAAeE,YAAY,CAACC,OAAO,CAACC,YAAY;IACvDC,KAAA,EAAOhB;EACT;EAGF,MAAMiB,QAAA,GAAW,MAAM/B,WAAA,CAAYU,GAAA;EAEnC,MAAMsB,YAAA,GAAe/B,eAAA,CAAgB;IACnCgB,MAAA;IACAJ,IAAA,EAAMH,GAAA,CAAIG,IAAI;IACdL,SAAA;IACAG;EACF;EAEA,MAAMZ,oBAAA,CAAqB;IAAEiC,YAAA;IAAcf,MAAA;IAAQP;EAAI;EAEvD,OAAO;IACLsB,YAAA;IACAC,UAAA,EAAYvB,GAAA,CAAIG,IAAI,CAACoB,UAAU;IAC/BC,GAAA,EAAKhC,cAAA,CAAe;MAAEa;IAAa;IACnCoB,YAAA,EAAclB,MAAA,CAAOJ,IAAI,CAACuB,gBAAgB;IAC1CC,gBAAA,EAAkBjC,sBAAA,CAAuB;MAAEa,MAAA;MAAQV,OAAA;MAASK;IAAQ;IACpE0B,UAAA,EAAYnC,eAAA,CAAgB;MAAEc,MAAA;MAAQV;IAAQ;IAC9CgC,SAAA,EAAWR,QAAA,EAAUS,IAAA,IAAQ;IAC7BzB,YAAA;IACAK,eAAA;IACAqB,MAAA,EAAQ/B,GAAA,CAAI+B,MAAM,IAAIC,SAAA;IACtBjC,WAAA,EAAaE,IAAA,GAAOF,WAAA,GAAc;IAClCkC,wBAAA,EACE1B,MAAA,CAAO2B,KAAK,CAAC1B,KAAK,KAAK,SAAS2B,OAAA,CAAQ5B,MAAA,CAAO2B,KAAK,CAACD,wBAAwB;IAC/EzB,KAAA;IACAC,WAAA;IACAQ,YAAA,EAAcjB,GAAA,CAAIG,IAAI,CAACc,YAAY;IACnChB,IAAA,EAAMA,IAAA,IAAQ;EAChB;AACF","ignoreList":[]}

package/dist/layouts/Root/index.d.ts

@@ -1,5 +1,6 @@
-import type { ImportMap, SanitizedConfig, ServerAdapter, ServerFunctionClient } from 'payload';
+import type { ImportMap, SanitizedConfig, ServerFunctionClient } from 'payload';
 import React from 'react';
+import type { InitAdminContextFn } from '../../views/Root/index.js';
 import { type CheckDependenciesArgs } from '../../utilities/checkDependencies.js';
 import '@payloadcms/ui/css/app.css';
 type Font = {
@@ -44,6 +45,7 @@ type RootLayoutProps = {
     readonly head?: React.ReactNode;
     readonly htmlProps?: React.HtmlHTMLAttributes<HTMLHtmlElement>;
     readonly importMap: ImportMap;
+    readonly initAdminContext: InitAdminContextFn;
     /**
      * Client router adapter. Caller supplies a framework-specific provider
      * (for Next.js use the `NextRouterAdapter` exported from `@payloadcms/next`).
@@ -51,13 +53,8 @@ type RootLayoutProps = {
     readonly RouterAdapter: React.FC<{
         children: React.ReactNode;
     }>;
-    /**
-     * Server adapter providing framework-specific access to headers, cookies, redirects,
-     * and other server APIs (for Next.js use `nextServerAdapter` from `@payloadcms/next`).
-     */
-    readonly serverAdapter: ServerAdapter;
     readonly serverFunction: ServerFunctionClient;
 };
-export declare const RootLayout: (props: RootLayoutProps) => React.JSX.Element;
+export declare const RootLayout: ({ additionalDependencyChecks, children, config: configPromise, fonts, head, htmlProps, importMap, initAdminContext, RouterAdapter, serverFunction, }: RootLayoutProps) => Promise<React.JSX.Element>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/layouts/Root/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EAET,eAAe,EACf,aAAa,EACb,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAUpG,OAAO,4BAA4B,CAAA;AAEnC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;IACnB,WAAW;IACX,KAAK;CACN,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAA;IACrC,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,sBAUhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/Root/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAInE,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAKpG,OAAO,4BAA4B,CAAA;AAEnC,KAAK,IAAI,GAAG;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,QAAQ;IACnB,WAAW;IACX,KAAK;CACN,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;;;OAIG;IACH,QAAQ,CAAC,0BAA0B,CAAC,EAAE,qBAAqB,CAAA;IAC3D,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IACzC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACvB;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,CAAA;IAC7C;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC,CAAA;IAC/D,QAAQ,CAAC,cAAc,EAAE,oBAAoB,CAAA;CAC9C,CAAA;AAED,eAAO,MAAM,UAAU,yJAWpB,eAAe,+BAoDjB,CAAA"}

package/dist/layouts/Root/index.js

@@ -1,150 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { applyLocaleFiltering } from 'payload/shared';
-import React, { Suspense } from 'react';
-import { getNavPrefs } from '../../elements/Nav/getNavPrefs.js';
-// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds
-import { ProgressBar, RootProvider } from '../../exports/client/index.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference client bundle for proper client boundary in production
+import { DocumentRoot, RootProviders } from '../../exports/client/index.js';
 import { checkDependencies } from '../../utilities/checkDependencies.js';
-import { getClientConfig } from '../../utilities/getClientConfig.js';
-import { getLanguageDir } from '../../utilities/getLanguageDir.js';
-import { getRequestEmbed } from '../../utilities/getRequestEmbed.js';
-import { getRequestHighContrast } from '../../utilities/getRequestHighContrast.js';
-import { getRequestTheme } from '../../utilities/getRequestTheme.js';
-import { initReq } from '../../utilities/initReq.js';
+import { getRootLayoutData } from './getRootLayoutData.js';
 import { NestProviders } from './NestProviders.js';
 import { getViewportMeta } from './viewport.js';
-// eslint-disable-next-line payload/no-imports-from-self -- Self-import via package path ensures consumer's bundler resolves the full CSS chain (design tokens, preflight, etc.) in prod builds
+// eslint-disable-next-line payload/no-imports-from-self -- Self-import ensures the consumer bundler resolves the full CSS chain
 import '@payloadcms/ui/css/app.css';
 export const metadata = {
   description: 'Generated by Next.js',
   title: 'Next.js'
 };
-export const RootLayout = props => {
-  checkDependencies(props.additionalDependencyChecks);
-  const content = /*#__PURE__*/_jsx(RootLayoutContent, {
-    ...props
-  });
-  if (process.env.PAYLOAD_CACHE_COMPONENTS_ENABLED === 'true') {
-    return /*#__PURE__*/_jsx(Suspense, {
-      fallback: null,
-      children: content
-    });
-  }
-  return content;
-};
-const RootLayoutContent = async ({
+export const RootLayout = async ({
+  additionalDependencyChecks,
   children,
   config: configPromise,
   fonts = [],
-  head: headFromProps,
+  head,
   htmlProps = {},
   importMap,
+  initAdminContext,
   RouterAdapter,
-  serverAdapter,
   serverFunction
 }) => {
-  const {
-    cookies,
-    headers,
-    languageCode,
-    permissions,
-    req,
-    req: {
-      payload: {
-        config
-      }
-    }
-  } = await initReq({
+  checkDependencies(additionalDependencyChecks);
+  const context = await initAdminContext({
     configPromise,
     importMap,
-    key: 'RootLayout',
-    serverAdapter
+    key: 'RootLayout'
   });
-  const theme = getRequestTheme({
-    config,
+  const {
     cookies,
-    headers
-  });
-  const highContrastMode = getRequestHighContrast({
-    config,
+    permissions,
+    req,
+    user
+  } = context;
+  const {
+    config
+  } = req.payload;
+  const data = await getRootLayoutData({
     cookies,
-    headers
-  });
-  const dir = getLanguageDir({
-    languageCode
-  });
-  const embed = getRequestEmbed({
-    config,
-    cookies
-  });
-  const languageOptions = Object.entries(config.i18n.supportedLanguages || {}).reduce((acc, [language, languageConfig]) => {
-    if (Object.keys(config.i18n.supportedLanguages).includes(language)) {
-      acc.push({
-        label: languageConfig.translations.general.thisLanguage,
-        value: language
-      });
-    }
-    return acc;
-  }, []);
-  const navPrefs = await getNavPrefs(req);
-  const clientConfig = getClientConfig({
-    config,
-    i18n: req.i18n,
     importMap,
-    user: req.user
-  });
-  await applyLocaleFiltering({
-    clientConfig,
-    config,
-    req
+    permissions,
+    req,
+    user
   });
-  const fontClassNames = fonts.map(f => f.variable ?? f.className).filter(Boolean);
-  const viewportMeta = getViewportMeta(headers.get('user-agent') ?? undefined);
-  return /*#__PURE__*/_jsxs("html", {
-    ...htmlProps,
-    className: [...fontClassNames, htmlProps?.className].filter(Boolean).join(' '),
-    "data-enhanced-contrast": highContrastMode ? '' : undefined,
-    "data-theme": theme,
-    dir: dir,
-    lang: languageCode,
-    suppressHydrationWarning: config?.admin?.suppressHydrationWarning ?? false,
-    children: [/*#__PURE__*/_jsxs("head", {
-      children: [viewportMeta, /*#__PURE__*/_jsx("style", {
-        children: `@layer payload-default, payload;`
-      }), headFromProps]
-    }), /*#__PURE__*/_jsxs("body", {
-      children: [/*#__PURE__*/_jsxs(RootProvider, {
-        config: clientConfig,
-        dateFNSKey: req.i18n.dateFNSKey,
-        embed: embed,
-        fallbackLang: config.i18n.fallbackLanguage,
-        highContrastMode: highContrastMode,
-        isNavOpen: navPrefs?.open ?? true,
-        languageCode: languageCode,
-        languageOptions: languageOptions,
-        locale: req.locale,
-        permissions: req.user ? permissions : null,
-        RouterAdapter: RouterAdapter,
-        serverFunction: serverFunction,
-        theme: theme,
-        translations: req.i18n.translations,
-        user: req.user,
-        children: [/*#__PURE__*/_jsx(ProgressBar, {}), Array.isArray(config.admin?.components?.providers) && config.admin?.components?.providers.length > 0 ? /*#__PURE__*/_jsx(NestProviders, {
-          importMap: req.payload.importMap,
-          providers: config.admin?.components?.providers,
-          serverProps: {
-            i18n: req.i18n,
-            payload: req.payload,
-            permissions,
-            server: req.server,
-            user: req.user
-          },
-          children: children
-        }) : children]
-      }), /*#__PURE__*/_jsx("div", {
-        id: "portal"
-      })]
-    })]
+  return /*#__PURE__*/_jsx(DocumentRoot, {
+    dir: data.dir,
+    fonts: fonts,
+    head: head,
+    highContrastMode: data.highContrastMode,
+    htmlProps: htmlProps,
+    languageCode: data.languageCode,
+    suppressHydrationWarning: data.suppressHydrationWarning,
+    theme: data.theme,
+    themeSource: data.themeSource,
+    viewport: getViewportMeta(req.headers.get('user-agent') ?? undefined),
+    children: /*#__PURE__*/_jsx(RootProviders, {
+      data: data,
+      RouterAdapter: RouterAdapter,
+      serverFunction: serverFunction,
+      children: Array.isArray(config.admin?.components?.providers) && config.admin.components.providers.length > 0 ? /*#__PURE__*/_jsx(NestProviders, {
+        importMap: req.payload.importMap,
+        providers: config.admin.components.providers,
+        serverProps: {
+          i18n: req.i18n,
+          payload: req.payload,
+          permissions,
+          server: req.server,
+          user
+        },
+        children: children
+      }) : children
+    })
   });
 };
 //# sourceMappingURL=index.js.map