@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.10bf491

package/dist/views/Version/SelectLocales/index.js

@@ -1,25 +1,39 @@
 'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { AnimateHeight } from '@payloadcms/ui';
 import { PillSelector } from '@payloadcms/ui';
+import React from 'react';
 const baseClass = 'select-version-locales';
-export const SelectLocales = ({ locales, localeSelectorOpen, onChange })=>{
-    return <AnimateHeight className={baseClass} height={localeSelectorOpen ? 'auto' : 0} id={`${baseClass}-locales`}>
-      <PillSelector onClick={({ pill })=>{
-        const newLocales = locales.map((locale)=>{
-            if (locale.name === pill.name) {
-                return {
-                    ...locale,
-                    selected: !pill.selected
-                };
-            } else {
-                return locale;
-            }
+export const SelectLocales = ({
+  locales,
+  localeSelectorOpen,
+  onChange
+}) => {
+  return /*#__PURE__*/_jsx(AnimateHeight, {
+    className: baseClass,
+    height: localeSelectorOpen ? 'auto' : 0,
+    id: `${baseClass}-locales`,
+    children: /*#__PURE__*/_jsx(PillSelector, {
+      onClick: ({
+        pill
+      }) => {
+        const newLocales = locales.map(locale => {
+          if (locale.name === pill.name) {
+            return {
+              ...locale,
+              selected: !pill.selected
+            };
+          } else {
+            return locale;
+          }
         });
         onChange({
-            locales: newLocales
+          locales: newLocales
         });
-    }} pills={locales}/>
-    </AnimateHeight>;
+      },
+      pills: locales
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/views/Version/SelectLocales/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport { AnimateHeight } from '@payloadcms/ui'\nimport { PillSelector, type SelectablePill } from '@payloadcms/ui'\nimport React from 'react'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  localeSelectorOpen: boolean\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, localeSelectorOpen, onChange }) => {\n  return (\n    <AnimateHeight\n      className={baseClass}\n      height={localeSelectorOpen ? 'auto' : 0}\n      id={`${baseClass}-locales`}\n    >\n      <PillSelector\n        onClick={({ pill }) => {\n          const newLocales = locales.map((locale) => {\n            if (locale.name === pill.name) {\n              return {\n                ...locale,\n                selected: !pill.selected,\n              }\n            } else {\n              return locale\n            }\n          })\n          onChange({ locales: newLocales })\n        }}\n        pills={locales}\n      />\n    </AnimateHeight>\n  )\n}\n"],"names":["AnimateHeight","PillSelector","baseClass","SelectLocales","locales","localeSelectorOpen","onChange","className","height","id","onClick","pill","newLocales","map","locale","name","selected","pills"],"mappings":"AAAA;AAEA,SAASA,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,YAAY,QAA6B,iBAAgB;AAGlE,MAAMC,YAAY;AASlB,OAAO,MAAMC,gBAAiC,CAAC,EAAEC,OAAO,EAAEC,kBAAkB,EAAEC,QAAQ,EAAE;IACtF,QACGN,cACCO,WAAWL,WACXM,QAAQH,qBAAqB,SAAS,GACtCI,IAAI,GAAGP,UAAU,QAAQ,CAAC,EAC3B;MACC,CAACD,aACCS,SAAS,CAAC,EAAEC,IAAI,EAAE;QAChB,MAAMC,aAAaR,QAAQS,GAAG,CAAC,CAACC;YAC9B,IAAIA,OAAOC,IAAI,KAAKJ,KAAKI,IAAI,EAAE;gBAC7B,OAAO;oBACL,GAAGD,MAAM;oBACTE,UAAU,CAACL,KAAKK,QAAQ;gBAC1B;YACF,OAAO;gBACL,OAAOF;YACT;QACF;QACAR,SAAS;YAAEF,SAASQ;QAAW;IACjC,GACAK,OAAOb,UACP;IACJ,EAAEJ;AAEN,EAAC"}
+{"version":3,"file":"index.js","names":["AnimateHeight","PillSelector","React","baseClass","SelectLocales","locales","localeSelectorOpen","onChange","_jsx","className","height","id","onClick","pill","newLocales","map","locale","name","selected","pills"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport { AnimateHeight } from '@payloadcms/ui'\nimport { PillSelector, type SelectablePill } from '@payloadcms/ui'\nimport React from 'react'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  localeSelectorOpen: boolean\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, localeSelectorOpen, onChange }) => {\n  return (\n    <AnimateHeight\n      className={baseClass}\n      height={localeSelectorOpen ? 'auto' : 0}\n      id={`${baseClass}-locales`}\n    >\n      <PillSelector\n        onClick={({ pill }) => {\n          const newLocales = locales.map((locale) => {\n            if (locale.name === pill.name) {\n              return {\n                ...locale,\n                selected: !pill.selected,\n              }\n            } else {\n              return locale\n            }\n          })\n          onChange({ locales: newLocales })\n        }}\n        pills={locales}\n      />\n    </AnimateHeight>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAA6B;AAClD,OAAOC,KAAA,MAAW;AAElB,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAAEC,OAAO;EAAEC,kBAAkB;EAAEC;AAAQ,CAAE;EACtF,oBACEC,IAAA,CAACR,aAAA;IACCS,SAAA,EAAWN,SAAA;IACXO,MAAA,EAAQJ,kBAAA,GAAqB,SAAS;IACtCK,EAAA,EAAI,GAAGR,SAAA,UAAmB;cAE1B,aAAAK,IAAA,CAACP,YAAA;MACCW,OAAA,EAASA,CAAC;QAAEC;MAAI,CAAE;QAChB,MAAMC,UAAA,GAAaT,OAAA,CAAQU,GAAG,CAAEC,MAAA;UAC9B,IAAIA,MAAA,CAAOC,IAAI,KAAKJ,IAAA,CAAKI,IAAI,EAAE;YAC7B,OAAO;cACL,GAAGD,MAAM;cACTE,QAAA,EAAU,CAACL,IAAA,CAAKK;YAClB;UACF,OAAO;YACL,OAAOF,MAAA;UACT;QACF;QACAT,QAAA,CAAS;UAAEF,OAAA,EAASS;QAAW;MACjC;MACAK,KAAA,EAAOd;;;AAIf","ignoreList":[]}

package/dist/views/Version/VersionPillLabel/VersionPillLabel.js

@@ -1,52 +1,110 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Pill, useConfig, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
 import React from 'react';
-import './index.scss';
 import { getVersionLabel } from './getVersionLabel.js';
 const baseClass = 'version-pill-label';
-const renderPill = (label, pillStyle)=>{
-    return <Pill pillStyle={pillStyle} size="small">
-      {label}
-    </Pill>;
+const renderPill = (label, pillStyle) => {
+  return /*#__PURE__*/_jsx(Pill, {
+    pillStyle: pillStyle,
+    size: "small",
+    children: label
+  });
 };
-export const VersionPillLabel = /**
-   * By default, the date is displayed first, followed by the version label.
-   * @default false
-   */ /**
-   * @default 'pill'
-   */ ({ currentlyPublishedVersion, disableDate = false, doc, labelFirst = false, labelOverride, labelStyle = 'pill', labelSuffix, latestDraftVersion })=>{
-    const { config: { admin: { dateFormat }, localization } } = useConfig();
-    const { i18n, t } = useTranslation();
-    const { label, pillStyle } = getVersionLabel({
-        currentlyPublishedVersion,
-        latestDraftVersion,
-        t,
-        version: doc
+export const VersionPillLabel = t0 => {
+  const $ = _c(13);
+  const {
+    currentlyPublishedVersion,
+    disableDate: t1,
+    doc,
+    labelFirst: t2,
+    labelOverride,
+    labelStyle: t3,
+    labelSuffix,
+    latestDraftVersion
+  } = t0;
+  const disableDate = t1 === undefined ? false : t1;
+  const labelFirst = t2 === undefined ? false : t2;
+  const labelStyle = t3 === undefined ? "pill" : t3;
+  const {
+    config: t4
+  } = useConfig();
+  const {
+    admin: t5,
+    localization
+  } = t4;
+  const {
+    dateFormat
+  } = t5;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  let t6;
+  if ($[0] !== currentlyPublishedVersion || $[1] !== dateFormat || $[2] !== disableDate || $[3] !== doc || $[4] !== i18n || $[5] !== labelFirst || $[6] !== labelOverride || $[7] !== labelStyle || $[8] !== labelSuffix || $[9] !== latestDraftVersion || $[10] !== localization || $[11] !== t) {
+    const {
+      label,
+      pillStyle
+    } = getVersionLabel({
+      currentlyPublishedVersion,
+      latestDraftVersion,
+      t,
+      version: doc
+    });
+    const labelText = _jsxs("span", {
+      children: [labelOverride || label, labelSuffix]
     });
-    const labelText = <span>
-      {labelOverride || label}
-      {labelSuffix}
-    </span>;
     const showDate = !disableDate && doc.updatedAt;
     const formattedDate = showDate ? formatDate({
-        date: doc.updatedAt,
-        i18n,
-        pattern: dateFormat
+      date: doc.updatedAt,
+      i18n,
+      pattern: dateFormat
     }) : null;
     const localeCode = Array.isArray(doc.publishedLocale) ? doc.publishedLocale[0] : doc.publishedLocale;
-    const locale = localization && localization?.locales ? localization.locales.find((loc)=>loc.code === localeCode) : null;
+    const locale = localization && localization?.locales ? localization.locales.find(loc => loc.code === localeCode) : null;
     const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null;
-    return <div className={baseClass}>
-      {labelFirst ? <React.Fragment>
-          {labelStyle === 'pill' ? renderPill(labelText, pillStyle) : <span className={`${baseClass}-text`}>{labelText}</span>}
-          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}
-        </React.Fragment> : <React.Fragment>
-          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}
-          {labelStyle === 'pill' ? renderPill(labelText, pillStyle) : <span className={`${baseClass}-text`}>{labelText}</span>}
-        </React.Fragment>}
-      {localeLabel && <Pill size="small">{localeLabel}</Pill>}
-    </div>;
+    t6 = _jsxs("div", {
+      className: baseClass,
+      children: [labelFirst ? _jsxs(React.Fragment, {
+        children: [labelStyle === "pill" ? renderPill(labelText, pillStyle) : _jsx("span", {
+          className: `${baseClass}-text`,
+          children: labelText
+        }), showDate && _jsx("span", {
+          className: `${baseClass}-date`,
+          children: formattedDate
+        })]
+      }) : _jsxs(React.Fragment, {
+        children: [showDate && _jsx("span", {
+          className: `${baseClass}-date`,
+          children: formattedDate
+        }), labelStyle === "pill" ? renderPill(labelText, pillStyle) : _jsx("span", {
+          className: `${baseClass}-text`,
+          children: labelText
+        })]
+      }), localeLabel && _jsx(Pill, {
+        size: "small",
+        children: localeLabel
+      })]
+    });
+    $[0] = currentlyPublishedVersion;
+    $[1] = dateFormat;
+    $[2] = disableDate;
+    $[3] = doc;
+    $[4] = i18n;
+    $[5] = labelFirst;
+    $[6] = labelOverride;
+    $[7] = labelStyle;
+    $[8] = labelSuffix;
+    $[9] = latestDraftVersion;
+    $[10] = localization;
+    $[11] = t;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 };
-
 //# sourceMappingURL=VersionPillLabel.js.map

package/dist/views/Version/VersionPillLabel/VersionPillLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Pill, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst renderPill = (label: React.ReactNode, pillStyle: Parameters<typeof Pill>[0]['pillStyle']) => {\n  return (\n    <Pill pillStyle={pillStyle} size=\"small\">\n      {label}\n    </Pill>\n  )\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const { label, pillStyle } = getVersionLabel({\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"names":["Pill","useConfig","useTranslation","formatDate","React","getVersionLabel","baseClass","renderPill","label","pillStyle","size","VersionPillLabel","currentlyPublishedVersion","disableDate","doc","labelFirst","labelOverride","labelStyle","labelSuffix","latestDraftVersion","config","admin","dateFormat","localization","i18n","t","version","labelText","span","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","code","localeLabel","language","div","className","Fragment"],"mappings":"AAAA;AAEA,SAASA,IAAI,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,UAAU,QAAQ,wBAAuB;AAClD,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,eAAe,QAAQ,uBAAsB;AAEtD,MAAMC,YAAY;AAElB,MAAMC,aAAa,CAACC,OAAwBC;IAC1C,QACGT,KAAKS,WAAWA,WAAWC,KAAK,QAAQ;MACvC,CAACF,MAAM;IACT,EAAER;AAEN;AAEA,OAAO,MAAMW,mBAiBX;;;GAGC,GAGD;;GAEC,GAOE,CAAC,EACJC,yBAAyB,EACzBC,cAAc,KAAK,EACnBC,GAAG,EACHC,aAAa,KAAK,EAClBC,aAAa,EACbC,aAAa,MAAM,EACnBC,WAAW,EACXC,kBAAkB,EACnB;IACC,MAAM,EACJC,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACrBC,YAAY,EACb,EACF,GAAGtB;IACJ,MAAM,EAAEuB,IAAI,EAAEC,CAAC,EAAE,GAAGvB;IAEpB,MAAM,EAAEM,KAAK,EAAEC,SAAS,EAAE,GAAGJ,gBAAgB;QAC3CO;QACAO;QACAM;QACAC,SAASZ;IACX;IACA,MAAMa,aACHC,KAAK;MACJ,CAACZ,iBAAiBR,MAAM;MACxB,CAACU,YAAY;IACf,EAAEU;IAGJ,MAAMC,WAAW,CAAChB,eAAeC,IAAIgB,SAAS;IAC9C,MAAMC,gBAAgBF,WAClB1B,WAAW;QAAE6B,MAAMlB,IAAIgB,SAAS;QAAEN;QAAMS,SAASX;IAAW,KAC5D;IAEJ,MAAMY,aAAaC,MAAMC,OAAO,CAACtB,IAAIuB,eAAe,IAChDvB,IAAIuB,eAAe,CAAC,EAAE,GACtBvB,IAAIuB,eAAe;IAEvB,MAAMC,SACJf,gBAAgBA,cAAcgB,UAC1BhB,aAAagB,OAAO,CAACC,IAAI,CAAC,CAACC,MAAQA,IAAIC,IAAI,KAAKR,cAChD;IACN,MAAMS,cAAcL,SAASA,QAAQ9B,OAAO,CAACgB,MAAMoB,SAAS,IAAIN,QAAQ9B,QAAQ;IAEhF,QACGqC,IAAIC,WAAWxC,WAAW;MACzB,CAACS,cACEX,MAAM2C,SAAS;UACd,CAAC9B,eAAe,SACdV,WAAWoB,WAAWlB,cAErBmB,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGqB,YAAYC,MACnD;UACF,CAACC,aAAaD,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGyB,gBAAgBH,MAAM;QAC5E,EAAExB,MAAM2C,aAEP3C,MAAM2C,SAAS;UACd,CAAClB,aAAaD,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGyB,gBAAgBH,MAAM;UAC1E,CAACX,eAAe,SACdV,WAAWoB,WAAWlB,cAErBmB,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGqB,YAAYC,MACnD;QACJ,EAAExB,MAAM2C,UACR;MACF,CAACJ,gBAAgB3C,KAAKU,KAAK,SAASiC,cAAc3C,MAAM;IAC1D,EAAE6C;AAEN,EAAC"}
+{"version":3,"file":"VersionPillLabel.js","names":["c","_c","Pill","useConfig","useTranslation","formatDate","React","getVersionLabel","baseClass","renderPill","label","pillStyle","_jsx","size","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","code","localeLabel","language","className","Fragment"],"sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Pill, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst renderPill = (label: React.ReactNode, pillStyle: Parameters<typeof Pill>[0]['pillStyle']) => {\n  return (\n    <Pill pillStyle={pillStyle} size=\"small\">\n      {label}\n    </Pill>\n  )\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const { label, pillStyle } = getVersionLabel({\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/VersionPillLabel/getVersionLabel.js

@@ -1,30 +1,34 @@
 /**
  * Gets the appropriate version label and version pill styling
  * given existing versions and the current version status.
- */ export function getVersionLabel({ currentlyPublishedVersion, latestDraftVersion, t, version }) {
-    const publishedNewerThanDraft = currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
-    if (version.version._status === 'draft') {
-        if (publishedNewerThanDraft) {
-            return {
-                name: 'draft',
-                label: t('version:draft'),
-                pillStyle: 'light'
-            };
-        } else {
-            return {
-                name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',
-                label: version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),
-                pillStyle: 'light'
-            };
-        }
+ */export function getVersionLabel({
+  currentlyPublishedVersion,
+  latestDraftVersion,
+  t,
+  version
+}) {
+  const publishedNewerThanDraft = currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt;
+  if (version.version._status === 'draft') {
+    if (publishedNewerThanDraft) {
+      return {
+        name: 'draft',
+        label: t('version:draft'),
+        pillStyle: 'light'
+      };
     } else {
-        const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id;
-        return {
-            name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',
-            label: isCurrentlyPublished ? t('version:currentlyPublished') : t('version:previouslyPublished'),
-            pillStyle: isCurrentlyPublished ? 'success' : 'light'
-        };
+      return {
+        name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',
+        label: version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),
+        pillStyle: 'light'
+      };
     }
+  } else {
+    const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id;
+    return {
+      name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',
+      label: isCurrentlyPublished ? t('version:currentlyPublished') : t('version:previouslyPublished'),
+      pillStyle: isCurrentlyPublished ? 'success' : 'light'
+    };
+  }
 }
-
 //# sourceMappingURL=getVersionLabel.js.map

package/dist/views/Version/VersionPillLabel/getVersionLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/views/Version/VersionPillLabel/getVersionLabel.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { Pill } from '@payloadcms/ui'\n\ntype Args = {\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  t: TFunction\n  version: {\n    id: number | string\n    version: { _status?: string }\n  }\n}\n\n/**\n * Gets the appropriate version label and version pill styling\n * given existing versions and the current version status.\n */\nexport function getVersionLabel({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  t,\n  version,\n}: Args): {\n  label: string\n  name: 'currentDraft' | 'currentlyPublished' | 'draft' | 'previouslyPublished' | 'published'\n  pillStyle: Parameters<typeof Pill>[0]['pillStyle']\n} {\n  const publishedNewerThanDraft =\n    currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (version.version._status === 'draft') {\n    if (publishedNewerThanDraft) {\n      return {\n        name: 'draft',\n        label: t('version:draft'),\n        pillStyle: 'light',\n      }\n    } else {\n      return {\n        name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',\n        label:\n          version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),\n        pillStyle: 'light',\n      }\n    }\n  } else {\n    const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id\n    return {\n      name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',\n      label: isCurrentlyPublished\n        ? t('version:currentlyPublished')\n        : t('version:previouslyPublished'),\n      pillStyle: isCurrentlyPublished ? 'success' : 'light',\n    }\n  }\n}\n"],"names":["getVersionLabel","currentlyPublishedVersion","latestDraftVersion","t","version","publishedNewerThanDraft","updatedAt","_status","name","label","pillStyle","id","isCurrentlyPublished"],"mappings":"AAmBA;;;CAGC,GACD,OAAO,SAASA,gBAAgB,EAC9BC,yBAAyB,EACzBC,kBAAkB,EAClBC,CAAC,EACDC,OAAO,EACF;IAKL,MAAMC,0BACJJ,2BAA2BK,YAAYJ,oBAAoBI;IAE7D,IAAIF,QAAQA,OAAO,CAACG,OAAO,KAAK,SAAS;QACvC,IAAIF,yBAAyB;YAC3B,OAAO;gBACLG,MAAM;gBACNC,OAAON,EAAE;gBACTO,WAAW;YACb;QACF,OAAO;YACL,OAAO;gBACLF,MAAMJ,QAAQO,EAAE,KAAKT,oBAAoBS,KAAK,iBAAiB;gBAC/DF,OACEL,QAAQO,EAAE,KAAKT,oBAAoBS,KAAKR,EAAE,0BAA0BA,EAAE;gBACxEO,WAAW;YACb;QACF;IACF,OAAO;QACL,MAAME,uBAAuBR,QAAQO,EAAE,KAAKV,2BAA2BU;QACvE,OAAO;YACLH,MAAMI,uBAAuB,uBAAuB;YACpDH,OAAOG,uBACHT,EAAE,gCACFA,EAAE;YACNO,WAAWE,uBAAuB,YAAY;QAChD;IACF;AACF"}
+{"version":3,"file":"getVersionLabel.js","names":["getVersionLabel","currentlyPublishedVersion","latestDraftVersion","t","version","publishedNewerThanDraft","updatedAt","_status","name","label","pillStyle","id","isCurrentlyPublished"],"sources":["../../../../src/views/Version/VersionPillLabel/getVersionLabel.ts"],"sourcesContent":["import type { TFunction } from '@payloadcms/translations'\nimport type { Pill } from '@payloadcms/ui'\n\ntype Args = {\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  t: TFunction\n  version: {\n    id: number | string\n    version: { _status?: string }\n  }\n}\n\n/**\n * Gets the appropriate version label and version pill styling\n * given existing versions and the current version status.\n */\nexport function getVersionLabel({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  t,\n  version,\n}: Args): {\n  label: string\n  name: 'currentDraft' | 'currentlyPublished' | 'draft' | 'previouslyPublished' | 'published'\n  pillStyle: Parameters<typeof Pill>[0]['pillStyle']\n} {\n  const publishedNewerThanDraft =\n    currentlyPublishedVersion?.updatedAt > latestDraftVersion?.updatedAt\n\n  if (version.version._status === 'draft') {\n    if (publishedNewerThanDraft) {\n      return {\n        name: 'draft',\n        label: t('version:draft'),\n        pillStyle: 'light',\n      }\n    } else {\n      return {\n        name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',\n        label:\n          version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),\n        pillStyle: 'light',\n      }\n    }\n  } else {\n    const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id\n    return {\n      name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',\n      label: isCurrentlyPublished\n        ? t('version:currentlyPublished')\n        : t('version:previouslyPublished'),\n      pillStyle: isCurrentlyPublished ? 'success' : 'light',\n    }\n  }\n}\n"],"mappings":"AAmBA;;;GAIA,OAAO,SAASA,gBAAgB;EAC9BC,yBAAyB;EACzBC,kBAAkB;EAClBC,CAAC;EACDC;AAAO,CACF;EAKL,MAAMC,uBAAA,GACJJ,yBAAA,EAA2BK,SAAA,GAAYJ,kBAAA,EAAoBI,SAAA;EAE7D,IAAIF,OAAA,CAAQA,OAAO,CAACG,OAAO,KAAK,SAAS;IACvC,IAAIF,uBAAA,EAAyB;MAC3B,OAAO;QACLG,IAAA,EAAM;QACNC,KAAA,EAAON,CAAA,CAAE;QACTO,SAAA,EAAW;MACb;IACF,OAAO;MACL,OAAO;QACLF,IAAA,EAAMJ,OAAA,CAAQO,EAAE,KAAKT,kBAAA,EAAoBS,EAAA,GAAK,iBAAiB;QAC/DF,KAAA,EACEL,OAAA,CAAQO,EAAE,KAAKT,kBAAA,EAAoBS,EAAA,GAAKR,CAAA,CAAE,0BAA0BA,CAAA,CAAE;QACxEO,SAAA,EAAW;MACb;IACF;EACF,OAAO;IACL,MAAME,oBAAA,GAAuBR,OAAA,CAAQO,EAAE,KAAKV,yBAAA,EAA2BU,EAAA;IACvE,OAAO;MACLH,IAAA,EAAMI,oBAAA,GAAuB,uBAAuB;MACpDH,KAAA,EAAOG,oBAAA,GACHT,CAAA,CAAE,gCACFA,CAAA,CAAE;MACNO,SAAA,EAAWE,oBAAA,GAAuB,YAAY;IAChD;EACF;AACF","ignoreList":[]}

package/dist/views/Version/fetchVersions.js

@@ -1,126 +1,151 @@
 import { logError } from 'payload';
-export const fetchVersion = async ({ id, collectionSlug, depth, globalSlug, locale, overrideAccess, req, select, user })=>{
-    try {
-        if (collectionSlug) {
-            return await req.payload.findVersionByID({
-                id: String(id),
-                collection: collectionSlug,
-                depth,
-                locale,
-                overrideAccess,
-                req,
-                select,
-                user
-            });
-        } else if (globalSlug) {
-            return await req.payload.findGlobalVersionByID({
-                id: String(id),
-                slug: globalSlug,
-                depth,
-                locale,
-                overrideAccess,
-                req,
-                select,
-                user
-            });
-        }
-    } catch (err) {
-        logError({
-            err,
-            payload: req.payload
-        });
-        return null;
+export const fetchVersion = async ({
+  id,
+  collectionSlug,
+  depth,
+  globalSlug,
+  locale,
+  overrideAccess,
+  req,
+  select,
+  user
+}) => {
+  try {
+    if (collectionSlug) {
+      return await req.payload.findVersionByID({
+        id: String(id),
+        collection: collectionSlug,
+        depth,
+        locale,
+        overrideAccess,
+        req,
+        select,
+        user
+      });
+    } else if (globalSlug) {
+      return await req.payload.findGlobalVersionByID({
+        id: String(id),
+        slug: globalSlug,
+        depth,
+        locale,
+        overrideAccess,
+        req,
+        select,
+        user
+      });
     }
+  } catch (err) {
+    logError({
+      err,
+      payload: req.payload
+    });
+    return null;
+  }
 };
-export const fetchVersions = async ({ collectionSlug, depth, draft, globalSlug, limit, locale, overrideAccess, page, parentID, req, select, sort, user, where: whereFromArgs })=>{
-    const where = {
-        and: [
-            ...whereFromArgs ? [
-                whereFromArgs
-            ] : []
-        ]
-    };
-    try {
-        if (collectionSlug) {
-            if (parentID) {
-                where.and.push({
-                    parent: {
-                        equals: parentID
-                    }
-                });
-            }
-            return await req.payload.findVersions({
-                collection: collectionSlug,
-                depth,
-                draft,
-                limit,
-                locale,
-                overrideAccess,
-                page,
-                req,
-                select,
-                sort,
-                user,
-                where
-            });
-        } else if (globalSlug) {
-            return await req.payload.findGlobalVersions({
-                slug: globalSlug,
-                depth,
-                limit,
-                locale,
-                overrideAccess,
-                page,
-                req,
-                select,
-                sort,
-                user,
-                where
-            });
-        }
-    } catch (err) {
-        logError({
-            err,
-            payload: req.payload
+export const fetchVersions = async ({
+  collectionSlug,
+  depth,
+  draft,
+  globalSlug,
+  limit,
+  locale,
+  overrideAccess,
+  page,
+  parentID,
+  req,
+  select,
+  sort,
+  user,
+  where: whereFromArgs
+}) => {
+  const where = {
+    and: [...(whereFromArgs ? [whereFromArgs] : [])]
+  };
+  try {
+    if (collectionSlug) {
+      if (parentID) {
+        where.and.push({
+          parent: {
+            equals: parentID
+          }
         });
-        return null;
-    }
-};
-export const fetchLatestVersion = async ({ collectionSlug, depth, globalSlug, locale, overrideAccess, parentID, req, select, status, user, where })=>{
-    // Get the entity config to check if drafts are enabled
-    const entityConfig = collectionSlug ? req.payload.collections[collectionSlug]?.config : globalSlug ? req.payload.globals[globalSlug]?.config : undefined;
-    // Only query by _status if drafts are enabled (since _status field only exists with drafts)
-    const draftsEnabled = entityConfig?.versions?.drafts;
-    const and = [
-        ...draftsEnabled ? [
-            {
-                'version._status': {
-                    equals: status
-                }
-            }
-        ] : [],
-        ...where ? [
-            where
-        ] : []
-    ];
-    const latest = await fetchVersions({
-        collectionSlug,
+      }
+      return await req.payload.findVersions({
+        collection: collectionSlug,
+        depth,
+        draft,
+        limit,
+        locale,
+        overrideAccess,
+        page,
+        req,
+        select,
+        sort,
+        user,
+        where
+      });
+    } else if (globalSlug) {
+      return await req.payload.findGlobalVersions({
+        slug: globalSlug,
         depth,
-        draft: true,
-        globalSlug,
-        limit: 1,
+        limit,
         locale,
         overrideAccess,
-        parentID,
+        page,
         req,
         select,
-        sort: '-updatedAt',
+        sort,
         user,
-        where: {
-            and
-        }
+        where
+      });
+    }
+  } catch (err) {
+    logError({
+      err,
+      payload: req.payload
     });
-    return latest?.docs?.length ? latest.docs[0] : null;
+    return null;
+  }
+};
+export const fetchLatestVersion = async ({
+  collectionSlug,
+  depth,
+  globalSlug,
+  locale,
+  overrideAccess,
+  parentID,
+  req,
+  select,
+  status,
+  user,
+  where
+}) => {
+  // Get the entity config to check if drafts are enabled
+  const entityConfig = collectionSlug ? req.payload.collections[collectionSlug]?.config : globalSlug ? req.payload.globals[globalSlug]?.config : undefined;
+  // Only query by _status if drafts are enabled (since _status field only exists with drafts)
+  const draftsEnabled = entityConfig?.versions?.drafts;
+  const and = [...(draftsEnabled ? [{
+    'version._status': {
+      equals: status
+    }
+  }] : []), ...(where ? [where] : [])];
+  const latest = await fetchVersions({
+    collectionSlug,
+    depth,
+    draft: true,
+    globalSlug,
+    limit: 1,
+    locale,
+    overrideAccess,
+    parentID,
+    req,
+    select,
+    sort: '-updatedAt',
+    user,
+    where: {
+      and
+    }
+  });
+  return latest?.docs?.length ? latest.docs[0] : null;
 };
-
 //# sourceMappingURL=fetchVersions.js.map