@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

package/dist/elements/Localizer/index.js

@@ -17,7 +17,7 @@ import { Popup, PopupList } from '../Popup/index.js';
 import './index.css';
 const baseClass = 'localizer';
 export const Localizer = props => {
-  const $ = _c(17);
+  const $ = _c(30);
   const {
     className,
     renderButton
@@ -45,121 +45,154 @@ export const Localizer = props => {
       locales
     } = localization;
     let t1;
-    if ($[0] !== className) {
-      t1 = [baseClass, className].filter(Boolean);
-      $[0] = className;
-      $[1] = t1;
+    if ($[0] !== i18n || $[1] !== locale.label) {
+      t1 = getTranslation(locale.label, i18n);
+      $[0] = i18n;
+      $[1] = locale.label;
+      $[2] = t1;
     } else {
-      t1 = $[1];
+      t1 = $[2];
     }
-    const t2 = t1.join(" ");
+    const localeLabel = t1;
+    let t2;
+    if ($[3] !== locale.code || $[4] !== localeLabel || $[5] !== t) {
+      t2 = localeLabel === locale.code ? `${t("general:locale")}: ${locale.code}` : `${t("general:locale")}: ${localeLabel} (${locale.code})`;
+      $[3] = locale.code;
+      $[4] = localeLabel;
+      $[5] = t;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    const localeAccessibleName = t2;
     let t3;
-    if ($[2] !== i18n || $[3] !== locale || $[4] !== locales || $[5] !== router || $[6] !== setLocaleIsLoading || $[7] !== startRouteTransition) {
-      t3 = t4 => {
-        const {
-          close
-        } = t4;
-        return _jsx(PopupList.RadioGroup, {
-          children: locales.map(localeOption => {
-            const localeOptionLabel = getTranslation(localeOption.label, i18n);
-            return _jsx(PopupList.RadioGroupItem, {
-              active: locale.code === localeOption.code,
-              disabled: locale.code === localeOption.code,
-              onClick: () => {
-                setLocaleIsLoading(true);
-                close();
-                const searchParams = new URLSearchParams(window.location.search);
-                const url = qs.stringify({
-                  ...qs.parse(searchParams.toString(), {
-                    depth: 10,
-                    ignoreQueryPrefix: true
-                  }),
-                  locale: localeOption.code
-                }, {
-                  addQueryPrefix: true
-                });
-                startRouteTransition(() => {
-                  router.push(url);
-                });
-              },
-              children: localeOptionLabel !== localeOption.code ? _jsxs(Fragment, {
-                children: [localeOptionLabel, "\xA0", _jsx("span", {
-                  className: `${baseClass}__locale-code`,
-                  "data-locale": localeOption.code,
-                  children: `(${localeOption.code})`
-                })]
-              }) : _jsx("span", {
-                className: `${baseClass}__locale-code`,
-                "data-locale": localeOption.code,
-                children: localeOptionLabel
-              })
-            }, localeOption.code);
-          })
-        });
-      };
-      $[2] = i18n;
-      $[3] = locale;
-      $[4] = locales;
-      $[5] = router;
-      $[6] = setLocaleIsLoading;
-      $[7] = startRouteTransition;
+    if ($[7] !== className) {
+      t3 = [baseClass, className].filter(Boolean);
+      $[7] = className;
       $[8] = t3;
     } else {
       t3 = $[8];
     }
-    let t4;
-    if ($[9] !== locale || $[10] !== renderButton || $[11] !== t) {
-      t4 = renderButton ?? (t5 => {
-        const {
-          active: _active,
-          onClick,
-          onKeyDown,
-          ...ariaProps
-        } = t5;
-        return _jsx(Button, {
-          "aria-label": t("general:locale"),
-          buttonStyle: "secondary",
-          extraButtonProps: {
-            onKeyDown
-          },
-          icon: _jsx(LanguageIcon, {
-            size: 24
-          }),
-          iconPosition: "left",
-          onClick,
-          ...ariaProps,
-          children: _jsxs("div", {
-            className: `${baseClass}__button-content`,
-            children: [locale.code, _jsx(ChevronIcon, {
-              size: 16
-            })]
-          })
-        });
-      });
-      $[9] = locale;
-      $[10] = renderButton;
-      $[11] = t;
-      $[12] = t4;
-    } else {
-      t4 = $[12];
-    }
+    const t4 = t3.join(" ");
     let t5;
-    if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+    if ($[9] !== i18n || $[10] !== locale.code || $[11] !== localeAccessibleName || $[12] !== locales || $[13] !== renderButton || $[14] !== router || $[15] !== setLocaleIsLoading || $[16] !== startRouteTransition || $[17] !== t4) {
+      let t6;
+      if ($[19] !== i18n || $[20] !== locale.code || $[21] !== locales || $[22] !== router || $[23] !== setLocaleIsLoading || $[24] !== startRouteTransition) {
+        t6 = t7 => {
+          const {
+            close
+          } = t7;
+          return _jsx(PopupList.RadioGroup, {
+            children: locales.map(localeOption => {
+              const localeOptionLabel = getTranslation(localeOption.label, i18n);
+              return _jsx(PopupList.RadioGroupItem, {
+                active: locale.code === localeOption.code,
+                onClick: () => {
+                  setLocaleIsLoading(true);
+                  close();
+                  const searchParams = new URLSearchParams(window.location.search);
+                  const url = qs.stringify({
+                    ...qs.parse(searchParams.toString(), {
+                      depth: 10,
+                      ignoreQueryPrefix: true
+                    }),
+                    locale: localeOption.code
+                  }, {
+                    addQueryPrefix: true
+                  });
+                  startRouteTransition(() => {
+                    router.push(url);
+                  });
+                },
+                children: localeOptionLabel !== localeOption.code ? _jsxs(Fragment, {
+                  children: [localeOptionLabel, "\xA0", _jsx("span", {
+                    className: `${baseClass}__locale-code`,
+                    "data-locale": localeOption.code,
+                    children: `(${localeOption.code})`
+                  })]
+                }) : _jsx("span", {
+                  className: `${baseClass}__locale-code`,
+                  "data-locale": localeOption.code,
+                  children: localeOptionLabel
+                })
+              }, localeOption.code);
+            })
+          });
+        };
+        $[19] = i18n;
+        $[20] = locale.code;
+        $[21] = locales;
+        $[22] = router;
+        $[23] = setLocaleIsLoading;
+        $[24] = startRouteTransition;
+        $[25] = t6;
+      } else {
+        t6 = $[25];
+      }
+      let t7;
+      if ($[26] !== locale.code || $[27] !== localeAccessibleName || $[28] !== renderButton) {
+        t7 = buttonProps => {
+          const labeledButtonProps = {
+            ...buttonProps,
+            "aria-label": localeAccessibleName
+          };
+          if (renderButton) {
+            return renderButton(labeledButtonProps);
+          }
+          const {
+            active: _active,
+            onClick,
+            onKeyDown,
+            ...ariaProps
+          } = labeledButtonProps;
+          return _jsx(Button, {
+            buttonStyle: "secondary",
+            extraButtonProps: {
+              onKeyDown
+            },
+            icon: _jsx(LanguageIcon, {
+              size: 24
+            }),
+            iconPosition: "left",
+            onClick,
+            ...ariaProps,
+            children: _jsxs("div", {
+              className: `${baseClass}__button-content`,
+              children: [locale.code, _jsx(ChevronIcon, {
+                size: 16
+              })]
+            })
+          });
+        };
+        $[26] = locale.code;
+        $[27] = localeAccessibleName;
+        $[28] = renderButton;
+        $[29] = t7;
+      } else {
+        t7 = $[29];
+      }
       t5 = _jsx("div", {
-        className: t2,
+        className: t4,
         children: _jsx(Popup, {
           horizontalAlign: "right",
-          render: t3,
-          renderButton: t4,
+          popupType: "menu",
+          render: t6,
+          renderButton: t7,
           showScrollbar: true
         })
       });
-      $[13] = t2;
-      $[14] = t3;
-      $[15] = t4;
-      $[16] = t5;
+      $[9] = i18n;
+      $[10] = locale.code;
+      $[11] = localeAccessibleName;
+      $[12] = locales;
+      $[13] = renderButton;
+      $[14] = router;
+      $[15] = setLocaleIsLoading;
+      $[16] = startRouteTransition;
+      $[17] = t4;
+      $[18] = t5;
     } else {
-      t5 = $[16];
+      t5 = $[18];
     }
     return t5;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","qs","React","Fragment","ChevronIcon","LanguageIcon","useConfig","useLocale","useLocaleLoading","useRouter","useRouteTransition","useTranslation","Button","Popup","PopupList","baseClass","Localizer","props","$","className","renderButton","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","t","locale","locales","t1","filter","Boolean","t2","join","t3","t4","close","_jsx","RadioGroup","children","map","localeOption","localeOptionLabel","label","RadioGroupItem","active","code","disabled","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","t5","_active","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","size","horizontalAlign","render","showScrollbar"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../icons/Language/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n  renderButton?: (props: {\n    active: boolean\n    'aria-expanded': boolean\n    'aria-haspopup': true\n    onClick: React.MouseEventHandler\n    onKeyDown: React.KeyboardEventHandler\n  }) => React.ReactNode\n}> = (props) => {\n  const { className, renderButton } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  if (localization && locale) {\n    const { locales } = localization\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          horizontalAlign=\"right\"\n          render={({ close }) => (\n            <PopupList.RadioGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.RadioGroupItem\n                    active={locale.code === localeOption.code}\n                    disabled={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.RadioGroupItem>\n                )\n              })}\n            </PopupList.RadioGroup>\n          )}\n          renderButton={\n            renderButton ??\n            (({ active: _active, onClick, onKeyDown, ...ariaProps }) => (\n              <Button\n                aria-label={t('general:locale')}\n                buttonStyle=\"secondary\"\n                extraButtonProps={{ onKeyDown }}\n                icon={<LanguageIcon size={24} />}\n                iconPosition=\"left\"\n                onClick={onClick}\n                {...ariaProps}\n              >\n                <div className={`${baseClass}__button-content`}>\n                  {locale.code}\n                  <ChevronIcon size={16} />\n                </div>\n              </Button>\n            ))\n          }\n          showScrollbar\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","qs","React","Fragment","ChevronIcon","LanguageIcon","useConfig","useLocale","useLocaleLoading","useRouter","useRouteTransition","useTranslation","Button","Popup","PopupList","baseClass","Localizer","props","$","className","renderButton","config","t0","localization","router","startRouteTransition","setLocaleIsLoading","i18n","t","locale","locales","t1","label","localeLabel","t2","code","localeAccessibleName","t3","filter","Boolean","t4","join","t5","t6","t7","close","_jsx","RadioGroup","children","map","localeOption","localeOptionLabel","RadioGroupItem","active","onClick","searchParams","URLSearchParams","window","location","search","url","stringify","parse","toString","depth","ignoreQueryPrefix","addQueryPrefix","push","_jsxs","buttonProps","labeledButtonProps","_active","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","size","horizontalAlign","popupType","render","showScrollbar"],"sources":["../../../src/elements/Localizer/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport * as qs from 'qs-esm'\nimport React, { Fragment } from 'react'\n\nimport type { PopupButtonRenderProps } from '../Popup/PopupTrigger/index.js'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { LanguageIcon } from '../../icons/Language/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale, useLocaleLoading } from '../../providers/Locale/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'localizer'\n\nexport const Localizer: React.FC<{\n  className?: string\n  renderButton?: (props: { 'aria-label': string } & PopupButtonRenderProps) => React.ReactNode\n}> = (props) => {\n  const { className, renderButton } = props\n  const {\n    config: { localization },\n  } = useConfig()\n\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { setLocaleIsLoading } = useLocaleLoading()\n\n  const { i18n, t } = useTranslation()\n  const locale = useLocale()\n\n  if (localization && locale) {\n    const { locales } = localization\n    const localeLabel = getTranslation(locale.label, i18n)\n    const localeAccessibleName =\n      localeLabel === locale.code\n        ? `${t('general:locale')}: ${locale.code}`\n        : `${t('general:locale')}: ${localeLabel} (${locale.code})`\n\n    return (\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Popup\n          horizontalAlign=\"right\"\n          popupType=\"menu\"\n          render={({ close }) => (\n            <PopupList.RadioGroup>\n              {locales.map((localeOption) => {\n                const localeOptionLabel = getTranslation(localeOption.label, i18n)\n\n                return (\n                  <PopupList.RadioGroupItem\n                    active={locale.code === localeOption.code}\n                    key={localeOption.code}\n                    onClick={() => {\n                      setLocaleIsLoading(true)\n                      close()\n\n                      // can't use `useSearchParams` here because it is stale due to `window.history.pushState` in `ListQueryProvider`\n                      const searchParams = new URLSearchParams(window.location.search)\n\n                      const url = qs.stringify(\n                        {\n                          ...qs.parse(searchParams.toString(), {\n                            depth: 10,\n                            ignoreQueryPrefix: true,\n                          }),\n                          locale: localeOption.code,\n                        },\n                        { addQueryPrefix: true },\n                      )\n\n                      void startRouteTransition(() => {\n                        router.push(url)\n                      })\n                    }}\n                  >\n                    {localeOptionLabel !== localeOption.code ? (\n                      <Fragment>\n                        {localeOptionLabel}\n                        &nbsp;\n                        <span\n                          className={`${baseClass}__locale-code`}\n                          data-locale={localeOption.code}\n                        >\n                          {`(${localeOption.code})`}\n                        </span>\n                      </Fragment>\n                    ) : (\n                      <span className={`${baseClass}__locale-code`} data-locale={localeOption.code}>\n                        {localeOptionLabel}\n                      </span>\n                    )}\n                  </PopupList.RadioGroupItem>\n                )\n              })}\n            </PopupList.RadioGroup>\n          )}\n          renderButton={(buttonProps) => {\n            const labeledButtonProps = {\n              ...buttonProps,\n              'aria-label': localeAccessibleName,\n            }\n\n            if (renderButton) {\n              return renderButton(labeledButtonProps)\n            }\n\n            const { active: _active, onClick, onKeyDown, ...ariaProps } = labeledButtonProps\n\n            return (\n              <Button\n                buttonStyle=\"secondary\"\n                extraButtonProps={{ onKeyDown }}\n                icon={<LanguageIcon size={24} />}\n                iconPosition=\"left\"\n                onClick={onClick}\n                {...ariaProps}\n              >\n                <div className={`${baseClass}__button-content`}>\n                  {locale.code}\n                  <ChevronIcon size={16} />\n                </div>\n              </Button>\n            )\n          }}\n          showScrollbar\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Locked/index.js

@@ -10,7 +10,7 @@ import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'locked';
 export const Locked = t0 => {
-  const $ = _c(10);
+  const $ = _c(15);
   const {
     className,
     user
@@ -19,49 +19,66 @@ export const Locked = t0 => {
   const {
     t
   } = useTranslation();
-  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
-  const tooltipLabel = `${userToUse} ${t("general:isEditing")}`;
   let t1;
-  if ($[0] !== className) {
-    t1 = [baseClass, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t1;
+  if ($[0] !== t || $[1] !== user) {
+    t1 = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+    $[0] = t;
+    $[1] = user;
+    $[2] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[2];
   }
-  const t2 = t1.join(" ");
+  const userToUse = t1;
+  let t2;
+  if ($[3] !== t) {
+    t2 = t("general:isEditing");
+    $[3] = t;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const tooltipLabel = `${userToUse} ${t2}`;
   let t3;
-  let t4;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => setHovered(false);
-    t4 = () => setHovered(true);
-    $[2] = t3;
-    $[3] = t4;
+  if ($[5] !== className) {
+    t3 = [baseClass, className].filter(Boolean);
+    $[5] = className;
+    $[6] = t3;
   } else {
-    t3 = $[2];
-    t4 = $[3];
+    t3 = $[6];
   }
+  const t4 = t3.join(" ");
   let t5;
   let t6;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setHovered(true);
-    t6 = () => setHovered(false);
-    $[4] = t5;
-    $[5] = t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setHovered(false);
+    t6 = () => setHovered(true);
+    $[7] = t5;
+    $[8] = t6;
   } else {
-    t5 = $[4];
-    t6 = $[5];
+    t5 = $[7];
+    t6 = $[8];
   }
   let t7;
-  if ($[6] !== hovered || $[7] !== t2 || $[8] !== tooltipLabel) {
-    t7 = _jsxs("div", {
+  let t8;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = () => setHovered(true);
+    t8 = () => setHovered(false);
+    $[9] = t7;
+    $[10] = t8;
+  } else {
+    t7 = $[9];
+    t8 = $[10];
+  }
+  let t9;
+  if ($[11] !== hovered || $[12] !== t4 || $[13] !== tooltipLabel) {
+    t9 = _jsxs("div", {
       "aria-label": tooltipLabel,
-      className: t2,
-      onBlur: t3,
-      onFocus: t4,
+      className: t4,
+      onBlur: t5,
+      onFocus: t6,
       onKeyDown: _temp,
-      onMouseEnter: t5,
-      onMouseLeave: t6,
+      onMouseEnter: t7,
+      onMouseLeave: t8,
       role: "button",
       tabIndex: 0,
       children: [_jsx(LockIcon, {}), _jsx(Tooltip, {
@@ -72,14 +89,14 @@ export const Locked = t0 => {
         children: tooltipLabel
       })]
     });
-    $[6] = hovered;
-    $[7] = t2;
-    $[8] = tooltipLabel;
-    $[9] = t7;
+    $[11] = hovered;
+    $[12] = t4;
+    $[13] = tooltipLabel;
+    $[14] = t9;
   } else {
-    t7 = $[9];
+    t9 = $[14];
   }
-  return t7;
+  return t9;
 };
 function _temp(e) {
   if (e.key === " ") {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","userToUse","email","id","tooltipLabel","t1","filter","Boolean","t2","join","t3","t4","Symbol","for","t5","t6","t7","_jsxs","onBlur","onFocus","onKeyDown","_temp","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show","e","key","preventDefault"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => setHovered(true)}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      <Tooltip\n        alignCaret=\"center\"\n        className={`${baseClass}__tooltip`}\n        position=\"bottom\"\n        show={hovered}\n      >\n        {tooltipLabel}\n      </Tooltip>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,QAAQ,QAAQ;AAEhC,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,SAAA;IAAAC;EAAA,IAAAH,EAAmB;EACvB,OAAAI,OAAA,EAAAC,UAAA,IAA8BZ,QAAA,MAAS;EACvC;IAAAa;EAAA,IAAcX,cAAA;EAEd,MAAAY,SAAA,GAAkBX,kBAAA,CAAmBO,IAAA,IAASA,IAAA,CAAAK,KAAA,IAAcL,IAAA,CAAAM,EAAO,GAAIH,CAAA,CAAE;EACzE,MAAAI,YAAA,GAAqB,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAC,SAAA;IAK9CS,EAAA,IAAAb,SAAA,EAAYI,SAAA,EAAAU,MAAA,CAAAC,OAAkB;IAAAZ,CAAA,MAAAC,SAAA;IAAAD,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAA9B,MAAAa,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAC/CH,EAAA,GAAAA,CAAA,KAAMX,UAAA,MAAW;IAChBY,EAAA,GAAAA,CAAA,KAAMZ,UAAA,KAAW;IAAAJ,CAAA,MAAAe,EAAA;IAAAf,CAAA,MAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EAAA,IAAAmB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAiB,MAAA,CAAAC,GAAA;IAMZC,EAAA,GAAAA,CAAA,KAAMf,UAAA,KAAW;IACjBgB,EAAA,GAAAA,CAAA,KAAMhB,UAAA,MAAW;IAAAJ,CAAA,MAAAmB,EAAA;IAAAnB,CAAA,MAAAoB,EAAA;EAAA;IAAAD,EAAA,GAAAnB,CAAA;IAAAoB,EAAA,GAAApB,CAAA;EAAA;EAAA,IAAAqB,EAAA;EAAA,IAAArB,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAa,EAAA,IAAAb,CAAA,QAAAS,YAAA;IAXjCY,EAAA,GAAAC,KAAA,CAAC;MAAA,cACab,YAAA;MAAAR,SAAA,EACDY,EAA4C;MAAAU,MAAA,EAC/CR,EAAiB;MAAAS,OAAA,EAChBR,EAAiB;MAAAS,SAAA,EAAAC,KAAA;MAAAC,YAAA,EAMZR,EAAiB;MAAAS,YAAA,EACjBR,EAAiB;MAAAS,IAAA,EAC1B;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAAvC,QAAA,IAAC,GACDuC,IAAA,CAAApC,OAAA;QAAAqC,UAAA,EACa;QAAAhC,SAAA,EACA,GAAAJ,SAAA,WAAuB;QAAAqC,QAAA,EACzB;QAAAC,IAAA,EACHhC,OAAA;QAAA4B,QAAA,EAELtB;MAAA,C;;;;;;;;;SAtBLY,E;CA0BJ;AAlCK,SAAAK,MAAAU,CAAA;EAAA,IAcOA,CAAA,CAAAC,GAAA,KAAU;IACZD,CAAA,CAAAE,cAAA,CAAgB;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useState","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","t0","$","className","user","hovered","setHovered","t","t1","email","id","userToUse","t2","tooltipLabel","t3","filter","Boolean","t4","join","t5","t6","Symbol","for","t7","t8","t9","_jsxs","onBlur","onFocus","onKeyDown","_temp","onMouseEnter","onMouseLeave","role","tabIndex","children","_jsx","alignCaret","position","show","e","key","preventDefault"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useState } from 'react'\n\nimport { LockIcon } from '../../icons/Lock/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Tooltip } from '../Tooltip/index.js'\nimport './index.css'\n\nconst baseClass = 'locked'\n\nexport const Locked: React.FC<{\n  className?: string\n  user: User\n}> = ({ className, user }) => {\n  const [hovered, setHovered] = useState(false)\n  const { t } = useTranslation()\n\n  const userToUse = isClientUserObject(user) ? (user.email ?? user.id) : t('general:anotherUser')\n  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => setHovered(true)}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      <Tooltip\n        alignCaret=\"center\"\n        className={`${baseClass}__tooltip`}\n        position=\"bottom\"\n        show={hovered}\n      >\n        {tooltipLabel}\n      </Tooltip>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n  tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      prefetch={false}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAAC,SAAA,OAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcT,cAAA;EACd;IAAAU;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAAAnB,IAAA;MAAA,cACcQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAAnB,SAAA,WAAuB;MAAAoB,IAAA,EAC5B1B,cAAA;QAAAsB,UAAA;QAAAK,IAAA,EAEEN;MAAA,CACR;MAAAO,QAAA;MAAAlB,QAAA;MAAAmB,KAAA,EAGOhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAAAtB,UAAA,IAAC;IAAA,C;;;;;;;;;SAXHqB,E;CAcJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","LogOutIcon","useConfig","useTranslation","Link","baseClass","Logout","t0","$","tabIndex","t1","undefined","t","config","admin","t2","routes","t3","t4","logout","logoutRoute","adminRoute","t5","_jsx","className","href","path","prefetch","title","children"],"sources":["../../../src/elements/Logout/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { LogOutIcon } from '../../icons/LogOut/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\n\nconst baseClass = 'nav'\n\nexport const Logout: React.FC<{\n  tabIndex?: number\n}> = ({ tabIndex = 0 }) => {\n  const { t } = useTranslation()\n  const { config } = useConfig()\n\n  const {\n    admin: {\n      routes: { logout: logoutRoute },\n    },\n    routes: { admin: adminRoute },\n  } = config\n\n  return (\n    <Link\n      aria-label={t('authentication:logOut')}\n      className={`${baseClass}__log-out`}\n      href={formatAdminURL({\n        adminRoute,\n        path: logoutRoute,\n      })}\n      prefetch={false}\n      tabIndex={tabIndex}\n      title={t('authentication:logOut')}\n    >\n      <LogOutIcon />\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAERC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,QAAA,EAAAC;EAAA,IAAAH,EAAgB;EAAd,MAAAE,QAAA,GAAAC,EAAY,KAAZC,SAAY,GAAZ,CAAY,GAAZD,EAAY;EAClB;IAAAE;EAAA,IAAcT,cAAA;EACd;IAAAU;EAAA,IAAmBX,SAAA;EAEnB;IAAAY,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAKIJ,MAAA;EAJK;IAAAG,MAAA,EAAAE;EAAA,IAAAH,EAEN;EADS;IAAAI,MAAA,EAAAC;EAAA,IAAAF,EAAuB;EAEzB;IAAAJ,KAAA,EAAAO;EAAA,IAAAJ,EAAqB;EAAA,IAAAK,EAAA;EAAA,IAAAd,CAAA,QAAAa,UAAA,IAAAb,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAI,CAAA,IAAAJ,CAAA,QAAAC,QAAA;IAI7Ba,EAAA,GAAAC,IAAA,CAACnB,IAAA;MAAA,cACaQ,CAAA,CAAE;MAAAY,SAAA,EACH,GAAGnB,SAAA,WAAoB;MAAAoB,IAAA,EAC5B1B,cAAA,CAAe;QAAAsB,UAAA;QAAAK,IAAA,EAEbN;MACR;MAAAO,QAAA,EACU;MAAAlB,QAAA;MAAAmB,KAAA,EAEHhB,CAAA,CAAE;MAAAiB,QAAA,EAETN,IAAA,CAACtB,UAAA;;;;;;;;;;SAXHqB,E;CAcJ","ignoreList":[]}

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

@@ -3,8 +3,8 @@ import React from 'react';
 import './index.css';
 export type MiniCarouselProps = {
     doc: {
-        sizes?: FileSizes;
         url?: string;
+        variants?: FileSizes;
     } & Data;
     imageCacheTag?: false | string;
     onSelect: (sizeKey: null | string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MiniCarousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAoCpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MiniCarousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAoCpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,SAAS,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}