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

package/dist/elements/DocumentCard/index.css

@@ -0,0 +1,73 @@
+@layer payload-default {
+  .document-card {
+    position: relative;
+    overflow: hidden;
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-large);
+    background: var(--color-bg);
+  }
+  .document-card--selected {
+    border-color: var(--color-border-selected);
+  }
+  .document-card__thumbnail {
+    display: block;
+    width: 100%;
+    aspect-ratio: 4 / 3;
+    object-fit: cover;
+    background: var(--color-bg-secondary);
+  }
+  .document-card__thumbnail--empty {
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    svg {
+      width: var(--spacer-6);
+      height: var(--spacer-6);
+    }
+
+    .icon--document {
+      color: var(--color-text-tertiary);
+    }
+  }
+  .document-card__content {
+    padding: var(--spacer-2-5);
+  }
+  .document-card__title {
+    display: inline-block;
+    overflow: hidden;
+    color: var(--color-text);
+    max-width: 100%;
+    text-overflow: ellipsis;
+    text-decoration: none;
+    vertical-align: top;
+    white-space: nowrap;
+  }
+  .document-card--link .document-card__title::after {
+    position: absolute;
+    content: '';
+    inset: 0;
+  }
+  .document-card--link
+    .document-card__metadata
+    :is(a, button, input, select, textarea, [tabindex]) {
+    position: relative;
+    z-index: 1;
+  }
+  .document-card__title:focus:not(:focus-visible) {
+    opacity: 1;
+  }
+  .document-card:focus-visible {
+    border-radius: var(--radius-large);
+    box-shadow: 0 0 0 var(--stroke-width-small) var(--accessibility-focus-color);
+  }
+  .document-card__title:focus-visible {
+    outline: var(--accessibility-outline);
+    outline-offset: var(--spacer-1);
+  }
+  .document-card__metadata {
+    margin-block-start: var(--spacer-1);
+    color: var(--color-text-secondary);
+  }
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.css';
+export type DocumentCardThumbnail = {
+    alt?: string;
+    /** Use `lazy` for cards that may be hidden on load, so their image is only downloaded once shown. */
+    loading?: 'eager' | 'lazy';
+    src: string;
+};
+export type DocumentCardProps = {
+    readonly children?: React.ReactNode;
+    readonly href?: null | string;
+    readonly isSelected?: boolean;
+    readonly onSelect?: () => void;
+    readonly placeholder?: React.ReactNode;
+    readonly thumbnail?: DocumentCardThumbnail;
+    readonly title: string;
+};
+/** Shared document-card presentation. Navigation and selection state remain controlled by callers. */
+export declare const DocumentCard: React.FC<DocumentCardProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qGAAqG;IACrG,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,qBAAqB,CAAA;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,sGAAsG;AACtG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2HpD,CAAA"}

package/dist/elements/DocumentCard/index.js

