@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

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
@@ -40,126 +40,159 @@ export const Localizer = props => {
     t
   } = useTranslation();
   const locale = useLocale();
-  if (localization) {
+  if (localization && locale) {
     const {
       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) {\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.css

@@ -25,12 +25,4 @@
       outline-color: var(--color-border-selected);
     }
   }
-
-  /* Fixed-position anchor mirroring the icon's rect, so the portaled tooltip (escaping
-   * the table's `overflow` clipping) can position against it. */
-  .locked__tooltip-anchor {
-    position: fixed;
-    z-index: var(--z-popup);
-    pointer-events: none;
-  }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Locked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAmD,MAAM,OAAO,CAAA;AAOvE,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CA+EA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Locked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;CACX,CAkCA,CAAA"}

package/dist/elements/Locked/index.js

@@ -1,83 +1,106 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
+import React, { useState } from 'react';
 import { LockIcon } from '../../icons/Lock/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
 import { Tooltip } from '../Tooltip/index.js';
 import './index.css';
 const baseClass = 'locked';
-export const Locked = ({
-  className,
-  user
-}) => {
-  const anchorRef = useRef(null);
+export const Locked = t0 => {
+  const $ = _c(15);
+  const {
+    className,
+    user
+  } = t0;
   const [hovered, setHovered] = useState(false);
-  const [anchorRect, setAnchorRect] = useState(null);
   const {
     t
   } = useTranslation();
-  const userToUse = isClientUserObject(user) ? user.email ?? user.id : t('general:anotherUser');
-  const tooltipLabel = `${userToUse} ${t('general:isEditing')}`;
-  const updateAnchorRect = useCallback(() => {
-    const node = anchorRef.current;
-    if (!node) {
-      return;
-    }
-    setAnchorRect(node.getBoundingClientRect());
-  }, []);
-  useEffect(() => {
-    if (!hovered) {
-      return;
-    }
-    // Keep the portaled tooltip aligned to the icon as the page or an overflow
-    // container scrolls.
-    window.addEventListener('scroll', updateAnchorRect, true);
-    window.addEventListener('resize', updateAnchorRect);
-    return () => {
-      window.removeEventListener('scroll', updateAnchorRect, true);
-      window.removeEventListener('resize', updateAnchorRect);
-    };
-  }, [hovered, updateAnchorRect]);
-  return /*#__PURE__*/_jsxs("div", {
-    "aria-label": tooltipLabel,
-    className: [baseClass, className].filter(Boolean).join(' '),
-    onBlur: () => setHovered(false),
-    onFocus: () => {
-      updateAnchorRect();
-      setHovered(true);
-    },
-    onKeyDown: e => {
-      if (e.key === ' ') {
-        e.preventDefault(); // prevent page scroll when focused
-      }
-    },
-    onMouseEnter: () => {
-      updateAnchorRect();
-      setHovered(true);
-    },
-    onMouseLeave: () => setHovered(false),
-    ref: anchorRef,
-    role: "button",
-    tabIndex: 0,
-    children: [/*#__PURE__*/_jsx(LockIcon, {}), hovered && anchorRect && /*#__PURE__*/createPortal(/*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__tooltip-anchor`,
-      style: {
-        height: anchorRect.height,
-        left: anchorRect.left,
-        top: anchorRect.top,
-        width: anchorRect.width
-      },
-      children: /*#__PURE__*/_jsx(Tooltip, {
+  let t1;
+  if ($[0] !== t || $[1] !== user) {
+    t1 = isClientUserObject(user) ? user.email ?? user.id : t("general:anotherUser");
+    $[0] = t;
+    $[1] = user;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  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;
+  if ($[5] !== className) {
+    t3 = [baseClass, className].filter(Boolean);
+    $[5] = className;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = t3.join(" ");
+  let t5;
+  let t6;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setHovered(false);
+    t6 = () => setHovered(true);
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  let t7;
+  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: t4,
+      onBlur: t5,
+      onFocus: t6,
+      onKeyDown: _temp,
+      onMouseEnter: t7,
+      onMouseLeave: t8,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx(LockIcon, {}), _jsx(Tooltip, {
         alignCaret: "center",
         className: `${baseClass}__tooltip`,
         position: "bottom",
-        show: true,
+        show: hovered,
         children: tooltipLabel
-      })
-    }), document.body)]
-  });
+      })]
+    });
+    $[11] = hovered;
+    $[12] = t4;
+    $[13] = tooltipLabel;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  return t9;
 };
