@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.a0ef1b8

package/dist/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatedAtCell.js","names":["React","useModal","useConfig","usePathname","useRouter","useSearchParams","useRouteTransition","useTranslation","formatDate","VersionDrawerCreatedAtCell","t0","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","_jsx","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","children","date","pattern"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { CreatedAtCellProps } from '../../../Versions/cells/CreatedAt/index.js'\n\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport {\n  usePathname,\n  useRouter,\n  useSearchParams,\n} from '../../../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const VersionDrawerCreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n  const { closeAllModals } = useModal()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <button\n      className=\"created-at-cell\"\n      onClick={() => {\n        closeAllModals()\n        const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n        if (id) {\n          current.set('versionFrom', String(id))\n        }\n\n        const search = current.toString()\n        const query = search ? `?${search}` : ''\n\n        startRouteTransition(() => router.push(`${pathname}${query}`))\n      }}\n      type=\"button\"\n    >\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAIlB,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SACEC,WAAW,EACXC,SAAS,EACTC,eAAe,QACV;AACP,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,0BAAA,GAA2DC,EAAA;EAAC;IAAAC,OAAA,EAAAC;EAAA,IAAAF,EAExE;EADU;IAAAG,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAAG,SAAA,QAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAgB,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAGzB;IAAAE;EAAA,IAA2BpB,QAAA;EAC3B,MAAAqB,MAAA,GAAelB,SAAA;EACf,MAAAmB,QAAA,GAAiBpB,WAAA;EACjB,MAAAqB,YAAA,GAAqBnB,eAAA;EACrB;IAAAoB;EAAA,IAAiCnB,kBAAA;EAEjC;IAAAoB;EAAA,IAAiBnB,cAAA;EAAA,OAGfoB,IAAA,CAAC;IAAAC,SAAA,EACW;IAAAC,OAAA,EAAAA,CAAA;MAERR,cAAA;MACA,MAAAS,OAAA,OAAAC,eAAA,CAAoCC,KAAA,CAAAC,IAAA,CAAWT,YAAA,CAAAU,OAAA,CAAoB;MAAA,IAE/DrB,EAAA;QACFiB,OAAA,CAAAK,GAAA,CAAY,eAAeC,MAAA,CAAOvB,EAAA;MAAA;MAGpC,MAAAwB,MAAA,GAAeP,OAAA,CAAAQ,QAAA,CAAgB;MAC/B,MAAAC,KAAA,GAAcF,MAAA,GAAS,IAAIA,MAAA,EAAQ,GAAG;MAEtCZ,oBAAA,OAA2BH,MAAA,CAAAkB,IAAA,CAAY,GAAGjB,QAAA,GAAWgB,KAAA,EAAO;IAAA;IAAAE,IAAA,EAEzD;IAAAC,QAAA,EAEJlC,UAAA;MAAAmC,IAAA,EAAmB7B,SAAA;MAAAY,IAAA;MAAAkB,OAAA,EAA0BxB;IAAA,CAAW;EAAA,C;CAG/D","ignoreList":[]}