@@ -0,0 +1,184 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Link } from '../Link/index.js';
+import './index.css';
+const baseClass = 'document-card';
+/** Shared document-card presentation. Navigation and selection state remain controlled by callers. */
+export const DocumentCard = t0 => {
+  const $ = _c(32);
+  const {
+    children,
+    href,
+    isSelected: t1,
+    onSelect,
+    placeholder,
+    thumbnail,
+    title
+  } = t0;
+  const isSelected = t1 === undefined ? false : t1;
+  const router = useRouter();
+  const {
+    t
+  } = useTranslation();
+  const selectionStatusID = React.useId();
+  let t2;
+  if ($[0] !== onSelect) {
+    t2 = event => {
+      if (!onSelect || event.detail === 0) {
+        return;
+      }
+      event.preventDefault();
+      onSelect();
+    };
+    $[0] = onSelect;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const handleClick = t2;
+  let t3;
+  if ($[2] !== href || $[3] !== onSelect || $[4] !== router) {
+    t3 = event_0 => {
+      if (!onSelect || !href) {
+        return;
+      }
+      event_0.preventDefault();
+      router.push(href);
+    };
+    $[2] = href;
+    $[3] = onSelect;
+    $[4] = router;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const handleDoubleClick = t3;
+  let t4;
+  if ($[6] !== onSelect) {
+    t4 = event_1 => {
+      if (event_1.target.closest("a")) {
+        return;
+      }
+      onSelect?.();
+    };
+    $[6] = onSelect;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const handleCardClick = t4;
+  let t5;
+  if ($[8] !== href || $[9] !== onSelect || $[10] !== router) {
+    t5 = event_2 => {
+      if (!onSelect || !href || event_2.target.closest("a")) {
+        return;
+      }
+      event_2.preventDefault();
+      router.push(href);
+    };
+    $[8] = href;
+    $[9] = onSelect;
+    $[10] = router;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const handleCardDoubleClick = t5;
+  let t6;
+  if ($[12] !== onSelect) {
+    t6 = event_3 => {
+      if (!onSelect || event_3.target.closest("a") || event_3.key !== "Enter" && event_3.key !== " ") {
+        return;
+      }
+      event_3.preventDefault();
+      onSelect();
+    };
+    $[12] = onSelect;
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const handleCardKeyDown = t6;
+  let t7;
+  if ($[14] !== children || $[15] !== handleCardClick || $[16] !== handleCardDoubleClick || $[17] !== handleCardKeyDown || $[18] !== handleClick || $[19] !== handleDoubleClick || $[20] !== href || $[21] !== isSelected || $[22] !== onSelect || $[23] !== placeholder || $[24] !== selectionStatusID || $[25] !== t || $[26] !== thumbnail || $[27] !== title) {
+    const cardInteractionProps = onSelect ? {
+      "aria-describedby": selectionStatusID,
+      "aria-label": title,
+      "aria-pressed": isSelected,
+      onClick: handleCardClick,
+      onDoubleClick: handleCardDoubleClick,
+      onKeyDown: handleCardKeyDown,
+      role: "button",
+      tabIndex: 0
+    } : {};
+    const t8 = !onSelect && href && `${baseClass}--link`;
+    const t9 = isSelected && `${baseClass}--selected`;
+    let t10;
+    if ($[29] !== t8 || $[30] !== t9) {
+      t10 = [baseClass, t8, t9].filter(Boolean);
+      $[29] = t8;
+      $[30] = t9;
+      $[31] = t10;
+    } else {
+      t10 = $[31];
+    }
+    t7 = _jsxs("div", {
+      ...cardInteractionProps,
+      className: t10.join(" "),
+      children: [thumbnail ? _jsx("img", {
+        alt: thumbnail.alt || "",
+        className: `${baseClass}__thumbnail`,
+        decoding: "async",
+        loading: thumbnail.loading,
+        src: thumbnail.src
+      }) : _jsx("div", {
+        "aria-hidden": "true",
+        className: `${baseClass}__thumbnail ${baseClass}__thumbnail--empty`,
+        children: placeholder
+      }), _jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [href ? _jsx(Link, {
+          className: `${baseClass}__title`,
+          href,
+          onClick: onSelect ? handleClick : undefined,
+          onDoubleClick: onSelect ? handleDoubleClick : undefined,
+          children: title
+        }) : _jsx("span", {
+          className: `${baseClass}__title`,
+          children: title
+        }), children ? _jsx("div", {
+          className: `${baseClass}__metadata`,
+          children
+        }) : null]
+      }), onSelect ? _jsx("span", {
+        className: "document-card__selection-status sr-only",
+        id: selectionStatusID,
+        children: t(isSelected ? "general:selectedDocument" : "general:notSelectedDocument")
+      }) : null]
+    });
+    $[14] = children;
+    $[15] = handleCardClick;
+    $[16] = handleCardDoubleClick;
+    $[17] = handleCardKeyDown;
+    $[18] = handleClick;
+    $[19] = handleDoubleClick;
+    $[20] = href;
+    $[21] = isSelected;
+    $[22] = onSelect;
+    $[23] = placeholder;
+    $[24] = selectionStatusID;
+    $[25] = t;
+    $[26] = thumbnail;
+    $[27] = title;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  return t7;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useRouter","useTranslation","Link","baseClass","DocumentCard","t0","$","children","href","isSelected","t1","onSelect","placeholder","thumbnail","title","undefined","router","t","selectionStatusID","useId","t2","event","detail","preventDefault","handleClick","t3","event_0","push","handleDoubleClick","t4","event_1","target","closest","handleCardClick","t5","event_2","handleCardDoubleClick","t6","event_3","key","handleCardKeyDown","t7","cardInteractionProps","onClick","onDoubleClick","onKeyDown","role","tabIndex","t8","t9","t10","filter","Boolean","_jsxs","className","join","_jsx","alt","decoding","loading","src","id"],"sources":["../../../src/elements/DocumentCard/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport './index.css'\n\nconst baseClass = 'document-card'\n\nexport type DocumentCardThumbnail = {\n  alt?: string\n  /** Use `lazy` for cards that may be hidden on load, so their image is only downloaded once shown. */\n  loading?: 'eager' | 'lazy'\n  src: string\n}\nexport type DocumentCardProps = {\n  readonly children?: React.ReactNode\n  readonly href?: null | string\n  readonly isSelected?: boolean\n  readonly onSelect?: () => void\n  readonly placeholder?: React.ReactNode\n  readonly thumbnail?: DocumentCardThumbnail\n  readonly title: string\n}\n\n/** Shared document-card presentation. Navigation and selection state remain controlled by callers. */\nexport const DocumentCard: React.FC<DocumentCardProps> = ({\n  children,\n  href,\n  isSelected = false,\n  onSelect,\n  placeholder,\n  thumbnail,\n  title,\n}) => {\n  const router = useRouter()\n  const { t } = useTranslation()\n  const selectionStatusID = React.useId()\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!onSelect || event.detail === 0) {\n      return\n    }\n\n    event.preventDefault()\n    onSelect()\n  }\n\n  const handleDoubleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    if (!onSelect || !href) {\n      return\n    }\n\n    event.preventDefault()\n    void router.push(href)\n  }\n\n  const handleCardClick = (event: React.MouseEvent<HTMLElement>) => {\n    if ((event.target as HTMLElement).closest('a')) {\n      return\n    }\n\n    onSelect?.()\n  }\n\n  const handleCardDoubleClick = (event: React.MouseEvent<HTMLElement>) => {\n    if (!onSelect || !href || (event.target as HTMLElement).closest('a')) {\n      return\n    }\n\n    event.preventDefault()\n    void router.push(href)\n  }\n\n  const handleCardKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (\n      !onSelect ||\n      (event.target as HTMLElement).closest('a') ||\n      (event.key !== 'Enter' && event.key !== ' ')\n    ) {\n      return\n    }\n\n    event.preventDefault()\n    onSelect()\n  }\n\n  const cardInteractionProps: React.HTMLAttributes<HTMLDivElement> = onSelect\n    ? {\n        'aria-describedby': selectionStatusID,\n        'aria-label': title,\n        'aria-pressed': isSelected,\n        onClick: handleCardClick,\n        onDoubleClick: handleCardDoubleClick,\n        onKeyDown: handleCardKeyDown,\n        role: 'button',\n        tabIndex: 0,\n      }\n    : {}\n\n  return (\n    <div\n      {...cardInteractionProps}\n      className={[\n        baseClass,\n        !onSelect && href && `${baseClass}--link`,\n        isSelected && `${baseClass}--selected`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {thumbnail ? (\n        <img\n          alt={thumbnail.alt || ''}\n          className={`${baseClass}__thumbnail`}\n          decoding=\"async\"\n          loading={thumbnail.loading}\n          src={thumbnail.src}\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className={`${baseClass}__thumbnail ${baseClass}__thumbnail--empty`}\n        >\n          {placeholder}\n        </div>\n      )}\n      <div className={`${baseClass}__content`}>\n        {href ? (\n          <Link\n            className={`${baseClass}__title`}\n            href={href}\n            onClick={onSelect ? handleClick : undefined}\n            onDoubleClick={onSelect ? handleDoubleClick : undefined}\n          >\n            {title}\n          </Link>\n        ) : (\n          <span className={`${baseClass}__title`}>{title}</span>\n        )}\n        {children ? <div className={`${baseClass}__metadata`}>{children}</div> : null}\n      </div>\n      {onSelect ? (\n        <span className=\"document-card__selection-status sr-only\" id={selectionStatusID}>\n          {t(isSelected ? 'general:selectedDocument' : 'general:notSelectedDocument')}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentControls/index.css

@@ -35,13 +35,14 @@
   .doc-controls__meta {
     flex-grow: 1;
     display: flex;
+    flex-direction: column;
     list-style: none;
     padding: 0;
     color: var(--color-text);
-    gap: var(--spacer-2);
+    gap: 0;
     margin: 0;
-    width: 100%;
-    overflow: hidden;
+    width: auto;
+    overflow: visible;
 
     button {
       margin: 0;
@@ -68,7 +69,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     margin: 0;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -81,8 +81,7 @@
 
   .doc-controls__creating-new {
     color: var(--color-text);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
   }
 
   .doc-controls__controls-wrapper {
@@ -144,6 +143,16 @@
     background: transparent;
   }
 
+  @media (width > 768px) {
+    .doc-controls__meta {
+      flex-direction: row;
+      width: 100%;
+      gap: var(--spacer-2);
+      overflow: hidden;
+    }
+  }
+
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 1024px) {
     .doc-controls__controls-wrapper {
       margin-left: auto;
@@ -168,15 +177,7 @@
       display: none;
     }
 
-    .doc-controls__meta {
-      flex-direction: column;
-      width: auto;
-      gap: 0;
-      overflow: visible;
-    }
-
     .doc-controls__meta:has(.doc-controls__status) .doc-controls__value {
-      font-family: var(--text-body-small-font-family);
       font-size: var(--text-body-small-font-size);
       font-weight: var(--text-body-small-font-weight);
       line-height: var(--text-body-small-line-height);
@@ -184,7 +185,6 @@
     }
 
     .doc-controls .autosave {
-      font-family: var(--text-body-small-font-family);
       font-size: var(--text-body-small-font-size);
       font-weight: var(--text-body-small-font-weight);
       line-height: var(--text-body-small-line-height);

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

@@ -2,7 +2,7 @@ import type { Data, SanitizedCollectionConfig, SanitizedCollectionPermission, Sa
 import React from 'react';
 import type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js';
 import './index.css';
-export declare const DocumentControls: React.FC<{
+type DocumentControlsProps = {
     readonly apiURL: string;
     readonly BeforeDocumentControls?: React.ReactNode;
     readonly BeforeDocumentMeta?: React.ReactNode;
@@ -44,5 +44,7 @@ export declare const DocumentControls: React.FC<{
      * - `drawerHeaderActions`: only the action buttons, rendered in the document drawer header.
      */
     readonly variant?: 'default' | 'drawerHeaderActions';
-}>;
+};
+export declare const DocumentControls: React.FC<DocumentControlsProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,IAAI,EACJ,yBAAyB,EACzB,6BAA6B,EAC7B,yBAAyB,EACzB,IAAI,EACL,MAAM,SAAS,CAAA;AAShB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AA6B9E,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7C,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QAC1C,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3C,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAA;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEvC,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAA;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IACrD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,IAAI,GAAG,6BAA6B,GAAG,yBAAyB,CAAA;IACtF,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAC1C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,qBAAqB,CAAA;CACrD,CA8WA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,IAAI,EACJ,yBAAyB,EACzB,6BAA6B,EAC7B,yBAAyB,EACzB,IAAI,EACL,MAAM,SAAS,CAAA;AAShB,OAAO,KAA6D,MAAM,OAAO,CAAA;AAEjF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AA6B9E,OAAO,aAAa,CAAA;AAIpB,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjD,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7C,QAAQ,CAAC,gBAAgB,CAAC,EAAE;QAC1B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACxC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QAC1C,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;QACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KAC3C,CAAA;IACD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAA;IACzD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAA;IAEvC,QAAQ,CAAC,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAA;IAC/D,QAAQ,CAAC,SAAS,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,CAAA;IAC3D,QAAQ,CAAC,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IACrD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,IAAI,GAAG,6BAA6B,GAAG,yBAAyB,CAAA;IACtF,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAC1C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAA;IACpB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,qBAAqB,CAAA;CACrD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+W5D,CAAA"}

package/dist/elements/DocumentControls/index.js

@@ -260,12 +260,13 @@ export const DocumentControls = props => {
         className: `${baseClass}__popup`,
         disabled: initializing || processing,
         horizontalAlign: "right",
+        popupType: "menu",
         renderButton: ({
           active,
           ...buttonProps
         }) => /*#__PURE__*/_jsx(Button, {
           ...buttonProps,
-          "aria-label": t('general:moreOptions'),
+          "aria-label": `${t('general:moreOptions')}: ${t('general:document')}`,
           buttonStyle: "ghost",
           className: `${baseClass}__popup-button`,
           icon: /*#__PURE__*/_jsx(MoreIcon, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","hasScheduledPublishEnabled","React","Fragment","useCallback","useEffect","useRef","useState","useFormInitializing","useFormProcessing","useElementHeightVariable","MoreIcon","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","formatTimeToNow","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","SchedulePublishButton","Status","UnpublishButton","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","BeforeDocumentMeta","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","variant","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","createdAt","setCreatedAt","relativeTime","setRelativeTime","processing","initializing","rootRef","i18nRef","cssVar","isEnabled","ref","current","updateRelativeTime","date","pattern","interval","setInterval","clearInterval","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showLockedMetaIcon","_jsxs","className","filter","join","_jsx","label","labels","singular","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","undefined","distance","preview","disabled","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","buttonClassName","caret","horizontalAlign","renderButton","active","buttonProps","icon","selected","verticalAlign","ButtonGroup","href","path","disableDuplicate","_Fragment","selectLocales","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n  User,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasDraftsEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useElementHeightVariable } from '../../hooks/useElementHeightVariable.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { LivePreviewToggler } from '../LivePreview/Toggler/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { RestoreButton } from '../RestoreButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { SchedulePublishButton } from '../SchedulePublishButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n    readonly Status?: React.ReactNode\n    readonly UnpublishButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly EditMenuItems?: React.ReactNode\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly isInDrawer?: boolean\n  readonly isTrashed?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly onSave?: DocumentDrawerContextType['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: null | SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: User\n  /**\n   * Controls how the document controls render.\n   * - `default`: full controls bar (meta + actions), used on the edit page.\n   * - `drawerHeaderActions`: only the action buttons, rendered in the document drawer header.\n   */\n  readonly variant?: 'default' | 'drawerHeaderActions'\n}> = (props) => {\n  const {\n    id,\n    slug,\n    BeforeDocumentControls,\n    BeforeDocumentMeta,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n      Status: CustomStatus,\n      UnpublishButton: CustomUnpublishButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    EditMenuItems,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    isInDrawer,\n    isTrashed,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onRestore,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    redirectAfterRestore,\n    user,\n    variant = 'default',\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const { isLivePreviewEnabled } = useLivePreviewContext()\n\n  const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } =\n    useDocumentInfo()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n  const [relativeTime, setRelativeTime] = useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  const rootRef = useRef<HTMLDivElement>(null)\n  const i18nRef = useRef(i18n)\n\n  // Only the page-level controls bar feeds the sticky layout offsets. Drawer instances\n  // (variant=\"drawerHeaderActions\") must not publish the shared var or they'd clobber it.\n  useElementHeightVariable({\n    cssVar: '--doc-controls-height',\n    isEnabled: variant === 'default',\n    ref: rootRef,\n  })\n  i18nRef.current = i18n\n\n  const updateRelativeTime = useCallback(() => {\n    const date = data?.updatedAt || data?.createdAt\n    if (date) {\n      setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n    }\n  }, [data?.updatedAt, data?.createdAt])\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n    updateRelativeTime()\n  }, [data, i18n, dateFormat, updateRelativeTime])\n\n  useEffect(() => {\n    const interval = setInterval(updateRelativeTime, 60000)\n    return () => clearInterval(interval)\n  }, [updateRelativeTime])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const hasDeletePermission = collectionConfig?.trash\n    ? docHasTrashPermission || docHasDeletePermission\n    : collectionDeletePermission\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n\n  const showDotMenu = Boolean(\n    !disableActions &&\n      (EditMenuItems ||\n        (collectionConfig && id && (hasCreatePermission || hasDeletePermission)) ||\n        (globalConfig && (globalHasDraftsEnabled || localization))),\n  )\n  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig)\n  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig)\n  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfig.versions.drafts.autosave !== false &&\n      collectionConfig.versions.drafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfig.versions.drafts.autosave !== false &&\n      globalConfig.versions.drafts.autosave.showSaveDraftButton === true)\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <div\n      className={[baseClass, variant !== 'default' && `${baseClass}--${variant}`]\n        .filter(Boolean)\n        .join(' ')}\n      ref={rootRef}\n    >\n      {variant === 'default' && (\n        <div className={`${baseClass}__content`}>\n          {Boolean(showLockedMetaIcon || BeforeDocumentMeta) && (\n            <div className={`${baseClass}__before-meta`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {BeforeDocumentMeta}\n            </div>\n          )}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__creating-new`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li className={`${baseClass}__status ${baseClass}__list-item`}>\n                    <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n                  </li>\n                )}\n                {hasSavePermission &&\n                  autosaveEnabled &&\n                  !unsavedDraftWithValidations &&\n                  !isTrashed && (\n                    <li className={`${baseClass}__list-item`}>\n                      <Autosave\n                        collection={collectionConfig}\n                        global={globalConfig}\n                        id={id}\n                        publishedDocUpdatedAt={data?.createdAt}\n                      />\n                    </li>\n                  )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps &&\n              (isEditing || isAccountView) &&\n              (data?.updatedAt || data?.createdAt) && (\n                <li\n                  className={`${baseClass}__list-item ${baseClass}__value-wrap`}\n                  title={updatedAt || createdAt || undefined}\n                >\n                  <p className={`${baseClass}__value`}>\n                    {relativeTime\n                      ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                          distance: relativeTime,\n                        })\n                      : `${t('general:loading')}...`}\n                  </p>\n                </li>\n              )}\n          </ul>\n        </div>\n      )}\n      <div className={`${baseClass}__controls-wrapper`}>\n        <div className={`${baseClass}__controls`}>\n          {BeforeDocumentControls}\n          <div className={`${baseClass}__icon-buttons`}>\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasScheduledPublishEnabled(collectionConfig || globalConfig) && !isTrashed && (\n              <SchedulePublishButton disabled={readOnlyForIncomingUser} />\n            )}\n          </div>\n          {hasSavePermission && !isTrashed && !readOnlyForIncomingUser && (\n            <Fragment>\n              {collectionHasDraftsEnabled || globalHasDraftsEnabled ? (\n                <Fragment>\n                  {(unsavedDraftWithValidations ||\n                    !autosaveEnabled ||\n                    (autosaveEnabled && showSaveDraftButton)) && (\n                    <RenderCustomComponent\n                      CustomComponent={CustomSaveDraftButton}\n                      Fallback={<SaveDraftButton />}\n                    />\n                  )}\n                  <RenderCustomComponent\n                    CustomComponent={CustomPublishButton}\n                    Fallback={<PublishButton />}\n                  />\n                </Fragment>\n              ) : (\n                <RenderCustomComponent\n                  CustomComponent={CustomSaveButton}\n                  Fallback={<SaveButton />}\n                />\n              )}\n            </Fragment>\n          )}\n          {docHasDeletePermission && isTrashed && (\n            <PermanentlyDeleteButton\n              buttonId=\"action-permanently-delete\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onDelete={onDelete}\n              redirectAfterDelete={redirectAfterDelete}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {hasSavePermission && isTrashed && (\n            <RestoreButton\n              buttonId=\"action-restore\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onRestore={onRestore}\n              redirectAfterRestore={redirectAfterRestore}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {user && readOnlyForIncomingUser && (\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"take-over\"\n              onClick={onTakeOver}\n              size=\"medium\"\n              type=\"button\"\n            >\n              {t('general:takeOver')}\n            </Button>\n          )}\n        </div>\n        {showDotMenu && !readOnlyForIncomingUser && (\n          <Popup\n            buttonClassName={`${baseClass}__popup-button`}\n            caret={false}\n            className={`${baseClass}__popup`}\n            disabled={initializing || processing}\n            horizontalAlign=\"right\"\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                {...buttonProps}\n                aria-label={t('general:moreOptions')}\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__popup-button`}\n                icon={<MoreIcon />}\n                selected={active}\n                size=\"medium\"\n              />\n            )}\n            verticalAlign=\"bottom\"\n          >\n            <PopupList.ButtonGroup>\n              {showCopyToLocale && <CopyLocaleData />}\n              {hasCreatePermission && (\n                <React.Fragment>\n                  {!disableCreate && (\n                    <Fragment>\n                      {editDepth > 1 ? (\n                        <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      ) : (\n                        <PopupList.Button\n                          href={formatAdminURL({\n                            adminRoute,\n                            path: `/collections/${collectionConfig?.slug}/create`,\n                          })}\n                          id=\"action-create\"\n                        >\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      )}\n                    </Fragment>\n                  )}\n                  {collectionConfig.disableDuplicate !== true && isEditing && (\n                    <>\n                      <DuplicateDocument\n                        id={id}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                      {localization && (\n                        <DuplicateDocument\n                          id={id}\n                          onDuplicate={onDuplicate}\n                          redirectAfterDuplicate={redirectAfterDuplicate}\n                          selectLocales={true}\n                          singularLabel={collectionConfig?.labels?.singular}\n                          slug={collectionConfig?.slug}\n                        />\n                      )}\n                    </>\n                  )}\n                </React.Fragment>\n              )}\n              {hasDeletePermission && id && (\n                <DeleteDocument\n                  buttonId=\"action-delete\"\n                  collectionSlug={collectionConfig?.slug}\n                  id={id.toString()}\n                  onDelete={onDelete}\n                  redirectAfterDelete={redirectAfterDelete}\n                  singularLabel={collectionConfig?.labels?.singular}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle}\n                />\n              )}\n              <RenderCustomComponent\n                CustomComponent={CustomUnpublishButton}\n                Fallback={<UnpublishButton />}\n              />\n              {EditMenuItems}\n            </PopupList.ButtonGroup>\n          </Popup>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","hasScheduledPublishEnabled","React","Fragment","useCallback","useEffect","useRef","useState","useFormInitializing","useFormProcessing","useElementHeightVariable","MoreIcon","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","formatTimeToNow","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","SchedulePublishButton","Status","UnpublishButton","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","BeforeDocumentMeta","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","variant","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","createdAt","setCreatedAt","relativeTime","setRelativeTime","processing","initializing","rootRef","i18nRef","cssVar","isEnabled","ref","current","updateRelativeTime","date","pattern","interval","setInterval","clearInterval","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showLockedMetaIcon","_jsxs","className","filter","join","_jsx","label","labels","singular","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","undefined","distance","preview","disabled","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","buttonClassName","caret","horizontalAlign","popupType","renderButton","active","buttonProps","icon","selected","verticalAlign","ButtonGroup","href","path","disableDuplicate","_Fragment","selectLocales","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n  User,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasDraftsEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useElementHeightVariable } from '../../hooks/useElementHeightVariable.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { LivePreviewToggler } from '../LivePreview/Toggler/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { RestoreButton } from '../RestoreButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { SchedulePublishButton } from '../SchedulePublishButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-controls'\n\ntype DocumentControlsProps = {\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n    readonly Status?: React.ReactNode\n    readonly UnpublishButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly EditMenuItems?: React.ReactNode\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly isInDrawer?: boolean\n  readonly isTrashed?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly onSave?: DocumentDrawerContextType['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: null | SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: User\n  /**\n   * Controls how the document controls render.\n   * - `default`: full controls bar (meta + actions), used on the edit page.\n   * - `drawerHeaderActions`: only the action buttons, rendered in the document drawer header.\n   */\n  readonly variant?: 'default' | 'drawerHeaderActions'\n}\n\nexport const DocumentControls: React.FC<DocumentControlsProps> = (props) => {\n  const {\n    id,\n    slug,\n    BeforeDocumentControls,\n    BeforeDocumentMeta,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n      Status: CustomStatus,\n      UnpublishButton: CustomUnpublishButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    EditMenuItems,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    isInDrawer,\n    isTrashed,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onRestore,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    redirectAfterRestore,\n    user,\n    variant = 'default',\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const { isLivePreviewEnabled } = useLivePreviewContext()\n\n  const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } =\n    useDocumentInfo()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n  const [relativeTime, setRelativeTime] = useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  const rootRef = useRef<HTMLDivElement>(null)\n  const i18nRef = useRef(i18n)\n\n  // Only the page-level controls bar feeds the sticky layout offsets. Drawer instances\n  // (variant=\"drawerHeaderActions\") must not publish the shared var or they'd clobber it.\n  useElementHeightVariable({\n    cssVar: '--doc-controls-height',\n    isEnabled: variant === 'default',\n    ref: rootRef,\n  })\n  i18nRef.current = i18n\n\n  const updateRelativeTime = useCallback(() => {\n    const date = data?.updatedAt || data?.createdAt\n    if (date) {\n      setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n    }\n  }, [data?.updatedAt, data?.createdAt])\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n    updateRelativeTime()\n  }, [data, i18n, dateFormat, updateRelativeTime])\n\n  useEffect(() => {\n    const interval = setInterval(updateRelativeTime, 60000)\n    return () => clearInterval(interval)\n  }, [updateRelativeTime])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const hasDeletePermission = collectionConfig?.trash\n    ? docHasTrashPermission || docHasDeletePermission\n    : collectionDeletePermission\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n\n  const showDotMenu = Boolean(\n    !disableActions &&\n    (EditMenuItems ||\n      (collectionConfig && id && (hasCreatePermission || hasDeletePermission)) ||\n      (globalConfig && (globalHasDraftsEnabled || localization))),\n  )\n  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig)\n  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig)\n  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfig.versions.drafts.autosave !== false &&\n      collectionConfig.versions.drafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfig.versions.drafts.autosave !== false &&\n      globalConfig.versions.drafts.autosave.showSaveDraftButton === true)\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <div\n      className={[baseClass, variant !== 'default' && `${baseClass}--${variant}`]\n        .filter(Boolean)\n        .join(' ')}\n      ref={rootRef}\n    >\n      {variant === 'default' && (\n        <div className={`${baseClass}__content`}>\n          {Boolean(showLockedMetaIcon || BeforeDocumentMeta) && (\n            <div className={`${baseClass}__before-meta`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {BeforeDocumentMeta}\n            </div>\n          )}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__creating-new`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li className={`${baseClass}__status ${baseClass}__list-item`}>\n                    <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n                  </li>\n                )}\n                {hasSavePermission &&\n                  autosaveEnabled &&\n                  !unsavedDraftWithValidations &&\n                  !isTrashed && (\n                    <li className={`${baseClass}__list-item`}>\n                      <Autosave\n                        collection={collectionConfig}\n                        global={globalConfig}\n                        id={id}\n                        publishedDocUpdatedAt={data?.createdAt}\n                      />\n                    </li>\n                  )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps &&\n              (isEditing || isAccountView) &&\n              (data?.updatedAt || data?.createdAt) && (\n                <li\n                  className={`${baseClass}__list-item ${baseClass}__value-wrap`}\n                  title={updatedAt || createdAt || undefined}\n                >\n                  <p className={`${baseClass}__value`}>\n                    {relativeTime\n                      ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                          distance: relativeTime,\n                        })\n                      : `${t('general:loading')}...`}\n                  </p>\n                </li>\n              )}\n          </ul>\n        </div>\n      )}\n      <div className={`${baseClass}__controls-wrapper`}>\n        <div className={`${baseClass}__controls`}>\n          {BeforeDocumentControls}\n          <div className={`${baseClass}__icon-buttons`}>\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasScheduledPublishEnabled(collectionConfig || globalConfig) && !isTrashed && (\n              <SchedulePublishButton disabled={readOnlyForIncomingUser} />\n            )}\n          </div>\n          {hasSavePermission && !isTrashed && !readOnlyForIncomingUser && (\n            <Fragment>\n              {collectionHasDraftsEnabled || globalHasDraftsEnabled ? (\n                <Fragment>\n                  {(unsavedDraftWithValidations ||\n                    !autosaveEnabled ||\n                    (autosaveEnabled && showSaveDraftButton)) && (\n                    <RenderCustomComponent\n                      CustomComponent={CustomSaveDraftButton}\n                      Fallback={<SaveDraftButton />}\n                    />\n                  )}\n                  <RenderCustomComponent\n                    CustomComponent={CustomPublishButton}\n                    Fallback={<PublishButton />}\n                  />\n                </Fragment>\n              ) : (\n                <RenderCustomComponent\n                  CustomComponent={CustomSaveButton}\n                  Fallback={<SaveButton />}\n                />\n              )}\n            </Fragment>\n          )}\n          {docHasDeletePermission && isTrashed && (\n            <PermanentlyDeleteButton\n              buttonId=\"action-permanently-delete\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onDelete={onDelete}\n              redirectAfterDelete={redirectAfterDelete}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {hasSavePermission && isTrashed && (\n            <RestoreButton\n              buttonId=\"action-restore\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onRestore={onRestore}\n              redirectAfterRestore={redirectAfterRestore}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {user && readOnlyForIncomingUser && (\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"take-over\"\n              onClick={onTakeOver}\n              size=\"medium\"\n              type=\"button\"\n            >\n              {t('general:takeOver')}\n            </Button>\n          )}\n        </div>\n        {showDotMenu && !readOnlyForIncomingUser && (\n          <Popup\n            buttonClassName={`${baseClass}__popup-button`}\n            caret={false}\n            className={`${baseClass}__popup`}\n            disabled={initializing || processing}\n            horizontalAlign=\"right\"\n            popupType=\"menu\"\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                {...buttonProps}\n                aria-label={`${t('general:moreOptions')}: ${t('general:document')}`}\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__popup-button`}\n                icon={<MoreIcon />}\n                selected={active}\n                size=\"medium\"\n              />\n            )}\n            verticalAlign=\"bottom\"\n          >\n            <PopupList.ButtonGroup>\n              {showCopyToLocale && <CopyLocaleData />}\n              {hasCreatePermission && (\n                <React.Fragment>\n                  {!disableCreate && (\n                    <Fragment>\n                      {editDepth > 1 ? (\n                        <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      ) : (\n                        <PopupList.Button\n                          href={formatAdminURL({\n                            adminRoute,\n                            path: `/collections/${collectionConfig?.slug}/create`,\n                          })}\n                          id=\"action-create\"\n                        >\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      )}\n                    </Fragment>\n                  )}\n                  {collectionConfig.disableDuplicate !== true && isEditing && (\n                    <>\n                      <DuplicateDocument\n                        id={id}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                      {localization && (\n                        <DuplicateDocument\n                          id={id}\n                          onDuplicate={onDuplicate}\n                          redirectAfterDuplicate={redirectAfterDuplicate}\n                          selectLocales={true}\n                          singularLabel={collectionConfig?.labels?.singular}\n                          slug={collectionConfig?.slug}\n                        />\n                      )}\n                    </>\n                  )}\n                </React.Fragment>\n              )}\n              {hasDeletePermission && id && (\n                <DeleteDocument\n                  buttonId=\"action-delete\"\n                  collectionSlug={collectionConfig?.slug}\n                  id={id.toString()}\n                  onDelete={onDelete}\n                  redirectAfterDelete={redirectAfterDelete}\n                  singularLabel={collectionConfig?.labels?.singular}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle}\n                />\n              )}\n              <RenderCustomComponent\n                CustomComponent={CustomUnpublishButton}\n                Fallback={<UnpublishButton />}\n              />\n              {EditMenuItems}\n            </PopupList.ButtonGroup>\n          </Popup>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerHeader/index.css

@@ -39,11 +39,10 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     color: var(--color-text);
-    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);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .doc-drawer__title-bar {
@@ -57,7 +56,6 @@
   .doc-drawer__title {
     margin: 0;
     color: var(--color-text);
-    font-family: var(--text-heading-medium-font-family);
     font-size: var(--text-heading-medium-font-size);
     font-weight: var(--text-heading-medium-font-weight);
     line-height: var(--text-heading-medium-line-height);
@@ -84,7 +82,6 @@
 
   .doc-drawer__updated-at {
     color: var(--color-text-secondary);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/elements/DocumentDrawer/DrawerHeader/index.js

@@ -137,7 +137,7 @@ export const DocumentDrawerHeader = ({
             size: 24
           }),
           onClick: handleOnClose
-        }), /*#__PURE__*/_jsx("span", {
+        }), /*#__PURE__*/_jsx("h2", {
           className: `${documentDrawerBaseClass}__header-text`,
           children: headerLabel
         })]
@@ -149,7 +149,7 @@ export const DocumentDrawerHeader = ({
       className: `${documentDrawerBaseClass}__title-bar`,
       children: [/*#__PURE__*/_jsx(RenderTitle, {
         className: `${documentDrawerBaseClass}__title`,
-        element: "h2",
+        element: "h3",
         renderAsLink: renderTitleAsLink
       }), showMeta ? /*#__PURE__*/_jsxs("div", {
         className: `${documentDrawerBaseClass}__meta`,