@payloadcms/next 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

package/dist/views/Version/SelectComparison/VersionDrawer/index.scss

@@ -0,0 +1,18 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .version-drawer {
+    .table {
+      width: 100%;
+    }
+
+    .created-at-cell {
+      // Button reset, + underline
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 0;
+      text-decoration: underline;
+    }
+  }
+}

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

@@ -1,57 +1,80 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldBaseClass, ReactSelect, useTranslation } from '@payloadcms/ui';
 import React, { memo, useCallback, useMemo } from 'react';
+import './index.scss';
 import { useVersionDrawer } from './VersionDrawer/index.js';
 const baseClass = 'compare-version';
-export const SelectComparison = /*#__PURE__*/memo(props => {
-  const {
-    collectionSlug,
-    docID,
-    globalSlug,
-    onChange: onChangeFromProps,
-    versionFromID,
-    versionFromOptions
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  const {
-    Drawer,
-    openDrawer
-  } = useVersionDrawer({
-    collectionSlug,
-    docID,
-    globalSlug
-  });
-  const options = useMemo(() => {
-    return [...versionFromOptions, {
-      label: /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}-moreVersions`,
-        children: t('version:moreVersions')
-      }),
-      value: 'more'
-    }];
-  }, [t, versionFromOptions]);
-  const currentOption = useMemo(() => versionFromOptions.find(option => option.value === versionFromID), [versionFromOptions, versionFromID]);
-  const onChange = useCallback(val => {
-    if (val.value === 'more') {
-      openDrawer();
-      return;
-    }
-    onChangeFromProps(val);
-  }, [onChangeFromProps, openDrawer]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: [fieldBaseClass, baseClass].filter(Boolean).join(' '),
-    children: [/*#__PURE__*/_jsx(ReactSelect, {
-      isClearable: false,
-      isSearchable: false,
-      onChange: onChange,
-      options: options,
-      placeholder: t('version:selectVersionToCompare'),
-      value: currentOption
-    }), /*#__PURE__*/_jsx(Drawer, {})]
-  });
+export const SelectComparison = /*#__PURE__*/ memo((props)=>{
+    const { collectionSlug, docID, globalSlug, onChange: onChangeFromProps, versionFromID, versionFromOptions } = props;
+    const { t } = useTranslation();
+    const { Drawer, openDrawer } = useVersionDrawer({
+        collectionSlug,
+        docID,
+        globalSlug
+    });
+    const options = useMemo(()=>{
+        return [
+            ...versionFromOptions,
+            {
+                label: /*#__PURE__*/ _jsxDEV("span", {
+                    className: `${baseClass}-moreVersions`,
+                    children: t('version:moreVersions')
+                }, void 0, false, {
+                    fileName: "src/views/Version/SelectComparison/index.tsx",
+                    lineNumber: 33,
+                    columnNumber: 16
+                }, this),
+                value: 'more'
+            }
+        ];
+    }, [
+        t,
+        versionFromOptions
+    ]);
+    const currentOption = useMemo(()=>versionFromOptions.find((option)=>option.value === versionFromID), [
+        versionFromOptions,
+        versionFromID
+    ]);
+    const onChange = useCallback((val)=>{
+        if (val.value === 'more') {
+            openDrawer();
+            return;
+        }
+        onChangeFromProps(val);
+    }, [
+        onChangeFromProps,
+        openDrawer
+    ]);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            baseClass
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                isClearable: false,
+                isSearchable: false,
+                onChange: onChange,
+                options: options,
+                placeholder: t('version:selectVersionToCompare'),
+                value: currentOption
+            }, void 0, false, {
+                fileName: "src/views/Version/SelectComparison/index.tsx",
+                lineNumber: 57,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(Drawer, {}, void 0, false, {
+                fileName: "src/views/Version/SelectComparison/index.tsx",
+                lineNumber: 65,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Version/SelectComparison/index.tsx",
+        lineNumber: 56,
+        columnNumber: 5
+    }, this);
 });
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["fieldBaseClass","ReactSelect","useTranslation","React","memo","useCallback","useMemo","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport { fieldBaseClass, ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\n\nimport './index.scss'\n\nimport type { Props } from './types.js'\n\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,SAASA,cAAc,EAAEC,WAAW,EAAEC,cAAc,QAAQ;AAC5D,OAAOC,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAQlD,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCL,IAAA,CAAMM,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGhB,cAAA;EAEd,MAAM;IAAEiB,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUf,OAAA,CAAQ;IACtB,OAAO,C,GACFW,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBpB,OAAA,CACpB,MAAMW,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWT,WAAA,CACdwB,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACxB,cAAA,EAAgBQ,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACtB,WAAA;MACCiC,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport { fieldBaseClass, ReactSelect, useTranslation } from '@payloadcms/ui'\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\n\nimport './index.scss'\n\nimport type { Props } from './types.js'\n\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"names":["fieldBaseClass","ReactSelect","useTranslation","React","memo","useCallback","useMemo","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","span","className","value","currentOption","find","option","val","div","filter","Boolean","join","isClearable","isSearchable","placeholder"],"mappings":"AAAA;;AAEA,SAASA,cAAc,EAAEC,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAC5E,OAAOC,SAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAIzD,OAAO,eAAc;AAIrB,SAASC,gBAAgB,QAAQ,2BAA0B;AAE3D,MAAMC,YAAY;AAElB,OAAO,MAAMC,iCAAoCL,KAAK,CAACM;IACrD,MAAM,EACJC,cAAc,EACdC,KAAK,EACLC,UAAU,EACVC,UAAUC,iBAAiB,EAC3BC,aAAa,EACbC,kBAAkB,EACnB,GAAGP;IACJ,MAAM,EAAEQ,CAAC,EAAE,GAAGhB;IAEd,MAAM,EAAEiB,MAAM,EAAEC,UAAU,EAAE,GAAGb,iBAAiB;QAAEI;QAAgBC;QAAOC;IAAW;IAEpF,MAAMQ,UAAUf,QAAQ;QACtB,OAAO;eACFW;YACH;gBACEK,qBAAO,QAACC;oBAAKC,WAAW,GAAGhB,UAAU,aAAa,CAAC;8BAAGU,EAAE;;;;;;gBACxDO,OAAO;YACT;SACD;IACH,GAAG;QAACP;QAAGD;KAAmB;IAE1B,MAAMS,gBAAgBpB,QACpB,IAAMW,mBAAmBU,IAAI,CAAC,CAACC,SAAWA,OAAOH,KAAK,KAAKT,gBAC3D;QAACC;QAAoBD;KAAc;IAGrC,MAAMF,WAAWT,YACf,CAACwB;QACC,IAAIA,IAAIJ,KAAK,KAAK,QAAQ;YACxBL;YACA;QACF;QACAL,kBAAkBc;IACpB,GACA;QAACd;QAAmBK;KAAW;IAGjC,qBACE,QAACU;QAAIN,WAAW;YAACxB;YAAgBQ;SAAU,CAACuB,MAAM,CAACC,SAASC,IAAI,CAAC;;0BAC/D,QAAChC;gBACCiC,aAAa;gBACbC,cAAc;gBACdrB,UAAUA;gBACVO,SAASA;gBACTe,aAAalB,EAAE;gBACfO,OAAOC;;;;;;0BAET,QAACP;;;;;;;;;;;AAGP,GAAE"}

package/dist/views/Version/SelectComparison/index.scss

@@ -0,0 +1,9 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .compare-version {
+    &-moreVersions {
+      color: var(--theme-elevation-500);
+    }
+  }
+}

package/dist/views/Version/SelectComparison/types.js

@@ -1,2 +1,3 @@
-export {};
+export { };
+
 //# sourceMappingURL=types.js.map

package/dist/views/Version/SelectComparison/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs, SanitizedCollectionConfig } from 'payload'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  onChange: (val: CompareOption) => void\n  versionFromID?: string\n  versionFromOptions: CompareOption[]\n}\n\ntype CLEAR = {\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: SanitizedCollectionConfig\n  data: PaginatedDocs<any>\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n"],"mappings":"AA0BA","ignoreList":[]}
+{"version":3,"sources":["../../../../src/views/Version/SelectComparison/types.ts"],"sourcesContent":["import type { PaginatedDocs, SanitizedCollectionConfig } from 'payload'\n\nimport type { CompareOption } from '../Default/types.js'\n\nexport type Props = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  onChange: (val: CompareOption) => void\n  versionFromID?: string\n  versionFromOptions: CompareOption[]\n}\n\ntype CLEAR = {\n  required: boolean\n  type: 'CLEAR'\n}\n\ntype ADD = {\n  collection: SanitizedCollectionConfig\n  data: PaginatedDocs<any>\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: string\n}\n"],"names":[],"mappings":"AA0BA,WAGC"}

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

@@ -1,39 +1,41 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-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 /*#__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
-        });
-      },
-      pills: locales
-    })
-  });
+export const SelectLocales = ({ locales, localeSelectorOpen, onChange })=>{
+    return /*#__PURE__*/ _jsxDEV(AnimateHeight, {
+        className: baseClass,
+        height: localeSelectorOpen ? 'auto' : 0,
+        id: `${baseClass}-locales`,
+        children: /*#__PURE__*/ _jsxDEV(PillSelector, {
+            onClick: ({ pill })=>{
+                const newLocales = locales.map((locale)=>{
+                    if (locale.name === pill.name) {
+                        return {
+                            ...locale,
+                            selected: !pill.selected
+                        };
+                    } else {
+                        return locale;
+                    }
+                });
+                onChange({
+                    locales: newLocales
+                });
+            },
+            pills: locales
+        }, void 0, false, {
+            fileName: "src/views/Version/SelectLocales/index.tsx",
+            lineNumber: 23,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/SelectLocales/index.tsx",
+        lineNumber: 18,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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","React","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;AAClE,OAAOC,WAAW,QAAO;AAEzB,MAAMC,YAAY;AASlB,OAAO,MAAMC,gBAAiC,CAAC,EAAEC,OAAO,EAAEC,kBAAkB,EAAEC,QAAQ,EAAE;IACtF,qBACE,QAACP;QACCQ,WAAWL;QACXM,QAAQH,qBAAqB,SAAS;QACtCI,IAAI,GAAGP,UAAU,QAAQ,CAAC;kBAE1B,cAAA,QAACF;YACCU,SAAS,CAAC,EAAEC,IAAI,EAAE;gBAChB,MAAMC,aAAaR,QAAQS,GAAG,CAAC,CAACC;oBAC9B,IAAIA,OAAOC,IAAI,KAAKJ,KAAKI,IAAI,EAAE;wBAC7B,OAAO;4BACL,GAAGD,MAAM;4BACTE,UAAU,CAACL,KAAKK,QAAQ;wBAC1B;oBACF,OAAO;wBACL,OAAOF;oBACT;gBACF;gBACAR,SAAS;oBAAEF,SAASQ;gBAAW;YACjC;YACAK,OAAOb;;;;;;;;;;;AAIf,EAAC"}

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

@@ -1,110 +1,119 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-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 /*#__PURE__*/_jsx(Pill, {
-    pillStyle: pillStyle,
-    size: "small",
-    children: label
-  });
+const renderPill = (label, pillStyle)=>{
+    return /*#__PURE__*/ _jsxDEV(Pill, {
+        pillStyle: pillStyle,
+        size: "small",
+        children: label
+    }, void 0, false, {
+        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+        lineNumber: 14,
+        columnNumber: 5
+    }, this);
 };
-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]
+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
     });
+    const labelText = /*#__PURE__*/ _jsxDEV("span", {
+        children: [
+            labelOverride || label,
+            labelSuffix
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
     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;
-    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;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            labelFirst ? /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                children: [
+                    labelStyle === 'pill' ? renderPill(labelText, pillStyle) : /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}-text`,
+                        children: labelText
+                    }, void 0, false, {
+                        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                        lineNumber: 105,
+                        columnNumber: 13
+                    }, this),
+                    showDate && /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}-date`,
+                        children: formattedDate
+                    }, void 0, false, {
+                        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                        lineNumber: 107,
+                        columnNumber: 24
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                lineNumber: 101,
+                columnNumber: 9
+            }, this) : /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                children: [
+                    showDate && /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}-date`,
+                        children: formattedDate
+                    }, void 0, false, {
+                        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                        lineNumber: 111,
+                        columnNumber: 24
+                    }, this),
+                    labelStyle === 'pill' ? renderPill(labelText, pillStyle) : /*#__PURE__*/ _jsxDEV("span", {
+                        className: `${baseClass}-text`,
+                        children: labelText
+                    }, void 0, false, {
+                        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                        lineNumber: 115,
+                        columnNumber: 13
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                lineNumber: 110,
+                columnNumber: 9
+            }, this),
+            localeLabel && /*#__PURE__*/ _jsxDEV(Pill, {
+                size: "small",
+                children: localeLabel
+            }, void 0, false, {
+                fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+                lineNumber: 119,
+                columnNumber: 23
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/views/Version/VersionPillLabel/VersionPillLabel.tsx",
+        lineNumber: 99,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=VersionPillLabel.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"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,qBACE,QAACT;QAAKS,WAAWA;QAAWC,MAAK;kBAC9BF;;;;;;AAGP;AAEA,OAAO,MAAMG,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,0BACJ,QAACC;;YACEZ,iBAAiBR;YACjBU;;;;;;;IAIL,MAAMW,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,qBACE,QAACqC;QAAIC,WAAWxC;;YACbS,2BACC,QAACX,MAAM2C,QAAQ;;oBACZ9B,eAAe,SACdV,WAAWoB,WAAWlB,2BAEtB,QAACmB;wBAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC;kCAAGqB;;;;;;oBAExCE,0BAAY,QAACD;wBAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC;kCAAGyB;;;;;;;;;;;qCAGtD,QAAC3B,MAAM2C,QAAQ;;oBACZlB,0BAAY,QAACD;wBAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC;kCAAGyB;;;;;;oBACnDd,eAAe,SACdV,WAAWoB,WAAWlB,2BAEtB,QAACmB;wBAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC;kCAAGqB;;;;;;;;;;;;YAI5CgB,6BAAe,QAAC3C;gBAAKU,MAAK;0BAASiC;;;;;;;;;;;;AAG1C,EAAC"}

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

@@ -1,34 +1,30 @@
 /**
  * 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'
-      };
+ */ 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'
+            };
+        }
     } else {
-      return {
-        name: version.id === latestDraftVersion?.id ? 'currentDraft' : 'draft',
-        label: version.id === latestDraftVersion?.id ? t('version:currentDraft') : t('version:draft'),
-        pillStyle: 'light'
-      };
+        const isCurrentlyPublished = version.id === currentlyPublishedVersion?.id;
+        return {
+            name: isCurrentlyPublished ? 'currentlyPublished' : 'previouslyPublished',
+            label: isCurrentlyPublished ? t('version:currentlyPublished') : t('version:previouslyPublished'),
+            pillStyle: isCurrentlyPublished ? 'success' : '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