@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d7d662c

package/dist/elements/DocumentHeader/DocumentHeaderRoot/index.js

@@ -0,0 +1,28 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useRef } from 'react';
+import { useElementHeightVariable } from '../../../hooks/useElementHeightVariable.js';
+const baseClass = 'doc-header';
+/**
+ * Client wrapper for the document header that publishes its rendered height as the
+ * `--doc-header-height` CSS variable, mirroring how `AppHeader` and `DocumentControls`
+ * expose their own heights for layout calculations.
+ *
+ * @internal
+ */
+export const DocumentHeaderRoot = ({
+  children
+}) => {
+  const ref = useRef(null);
+  useElementHeightVariable({
+    cssVar: '--doc-header-height',
+    ref
+  });
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    ref: ref,
+    children: children
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/DocumentHeaderRoot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useRef","useElementHeightVariable","baseClass","DocumentHeaderRoot","children","ref","cssVar","_jsx","className"],"sources":["../../../../src/elements/DocumentHeader/DocumentHeaderRoot/index.tsx"],"sourcesContent":["'use client'\nimport React, { useRef } from 'react'\n\nimport { useElementHeightVariable } from '../../../hooks/useElementHeightVariable.js'\n\nconst baseClass = 'doc-header'\n\n/**\n * Client wrapper for the document header that publishes its rendered height as the\n * `--doc-header-height` CSS variable, mirroring how `AppHeader` and `DocumentControls`\n * expose their own heights for layout calculations.\n *\n * @internal\n */\nexport const DocumentHeaderRoot: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useElementHeightVariable({ cssVar: '--doc-header-height', ref })\n\n  return (\n    <div className={baseClass} ref={ref}>\n      {children}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,wBAAwB,QAAQ;AAEzC,MAAMC,SAAA,GAAY;AAElB;;;;;;;AAOA,OAAO,MAAMC,kBAAA,GAA8DA,CAAC;EAAEC;AAAQ,CAAE;EACtF,MAAMC,GAAA,GAAML,MAAA,CAAuB;EAEnCC,wBAAA,CAAyB;IAAEK,MAAA,EAAQ;IAAuBD;EAAI;EAE9D,oBACEE,IAAA,CAAC;IAAIC,SAAA,EAAWN,SAAA;IAAWG,GAAA,EAAKA,GAAA;cAC7BD;;AAGP","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+export declare const ShouldRenderTabs: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=ShouldRenderTabs.d.ts.map

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShouldRenderTabs.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAWA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.js

@@ -0,0 +1,19 @@
+'use client';
+
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+export const ShouldRenderTabs = t0 => {
+  const {
+    children
+  } = t0;
+  const {
+    id: idFromContext,
+    collectionSlug,
+    globalSlug
+  } = useDocumentInfo();
+  const id = idFromContext !== "create" ? idFromContext : null;
+  if (collectionSlug && id || globalSlug) {
+    return children;
+  }
+  return null;
+};
+//# sourceMappingURL=ShouldRenderTabs.js.map

package/dist/elements/DocumentHeader/Tabs/ShouldRenderTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShouldRenderTabs.js","names":["useDocumentInfo","ShouldRenderTabs","t0","children","id","idFromContext","collectionSlug","globalSlug"],"sources":["../../../../src/elements/DocumentHeader/Tabs/ShouldRenderTabs.tsx"],"sourcesContent":["'use client'\nimport type React from 'react'\n\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\n\nexport const ShouldRenderTabs: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => {\n  const { id: idFromContext, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const id = idFromContext !== 'create' ? idFromContext : null\n\n  // Don't show tabs when creating new documents\n  if ((collectionSlug && id) || globalSlug) {\n    return children\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ;AAEhC,OAAO,MAAMC,gBAAA,GAERC,EAAA;EAAC;IAAAC;EAAA,IAAAD,EAAY;EAChB;IAAAE,EAAA,EAAAC,aAAA;IAAAC,cAAA;IAAAC;EAAA,IAA0DP,eAAA;EAE1D,MAAAI,EAAA,GAAWC,aAAA,KAAkB,QAA2B,GAA7CA,aAA6C,GAA7C,IAA6C;EAGxD,IAAIC,cAAmB,IAAnBF,EAA0B,IAA1BG,UAA0B;IAAA,OACrBJ,QAAA;EAAA;EACT,OAEO;AAAA,CACT","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.d.ts

@@ -0,0 +1,12 @@
+import type { SanitizedConfig } from 'payload';
+import React from 'react';
+export declare const DocumentTabLink: React.FC<{
+    adminRoute: SanitizedConfig['routes']['admin'];
+    ariaLabel?: string;
+    baseClass: string;
+    children?: React.ReactNode;
+    href: string;
+    isActive?: boolean;
+    newTab?: boolean;
+}>;
+//# sourceMappingURL=TabLink.d.ts.map

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IACrC,UAAU,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAyDA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js

@@ -0,0 +1,127 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React from 'react';
+import { useParams, usePathname, useSearchParams } from '../../../../providers/RouterAdapter/index.js';
+import { Button } from '../../../Button/index.js';
+export const DocumentTabLink = t0 => {
+  const $ = _c(25);
+  const {
+    adminRoute,
+    ariaLabel,
+    baseClass,
+    children,
+    href: hrefFromProps,
+    isActive: isActiveFromProps,
+    newTab
+  } = t0;
+  const pathname = usePathname();
+  const params = useParams();
+  const searchParams = useSearchParams();
+  let t1;
+  if ($[0] !== searchParams) {
+    t1 = searchParams.get("locale");
+    $[0] = searchParams;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const locale = t1;
+  let t2;
+  if ($[2] !== params.segments) {
+    t2 = params.segments || [];
+    $[2] = params.segments;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const [entityType, entitySlug, segmentThree, segmentFour] = t2;
+  const isCollection = entityType === "collections";
+  const t3 = `/${isCollection ? "collections" : "globals"}/${entitySlug}`;
+  let t4;
+  if ($[4] !== adminRoute || $[5] !== t3) {
+    t4 = formatAdminURL({
+      adminRoute,
+      path: t3
+    });
+    $[4] = adminRoute;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let docPath = t4;
+  if (isCollection) {
+    if (segmentThree === "trash" && segmentFour) {
+      docPath = docPath + `/trash/${segmentFour}`;
+    } else {
+      if (segmentThree) {
+        docPath = docPath + `/${segmentThree}`;
+      }
+    }
+  }
+  const href = `${docPath}${hrefFromProps}`;
+  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ""}`;
+  let t5;
+  if ($[7] !== docPath || $[8] !== href || $[9] !== isActiveFromProps || $[10] !== pathname) {
+    t5 = href === docPath && pathname === docPath || href !== docPath && pathname.startsWith(href) || isActiveFromProps;
+    $[7] = docPath;
+    $[8] = href;
+    $[9] = isActiveFromProps;
+    $[10] = pathname;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  const isActive = t5;
+  const t6 = isActive ? "pill" : "ghost";
+  const t7 = isActive && `${baseClass}--active`;
+  let t8;
+  if ($[12] !== baseClass || $[13] !== t7) {
+    t8 = [baseClass, t7].filter(Boolean);
+    $[12] = baseClass;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  const t9 = t8.join(" ");
+  const t10 = isActive ? "page" : false;
+  let t11;
+  if ($[15] !== ariaLabel || $[16] !== children || $[17] !== href || $[18] !== hrefWithLocale || $[19] !== newTab || $[20] !== pathname || $[21] !== t10 || $[22] !== t6 || $[23] !== t9) {
+    t11 = _jsx(Button, {
+      "aria-label": ariaLabel,
+      buttonStyle: t6,
+      className: t9,
+      el: "link",
+      extraButtonProps: {
+        "aria-current": t10
+      },
+      margin: false,
+      newTab,
+      onClick: href === pathname && !newTab ? _temp : undefined,
+      size: "medium",
+      to: hrefWithLocale,
+      children
+    });
+    $[15] = ariaLabel;
+    $[16] = children;
+    $[17] = href;
+    $[18] = hrefWithLocale;
+    $[19] = newTab;
+    $[20] = pathname;
+    $[21] = t10;
+    $[22] = t6;
+    $[23] = t9;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  return t11;
+};
+function _temp(event) {
+  return event.preventDefault();
+}
+//# sourceMappingURL=TabLink.js.map

package/dist/elements/DocumentHeader/Tabs/Tab/TabLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLink.js","names":["c","_c","formatAdminURL","React","useParams","usePathname","useSearchParams","Button","DocumentTabLink","t0","$","adminRoute","ariaLabel","baseClass","children","href","hrefFromProps","isActive","isActiveFromProps","newTab","pathname","params","searchParams","t1","get","locale","t2","segments","entityType","entitySlug","segmentThree","segmentFour","isCollection","t3","t4","path","docPath","hrefWithLocale","t5","startsWith","t6","t7","t8","filter","Boolean","t9","join","t10","t11","_jsx","buttonStyle","className","el","extraButtonProps","margin","onClick","_temp","undefined","size","to","event","preventDefault"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/TabLink.tsx"],"sourcesContent":["'use client'\nimport type { SanitizedConfig } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport {\n  useParams,\n  usePathname,\n  useSearchParams,\n} from '../../../../providers/RouterAdapter/index.js'\nimport { Button } from '../../../Button/index.js'\n\nexport const DocumentTabLink: React.FC<{\n  adminRoute: SanitizedConfig['routes']['admin']\n  ariaLabel?: string\n  baseClass: string\n  children?: React.ReactNode\n  href: string\n  isActive?: boolean\n  newTab?: boolean\n}> = ({\n  adminRoute,\n  ariaLabel,\n  baseClass,\n  children,\n  href: hrefFromProps,\n  isActive: isActiveFromProps,\n  newTab,\n}) => {\n  const pathname = usePathname()\n  const params = useParams()\n\n  const searchParams = useSearchParams()\n\n  const locale = searchParams.get('locale')\n\n  const [entityType, entitySlug, segmentThree, segmentFour, ...rest] = params.segments || []\n  const isCollection = entityType === 'collections'\n\n  let docPath = formatAdminURL({\n    adminRoute,\n    path: `/${isCollection ? 'collections' : 'globals'}/${entitySlug}`,\n  })\n\n  if (isCollection) {\n    if (segmentThree === 'trash' && segmentFour) {\n      docPath += `/trash/${segmentFour}`\n    } else if (segmentThree) {\n      docPath += `/${segmentThree}`\n    }\n  }\n\n  const href = `${docPath}${hrefFromProps}`\n  // separated the two so it doesn't break checks against pathname\n  const hrefWithLocale = `${href}${locale ? `?locale=${locale}` : ''}`\n\n  const isActive =\n    (href === docPath && pathname === docPath) ||\n    (href !== docPath && pathname.startsWith(href)) ||\n    isActiveFromProps\n\n  return (\n    <Button\n      aria-label={ariaLabel}\n      buttonStyle={isActive ? 'pill' : 'ghost'}\n      className={[baseClass, isActive && `${baseClass}--active`].filter(Boolean).join(' ')}\n      el=\"link\"\n      extraButtonProps={{ 'aria-current': isActive ? 'page' : false }}\n      margin={false}\n      newTab={newTab}\n      onClick={href === pathname && !newTab ? (event) => event.preventDefault() : undefined}\n      size=\"medium\"\n      to={hrefWithLocale}\n    >\n      {children}\n    </Button>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/Tab/index.css

@@ -0,0 +1,51 @@
+@layer payload-default {
+  .doc-tab {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    white-space: nowrap;
+    color: var(--color-text-secondary);
+  }
+
+  .doc-tab:hover {
+    color: var(--color-text);
+  }
+
+  .doc-tab:hover .pill-version-count {
+    background-color: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+
+  .doc-tab--active {
+    color: var(--color-text);
+
+    html[data-enhanced-contrast] & {
+      border-color: var(--color-border-control);
+    }
+  }
+
+  .doc-tab--active .pill-version-count {
+    background-color: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+
+  .doc-tab--active:hover .pill-version-count {
+    background-color: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+
+  .doc-tab--active.btn--disabled {
+    color: var(--color-text);
+    cursor: default;
+  }
+
+  .doc-tab__label {
+    display: flex;
+    position: relative;
+    align-items: center;
+    gap: var(--spacer-1);
+    width: 100%;
+    height: 100%;
+    line-height: var(--spacer-3);
+  }
+}

package/dist/elements/DocumentHeader/Tabs/Tab/index.d.ts

@@ -0,0 +1,17 @@
+import type { DocumentTabConfig, PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions } from 'payload';
+import type React from 'react';
+import './index.css';
+export declare const baseClass = "doc-tab";
+export declare const DefaultDocumentTab: React.FC<{
+    apiURL?: string;
+    collectionConfig?: SanitizedCollectionConfig;
+    globalConfig?: SanitizedGlobalConfig;
+    path?: string;
+    permissions?: SanitizedPermissions;
+    req: PayloadRequest;
+    tabConfig: {
+        readonly Pill_Component?: React.FC;
+    } & DocumentTabConfig;
+    user?: PayloadRequest['user'];
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,YAAY,CAAA;AAElC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,GAAG,EAAE,cAAc,CAAA;IACnB,SAAS,EAAE;QAAE,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE,CAAA;KAAE,GAAG,iBAAiB,CAAA;IACrE,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,CAmEA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/Tab/index.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { DocumentTabLink } from '../../../../exports/client/index.js';
+import { RenderServerComponent } from '../../../RenderServerComponent/index.js';
+import './index.css';
+export const baseClass = 'doc-tab';
+export const DefaultDocumentTab = props => {
+  const {
+    apiURL,
+    collectionConfig,
+    globalConfig,
+    permissions,
+    req,
+    tabConfig: {
+      href: tabHref,
+      isActive: tabIsActive,
+      label,
+      newTab,
+      Pill,
+      Pill_Component
+    },
+    user
+  } = props;
+  let href = typeof tabHref === 'string' ? tabHref : '';
+  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false;
+  if (typeof tabHref === 'function') {
+    href = tabHref({
+      apiURL,
+      collection: collectionConfig,
+      global: globalConfig,
+      routes: req.payload.config.routes
+    });
+  }
+  if (typeof tabIsActive === 'function') {
+    isActive = tabIsActive({
+      href
+    });
+  }
+  const labelToRender = typeof label === 'function' ? label({
+    t: req.i18n.t
+  }) : label;
+  return /*#__PURE__*/_jsx(DocumentTabLink, {
+    adminRoute: req.payload.config.routes.admin,
+    baseClass: baseClass,
+    href: href,
+    isActive: isActive,
+    newTab: newTab,
+    children: /*#__PURE__*/_jsxs("span", {
+      className: `${baseClass}__label`,
+      children: [labelToRender, Pill || Pill_Component ? /*#__PURE__*/_jsxs(Fragment, {
+        children: [" ", RenderServerComponent({
+          Component: Pill,
+          Fallback: Pill_Component,
+          importMap: req.payload.importMap,
+          serverProps: {
+            i18n: req.i18n,
+            payload: req.payload,
+            permissions,
+            req,
+            server: req.server,
+            user
+          }
+        })]
+      }) : null]
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/Tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Fragment","DocumentTabLink","RenderServerComponent","baseClass","DefaultDocumentTab","props","apiURL","collectionConfig","globalConfig","permissions","req","tabConfig","href","tabHref","isActive","tabIsActive","label","newTab","Pill","Pill_Component","user","collection","global","routes","payload","config","labelToRender","t","i18n","_jsx","adminRoute","admin","_jsxs","className","Component","Fallback","importMap","serverProps","server"],"sources":["../../../../../src/elements/DocumentHeader/Tabs/Tab/index.tsx"],"sourcesContent":["import type {\n  DocumentTabConfig,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\nimport type React from 'react'\n\nimport { Fragment } from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { DocumentTabLink } from '../../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../../RenderServerComponent/index.js'\nimport './index.css'\n\nexport const baseClass = 'doc-tab'\n\nexport const DefaultDocumentTab: React.FC<{\n  apiURL?: string\n  collectionConfig?: SanitizedCollectionConfig\n  globalConfig?: SanitizedGlobalConfig\n  path?: string\n  permissions?: SanitizedPermissions\n  req: PayloadRequest\n  tabConfig: { readonly Pill_Component?: React.FC } & DocumentTabConfig\n  user?: PayloadRequest['user']\n}> = (props) => {\n  const {\n    apiURL,\n    collectionConfig,\n    globalConfig,\n    permissions,\n    req,\n    tabConfig: { href: tabHref, isActive: tabIsActive, label, newTab, Pill, Pill_Component },\n    user,\n  } = props\n\n  let href = typeof tabHref === 'string' ? tabHref : ''\n  let isActive = typeof tabIsActive === 'boolean' ? tabIsActive : false\n\n  if (typeof tabHref === 'function') {\n    href = tabHref({\n      apiURL,\n      collection: collectionConfig,\n      global: globalConfig,\n      routes: req.payload.config.routes,\n    })\n  }\n\n  if (typeof tabIsActive === 'function') {\n    isActive = tabIsActive({\n      href,\n    })\n  }\n\n  const labelToRender =\n    typeof label === 'function'\n      ? label({\n          t: req.i18n.t,\n        })\n      : label\n\n  return (\n    <DocumentTabLink\n      adminRoute={req.payload.config.routes.admin}\n      baseClass={baseClass}\n      href={href}\n      isActive={isActive}\n      newTab={newTab}\n    >\n      <span className={`${baseClass}__label`}>\n        {labelToRender}\n        {Pill || Pill_Component ? (\n          <Fragment>\n            &nbsp;\n            {RenderServerComponent({\n              Component: Pill,\n              Fallback: Pill_Component,\n              importMap: req.payload.importMap,\n              serverProps: {\n                i18n: req.i18n,\n                payload: req.payload,\n                permissions,\n                req,\n                server: req.server,\n                user,\n              } satisfies DocumentTabServerPropsOnly,\n            })}\n          </Fragment>\n        ) : null}\n      </span>\n    </DocumentTabLink>\n  )\n}\n"],"mappings":";AAUA,SAASA,QAAQ,QAAQ;AAEzB;AACA,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AAEzB,OAAO,MAAMC,kBAAA,GASPC,KAAA;EACJ,MAAM;IACJC,MAAM;IACNC,gBAAgB;IAChBC,YAAY;IACZC,WAAW;IACXC,GAAG;IACHC,SAAA,EAAW;MAAEC,IAAA,EAAMC,OAAO;MAAEC,QAAA,EAAUC,WAAW;MAAEC,KAAK;MAAEC,MAAM;MAAEC,IAAI;MAAEC;IAAc,CAAE;IACxFC;EAAI,CACL,GAAGf,KAAA;EAEJ,IAAIO,IAAA,GAAO,OAAOC,OAAA,KAAY,WAAWA,OAAA,GAAU;EACnD,IAAIC,QAAA,GAAW,OAAOC,WAAA,KAAgB,YAAYA,WAAA,GAAc;EAEhE,IAAI,OAAOF,OAAA,KAAY,YAAY;IACjCD,IAAA,GAAOC,OAAA,CAAQ;MACbP,MAAA;MACAe,UAAA,EAAYd,gBAAA;MACZe,MAAA,EAAQd,YAAA;MACRe,MAAA,EAAQb,GAAA,CAAIc,OAAO,CAACC,MAAM,CAACF;IAC7B;EACF;EAEA,IAAI,OAAOR,WAAA,KAAgB,YAAY;IACrCD,QAAA,GAAWC,WAAA,CAAY;MACrBH;IACF;EACF;EAEA,MAAMc,aAAA,GACJ,OAAOV,KAAA,KAAU,aACbA,KAAA,CAAM;IACJW,CAAA,EAAGjB,GAAA,CAAIkB,IAAI,CAACD;EACd,KACAX,KAAA;EAEN,oBACEa,IAAA,CAAC5B,eAAA;IACC6B,UAAA,EAAYpB,GAAA,CAAIc,OAAO,CAACC,MAAM,CAACF,MAAM,CAACQ,KAAK;IAC3C5B,SAAA,EAAWA,SAAA;IACXS,IAAA,EAAMA,IAAA;IACNE,QAAA,EAAUA,QAAA;IACVG,MAAA,EAAQA,MAAA;cAER,aAAAe,KAAA,CAAC;MAAKC,SAAA,EAAW,GAAG9B,SAAA,SAAkB;iBACnCuB,aAAA,EACAR,IAAA,IAAQC,cAAA,gBACPa,KAAA,CAAChC,QAAA;mBAAS,KAEPE,qBAAA,CAAsB;UACrBgC,SAAA,EAAWhB,IAAA;UACXiB,QAAA,EAAUhB,cAAA;UACViB,SAAA,EAAW1B,GAAA,CAAIc,OAAO,CAACY,SAAS;UAChCC,WAAA,EAAa;YACXT,IAAA,EAAMlB,GAAA,CAAIkB,IAAI;YACdJ,OAAA,EAASd,GAAA,CAAIc,OAAO;YACpBf,WAAA;YACAC,GAAA;YACA4B,MAAA,EAAQ5B,GAAA,CAAI4B,MAAM;YAClBlB;UACF;QACF;WAEA;;;AAIZ","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/index.css

@@ -0,0 +1,44 @@
+@layer payload-default {
+  .doc-tabs {
+    display: flex;
+  }
+
+  .doc-tabs__tabs {
+    display: flex;
+    gap: var(--spacer-1);
+    list-style: none;
+    align-items: center;
+    margin: 0;
+    padding: var(--spacer-1) 0;
+  }
+
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
+  @media (max-width: 768px) {
+    .doc-tabs {
+      width: 100%;
+      overflow: auto;
+    }
+
+    /* this container has a gradient overlay as visual indication of `overflow: scroll` */
+    .doc-tabs::-webkit-scrollbar {
+      display: none;
+    }
+
+    .doc-tabs::after {
+      content: '';
+      display: block;
+      position: sticky;
+      right: 0;
+      width: var(--spacer-5);
+      height: var(--spacer-5);
+      background: linear-gradient(to right, transparent, var(--color-bg));
+      flex-shrink: 0;
+      z-index: 1111;
+      pointer-events: none;
+    }
+
+    .doc-tabs__tabs-container {
+      margin-right: auto;
+    }
+  }
+}

package/dist/elements/DocumentHeader/Tabs/index.d.ts

@@ -0,0 +1,11 @@
+import type { PayloadRequest, SanitizedCollectionConfig, SanitizedGlobalConfig, SanitizedPermissions } from 'payload';
+import React from 'react';
+import './index.css';
+export declare const DocumentTabs: React.FC<{
+    collectionConfig: SanitizedCollectionConfig;
+    globalConfig: SanitizedGlobalConfig;
+    permissions: SanitizedPermissions;
+    req: PayloadRequest;
+    user?: PayloadRequest['user'];
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAGV,cAAc,EACd,yBAAyB,EACzB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,gBAAgB,EAAE,yBAAyB,CAAA;IAC3C,YAAY,EAAE,qBAAqB,CAAA;IACnC,WAAW,EAAE,oBAAoB,CAAA;IACjC,GAAG,EAAE,cAAc,CAAA;IACnB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,CA+DA,CAAA"}

package/dist/elements/DocumentHeader/Tabs/index.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
+import { ShouldRenderTabs } from '../../../exports/client/index.js';
+import { RenderServerComponent } from '../../RenderServerComponent/index.js';
+import { DefaultDocumentTab } from './Tab/index.js';
+import { getTabs } from './tabs/index.js';
+import './index.css';
+const baseClass = 'doc-tabs';
+export const DocumentTabs = ({
+  collectionConfig,
+  globalConfig,
+  permissions,
+  req,
+  user
+}) => {
+  const {
+    config
+  } = req.payload;
+  const tabs = getTabs({
+    collectionConfig,
+    globalConfig
+  });
+  return /*#__PURE__*/_jsx(ShouldRenderTabs, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: baseClass,
+      children: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__tabs-container`,
+        children: /*#__PURE__*/_jsx("ul", {
+          className: `${baseClass}__tabs`,
+          children: tabs?.map(({
+            tab: tabConfig,
+            viewPath
+          }, index) => {
+            const {
+              condition
+            } = tabConfig || {};
+            const meetsCondition = !condition || condition({
+              collectionConfig,
+              config,
+              globalConfig,
+              permissions,
+              req
+            });
+            if (!meetsCondition) {
+              return null;
+            }
+            if (tabConfig?.Component) {
+              return RenderServerComponent({
+                clientProps: {
+                  path: viewPath
+                },
+                Component: tabConfig.Component,
+                importMap: req.payload.importMap,
+                key: `tab-${index}`,
+                serverProps: {
+                  collectionConfig,
+                  globalConfig,
+                  i18n: req.i18n,
+                  payload: req.payload,
+                  permissions,
+                  req,
+                  server: req.server,
+                  user
+                }
+              });
+            }
+            return /*#__PURE__*/_jsx(DefaultDocumentTab, {
+              collectionConfig: collectionConfig,
+              globalConfig: globalConfig,
+              path: viewPath,
+              permissions: permissions,
+              req: req,
+              tabConfig: tabConfig,
+              user: user
+            }, `tab-${index}`);
+          })
+        })
+      })
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ShouldRenderTabs","RenderServerComponent","DefaultDocumentTab","getTabs","baseClass","DocumentTabs","collectionConfig","globalConfig","permissions","req","user","config","payload","tabs","_jsx","className","map","tab","tabConfig","viewPath","index","condition","meetsCondition","Component","clientProps","path","importMap","key","serverProps","i18n","server"],"sources":["../../../../src/elements/DocumentHeader/Tabs/index.tsx"],"sourcesContent":["import type {\n  DocumentTabClientProps,\n  DocumentTabServerPropsOnly,\n  PayloadRequest,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  SanitizedPermissions,\n} from 'payload'\n\nimport React from 'react'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { ShouldRenderTabs } from '../../../exports/client/index.js'\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\nimport { DefaultDocumentTab } from './Tab/index.js'\nimport { getTabs } from './tabs/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-tabs'\n\nexport const DocumentTabs: React.FC<{\n  collectionConfig: SanitizedCollectionConfig\n  globalConfig: SanitizedGlobalConfig\n  permissions: SanitizedPermissions\n  req: PayloadRequest\n  user?: PayloadRequest['user']\n}> = ({ collectionConfig, globalConfig, permissions, req, user }) => {\n  const { config } = req.payload\n\n  const tabs = getTabs({\n    collectionConfig,\n    globalConfig,\n  })\n\n  return (\n    <ShouldRenderTabs>\n      <div className={baseClass}>\n        <div className={`${baseClass}__tabs-container`}>\n          <ul className={`${baseClass}__tabs`}>\n            {tabs?.map(({ tab: tabConfig, viewPath }, index) => {\n              const { condition } = tabConfig || {}\n\n              const meetsCondition =\n                !condition ||\n                condition({ collectionConfig, config, globalConfig, permissions, req })\n\n              if (!meetsCondition) {\n                return null\n              }\n\n              if (tabConfig?.Component) {\n                return RenderServerComponent({\n                  clientProps: {\n                    path: viewPath,\n                  } satisfies DocumentTabClientProps,\n                  Component: tabConfig.Component,\n                  importMap: req.payload.importMap,\n                  key: `tab-${index}`,\n                  serverProps: {\n                    collectionConfig,\n                    globalConfig,\n                    i18n: req.i18n,\n                    payload: req.payload,\n                    permissions,\n                    req,\n                    server: req.server,\n                    user,\n                  } satisfies DocumentTabServerPropsOnly,\n                })\n              }\n\n              return (\n                <DefaultDocumentTab\n                  collectionConfig={collectionConfig}\n                  globalConfig={globalConfig}\n                  key={`tab-${index}`}\n                  path={viewPath}\n                  permissions={permissions}\n                  req={req}\n                  tabConfig={tabConfig}\n                  user={user}\n                />\n              )\n            })}\n          </ul>\n        </div>\n      </div>\n    </ShouldRenderTabs>\n  )\n}\n"],"mappings":";AASA,OAAOA,KAAA,MAAW;AAElB;AACA,SAASC,gBAAgB,QAAQ;AACjC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAMRA,CAAC;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC,WAAW;EAAEC,GAAG;EAAEC;AAAI,CAAE;EAC9D,MAAM;IAAEC;EAAM,CAAE,GAAGF,GAAA,CAAIG,OAAO;EAE9B,MAAMC,IAAA,GAAOV,OAAA,CAAQ;IACnBG,gBAAA;IACAC;EACF;EAEA,oBACEO,IAAA,CAACd,gBAAA;cACC,aAAAc,IAAA,CAAC;MAAIC,SAAA,EAAWX,SAAA;gBACd,aAAAU,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGX,SAAA,kBAA2B;kBAC5C,aAAAU,IAAA,CAAC;UAAGC,SAAA,EAAW,GAAGX,SAAA,QAAiB;oBAChCS,IAAA,EAAMG,GAAA,CAAI,CAAC;YAAEC,GAAA,EAAKC,SAAS;YAAEC;UAAQ,CAAE,EAAEC,KAAA;YACxC,MAAM;cAAEC;YAAS,CAAE,GAAGH,SAAA,IAAa,CAAC;YAEpC,MAAMI,cAAA,GACJ,CAACD,SAAA,IACDA,SAAA,CAAU;cAAEf,gBAAA;cAAkBK,MAAA;cAAQJ,YAAA;cAAcC,WAAA;cAAaC;YAAI;YAEvE,IAAI,CAACa,cAAA,EAAgB;cACnB,OAAO;YACT;YAEA,IAAIJ,SAAA,EAAWK,SAAA,EAAW;cACxB,OAAOtB,qBAAA,CAAsB;gBAC3BuB,WAAA,EAAa;kBACXC,IAAA,EAAMN;gBACR;gBACAI,SAAA,EAAWL,SAAA,CAAUK,SAAS;gBAC9BG,SAAA,EAAWjB,GAAA,CAAIG,OAAO,CAACc,SAAS;gBAChCC,GAAA,EAAK,OAAOP,KAAA,EAAO;gBACnBQ,WAAA,EAAa;kBACXtB,gBAAA;kBACAC,YAAA;kBACAsB,IAAA,EAAMpB,GAAA,CAAIoB,IAAI;kBACdjB,OAAA,EAASH,GAAA,CAAIG,OAAO;kBACpBJ,WAAA;kBACAC,GAAA;kBACAqB,MAAA,EAAQrB,GAAA,CAAIqB,MAAM;kBAClBpB;gBACF;cACF;YACF;YAEA,oBACEI,IAAA,CAACZ,kBAAA;cACCI,gBAAA,EAAkBA,gBAAA;cAClBC,YAAA,EAAcA,YAAA;cAEdkB,IAAA,EAAMN,QAAA;cACNX,WAAA,EAAaA,WAAA;cACbC,GAAA,EAAKA,GAAA;cACLS,SAAA,EAAWA,SAAA;cACXR,IAAA,EAAMA;eALD,OAAOU,KAAA,EAAO;UAQzB;;;;;AAMZ","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.css

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .pill-version-count {
+    line-height: var(--spacer-2-5);
+    min-width: var(--spacer-2-5);
+    text-align: center;
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--radius-small);
+    padding: 2px var(--spacer-1);
+    color: var(--color-text-secondary);
+  }
+}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.css';
+export declare const VersionsPill: React.FC;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAQhC,CAAA"}

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js

@@ -0,0 +1,30 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js';
+import './index.css';
+const baseClass = 'pill-version-count';
+export const VersionsPill = () => {
+  const $ = _c(2);
+  const {
+    versionCount
+  } = useDocumentInfo();
+  if (!versionCount) {
+    return null;
+  }
+  let t0;
+  if ($[0] !== versionCount) {
+    t0 = _jsx("span", {
+      className: baseClass,
+      children: versionCount
+    });
+    $[0] = versionCount;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useDocumentInfo","baseClass","VersionsPill","$","versionCount","t0","_jsx","className","children"],"sources":["../../../../../../src/elements/DocumentHeader/Tabs/tabs/VersionsPill/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { useDocumentInfo } from '../../../../../providers/DocumentInfo/index.js'\nimport './index.css'\n\nconst baseClass = 'pill-version-count'\n\nexport const VersionsPill: React.FC = () => {\n  const { versionCount } = useDocumentInfo()\n\n  if (!versionCount) {\n    return null\n  }\n\n  return <span className={baseClass}>{versionCount}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EACpC;IAAAM;EAAA,IAAyBJ,eAAA;EAEzB,IAAI,CAACI,YAAA;IAAA,OACI;EAAA;EACT,IAAAC,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA;IAEOC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAgBN,SAAA;MAAAO,QAAA,EAAYJ;;;;;;;SAA7BC,E;CACT","ignoreList":[]}

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts

@@ -0,0 +1,11 @@
+import type { DocumentTabConfig, SanitizedCollectionConfig, SanitizedGlobalConfig } from 'payload';
+export declare const documentViewKeys: string[];
+export type DocumentViewKey = (typeof documentViewKeys)[number];
+export declare const getTabs: ({ collectionConfig, globalConfig, }: {
+    collectionConfig?: SanitizedCollectionConfig;
+    globalConfig?: SanitizedGlobalConfig;
+}) => {
+    tab: DocumentTabConfig;
+    viewPath: string;
+}[];
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentHeader/Tabs/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/DocumentHeader/Tabs/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAKlG,eAAO,MAAM,gBAAgB,UAAgD,CAAA;AAE7E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,eAAO,MAAM,OAAO,wCAGjB;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,YAAY,CAAC,EAAE,qBAAqB,CAAA;CACrC,KAAG;IAAE,GAAG,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAqE/C,CAAA"}