@payloadcms/ui 3.0.0-beta.35 → 3.0.0-beta.37

package/dist/providers/Theme/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 const initialContext = {
     autoMode: true,
@@ -6,52 +7,63 @@ const initialContext = {
     theme: 'light'
 };
 const Context = /*#__PURE__*/ createContext(initialContext);
-const localStorageKey = 'payload-theme';
-const getTheme = ()=>{
+function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+    const expires = 'expires=' + d.toUTCString();
+    document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
+}
+const getTheme = (cookieKey)=>{
     let theme;
-    const themeFromStorage = window.localStorage.getItem(localStorageKey);
-    if (themeFromStorage === 'light' || themeFromStorage === 'dark') {
-        theme = themeFromStorage;
+    const themeFromCookies = window.document.cookie.split('; ').find((row)=>row.startsWith(`${cookieKey}=`))?.split('=')[1];
+    if (themeFromCookies === 'light' || themeFromCookies === 'dark') {
+        theme = themeFromCookies;
     } else {
         theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }
     document.documentElement.setAttribute('data-theme', theme);
     return {
         theme,
-        themeFromStorage
+        themeFromCookies
     };
 };
-const defaultTheme = 'light';
-export const ThemeProvider = ({ children })=>{
-    const [theme, setThemeState] = useState(defaultTheme);
+export const defaultTheme = 'light';
+export const ThemeProvider = ({ children, cookiePrefix, theme: initialTheme })=>{
+    const cookieKey = `${cookiePrefix || 'payload'}-theme`;
+    const [theme, setThemeState] = useState(initialTheme || defaultTheme);
     const [autoMode, setAutoMode] = useState();
     useEffect(()=>{
-        const { theme, themeFromStorage } = getTheme();
+        const { theme, themeFromCookies } = getTheme(cookieKey);
         setThemeState(theme);
-        setAutoMode(!themeFromStorage);
-    }, []);
+        setAutoMode(!themeFromCookies);
+    }, [
+        cookieKey
+    ]);
     const setTheme = useCallback((themeToSet)=>{
         if (themeToSet === 'light' || themeToSet === 'dark') {
             setThemeState(themeToSet);
             setAutoMode(false);
-            window.localStorage.setItem(localStorageKey, themeToSet);
+            setCookie(cookieKey, themeToSet, 365);
             document.documentElement.setAttribute('data-theme', themeToSet);
         } else if (themeToSet === 'auto') {
-            const existingThemeFromStorage = window.localStorage.getItem(localStorageKey);
-            if (existingThemeFromStorage) window.localStorage.removeItem(localStorageKey);
+            // to delete the cookie, we set an expired date
+            setCookie(cookieKey, themeToSet, -1);
             const themeFromOS = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
             document.documentElement.setAttribute('data-theme', themeFromOS);
             setAutoMode(true);
             setThemeState(themeFromOS);
         }
-    }, []);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    }, [
+        cookieKey
+    ]);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             autoMode,
             setTheme,
             theme
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTheme = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nconst localStorageKey = 'payload-theme'\n\nconst getTheme = (): {\n  theme: Theme\n  themeFromStorage: null | string\n} => {\n  let theme: Theme\n  const themeFromStorage = window.localStorage.getItem(localStorageKey)\n\n  if (themeFromStorage === 'light' || themeFromStorage === 'dark') {\n    theme = themeFromStorage\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n  return { theme, themeFromStorage }\n}\n\nconst defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const [theme, setThemeState] = useState<Theme>(defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromStorage } = getTheme()\n    setThemeState(theme)\n    setAutoMode(!themeFromStorage)\n  }, [])\n\n  const setTheme = useCallback((themeToSet: 'auto' | Theme) => {\n    if (themeToSet === 'light' || themeToSet === 'dark') {\n      setThemeState(themeToSet)\n      setAutoMode(false)\n      window.localStorage.setItem(localStorageKey, themeToSet)\n      document.documentElement.setAttribute('data-theme', themeToSet)\n    } else if (themeToSet === 'auto') {\n      const existingThemeFromStorage = window.localStorage.getItem(localStorageKey)\n      if (existingThemeFromStorage) window.localStorage.removeItem(localStorageKey)\n      const themeFromOS =\n        window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n          ? 'dark'\n          : 'light'\n      document.documentElement.setAttribute('data-theme', themeFromOS)\n      setAutoMode(true)\n      setThemeState(themeFromOS)\n    }\n  }, [])\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","localStorageKey","getTheme","themeFromStorage","window","localStorage","getItem","matchMedia","matches","document","documentElement","setAttribute","defaultTheme","ThemeProvider","children","setThemeState","setAutoMode","themeToSet","setItem","existingThemeFromStorage","removeItem","themeFromOS","Provider","value","useTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,MAAMK,kBAAkB;AAExB,MAAMC,WAAW;IAIf,IAAIH;IACJ,MAAMI,mBAAmBC,OAAOC,YAAY,CAACC,OAAO,CAACL;IAErD,IAAIE,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DJ,QAAQI;IACV,OAAO;QACLJ,QACEK,OAAOG,UAAU,IAAIH,OAAOG,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAC,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcZ;IACpD,OAAO;QAAEA;QAAOI;IAAiB;AACnC;AAEA,MAAMS,eAAe;AAErB,OAAO,MAAMC,gBAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACf,OAAOgB,cAAc,GAAGpB,SAAgBiB;IAE/C,MAAM,CAACf,UAAUmB,YAAY,GAAGrB;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEI,gBAAgB,EAAE,GAAGD;QACpCa,cAAchB;QACdiB,YAAY,CAACb;IACf,GAAG,EAAE;IAEL,MAAML,WAAWN,YAAY,CAACyB;QAC5B,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZZ,OAAOC,YAAY,CAACa,OAAO,CAACjB,iBAAiBgB;YAC7CR,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcM;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,MAAME,2BAA2Bf,OAAOC,YAAY,CAACC,OAAO,CAACL;YAC7D,IAAIkB,0BAA0Bf,OAAOC,YAAY,CAACe,UAAU,CAACnB;YAC7D,MAAMoB,cACJjB,OAAOG,UAAU,IAAIH,OAAOG,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNC,SAASC,eAAe,CAACC,YAAY,CAAC,cAAcU;YACpDL,YAAY;YACZD,cAAcM;QAChB;IACF,GAAG,EAAE;IAEL,qBAAO,oBAACrB,QAAQsB,QAAQ;QAACC,OAAO;YAAE1B;YAAUC;YAAUC;QAAM;OAAIe;AAClE,EAAC;AAED,OAAO,MAAMU,WAAW,IAAoB/B,WAAWO,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","children","cookiePrefix","initialTheme","setThemeState","setAutoMode","themeToSet","themeFromOS","Provider","value","useTheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,SAASK,UAAUC,KAAK,EAAEC,MAAM,EAAEC,MAAM;IACtC,MAAMC,IAAI,IAAIC;IACdD,EAAEE,OAAO,CAACF,EAAEG,OAAO,KAAKJ,SAAS,KAAK,KAAK,KAAK;IAChD,MAAMK,UAAU,aAAaJ,EAAEK,WAAW;IAC1CC,SAASC,MAAM,GAAGV,QAAQ,MAAMC,SAAS,MAAMM,UAAU;AAC3D;AAEA,MAAMI,WAAW,CACfC;IAKA,IAAIf;IAEJ,MAAMgB,mBAAmBC,OAAOL,QAAQ,CAACC,MAAM,CAC5CK,KAAK,CAAC,MACNC,IAAI,CAAC,CAACC,MAAQA,IAAIC,UAAU,CAAC,CAAC,EAAEN,UAAU,CAAC,CAAC,IAC3CG,MAAM,IAAI,CAAC,EAAE;IAEjB,IAAIF,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DhB,QAAQgB;IACV,OAAO;QACLhB,QACEiB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAczB;IAEpD,OAAO;QAAEA;QAAOgB;IAAiB;AACnC;AAEA,OAAO,MAAMU,eAAe,QAAO;AAEnC,OAAO,MAAMC,gBAIR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE7B,OAAO8B,YAAY,EAAE;IACnD,MAAMf,YAAY,CAAC,EAAEc,gBAAgB,UAAU,MAAM,CAAC;IAEtD,MAAM,CAAC7B,OAAO+B,cAAc,GAAGnC,SAAgBkC,gBAAgBJ;IAE/D,MAAM,CAAC5B,UAAUkC,YAAY,GAAGpC;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEgB,gBAAgB,EAAE,GAAGF,SAASC;QAC7CgB,cAAc/B;QACdgC,YAAY,CAAChB;IACf,GAAG;QAACD;KAAU;IAEd,MAAMhB,WAAWN,YACf,CAACwC;QACC,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZ9B,UAAUa,WAAWkB,YAAY;YACjCrB,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcQ;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,+CAA+C;YAC/C/B,UAAUa,WAAWkB,YAAY,CAAC;YAClC,MAAMC,cACJjB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcS;YACpDF,YAAY;YACZD,cAAcG;QAChB;IACF,GACA;QAACnB;KAAU;IAGb,qBAAO,KAACd,QAAQkC,QAAQ;QAACC,OAAO;YAAEtC;YAAUC;YAAUC;QAAM;kBAAI4B;;AAClE,EAAC;AAED,OAAO,MAAMS,WAAW,IAAoB3C,WAAWO,SAAQ"}

