@payloadcms/ui 4.0.0-internal.af6aad0 → 4.0.0-internal.b8e7c89

package/dist/elements/UserMenu/ThemeMenu/index.js

@@ -8,7 +8,6 @@ import { VariableColorIcon } from '../../../icons/VariableColor/index.js';
 import { useTheme } from '../../../providers/Theme/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Popup, PopupList } from '../../Popup/index.js';
-import { useHoverSubmenu } from '../useHoverSubmenu.js';
 export const ThemeMenuContent = () => {
   const $ = _c(5);
   const {
@@ -59,21 +58,13 @@ export const ThemeMenuContent = () => {
   return t0;
 };
 export const ThemeMenu = t0 => {
-  const $ = _c(15);
+  const $ = _c(5);
   const {
     onMobileOpen
   } = t0;
   const {
     t
   } = useTranslation();
-  const {
-    close,
-    contentRef,
-    isOpen,
-    keepOpen,
-    open,
-    triggerRef
-  } = useHoverSubmenu("theme");
   if (onMobileOpen) {
     let t1;
     if ($[0] !== onMobileOpen || $[1] !== t) {
@@ -83,7 +74,7 @@ export const ThemeMenu = t0 => {
         onClick: onMobileOpen,
         type: "button",
         children: [_jsx("span", {
-          className: "popup-button-list__icon",
+          className: "popup-button-list__submenu-icon",
           children: _jsx(VariableColorIcon, {
             size: 24
           })
@@ -107,83 +98,48 @@ export const ThemeMenu = t0 => {
     return t1;
   }
   let t1;
-  if ($[3] !== close) {
-    t1 = nextOpen => {
-      if (!nextOpen) {
-        close();
-      }
-    };
-    $[3] = close;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== open || $[6] !== t || $[7] !== triggerRef) {
-    t2 = t3 => {
-      const {
-        active,
-        onClick,
-        onKeyDown,
-        ...aria
-      } = t3;
-      return _jsxs("button", {
-        ...aria,
-        className: "popup-button-list__button popup-button-list__button--submenu-trigger popup-button-list__button--submenu-trigger-theme",
-        onClick,
-        onKeyDown,
-        onMouseEnter: open,
-        ref: triggerRef,
-        type: "button",
-        children: [_jsx("span", {
-          className: "popup-button-list__icon",
-          children: _jsx(VariableColorIcon, {
-            size: 24
-          })
-        }), _jsx("span", {
-          className: "popup-button-list__label",
-          children: t("general:theme")
-        }), _jsx("span", {
-          className: "popup-button-list__chevron",
-          children: _jsx(ChevronIcon, {
-            direction: "right",
-            size: 16
-          })
-        })]
-      });
-    };
-    $[5] = open;
-    $[6] = t;
-    $[7] = triggerRef;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  let t3;
-  if ($[9] !== contentRef || $[10] !== isOpen || $[11] !== keepOpen || $[12] !== t1 || $[13] !== t2) {
-    t3 = _jsx(Popup, {
-      forceOpen: isOpen,
-      onToggleOpen: t1,
-      renderButton: t2,
+  if ($[3] !== t) {
+    t1 = _jsx(Popup, {
+      renderButton: t2 => {
+        const {
+          active,
+          onClick,
+          onKeyDown,
+          ...aria
+        } = t2;
+        return _jsxs("button", {
+          ...aria,
+          className: ["popup-button-list__button", "popup-button-list__button--submenu-trigger", active && "popup-button-list__button--selected"].filter(Boolean).join(" "),
+          onClick,
+          onKeyDown,
+          type: "button",
+          children: [_jsx("span", {
+            className: "popup-button-list__submenu-icon",
+            children: _jsx(VariableColorIcon, {
+              size: 24
+            })
+          }), _jsx("span", {
+            className: "popup-button-list__label",
+            children: t("general:theme")
+          }), _jsx("span", {
+            className: "popup-button-list__chevron",
+            children: _jsx(ChevronIcon, {
+              direction: "right",
+              size: 16
+            })
+          })]
+        });
+      },
       side: "left",
       size: "large",
       theme: "dark",
-      children: _jsx("div", {
-        className: "popup-button-list__submenu-content-theme",
-        onMouseEnter: keepOpen,
-        ref: contentRef,
-        children: _jsx(ThemeMenuContent, {})
-      })
+      children: _jsx(ThemeMenuContent, {})
     });
-    $[9] = contentRef;
-    $[10] = isOpen;
-    $[11] = keepOpen;
-    $[12] = t1;
-    $[13] = t2;
-    $[14] = t3;
+    $[3] = t;
+    $[4] = t1;
   } else {
-    t3 = $[14];
+    t1 = $[4];
   }
-  return t3;
+  return t1;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/UserMenu/ThemeMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","VariableColorIcon","useTheme","useTranslation","Popup","PopupList","useHoverSubmenu","ThemeMenuContent","$","autoMode","setTheme","theme","t","t0","options","label","value","activeValue","_jsx","children","RadioGroup","map","t1","RadioGroupItem","active","onClick","ThemeMenu","onMobileOpen","close","contentRef","isOpen","keepOpen","open","triggerRef","_jsxs","className","type","size","direction","nextOpen","t2","t3","onKeyDown","aria","onMouseEnter","ref","forceOpen","onToggleOpen","renderButton"],"sources":["../../../../src/elements/UserMenu/ThemeMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { VariableColorIcon } from '../../../icons/VariableColor/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { useHoverSubmenu } from '../useHoverSubmenu.js'\n\nexport const ThemeMenuContent: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options: { label: string; value: 'auto' | 'dark' | 'light' }[] = [\n    { label: t('general:auto'), value: 'auto' },\n    { label: t('general:light'), value: 'light' },\n    { label: t('general:dark'), value: 'dark' },\n  ]\n\n  const activeValue: 'auto' | 'dark' | 'light' = autoMode ? 'auto' : theme\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {options.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={activeValue === value}\n            key={value}\n            onClick={() => setTheme(value)}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const ThemeMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n  const { close, contentRef, isOpen, keepOpen, open, triggerRef } = useHoverSubmenu('theme')\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__icon\">\n          <VariableColorIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      forceOpen={isOpen}\n      onToggleOpen={(nextOpen) => {\n        if (!nextOpen) {\n          close()\n        }\n      }}\n      renderButton={({ active, onClick, onKeyDown, ...aria }) => (\n        <button\n          {...aria}\n          className=\"popup-button-list__button popup-button-list__button--submenu-trigger popup-button-list__button--submenu-trigger-theme\"\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          onMouseEnter={open}\n          ref={triggerRef as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n        >\n          <span className=\"popup-button-list__icon\">\n            <VariableColorIcon size={24} />\n          </span>\n          <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n          <span className=\"popup-button-list__chevron\">\n            <ChevronIcon direction=\"right\" size={16} />\n          </span>\n        </button>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <div\n        className=\"popup-button-list__submenu-content-theme\"\n        onMouseEnter={keepOpen}\n        ref={contentRef as React.Ref<HTMLDivElement>}\n      >\n        <ThemeMenuContent />\n      </div>\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","VariableColorIcon","useTheme","useTranslation","Popup","PopupList","ThemeMenuContent","$","autoMode","setTheme","theme","t","t0","options","label","value","activeValue","_jsx","children","RadioGroup","map","t1","RadioGroupItem","active","onClick","ThemeMenu","onMobileOpen","_jsxs","className","type","size","direction","renderButton","t2","onKeyDown","aria","filter","Boolean","join"],"sources":["../../../../src/elements/UserMenu/ThemeMenu/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { VariableColorIcon } from '../../../icons/VariableColor/index.js'\nimport { useTheme } from '../../../providers/Theme/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\n\nexport const ThemeMenuContent: React.FC = () => {\n  const { autoMode, setTheme, theme } = useTheme()\n  const { t } = useTranslation()\n\n  const options: { label: string; value: 'auto' | 'dark' | 'light' }[] = [\n    { label: t('general:auto'), value: 'auto' },\n    { label: t('general:light'), value: 'light' },\n    { label: t('general:dark'), value: 'dark' },\n  ]\n\n  const activeValue: 'auto' | 'dark' | 'light' = autoMode ? 'auto' : theme\n\n  return (\n    <div data-popup-prevent-close>\n      <PopupList.RadioGroup>\n        {options.map(({ label, value }) => (\n          <PopupList.RadioGroupItem\n            active={activeValue === value}\n            key={value}\n            onClick={() => setTheme(value)}\n          >\n            {label}\n          </PopupList.RadioGroupItem>\n        ))}\n      </PopupList.RadioGroup>\n    </div>\n  )\n}\n\nexport const ThemeMenu: React.FC<{\n  readonly onMobileOpen?: () => void\n}> = ({ onMobileOpen }) => {\n  const { t } = useTranslation()\n\n  if (onMobileOpen) {\n    return (\n      <button\n        className=\"popup-button-list__button popup-button-list__button--submenu-trigger\"\n        data-popup-prevent-close\n        onClick={onMobileOpen}\n        type=\"button\"\n      >\n        <span className=\"popup-button-list__submenu-icon\">\n          <VariableColorIcon size={24} />\n        </span>\n        <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n        <span className=\"popup-button-list__chevron\">\n          <ChevronIcon direction=\"right\" size={24} />\n        </span>\n      </button>\n    )\n  }\n\n  return (\n    <Popup\n      renderButton={({ active, onClick, onKeyDown, ...aria }) => (\n        <button\n          {...aria}\n          className={[\n            'popup-button-list__button',\n            'popup-button-list__button--submenu-trigger',\n            active && 'popup-button-list__button--selected',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={onClick}\n          onKeyDown={onKeyDown}\n          type=\"button\"\n        >\n          <span className=\"popup-button-list__submenu-icon\">\n            <VariableColorIcon size={24} />\n          </span>\n          <span className=\"popup-button-list__label\">{t('general:theme')}</span>\n          <span className=\"popup-button-list__chevron\">\n            <ChevronIcon direction=\"right\" size={16} />\n          </span>\n        </button>\n      )}\n      side=\"left\"\n      size=\"large\"\n      theme=\"dark\"\n    >\n      <ThemeMenuContent />\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/UserMenu/index.css

@@ -10,40 +10,10 @@
   border: none;
   cursor: pointer;
   padding: 0;
-  border-radius: var(--radius-medium);
-
-  &:hover {
-    background-color: var(--color-bg-transparent-hover);
-  }
-}
-
-.user-menu__trigger--active,
-.user-menu__trigger--active:hover {
-  background-color: var(--color-bg-transparent-pressed);
 }
 
-.user-menu__trigger--with-title {
-  gap: var(--spacer-1);
-}
-
-.user-menu__trigger-content {
-  display: flex;
-  align-items: center;
-  gap: var(--spacer-1);
-  padding-block: var(--spacer-1);
-  padding-inline: var(--spacer-2) var(--spacer-1);
-}
-
-.user-menu__trigger-label {
-  font-family: var(--text-body-medium-strong-font-family);
-  font-size: var(--text-body-medium-strong-font-size);
-  font-weight: var(--text-body-medium-strong-font-weight);
-  line-height: var(--text-body-medium-strong-line-height);
-  margin: 0;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--color-text);
+.user-menu__trigger--active {
+  opacity: 0.8;
 }
 
 .user-menu__profile {

package/dist/elements/UserMenu/index.d.ts

@@ -5,7 +5,6 @@ type UserMenuProps = {
     CustomAvatar?: React.ReactNode;
     CustomLogoutButton?: React.ReactNode;
     settingsItemGroups?: UserMenuSettingsGroup[];
-    showTitle?: boolean;
 };
 export declare const UserMenu: React.FC<UserMenuProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAepE,OAAO,aAAa,CAAA;AAKpB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2L5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAcpE,OAAO,aAAa,CAAA;AAIpB,KAAK,aAAa,GAAG;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+J5C,CAAA"}

package/dist/elements/UserMenu/index.js

@@ -6,7 +6,6 @@ import { useWindowInfo } from '@faceless-ui/window-info';
 import { formatAdminURL } from 'payload/shared';
 import React, { useEffect, useState } from 'react';
 import { Account } from '../../graphics/Account/index.js';
-import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { LogOutIcon } from '../../icons/LogOut/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
@@ -14,23 +13,20 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { MenuSeparator } from '../MenuSeparator/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
-import { HoverSubmenuGroupProvider } from './HoverSubmenuGroup.js';
 import { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js';
 import { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js';
 import { SubMenuHeader } from './SubMenuHeader/index.js';
-import './index.css';
 import { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js';
+import './index.css';
 const baseClass = 'user-menu';
 export const UserMenu = t0 => {
-  const $ = _c(9);
+  const $ = _c(7);
   const {
     CustomAvatar,
     CustomLogoutButton,
-    settingsItemGroups: t1,
-    showTitle: t2
+    settingsItemGroups: t1
   } = t0;
   const settingsItemGroups = t1 === undefined ? [] : t1;
-  const showTitle = t2 === undefined ? false : t2;
   const {
     user
   } = useAuth();
@@ -39,51 +35,50 @@ export const UserMenu = t0 => {
     t
   } = useTranslation();
   const {
-    config: t3,
+    config: t2,
     getEntityConfig
   } = useConfig();
   const {
-    admin: t4,
-    routes: t5
-  } = t3;
+    admin: t3,
+    routes: t4
+  } = t2;
   const {
-    routes: t6,
+    routes: t5,
     theme: adminTheme,
     user: userSlug
-  } = t4;
+  } = t3;
   const {
     account: accountRoute,
     logout: logoutRoute
-  } = t6;
+  } = t5;
   const {
     admin: adminRoute
-  } = t5;
+  } = t4;
   const {
-    breakpoints: t7
+    breakpoints: t6
   } = useWindowInfo();
   const {
     s: smallBreak
-  } = t7;
+  } = t6;
   const isMobile = Boolean(smallBreak);
   const [activeMobileSubmenu, setActiveMobileSubmenu] = useState(null);
-  const [menuInstanceKey, setMenuInstanceKey] = useState(0);
+  let t7;
   let t8;
-  let t9;
   if ($[0] !== isMobile) {
-    t8 = () => {
+    t7 = () => {
       if (!isMobile) {
         setActiveMobileSubmenu(null);
       }
     };
-    t9 = [isMobile];
+    t8 = [isMobile];
     $[0] = isMobile;
-    $[1] = t8;
-    $[2] = t9;
+    $[1] = t7;
+    $[2] = t8;
   } else {
-    t8 = $[1];
-    t9 = $[2];
+    t7 = $[1];
+    t8 = $[2];
   }
-  useEffect(t8, t9);
+  useEffect(t7, t8);
   const userCollectionConfig = getEntityConfig({
     collectionSlug: userSlug
   });
@@ -103,55 +98,43 @@ export const UserMenu = t0 => {
     adminRoute,
     path: accountRoute
   });
-  let t10;
+  let t9;
   if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t10 = () => {
-      setActiveMobileSubmenu(null);
-      setMenuInstanceKey(_temp2);
-    };
-    $[3] = t10;
+    t9 = () => setActiveMobileSubmenu(null);
+    $[3] = t9;
   } else {
-    t10 = $[3];
+    t9 = $[3];
   }
-  let t11;
-  if ($[4] !== identifier || $[5] !== showTitle || $[6] !== t || $[7] !== titleString) {
-    t11 = t12 => {
+  let t10;
+  if ($[4] !== CustomAvatar || $[5] !== t) {
+    t10 = t11 => {
       const {
         active,
         ...ariaProps
-      } = t12;
+      } = t11;
       return _jsx("button", {
         ...ariaProps,
         "aria-label": t("authentication:account"),
-        className: [`${baseClass}__trigger`, active && `${baseClass}__trigger--active`, showTitle && `${baseClass}__trigger--with-title`].filter(Boolean).join(" "),
+        className: [`${baseClass}__trigger`, active && `${baseClass}__trigger--active`].filter(Boolean).join(" "),
         type: "button",
-        children: _jsxs("div", {
-          className: `${baseClass}__trigger-content`,
-          children: [showTitle && (titleString || identifier) && _jsx("p", {
-            className: `${baseClass}__trigger-label`,
-            children: titleString || identifier
-          }), _jsx(ChevronIcon, {
-            direction: "down",
-            size: 16
-          })]
+        children: _jsx(RenderCustomComponent, {
+          CustomComponent: CustomAvatar,
+          Fallback: _jsx(Account, {})
         })
       });
     };
-    $[4] = identifier;
-    $[5] = showTitle;
-    $[6] = t;
-    $[7] = titleString;
-    $[8] = t11;
+    $[4] = CustomAvatar;
+    $[5] = t;
+    $[6] = t10;
   } else {
-    t11 = $[8];
+    t10 = $[6];
   }
   return _jsx(Popup, {
     caret: false,
     className: baseClass,
     horizontalAlign: "right",
-    onToggleClose: t10,
-    renderButton: t11,
-    showScrim: true,
+    onToggleClose: t9,
+    renderButton: t10,
     size: "large",
     theme: "dark",
     verticalAlign: "bottom",
@@ -193,25 +176,19 @@ export const UserMenu = t0 => {
             children: identifier
           })]
         })]
-      }), _jsxs(HoverSubmenuGroupProvider, {
-        children: [showPreferencesGroup && _jsxs(_Fragment, {
-          children: [showThemeMenu && _jsx(PopupList.MenuItem, {
-            children: _jsx(ThemeMenu, {
-              onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
-            }, menuInstanceKey)
-          }), hasMultipleLanguages && _jsx(PopupList.MenuItem, {
-            children: _jsx(LanguageMenu, {
-              onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
-            }, menuInstanceKey)
-          })]
-        }), _jsx(MenuSeparator, {}), hasSettingsItems && _jsxs(_Fragment, {
-          children: [_jsx(PopupList.MenuItem, {
-            children: _jsx(SettingsMenu, {
-              groups: settingsItemGroups,
-              onMobileOpen: isMobile ? () => setActiveMobileSubmenu("settings") : undefined
-            }, menuInstanceKey)
-          }), _jsx(MenuSeparator, {})]
+      }), showPreferencesGroup && _jsxs(PopupList.ButtonGroup, {
+        children: [showThemeMenu && _jsx(ThemeMenu, {
+          onMobileOpen: isMobile ? () => setActiveMobileSubmenu("theme") : undefined
+        }), hasMultipleLanguages && _jsx(LanguageMenu, {
+          onMobileOpen: isMobile ? () => setActiveMobileSubmenu("language") : undefined
         })]
+      }), _jsx(MenuSeparator, {}), hasSettingsItems && _jsxs(_Fragment, {
+        children: [_jsx(PopupList.ButtonGroup, {
+          children: _jsx(SettingsMenu, {
+            groups: settingsItemGroups,
+            onMobileOpen: isMobile ? () => setActiveMobileSubmenu("settings") : undefined
+          })
+        }), _jsx(MenuSeparator, {})]
       }), _jsx(PopupList.MenuItem, {
         children: CustomLogoutButton ?? _jsx(PopupList.Button, {
           href: logoutHref,
@@ -225,7 +202,4 @@ export const UserMenu = t0 => {
 function _temp(group) {
   return group.items.length > 0;
 }
-function _temp2(key) {
-  return key + 1;
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useEffect","useState","Account","ChevronIcon","LogOutIcon","useAuth","useConfig","useTranslation","MenuSeparator","Popup","PopupList","RenderCustomComponent","HoverSubmenuGroupProvider","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","showTitle","t2","undefined","user","languageOptions","t","config","t3","getEntityConfig","admin","t4","routes","t5","t6","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t7","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","menuInstanceKey","setMenuInstanceKey","t8","t9","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp","showPreferencesGroup","logoutHref","path","accountHref","t10","Symbol","for","_temp2","t11","t12","active","ariaProps","_jsx","className","filter","join","type","children","_jsxs","direction","size","caret","horizontalAlign","onToggleClose","renderButton","verticalAlign","_Fragment","onBack","title","groups","href","CustomComponent","Fallback","MenuItem","onMobileOpen","Button","icon","group","items","key"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { HoverSubmenuGroupProvider } from './HoverSubmenuGroup.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport './index.css'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n  CustomAvatar?: React.ReactNode\n  CustomLogoutButton?: React.ReactNode\n  settingsItemGroups?: UserMenuSettingsGroup[]\n  showTitle?: boolean\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\n  showTitle = false,\n}) => {\n  const { user } = useAuth()\n  const { languageOptions, t } = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute, logout: logoutRoute },\n        theme: adminTheme,\n        user: userSlug,\n      },\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const isMobile = Boolean(smallBreak)\n\n  const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n    'language' | 'settings' | 'theme' | null\n  >(null)\n\n  // Bumped whenever the account menu closes, so submenu triggers (Theme/Language/Settings)\n  // remount and reset their own open/hover state - otherwise a submenu left open via hover\n  // stays mounted and open even after the parent menu itself has closed.\n  const [menuInstanceKey, setMenuInstanceKey] = useState(0)\n\n  useEffect(() => {\n    if (!isMobile) {\n      setActiveMobileSubmenu(null)\n    }\n  }, [isMobile])\n\n  const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n  const titleValue =\n    useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n  const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n  const identifier = user?.username ?? user?.email ?? ''\n  const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n  const showThemeMenu = adminTheme === 'all'\n  const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n  const showPreferencesGroup = showThemeMenu || hasMultipleLanguages\n\n  const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n  const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n  return (\n    <Popup\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleClose={() => {\n        setActiveMobileSubmenu(null)\n        setMenuInstanceKey((key) => key + 1)\n      }}\n      renderButton={({ active, ...ariaProps }) => (\n        <button\n          {...ariaProps}\n          aria-label={t('authentication:account')}\n          className={[\n            `${baseClass}__trigger`,\n            active && `${baseClass}__trigger--active`,\n            showTitle && `${baseClass}__trigger--with-title`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          type=\"button\"\n        >\n          <div className={`${baseClass}__trigger-content`}>\n            {showTitle && (titleString || identifier) && (\n              <p className={`${baseClass}__trigger-label`}>{titleString || identifier}</p>\n            )}\n            <ChevronIcon direction=\"down\" size={16} />\n          </div>\n        </button>\n      )}\n      showScrim\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <>\n          {activeMobileSubmenu === 'theme' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:theme')}\n              />\n              <ThemeMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'language' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:language')}\n              />\n              <LanguageMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'settings' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:settings')}\n              />\n              <SettingsMenuContent groups={settingsItemGroups} />\n            </>\n          )}\n        </>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a className={`${baseClass}__profile`} href={accountHref}>\n            <div className={`${baseClass}__avatar`}>\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </div>\n            <div>\n              {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n              {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n            </div>\n          </a>\n\n          <HoverSubmenuGroupProvider>\n            {/* Preferences group: Theme + Language */}\n            {showPreferencesGroup && (\n              <>\n                {showThemeMenu && (\n                  <PopupList.MenuItem>\n                    <ThemeMenu\n                      key={menuInstanceKey}\n                      onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                    />\n                  </PopupList.MenuItem>\n                )}\n                {hasMultipleLanguages && (\n                  <PopupList.MenuItem>\n                    <LanguageMenu\n                      key={menuInstanceKey}\n                      onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                    />\n                  </PopupList.MenuItem>\n                )}\n              </>\n            )}\n\n            <MenuSeparator />\n\n            {/* Settings group */}\n            {hasSettingsItems && (\n              <>\n                <PopupList.MenuItem>\n                  <SettingsMenu\n                    groups={settingsItemGroups}\n                    key={menuInstanceKey}\n                    onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                  />\n                </PopupList.MenuItem>\n                <MenuSeparator />\n              </>\n            )}\n          </HoverSubmenuGroupProvider>\n\n          {/* Account actions */}\n          <PopupList.MenuItem>\n            {CustomLogoutButton ?? (\n              <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n                {t('authentication:logOut')}\n              </PopupList.Button>\n            )}\n          </PopupList.MenuItem>\n        </>\n      )}\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useWindowInfo","formatAdminURL","React","useEffect","useState","Account","LogOutIcon","useAuth","useConfig","useTranslation","MenuSeparator","Popup","PopupList","RenderCustomComponent","LanguageMenu","LanguageMenuContent","SettingsMenu","SettingsMenuContent","SubMenuHeader","ThemeMenu","ThemeMenuContent","baseClass","UserMenu","t0","$","CustomAvatar","CustomLogoutButton","settingsItemGroups","t1","undefined","user","languageOptions","t","config","t2","getEntityConfig","admin","t3","routes","t4","t5","theme","adminTheme","userSlug","account","accountRoute","logout","logoutRoute","adminRoute","breakpoints","t6","s","smallBreak","isMobile","Boolean","activeMobileSubmenu","setActiveMobileSubmenu","t7","t8","userCollectionConfig","collectionSlug","useAsTitle","titleValue","titleString","identifier","username","email","hasMultipleLanguages","Array","isArray","length","showThemeMenu","hasSettingsItems","some","_temp","showPreferencesGroup","logoutHref","path","accountHref","t9","Symbol","for","t10","t11","active","ariaProps","_jsx","className","filter","join","type","children","CustomComponent","Fallback","caret","horizontalAlign","onToggleClose","renderButton","verticalAlign","_jsxs","_Fragment","onBack","title","groups","href","ButtonGroup","onMobileOpen","MenuItem","Button","icon","group","items"],"sources":["../../../src/elements/UserMenu/index.tsx"],"sourcesContent":["'use client'\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useEffect, useState } from 'react'\n\nimport type { UserMenuSettingsGroup } from './SettingsMenu/index.js'\n\nimport { Account } from '../../graphics/Account/index.js'\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MenuSeparator } from '../MenuSeparator/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { LanguageMenu, LanguageMenuContent } from './LanguageMenu/index.js'\nimport { SettingsMenu, SettingsMenuContent } from './SettingsMenu/index.js'\nimport { SubMenuHeader } from './SubMenuHeader/index.js'\nimport { ThemeMenu, ThemeMenuContent } from './ThemeMenu/index.js'\nimport './index.css'\n\nconst baseClass = 'user-menu'\n\ntype UserMenuProps = {\n  CustomAvatar?: React.ReactNode\n  CustomLogoutButton?: React.ReactNode\n  settingsItemGroups?: UserMenuSettingsGroup[]\n}\n\nexport const UserMenu: React.FC<UserMenuProps> = ({\n  CustomAvatar,\n  CustomLogoutButton,\n  settingsItemGroups = [],\n}) => {\n  const { user } = useAuth()\n  const { languageOptions, t } = useTranslation()\n  const {\n    config: {\n      admin: {\n        routes: { account: accountRoute, logout: logoutRoute },\n        theme: adminTheme,\n        user: userSlug,\n      },\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const isMobile = Boolean(smallBreak)\n\n  const [activeMobileSubmenu, setActiveMobileSubmenu] = useState<\n    'language' | 'settings' | 'theme' | null\n  >(null)\n\n  useEffect(() => {\n    if (!isMobile) {\n      setActiveMobileSubmenu(null)\n    }\n  }, [isMobile])\n\n  const userCollectionConfig = getEntityConfig({ collectionSlug: userSlug })\n  const useAsTitle = userCollectionConfig?.admin?.useAsTitle ?? 'email'\n  const titleValue =\n    useAsTitle !== 'email' && user ? (user as Record<string, unknown>)[useAsTitle] : undefined\n  const titleString = typeof titleValue === 'string' ? titleValue : undefined\n\n  const identifier = user?.username ?? user?.email ?? ''\n  const hasMultipleLanguages = Array.isArray(languageOptions) && languageOptions.length > 1\n  const showThemeMenu = adminTheme === 'all'\n  const hasSettingsItems = settingsItemGroups.some((group) => group.items.length > 0)\n  const showPreferencesGroup = showThemeMenu || hasMultipleLanguages\n\n  const logoutHref = formatAdminURL({ adminRoute, path: logoutRoute })\n  const accountHref = formatAdminURL({ adminRoute, path: accountRoute })\n\n  return (\n    <Popup\n      caret={false}\n      className={baseClass}\n      horizontalAlign=\"right\"\n      onToggleClose={() => setActiveMobileSubmenu(null)}\n      renderButton={({ active, ...ariaProps }) => (\n        <button\n          {...ariaProps}\n          aria-label={t('authentication:account')}\n          className={[`${baseClass}__trigger`, active && `${baseClass}__trigger--active`]\n            .filter(Boolean)\n            .join(' ')}\n          type=\"button\"\n        >\n          <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n        </button>\n      )}\n      size=\"large\"\n      theme=\"dark\"\n      verticalAlign=\"bottom\"\n    >\n      {isMobile && activeMobileSubmenu ? (\n        // Mobile submenu panel\n        <>\n          {activeMobileSubmenu === 'theme' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:theme')}\n              />\n              <ThemeMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'language' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:language')}\n              />\n              <LanguageMenuContent />\n            </>\n          )}\n          {activeMobileSubmenu === 'settings' && (\n            <>\n              <SubMenuHeader\n                onBack={() => setActiveMobileSubmenu(null)}\n                title={t('general:settings')}\n              />\n              <SettingsMenuContent groups={settingsItemGroups} />\n            </>\n          )}\n        </>\n      ) : (\n        // Normal menu content (desktop always; mobile when no active submenu)\n        <>\n          {/* Profile header */}\n          <a className={`${baseClass}__profile`} href={accountHref}>\n            <div className={`${baseClass}__avatar`}>\n              <RenderCustomComponent CustomComponent={CustomAvatar} Fallback={<Account />} />\n            </div>\n            <div>\n              {titleString && <p className={`${baseClass}__name`}>{titleString}</p>}\n              {identifier && <p className={`${baseClass}__identifier`}>{identifier}</p>}\n            </div>\n          </a>\n\n          {/* Preferences group: Theme + Language */}\n          {showPreferencesGroup && (\n            <PopupList.ButtonGroup>\n              {showThemeMenu && (\n                <ThemeMenu\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('theme') : undefined}\n                />\n              )}\n              {hasMultipleLanguages && (\n                <LanguageMenu\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('language') : undefined}\n                />\n              )}\n            </PopupList.ButtonGroup>\n          )}\n\n          <MenuSeparator />\n\n          {/* Settings group */}\n          {hasSettingsItems && (\n            <>\n              <PopupList.ButtonGroup>\n                <SettingsMenu\n                  groups={settingsItemGroups}\n                  onMobileOpen={isMobile ? () => setActiveMobileSubmenu('settings') : undefined}\n                />\n              </PopupList.ButtonGroup>\n              <MenuSeparator />\n            </>\n          )}\n\n          {/* Account actions */}\n          <PopupList.MenuItem>\n            {CustomLogoutButton ?? (\n              <PopupList.Button href={logoutHref} icon={<LogOutIcon />}>\n                {t('authentication:logOut')}\n              </PopupList.Button>\n            )}\n          </PopupList.MenuItem>\n        </>\n      )}\n    </Popup>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Relationship/index.js

@@ -83,7 +83,7 @@ export const RelationshipFilter = props => {
       const query = {
         depth: 0,
         limit: maxResultsPerRequest,
-        locale: locale.code,
+        locale: locale?.code,
         page: loadedRelationship.nextPage,
         select: {
           [fieldToSearch]: true