@payloadcms/ui 4.0.0-canary.0 → 4.0.0-canary.2

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.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .version-drawer .table {
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import './index.css';
+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,aAAa,CAAA;AAEpB,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,CAiFA,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,245 @@
+'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.css';
+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: {
+            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","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.css'\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              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/index.css

@@ -0,0 +1,5 @@
+@layer payload-default {
+  .compare-version-moreVersions {
+    color: var(--color-text-secondary);
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { Props } from './types.js';
+import './index.css';
+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,aAAa,CAAA;AAKpB,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.css';
+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.css'\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/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,11 @@
+import React from 'react';
+import type { SelectablePill } from '../../../elements/PillSelector/index.js';
+export type SelectedLocaleOnChange = (args: {
+    locales: SelectablePill[];
+}) => void;
+export type Props = {
+    locales: SelectablePill[];
+    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;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAS7E,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,QAAQ,EAAE,sBAAsB,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyCzC,CAAA"}

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

@@ -0,0 +1,90 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../../../elements/Button/index.js';
+import { Popup, PopupList } from '../../../elements/Popup/index.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+const baseClass = 'select-version-locales';
+export const SelectLocales = t0 => {
+  const $ = _c(9);
+  const {
+    locales,
+    onChange
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== locales || $[1] !== onChange) {
+    t1 = () => _jsx(PopupList.RadioGroup, {
+      children: locales.map(locale => _jsx(PopupList.RadioGroupItem, {
+        active: locale.selected,
+        onClick: () => {
+          const newLocales = locales.map(l => l.name === locale.name ? {
+            ...l,
+            selected: !l.selected
+          } : l);
+          onChange({
+            locales: newLocales
+          });
+        },
+        children: locale.name
+      }, locale.name))
+    });
+    $[0] = locales;
+    $[1] = onChange;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== locales || $[4] !== t) {
+    t2 = t3 => {
+      const {
+        active,
+        ...buttonProps
+      } = t3;
+      return _jsx(Button, {
+        ...buttonProps,
+        buttonStyle: "secondary",
+        className: "view-version__toggle-locales",
+        icon: _jsx(ChevronIcon, {
+          direction: active ? "up" : "down",
+          size: 16
+        }),
+        selected: locales.some(_temp),
+        size: "medium",
+        children: t("general:locales")
+      });
+    };
+    $[3] = locales;
+    $[4] = t;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== t1 || $[7] !== t2) {
+    t3 = _jsx(Popup, {
+      className: baseClass,
+      horizontalAlign: "right",
+      render: t1,
+      renderButton: t2,
+      size: "small",
+      theme: "dark"
+    });
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
+};
+function _temp(locale_0) {
+  return locale_0.selected;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Button","Popup","PopupList","ChevronIcon","useTranslation","baseClass","SelectLocales","t0","$","locales","onChange","t","t1","_jsx","RadioGroup","children","map","locale","RadioGroupItem","active","selected","onClick","newLocales","l","name","t2","t3","buttonProps","buttonStyle","className","icon","direction","size","some","_temp","horizontalAlign","render","theme","locale_0"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Popup, PopupList } from '../../../elements/Popup/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={() => (\n        <PopupList.RadioGroup>\n          {locales.map((locale) => (\n            <PopupList.RadioGroupItem\n              active={locale.selected}\n              key={locale.name}\n              onClick={() => {\n                const newLocales = locales.map((l) =>\n                  l.name === locale.name ? { ...l, selected: !l.selected } : l,\n                )\n                onChange({ locales: newLocales })\n              }}\n            >\n              {locale.name}\n            </PopupList.RadioGroupItem>\n          ))}\n        </PopupList.RadioGroup>\n      )}\n      renderButton={({ active, ...buttonProps }) => (\n        <Button\n          {...buttonProps}\n          buttonStyle=\"secondary\"\n          className={`view-version__toggle-locales`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={locales.some((locale) => locale.selected)}\n          size=\"medium\"\n        >\n          {t('general:locales')}\n        </Button>\n      )}\n      size=\"small\"\n      theme=\"dark\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,aAAA,GAAiCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,OAAA;IAAAC;EAAA,IAAAH,EAAqB;EAClE;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,QAAA;IAMFE,EAAA,GAAAA,CAAA,KACNC,IAAA,CAAAX,SAAA,CAAAY,UAAA;MAAAC,QAAA,EACGN,OAAA,CAAAO,GAAA,CAAAC,MAAA,IACCJ,IAAA,CAAAX,SAAA,CAAAgB,cAAA;QAAAC,MAAA,EACUF,MAAA,CAAAG,QAAA;QAAAC,OAAA,EAAAA,CAAA;UAGN,MAAAC,UAAA,GAAmBb,OAAA,CAAAO,GAAA,CAAAO,CAAA,IACjBA,CAAA,CAAAC,IAAA,KAAWP,MAAA,CAAAO,IAAW;YAAA,GAAQD,CAAC;YAAAH,QAAA,GAAaG,CAAA,CAAAH;UAAA,IAAeG,CAAA;UAE7Db,QAAA;YAAAD,OAAA,EAAoBa;UAAA,CAAW;QAAA;QAAAP,QAAA,EAGhCE,MAAA,CAAAO;MAAA,GARIP,MAAA,CAAAO,IAAW;IAAA,C;;;;;;;;;IAaVC,EAAA,GAAAC,EAAA;MAAC;QAAAP,MAAA;QAAA,GAAAQ;MAAA,IAAAD,EAA0B;MAAA,OACvCb,IAAA,CAAAb,MAAA;QAAA,GACM2B,WAAW;QAAAC,WAAA,EACH;QAAAC,SAAA,EACD,8BAA8B;QAAAC,IAAA,EACnCjB,IAAA,CAAAV,WAAA;UAAA4B,SAAA,EAAwBZ,MAAA,GAAS,OAAO;UAAAa,IAAA;QAAA,C;kBACpCvB,OAAA,CAAAwB,IAAA,CAAAC,KAAwC;QAAAF,IAAA,EAC7C;QAAAjB,QAAA,EAEJJ,CAAA,CAAE;MAAA,C;;;;;;;;;;IA9BTe,EAAA,GAAAb,IAAA,CAAAZ,KAAA;MAAA4B,SAAA,EAAAxB,SAAA;MAAA8B,eAAA,EAEkB;MAAAC,MAAA,EACRxB,E;oBAkBMa,E;YAYT;MAAAY,KAAA,EACC;IAAA,C;;;;;;;SAlCRX,E;CAqCJ;AAzC8C,SAAAQ,MAAAI,QAAA;EAAA,OA+BDrB,QAAA,CAAAG,QAAA;AAAA","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