package/dist/providers/Translation/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from '@payloadcms/translations';
 import { importDateFNSLocale } from '@payloadcms/translations';
 import enUS from 'date-fns/locale/en-US';
@@ -47,7 +48,7 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
     }, [
         dateFNSKey
     ]);
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
+    return /*#__PURE__*/ _jsx(Context.Provider, {
         value: {
             i18n: {
                 dateFNS,
@@ -60,8 +61,9 @@ export const TranslationProvider = ({ children, dateFNSKey, fallbackLang, langua
             languageOptions,
             switchLanguage,
             t: nextT
-        }
-    }, children);
+        },
+        children: children
+    });
 };
 export const useTranslation = ()=>useContext(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationsObject,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig } from 'payload/types'\n\nimport { t } from '@payloadcms/translations'\nimport { importDateFNSLocale } from '@payloadcms/translations'\nimport enUS from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/index.js'\n\nexport type LanguageOptions = {\n  label: string\n  value: string\n}[]\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = (key, vars): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context.Provider\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => useContext<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"names":["t","importDateFNSLocale","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","nextT","vars","useCallback","lang","error","console","loadDateFNS","imported","Provider","value","useTranslation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAWA,SAASA,CAAC,QAAQ,2BAA0B;AAC5C,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,OAAOC,UAAU,wBAAuB;AACxC,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,aAAa,QAAQ,yBAAwB;AAqBtD,MAAMC,wBAAUL,cAAqC;IACnD,0EAA0E;IAC1EM,MAAM;QACJC,SAAST;QACTU,YAAY;QACZC,kBAAkB;QAClBC,UAAU;QACVd,GAAG,CAACe,MAAQA;QACZC,cAAc,CAAC;IACjB;IACAC,iBAAiBC;IACjBC,gBAAgBD;IAChBlB,GAAG,CAACe,MAAQG;AACd;AAYA,OAAO,MAAME,sBAAuC,CAAC,EACnDC,QAAQ,EACRT,UAAU,EACVU,YAAY,EACZR,QAAQ,EACRG,eAAe,EACfM,0BAA0B,EAC1BP,YAAY,EACb;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGhB;IAC5B,MAAM,CAACG,SAASc,WAAW,GAAGlB;IAE9B,MAAMmB,QAA0B,CAACX,KAAKY,OACpC3B,EAAE;YACAe;YACAC;YACAW;QACF;IAEF,MAAMR,iBAAiBhB,MAAMyB,WAAW,CACtC,OAAOC;QACL,IAAI;YACF,MAAMN,2BAA2BM;YACjCL;QACF,EAAE,OAAOM,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,CAAC,yBAAyB,EAAED,KAAK,CAAC,CAAC,EAAEC;QACrD;IACF,GACA;QAACP;QAA4BC;KAAgB;IAG/ClB,UAAU;QACR,MAAM0B,cAAc;YAClB,MAAMC,WAAW,MAAMhC,oBAAoBW;YAE3Ca,WAAWQ;QACb;QAEA,KAAKD;IACP,GAAG;QAACpB;KAAW;IAEf,qBACE,oBAACH,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,MAAM;gBACJC;gBACAC;gBACAC,kBAAkBS;gBAClBR;gBACAd,GAAG0B;gBACHV;YACF;YACAC;YACAE;YACAnB,GAAG0B;QACL;OAECL;AAGP,EAAC;AAED,OAAO,MAAMe,iBAAiB,IAGvB/B,WAAmFI,SAAQ"}