package/dist/views/Version/SelectComparison/VersionDrawer/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import './index.scss';
+export declare const baseClass = "version-drawer";
+export declare const formatVersionDrawerSlug: ({ depth, uuid, }: {
+    depth: number;
+    uuid: string;
+}) => string;
+export declare const VersionDrawerContent: React.FC<{
+    collectionSlug?: string;
+    docID?: number | string;
+    drawerSlug: string;
+    globalSlug?: string;
+}>;
+export declare const VersionDrawer: React.FC<{
+    collectionSlug?: string;
+    docID?: number | string;
+    drawerSlug: string;
+    globalSlug?: string;
+}>;
+export declare const useVersionDrawer: ({ collectionSlug, docID, globalSlug, }: {
+    collectionSlug?: string;
+    docID?: number | string;
+    globalSlug?: string;
+}) => {
+    closeDrawer: () => void;
+    Drawer: () => React.JSX.Element;
+    drawerDepth: number;
+    drawerSlug: string;
+    isDrawerOpen: boolean;
+    openDrawer: () => void;
+    toggleDrawer: () => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/SelectComparison/VersionDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmE,MAAM,OAAO,CAAA;AAWvF,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,mBAAmB,CAAA;AACzC,eAAO,MAAM,uBAAuB,GAAI,kBAGrC;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,WAAsC,CAAA;AAEvC,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAkFA,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAcA,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,wCAI9B;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;;;;;;;;CAkDA,CAAA"}

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

@@ -0,0 +1,246 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { toast } from 'sonner';
+import { Drawer } from '../../../../elements/Drawer/index.js';
+import { LoadingOverlay } from '../../../../elements/Loading/index.js';
+import { useModal } from '../../../../elements/Modal/index.js';
+import { useDocumentInfo } from '../../../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../../../providers/EditDepth/index.js';
+import { useSearchParams } from '../../../../providers/RouterAdapter/index.js';
+import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import './index.scss';
+export const baseClass = 'version-drawer';
+export const formatVersionDrawerSlug = ({
+  depth,
+  uuid
+}) => `version-drawer_${depth}_${uuid}`;
+export const VersionDrawerContent = props => {
+  const {
+    collectionSlug,
+    docID,
+    drawerSlug,
+    globalSlug
+  } = props;
+  const {
+    isTrashed
+  } = useDocumentInfo();
+  const {
+    closeModal
+  } = useModal();
+  const searchParams = useSearchParams();
+  const prevSearchParams = useRef(searchParams);
+  const {
+    renderDocument
+  } = useServerFunctions();
+  const [DocumentView, setDocumentView] = useState(undefined);
+  const [isLoading, setIsLoading] = useState(true);
+  const hasRenderedDocument = useRef(false);
+  const {
+    t
+  } = useTranslation();
+  const getDocumentView = useCallback(docID_0 => {
+    const fetchDocumentView = async () => {
+      setIsLoading(true);
+      try {
+        const isGlobal = Boolean(globalSlug);
+        const entitySlug = collectionSlug ?? globalSlug;
+        const result = await renderDocument({
+          collectionSlug: entitySlug,
+          docID: docID_0,
+          drawerSlug,
+          paramsOverride: {
+            segments: [isGlobal ? 'globals' : 'collections', entitySlug, ...(isTrashed ? ['trash'] : []), isGlobal ? undefined : String(docID_0), 'versions'].filter(Boolean)
+          },
+          redirectAfterDelete: false,
+          redirectAfterDuplicate: false,
+          searchParams: Object.fromEntries(searchParams.entries()),
+          versions: {
+            disableGutter: true,
+            useVersionDrawerCreatedAtCell: true
+          }
+        });
+        if (result?.Document) {
+          setDocumentView(result.Document);
+          setIsLoading(false);
+        }
+      } catch (error) {
+        toast.error(error?.message || t('error:unspecific'));
+        closeModal(drawerSlug);
+      }
+    };
+    void fetchDocumentView();
+  }, [closeModal, collectionSlug, drawerSlug, globalSlug, isTrashed, renderDocument, searchParams, t]);
+  useEffect(() => {
+    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {
+      prevSearchParams.current = searchParams;
+      getDocumentView(docID);
+      hasRenderedDocument.current = true;
+    }
+  }, [docID, getDocumentView, searchParams]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(LoadingOverlay, {});
+  }
+  return DocumentView;
+};
+export const VersionDrawer = props => {
+  const $ = _c(6);
+  const {
+    collectionSlug,
+    docID,
+    drawerSlug,
+    globalSlug
+  } = props;
+  const {
+    t
+  } = useTranslation();
+  let t0;
+  if ($[0] !== collectionSlug || $[1] !== docID || $[2] !== drawerSlug || $[3] !== globalSlug || $[4] !== t) {
+    t0 = _jsx(Drawer, {
+      className: baseClass,
+      slug: drawerSlug,
+      title: t("version:selectVersionToCompare"),
+      children: _jsx(VersionDrawerContent, {
+        collectionSlug,
+        docID,
+        drawerSlug,
+        globalSlug
+      })
+    });
+    $[0] = collectionSlug;
+    $[1] = docID;
+    $[2] = drawerSlug;
+    $[3] = globalSlug;
+    $[4] = t;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  return t0;
+};
+export const useVersionDrawer = t0 => {
+  const $ = _c(29);
+  const {
+    collectionSlug,
+    docID,
+    globalSlug
+  } = t0;
+  const drawerDepth = useEditDepth();
+  const uuid = useId();
+  const {
+    closeModal,
+    modalState,
+    openModal,
+    toggleModal
+  } = useModal();
+  const [isOpen, setIsOpen] = useState(false);
+  let t1;
+  if ($[0] !== drawerDepth || $[1] !== uuid) {
+    t1 = formatVersionDrawerSlug({
+      depth: drawerDepth,
+      uuid
+    });
+    $[0] = drawerDepth;
+    $[1] = uuid;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const drawerSlug = t1;
+  let t2;
+  let t3;
+  if ($[3] !== drawerSlug || $[4] !== modalState) {
+    t2 = () => {
+      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
+    };
+    t3 = [modalState, drawerSlug];
+    $[3] = drawerSlug;
+    $[4] = modalState;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t2 = $[5];
+    t3 = $[6];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[7] !== drawerSlug || $[8] !== toggleModal) {
+    t4 = () => {
+      toggleModal(drawerSlug);
+    };
+    $[7] = drawerSlug;
+    $[8] = toggleModal;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const toggleDrawer = t4;
+  let t5;
+  if ($[10] !== closeModal || $[11] !== drawerSlug) {
+    t5 = () => {
+      closeModal(drawerSlug);
+    };
+    $[10] = closeModal;
+    $[11] = drawerSlug;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  const closeDrawer = t5;
+  let t6;
+  if ($[13] !== drawerSlug || $[14] !== openModal) {
+    t6 = () => {
+      openModal(drawerSlug);
+    };
+    $[13] = drawerSlug;
+    $[14] = openModal;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  const openDrawer = t6;
+  let t7;
+  if ($[16] !== collectionSlug || $[17] !== docID || $[18] !== drawerSlug || $[19] !== globalSlug) {
+    t7 = () => _jsx(VersionDrawer, {
+      collectionSlug,
+      docID,
+      drawerSlug,
+      globalSlug
+    });
+    $[16] = collectionSlug;
+    $[17] = docID;
+    $[18] = drawerSlug;
+    $[19] = globalSlug;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  const MemoizedDrawer = t7;
+  let t8;
+  if ($[21] !== MemoizedDrawer || $[22] !== closeDrawer || $[23] !== drawerDepth || $[24] !== drawerSlug || $[25] !== isOpen || $[26] !== openDrawer || $[27] !== toggleDrawer) {
+    t8 = {
+      closeDrawer,
+      Drawer: MemoizedDrawer,
+      drawerDepth,
+      drawerSlug,
+      isDrawerOpen: isOpen,
+      openDrawer,
+      toggleDrawer
+    };
+    $[21] = MemoizedDrawer;
+    $[22] = closeDrawer;
+    $[23] = drawerDepth;
+    $[24] = drawerSlug;
+    $[25] = isOpen;
+    $[26] = openDrawer;
+    $[27] = toggleDrawer;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  return t8;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useId","useMemo","useRef","useState","toast","Drawer","LoadingOverlay","useModal","useDocumentInfo","useEditDepth","useSearchParams","useServerFunctions","useTranslation","baseClass","formatVersionDrawerSlug","depth","uuid","VersionDrawerContent","props","collectionSlug","docID","drawerSlug","globalSlug","isTrashed","closeModal","searchParams","prevSearchParams","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","t","getDocumentView","fetchDocumentView","isGlobal","Boolean","entitySlug","result","paramsOverride","segments","String","filter","redirectAfterDelete","redirectAfterDuplicate","Object","fromEntries","entries","versions","disableGutter","useVersionDrawerCreatedAtCell","Document","error","message","current","_jsx","VersionDrawer","$","t0","className","slug","title","children","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","t1","t2","t3","t4","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","MemoizedDrawer","t8","isDrawerOpen"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { LoadingOverlay } from '../../../../elements/Loading/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useDocumentInfo } from '../../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../../providers/EditDepth/index.js'\nimport { useSearchParams } from '../../../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const baseClass = 'version-drawer'\nexport const formatVersionDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `version-drawer_${depth}_${uuid}`\n\nexport const VersionDrawerContent: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { isTrashed } = useDocumentInfo()\n  const { closeModal } = useModal()\n  const searchParams = useSearchParams()\n  const prevSearchParams = useRef(searchParams)\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n  const { t } = useTranslation()\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const isGlobal = Boolean(globalSlug)\n          const entitySlug = collectionSlug ?? globalSlug\n\n          const result = await renderDocument({\n            collectionSlug: entitySlug,\n            docID,\n            drawerSlug,\n            paramsOverride: {\n              segments: [\n                isGlobal ? 'globals' : 'collections',\n                entitySlug,\n                ...(isTrashed ? ['trash'] : []),\n                isGlobal ? undefined : String(docID),\n                'versions',\n              ].filter(Boolean),\n            },\n            redirectAfterDelete: false,\n            redirectAfterDuplicate: false,\n            searchParams: Object.fromEntries(searchParams.entries()),\n            versions: {\n              disableGutter: true,\n              useVersionDrawerCreatedAtCell: true,\n            },\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      closeModal,\n      collectionSlug,\n      drawerSlug,\n      globalSlug,\n      isTrashed,\n      renderDocument,\n      searchParams,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {\n      prevSearchParams.current = searchParams\n      getDocumentView(docID)\n      hasRenderedDocument.current = true\n    }\n  }, [docID, getDocumentView, searchParams])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return DocumentView\n}\n\nexport const VersionDrawer: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { t } = useTranslation()\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('version:selectVersionToCompare')}>\n      <VersionDrawerContent\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    </Drawer>\n  )\n}\n\nexport const useVersionDrawer = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatVersionDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return () => (\n      <VersionDrawer\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    )\n  }, [collectionSlug, docID, drawerSlug, globalSlug])\n\n  return useMemo(\n    () => ({\n      closeDrawer,\n      Drawer: MemoizedDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [MemoizedDrawer, closeDrawer, drawerDepth, drawerSlug, isOpen, openDrawer, toggleDrawer],\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+@import '../../../../scss/styles.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.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types.js';
+import './index.scss';
+export declare const SelectComparison: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/SelectComparison/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAKrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoD3C,CAAA"}

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

@@ -0,0 +1,60 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { memo, useCallback, useMemo } from 'react';
+import { ReactSelect } from '../../../elements/ReactSelect/index.js';
+import { fieldBaseClass } from '../../../fields/shared/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+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, {})]
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","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 React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\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,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,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,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,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,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,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,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC8B,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":[]}

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

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

package/dist/views/Version/SelectComparison/types.d.ts

@@ -0,0 +1,26 @@
+import type { PaginatedDocs, SanitizedCollectionConfig } from 'payload';
+import type { CompareOption } from '../Default/types.js';
+export type Props = {
+    collectionSlug?: string;
+    docID?: number | string;
+    globalSlug?: string;
+    onChange: (val: CompareOption) => void;
+    versionFromID?: string;
+    versionFromOptions: CompareOption[];
+};
+type CLEAR = {
+    required: boolean;
+    type: 'CLEAR';
+};
+type ADD = {
+    collection: SanitizedCollectionConfig;
+    data: PaginatedDocs<any>;
+    type: 'ADD';
+};
+export type Action = ADD | CLEAR;
+export type ValueWithRelation = {
+    relationTo: string;
+    value: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/views/Version/SelectComparison/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectComparison/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,MAAM,KAAK,GAAG;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,EAAE,aAAa,EAAE,CAAA;CACpC,CAAA;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,yBAAyB,CAAA;IACrC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;IACxB,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,CAAA;AAEhC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

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

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

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

@@ -0,0 +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":[]}

package/dist/views/Version/SelectLocales/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type SelectablePill } from '../../../elements/PillSelector/index.js';
+export type SelectedLocaleOnChange = (args: {
+    locales: SelectablePill[];
+}) => void;
+export type Props = {
+    locales: SelectablePill[];
+    localeSelectorOpen: boolean;
+    onChange: SelectedLocaleOnChange;
+};
+export declare const SelectLocales: React.FC<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/SelectLocales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAI3F,MAAM,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,cAAc,EAAE,CAAA;CAAE,KAAK,IAAI,CAAA;AAClF,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,sBAAsB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyBzC,CAAA"}

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

@@ -0,0 +1,39 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { AnimateHeight } from '../../../elements/AnimateHeight/index.js';
+import { PillSelector } from '../../../elements/PillSelector/index.js';
+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
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","AnimateHeight","PillSelector","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 React from 'react'\n\nimport { AnimateHeight } from '../../../elements/AnimateHeight/index.js'\nimport { PillSelector, type SelectablePill } from '../../../elements/PillSelector/index.js'\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,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAA6B;AAElD,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAAEC,OAAO;EAAEC,kBAAkB;EAAEC;AAAQ,CAAE;EACtF,oBACEC,IAAA,CAACP,aAAA;IACCQ,SAAA,EAAWN,SAAA;IACXO,MAAA,EAAQJ,kBAAA,GAAqB,SAAS;IACtCK,EAAA,EAAI,GAAGR,SAAA,UAAmB;cAE1B,aAAAK,IAAA,CAACN,YAAA;MACCU,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/generateVersionViewMetadata.d.ts

@@ -0,0 +1,6 @@
+import type { GenerateEditViewMetadata } from '../API/generateAPIViewMetadata.js';
+/**
+ * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.
+ */
+export declare const generateVersionViewMetadata: GenerateEditViewMetadata;
+//# sourceMappingURL=generateVersionViewMetadata.d.ts.map

package/dist/views/Version/generateVersionViewMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateVersionViewMetadata.d.ts","sourceRoot":"","sources":["../../../src/views/Version/generateVersionViewMetadata.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAA;AAKjF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,wBAgDzC,CAAA"}

package/dist/views/Version/generateVersionViewMetadata.js

@@ -0,0 +1,58 @@
+import { getTranslation } from '@payloadcms/translations';
+import { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js';
+import { formatMetadata } from '../../utilities/formatMetadata.js';
+/**
+ * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.
+ */
+export const generateVersionViewMetadata = async ({
+  collectionConfig,
+  config,
+  globalConfig,
+  i18n
+}) => {
+  const {
+    t
+  } = i18n;
+  let metaToUse = {
+    ...(config.admin.meta || {})
+  };
+  const doc = {} // TODO: figure this out
+;
+  const formattedCreatedAt = doc?.createdAt ? formatDate({
+    date: doc.createdAt,
+    i18n,
+    pattern: config?.admin?.dateFormat
+  }) : '';
+  if (collectionConfig) {
+    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
+    const entityLabel = getTranslation(collectionConfig.labels.singular, i18n);
+    const titleFromData = doc?.[useAsTitle];
+    metaToUse = {
+      ...(config.admin.meta || {}),
+      description: t('version:viewingVersion', {
+        documentTitle: titleFromData,
+        entityLabel
+      }),
+      title: `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`,
+      ...(collectionConfig?.admin?.meta || {}),
+      ...(collectionConfig?.admin?.components?.views?.edit?.version?.meta || {})
+    };
+  }
+  if (globalConfig) {
+    const entityLabel = getTranslation(globalConfig.label, i18n);
+    metaToUse = {
+      ...(config.admin.meta || {}),
+      description: t('version:viewingVersionGlobal', {
+        entityLabel
+      }),
+      title: `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${entityLabel}`,
+      ...(globalConfig?.admin?.meta || {}),
+      ...(globalConfig?.admin?.components?.views?.edit?.version?.meta || {})
+    };
+  }
+  return formatMetadata({
+    ...metaToUse,
+    serverURL: config.serverURL
+  });
+};
+//# sourceMappingURL=generateVersionViewMetadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generateVersionViewMetadata.js","names":["getTranslation","formatDate","formatMetadata","generateVersionViewMetadata","collectionConfig","config","globalConfig","i18n","t","metaToUse","admin","meta","doc","formattedCreatedAt","createdAt","date","pattern","dateFormat","useAsTitle","entityLabel","labels","singular","titleFromData","description","documentTitle","title","components","views","edit","version","label","serverURL"],"sources":["../../../src/views/Version/generateVersionViewMetadata.ts"],"sourcesContent":["import type { MetaConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\n\nimport type { GenerateEditViewMetadata } from '../API/generateAPIViewMetadata.js'\n\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { formatMetadata } from '../../utilities/formatMetadata.js'\n\n/**\n * @todo Remove the `MetaConfig` type assertions. They are currently required because of how the `Metadata` type from `next` consumes the `URL` type.\n */\nexport const generateVersionViewMetadata: GenerateEditViewMetadata = async ({\n  collectionConfig,\n  config,\n  globalConfig,\n  i18n,\n}): Promise<MetaConfig> => {\n  const { t } = i18n\n\n  let metaToUse: MetaConfig = {\n    ...(config.admin.meta || {}),\n  }\n\n  const doc: any = {} // TODO: figure this out\n\n  const formattedCreatedAt = doc?.createdAt\n    ? formatDate({ date: doc.createdAt, i18n, pattern: config?.admin?.dateFormat })\n    : ''\n\n  if (collectionConfig) {\n    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n    const entityLabel = getTranslation(collectionConfig.labels.singular, i18n)\n    const titleFromData = doc?.[useAsTitle]\n\n    metaToUse = {\n      ...(config.admin.meta || {}),\n      description: t('version:viewingVersion', { documentTitle: titleFromData, entityLabel }),\n      title: `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${titleFromData ? ` - ${titleFromData}` : ''} - ${entityLabel}`,\n      ...(collectionConfig?.admin?.meta || {}),\n      ...(collectionConfig?.admin?.components?.views?.edit?.version?.meta || {}),\n    }\n  }\n\n  if (globalConfig) {\n    const entityLabel = getTranslation(globalConfig.label, i18n)\n\n    metaToUse = {\n      ...(config.admin.meta || {}),\n      description: t('version:viewingVersionGlobal', { entityLabel }),\n      title: `${t('version:version')}${formattedCreatedAt ? ` - ${formattedCreatedAt}` : ''}${entityLabel}`,\n      ...((globalConfig?.admin?.meta || {}) as MetaConfig),\n      ...((globalConfig?.admin?.components?.views?.edit?.version?.meta || {}) as MetaConfig),\n    }\n  }\n\n  return formatMetadata({\n    ...metaToUse,\n    serverURL: config.serverURL,\n  })\n}\n"],"mappings":"AAEA,SAASA,cAAc,QAAQ;AAI/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B;;;AAGA,OAAO,MAAMC,2BAAA,GAAwD,MAAAA,CAAO;EAC1EC,gBAAgB;EAChBC,MAAM;EACNC,YAAY;EACZC;AAAI,CACL;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGD,IAAA;EAEd,IAAIE,SAAA,GAAwB;IAC1B,IAAIJ,MAAA,CAAOK,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;EAC7B;EAEA,MAAMC,GAAA,GAAW,CAAC,EAAE;AAAA;EAEpB,MAAMC,kBAAA,GAAqBD,GAAA,EAAKE,SAAA,GAC5Bb,UAAA,CAAW;IAAEc,IAAA,EAAMH,GAAA,CAAIE,SAAS;IAAEP,IAAA;IAAMS,OAAA,EAASX,MAAA,EAAQK,KAAA,EAAOO;EAAW,KAC3E;EAEJ,IAAIb,gBAAA,EAAkB;IACpB,MAAMc,UAAA,GAAad,gBAAA,EAAkBM,KAAA,EAAOQ,UAAA,IAAc;IAC1D,MAAMC,WAAA,GAAcnB,cAAA,CAAeI,gBAAA,CAAiBgB,MAAM,CAACC,QAAQ,EAAEd,IAAA;IACrE,MAAMe,aAAA,GAAgBV,GAAA,GAAMM,UAAA,CAAW;IAEvCT,SAAA,GAAY;MACV,IAAIJ,MAAA,CAAOK,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;MAC3BY,WAAA,EAAaf,CAAA,CAAE,0BAA0B;QAAEgB,aAAA,EAAeF,aAAA;QAAeH;MAAY;MACrFM,KAAA,EAAO,GAAGjB,CAAA,CAAE,qBAAqBK,kBAAA,GAAqB,MAAMA,kBAAA,EAAoB,GAAG,KAAKS,aAAA,GAAgB,MAAMA,aAAA,EAAe,GAAG,QAAQH,WAAA,EAAa;MACrJ,IAAIf,gBAAA,EAAkBM,KAAA,EAAOC,IAAA,IAAQ,CAAC,CAAC;MACvC,IAAIP,gBAAA,EAAkBM,KAAA,EAAOgB,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,OAAA,EAASlB,IAAA,IAAQ,CAAC,CAAC;IAC3E;EACF;EAEA,IAAIL,YAAA,EAAc;IAChB,MAAMa,WAAA,GAAcnB,cAAA,CAAeM,YAAA,CAAawB,KAAK,EAAEvB,IAAA;IAEvDE,SAAA,GAAY;MACV,IAAIJ,MAAA,CAAOK,KAAK,CAACC,IAAI,IAAI,CAAC,CAAC;MAC3BY,WAAA,EAAaf,CAAA,CAAE,gCAAgC;QAAEW;MAAY;MAC7DM,KAAA,EAAO,GAAGjB,CAAA,CAAE,qBAAqBK,kBAAA,GAAqB,MAAMA,kBAAA,EAAoB,GAAG,KAAKM,WAAA,EAAa;MACrG,IAAKb,YAAA,EAAcI,KAAA,EAAOC,IAAA,IAAQ,CAAC,CAAC;MACpC,IAAKL,YAAA,EAAcI,KAAA,EAAOgB,UAAA,EAAYC,KAAA,EAAOC,IAAA,EAAMC,OAAA,EAASlB,IAAA,IAAQ,CAAC,CAAC;IACxE;EACF;EAEA,OAAOT,cAAA,CAAe;IACpB,GAAGO,SAAS;IACZsB,SAAA,EAAW1B,MAAA,CAAO0B;EACpB;AACF","ignoreList":[]}

package/dist/views/Version/index.d.ts

@@ -0,0 +1,4 @@
+import type { DocumentViewServerProps } from 'payload';
+import React from 'react';
+export declare function VersionView(props: DocumentViewServerProps): Promise<React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Version/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Version/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EAKxB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,wBAAsB,WAAW,CAAC,KAAK,EAAE,uBAAuB,8BAoa/D"}