@payloadcms/next 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx"],"sourcesContent":["'use client'\nimport { useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\n\nimport type { CreatedAtCellProps } from '../../../Versions/cells/CreatedAt/index.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"],"names":["useConfig","useModal","useRouteTransition","useTranslation","formatDate","usePathname","useRouter","useSearchParams","VersionDrawerCreatedAtCell","rowData","id","updatedAt","config","admin","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","button","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","date","pattern"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAgB;AACxF,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAI5E,OAAO,MAAMC,6BAA2D,CAAC,EACvEC,SAAS,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAG,CAAC,CAAC,EAChC;IACC,MAAM,EACJC,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGd;IACJ,MAAM,EAAEe,cAAc,EAAE,GAAGd;IAC3B,MAAMe,SAASV;IACf,MAAMW,WAAWZ;IACjB,MAAMa,eAAeX;IACrB,MAAM,EAAEY,oBAAoB,EAAE,GAAGjB;IAEjC,MAAM,EAAEkB,IAAI,EAAE,GAAGjB;IAEjB,QACGkB,OACCC,UAAU,kBACVC,SAAS;QACPR;QACA,MAAMS,UAAU,IAAIC,gBAAgBC,MAAMC,IAAI,CAACT,aAAaU,OAAO;QAEnE,IAAIlB,IAAI;YACNc,QAAQK,GAAG,CAAC,eAAeC,OAAOpB;QACpC;QAEA,MAAMqB,SAASP,QAAQQ,QAAQ;QAC/B,MAAMC,QAAQF,SAAS,CAAC,CAAC,EAAEA,QAAQ,GAAG;QAEtCZ,qBAAqB,IAAMH,OAAOkB,IAAI,CAAC,GAAGjB,WAAWgB,OAAO;IAC9D,GACAE,KAAK,SACN;MACC,CAAC/B,WAAW;QAAEgC,MAAMzB;QAAWS;QAAMiB,SAASvB;IAAW,GAAG;IAC9D,EAAEO;AAEN,EAAC"}
+{"version":3,"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx"],"sourcesContent":["'use client'\nimport { useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\n\nimport type { CreatedAtCellProps } from '../../../Versions/cells/CreatedAt/index.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"],"names":["useConfig","useModal","useRouteTransition","useTranslation","formatDate","usePathname","useRouter","useSearchParams","VersionDrawerCreatedAtCell","rowData","id","updatedAt","config","admin","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","button","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","date","pattern"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAgB;AACxF,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAI5E,OAAO,MAAMC,6BAA2D,CAAC,EACvEC,SAAS,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAG,CAAC,CAAC,EAChC;IACC,MAAM,EACJC,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGd;IACJ,MAAM,EAAEe,cAAc,EAAE,GAAGd;IAC3B,MAAMe,SAASV;IACf,MAAMW,WAAWZ;IACjB,MAAMa,eAAeX;IACrB,MAAM,EAAEY,oBAAoB,EAAE,GAAGjB;IAEjC,MAAM,EAAEkB,IAAI,EAAE,GAAGjB;IAEjB,qBACE,QAACkB;QACCC,WAAU;QACVC,SAAS;YACPR;YACA,MAAMS,UAAU,IAAIC,gBAAgBC,MAAMC,IAAI,CAACT,aAAaU,OAAO;YAEnE,IAAIlB,IAAI;gBACNc,QAAQK,GAAG,CAAC,eAAeC,OAAOpB;YACpC;YAEA,MAAMqB,SAASP,QAAQQ,QAAQ;YAC/B,MAAMC,QAAQF,SAAS,CAAC,CAAC,EAAEA,QAAQ,GAAG;YAEtCZ,qBAAqB,IAAMH,OAAOkB,IAAI,CAAC,GAAGjB,WAAWgB,OAAO;QAC9D;QACAE,MAAK;kBAEJ/B,WAAW;YAAEgC,MAAMzB;YAAWS;YAAMiB,SAASvB;QAAW;;;;;;AAG/D,EAAC"}

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

@@ -1,8 +1,9 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Drawer, LoadingOverlay, toast, useDocumentInfo, useEditDepth, useModal, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
 import './index.scss';
-import { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
 export const baseClass = 'version-drawer';
 export const formatVersionDrawerSlug = ({ depth, uuid })=>// supply when creating a new document and no id is available
     `version-drawer_${depth}_${uuid}`;
@@ -79,16 +80,37 @@ export const VersionDrawerContent = (props)=>{
         searchParams
     ]);
     if (isLoading) {
-        return <LoadingOverlay/>;
+        return /*#__PURE__*/ _jsxDEV(LoadingOverlay, {}, void 0, false, {
+            fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+            lineNumber: 111,
+            columnNumber: 12
+        }, this);
     }
     return DocumentView;
 };
 export const VersionDrawer = (props)=>{
     const { collectionSlug, docID, drawerSlug, globalSlug } = props;
     const { t } = useTranslation();
-    return <Drawer className={baseClass} gutter={true} slug={drawerSlug} title={t('version:selectVersionToCompare')}>
-      <VersionDrawerContent collectionSlug={collectionSlug} docID={docID} drawerSlug={drawerSlug} globalSlug={globalSlug}/>
-    </Drawer>;
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
+        className: baseClass,
+        gutter: true,
+        slug: drawerSlug,
+        title: t('version:selectVersionToCompare'),
+        children: /*#__PURE__*/ _jsxDEV(VersionDrawerContent, {
+            collectionSlug: collectionSlug,
+            docID: docID,
+            drawerSlug: drawerSlug,
+            globalSlug: globalSlug
+        }, void 0, false, {
+            fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+            lineNumber: 132,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+        lineNumber: 126,
+        columnNumber: 5
+    }, this);
 };
 export const useVersionDrawer = ({ collectionSlug, docID, globalSlug })=>{
     const drawerDepth = useEditDepth();
@@ -124,7 +146,16 @@ export const useVersionDrawer = ({ collectionSlug, docID, globalSlug })=>{
         openModal
     ]);
     const MemoizedDrawer = useMemo(()=>{
-        return ()=><VersionDrawer collectionSlug={collectionSlug} docID={docID} drawerSlug={drawerSlug} globalSlug={globalSlug}/>;
+        return ()=>/*#__PURE__*/ _jsxDEV(VersionDrawer, {
+                collectionSlug: collectionSlug,
+                docID: docID,
+                drawerSlug: drawerSlug,
+                globalSlug: globalSlug
+            }, void 0, false, {
+                fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+                lineNumber: 179,
+                columnNumber: 7
+            }, this);
     }, [
         collectionSlug,
         docID,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\nimport {\n  Drawer,\n  LoadingOverlay,\n  toast,\n  useDocumentInfo,\n  useEditDepth,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\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          // toast.error(data?.errors?.[0].message || t('error:unspecific'))\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}\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\n      className={baseClass}\n      gutter={true}\n      slug={drawerSlug}\n      title={t('version:selectVersionToCompare')}\n    >\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"],"names":["Drawer","LoadingOverlay","toast","useDocumentInfo","useEditDepth","useModal","useServerFunctions","useTranslation","useSearchParams","useCallback","useEffect","useId","useMemo","useRef","useState","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","VersionDrawer","className","gutter","slug","title","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","isDrawerOpen"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\nimport {\n  Drawer,\n  LoadingOverlay,\n  toast,\n  useDocumentInfo,\n  useEditDepth,\n  useModal,\n  useServerFunctions,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\n\nimport './index.scss'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\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          // toast.error(data?.errors?.[0].message || t('error:unspecific'))\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}\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\n      className={baseClass}\n      gutter={true}\n      slug={drawerSlug}\n      title={t('version:selectVersionToCompare')}\n    >\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"],"names":["Drawer","LoadingOverlay","toast","useDocumentInfo","useEditDepth","useModal","useServerFunctions","useTranslation","useSearchParams","React","useCallback","useEffect","useId","useMemo","useRef","useState","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","VersionDrawer","className","gutter","slug","title","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","isDrawerOpen"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldBaseClass, ReactSelect, useTranslation } from '@payloadcms/ui';
-import { memo, useCallback, useMemo } from 'react';
+import React, { memo, useCallback, useMemo } from 'react';
 import './index.scss';
 import { useVersionDrawer } from './VersionDrawer/index.js';
 const baseClass = 'compare-version';
-export const SelectComparison = memo((props)=>{
+export const SelectComparison = /*#__PURE__*/ memo((props)=>{
     const { collectionSlug, docID, globalSlug, onChange: onChangeFromProps, versionFromID, versionFromOptions } = props;
     const { t } = useTranslation();
     const { Drawer, openDrawer } = useVersionDrawer({
@@ -16,7 +17,14 @@ export const SelectComparison = memo((props)=>{
         return [
             ...versionFromOptions,
             {
-                label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,
+                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'
             }
         ];
@@ -38,13 +46,35 @@ export const SelectComparison = memo((props)=>{
         onChangeFromProps,
         openDrawer
     ]);
-    return <div className={[
-        fieldBaseClass,
-        baseClass
-    ].filter(Boolean).join(' ')}>
-      <ReactSelect isClearable={false} isSearchable={false} onChange={onChange} options={options} placeholder={t('version:selectVersionToCompare')} value={currentOption}/>
-      <Drawer/>
-    </div>;
+    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,"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","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,SAAgBC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ,QAAO;AAIzD,OAAO,eAAc;AAIrB,SAASC,gBAAgB,QAAQ,2BAA0B;AAE3D,MAAMC,YAAY;AAElB,OAAO,MAAMC,mBAAoCL,KAAK,CAACM;IACrD,MAAM,EACJC,cAAc,EACdC,KAAK,EACLC,UAAU,EACVC,UAAUC,iBAAiB,EAC3BC,aAAa,EACbC,kBAAkB,EACnB,GAAGP;IACJ,MAAM,EAAEQ,CAAC,EAAE,GAAGf;IAEd,MAAM,EAAEgB,MAAM,EAAEC,UAAU,EAAE,GAAGb,iBAAiB;QAAEI;QAAgBC;QAAOC;IAAW;IAEpF,MAAMQ,UAAUf,QAAQ;QACtB,OAAO;eACFW;YACH;gBACEK,QAAQC,KAAKC,WAAW,GAAGhB,UAAU,aAAa,CAAC,GAAGU,EAAE,0BAA0BK;gBAClFE,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,QACGU,IAAIN,WAAW;QAACvB;QAAgBO;KAAU,CAACuB,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MACrE,CAAC/B,YACCgC,aAAa,OACbC,cAAc,OACdrB,UAAUA,UACVO,SAASA,SACTe,aAAalB,EAAE,mCACfO,OAAOC,gBACP;MACF,CAACP,QAAS;IACZ,EAAEW;AAEN,GAAE"}
+{"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/SelectLocales/index.js

@@ -1,25 +1,41 @@
 'use client';
+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 <AnimateHeight className={baseClass} height={localeSelectorOpen ? 'auto' : 0} id={`${baseClass}-locales`}>
-      <PillSelector onClick={({ pill })=>{
-        const newLocales = locales.map((locale)=>{
-            if (locale.name === pill.name) {
-                return {
-                    ...locale,
-                    selected: !pill.selected
-                };
-            } else {
-                return locale;
-            }
-        });
-        onChange({
-            locales: newLocales
-        });
-    }} pills={locales}/>
-    </AnimateHeight>;
+    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,"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport { AnimateHeight } from '@payloadcms/ui'\nimport { PillSelector, type SelectablePill } from '@payloadcms/ui'\nimport React from 'react'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  localeSelectorOpen: boolean\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, localeSelectorOpen, onChange }) => {\n  return (\n    <AnimateHeight\n      className={baseClass}\n      height={localeSelectorOpen ? 'auto' : 0}\n      id={`${baseClass}-locales`}\n    >\n      <PillSelector\n        onClick={({ pill }) => {\n          const newLocales = locales.map((locale) => {\n            if (locale.name === pill.name) {\n              return {\n                ...locale,\n                selected: !pill.selected,\n              }\n            } else {\n              return locale\n            }\n          })\n          onChange({ locales: newLocales })\n        }}\n        pills={locales}\n      />\n    </AnimateHeight>\n  )\n}\n"],"names":["AnimateHeight","PillSelector","baseClass","SelectLocales","locales","localeSelectorOpen","onChange","className","height","id","onClick","pill","newLocales","map","locale","name","selected","pills"],"mappings":"AAAA;AAEA,SAASA,aAAa,QAAQ,iBAAgB;AAC9C,SAASC,YAAY,QAA6B,iBAAgB;AAGlE,MAAMC,YAAY;AASlB,OAAO,MAAMC,gBAAiC,CAAC,EAAEC,OAAO,EAAEC,kBAAkB,EAAEC,QAAQ,EAAE;IACtF,QACGN,cACCO,WAAWL,WACXM,QAAQH,qBAAqB,SAAS,GACtCI,IAAI,GAAGP,UAAU,QAAQ,CAAC,EAC3B;MACC,CAACD,aACCS,SAAS,CAAC,EAAEC,IAAI,EAAE;QAChB,MAAMC,aAAaR,QAAQS,GAAG,CAAC,CAACC;YAC9B,IAAIA,OAAOC,IAAI,KAAKJ,KAAKI,IAAI,EAAE;gBAC7B,OAAO;oBACL,GAAGD,MAAM;oBACTE,UAAU,CAACL,KAAKK,QAAQ;gBAC1B;YACF,OAAO;gBACL,OAAOF;YACT;QACF;QACAR,SAAS;YAAEF,SAASQ;QAAW;IACjC,GACAK,OAAOb,UACP;IACJ,EAAEJ;AAEN,EAAC"}
+{"version":3,"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,4 +1,5 @@
 'use client';
+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';
@@ -6,9 +7,15 @@ import './index.scss';
 import { getVersionLabel } from './getVersionLabel.js';
 const baseClass = 'version-pill-label';
 const renderPill = (label, pillStyle)=>{
-    return <Pill pillStyle={pillStyle} size="small">
-      {label}
-    </Pill>;
+    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 = /**
    * By default, the date is displayed first, followed by the version label.
@@ -24,10 +31,16 @@ export const VersionPillLabel = /**
         t,
         version: doc
     });
-    const labelText = <span>
-      {labelOverride || label}
-      {labelSuffix}
-    </span>;
+    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,
@@ -37,16 +50,70 @@ export const VersionPillLabel = /**
     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 localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null;
-    return <div className={baseClass}>
-      {labelFirst ? <React.Fragment>
-          {labelStyle === 'pill' ? renderPill(labelText, pillStyle) : <span className={`${baseClass}-text`}>{labelText}</span>}
-          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}
-        </React.Fragment> : <React.Fragment>
-          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}
-          {labelStyle === 'pill' ? renderPill(labelText, pillStyle) : <span className={`${baseClass}-text`}>{labelText}</span>}
-        </React.Fragment>}
-      {localeLabel && <Pill size="small">{localeLabel}</Pill>}
-    </div>;
+    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,"sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport { Pill, useConfig, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst renderPill = (label: React.ReactNode, pillStyle: Parameters<typeof Pill>[0]['pillStyle']) => {\n  return (\n    <Pill pillStyle={pillStyle} size=\"small\">\n      {label}\n    </Pill>\n  )\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n  disableDate?: boolean\n\n  doc: {\n    [key: string]: unknown\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: string\n    }\n  }\n  /**\n   * By default, the date is displayed first, followed by the version label.\n   * @default false\n   */\n  labelFirst?: boolean\n  labelOverride?: React.ReactNode\n  /**\n   * @default 'pill'\n   */\n  labelStyle?: 'pill' | 'text'\n  labelSuffix?: React.ReactNode\n  latestDraftVersion?: {\n    id: number | string\n    updatedAt: string\n  }\n}> = ({\n  currentlyPublishedVersion,\n  disableDate = false,\n  doc,\n  labelFirst = false,\n  labelOverride,\n  labelStyle = 'pill',\n  labelSuffix,\n  latestDraftVersion,\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      localization,\n    },\n  } = useConfig()\n  const { i18n, t } = useTranslation()\n\n  const { label, pillStyle } = getVersionLabel({\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"names":["Pill","useConfig","useTranslation","formatDate","React","getVersionLabel","baseClass","renderPill","label","pillStyle","size","VersionPillLabel","currentlyPublishedVersion","disableDate","doc","labelFirst","labelOverride","labelStyle","labelSuffix","latestDraftVersion","config","admin","dateFormat","localization","i18n","t","version","labelText","span","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","code","localeLabel","language","div","className","Fragment"],"mappings":"AAAA;AAEA,SAASA,IAAI,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAChE,SAASC,UAAU,QAAQ,wBAAuB;AAClD,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,eAAe,QAAQ,uBAAsB;AAEtD,MAAMC,YAAY;AAElB,MAAMC,aAAa,CAACC,OAAwBC;IAC1C,QACGT,KAAKS,WAAWA,WAAWC,KAAK,QAAQ;MACvC,CAACF,MAAM;IACT,EAAER;AAEN;AAEA,OAAO,MAAMW,mBAiBX;;;GAGC,GAGD;;GAEC,GAOE,CAAC,EACJC,yBAAyB,EACzBC,cAAc,KAAK,EACnBC,GAAG,EACHC,aAAa,KAAK,EAClBC,aAAa,EACbC,aAAa,MAAM,EACnBC,WAAW,EACXC,kBAAkB,EACnB;IACC,MAAM,EACJC,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACrBC,YAAY,EACb,EACF,GAAGtB;IACJ,MAAM,EAAEuB,IAAI,EAAEC,CAAC,EAAE,GAAGvB;IAEpB,MAAM,EAAEM,KAAK,EAAEC,SAAS,EAAE,GAAGJ,gBAAgB;QAC3CO;QACAO;QACAM;QACAC,SAASZ;IACX;IACA,MAAMa,aACHC,KAAK;MACJ,CAACZ,iBAAiBR,MAAM;MACxB,CAACU,YAAY;IACf,EAAEU;IAGJ,MAAMC,WAAW,CAAChB,eAAeC,IAAIgB,SAAS;IAC9C,MAAMC,gBAAgBF,WAClB1B,WAAW;QAAE6B,MAAMlB,IAAIgB,SAAS;QAAEN;QAAMS,SAASX;IAAW,KAC5D;IAEJ,MAAMY,aAAaC,MAAMC,OAAO,CAACtB,IAAIuB,eAAe,IAChDvB,IAAIuB,eAAe,CAAC,EAAE,GACtBvB,IAAIuB,eAAe;IAEvB,MAAMC,SACJf,gBAAgBA,cAAcgB,UAC1BhB,aAAagB,OAAO,CAACC,IAAI,CAAC,CAACC,MAAQA,IAAIC,IAAI,KAAKR,cAChD;IACN,MAAMS,cAAcL,SAASA,QAAQ9B,OAAO,CAACgB,MAAMoB,SAAS,IAAIN,QAAQ9B,QAAQ;IAEhF,QACGqC,IAAIC,WAAWxC,WAAW;MACzB,CAACS,cACEX,MAAM2C,SAAS;UACd,CAAC9B,eAAe,SACdV,WAAWoB,WAAWlB,cAErBmB,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGqB,YAAYC,MACnD;UACF,CAACC,aAAaD,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGyB,gBAAgBH,MAAM;QAC5E,EAAExB,MAAM2C,aAEP3C,MAAM2C,SAAS;UACd,CAAClB,aAAaD,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGyB,gBAAgBH,MAAM;UAC1E,CAACX,eAAe,SACdV,WAAWoB,WAAWlB,cAErBmB,KAAKkB,WAAW,GAAGxC,UAAU,KAAK,CAAC,GAAGqB,YAAYC,MACnD;QACJ,EAAExB,MAAM2C,UACR;MACF,CAACJ,gBAAgB3C,KAAKU,KAAK,SAASiC,cAAc3C,MAAM;IAC1D,EAAE6C;AAEN,EAAC"}
+{"version":3,"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/index.js

@@ -1,3 +1,4 @@
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { formatDate } from '@payloadcms/ui/shared';
 import { getClientConfig } from '@payloadcms/ui/utilities/getClientConfig';
 import { getClientSchemaMap } from '@payloadcms/ui/utilities/getClientSchemaMap';
@@ -200,7 +201,19 @@ export async function VersionView(props) {
         pattern: config.admin.dateFormat
     }) : '';
     const formatPill = ({ doc, labelOverride, labelStyle, labelSuffix })=>{
-        return <VersionPillLabel currentlyPublishedVersion={currentlyPublishedVersion} doc={doc} key={doc.id} labelFirst={true} labelOverride={labelOverride} labelStyle={labelStyle ?? 'text'} labelSuffix={labelSuffix} latestDraftVersion={latestDraftVersion}/>;
+        return /*#__PURE__*/ _jsxDEV(VersionPillLabel, {
+            currentlyPublishedVersion: currentlyPublishedVersion,
+            doc: doc,
+            labelFirst: true,
+            labelOverride: labelOverride,
+            labelStyle: labelStyle ?? 'text',
+            labelSuffix: labelSuffix,
+            latestDraftVersion: latestDraftVersion
+        }, doc.id, false, {
+            fileName: "src/views/Version/index.tsx",
+            lineNumber: 278,
+            columnNumber: 7
+        }, this);
     };
     // SelectComparison Options:
     //
@@ -275,22 +288,34 @@ export async function VersionView(props) {
         }
         const otherOptionsWithSameID = versionFromOptions.filter((existingOption)=>existingOption.value === option.value && existingOption !== option);
         // Merge options with same ID to the same option
-        const labelSuffix = otherOptionsWithSameID?.length ? <span key={`${option.value}-suffix`}>
-        {' ('}
-        {otherOptionsWithSameID.map((optionWithSameID, index)=>{
-            const label = optionWithSameID.labelOverride || getVersionLabel({
-                currentlyPublishedVersion,
-                latestDraftVersion,
-                t: i18n.t,
-                version: optionWithSameID.doc
-            }).label;
-            return <React.Fragment key={`${optionWithSameID.value}-${index}`}>
-              {index > 0 ? ', ' : ''}
-              {label}
-            </React.Fragment>;
-        })}
-        {')'}
-      </span> : undefined;
+        const labelSuffix = otherOptionsWithSameID?.length ? /*#__PURE__*/ _jsxDEV("span", {
+            children: [
+                ' (',
+                otherOptionsWithSameID.map((optionWithSameID, index)=>{
+                    const label = optionWithSameID.labelOverride || getVersionLabel({
+                        currentlyPublishedVersion,
+                        latestDraftVersion,
+                        t: i18n.t,
+                        version: optionWithSameID.doc
+                    }).label;
+                    return /*#__PURE__*/ _jsxDEV(React.Fragment, {
+                        children: [
+                            index > 0 ? ', ' : '',
+                            label
+                        ]
+                    }, `${optionWithSameID.value}-${index}`, true, {
+                        fileName: "src/views/Version/index.tsx",
+                        lineNumber: 403,
+                        columnNumber: 13
+                    }, this);
+                }),
+                ')'
+            ]
+        }, `${option.value}-suffix`, true, {
+            fileName: "src/views/Version/index.tsx",
+            lineNumber: 390,
+            columnNumber: 7
+        }, this) : undefined;
         versionFromComparisonOptions.push({
             label: formatPill({
                 doc: option.doc,
@@ -300,10 +325,27 @@ export async function VersionView(props) {
             value: option.value
         });
     }
-    return <DefaultVersionView canUpdate={docPermissions?.update} modifiedOnly={modifiedOnly} RenderedDiff={RenderedDiff} selectedLocales={selectedLocales} versionFromCreatedAt={versionFrom?.createdAt} versionFromID={versionFrom?.id} versionFromOptions={versionFromComparisonOptions} versionToCreatedAt={versionTo.createdAt} versionToCreatedAtFormatted={versionToCreatedAtFormatted} VersionToCreatedAtLabel={formatPill({
-        doc: versionTo,
-        labelStyle: 'pill'
-    })} versionToID={versionTo.id} versionToStatus={versionTo.version?._status}/>;
+    return /*#__PURE__*/ _jsxDEV(DefaultVersionView, {
+        canUpdate: docPermissions?.update,
+        modifiedOnly: modifiedOnly,
+        RenderedDiff: RenderedDiff,
+        selectedLocales: selectedLocales,
+        versionFromCreatedAt: versionFrom?.createdAt,
+        versionFromID: versionFrom?.id,
+        versionFromOptions: versionFromComparisonOptions,
+        versionToCreatedAt: versionTo.createdAt,
+        versionToCreatedAtFormatted: versionToCreatedAtFormatted,
+        VersionToCreatedAtLabel: formatPill({
+            doc: versionTo,
+            labelStyle: 'pill'
+        }),
+        versionToID: versionTo.id,
+        versionToStatus: versionTo.version?._status
+    }, void 0, false, {
+        fileName: "src/views/Version/index.tsx",
+        lineNumber: 424,
+        columnNumber: 5
+    }, this);
 }
 
 //# sourceMappingURL=index.js.map