+{"version":3,"sources":["../../../src/providers/Translation/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys, I18nClient } from '@payloadcms/translations'\nimport type {\n  AcceptedLanguages,\n  ClientTranslationsObject,\n  Language,\n  TFunction,\n} from '@payloadcms/translations'\nimport type { Locale } from 'date-fns'\nimport type { ClientConfig } from 'payload/types'\n\nimport { t } from '@payloadcms/translations'\nimport { importDateFNSLocale } from '@payloadcms/translations'\nimport enUS from 'date-fns/locale/en-US'\nimport React, { createContext, useContext, useEffect, useState } from 'react'\n\nimport { useRouteCache } from '../RouteCache/index.js'\n\nexport type LanguageOptions = {\n  label: string\n  value: string\n}[]\n\ntype ContextType<\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n> = {\n  i18n: [TAdditionalClientTranslationKeys] extends [never]\n    ? I18nClient\n    : TAdditionalTranslations extends object\n      ? I18nClient<TAdditionalTranslations, TAdditionalClientTranslationKeys>\n      : I18nClient<ClientTranslationsObject, TAdditionalClientTranslationKeys>\n  languageOptions: LanguageOptions\n  switchLanguage?: (lang: AcceptedLanguages) => Promise<void>\n  t: TFunction<ClientTranslationKeys | Extract<TAdditionalClientTranslationKeys, string>>\n}\n\nconst Context = createContext<ContextType<any, any>>({\n  // Use `any` here to be replaced later with a more specific type when used\n  i18n: {\n    dateFNS: enUS,\n    dateFNSKey: 'en-US',\n    fallbackLanguage: 'en',\n    language: 'en',\n    t: (key) => key,\n    translations: {} as any,\n  },\n  languageOptions: undefined,\n  switchLanguage: undefined,\n  t: (key) => undefined,\n})\n\ntype Props = {\n  children: React.ReactNode\n  dateFNSKey: Language['dateFNSKey']\n  fallbackLang: ClientConfig['i18n']['fallbackLanguage']\n  language: string\n  languageOptions: LanguageOptions\n  switchLanguageServerAction: (lang: string) => Promise<void>\n  translations: I18nClient['translations']\n}\n\nexport const TranslationProvider: React.FC<Props> = ({\n  children,\n  dateFNSKey,\n  fallbackLang,\n  language,\n  languageOptions,\n  switchLanguageServerAction,\n  translations,\n}) => {\n  const { clearRouteCache } = useRouteCache()\n  const [dateFNS, setDateFNS] = useState<Locale>()\n\n  const nextT: ContextType['t'] = (key, vars): string =>\n    t({\n      key,\n      translations,\n      vars,\n    })\n\n  const switchLanguage = React.useCallback(\n    async (lang: string) => {\n      try {\n        await switchLanguageServerAction(lang)\n        clearRouteCache()\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error(`Error loading language: \"${lang}\"`, error)\n      }\n    },\n    [switchLanguageServerAction, clearRouteCache],\n  )\n\n  useEffect(() => {\n    const loadDateFNS = async () => {\n      const imported = await importDateFNSLocale(dateFNSKey)\n\n      setDateFNS(imported)\n    }\n\n    void loadDateFNS()\n  }, [dateFNSKey])\n\n  return (\n    <Context.Provider\n      value={{\n        i18n: {\n          dateFNS,\n          dateFNSKey,\n          fallbackLanguage: fallbackLang,\n          language,\n          t: nextT,\n          translations,\n        },\n        languageOptions,\n        switchLanguage,\n        t: nextT,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport const useTranslation = <\n  TAdditionalTranslations = {},\n  TAdditionalClientTranslationKeys extends string = never,\n>() => useContext<ContextType<TAdditionalTranslations, TAdditionalClientTranslationKeys>>(Context)\n"],"names":["t","importDateFNSLocale","enUS","React","createContext","useContext","useEffect","useState","useRouteCache","Context","i18n","dateFNS","dateFNSKey","fallbackLanguage","language","key","translations","languageOptions","undefined","switchLanguage","TranslationProvider","children","fallbackLang","switchLanguageServerAction","clearRouteCache","setDateFNS","nextT","vars","useCallback","lang","error","console","loadDateFNS","imported","Provider","value","useTranslation"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAWA,SAASA,CAAC,QAAQ,2BAA0B;AAC5C,SAASC,mBAAmB,QAAQ,2BAA0B;AAC9D,OAAOC,UAAU,wBAAuB;AACxC,OAAOC,SAASC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAE7E,SAASC,aAAa,QAAQ,yBAAwB;AAqBtD,MAAMC,wBAAUL,cAAqC;IACnD,0EAA0E;IAC1EM,MAAM;QACJC,SAAST;QACTU,YAAY;QACZC,kBAAkB;QAClBC,UAAU;QACVd,GAAG,CAACe,MAAQA;QACZC,cAAc,CAAC;IACjB;IACAC,iBAAiBC;IACjBC,gBAAgBD;IAChBlB,GAAG,CAACe,MAAQG;AACd;AAYA,OAAO,MAAME,sBAAuC,CAAC,EACnDC,QAAQ,EACRT,UAAU,EACVU,YAAY,EACZR,QAAQ,EACRG,eAAe,EACfM,0BAA0B,EAC1BP,YAAY,EACb;IACC,MAAM,EAAEQ,eAAe,EAAE,GAAGhB;IAC5B,MAAM,CAACG,SAASc,WAAW,GAAGlB;IAE9B,MAAMmB,QAA0B,CAACX,KAAKY,OACpC3B,EAAE;YACAe;YACAC;YACAW;QACF;IAEF,MAAMR,iBAAiBhB,MAAMyB,WAAW,CACtC,OAAOC;QACL,IAAI;YACF,MAAMN,2BAA2BM;YACjCL;QACF,EAAE,OAAOM,OAAO;YACd,sCAAsC;YACtCC,QAAQD,KAAK,CAAC,CAAC,yBAAyB,EAAED,KAAK,CAAC,CAAC,EAAEC;QACrD;IACF,GACA;QAACP;QAA4BC;KAAgB;IAG/ClB,UAAU;QACR,MAAM0B,cAAc;YAClB,MAAMC,WAAW,MAAMhC,oBAAoBW;YAE3Ca,WAAWQ;QACb;QAEA,KAAKD;IACP,GAAG;QAACpB;KAAW;IAEf,qBACE,KAACH,QAAQyB,QAAQ;QACfC,OAAO;YACLzB,MAAM;gBACJC;gBACAC;gBACAC,kBAAkBS;gBAClBR;gBACAd,GAAG0B;gBACHV;YACF;YACAC;YACAE;YACAnB,GAAG0B;QACL;kBAECL;;AAGP,EAAC;AAED,OAAO,MAAMe,iBAAiB,IAGvB/B,WAAmFI,SAAQ"}

package/dist/scss/app.scss

@@ -67,12 +67,6 @@ html {
   @extend %body;
   background: var(--theme-bg);
   -webkit-font-smoothing: antialiased;
-  opacity: 0;
-
-  &[data-theme='dark'],
-  &[data-theme='light'] {
-    opacity: initial;
-  }
 
   &[data-theme='dark'] {
     --theme-bg: var(--theme-elevation-0);

package/dist/templates/Default/NavHamburger/index.js

@@ -1,10 +1,11 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Hamburger } from '../../../elements/Hamburger/index.js';
 import { useNav } from '../../../elements/Nav/context.js';
 export const NavHamburger = ()=>{
     const { navOpen } = useNav();
-    return /*#__PURE__*/ React.createElement(Hamburger, {
+    return /*#__PURE__*/ _jsx(Hamburger, {
         closeIcon: "collapse",
         isActive: navOpen
     });

package/dist/templates/Default/NavHamburger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Hamburger } from '../../../elements/Hamburger/index.js'\nimport { useNav } from '../../../elements/Nav/context.js'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"names":["React","Hamburger","useNav","NavHamburger","navOpen","closeIcon","isActive"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,MAAM,QAAQ,mCAAkC;AAEzD,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,GAAGF;IACpB,qBAAO,oBAACD;QAAUI,WAAU;QAAWC,UAAUF;;AACnD,EAAC"}
+{"version":3,"sources":["../../../../src/templates/Default/NavHamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { Hamburger } from '../../../elements/Hamburger/index.js'\nimport { useNav } from '../../../elements/Nav/context.js'\n\nexport const NavHamburger: React.FC = () => {\n  const { navOpen } = useNav()\n  return <Hamburger closeIcon=\"collapse\" isActive={navOpen} />\n}\n"],"names":["React","Hamburger","useNav","NavHamburger","navOpen","closeIcon","isActive"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,uCAAsC;AAChE,SAASC,MAAM,QAAQ,mCAAkC;AAEzD,OAAO,MAAMC,eAAyB;IACpC,MAAM,EAAEC,OAAO,EAAE,GAAGF;IACpB,qBAAO,KAACD;QAAUI,WAAU;QAAWC,UAAUF;;AACnD,EAAC"}

package/dist/templates/Default/Wrapper/index.js

@@ -1,16 +1,18 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useNav } from '../../../elements/Nav/context.js';
 export const Wrapper = (props)=>{
     const { baseClass, children, className } = props;
     const { navOpen } = useNav();
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: [
             baseClass,
             className,
             navOpen && `${baseClass}--nav-open`
-        ].filter(Boolean).join(' ')
-    }, children);
+        ].filter(Boolean).join(' '),
+        children: children
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/Wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useNav } from '../../../elements/Nav/context.js'\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { navOpen } = useNav()\n\n  return (\n    <div\n      className={[baseClass, className, navOpen && `${baseClass}--nav-open`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useNav","Wrapper","props","baseClass","children","className","navOpen","div","filter","Boolean","join"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AAGzD,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,OAAO,EAAE,GAAGN;IAEpB,qBACE,oBAACO;QACCF,WAAW;YAACF;YAAWE;YAAWC,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;SAAC,CACnEK,MAAM,CAACC,SACPC,IAAI,CAAC;OAEPN;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/templates/Default/Wrapper/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useNav } from '../../../elements/Nav/context.js'\nimport './index.scss'\n\nexport const Wrapper: React.FC<{\n  baseClass?: string\n  children?: React.ReactNode\n  className?: string\n}> = (props) => {\n  const { baseClass, children, className } = props\n  const { navOpen } = useNav()\n\n  return (\n    <div\n      className={[baseClass, className, navOpen && `${baseClass}--nav-open`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["React","useNav","Wrapper","props","baseClass","children","className","navOpen","div","filter","Boolean","join"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,mCAAkC;AAGzD,OAAO,MAAMC,UAIR,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGH;IAC3C,MAAM,EAAEI,OAAO,EAAE,GAAGN;IAEpB,qBACE,KAACO;QACCF,WAAW;YAACF;YAAWE;YAAWC,WAAW,CAAC,EAAEH,UAAU,UAAU,CAAC;SAAC,CACnEK,MAAM,CAACC,SACPC,IAAI,CAAC;kBAEPN;;AAGP,EAAC"}

package/dist/templates/Default/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { AppHeader } from '../../elements/AppHeader/index.js';
 import { NavToggler } from '../../elements/Nav/NavToggler/index.js';
@@ -20,32 +21,48 @@ export const DefaultTemplate = ({ children, className, i18n, locale, params, pay
         searchParams,
         user
     };
-    return /*#__PURE__*/ React.createElement(EntityVisibilityProvider, {
-        visibleEntities: visibleEntities
-    }, /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__nav-toggler-wrapper`,
-        id: "nav-toggler"
-    }, /*#__PURE__*/ React.createElement(NavToggler, {
-        className: `${baseClass}__nav-toggler`
-    }, /*#__PURE__*/ React.createElement(NavHamburger, null))), /*#__PURE__*/ React.createElement(Wrapper, {
-        baseClass: baseClass,
-        className: className
-    }, /*#__PURE__*/ React.createElement(RenderCustomComponent, {
-        CustomComponent: CustomNav,
-        DefaultComponent: DefaultNav,
-        componentProps: navProps,
-        serverOnlyProps: {
-            i18n,
-            locale,
-            params,
-            payload,
-            permissions,
-            searchParams,
-            user
-        }
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement(AppHeader, null), children))));
+    return /*#__PURE__*/ _jsx(EntityVisibilityProvider, {
+        visibleEntities: visibleEntities,
+        children: /*#__PURE__*/ _jsxs("div", {
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: `${baseClass}__nav-toggler-wrapper`,
+                    id: "nav-toggler",
+                    children: /*#__PURE__*/ _jsx(NavToggler, {
+                        className: `${baseClass}__nav-toggler`,
+                        children: /*#__PURE__*/ _jsx(NavHamburger, {})
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(Wrapper, {
+                    baseClass: baseClass,
+                    className: className,
+                    children: [
+                        /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                            CustomComponent: CustomNav,
+                            DefaultComponent: DefaultNav,
+                            componentProps: navProps,
+                            serverOnlyProps: {
+                                i18n,
+                                locale,
+                                params,
+                                payload,
+                                permissions,
+                                searchParams,
+                                user
+                            }
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: `${baseClass}__wrap`,
+                            children: [
+                                /*#__PURE__*/ _jsx(AppHeader, {}),
+                                children
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/templates/Default/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload/config'\nimport type { VisibleEntities } from 'payload/types'\n\nimport React from 'react'\n\nimport type { NavProps } from '../../elements/Nav/index.js'\n\nimport { AppHeader } from '../../elements/AppHeader/index.js'\nimport { NavToggler } from '../../elements/Nav/NavToggler/index.js'\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { EntityVisibilityProvider } from '../../providers/EntityVisibility/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = ServerProps & {\n  children?: React.ReactNode\n  className?: string\n  visibleEntities: VisibleEntities\n}\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = ({\n  children,\n  className,\n  i18n,\n  locale,\n  params,\n  payload,\n  permissions,\n  searchParams,\n  user,\n  visibleEntities,\n}) => {\n  const {\n    admin: {\n      components: { Nav: CustomNav } = {\n        Nav: undefined,\n      },\n    } = {},\n  } = payload.config || {}\n\n  const navProps: NavProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <div>\n        <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n          <NavToggler className={`${baseClass}__nav-toggler`}>\n            <NavHamburger />\n          </NavToggler>\n        </div>\n        <Wrapper baseClass={baseClass} className={className}>\n          <RenderCustomComponent\n            CustomComponent={CustomNav}\n            DefaultComponent={DefaultNav}\n            componentProps={navProps}\n            serverOnlyProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n          <div className={`${baseClass}__wrap`}>\n            <AppHeader />\n            {children}\n          </div>\n        </Wrapper>\n      </div>\n    </EntityVisibilityProvider>\n  )\n}\n"],"names":["React","AppHeader","NavToggler","DefaultNav","RenderCustomComponent","EntityVisibilityProvider","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","i18n","locale","params","payload","permissions","searchParams","user","visibleEntities","admin","components","Nav","CustomNav","undefined","config","navProps","div","id","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,wBAAwB,QAAQ,4CAA2C;AACpF,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,OAAO,QAAQ,qBAAoB;AAG5C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAkD,CAAC,EAC9DC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,YAAY,EACZC,IAAI,EACJC,eAAe,EAChB;IACC,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,KAAKC,SAAS,EAAE,GAAG;QAC/BD,KAAKE;IACP,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAGT,QAAQU,MAAM,IAAI,CAAC;IAEvB,MAAMC,WAAqB;QACzBd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,oBAACb;QAAyBc,iBAAiBA;qBACzC,oBAACQ,2BACC,oBAACA;QAAIhB,WAAW,CAAC,EAAEH,UAAU,qBAAqB,CAAC;QAAEoB,IAAG;qBACtD,oBAAC1B;QAAWS,WAAW,CAAC,EAAEH,UAAU,aAAa,CAAC;qBAChD,oBAACF,qCAGL,oBAACC;QAAQC,WAAWA;QAAWG,WAAWA;qBACxC,oBAACP;QACCyB,iBAAiBN;QACjBO,kBAAkB3B;QAClB4B,gBAAgBL;QAChBM,iBAAiB;YACfpB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAC;QACF;sBAEF,oBAACS;QAAIhB,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;qBAClC,oBAACP,kBACAS;AAMb,EAAC"}
+{"version":3,"sources":["../../../src/templates/Default/index.tsx"],"sourcesContent":["import type { ServerProps } from 'payload/config'\nimport type { VisibleEntities } from 'payload/types'\n\nimport React from 'react'\n\nimport type { NavProps } from '../../elements/Nav/index.js'\n\nimport { AppHeader } from '../../elements/AppHeader/index.js'\nimport { NavToggler } from '../../elements/Nav/NavToggler/index.js'\nimport { DefaultNav } from '../../elements/Nav/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { EntityVisibilityProvider } from '../../providers/EntityVisibility/index.js'\nimport { NavHamburger } from './NavHamburger/index.js'\nimport { Wrapper } from './Wrapper/index.js'\nimport './index.scss'\n\nconst baseClass = 'template-default'\n\nexport type DefaultTemplateProps = ServerProps & {\n  children?: React.ReactNode\n  className?: string\n  visibleEntities: VisibleEntities\n}\n\nexport const DefaultTemplate: React.FC<DefaultTemplateProps> = ({\n  children,\n  className,\n  i18n,\n  locale,\n  params,\n  payload,\n  permissions,\n  searchParams,\n  user,\n  visibleEntities,\n}) => {\n  const {\n    admin: {\n      components: { Nav: CustomNav } = {\n        Nav: undefined,\n      },\n    } = {},\n  } = payload.config || {}\n\n  const navProps: NavProps = {\n    i18n,\n    locale,\n    params,\n    payload,\n    permissions,\n    searchParams,\n    user,\n  }\n\n  return (\n    <EntityVisibilityProvider visibleEntities={visibleEntities}>\n      <div>\n        <div className={`${baseClass}__nav-toggler-wrapper`} id=\"nav-toggler\">\n          <NavToggler className={`${baseClass}__nav-toggler`}>\n            <NavHamburger />\n          </NavToggler>\n        </div>\n        <Wrapper baseClass={baseClass} className={className}>\n          <RenderCustomComponent\n            CustomComponent={CustomNav}\n            DefaultComponent={DefaultNav}\n            componentProps={navProps}\n            serverOnlyProps={{\n              i18n,\n              locale,\n              params,\n              payload,\n              permissions,\n              searchParams,\n              user,\n            }}\n          />\n          <div className={`${baseClass}__wrap`}>\n            <AppHeader />\n            {children}\n          </div>\n        </Wrapper>\n      </div>\n    </EntityVisibilityProvider>\n  )\n}\n"],"names":["React","AppHeader","NavToggler","DefaultNav","RenderCustomComponent","EntityVisibilityProvider","NavHamburger","Wrapper","baseClass","DefaultTemplate","children","className","i18n","locale","params","payload","permissions","searchParams","user","visibleEntities","admin","components","Nav","CustomNav","undefined","config","navProps","div","id","CustomComponent","DefaultComponent","componentProps","serverOnlyProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,SAAS,QAAQ,oCAAmC;AAC7D,SAASC,UAAU,QAAQ,yCAAwC;AACnE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,wBAAwB,QAAQ,4CAA2C;AACpF,SAASC,YAAY,QAAQ,0BAAyB;AACtD,SAASC,OAAO,QAAQ,qBAAoB;AAG5C,MAAMC,YAAY;AAQlB,OAAO,MAAMC,kBAAkD,CAAC,EAC9DC,QAAQ,EACRC,SAAS,EACTC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,YAAY,EACZC,IAAI,EACJC,eAAe,EAChB;IACC,MAAM,EACJC,OAAO,EACLC,YAAY,EAAEC,KAAKC,SAAS,EAAE,GAAG;QAC/BD,KAAKE;IACP,CAAC,EACF,GAAG,CAAC,CAAC,EACP,GAAGT,QAAQU,MAAM,IAAI,CAAC;IAEvB,MAAMC,WAAqB;QACzBd;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,qBACE,KAACb;QAAyBc,iBAAiBA;kBACzC,cAAA,MAACQ;;8BACC,KAACA;oBAAIhB,WAAW,CAAC,EAAEH,UAAU,qBAAqB,CAAC;oBAAEoB,IAAG;8BACtD,cAAA,KAAC1B;wBAAWS,WAAW,CAAC,EAAEH,UAAU,aAAa,CAAC;kCAChD,cAAA,KAACF;;;8BAGL,MAACC;oBAAQC,WAAWA;oBAAWG,WAAWA;;sCACxC,KAACP;4BACCyB,iBAAiBN;4BACjBO,kBAAkB3B;4BAClB4B,gBAAgBL;4BAChBM,iBAAiB;gCACfpB;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;gCACAC;4BACF;;sCAEF,MAACS;4BAAIhB,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;;8CAClC,KAACP;gCACAS;;;;;;;;AAMb,EAAC"}

package/dist/templates/Minimal/index.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const baseClass = 'template-minimal';
 export const MinimalTemplate = (props)=>{
@@ -7,12 +8,14 @@ export const MinimalTemplate = (props)=>{
         baseClass,
         `${baseClass}--width-${width}`
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ React.createElement("section", {
+    return /*#__PURE__*/ _jsx("section", {
         className: classes,
-        style: style
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, children));
+        style: style,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: `${baseClass}__wrap`,
+            children: children
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/templates/Minimal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/templates/Minimal/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'template-minimal'\n\nexport type MinimalTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  width?: 'normal' | 'wide'\n}\n\nexport const MinimalTemplate: React.FC<MinimalTemplateProps> = (props) => {\n  const { children, className, style = {}, width = 'normal' } = props\n\n  const classes = [className, baseClass, `${baseClass}--width-${width}`].filter(Boolean).join(' ')\n\n  return (\n    <section className={classes} style={style}>\n      <div className={`${baseClass}__wrap`}>{children}</div>\n    </section>\n  )\n}\n"],"names":["React","baseClass","MinimalTemplate","props","children","className","style","width","classes","filter","Boolean","join","section","div"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AASlB,OAAO,MAAMC,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC,EAAEC,QAAQ,QAAQ,EAAE,GAAGJ;IAE9D,MAAMK,UAAU;QAACH;QAAWJ;QAAW,CAAC,EAAEA,UAAU,QAAQ,EAAEM,MAAM,CAAC;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAE5F,qBACE,oBAACC;QAAQP,WAAWG;QAASF,OAAOA;qBAClC,oBAACO;QAAIR,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGG;AAG7C,EAAC"}
+{"version":3,"sources":["../../../src/templates/Minimal/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'template-minimal'\n\nexport type MinimalTemplateProps = {\n  children?: React.ReactNode\n  className?: string\n  style?: React.CSSProperties\n  width?: 'normal' | 'wide'\n}\n\nexport const MinimalTemplate: React.FC<MinimalTemplateProps> = (props) => {\n  const { children, className, style = {}, width = 'normal' } = props\n\n  const classes = [className, baseClass, `${baseClass}--width-${width}`].filter(Boolean).join(' ')\n\n  return (\n    <section className={classes} style={style}>\n      <div className={`${baseClass}__wrap`}>{children}</div>\n    </section>\n  )\n}\n"],"names":["React","baseClass","MinimalTemplate","props","children","className","style","width","classes","filter","Boolean","join","section","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AASlB,OAAO,MAAMC,kBAAkD,CAACC;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,CAAC,CAAC,EAAEC,QAAQ,QAAQ,EAAE,GAAGJ;IAE9D,MAAMK,UAAU;QAACH;QAAWJ;QAAW,CAAC,EAAEA,UAAU,QAAQ,EAAEM,MAAM,CAAC;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAE5F,qBACE,KAACC;QAAQP,WAAWG;QAASF,OAAOA;kBAClC,cAAA,KAACO;YAAIR,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;sBAAGG;;;AAG7C,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-beta.35",
+  "version": "3.0.0-beta.37",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -107,21 +107,29 @@
     "object-to-formdata": "4.5.1",
     "qs": "6.11.2",
     "react-animate-height": "2.1.2",
-    "react-datepicker": "6.2.0",
+    "react-datepicker": "6.9.0",
     "react-image-crop": "10.1.8",
-    "react-select": "5.7.4",
+    "react-select": "5.8.0",
     "react-toastify": "10.0.5",
+    "scheduler": "0.23.0",
     "use-context-selector": "1.4.1",
     "uuid": "9.0.1",
-    "@payloadcms/translations": "3.0.0-beta.35"
+    "@payloadcms/translations": "3.0.0-beta.37"
   },
   "devDependencies": {
+    "@babel/cli": "^7.24.5",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
     "@types/body-scroll-lock": "^3.1.0",
     "@types/qs": "6.9.7",
-    "@types/react": "18.3.2",
-    "@types/react-datepicker": "4.11.2",
-    "@types/react-dom": "18.3.0",
+    "@types/react": "npm:types-react@19.0.0-beta.2",
+    "@types/react-datepicker": "6.2.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
     "@types/uuid": "8.3.4",
+    "babel-plugin-react-compiler": "0.0.0-experimental-592953e-20240517",
+    "babel-plugin-transform-remove-imports": "^1.7.1",
     "css-loader": "^6.10.0",
     "css-minimizer-webpack-plugin": "^6.0.0",
     "mini-css-extract-plugin": "1.6.2",
@@ -133,22 +141,28 @@
     "terser-webpack-plugin": "^5.3.10",
     "webpack": "^5.78.0",
     "webpack-cli": "^5.1.4",
-    "payload": "3.0.0-beta.35",
-    "@payloadcms/eslint-config": "1.1.1"
+    "@payloadcms/eslint-config": "1.1.1",
+    "payload": "3.0.0-beta.37"
   },
   "peerDependencies": {
-    "next": "^14.3.0-canary.68",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "payload": "3.0.0-beta.35"
+    "next": "^15.0.0-rc.0",
+    "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
+    "payload": "3.0.0-beta.37"
   },
   "engines": {
     "node": ">=18.20.2"
   },
+  "overrides": {
+    "@types/react": "npm:types-react@19.0.0-beta.2",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2"
+  },
   "scripts": {
     "build": "pnpm copyfiles && pnpm build:swc && pnpm build:types",
+    "build:babel": "babel src --out-dir dist --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs",
+    "build:reactcompiler": "pnpm copyfiles && pnpm build:babel && pnpm build:types",
     "build:remove-artifact": "rm dist/prod/index.js",
-    "build:swc": "swc ./src -d ./dist --config-file .swcrc",
+    "build:swc": "swc ./src -d dist --config-file .swcrc",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
     "build:webpack": "webpack --config webpack.config.js",
     "clean": "rimraf {dist,*.tsbuildinfo}",

package/dist/elements/Publish/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Publish/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAS1C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CA8E7D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAInC,CAAA"}

package/dist/elements/Publish/index.js

@@ -1,87 +0,0 @@
-'use client';
-import qs from 'qs';
-import React, { useCallback } from 'react';
-import { useForm, useFormModified } from '../../forms/Form/context.js';
-import { FormSubmit } from '../../forms/Submit/index.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
-import { useLocale } from '../../providers/Locale/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-export const DefaultPublishButton = ({ label: labelProp })=>{
-    const { code } = useLocale();
-    const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo();
-    const [hasPublishPermission, setHasPublishPermission] = React.useState(false);
-    const { getData, submit } = useForm();
-    const modified = useFormModified();
-    const { routes: { api }, serverURL } = useConfig();
-    const { t } = useTranslation();
-    const label = labelProp || t('version:publishChanges');
-    const hasNewerVersions = unpublishedVersions?.totalDocs > 0;
-    const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc);
-    const publish = useCallback(()=>{
-        void submit({
-            overrides: {
-                _status: 'published'
-            }
-        });
-    }, [
-        submit
-    ]);
-    React.useEffect(()=>{
-        const fetchPublishAccess = async ()=>{
-            let docAccessURL;
-            let operation = 'update';
-            const params = {
-                locale: code || undefined
-            };
-            if (globalSlug) {
-                docAccessURL = `/globals/${globalSlug}/access`;
-            } else if (collectionSlug) {
-                if (!id) operation = 'create';
-                docAccessURL = `/${collectionSlug}/access${id ? `/${id}` : ''}`;
-            }
-            if (docAccessURL) {
-                const data = getData();
-                const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
-                    body: JSON.stringify({
-                        ...data,
-                        _status: 'published'
-                    }),
-                    credentials: 'include',
-                    headers: {
-                        'Content-Type': 'application/json'
-                    },
-                    method: 'post'
-                });
-                const json = await res.json();
-                const result = Boolean(json?.[operation]?.permission);
-                setHasPublishPermission(result);
-            } else {
-                setHasPublishPermission(true);
-            }
-        };
-        void fetchPublishAccess();
-    }, [
-        api,
-        code,
-        collectionSlug,
-        getData,
-        globalSlug,
-        id,
-        serverURL
-    ]);
-    if (!hasPublishPermission) return null;
-    return /*#__PURE__*/ React.createElement(FormSubmit, {
-        buttonId: "action-save",
-        disabled: !canPublish,
-        onClick: publish,
-        size: "small",
-        type: "button"
-    }, label);
-};
-export const Publish = ({ CustomComponent })=>{
-    if (CustomComponent) return CustomComponent;
-    return /*#__PURE__*/ React.createElement(DefaultPublishButton, null);
-};
-
-//# sourceMappingURL=index.js.map

package/dist/elements/Publish/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Publish/index.tsx"],"sourcesContent":["'use client'\n\nimport qs from 'qs'\nimport React, { useCallback } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const DefaultPublishButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo()\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const { getData, submit } = useForm()\n  const modified = useFormModified()\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n  const label = labelProp || t('version:publishChanges')\n\n  const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n  const canPublish = hasPublishPermission && (modified || hasNewerVersions || !publishedDoc)\n\n  const publish = useCallback(() => {\n    void submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n  }, [submit])\n\n  React.useEffect(() => {\n    const fetchPublishAccess = async () => {\n      let docAccessURL: string\n      let operation = 'update'\n\n      const params = {\n        locale: code || undefined,\n      }\n      if (globalSlug) {\n        docAccessURL = `/globals/${globalSlug}/access`\n      } else if (collectionSlug) {\n        if (!id) operation = 'create'\n        docAccessURL = `/${collectionSlug}/access${id ? `/${id}` : ''}`\n      }\n\n      if (docAccessURL) {\n        const data = getData()\n\n        const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n          body: JSON.stringify({\n            ...data,\n            _status: 'published',\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'post',\n        })\n        const json = await res.json()\n        const result = Boolean(json?.[operation]?.permission)\n        setHasPublishPermission(result)\n      } else {\n        setHasPublishPermission(true)\n      }\n    }\n\n    void fetchPublishAccess()\n  }, [api, code, collectionSlug, getData, globalSlug, id, serverURL])\n\n  if (!hasPublishPermission) return null\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={!canPublish}\n      onClick={publish}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const Publish: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultPublishButton />\n}\n"],"names":["qs","React","useCallback","useForm","useFormModified","FormSubmit","useConfig","useDocumentInfo","useLocale","useTranslation","DefaultPublishButton","label","labelProp","code","id","collectionSlug","globalSlug","publishedDoc","unpublishedVersions","hasPublishPermission","setHasPublishPermission","useState","getData","submit","modified","routes","api","serverURL","t","hasNewerVersions","totalDocs","canPublish","publish","overrides","_status","useEffect","fetchPublishAccess","docAccessURL","operation","params","locale","undefined","data","res","fetch","stringify","body","JSON","credentials","headers","method","json","result","Boolean","permission","buttonId","disabled","onClick","size","type","Publish","CustomComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,QAAQ,KAAI;AACnB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,MAAMC,uBAAqD,CAAC,EAAEC,OAAOC,SAAS,EAAE;IACrF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IACjB,MAAM,EAAEM,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,mBAAmB,EAAE,GAAGX;IAC9E,MAAM,CAACY,sBAAsBC,wBAAwB,GAAGnB,MAAMoB,QAAQ,CAAC;IACvE,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGpB;IAC5B,MAAMqB,WAAWpB;IAEjB,MAAM,EACJqB,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGrB;IACJ,MAAM,EAAEsB,CAAC,EAAE,GAAGnB;IACd,MAAME,QAAQC,aAAagB,EAAE;IAE7B,MAAMC,mBAAmBX,qBAAqBY,YAAY;IAC1D,MAAMC,aAAaZ,wBAAyBK,CAAAA,YAAYK,oBAAoB,CAACZ,YAAW;IAExF,MAAMe,UAAU9B,YAAY;QAC1B,KAAKqB,OAAO;YACVU,WAAW;gBACTC,SAAS;YACX;QACF;IACF,GAAG;QAACX;KAAO;IAEXtB,MAAMkC,SAAS,CAAC;QACd,MAAMC,qBAAqB;YACzB,IAAIC;YACJ,IAAIC,YAAY;YAEhB,MAAMC,SAAS;gBACbC,QAAQ3B,QAAQ4B;YAClB;YACA,IAAIzB,YAAY;gBACdqB,eAAe,CAAC,SAAS,EAAErB,WAAW,OAAO,CAAC;YAChD,OAAO,IAAID,gBAAgB;gBACzB,IAAI,CAACD,IAAIwB,YAAY;gBACrBD,eAAe,CAAC,CAAC,EAAEtB,eAAe,OAAO,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,CAAC;YACjE;YAEA,IAAIuB,cAAc;gBAChB,MAAMK,OAAOpB;gBAEb,MAAMqB,MAAM,MAAMC,MAAM,CAAC,EAAEjB,UAAU,EAAED,IAAI,EAAEW,aAAa,CAAC,EAAErC,GAAG6C,SAAS,CAACN,QAAQ,CAAC,EAAE;oBACnFO,MAAMC,KAAKF,SAAS,CAAC;wBACnB,GAAGH,IAAI;wBACPR,SAAS;oBACX;oBACAc,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBACA,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;gBAC3B,MAAMC,SAASC,QAAQF,MAAM,CAACb,UAAU,EAAEgB;gBAC1ClC,wBAAwBgC;YAC1B,OAAO;gBACLhC,wBAAwB;YAC1B;QACF;QAEA,KAAKgB;IACP,GAAG;QAACV;QAAKb;QAAME;QAAgBO;QAASN;QAAYF;QAAIa;KAAU;IAElE,IAAI,CAACR,sBAAsB,OAAO;IAElC,qBACE,oBAACd;QACCkD,UAAS;QACTC,UAAU,CAACzB;QACX0B,SAASzB;QACT0B,MAAK;QACLC,MAAK;OAEJhD;AAGP,EAAC;AAMD,OAAO,MAAMiD,UAA2B,CAAC,EAAEC,eAAe,EAAE;IAC1D,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACnD;AACV,EAAC"}

package/dist/elements/Save/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Save/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAA;AAQrC,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAmC1D,CAAA;AAED,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIhC,CAAA"}

package/dist/elements/Save/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/Save/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nexport const DefaultSaveButton: React.FC<{ label?: string }> = ({ label: labelProp }) => {\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const forceDisable = operation === 'update' && !modified\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (forceDisable) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={forceDisable}\n      onClick={() => submit()}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const Save: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultSaveButton />\n}\n"],"names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useEditDepth","useOperation","useTranslation","DefaultSaveButton","label","labelProp","t","submit","modified","ref","editDepth","operation","forceDisable","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","disabled","onClick","size","type","Save","CustomComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,SAASC,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,MAAMC,oBAAkD,CAAC,EAAEC,OAAOC,SAAS,EAAE;IAClF,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,MAAM,EAAE,GAAGX;IACnB,MAAMY,WAAWX;IACjB,MAAMO,QAAQC,aAAaC,EAAE;IAC7B,MAAMG,MAAMd,OAA0B;IACtC,MAAMe,YAAYV;IAClB,MAAMW,YAAYV;IAElB,MAAMW,eAAeD,cAAc,YAAY,CAACH;IAEhDT,UAAU;QAAEc,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,cAAc;QAChB,mBAAmB;QACrB;QAEAG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACrB;QACCsB,UAAS;QACTC,UAAUT;QACVU,SAAS,IAAMf;QACfE,KAAKA;QACLc,MAAK;QACLC,MAAK;OAEJpB;AAGP,EAAC;AAMD,OAAO,MAAMqB,OAAwB,CAAC,EAAEC,eAAe,EAAE;IACvD,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACvB;AACV,EAAC"}

package/dist/elements/SaveDraft/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraft/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAoFlD,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAIrC,CAAA"}

package/dist/elements/SaveDraft/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/elements/SaveDraft/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nconst DefaultSaveDraftButton: React.FC = () => {\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const operation = useOperation()\n\n  const forceDisable = operation === 'update' && !modified\n\n  const saveDraft = useCallback(async () => {\n    if (forceDisable) return\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) method = 'PATCH'\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n  }, [submit, collectionSlug, globalSlug, serverURL, api, locale, id, forceDisable])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (forceDisable) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={forceDisable}\n      onClick={saveDraft}\n      ref={ref}\n      size=\"small\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: React.ReactNode\n}\n\nexport const SaveDraft: React.FC<Props> = ({ CustomComponent }) => {\n  if (CustomComponent) return CustomComponent\n\n  return <DefaultSaveDraftButton />\n}\n"],"names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","DefaultSaveDraftButton","routes","api","serverURL","id","collectionSlug","globalSlug","modified","code","locale","ref","editDepth","t","submit","operation","forceDisable","saveDraft","search","action","method","overrides","_status","skipValidation","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","disabled","onClick","size","type","SaveDraft","CustomComponent"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,OAAOA,SAASC,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,MAAMC,yBAAmC;IACvC,MAAM,EACJC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAGV;IACJ,MAAM,EAAEW,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGZ;IAC3C,MAAMa,WAAWjB;IACjB,MAAM,EAAEkB,MAAMC,MAAM,EAAE,GAAGb;IACzB,MAAMc,MAAMtB,OAA0B;IACtC,MAAMuB,YAAYhB;IAClB,MAAM,EAAEiB,CAAC,EAAE,GAAGd;IACd,MAAM,EAAEe,MAAM,EAAE,GAAGxB;IACnB,MAAMyB,YAAYjB;IAElB,MAAMkB,eAAeD,cAAc,YAAY,CAACP;IAEhD,MAAMS,YAAY7B,YAAY;QAC5B,IAAI4B,cAAc;QAElB,MAAME,SAAS,CAAC,QAAQ,EAAER,OAAO,wCAAwC,CAAC;QAC1E,IAAIS;QACJ,IAAIC,SAAS;QAEb,IAAId,gBAAgB;YAClBa,SAAS,CAAC,EAAEf,UAAU,EAAED,IAAI,CAAC,EAAEG,eAAe,EAAED,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,EAAEa,OAAO,CAAC;YAC7E,IAAIb,IAAIe,SAAS;QACnB;QAEA,IAAIb,YAAY;YACdY,SAAS,CAAC,EAAEf,UAAU,EAAED,IAAI,SAAS,EAAEI,WAAW,EAAEW,OAAO,CAAC;QAC9D;QAEA,MAAMJ,OAAO;YACXK;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;IACF,GAAG;QAACT;QAAQR;QAAgBC;QAAYH;QAAWD;QAAKO;QAAQL;QAAIW;KAAa;IAEjFvB,UAAU;QAAE+B,YAAY;QAAMZ;QAAWa,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIV,cAAc;QAChB,mBAAmB;QACrB;QAEAU,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIjB,KAAKkB,SAAS;YAChBlB,IAAIkB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,qBACE,oBAACtC;QACCuC,UAAS;QACTC,aAAY;QACZC,WAAWjC;QACXkC,UAAUlB;QACVmB,SAASlB;QACTN,KAAKA;QACLyB,MAAK;QACLC,MAAK;OAEJxB,EAAE;AAGT;AAMA,OAAO,MAAMyB,YAA6B,CAAC,EAAEC,eAAe,EAAE;IAC5D,IAAIA,iBAAiB,OAAOA;IAE5B,qBAAO,oBAACtC;AACV,EAAC"}