+function _temp(e) {
+  if (e.key === " ") {
+    e.preventDefault();
+  }
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","createPortal","LockIcon","useTranslation","isClientUserObject","Tooltip","baseClass","Locked","className","user","anchorRef","hovered","setHovered","anchorRect","setAnchorRect","t","userToUse","email","id","tooltipLabel","updateAnchorRect","node","current","getBoundingClientRect","window","addEventListener","removeEventListener","_jsxs","filter","Boolean","join","onBlur","onFocus","onKeyDown","e","key","preventDefault","onMouseEnter","onMouseLeave","ref","role","tabIndex","_jsx","style","height","left","top","width","alignCaret","position","show","document","body"],"sources":["../../../src/elements/Locked/index.tsx"],"sourcesContent":["'use client'\nimport type { User } from 'payload'\n\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\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 anchorRef = useRef<HTMLDivElement>(null)\n  const [hovered, setHovered] = useState(false)\n  const [anchorRect, setAnchorRect] = useState<DOMRect | null>(null)\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  const updateAnchorRect = useCallback(() => {\n    const node = anchorRef.current\n\n    if (!node) {\n      return\n    }\n\n    setAnchorRect(node.getBoundingClientRect())\n  }, [])\n\n  useEffect(() => {\n    if (!hovered) {\n      return\n    }\n\n    // Keep the portaled tooltip aligned to the icon as the page or an overflow\n    // container scrolls.\n    window.addEventListener('scroll', updateAnchorRect, true)\n    window.addEventListener('resize', updateAnchorRect)\n\n    return () => {\n      window.removeEventListener('scroll', updateAnchorRect, true)\n      window.removeEventListener('resize', updateAnchorRect)\n    }\n  }, [hovered, updateAnchorRect])\n\n  return (\n    <div\n      aria-label={tooltipLabel}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      onBlur={() => setHovered(false)}\n      onFocus={() => {\n        updateAnchorRect()\n        setHovered(true)\n      }}\n      onKeyDown={(e) => {\n        if (e.key === ' ') {\n          e.preventDefault() // prevent page scroll when focused\n        }\n      }}\n      onMouseEnter={() => {\n        updateAnchorRect()\n        setHovered(true)\n      }}\n      onMouseLeave={() => setHovered(false)}\n      ref={anchorRef}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <LockIcon />\n      {hovered &&\n        anchorRect &&\n        createPortal(\n          <div\n            className={`${baseClass}__tooltip-anchor`}\n            style={{\n              height: anchorRect.height,\n              left: anchorRect.left,\n              top: anchorRect.top,\n              width: anchorRect.width,\n            }}\n          >\n            <Tooltip alignCaret=\"center\" className={`${baseClass}__tooltip`} position=\"bottom\" show>\n              {tooltipLabel}\n            </Tooltip>\n          </div>,\n          document.body,\n        )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAChE,SAASC,YAAY,QAAQ;AAE7B,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,GAGRA,CAAC;EAAEC,SAAS;EAAEC;AAAI,CAAE;EACvB,MAAMC,SAAA,GAAYX,MAAA,CAAuB;EACzC,MAAM,CAACY,OAAA,EAASC,UAAA,CAAW,GAAGZ,QAAA,CAAS;EACvC,MAAM,CAACa,UAAA,EAAYC,aAAA,CAAc,GAAGd,QAAA,CAAyB;EAC7D,MAAM;IAAEe;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAMa,SAAA,GAAYZ,kBAAA,CAAmBK,IAAA,IAASA,IAAA,CAAKQ,KAAK,IAAIR,IAAA,CAAKS,EAAE,GAAIH,CAAA,CAAE;EACzE,MAAMI,YAAA,GAAe,GAAGH,SAAA,IAAaD,CAAA,CAAE,sBAAsB;EAE7D,MAAMK,gBAAA,GAAmBvB,WAAA,CAAY;IACnC,MAAMwB,IAAA,GAAOX,SAAA,CAAUY,OAAO;IAE9B,IAAI,CAACD,IAAA,EAAM;MACT;IACF;IAEAP,aAAA,CAAcO,IAAA,CAAKE,qBAAqB;EAC1C,GAAG,EAAE;EAELzB,SAAA,CAAU;IACR,IAAI,CAACa,OAAA,EAAS;MACZ;IACF;IAEA;IACA;IACAa,MAAA,CAAOC,gBAAgB,CAAC,UAAUL,gBAAA,EAAkB;IACpDI,MAAA,CAAOC,gBAAgB,CAAC,UAAUL,gBAAA;IAElC,OAAO;MACLI,MAAA,CAAOE,mBAAmB,CAAC,UAAUN,gBAAA,EAAkB;MACvDI,MAAA,CAAOE,mBAAmB,CAAC,UAAUN,gBAAA;IACvC;EACF,GAAG,CAACT,OAAA,EAASS,gBAAA,CAAiB;EAE9B,oBACEO,KAAA,CAAC;IACC,cAAYR,YAAA;IACZX,SAAA,EAAW,CAACF,SAAA,EAAWE,SAAA,CAAU,CAACoB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvDC,MAAA,EAAQA,CAAA,KAAMnB,UAAA,CAAW;IACzBoB,OAAA,EAASA,CAAA;MACPZ,gBAAA;MACAR,UAAA,CAAW;IACb;IACAqB,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,KAAK;QACjBD,CAAA,CAAEE,cAAc,IAAG;MACrB;IACF;IACAC,YAAA,EAAcA,CAAA;MACZjB,gBAAA;MACAR,UAAA,CAAW;IACb;IACA0B,YAAA,EAAcA,CAAA,KAAM1B,UAAA,CAAW;IAC/B2B,GAAA,EAAK7B,SAAA;IACL8B,IAAA,EAAK;IACLC,QAAA,EAAU;4BAEVC,IAAA,CAACxC,QAAA,OACAS,OAAA,IACCE,UAAA,iBACAZ,YAAA,cACEyC,IAAA,CAAC;MACClC,SAAA,EAAW,GAAGF,SAAA,kBAA2B;MACzCqC,KAAA,EAAO;QACLC,MAAA,EAAQ/B,UAAA,CAAW+B,MAAM;QACzBC,IAAA,EAAMhC,UAAA,CAAWgC,IAAI;QACrBC,GAAA,EAAKjC,UAAA,CAAWiC,GAAG;QACnBC,KAAA,EAAOlC,UAAA,CAAWkC;MACpB;gBAEA,aAAAL,IAAA,CAACrC,OAAA;QAAQ2C,UAAA,EAAW;QAASxC,SAAA,EAAW,GAAGF,SAAA,WAAoB;QAAE2C,QAAA,EAAS;QAASC,IAAI;kBACpF/B;;QAGLgC,QAAA,CAASC,IAAI;;AAIvB","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/MergeBranch/MergeBranchForm/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { UpcomingBranchMerge } from '../../../utilities/scheduleMergeHandler.js';
+import type { SummarizableChange } from '../../ChangeSummary/index.js';
+import type { MergeTarget } from '../context.js';
+import type { MergeMode } from '../types.js';
+export declare const MergeBranchForm: React.FC<{
+    canCloseBranch: boolean;
+    closeBranch: boolean;
+    dismiss: () => void;
+    isMerging: boolean;
+    isScheduling: boolean;
+    mode: MergeMode;
+    onCancelScheduledMerge: (deleteID: number | string) => Promise<void>;
+    onCloseBranchChange: () => void;
+    onModeChange: (mode: MergeMode) => void;
+    onScheduledForChange: (date?: Date) => void;
+    scheduledFor?: Date;
+    summary: string;
+    summaryChanges: null | SummarizableChange[];
+    target: MergeTarget;
+    upcoming: UpcomingBranchMerge[];
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/MergeBranch/MergeBranchForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/MergeBranch/MergeBranchForm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAA;AACrF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAa5C,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,OAAO,CAAA;IACrB,IAAI,EAAE,SAAS,CAAA;IACf,sBAAsB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACpE,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;IACvC,oBAAoB,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,IAAI,GAAG,kBAAkB,EAAE,CAAA;IAC3C,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,mBAAmB,EAAE,CAAA;CAChC,CA8GA,CAAA"}