@payloadcms/ui 3.18.0-canary.df484f6 → 3.18.0

package/dist/providers/Locale/index.js

@@ -13,7 +13,7 @@ export const LocaleLoadingContext = /*#__PURE__*/createContext({
   localeIsLoading: false,
   setLocaleIsLoading: _ => undefined
 });
-const fetchPreferences = async key => await fetch(`/api/payload-preferences/${key}`, {
+const fetchPreferences = async (key, baseURL) => await fetch(`${baseURL}/payload-preferences/${key}`, {
   credentials: 'include',
   headers: {
     'Content-Type': 'application/json'
@@ -21,7 +21,7 @@ const fetchPreferences = async key => await fetch(`/api/payload-preferences/${ke
   method: 'GET'
 })?.then(res => res.json());
 export const LocaleProvider = t0 => {
-  const $ = _c(25);
+  const $ = _c(27);
   const {
     children,
     locale: initialLocaleFromPrefs
@@ -30,9 +30,14 @@ export const LocaleProvider = t0 => {
     config: t1
   } = useConfig();
   const {
-    localization: t2
+    localization: t2,
+    routes: t3,
+    serverURL
   } = t1;
   const localization = t2 === undefined ? false : t2;
+  const {
+    api: apiRoute
+  } = t3;
   const {
     user
   } = useAuth();
@@ -40,19 +45,19 @@ export const LocaleProvider = t0 => {
   const {
     getPreference
   } = usePreferences();
-  const t3 = useSearchParams();
-  let t4;
-  if ($[0] !== t3) {
-    t4 = t3.get("locale");
-    $[0] = t3;
-    $[1] = t4;
+  const t4 = useSearchParams();
+  let t5;
+  if ($[0] !== t4) {
+    t5 = t4.get("locale");
+    $[0] = t4;
+    $[1] = t5;
   } else {
-    t4 = $[1];
+    t5 = $[1];
   }
-  const localeFromParams = t4;
-  let t5;
+  const localeFromParams = t5;
+  let t6;
   if ($[2] !== defaultLocale || $[3] !== initialLocaleFromPrefs || $[4] !== localeFromParams || $[5] !== localization) {
-    t5 = () => {
+    t6 = () => {
       if (!localization) {
         return {};
       }
@@ -62,37 +67,38 @@ export const LocaleProvider = t0 => {
     $[3] = initialLocaleFromPrefs;
     $[4] = localeFromParams;
     $[5] = localization;
-    $[6] = t5;
+    $[6] = t6;
   } else {
-    t5 = $[6];
+    t6 = $[6];
   }
-  const [locale, setLocale] = React.useState(t5);
+  const [locale, setLocale] = React.useState(t6);
   const [isLoading, setLocaleIsLoading] = useState(false);
   const prevLocale = useRef(locale);
-  let t6;
   let t7;
+  let t8;
   if ($[7] !== locale) {
-    t6 = () => {
+    t7 = () => {
       if (locale.code !== prevLocale.current.code) {
         setLocaleIsLoading(false);
       }
       prevLocale.current = locale;
     };
-    t7 = [locale];
+    t8 = [locale];
     $[7] = locale;
-    $[8] = t6;
-    $[9] = t7;
+    $[8] = t7;
+    $[9] = t8;
   } else {
-    t6 = $[8];
-    t7 = $[9];
+    t7 = $[8];
+    t8 = $[9];
   }
-  useEffect(t6, t7);
-  let t8;
-  if ($[10] !== defaultLocale || $[11] !== localeFromParams || $[12] !== localization || $[13] !== user?.id) {
-    t8 = () => {
+  useEffect(t7, t8);
+  const fetchURL = `${serverURL}${apiRoute}`;
+  let t9;
+  if ($[10] !== defaultLocale || $[11] !== fetchURL || $[12] !== localeFromParams || $[13] !== localization || $[14] !== user?.id) {
+    t9 = () => {
       const resetLocale = async function resetLocale() {
         if (localization && user?.id) {
-          const localeToUse = localeFromParams || (await fetchPreferences("locale")?.then(_temp)) || defaultLocale;
+          const localeToUse = localeFromParams || (await fetchPreferences("locale", fetchURL)?.then(_temp)) || defaultLocale;
           const newLocale = findLocaleFromCode(localization, localeToUse) || findLocaleFromCode(localization, defaultLocale);
           setLocale(newLocale);
         }
@@ -100,30 +106,32 @@ export const LocaleProvider = t0 => {
       resetLocale();
     };
     $[10] = defaultLocale;
-    $[11] = localeFromParams;
-    $[12] = localization;
-    $[13] = user?.id;
-    $[14] = t8;
+    $[11] = fetchURL;
+    $[12] = localeFromParams;
+    $[13] = localization;
+    $[14] = user?.id;
+    $[15] = t9;
   } else {
-    t8 = $[14];
+    t9 = $[15];
   }
-  const t9 = user?.id;
-  let t10;
-  if ($[15] !== defaultLocale || $[16] !== getPreference || $[17] !== localeFromParams || $[18] !== localization || $[19] !== t9) {
-    t10 = [defaultLocale, getPreference, localization, localeFromParams, t9];
-    $[15] = defaultLocale;
-    $[16] = getPreference;
-    $[17] = localeFromParams;
-    $[18] = localization;
-    $[19] = t9;
-    $[20] = t10;
+  const t10 = user?.id;
+  let t11;
+  if ($[16] !== defaultLocale || $[17] !== fetchURL || $[18] !== getPreference || $[19] !== localeFromParams || $[20] !== localization || $[21] !== t10) {
+    t11 = [defaultLocale, getPreference, localization, fetchURL, localeFromParams, t10];
+    $[16] = defaultLocale;
+    $[17] = fetchURL;
+    $[18] = getPreference;
+    $[19] = localeFromParams;
+    $[20] = localization;
+    $[21] = t10;
+    $[22] = t11;
   } else {
-    t10 = $[20];
+    t11 = $[22];
   }
-  useEffect(t8, t10);
-  let t11;
-  if ($[21] !== children || $[22] !== isLoading || $[23] !== locale) {
-    t11 = _jsx(LocaleContext.Provider, {
+  useEffect(t9, t11);
+  let t12;
+  if ($[23] !== children || $[24] !== isLoading || $[25] !== locale) {
+    t12 = _jsx(LocaleContext.Provider, {
       value: locale,
       children: _jsx(LocaleLoadingContext.Provider, {
         value: {
@@ -133,14 +141,14 @@ export const LocaleProvider = t0 => {
         children
       })
     });
-    $[21] = children;
-    $[22] = isLoading;
-    $[23] = locale;
-    $[24] = t11;
+    $[23] = children;
+    $[24] = isLoading;
+    $[25] = locale;
+    $[26] = t12;
   } else {
-    t11 = $[24];
+    t12 = $[26];
   }
-  return t11;
+  return t12;
 };
 export const useLocaleLoading = () => {
   return useContext(LocaleLoadingContext);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useSearchParams","React","createContext","useContext","useEffect","useRef","useState","findLocaleFromCode","useAuth","useConfig","usePreferences","LocaleContext","LocaleLoadingContext","localeIsLoading","setLocaleIsLoading","_","undefined","fetchPreferences","key","fetch","credentials","headers","method","then","res","json","LocaleProvider","t0","$","children","locale","initialLocaleFromPrefs","config","t1","localization","t2","user","defaultLocale","getPreference","t3","t4","get","localeFromParams","t5","setLocale","isLoading","prevLocale","t6","t7","code","current","t8","id","resetLocale","localeToUse","_temp","newLocale","t9","t10","t11","_jsx","Provider","value","useLocaleLoading","useLocale"],"sources":["../../../src/providers/Locale/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Locale } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport React, { createContext, useContext, useEffect, useRef, useState } from 'react'\n\nimport { findLocaleFromCode } from '../../utilities/findLocaleFromCode.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useConfig } from '../Config/index.js'\nimport { usePreferences } from '../Preferences/index.js'\n\nconst LocaleContext = createContext({} as Locale)\n\nexport const LocaleLoadingContext = createContext({\n  localeIsLoading: false,\n  setLocaleIsLoading: (_: boolean) => undefined,\n})\n\nconst fetchPreferences = async <T extends Record<string, unknown> | string>(\n  key: string,\n): Promise<{ id: string; value: T }> =>\n  await fetch(`/api/payload-preferences/${key}`, {\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    method: 'GET',\n  })?.then((res) => res.json() as Promise<{ id: string; value: T }>)\n\nexport const LocaleProvider: React.FC<{ children?: React.ReactNode; locale?: Locale['code'] }> = ({\n  children,\n  /**\n    The `locale` prop originates from the root layout, which does not have access to search params\n    This component uses the `useSearchParams` hook to get the locale from the URL as precedence over this prop\n    This prop does not update as the user navigates the site, because the root layout does not re-render\n  */\n  locale: initialLocaleFromPrefs,\n}) => {\n  const {\n    config: { localization = false },\n  } = useConfig()\n\n  const { user } = useAuth()\n\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n\n  const { getPreference, setPreference } = usePreferences()\n  const localeFromParams = useSearchParams().get('locale')\n\n  const [locale, setLocale] = React.useState<Locale>(() => {\n    if (!localization) {\n      // TODO: return null V4\n      return {} as Locale\n    }\n\n    return (\n      findLocaleFromCode(localization, localeFromParams) ||\n      findLocaleFromCode(localization, initialLocaleFromPrefs) ||\n      findLocaleFromCode(localization, defaultLocale)\n    )\n  })\n\n  const [isLoading, setLocaleIsLoading] = useState(false)\n\n  const prevLocale = useRef<Locale>(locale)\n\n  useEffect(() => {\n    /**\n     * We need to set `isLoading` back to false once the locale is detected to be different\n     * This happens when the user clicks an anchor link which appends the `?locale=` query param\n     * This triggers a client-side navigation, which re-renders the page with the new locale\n     * In Next.js, local state is persisted during this type of navigation because components are not unmounted\n     */\n    if (locale.code !== prevLocale.current.code) {\n      setLocaleIsLoading(false)\n    }\n\n    prevLocale.current = locale\n  }, [locale])\n\n  useEffect(() => {\n    /**\n     * This effect should only run when `localeFromParams` changes, i.e. when the user clicks an anchor link\n     * The root layout, which sends the initial locale from prefs, will not re-render as the user navigates the site\n     * For this reason, we need to fetch the locale from prefs if the search params clears the `locale` query param\n     */\n    async function resetLocale() {\n      if (localization && user?.id) {\n        const localeToUse =\n          localeFromParams ||\n          (await fetchPreferences<Locale['code']>('locale')?.then((res) => res.value)) ||\n          defaultLocale\n\n        const newLocale =\n          findLocaleFromCode(localization, localeToUse) ||\n          findLocaleFromCode(localization, defaultLocale)\n\n        setLocale(newLocale)\n      }\n    }\n\n    void resetLocale()\n  }, [defaultLocale, getPreference, localization, localeFromParams, user?.id])\n\n  return (\n    <LocaleContext.Provider value={locale}>\n      <LocaleLoadingContext.Provider value={{ localeIsLoading: isLoading, setLocaleIsLoading }}>\n        {children}\n      </LocaleLoadingContext.Provider>\n    </LocaleContext.Provider>\n  )\n}\n\nexport const useLocaleLoading = () => useContext(LocaleLoadingContext)\n\n/**\n * TODO: V4\n * The return type of the `useLocale` hook will change in v4. It will return `null | Locale` instead of `false | {} | Locale`.\n */\nexport const useLocale = (): Locale => useContext(LocaleContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useSearchParams","React","createContext","useContext","useEffect","useRef","useState","findLocaleFromCode","useAuth","useConfig","usePreferences","LocaleContext","LocaleLoadingContext","localeIsLoading","setLocaleIsLoading","_","undefined","fetchPreferences","key","baseURL","fetch","credentials","headers","method","then","res","json","LocaleProvider","t0","$","children","locale","initialLocaleFromPrefs","config","t1","localization","t2","routes","t3","serverURL","api","apiRoute","user","defaultLocale","getPreference","t4","t5","get","localeFromParams","t6","setLocale","isLoading","prevLocale","t7","t8","code","current","fetchURL","t9","id","resetLocale","localeToUse","_temp","newLocale","t10","t11","t12","_jsx","Provider","value","useLocaleLoading","useLocale"],"sources":["../../../src/providers/Locale/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Locale } from 'payload'\n\nimport { useSearchParams } from 'next/navigation.js'\nimport React, { createContext, useContext, useEffect, useRef, useState } from 'react'\n\nimport { findLocaleFromCode } from '../../utilities/findLocaleFromCode.js'\nimport { useAuth } from '../Auth/index.js'\nimport { useConfig } from '../Config/index.js'\nimport { usePreferences } from '../Preferences/index.js'\n\nconst LocaleContext = createContext({} as Locale)\n\nexport const LocaleLoadingContext = createContext({\n  localeIsLoading: false,\n  setLocaleIsLoading: (_: boolean) => undefined,\n})\n\nconst fetchPreferences = async <T extends Record<string, unknown> | string>(\n  key: string,\n  baseURL: string,\n): Promise<{ id: string; value: T }> =>\n  await fetch(`${baseURL}/payload-preferences/${key}`, {\n    credentials: 'include',\n    headers: {\n      'Content-Type': 'application/json',\n    },\n    method: 'GET',\n  })?.then((res) => res.json() as Promise<{ id: string; value: T }>)\n\nexport const LocaleProvider: React.FC<{ children?: React.ReactNode; locale?: Locale['code'] }> = ({\n  children,\n  /**\n    The `locale` prop originates from the root layout, which does not have access to search params\n    This component uses the `useSearchParams` hook to get the locale from the URL as precedence over this prop\n    This prop does not update as the user navigates the site, because the root layout does not re-render\n  */\n  locale: initialLocaleFromPrefs,\n}) => {\n  const {\n    config: {\n      localization = false,\n      routes: { api: apiRoute },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { user } = useAuth()\n\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n\n  const { getPreference, setPreference } = usePreferences()\n  const localeFromParams = useSearchParams().get('locale')\n\n  const [locale, setLocale] = React.useState<Locale>(() => {\n    if (!localization) {\n      // TODO: return null V4\n      return {} as Locale\n    }\n\n    return (\n      findLocaleFromCode(localization, localeFromParams) ||\n      findLocaleFromCode(localization, initialLocaleFromPrefs) ||\n      findLocaleFromCode(localization, defaultLocale)\n    )\n  })\n\n  const [isLoading, setLocaleIsLoading] = useState(false)\n\n  const prevLocale = useRef<Locale>(locale)\n\n  useEffect(() => {\n    /**\n     * We need to set `isLoading` back to false once the locale is detected to be different\n     * This happens when the user clicks an anchor link which appends the `?locale=` query param\n     * This triggers a client-side navigation, which re-renders the page with the new locale\n     * In Next.js, local state is persisted during this type of navigation because components are not unmounted\n     */\n    if (locale.code !== prevLocale.current.code) {\n      setLocaleIsLoading(false)\n    }\n\n    prevLocale.current = locale\n  }, [locale])\n\n  const fetchURL = `${serverURL}${apiRoute}`\n\n  useEffect(() => {\n    /**\n     * This effect should only run when `localeFromParams` changes, i.e. when the user clicks an anchor link\n     * The root layout, which sends the initial locale from prefs, will not re-render as the user navigates the site\n     * For this reason, we need to fetch the locale from prefs if the search params clears the `locale` query param\n     */\n    async function resetLocale() {\n      if (localization && user?.id) {\n        const localeToUse =\n          localeFromParams ||\n          (await fetchPreferences<Locale['code']>('locale', fetchURL)?.then((res) => res.value)) ||\n          defaultLocale\n\n        const newLocale =\n          findLocaleFromCode(localization, localeToUse) ||\n          findLocaleFromCode(localization, defaultLocale)\n\n        setLocale(newLocale)\n      }\n    }\n\n    void resetLocale()\n  }, [defaultLocale, getPreference, localization, fetchURL, localeFromParams, user?.id])\n\n  return (\n    <LocaleContext.Provider value={locale}>\n      <LocaleLoadingContext.Provider value={{ localeIsLoading: isLoading, setLocaleIsLoading }}>\n        {children}\n      </LocaleLoadingContext.Provider>\n    </LocaleContext.Provider>\n  )\n}\n\nexport const useLocaleLoading = () => useContext(LocaleLoadingContext)\n\n/**\n * TODO: V4\n * The return type of the `useLocale` hook will change in v4. It will return `null | Locale` instead of `false | {} | Locale`.\n */\nexport const useLocale = (): Locale => useContext(LocaleContext)\n"],"mappings":"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","ignoreList":[]}

package/dist/scss/toasts.scss

@@ -2,6 +2,8 @@
 
 @layer payload-default {
   .payload-toast-container {
+    --offset: calc(var(--gutter-h) / 2);
+
     padding: 0;
     margin: 0;