@payloadcms/next 4.0.0-internal.38b7f1d → 4.0.0-internal.5f0cd13

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","Button","ConfirmationModal","PopupList","toast","useConfig","useModal","useRouteTransition","useTranslation","requests","useRouter","formatAdminURL","React","Fragment","useCallback","useState","baseClass","modalSlug","Restore","className","collectionConfig","globalConfig","label","originalDocID","status","versionDateFormatted","versionID","config","routes","admin","adminRoute","api","apiRoute","toggleModal","router","i18n","t","draft","setDraft","startRouteTransition","restoreMessage","versionDate","canRestoreAsDraft","versions","drafts","handleRestore","fetchURL","path","redirectURL","slug","res","post","headers","language","json","success","message","push","error","_jsxs","_jsx","filter","Boolean","join","buttonStyle","onClick","size","SubMenuPopupContent","ButtonGroup","body","confirmingLabel","heading","onConfirm"],"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ConfirmationModal,\n  PopupList,\n  toast,\n  useConfig,\n  useModal,\n  useRouteTransition,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\n\nimport './index.scss'\n\nimport React, { Fragment, useCallback, useState } from 'react'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\ntype Props = {\n  className?: string\n  collectionConfig?: ClientCollectionConfig\n  globalConfig?: ClientGlobalConfig\n  label: SanitizedCollectionConfig['labels']['singular']\n  originalDocID: number | string\n  status?: string\n  versionDateFormatted: string\n  versionID: string\n}\n\nexport const Restore: React.FC<Props> = ({\n  className,\n  collectionConfig,\n  globalConfig,\n  label,\n  originalDocID,\n  status,\n  versionDateFormatted,\n  versionID,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n    },\n  } = useConfig()\n\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n  const { startRouteTransition } = useRouteTransition()\n\n  const restoreMessage = t(\n    globalConfig ? 'version:aboutToRestoreGlobal' : 'version:aboutToRestore',\n    {\n      label: getTranslation(label, i18n),\n      versionDate: versionDateFormatted,\n    },\n  )\n\n  const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n  const handleRestore = useCallback(async () => {\n    let fetchURL = formatAdminURL({\n      apiRoute,\n      path: '',\n    })\n    let redirectURL: string\n\n    if (collectionConfig) {\n      fetchURL = `${fetchURL}/${collectionConfig.slug}/versions/${versionID}?draft=${draft}`\n      redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionConfig.slug}/${originalDocID}`,\n      })\n    }\n\n    if (globalConfig) {\n      fetchURL = `${fetchURL}/globals/${globalConfig.slug}/versions/${versionID}?draft=${draft}`\n      redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/globals/${globalConfig.slug}`,\n      })\n    }\n\n    const res = await requests.post(fetchURL, {\n      headers: {\n        'Accept-Language': i18n.language,\n      },\n    })\n\n    if (res.status === 200) {\n      const json = await res.json()\n      toast.success(json.message)\n      return startRouteTransition(() => router.push(redirectURL))\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [\n    apiRoute,\n    collectionConfig,\n    globalConfig,\n    i18n.language,\n    versionID,\n    draft,\n    adminRoute,\n    originalDocID,\n    startRouteTransition,\n    router,\n    t,\n  ])\n\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Button\n          buttonStyle=\"primary\"\n          className={[canRestoreAsDraft && `${baseClass}__restore-as-draft-button`]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n          size=\"medium\"\n          SubMenuPopupContent={\n            canRestoreAsDraft\n              ? () => (\n                  <PopupList.ButtonGroup>\n                    <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                      {t('version:restoreAsDraft')}\n                    </PopupList.Button>\n                  </PopupList.ButtonGroup>\n                )\n              : null\n          }\n        >\n          {t('version:restoreThisVersion')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={restoreMessage}\n        confirmingLabel={t('version:restoring')}\n        heading={t('version:confirmVersionRestoration')}\n        modalSlug={modalSlug}\n        onConfirm={handleRestore}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","Button","ConfirmationModal","PopupList","toast","useConfig","useModal","useRouteTransition","useTranslation","requests","useRouter","formatAdminURL","React","Fragment","useCallback","useState","baseClass","modalSlug","Restore","className","collectionConfig","globalConfig","label","originalDocID","status","versionDateFormatted","versionID","config","routes","admin","adminRoute","api","apiRoute","toggleModal","router","i18n","t","draft","setDraft","startRouteTransition","restoreMessage","versionDate","canRestoreAsDraft","versions","drafts","handleRestore","fetchURL","path","redirectURL","slug","res","post","headers","language","json","success","message","push","error","_jsxs","_jsx","filter","Boolean","join","buttonStyle","onClick","popupIconSize","size","SubMenuPopupContent","ButtonGroup","body","confirmingLabel","heading","onConfirm"],"sources":["../../../../src/views/Version/Restore/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientGlobalConfig, SanitizedCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  Button,\n  ConfirmationModal,\n  PopupList,\n  toast,\n  useConfig,\n  useModal,\n  useRouteTransition,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { requests } from '@payloadcms/ui/shared'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\n\nimport './index.css'\n\nimport React, { Fragment, useCallback, useState } from 'react'\n\nconst baseClass = 'restore-version'\nconst modalSlug = 'restore-version'\n\ntype Props = {\n  className?: string\n  collectionConfig?: ClientCollectionConfig\n  globalConfig?: ClientGlobalConfig\n  label: SanitizedCollectionConfig['labels']['singular']\n  originalDocID: number | string\n  status?: string\n  versionDateFormatted: string\n  versionID: string\n}\n\nexport const Restore: React.FC<Props> = ({\n  className,\n  collectionConfig,\n  globalConfig,\n  label,\n  originalDocID,\n  status,\n  versionDateFormatted,\n  versionID,\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute, api: apiRoute },\n    },\n  } = useConfig()\n\n  const { toggleModal } = useModal()\n  const router = useRouter()\n  const { i18n, t } = useTranslation()\n  const [draft, setDraft] = useState(false)\n  const { startRouteTransition } = useRouteTransition()\n\n  const restoreMessage = t(\n    globalConfig ? 'version:aboutToRestoreGlobal' : 'version:aboutToRestore',\n    {\n      label: getTranslation(label, i18n),\n      versionDate: versionDateFormatted,\n    },\n  )\n\n  const canRestoreAsDraft = status !== 'draft' && collectionConfig?.versions?.drafts\n\n  const handleRestore = useCallback(async () => {\n    let fetchURL = formatAdminURL({\n      apiRoute,\n      path: '',\n    })\n    let redirectURL: string\n\n    if (collectionConfig) {\n      fetchURL = `${fetchURL}/${collectionConfig.slug}/versions/${versionID}?draft=${draft}`\n      redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionConfig.slug}/${originalDocID}`,\n      })\n    }\n\n    if (globalConfig) {\n      fetchURL = `${fetchURL}/globals/${globalConfig.slug}/versions/${versionID}?draft=${draft}`\n      redirectURL = formatAdminURL({\n        adminRoute,\n        path: `/globals/${globalConfig.slug}`,\n      })\n    }\n\n    const res = await requests.post(fetchURL, {\n      headers: {\n        'Accept-Language': i18n.language,\n      },\n    })\n\n    if (res.status === 200) {\n      const json = await res.json()\n      toast.success(json.message)\n      return startRouteTransition(() => router.push(redirectURL))\n    } else {\n      toast.error(t('version:problemRestoringVersion'))\n    }\n  }, [\n    apiRoute,\n    collectionConfig,\n    globalConfig,\n    i18n.language,\n    versionID,\n    draft,\n    adminRoute,\n    originalDocID,\n    startRouteTransition,\n    router,\n    t,\n  ])\n\n  return (\n    <Fragment>\n      <div className={[baseClass, className].filter(Boolean).join(' ')}>\n        <Button\n          buttonStyle=\"ghost\"\n          className={[canRestoreAsDraft && `${baseClass}__restore-as-draft-button`]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={() => toggleModal(modalSlug)}\n          popupIconSize={16}\n          size=\"medium\"\n          SubMenuPopupContent={\n            canRestoreAsDraft\n              ? () => (\n                  <PopupList.ButtonGroup>\n                    <PopupList.Button onClick={() => [setDraft(true), toggleModal(modalSlug)]}>\n                      {t('version:restoreAsDraft')}\n                    </PopupList.Button>\n                  </PopupList.ButtonGroup>\n                )\n              : null\n          }\n        >\n          {t('general:restore')}\n        </Button>\n      </div>\n      <ConfirmationModal\n        body={restoreMessage}\n        confirmingLabel={t('version:restoring')}\n        heading={t('version:confirmVersionRestoration')}\n        modalSlug={modalSlug}\n        onConfirm={handleRestore}\n      />\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"names":[],"mappings":"AAaA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAmE,MAAM,OAAO,CAAA;AAEvF,eAAO,MAAM,SAAS,mBAAmB,CAAA;AACzC,eAAO,MAAM,uBAAuB,qBAGjC;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,CAmFA,CAAA;AACD,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,CAmBA,CAAA;AAED,eAAO,MAAM,gBAAgB,2CAI1B;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;;;;;;;;CAkDA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"names":[],"mappings":"AAaA,OAAO,cAAc,CAAA;AAErB,OAAO,KAAmE,MAAM,OAAO,CAAA;AAEvF,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,CAmFA,CAAA;AACD,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

@@ -94,7 +94,6 @@ export const VersionDrawer = props => {
   if ($[0] !== collectionSlug || $[1] !== docID || $[2] !== drawerSlug || $[3] !== globalSlug || $[4] !== t) {
     t0 = _jsx(Drawer, {
       className: baseClass,
-      gutter: true,
       slug: drawerSlug,
       title: t("version:selectVersionToCompare"),
       children: _jsx(VersionDrawerContent, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","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","_jsx","VersionDrawer","$","t0","className","gutter","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'\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","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","_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'\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 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/VersionPillLabel/VersionPillLabel.d.ts

@@ -1,6 +1,6 @@
 import type { TypeWithVersion } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const VersionPillLabel: React.FC<{
     currentlyPublishedVersion?: TypeWithVersion<any>;
     disableDate?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"VersionPillLabel.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAarB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,GAAG,EAAE;QACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;QACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,EAAE;YACP,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;YACtB,OAAO,EAAE,OAAO,GAAG,WAAW,CAAA;YAC9B,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;KACF,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,CAwEA,CAAA"}
+{"version":3,"file":"VersionPillLabel.d.ts","sourceRoot":"","sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAI9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAkBpB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,GAAG,EAAE;QACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;QACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,EAAE;YACP,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;YACtB,OAAO,EAAE,OAAO,GAAG,WAAW,CAAA;YAC9B,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;KACF,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,CAwEA,CAAA"}

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

@@ -7,10 +7,17 @@ import { formatDate } from '@payloadcms/ui/shared';
 import React from 'react';
 import { getVersionLabel } from './getVersionLabel.js';
 const baseClass = 'version-pill-label';
-const renderPill = (label, pillStyle) => {
-  return /*#__PURE__*/_jsx(Pill, {
-    pillStyle: pillStyle,
-    size: "small",
+const statusModifierMap = {
+  currentDraft: 'draft',
+  currentlyPublished: 'published',
+  draft: 'draft',
+  previouslyPublished: 'previously-published',
+  published: 'published'
+};
+const renderStatus = (label, name) => {
+  const modifier = statusModifierMap[name] || 'draft';
+  return /*#__PURE__*/_jsx("span", {
+    className: `status-cell status-cell--${modifier}`,
     children: label
   });
 };
@@ -49,8 +56,8 @@ export const VersionPillLabel = t0 => {
   let t6;
   if ($[0] !== currentLocale || $[1] !== currentlyPublishedVersion || $[2] !== dateFormat || $[3] !== disableDate || $[4] !== doc || $[5] !== i18n || $[6] !== labelFirst || $[7] !== labelOverride || $[8] !== labelStyle || $[9] !== labelSuffix || $[10] !== latestDraftVersion || $[11] !== localization || $[12] !== t) {
     const {
-      label,
-      pillStyle
+      name,
+      label
     } = getVersionLabel({
       currentLocale,
       currentlyPublishedVersion,
@@ -73,7 +80,7 @@ export const VersionPillLabel = t0 => {
     t6 = _jsxs("div", {
       className: baseClass,
       children: [labelFirst ? _jsxs(React.Fragment, {
-        children: [labelStyle === "pill" ? renderPill(labelText, pillStyle) : _jsx("span", {
+        children: [labelStyle === "pill" ? renderStatus(labelText, name) : _jsx("span", {
           className: `${baseClass}-text`,
           children: labelText
         }), showDate && _jsx("span", {
@@ -84,7 +91,7 @@ export const VersionPillLabel = t0 => {
         children: [showDate && _jsx("span", {
           className: `${baseClass}-date`,
           children: formattedDate
-        }), labelStyle === "pill" ? renderPill(labelText, pillStyle) : _jsx("span", {
+        }), labelStyle === "pill" ? renderStatus(labelText, name) : _jsx("span", {
           className: `${baseClass}-text`,
           children: labelText
         })]

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

@@ -1 +1 @@
-{"version":3,"file":"VersionPillLabel.js","names":["c","_c","Pill","useConfig","useLocale","useTranslation","formatDate","React","getVersionLabel","baseClass","renderPill","label","pillStyle","_jsx","size","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","code","currentLocale","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","className","Fragment"],"sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport { Pill, useConfig, useLocale, 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?: TypeWithVersion<any>\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: 'draft' | 'published'\n      updatedAt: 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?: TypeWithVersion<any>\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  const { code: currentLocale } = useLocale()\n\n  const { label, pillStyle } = getVersionLabel({\n    currentLocale,\n    currentlyPublishedVersion,\n    latestDraftVersion,\n    t,\n    version: doc,\n  })\n  const labelText: React.ReactNode = (\n    <span>\n      {labelOverride || label}\n      {labelSuffix}\n    </span>\n  )\n\n  const showDate = !disableDate && doc.updatedAt\n  const formattedDate = showDate\n    ? formatDate({ date: doc.updatedAt, i18n, pattern: dateFormat })\n    : null\n\n  const localeCode = Array.isArray(doc.publishedLocale)\n    ? doc.publishedLocale[0]\n    : doc.publishedLocale\n\n  const locale =\n    localization && localization?.locales\n      ? localization.locales.find((loc) => loc.code === localeCode)\n      : null\n  const localeLabel = locale ? locale?.label?.[i18n?.language] || locale?.label : null\n\n  return (\n    <div className={baseClass}>\n      {labelFirst ? (\n        <React.Fragment>\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          {showDate && <span className={`${baseClass}-date`}>{formattedDate}</span>}\n          {labelStyle === 'pill' ? (\n            renderPill(labelText, pillStyle)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VersionPillLabel.js","names":["c","_c","Pill","useConfig","useLocale","useTranslation","formatDate","React","getVersionLabel","baseClass","statusModifierMap","currentDraft","currentlyPublished","draft","previouslyPublished","published","renderStatus","label","name","modifier","_jsx","className","VersionPillLabel","t0","$","currentlyPublishedVersion","disableDate","t1","doc","labelFirst","t2","labelOverride","labelStyle","t3","labelSuffix","latestDraftVersion","undefined","config","t4","admin","t5","localization","dateFormat","i18n","t","code","currentLocale","t6","version","labelText","_jsxs","children","showDate","updatedAt","formattedDate","date","pattern","localeCode","Array","isArray","publishedLocale","locale","locales","find","loc","localeLabel","language","Fragment","size"],"sources":["../../../../src/views/Version/VersionPillLabel/VersionPillLabel.tsx"],"sourcesContent":["'use client'\n\nimport type { TypeWithVersion } from 'payload'\n\nimport { Pill, useConfig, useLocale, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport React from 'react'\n\nimport './index.css'\nimport { getVersionLabel } from './getVersionLabel.js'\n\nconst baseClass = 'version-pill-label'\n\nconst statusModifierMap: Record<string, string> = {\n  currentDraft: 'draft',\n  currentlyPublished: 'published',\n  draft: 'draft',\n  previouslyPublished: 'previously-published',\n  published: 'published',\n}\n\nconst renderStatus = (label: React.ReactNode, name: string) => {\n  const modifier = statusModifierMap[name] || 'draft'\n  return <span className={`status-cell status-cell--${modifier}`}>{label}</span>\n}\n\nexport const VersionPillLabel: React.FC<{\n  currentlyPublishedVersion?: TypeWithVersion<any>\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: 'draft' | 'published'\n      updatedAt: 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?: TypeWithVersion<any>\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  const { code: currentLocale } = useLocale()\n\n  const { name, label } = getVersionLabel({\n    currentLocale,\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            renderStatus(labelText, name)\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            renderStatus(labelText, name)\n          ) : (\n            <span className={`${baseClass}-text`}>{labelText}</span>\n          )}\n        </React.Fragment>\n      )}\n      {localeLabel && <Pill size=\"small\">{localeLabel}</Pill>}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/Version/VersionPillLabel/index.css

@@ -0,0 +1,31 @@
+@layer payload-default {
+  .version-pill-label {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .version-pill-label-text {
+    font-weight: var(--text-body-medium-strong-font-weight);
+  }
+
+  .version-pill-label-date {
+    overflow: hidden;
+    color: var(--color-text-secondary);
+    text-overflow: ellipsis;
+    font-family: var(--text-body-medium-font-family);
+    font-size: var(--text-body-medium-font-size);
+    font-style: normal;
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-body-medium-letter-spacing);
+  }
+
+  @media (max-width: 768px) {
+    .version-pill-label {
+      flex-direction: row;
+      align-items: center;
+      gap: var(--spacer-2);
+    }
+  }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"fetchVersions.d.ts","sourceRoot":"","sources":["../../../src/views/Version/fetchVersions.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,IAAI,EACT,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,KAAK,EACX,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,GAAU,YAAY,SAAS,MAAM,kGAU3D;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,KAAG,OAAO,CAAC,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CA6B/C,CAAA;AAED,eAAO,MAAM,aAAa,GAAU,YAAY,SAAS,MAAM,wJAe5D;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,KAAG,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CA8C9D,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAU,YAAY,SAAS,MAAM,uHAYjE;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,MAAM,EAAE,OAAO,GAAG,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,KAAG,OAAO,CAAC,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAyC/C,CAAA"}
+{"version":3,"file":"fetchVersions.d.ts","sourceRoot":"","sources":["../../../src/views/Version/fetchVersions.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,IAAI,EACT,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,KAAK,EACX,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,GAAU,YAAY,SAAS,MAAM,GAAG,MAAM,EAAE,uFAUtE;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,KAAG,OAAO,CAAC,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CA6B/C,CAAA;AAED,eAAO,MAAM,aAAa,GAAU,YAAY,SAAS,MAAM,GAAG,MAAM,EAAE,6IAevE;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,KAAG,OAAO,CAAC,IAAI,GAAG,aAAa,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CA8C9D,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAU,YAAY,SAAS,MAAM,GAAG,MAAM,EAAE,4GAY5E;IACD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,GAAG,EAAE,cAAc,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,MAAM,EAAE,OAAO,GAAG,WAAW,CAAA;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,KAAG,OAAO,CAAC,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAyC/C,CAAA"}

package/dist/views/Versions/buildColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildColumns.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/buildColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,yBAAyB,EACzB,qBAAqB,EACrB,eAAe,EAChB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAGnF,eAAO,MAAM,mBAAmB,mJAU7B;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC/D,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,KAAG,MAAM,EAmET,CAAA"}
+{"version":3,"file":"buildColumns.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/buildColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,yBAAyB,EACzB,qBAAqB,EACrB,eAAe,EAChB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAGnF,eAAO,MAAM,mBAAmB,GAAI,gJAUjC;IACD,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAA;IAC/D,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,YAAY,CAAC,EAAE,qBAAqB,CAAA;IACpC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,KAAG,MAAM,EAqET,CAAA"}

package/dist/views/Versions/buildColumns.js

@@ -31,6 +31,7 @@ export const buildVersionColumns = ({
       Label: t('general:updatedAt'),
       name: "updatedAt"
     }),
+    isLinkedColumn: true,
     renderedCells: docs.map((doc, i) => {
       return /*#__PURE__*/_jsx(CreatedAtCellComponent, {
         collectionSlug: collectionConfig?.slug,
@@ -43,23 +44,6 @@ export const buildVersionColumns = ({
         }
       }, i);
     })
-  }, {
-    accessor: 'id',
-    active: true,
-    field: {
-      name: '',
-      type: 'text'
-    },
-    Heading: /*#__PURE__*/_jsx(SortColumn, {
-      disable: true,
-      Label: t('version:versionID'),
-      name: "id"
-    }),
-    renderedCells: docs.map((doc, i) => {
-      return /*#__PURE__*/_jsx(IDCell, {
-        id: doc.id
-      }, i);
-    })
   }];
   if (hasDraftsEnabled(entityConfig)) {
     columns.push({
@@ -70,7 +54,6 @@ export const buildVersionColumns = ({
         type: 'checkbox'
       },
       Heading: /*#__PURE__*/_jsx(SortColumn, {
-        disable: true,
         Label: t('version:status'),
         name: "status"
       }),
@@ -83,6 +66,23 @@ export const buildVersionColumns = ({
       })
     });
   }
+  columns.push({
+    accessor: 'id',
+    active: true,
+    field: {
+      name: '',
+      type: 'text'
+    },
+    Heading: /*#__PURE__*/_jsx(SortColumn, {
+      Label: t('version:versionID'),
+      name: "id"
+    }),
+    renderedCells: docs.map((doc, i) => {
+      return /*#__PURE__*/_jsx(IDCell, {
+        id: doc.id
+      }, i);
+    })
+  });
   return columns;
 };
 //# sourceMappingURL=buildColumns.js.map

package/dist/views/Versions/buildColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildColumns.js","names":["SortColumn","hasDraftsEnabled","React","AutosaveCell","CreatedAtCell","IDCell","buildVersionColumns","collectionConfig","CreatedAtCellOverride","currentlyPublishedVersion","docID","docs","globalConfig","i18n","t","isTrashed","latestDraftVersion","entityConfig","CreatedAtCellComponent","columns","accessor","active","field","name","type","Heading","_jsx","Label","renderedCells","map","doc","i","collectionSlug","slug","globalSlug","rowData","id","updatedAt","disable","push"],"sources":["../../../src/views/Versions/buildColumns.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Column,\n  PaginatedDocs,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  TypeWithVersion,\n} from 'payload'\n\nimport { SortColumn } from '@payloadcms/ui'\nimport { hasDraftsEnabled } from 'payload/shared'\nimport React from 'react'\n\nimport { AutosaveCell } from './cells/AutosaveCell/index.js'\nimport { CreatedAtCell, type CreatedAtCellProps } from './cells/CreatedAt/index.js'\nimport { IDCell } from './cells/ID/index.js'\n\nexport const buildVersionColumns = ({\n  collectionConfig,\n  CreatedAtCellOverride,\n  currentlyPublishedVersion,\n  docID,\n  docs,\n  globalConfig,\n  i18n: { t },\n  isTrashed,\n  latestDraftVersion,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  CreatedAtCellOverride?: React.ComponentType<CreatedAtCellProps>\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  docID?: number | string\n  docs: PaginatedDocs<TypeWithVersion<any>>['docs']\n  globalConfig?: SanitizedGlobalConfig\n  i18n: I18n\n  isTrashed?: boolean\n  latestDraftVersion?: TypeWithVersion<any>\n}): Column[] => {\n  const entityConfig = collectionConfig || globalConfig\n\n  const CreatedAtCellComponent = CreatedAtCellOverride ?? CreatedAtCell\n\n  const columns: Column[] = [\n    {\n      accessor: 'updatedAt',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <SortColumn Label={t('general:updatedAt')} name=\"updatedAt\" />,\n      renderedCells: docs.map((doc, i) => {\n        return (\n          <CreatedAtCellComponent\n            collectionSlug={collectionConfig?.slug}\n            docID={docID}\n            globalSlug={globalConfig?.slug}\n            isTrashed={isTrashed}\n            key={i}\n            rowData={{\n              id: doc.id,\n              updatedAt: doc.updatedAt,\n            }}\n          />\n        )\n      }),\n    },\n    {\n      accessor: 'id',\n      active: true,\n      field: {\n        name: '',\n        type: 'text',\n      },\n      Heading: <SortColumn disable Label={t('version:versionID')} name=\"id\" />,\n      renderedCells: docs.map((doc, i) => {\n        return <IDCell id={doc.id} key={i} />\n      }),\n    },\n  ]\n\n  if (hasDraftsEnabled(entityConfig)) {\n    columns.push({\n      accessor: '_status',\n      active: true,\n      field: {\n        name: '',\n        type: 'checkbox',\n      },\n      Heading: <SortColumn disable Label={t('version:status')} name=\"status\" />,\n      renderedCells: docs.map((doc, i) => {\n        return (\n          <AutosaveCell\n            currentlyPublishedVersion={currentlyPublishedVersion}\n            key={i}\n            latestDraftVersion={latestDraftVersion}\n            rowData={doc}\n          />\n        )\n      }),\n    })\n  }\n\n  return columns\n}\n"],"mappings":";AASA,SAASA,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAiC;AACvD,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,gBAAgB;EAChBC,qBAAqB;EACrBC,yBAAyB;EACzBC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAA,EAAM;IAAEC;EAAC,CAAE;EACXC,SAAS;EACTC;AAAkB,CAWnB;EACC,MAAMC,YAAA,GAAeV,gBAAA,IAAoBK,YAAA;EAEzC,MAAMM,sBAAA,GAAyBV,qBAAA,IAAyBJ,aAAA;EAExD,MAAMe,OAAA,GAAoB,CACxB;IACEC,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC1B,UAAA;MAAW2B,KAAA,EAAOb,CAAA,CAAE;MAAsBS,IAAA,EAAK;;IACzDK,aAAA,EAAejB,IAAA,CAAKkB,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;MAC5B,oBACEL,IAAA,CAACR,sBAAA;QACCc,cAAA,EAAgBzB,gBAAA,EAAkB0B,IAAA;QAClCvB,KAAA,EAAOA,KAAA;QACPwB,UAAA,EAAYtB,YAAA,EAAcqB,IAAA;QAC1BlB,SAAA,EAAWA,SAAA;QAEXoB,OAAA,EAAS;UACPC,EAAA,EAAIN,GAAA,CAAIM,EAAE;UACVC,SAAA,EAAWP,GAAA,CAAIO;QACjB;SAJKN,CAAA;IAOX;EACF,GACA;IACEX,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC1B,UAAA;MAAWsC,OAAO;MAACX,KAAA,EAAOb,CAAA,CAAE;MAAsBS,IAAA,EAAK;;IACjEK,aAAA,EAAejB,IAAA,CAAKkB,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;MAC5B,oBAAOL,IAAA,CAACrB,MAAA;QAAO+B,EAAA,EAAIN,GAAA,CAAIM;SAASL,CAAA;IAClC;EACF,EACD;EAED,IAAI9B,gBAAA,CAAiBgB,YAAA,GAAe;IAClCE,OAAA,CAAQoB,IAAI,CAAC;MACXnB,QAAA,EAAU;MACVC,MAAA,EAAQ;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,IAAA,EAAM;MACR;MACAC,OAAA,eAASC,IAAA,CAAC1B,UAAA;QAAWsC,OAAO;QAACX,KAAA,EAAOb,CAAA,CAAE;QAAmBS,IAAA,EAAK;;MAC9DK,aAAA,EAAejB,IAAA,CAAKkB,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;QAC5B,oBACEL,IAAA,CAACvB,YAAA;UACCM,yBAAA,EAA2BA,yBAAA;UAE3BO,kBAAA,EAAoBA,kBAAA;UACpBmB,OAAA,EAASL;WAFJC,CAAA;MAKX;IACF;EACF;EAEA,OAAOZ,OAAA;AACT","ignoreList":[]}
+{"version":3,"file":"buildColumns.js","names":["SortColumn","hasDraftsEnabled","React","AutosaveCell","CreatedAtCell","IDCell","buildVersionColumns","collectionConfig","CreatedAtCellOverride","currentlyPublishedVersion","docID","docs","globalConfig","i18n","t","isTrashed","latestDraftVersion","entityConfig","CreatedAtCellComponent","columns","accessor","active","field","name","type","Heading","_jsx","Label","isLinkedColumn","renderedCells","map","doc","i","collectionSlug","slug","globalSlug","rowData","id","updatedAt","push"],"sources":["../../../src/views/Versions/buildColumns.tsx"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type {\n  Column,\n  PaginatedDocs,\n  SanitizedCollectionConfig,\n  SanitizedGlobalConfig,\n  TypeWithVersion,\n} from 'payload'\n\nimport { SortColumn } from '@payloadcms/ui'\nimport { hasDraftsEnabled } from 'payload/shared'\nimport React from 'react'\n\nimport { AutosaveCell } from './cells/AutosaveCell/index.js'\nimport { CreatedAtCell, type CreatedAtCellProps } from './cells/CreatedAt/index.js'\nimport { IDCell } from './cells/ID/index.js'\n\nexport const buildVersionColumns = ({\n  collectionConfig,\n  CreatedAtCellOverride,\n  currentlyPublishedVersion,\n  docID,\n  docs,\n  globalConfig,\n  i18n: { t },\n  isTrashed,\n  latestDraftVersion,\n}: {\n  collectionConfig?: SanitizedCollectionConfig\n  CreatedAtCellOverride?: React.ComponentType<CreatedAtCellProps>\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  docID?: number | string\n  docs: PaginatedDocs<TypeWithVersion<any>>['docs']\n  globalConfig?: SanitizedGlobalConfig\n  i18n: I18n\n  isTrashed?: boolean\n  latestDraftVersion?: TypeWithVersion<any>\n}): Column[] => {\n  const entityConfig = collectionConfig || globalConfig\n\n  const CreatedAtCellComponent = CreatedAtCellOverride ?? CreatedAtCell\n\n  const columns: Column[] = [\n    {\n      accessor: 'updatedAt',\n      active: true,\n      field: {\n        name: '',\n        type: 'date',\n      },\n      Heading: <SortColumn Label={t('general:updatedAt')} name=\"updatedAt\" />,\n      isLinkedColumn: true,\n      renderedCells: docs.map((doc, i) => {\n        return (\n          <CreatedAtCellComponent\n            collectionSlug={collectionConfig?.slug}\n            docID={docID}\n            globalSlug={globalConfig?.slug}\n            isTrashed={isTrashed}\n            key={i}\n            rowData={{\n              id: doc.id,\n              updatedAt: doc.updatedAt,\n            }}\n          />\n        )\n      }),\n    },\n  ]\n\n  if (hasDraftsEnabled(entityConfig)) {\n    columns.push({\n      accessor: '_status',\n      active: true,\n      field: {\n        name: '',\n        type: 'checkbox',\n      },\n      Heading: <SortColumn Label={t('version:status')} name=\"status\" />,\n      renderedCells: docs.map((doc, i) => {\n        return (\n          <AutosaveCell\n            currentlyPublishedVersion={currentlyPublishedVersion}\n            key={i}\n            latestDraftVersion={latestDraftVersion}\n            rowData={doc}\n          />\n        )\n      }),\n    })\n  }\n\n  columns.push({\n    accessor: 'id',\n    active: true,\n    field: {\n      name: '',\n      type: 'text',\n    },\n    Heading: <SortColumn Label={t('version:versionID')} name=\"id\" />,\n    renderedCells: docs.map((doc, i) => {\n      return <IDCell id={doc.id} key={i} />\n    }),\n  })\n\n  return columns\n}\n"],"mappings":";AASA,SAASA,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAiC;AACvD,SAASC,MAAM,QAAQ;AAEvB,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC,gBAAgB;EAChBC,qBAAqB;EACrBC,yBAAyB;EACzBC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAA,EAAM;IAAEC;EAAC,CAAE;EACXC,SAAS;EACTC;AAAkB,CAWnB;EACC,MAAMC,YAAA,GAAeV,gBAAA,IAAoBK,YAAA;EAEzC,MAAMM,sBAAA,GAAyBV,qBAAA,IAAyBJ,aAAA;EAExD,MAAMe,OAAA,GAAoB,CACxB;IACEC,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC1B,UAAA;MAAW2B,KAAA,EAAOb,CAAA,CAAE;MAAsBS,IAAA,EAAK;;IACzDK,cAAA,EAAgB;IAChBC,aAAA,EAAelB,IAAA,CAAKmB,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;MAC5B,oBACEN,IAAA,CAACR,sBAAA;QACCe,cAAA,EAAgB1B,gBAAA,EAAkB2B,IAAA;QAClCxB,KAAA,EAAOA,KAAA;QACPyB,UAAA,EAAYvB,YAAA,EAAcsB,IAAA;QAC1BnB,SAAA,EAAWA,SAAA;QAEXqB,OAAA,EAAS;UACPC,EAAA,EAAIN,GAAA,CAAIM,EAAE;UACVC,SAAA,EAAWP,GAAA,CAAIO;QACjB;SAJKN,CAAA;IAOX;EACF,EACD;EAED,IAAI/B,gBAAA,CAAiBgB,YAAA,GAAe;IAClCE,OAAA,CAAQoB,IAAI,CAAC;MACXnB,QAAA,EAAU;MACVC,MAAA,EAAQ;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,IAAA,EAAM;MACR;MACAC,OAAA,eAASC,IAAA,CAAC1B,UAAA;QAAW2B,KAAA,EAAOb,CAAA,CAAE;QAAmBS,IAAA,EAAK;;MACtDM,aAAA,EAAelB,IAAA,CAAKmB,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;QAC5B,oBACEN,IAAA,CAACvB,YAAA;UACCM,yBAAA,EAA2BA,yBAAA;UAE3BO,kBAAA,EAAoBA,kBAAA;UACpBoB,OAAA,EAASL;WAFJC,CAAA;MAKX;IACF;EACF;EAEAb,OAAA,CAAQoB,IAAI,CAAC;IACXnB,QAAA,EAAU;IACVC,MAAA,EAAQ;IACRC,KAAA,EAAO;MACLC,IAAA,EAAM;MACNC,IAAA,EAAM;IACR;IACAC,OAAA,eAASC,IAAA,CAAC1B,UAAA;MAAW2B,KAAA,EAAOb,CAAA,CAAE;MAAsBS,IAAA,EAAK;;IACzDM,aAAA,EAAelB,IAAA,CAAKmB,GAAG,CAAC,CAACC,GAAA,EAAKC,CAAA;MAC5B,oBAAON,IAAA,CAACrB,MAAA;QAAOgC,EAAA,EAAIN,GAAA,CAAIM;SAASL,CAAA;IAClC;EACF;EAEA,OAAOb,OAAA;AACT","ignoreList":[]}

package/dist/views/Versions/cells/AutosaveCell/index.css

@@ -0,0 +1,7 @@
+@layer payload-default {
+  .autosave-cell__items {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+}

package/dist/views/Versions/cells/AutosaveCell/index.d.ts

@@ -1,6 +1,6 @@
 import type { TypeWithVersion } from 'payload';
 import React from 'react';
-import './index.scss';
+import './index.css';
 type AutosaveCellProps = {
     currentlyPublishedVersion?: TypeWithVersion<any>;
     latestDraftVersion?: TypeWithVersion<any>;

package/dist/views/Versions/cells/AutosaveCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,iBAAiB,GAAG;IACvB,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IACzC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,EAAE;YACP,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;YACtB,OAAO,EAAE,OAAO,GAAG,WAAW,CAAA;YAC9B,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;KACF,CAAA;CACF,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoBpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAIpB,KAAK,iBAAiB,GAAG;IACvB,yBAAyB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IAChD,kBAAkB,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IACzC,OAAO,EAAE;QACP,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,EAAE;YACP,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;YACtB,OAAO,EAAE,OAAO,GAAG,WAAW,CAAA;YAC9B,SAAS,EAAE,MAAM,CAAA;SAClB,CAAA;KACF,CAAA;CACF,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoBpD,CAAA"}

package/dist/views/Versions/cells/AutosaveCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Pill","useTranslation","React","VersionPillLabel","baseClass","AutosaveCell","t0","$","currentlyPublishedVersion","latestDraftVersion","rowData","t","t1","_jsxs","className","children","autosave","_jsx","size","disableDate","doc","labelFirst","labelStyle"],"sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithVersion } from 'payload'\n\nimport { Pill, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { VersionPillLabel } from '../../../Version/VersionPillLabel/VersionPillLabel.js'\nimport './index.scss'\n\nconst baseClass = 'autosave-cell'\n\ntype AutosaveCellProps = {\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  latestDraftVersion?: TypeWithVersion<any>\n  rowData: {\n    autosave?: boolean\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n}\n\nexport const AutosaveCell: React.FC<AutosaveCellProps> = ({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  rowData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={`${baseClass}__items`}>\n      {rowData?.autosave && <Pill size=\"small\">{t('version:autosave')}</Pill>}\n      <VersionPillLabel\n        currentlyPublishedVersion={currentlyPublishedVersion}\n        disableDate={true}\n        doc={rowData}\n        labelFirst={false}\n        labelStyle=\"pill\"\n        latestDraftVersion={latestDraftVersion}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,IAAI,EAAEC,cAAc,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AAGjC,MAAMC,SAAA,GAAY;AAkBlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,yBAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcV,cAAA;EAAA,IAAAW,EAAA;EAAA,IAAAL,CAAA,QAAAC,yBAAA,IAAAD,CAAA,QAAAE,kBAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAAV,SAAA,SAAqB;MAAAW,QAAA,GAClCL,OAAA,EAAAM,QAAA,IAAqBC,IAAA,CAAAjB,IAAA;QAAAkB,IAAA,EAAW;QAAAH,QAAA,EAASJ,CAAA,CAAE;MAAA,C,GAC5CM,IAAA,CAAAd,gBAAA;QAAAK,yBAAA;QAAAW,WAAA;QAAAC,GAAA,EAGOV,OAAA;QAAAW,UAAA;QAAAC,UAAA,EAEM;QAAAb;MAAA,C;;;;;;;;;;SAPfG,E;CAYJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Pill","useTranslation","React","VersionPillLabel","baseClass","AutosaveCell","t0","$","currentlyPublishedVersion","latestDraftVersion","rowData","t","t1","_jsxs","className","children","autosave","_jsx","size","disableDate","doc","labelFirst","labelStyle"],"sources":["../../../../../src/views/Versions/cells/AutosaveCell/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithVersion } from 'payload'\n\nimport { Pill, useTranslation } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { VersionPillLabel } from '../../../Version/VersionPillLabel/VersionPillLabel.js'\nimport './index.css'\n\nconst baseClass = 'autosave-cell'\n\ntype AutosaveCellProps = {\n  currentlyPublishedVersion?: TypeWithVersion<any>\n  latestDraftVersion?: TypeWithVersion<any>\n  rowData: {\n    autosave?: boolean\n    id: number | string\n    publishedLocale?: string\n    updatedAt?: string\n    version: {\n      [key: string]: unknown\n      _status: 'draft' | 'published'\n      updatedAt: string\n    }\n  }\n}\n\nexport const AutosaveCell: React.FC<AutosaveCellProps> = ({\n  currentlyPublishedVersion,\n  latestDraftVersion,\n  rowData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={`${baseClass}__items`}>\n      {rowData?.autosave && <Pill size=\"small\">{t('version:autosave')}</Pill>}\n      <VersionPillLabel\n        currentlyPublishedVersion={currentlyPublishedVersion}\n        disableDate={true}\n        doc={rowData}\n        labelFirst={false}\n        labelStyle=\"pill\"\n        latestDraftVersion={latestDraftVersion}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,IAAI,EAAEC,cAAc,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,gBAAgB,QAAQ;AAGjC,MAAMC,SAAA,GAAY;AAkBlB,OAAO,MAAMC,YAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,yBAAA;IAAAC,kBAAA;IAAAC;EAAA,IAAAJ,EAIzD;EACC;IAAAK;EAAA,IAAcV,cAAA;EAAA,IAAAW,EAAA;EAAA,IAAAL,CAAA,QAAAC,yBAAA,IAAAD,CAAA,QAAAE,kBAAA,IAAAF,CAAA,QAAAG,OAAA,IAAAH,CAAA,QAAAI,CAAA;IAGZC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAAV,SAAA,SAAqB;MAAAW,QAAA,GAClCL,OAAA,EAAAM,QAAA,IAAqBC,IAAA,CAAAjB,IAAA;QAAAkB,IAAA,EAAW;QAAAH,QAAA,EAASJ,CAAA,CAAE;MAAA,C,GAC5CM,IAAA,CAAAd,gBAAA;QAAAK,yBAAA;QAAAW,WAAA;QAAAC,GAAA,EAGOV,OAAA;QAAAW,UAAA;QAAAC,UAAA,EAEM;QAAAb;MAAA,C;;;;;;;;;;SAPfG,E;CAYJ","ignoreList":[]}

package/dist/views/Versions/index.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAWhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAA;CACvF,CAwDA,CAAA"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAUhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAA;CACvF,CAkCA,CAAA"}

package/dist/views/Versions/index.client.js

@@ -2,7 +2,7 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LoadingOverlayToggle, Pagination, PerPage, Table, useListQuery, useTranslation } from '@payloadcms/ui';
+import { LoadingOverlayToggle, PageControlsComponent, Table, useListQuery, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
 import React from 'react';
 export const VersionsViewClient = props => {
@@ -45,28 +45,12 @@ export const VersionsViewClient = props => {
         children: [_jsx(Table, {
           columns,
           data: data?.docs
-        }), _jsxs("div", {
-          className: `${baseClass}__page-controls`,
-          children: [_jsx(Pagination, {
-            hasNextPage: data.hasNextPage,
-            hasPrevPage: data.hasPrevPage,
-            limit: data.limit,
-            nextPage: data.nextPage,
-            numberOfNeighbors: 1,
-            onChange: handlePageChange,
-            page: data.page,
-            prevPage: data.prevPage,
-            totalPages: data.totalPages
-          }), data?.totalDocs > 0 && _jsxs(React.Fragment, {
-            children: [_jsxs("div", {
-              className: `${baseClass}__page-info`,
-              children: [data.page * data.limit - (data.limit - 1), "-", data.totalPages > 1 && data.totalPages !== data.page ? data.limit * data.page : data.totalDocs, " ", i18n.t("general:of"), " ", data.totalDocs]
-            }), _jsx(PerPage, {
-              handleChange: handlePerPageChange,
-              limit: limit ? Number(limit) : 10,
-              limits: paginationLimits
-            })]
-          })]
+        }), _jsx(PageControlsComponent, {
+          data,
+          handlePageChange,
+          handlePerPageChange,
+          limit: limit ? Number(limit) : 10,
+          limits: paginationLimits
         })]
       })]
     });

package/dist/views/Versions/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","names":["c","_c","LoadingOverlayToggle","Pagination","PerPage","Table","useListQuery","useTranslation","useSearchParams","React","VersionsViewClient","props","$","baseClass","columns","paginationLimits","data","handlePageChange","handlePerPageChange","searchParams","t0","get","limit","i18n","versionCount","totalDocs","t1","t2","_jsxs","Fragment","children","_jsx","name","show","className","t","docs","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","prevPage","totalPages","handleChange","Number","limits"],"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport {\n  LoadingOverlayToggle,\n  Pagination,\n  PerPage,\n  Table,\n  useListQuery,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport React from 'react'\n\nexport const VersionsViewClient: React.FC<{\n  readonly baseClass: string\n  readonly columns: Column[]\n  readonly fetchURL: string\n  readonly paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits']\n}> = (props) => {\n  const { baseClass, columns, paginationLimits } = props\n\n  const { data, handlePageChange, handlePerPageChange } = useListQuery()\n\n  const searchParams = useSearchParams()\n  const limit = searchParams.get('limit')\n\n  const { i18n } = useTranslation()\n\n  const versionCount = data?.totalDocs || 0\n\n  return (\n    <React.Fragment>\n      <LoadingOverlayToggle name=\"versions\" show={!data} />\n      {versionCount === 0 && (\n        <div className={`${baseClass}__no-versions`}>\n          {i18n.t('version:noFurtherVersionsFound')}\n        </div>\n      )}\n      {versionCount > 0 && (\n        <React.Fragment>\n          <Table columns={columns} data={data?.docs} />\n          <div className={`${baseClass}__page-controls`}>\n            <Pagination\n              hasNextPage={data.hasNextPage}\n              hasPrevPage={data.hasPrevPage}\n              limit={data.limit}\n              nextPage={data.nextPage}\n              numberOfNeighbors={1}\n              onChange={handlePageChange}\n              page={data.page}\n              prevPage={data.prevPage}\n              totalPages={data.totalPages}\n            />\n            {data?.totalDocs > 0 && (\n              <React.Fragment>\n                <div className={`${baseClass}__page-info`}>\n                  {data.page * data.limit - (data.limit - 1)}-\n                  {data.totalPages > 1 && data.totalPages !== data.page\n                    ? data.limit * data.page\n                    : data.totalDocs}{' '}\n                  {i18n.t('general:of')} {data.totalDocs}\n                </div>\n                <PerPage\n                  handleChange={handlePerPageChange}\n                  limit={limit ? Number(limit) : 10}\n                  limits={paginationLimits}\n                />\n              </React.Fragment>\n            )}\n          </div>\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.client.js","names":["c","_c","LoadingOverlayToggle","PageControlsComponent","Table","useListQuery","useTranslation","useSearchParams","React","VersionsViewClient","props","$","baseClass","columns","paginationLimits","data","handlePageChange","handlePerPageChange","searchParams","t0","get","limit","i18n","versionCount","totalDocs","t1","t2","_jsxs","Fragment","children","_jsx","name","show","className","t","docs","Number","limits"],"sources":["../../../src/views/Versions/index.client.tsx"],"sourcesContent":["'use client'\nimport type { Column, SanitizedCollectionConfig } from 'payload'\n\nimport {\n  LoadingOverlayToggle,\n  PageControlsComponent,\n  Table,\n  useListQuery,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { useSearchParams } from 'next/navigation.js'\nimport React from 'react'\n\nexport const VersionsViewClient: React.FC<{\n  readonly baseClass: string\n  readonly columns: Column[]\n  readonly fetchURL: string\n  readonly paginationLimits?: SanitizedCollectionConfig['admin']['pagination']['limits']\n}> = (props) => {\n  const { baseClass, columns, paginationLimits } = props\n\n  const { data, handlePageChange, handlePerPageChange } = useListQuery()\n\n  const searchParams = useSearchParams()\n  const limit = searchParams.get('limit')\n\n  const { i18n } = useTranslation()\n\n  const versionCount = data?.totalDocs || 0\n\n  return (\n    <React.Fragment>\n      <LoadingOverlayToggle name=\"versions\" show={!data} />\n      {versionCount === 0 && (\n        <div className={`${baseClass}__no-versions`}>\n          {i18n.t('version:noFurtherVersionsFound')}\n        </div>\n      )}\n      {versionCount > 0 && (\n        <React.Fragment>\n          <Table columns={columns} data={data?.docs} />\n          <PageControlsComponent\n            data={data}\n            handlePageChange={handlePageChange}\n            handlePerPageChange={handlePerPageChange}\n            limit={limit ? Number(limit) : 10}\n            limits={paginationLimits}\n          />\n        </React.Fragment>\n      )}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,KAAK,EACLC,YAAY,EACZC,cAAc,QACT;AACP,SAASC,eAAe,QAAQ;AAChC,OAAOC,KAAA,MAAW;AAElB,OAAO,MAAMC,kBAAA,GAKRC,KAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACH;IAAAW,SAAA;IAAAC,OAAA;IAAAC;EAAA,IAAiDJ,KAAA;EAEjD;IAAAK,IAAA;IAAAC,gBAAA;IAAAC;EAAA,IAAwDZ,YAAA;EAExD,MAAAa,YAAA,GAAqBX,eAAA;EAAA,IAAAY,EAAA;EAAA,IAAAR,CAAA,QAAAO,YAAA;IACPC,EAAA,GAAAD,YAAA,CAAAE,GAAA,CAAiB;IAAAT,CAAA,MAAAO,YAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAA/B,MAAAU,KAAA,GAAcF,EAAiB;EAE/B;IAAAG;EAAA,IAAiBhB,cAAA;EAEjB,MAAAiB,YAAA,GAAqBR,IAAA,EAAAS,SAAA,KAAmB;EAIQ,MAAAC,EAAA,IAACV,IAAA;EAAA,IAAAW,EAAA;EAAA,IAAAf,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAE,OAAA,IAAAF,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAK,gBAAA,IAAAL,CAAA,QAAAM,mBAAA,IAAAN,CAAA,QAAAW,IAAA,IAAAX,CAAA,QAAAU,KAAA,IAAAV,CAAA,QAAAG,gBAAA,IAAAH,CAAA,SAAAc,EAAA,IAAAd,CAAA,SAAAY,YAAA;IAD/CG,EAAA,GAAAC,KAAA,CAAAnB,KAAA,CAAAoB,QAAA;MAAAC,QAAA,GACEC,IAAA,CAAA5B,oBAAA;QAAA6B,IAAA,EAA2B;QAAAC,IAAA,EAAiBP;MAAC,C,GAC5CF,YAAA,MAAiB,IAChBO,IAAA,CAAC;QAAAG,SAAA,EAAe,GAAGrB,SAAA,eAAwB;QAAAiB,QAAA,EACxCP,IAAA,CAAAY,CAAA,CAAO;MAAA,C,GAGXX,YAAA,IAAe,IACdI,KAAA,CAAAnB,KAAA,CAAAoB,QAAA;QAAAC,QAAA,GACEC,IAAA,CAAA1B,KAAA;UAAAS,OAAA;UAAAE,IAAA,EAA+BA,IAAA,EAAAoB;QAAA,C,GAC/BL,IAAA,CAAA3B,qBAAA;UAAAY,IAAA;UAAAC,gBAAA;UAAAC,mBAAA;UAAAI,KAAA,EAISA,KAAA,GAAQe,MAAA,CAAOf,KAAA,MAAS;UAAAgB,MAAA,EACvBvB;QAAA,C;;;;;;;;;;;;;;;;;SAfhBY,E;CAqBJ","ignoreList":[]}

package/dist/views/Versions/index.css

@@ -0,0 +1,85 @@
+@layer payload-default {
+  .versions {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
+  .versions__wrap {
+    padding: 0 var(--gutter-h) var(--spacing-view-bottom) var(--gutter-h);
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+  }
+
+  .versions__header {
+    margin-bottom: var(--spacer-3);
+  }
+
+  .versions__no-versions {
+    margin-top: var(--spacer-5);
+  }
+
+  .versions__parent-doc .banner__content {
+    display: flex;
+  }
+
+  [dir='ltr'] .versions__parent-doc-pills {
+    margin-left: auto;
+  }
+
+  [dir='rtl'] .versions__parent-doc-pills {
+    margin-right: auto;
+  }
+
+  .versions .table table {
+    width: 100%;
+    overflow: auto;
+  }
+
+  .versions .table th:first-child {
+    padding-inline-start: var(--spacer-2-5);
+  }
+
+  .versions .table td:first-child:not(.cell--linked) {
+    padding-inline-start: var(--spacer-2-5);
+  }
+
+  .versions .table td.cell--linked {
+    padding: 0;
+  }
+
+  .versions .table td.cell--linked > a {
+    padding: 0 var(--spacer-2-5);
+    width: 100%;
+  }
+
+  .versions .paginator {
+    margin-bottom: 0;
+  }
+
+  /* on mobile, extend the table all the way to the viewport edges */
+  /* this is to visually indicate overflowing content */
+  @media (max-width: 768px) {
+    .versions__wrap {
+      padding: 0 0 var(--spacing-view-bottom) 0;
+      margin-top: 0;
+    }
+
+    .versions .table {
+      display: flex;
+      width: calc(100% + calc(var(--gutter-h) * 2));
+      max-width: unset;
+      left: calc(var(--gutter-h) * -1);
+      position: relative;
+      padding-left: var(--gutter-h);
+    }
+
+    .versions .table::after {
+      content: '';
+      height: var(--stroke-width-small);
+      padding-right: var(--gutter-h);
+    }
+  }
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAkC,MAAM,SAAS,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,YAAY,CAAC,KAAK,EAAE,uBAAuB,8BAyLhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,uBAAuB,EAAkC,MAAM,SAAS,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,YAAY,CAAC,KAAK,EAAE,uBAAuB,8BAyLhE"}

package/dist/views/Versions/index.js

@@ -154,7 +154,7 @@ export async function VersionsView(props) {
       view: i18n.t('version:versions')
     }), /*#__PURE__*/_jsx("main", {
       className: baseClass,
-      children: /*#__PURE__*/_jsx(GutterComponent, {
+      children: /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__wrap`,
         children: /*#__PURE__*/_jsx(ListQueryProvider, {
           data: versionsData,