@payloadcms/ui 4.0.0-internal.5d5a2b2 → 4.0.0-internal.688c4d0

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

@@ -16,11 +16,11 @@
   .restore-version__restore-as-draft-button {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
-    padding: 0;
   }
 
   .restore-version__restore-as-draft-button:focus {
-    border-radius: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
     outline-offset: 0;
   }
 }

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './index.scss';
+import './index.css';
 export declare const baseClass = "version-drawer";
 export declare const formatVersionDrawerSlug: ({ depth, uuid, }: {
     depth: number;

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

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

@@ -12,7 +12,7 @@ import { useEditDepth } from '../../../../providers/EditDepth/index.js';
 import { useSearchParams } from '../../../../providers/RouterAdapter/index.js';
 import { useServerFunctions } from '../../../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
-import './index.scss';
+import './index.css';
 export const baseClass = 'version-drawer';
 export const formatVersionDrawerSlug = ({
   depth,
@@ -59,7 +59,6 @@ export const VersionDrawerContent = props => {
           redirectAfterDuplicate: false,
           searchParams: Object.fromEntries(searchParams.entries()),
           versions: {
-            disableGutter: true,
             useVersionDrawerCreatedAtCell: true
           }
         });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useId","useMemo","useRef","useState","toast","Drawer","LoadingOverlay","useModal","useDocumentInfo","useEditDepth","useSearchParams","useServerFunctions","useTranslation","baseClass","formatVersionDrawerSlug","depth","uuid","VersionDrawerContent","props","collectionSlug","docID","drawerSlug","globalSlug","isTrashed","closeModal","searchParams","prevSearchParams","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","t","getDocumentView","fetchDocumentView","isGlobal","Boolean","entitySlug","result","paramsOverride","segments","String","filter","redirectAfterDelete","redirectAfterDuplicate","Object","fromEntries","entries","versions","disableGutter","useVersionDrawerCreatedAtCell","Document","error","message","current","_jsx","VersionDrawer","$","t0","className","slug","title","children","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","t1","t2","t3","t4","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","MemoizedDrawer","t8","isDrawerOpen"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { LoadingOverlay } from '../../../../elements/Loading/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useDocumentInfo } from '../../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../../providers/EditDepth/index.js'\nimport { useSearchParams } from '../../../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const baseClass = 'version-drawer'\nexport const formatVersionDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `version-drawer_${depth}_${uuid}`\n\nexport const VersionDrawerContent: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { isTrashed } = useDocumentInfo()\n  const { closeModal } = useModal()\n  const searchParams = useSearchParams()\n  const prevSearchParams = useRef(searchParams)\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n  const { t } = useTranslation()\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const isGlobal = Boolean(globalSlug)\n          const entitySlug = collectionSlug ?? globalSlug\n\n          const result = await renderDocument({\n            collectionSlug: entitySlug,\n            docID,\n            drawerSlug,\n            paramsOverride: {\n              segments: [\n                isGlobal ? 'globals' : 'collections',\n                entitySlug,\n                ...(isTrashed ? ['trash'] : []),\n                isGlobal ? undefined : String(docID),\n                'versions',\n              ].filter(Boolean),\n            },\n            redirectAfterDelete: false,\n            redirectAfterDuplicate: false,\n            searchParams: Object.fromEntries(searchParams.entries()),\n            versions: {\n              disableGutter: true,\n              useVersionDrawerCreatedAtCell: true,\n            },\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      closeModal,\n      collectionSlug,\n      drawerSlug,\n      globalSlug,\n      isTrashed,\n      renderDocument,\n      searchParams,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {\n      prevSearchParams.current = searchParams\n      getDocumentView(docID)\n      hasRenderedDocument.current = true\n    }\n  }, [docID, getDocumentView, searchParams])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return DocumentView\n}\n\nexport const VersionDrawer: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { t } = useTranslation()\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('version:selectVersionToCompare')}>\n      <VersionDrawerContent\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    </Drawer>\n  )\n}\n\nexport const useVersionDrawer = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatVersionDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return () => (\n      <VersionDrawer\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    )\n  }, [collectionSlug, docID, drawerSlug, globalSlug])\n\n  return useMemo(\n    () => ({\n      closeDrawer,\n      Drawer: MemoizedDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [MemoizedDrawer, closeDrawer, drawerDepth, drawerSlug, isOpen, openDrawer, toggleDrawer],\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAChF,SAASC,KAAK,QAAQ;AAEtB,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AACzB,OAAO,MAAMC,uBAAA,GAA0BA,CAAC;EACtCC,KAAK;EACLC;AAAI,CAIL,KAAK,kBAAkBD,KAAA,IAASC,IAAA,EAAM;AAEvC,OAAO,MAAMC,oBAAA,GAKPC,KAAA;EACJ,MAAM;IAAEC,cAAc;IAAEC,KAAK;IAAEC,UAAU;IAAEC;EAAU,CAAE,GAAGJ,KAAA;EAC1D,MAAM;IAAEK;EAAS,CAAE,GAAGf,eAAA;EACtB,MAAM;IAAEgB;EAAU,CAAE,GAAGjB,QAAA;EACvB,MAAMkB,YAAA,GAAef,eAAA;EACrB,MAAMgB,gBAAA,GAAmBxB,MAAA,CAAOuB,YAAA;EAEhC,MAAM;IAAEE;EAAc,CAAE,GAAGhB,kBAAA;EAE3B,MAAM,CAACiB,YAAA,EAAcC,eAAA,CAAgB,GAAG1B,QAAA,CAA0B2B,SAAA;EAClE,MAAM,CAACC,SAAA,EAAWC,YAAA,CAAa,GAAG7B,QAAA,CAAS;EAC3C,MAAM8B,mBAAA,GAAsB/B,MAAA,CAAO;EACnC,MAAM;IAAEgC;EAAC,CAAE,GAAGtB,cAAA;EAEd,MAAMuB,eAAA,GAAkBrC,WAAA,CACrBsB,OAAA;IACC,MAAMgB,iBAAA,GAAoB,MAAAA,CAAA;MACxBJ,YAAA,CAAa;MAEb,IAAI;QACF,MAAMK,QAAA,GAAWC,OAAA,CAAQhB,UAAA;QACzB,MAAMiB,UAAA,GAAapB,cAAA,IAAkBG,UAAA;QAErC,MAAMkB,MAAA,GAAS,MAAMb,cAAA,CAAe;UAClCR,cAAA,EAAgBoB,UAAA;UAChBnB,KAAA,EAAAA,OAAA;UACAC,UAAA;UACAoB,cAAA,EAAgB;YACdC,QAAA,EAAU,CACRL,QAAA,GAAW,YAAY,eACvBE,UAAA,E,IACIhB,SAAA,GAAY,CAAC,QAAQ,GAAG,EAAE,GAC9Bc,QAAA,GAAWP,SAAA,GAAYa,MAAA,CAAOvB,OAAA,GAC9B,WACD,CAACwB,MAAM,CAACN,OAAA;UACX;UACAO,mBAAA,EAAqB;UACrBC,sBAAA,EAAwB;UACxBrB,YAAA,EAAcsB,MAAA,CAAOC,WAAW,CAACvB,YAAA,CAAawB,OAAO;UACrDC,QAAA,EAAU;YACRC,aAAA,EAAe;YACfC,6BAAA,EAA+B;UACjC;QACF;QAEA,IAAIZ,MAAA,EAAQa,QAAA,EAAU;UACpBxB,eAAA,CAAgBW,MAAA,CAAOa,QAAQ;UAC/BrB,YAAA,CAAa;QACf;MACF,EAAE,OAAOsB,KAAA,EAAO;QACdlD,KAAA,CAAMkD,KAAK,CAACA,KAAA,EAAOC,OAAA,IAAWrB,CAAA,CAAE;QAChCV,UAAA,CAAWH,UAAA;MACb;IACF;IAEA,KAAKe,iBAAA;EACP,GACA,CACEZ,UAAA,EACAL,cAAA,EACAE,UAAA,EACAC,UAAA,EACAC,SAAA,EACAI,cAAA,EACAF,YAAA,EACAS,CAAA,CACD;EAGHnC,SAAA,CAAU;IACR,IAAI,CAACkC,mBAAA,CAAoBuB,OAAO,IAAI9B,gBAAA,CAAiB8B,OAAO,KAAK/B,YAAA,EAAc;MAC7EC,gBAAA,CAAiB8B,OAAO,GAAG/B,YAAA;MAC3BU,eAAA,CAAgBf,KAAA;MAChBa,mBAAA,CAAoBuB,OAAO,GAAG;IAChC;EACF,GAAG,CAACpC,KAAA,EAAOe,eAAA,EAAiBV,YAAA,CAAa;EAEzC,IAAIM,SAAA,EAAW;IACb,oBAAO0B,IAAA,CAACnD,cAAA;EACV;EAEA,OAAOsB,YAAA;AACT;AAEA,OAAO,MAAM8B,aAAA,GAKRxC,KAAA;EAAA,MAAAyC,CAAA,GAAA/D,EAAA;EACH;IAAAuB,cAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAA0DJ,KAAA;EAC1D;IAAAgB;EAAA,IAActB,cAAA;EAAA,IAAAgD,EAAA;EAAA,IAAAD,CAAA,QAAAxC,cAAA,IAAAwC,CAAA,QAAAvC,KAAA,IAAAuC,CAAA,QAAAtC,UAAA,IAAAsC,CAAA,QAAArC,UAAA,IAAAqC,CAAA,QAAAzB,CAAA;IAGZ0B,EAAA,GAAAH,IAAA,CAAApD,MAAA;MAAAwD,SAAA,EAAAhD,SAAA;MAAAiD,IAAA,EAAoCzC,UAAA;MAAA0C,KAAA,EAAmB7B,CAAA,CAAE;MAAA8B,QAAA,EACvDP,IAAA,CAAAxC,oBAAA;QAAAE,cAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC;MAAA,C;;;;;;;;;;;SADFsC,E;CASJ;AAEA,OAAO,MAAMK,gBAAA,GAAmBL,EAAA;EAAA,MAAAD,CAAA,GAAA/D,EAAA;EAAC;IAAAuB,cAAA;IAAAC,KAAA;IAAAE;EAAA,IAAAsC,EAQhC;EACC,MAAAM,WAAA,GAAoBzD,YAAA;EACpB,MAAAO,IAAA,GAAahB,KAAA;EACb;IAAAwB,UAAA;IAAA2C,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAA2D9D,QAAA;EAC3D,OAAA+D,MAAA,EAAAC,SAAA,IAA4BpE,QAAA,MAAS;EAAA,IAAAqE,EAAA;EAAA,IAAAb,CAAA,QAAAO,WAAA,IAAAP,CAAA,QAAA3C,IAAA;IAElBwD,EAAA,GAAA1D,uBAAA;MAAAC,KAAA,EACVmD,WAAA;MAAAlD;IAAA,CAET;IAAA2C,CAAA,MAAAO,WAAA;IAAAP,CAAA,MAAA3C,IAAA;IAAA2C,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAHA,MAAAtC,UAAA,GAAmBmD,EAGnB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAAtC,UAAA,IAAAsC,CAAA,QAAAQ,UAAA;IAEUM,EAAA,GAAAA,CAAA;MACRF,SAAA,CAAUjC,OAAA,CAAQ6B,UAAU,CAAC9C,UAAA,GAAAiD,MAAa;IAAA;IACzCI,EAAA,IAACP,UAAA,EAAY9C,UAAA;IAAWsC,CAAA,MAAAtC,UAAA;IAAAsC,CAAA,MAAAQ,UAAA;IAAAR,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EAF3B5D,SAAA,CAAU0E,EAEV,EAAGC,EAAwB;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAtC,UAAA,IAAAsC,CAAA,QAAAU,WAAA;IAEMM,EAAA,GAAAA,CAAA;MAC/BN,WAAA,CAAYhD,UAAA;IAAA;IACdsC,CAAA,MAAAtC,UAAA;IAAAsC,CAAA,MAAAU,WAAA;IAAAV,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFA,MAAAiB,YAAA,GAAqBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAAlB,CAAA,SAAAnC,UAAA,IAAAmC,CAAA,SAAAtC,UAAA;IAEIwD,EAAA,GAAAA,CAAA;MAC9BrD,UAAA,CAAWH,UAAA;IAAA;IACbsC,CAAA,OAAAnC,UAAA;IAAAmC,CAAA,OAAAtC,UAAA;IAAAsC,CAAA,OAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAFA,MAAAmB,WAAA,GAAoBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAApB,CAAA,SAAAtC,UAAA,IAAAsC,CAAA,SAAAS,SAAA;IAEIW,EAAA,GAAAA,CAAA;MAC7BX,SAAA,CAAU/C,UAAA;IAAA;IACZsC,CAAA,OAAAtC,UAAA;IAAAsC,CAAA,OAAAS,SAAA;IAAAT,CAAA,OAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAFA,MAAAqB,UAAA,GAAmBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAAtB,CAAA,SAAAxC,cAAA,IAAAwC,CAAA,SAAAvC,KAAA,IAAAuC,CAAA,SAAAtC,UAAA,IAAAsC,CAAA,SAAArC,UAAA;IAGjB2D,EAAA,GAAAA,CAAA,KACLxB,IAAA,CAAAC,aAAA;MAAAvC,cAAA;MAAAC,KAAA;MAAAC,UAAA;MAAAC;IAAA,C;;;;;;;;;EAFJ,MAAA4D,cAAA,GACSD,E;EAQyC,IAAAE,EAAA;EAAA,IAAAxB,CAAA,SAAAuB,cAAA,IAAAvB,CAAA,SAAAmB,WAAA,IAAAnB,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAtC,UAAA,IAAAsC,CAAA,SAAAW,MAAA,IAAAX,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAiB,YAAA;IAGzCO,EAAA;MAAAL,WAAA;MAAAzE,MAAA,EAEG6E,cAAA;MAAAhB,WAAA;MAAA7C,UAAA;MAAA+D,YAAA,EAGMd,MAAA;MAAAU,UAAA;MAAAJ;IAAA;IAGhBjB,CAAA,OAAAuB,cAAA;IAAAvB,CAAA,OAAAmB,WAAA;IAAAnB,CAAA,OAAAO,WAAA;IAAAP,CAAA,OAAAtC,UAAA;IAAAsC,CAAA,OAAAW,MAAA;IAAAX,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAiB,YAAA;IAAAjB,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OAROwB,EAQP;AAAA,CAGJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useId","useMemo","useRef","useState","toast","Drawer","LoadingOverlay","useModal","useDocumentInfo","useEditDepth","useSearchParams","useServerFunctions","useTranslation","baseClass","formatVersionDrawerSlug","depth","uuid","VersionDrawerContent","props","collectionSlug","docID","drawerSlug","globalSlug","isTrashed","closeModal","searchParams","prevSearchParams","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","t","getDocumentView","fetchDocumentView","isGlobal","Boolean","entitySlug","result","paramsOverride","segments","String","filter","redirectAfterDelete","redirectAfterDuplicate","Object","fromEntries","entries","versions","useVersionDrawerCreatedAtCell","Document","error","message","current","_jsx","VersionDrawer","$","t0","className","slug","title","children","useVersionDrawer","drawerDepth","modalState","openModal","toggleModal","isOpen","setIsOpen","t1","t2","t3","t4","toggleDrawer","t5","closeDrawer","t6","openDrawer","t7","MemoizedDrawer","t8","isDrawerOpen"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { Drawer } from '../../../../elements/Drawer/index.js'\nimport { LoadingOverlay } from '../../../../elements/Loading/index.js'\nimport { useModal } from '../../../../elements/Modal/index.js'\nimport { useDocumentInfo } from '../../../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../../../providers/EditDepth/index.js'\nimport { useSearchParams } from '../../../../providers/RouterAdapter/index.js'\nimport { useServerFunctions } from '../../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const baseClass = 'version-drawer'\nexport const formatVersionDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string // supply when creating a new document and no id is available\n}) => `version-drawer_${depth}_${uuid}`\n\nexport const VersionDrawerContent: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { isTrashed } = useDocumentInfo()\n  const { closeModal } = useModal()\n  const searchParams = useSearchParams()\n  const prevSearchParams = useRef(searchParams)\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n  const { t } = useTranslation()\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const isGlobal = Boolean(globalSlug)\n          const entitySlug = collectionSlug ?? globalSlug\n\n          const result = await renderDocument({\n            collectionSlug: entitySlug,\n            docID,\n            drawerSlug,\n            paramsOverride: {\n              segments: [\n                isGlobal ? 'globals' : 'collections',\n                entitySlug,\n                ...(isTrashed ? ['trash'] : []),\n                isGlobal ? undefined : String(docID),\n                'versions',\n              ].filter(Boolean),\n            },\n            redirectAfterDelete: false,\n            redirectAfterDuplicate: false,\n            searchParams: Object.fromEntries(searchParams.entries()),\n            versions: {\n              useVersionDrawerCreatedAtCell: true,\n            },\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n        }\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      closeModal,\n      collectionSlug,\n      drawerSlug,\n      globalSlug,\n      isTrashed,\n      renderDocument,\n      searchParams,\n      t,\n    ],\n  )\n\n  useEffect(() => {\n    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {\n      prevSearchParams.current = searchParams\n      getDocumentView(docID)\n      hasRenderedDocument.current = true\n    }\n  }, [docID, getDocumentView, searchParams])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return DocumentView\n}\n\nexport const VersionDrawer: React.FC<{\n  collectionSlug?: string\n  docID?: number | string\n  drawerSlug: string\n  globalSlug?: string\n}> = (props) => {\n  const { collectionSlug, docID, drawerSlug, globalSlug } = props\n  const { t } = useTranslation()\n\n  return (\n    <Drawer className={baseClass} slug={drawerSlug} title={t('version:selectVersionToCompare')}>\n      <VersionDrawerContent\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    </Drawer>\n  )\n}\n\nexport const useVersionDrawer = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n}: {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n}) => {\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatVersionDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [drawerSlug, closeModal])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [drawerSlug, openModal])\n\n  const MemoizedDrawer = useMemo(() => {\n    return () => (\n      <VersionDrawer\n        collectionSlug={collectionSlug}\n        docID={docID}\n        drawerSlug={drawerSlug}\n        globalSlug={globalSlug}\n      />\n    )\n  }, [collectionSlug, docID, drawerSlug, globalSlug])\n\n  return useMemo(\n    () => ({\n      closeDrawer,\n      Drawer: MemoizedDrawer,\n      drawerDepth,\n      drawerSlug,\n      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [MemoizedDrawer, closeDrawer, drawerDepth, drawerSlug, isOpen, openDrawer, toggleDrawer],\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAChF,SAASC,KAAK,QAAQ;AAEtB,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAY;AACzB,OAAO,MAAMC,uBAAA,GAA0BA,CAAC;EACtCC,KAAK;EACLC;AAAI,CAIL,KAAK,kBAAkBD,KAAA,IAASC,IAAA,EAAM;AAEvC,OAAO,MAAMC,oBAAA,GAKPC,KAAA;EACJ,MAAM;IAAEC,cAAc;IAAEC,KAAK;IAAEC,UAAU;IAAEC;EAAU,CAAE,GAAGJ,KAAA;EAC1D,MAAM;IAAEK;EAAS,CAAE,GAAGf,eAAA;EACtB,MAAM;IAAEgB;EAAU,CAAE,GAAGjB,QAAA;EACvB,MAAMkB,YAAA,GAAef,eAAA;EACrB,MAAMgB,gBAAA,GAAmBxB,MAAA,CAAOuB,YAAA;EAEhC,MAAM;IAAEE;EAAc,CAAE,GAAGhB,kBAAA;EAE3B,MAAM,CAACiB,YAAA,EAAcC,eAAA,CAAgB,GAAG1B,QAAA,CAA0B2B,SAAA;EAClE,MAAM,CAACC,SAAA,EAAWC,YAAA,CAAa,GAAG7B,QAAA,CAAS;EAC3C,MAAM8B,mBAAA,GAAsB/B,MAAA,CAAO;EACnC,MAAM;IAAEgC;EAAC,CAAE,GAAGtB,cAAA;EAEd,MAAMuB,eAAA,GAAkBrC,WAAA,CACrBsB,OAAA;IACC,MAAMgB,iBAAA,GAAoB,MAAAA,CAAA;MACxBJ,YAAA,CAAa;MAEb,IAAI;QACF,MAAMK,QAAA,GAAWC,OAAA,CAAQhB,UAAA;QACzB,MAAMiB,UAAA,GAAapB,cAAA,IAAkBG,UAAA;QAErC,MAAMkB,MAAA,GAAS,MAAMb,cAAA,CAAe;UAClCR,cAAA,EAAgBoB,UAAA;UAChBnB,KAAA,EAAAA,OAAA;UACAC,UAAA;UACAoB,cAAA,EAAgB;YACdC,QAAA,EAAU,CACRL,QAAA,GAAW,YAAY,eACvBE,UAAA,E,IACIhB,SAAA,GAAY,CAAC,QAAQ,GAAG,EAAE,GAC9Bc,QAAA,GAAWP,SAAA,GAAYa,MAAA,CAAOvB,OAAA,GAC9B,WACD,CAACwB,MAAM,CAACN,OAAA;UACX;UACAO,mBAAA,EAAqB;UACrBC,sBAAA,EAAwB;UACxBrB,YAAA,EAAcsB,MAAA,CAAOC,WAAW,CAACvB,YAAA,CAAawB,OAAO;UACrDC,QAAA,EAAU;YACRC,6BAAA,EAA+B;UACjC;QACF;QAEA,IAAIX,MAAA,EAAQY,QAAA,EAAU;UACpBvB,eAAA,CAAgBW,MAAA,CAAOY,QAAQ;UAC/BpB,YAAA,CAAa;QACf;MACF,EAAE,OAAOqB,KAAA,EAAO;QACdjD,KAAA,CAAMiD,KAAK,CAACA,KAAA,EAAOC,OAAA,IAAWpB,CAAA,CAAE;QAChCV,UAAA,CAAWH,UAAA;MACb;IACF;IAEA,KAAKe,iBAAA;EACP,GACA,CACEZ,UAAA,EACAL,cAAA,EACAE,UAAA,EACAC,UAAA,EACAC,SAAA,EACAI,cAAA,EACAF,YAAA,EACAS,CAAA,CACD;EAGHnC,SAAA,CAAU;IACR,IAAI,CAACkC,mBAAA,CAAoBsB,OAAO,IAAI7B,gBAAA,CAAiB6B,OAAO,KAAK9B,YAAA,EAAc;MAC7EC,gBAAA,CAAiB6B,OAAO,GAAG9B,YAAA;MAC3BU,eAAA,CAAgBf,KAAA;MAChBa,mBAAA,CAAoBsB,OAAO,GAAG;IAChC;EACF,GAAG,CAACnC,KAAA,EAAOe,eAAA,EAAiBV,YAAA,CAAa;EAEzC,IAAIM,SAAA,EAAW;IACb,oBAAOyB,IAAA,CAAClD,cAAA;EACV;EAEA,OAAOsB,YAAA;AACT;AAEA,OAAO,MAAM6B,aAAA,GAKRvC,KAAA;EAAA,MAAAwC,CAAA,GAAA9D,EAAA;EACH;IAAAuB,cAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC;EAAA,IAA0DJ,KAAA;EAC1D;IAAAgB;EAAA,IAActB,cAAA;EAAA,IAAA+C,EAAA;EAAA,IAAAD,CAAA,QAAAvC,cAAA,IAAAuC,CAAA,QAAAtC,KAAA,IAAAsC,CAAA,QAAArC,UAAA,IAAAqC,CAAA,QAAApC,UAAA,IAAAoC,CAAA,QAAAxB,CAAA;IAGZyB,EAAA,GAAAH,IAAA,CAAAnD,MAAA;MAAAuD,SAAA,EAAA/C,SAAA;MAAAgD,IAAA,EAAoCxC,UAAA;MAAAyC,KAAA,EAAmB5B,CAAA,CAAE;MAAA6B,QAAA,EACvDP,IAAA,CAAAvC,oBAAA;QAAAE,cAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC;MAAA,C;;;;;;;;;;;SADFqC,E;CASJ;AAEA,OAAO,MAAMK,gBAAA,GAAmBL,EAAA;EAAA,MAAAD,CAAA,GAAA9D,EAAA;EAAC;IAAAuB,cAAA;IAAAC,KAAA;IAAAE;EAAA,IAAAqC,EAQhC;EACC,MAAAM,WAAA,GAAoBxD,YAAA;EACpB,MAAAO,IAAA,GAAahB,KAAA;EACb;IAAAwB,UAAA;IAAA0C,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAA2D7D,QAAA;EAC3D,OAAA8D,MAAA,EAAAC,SAAA,IAA4BnE,QAAA,MAAS;EAAA,IAAAoE,EAAA;EAAA,IAAAb,CAAA,QAAAO,WAAA,IAAAP,CAAA,QAAA1C,IAAA;IAElBuD,EAAA,GAAAzD,uBAAA;MAAAC,KAAA,EACVkD,WAAA;MAAAjD;IAAA,CAET;IAAA0C,CAAA,MAAAO,WAAA;IAAAP,CAAA,MAAA1C,IAAA;IAAA0C,CAAA,MAAAa,EAAA;EAAA;IAAAA,EAAA,GAAAb,CAAA;EAAA;EAHA,MAAArC,UAAA,GAAmBkD,EAGnB;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAf,CAAA,QAAArC,UAAA,IAAAqC,CAAA,QAAAQ,UAAA;IAEUM,EAAA,GAAAA,CAAA;MACRF,SAAA,CAAUhC,OAAA,CAAQ4B,UAAU,CAAC7C,UAAA,GAAAgD,MAAa;IAAA;IACzCI,EAAA,IAACP,UAAA,EAAY7C,UAAA;IAAWqC,CAAA,MAAArC,UAAA;IAAAqC,CAAA,MAAAQ,UAAA;IAAAR,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAD,EAAA,GAAAd,CAAA;IAAAe,EAAA,GAAAf,CAAA;EAAA;EAF3B3D,SAAA,CAAUyE,EAEV,EAAGC,EAAwB;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAArC,UAAA,IAAAqC,CAAA,QAAAU,WAAA;IAEMM,EAAA,GAAAA,CAAA;MAC/BN,WAAA,CAAY/C,UAAA;IAAA;IACdqC,CAAA,MAAArC,UAAA;IAAAqC,CAAA,MAAAU,WAAA;IAAAV,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFA,MAAAiB,YAAA,GAAqBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAAlB,CAAA,SAAAlC,UAAA,IAAAkC,CAAA,SAAArC,UAAA;IAEIuD,EAAA,GAAAA,CAAA;MAC9BpD,UAAA,CAAWH,UAAA;IAAA;IACbqC,CAAA,OAAAlC,UAAA;IAAAkC,CAAA,OAAArC,UAAA;IAAAqC,CAAA,OAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAFA,MAAAmB,WAAA,GAAoBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAApB,CAAA,SAAArC,UAAA,IAAAqC,CAAA,SAAAS,SAAA;IAEIW,EAAA,GAAAA,CAAA;MAC7BX,SAAA,CAAU9C,UAAA;IAAA;IACZqC,CAAA,OAAArC,UAAA;IAAAqC,CAAA,OAAAS,SAAA;IAAAT,CAAA,OAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EAFA,MAAAqB,UAAA,GAAmBD,EAEO;EAAA,IAAAE,EAAA;EAAA,IAAAtB,CAAA,SAAAvC,cAAA,IAAAuC,CAAA,SAAAtC,KAAA,IAAAsC,CAAA,SAAArC,UAAA,IAAAqC,CAAA,SAAApC,UAAA;IAGjB0D,EAAA,GAAAA,CAAA,KACLxB,IAAA,CAAAC,aAAA;MAAAtC,cAAA;MAAAC,KAAA;MAAAC,UAAA;MAAAC;IAAA,C;;;;;;;;;EAFJ,MAAA2D,cAAA,GACSD,E;EAQyC,IAAAE,EAAA;EAAA,IAAAxB,CAAA,SAAAuB,cAAA,IAAAvB,CAAA,SAAAmB,WAAA,IAAAnB,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAArC,UAAA,IAAAqC,CAAA,SAAAW,MAAA,IAAAX,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAiB,YAAA;IAGzCO,EAAA;MAAAL,WAAA;MAAAxE,MAAA,EAEG4E,cAAA;MAAAhB,WAAA;MAAA5C,UAAA;MAAA8D,YAAA,EAGMd,MAAA;MAAAU,UAAA;MAAAJ;IAAA;IAGhBjB,CAAA,OAAAuB,cAAA;IAAAvB,CAAA,OAAAmB,WAAA;IAAAnB,CAAA,OAAAO,WAAA;IAAAP,CAAA,OAAArC,UAAA;IAAAqC,CAAA,OAAAW,MAAA;IAAAX,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAiB,YAAA;IAAAjB,CAAA,OAAAwB,EAAA;EAAA;IAAAA,EAAA,GAAAxB,CAAA;EAAA;EAAA,OAROwB,EAQP;AAAA,CAGJ","ignoreList":[]}

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import React, { memo, useCallback, useMemo } from 'react';
 import { ReactSelect } from '../../../elements/ReactSelect/index.js';
 import { fieldBaseClass } from '../../../fields/shared/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import './index.scss';
+import './index.css';
 import { useVersionDrawer } from './VersionDrawer/index.js';
 const baseClass = 'compare-version';
 export const SelectComparison = /*#__PURE__*/memo(props => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.scss'\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC8B,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","memo","useCallback","useMemo","ReactSelect","fieldBaseClass","useTranslation","useVersionDrawer","baseClass","SelectComparison","props","collectionSlug","docID","globalSlug","onChange","onChangeFromProps","versionFromID","versionFromOptions","t","Drawer","openDrawer","options","label","_jsx","className","value","currentOption","find","option","val","_jsxs","filter","Boolean","join","isClearable","isSearchable","placeholder"],"sources":["../../../../src/views/Version/SelectComparison/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { memo, useCallback, useMemo } from 'react'\n\nimport type { CompareOption } from '../Default/types.js'\nimport type { Props } from './types.js'\n\nimport { ReactSelect } from '../../../elements/ReactSelect/index.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\nimport { useVersionDrawer } from './VersionDrawer/index.js'\n\nconst baseClass = 'compare-version'\n\nexport const SelectComparison: React.FC<Props> = memo((props) => {\n  const {\n    collectionSlug,\n    docID,\n    globalSlug,\n    onChange: onChangeFromProps,\n    versionFromID,\n    versionFromOptions,\n  } = props\n  const { t } = useTranslation()\n\n  const { Drawer, openDrawer } = useVersionDrawer({ collectionSlug, docID, globalSlug })\n\n  const options = useMemo(() => {\n    return [\n      ...versionFromOptions,\n      {\n        label: <span className={`${baseClass}-moreVersions`}>{t('version:moreVersions')}</span>,\n        value: 'more',\n      },\n    ]\n  }, [t, versionFromOptions])\n\n  const currentOption = useMemo(\n    () => versionFromOptions.find((option) => option.value === versionFromID),\n    [versionFromOptions, versionFromID],\n  )\n\n  const onChange = useCallback(\n    (val: CompareOption) => {\n      if (val.value === 'more') {\n        openDrawer()\n        return\n      }\n      onChangeFromProps(val)\n    },\n    [onChangeFromProps, openDrawer],\n  )\n\n  return (\n    <div className={[fieldBaseClass, baseClass].filter(Boolean).join(' ')}>\n      <ReactSelect\n        isClearable={false}\n        isSearchable={false}\n        onChange={onChange}\n        options={options}\n        placeholder={t('version:selectVersionToCompare')}\n        value={currentOption}\n      />\n      <Drawer />\n    </div>\n  )\n})\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,IAAI,EAAEC,WAAW,EAAEC,OAAO,QAAQ;AAKlD,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,gBAAgB,QAAQ;AAEjC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,gBAAoCR,IAAA,CAAMS,KAAA;EACrD,MAAM;IACJC,cAAc;IACdC,KAAK;IACLC,UAAU;IACVC,QAAA,EAAUC,iBAAiB;IAC3BC,aAAa;IACbC;EAAkB,CACnB,GAAGP,KAAA;EACJ,MAAM;IAAEQ;EAAC,CAAE,GAAGZ,cAAA;EAEd,MAAM;IAAEa,MAAM;IAAEC;EAAU,CAAE,GAAGb,gBAAA,CAAiB;IAAEI,cAAA;IAAgBC,KAAA;IAAOC;EAAW;EAEpF,MAAMQ,OAAA,GAAUlB,OAAA,CAAQ;IACtB,OAAO,C,GACFc,kBAAA,EACH;MACEK,KAAA,eAAOC,IAAA,CAAC;QAAKC,SAAA,EAAW,GAAGhB,SAAA,eAAwB;kBAAGU,CAAA,CAAE;;MACxDO,KAAA,EAAO;IACT,EACD;EACH,GAAG,CAACP,CAAA,EAAGD,kBAAA,CAAmB;EAE1B,MAAMS,aAAA,GAAgBvB,OAAA,CACpB,MAAMc,kBAAA,CAAmBU,IAAI,CAAEC,MAAA,IAAWA,MAAA,CAAOH,KAAK,KAAKT,aAAA,GAC3D,CAACC,kBAAA,EAAoBD,aAAA,CAAc;EAGrC,MAAMF,QAAA,GAAWZ,WAAA,CACd2B,GAAA;IACC,IAAIA,GAAA,CAAIJ,KAAK,KAAK,QAAQ;MACxBL,UAAA;MACA;IACF;IACAL,iBAAA,CAAkBc,GAAA;EACpB,GACA,CAACd,iBAAA,EAAmBK,UAAA,CAAW;EAGjC,oBACEU,KAAA,CAAC;IAAIN,SAAA,EAAW,CAACnB,cAAA,EAAgBG,SAAA,CAAU,CAACuB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC/DV,IAAA,CAACnB,WAAA;MACC8B,WAAA,EAAa;MACbC,YAAA,EAAc;MACdrB,QAAA,EAAUA,QAAA;MACVO,OAAA,EAASA,OAAA;MACTe,WAAA,EAAalB,CAAA,CAAE;MACfO,KAAA,EAAOC;qBAETH,IAAA,CAACJ,MAAA;;AAGP","ignoreList":[]}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","AnimateHeight","PillSelector","baseClass","SelectLocales","locales","localeSelectorOpen","onChange","_jsx","className","height","id","onClick","pill","newLocales","map","locale","name","selected","pills"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { AnimateHeight } from '../../../elements/AnimateHeight/index.js'\nimport { PillSelector, type SelectablePill } from '../../../elements/PillSelector/index.js'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  localeSelectorOpen: boolean\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, localeSelectorOpen, onChange }) => {\n  return (\n    <AnimateHeight\n      className={baseClass}\n      height={localeSelectorOpen ? 'auto' : 0}\n      id={`${baseClass}-locales`}\n    >\n      <PillSelector\n        onClick={({ pill }) => {\n          const newLocales = locales.map((locale) => {\n            if (locale.name === pill.name) {\n              return {\n                ...locale,\n                selected: !pill.selected,\n              }\n            } else {\n              return locale\n            }\n          })\n          onChange({ locales: newLocales })\n        }}\n        pills={locales}\n      />\n    </AnimateHeight>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAA6B;AAElD,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,aAAA,GAAiCA,CAAC;EAAEC,OAAO;EAAEC,kBAAkB;EAAEC;AAAQ,CAAE;EACtF,oBACEC,IAAA,CAACP,aAAA;IACCQ,SAAA,EAAWN,SAAA;IACXO,MAAA,EAAQJ,kBAAA,GAAqB,SAAS;IACtCK,EAAA,EAAI,GAAGR,SAAA,UAAmB;cAE1B,aAAAK,IAAA,CAACN,YAAA;MACCU,OAAA,EAASA,CAAC;QAAEC;MAAI,CAAE;QAChB,MAAMC,UAAA,GAAaT,OAAA,CAAQU,GAAG,CAAEC,MAAA;UAC9B,IAAIA,MAAA,CAAOC,IAAI,KAAKJ,IAAA,CAAKI,IAAI,EAAE;YAC7B,OAAO;cACL,GAAGD,MAAM;cACTE,QAAA,EAAU,CAACL,IAAA,CAAKK;YAClB;UACF,OAAO;YACL,OAAOF,MAAA;UACT;QACF;QACAT,QAAA,CAAS;UAAEF,OAAA,EAASS;QAAW;MACjC;MACAK,KAAA,EAAOd;;;AAIf","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Button","Popup","PopupList","ChevronIcon","useTranslation","baseClass","SelectLocales","t0","$","locales","onChange","t","t1","_jsx","RadioGroup","children","map","locale","RadioGroupItem","active","selected","onClick","newLocales","l","name","t2","t3","buttonProps","buttonStyle","className","icon","direction","size","some","_temp","horizontalAlign","render","theme","locale_0"],"sources":["../../../../src/views/Version/SelectLocales/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SelectablePill } from '../../../elements/PillSelector/index.js'\n\nimport { Button } from '../../../elements/Button/index.js'\nimport { Popup, PopupList } from '../../../elements/Popup/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'select-version-locales'\n\nexport type SelectedLocaleOnChange = (args: { locales: SelectablePill[] }) => void\nexport type Props = {\n  locales: SelectablePill[]\n  onChange: SelectedLocaleOnChange\n}\n\nexport const SelectLocales: React.FC<Props> = ({ locales, onChange }) => {\n  const { t } = useTranslation()\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      render={() => (\n        <PopupList.RadioGroup>\n          {locales.map((locale) => (\n            <PopupList.RadioGroupItem\n              active={locale.selected}\n              key={locale.name}\n              onClick={() => {\n                const newLocales = locales.map((l) =>\n                  l.name === locale.name ? { ...l, selected: !l.selected } : l,\n                )\n                onChange({ locales: newLocales })\n              }}\n            >\n              {locale.name}\n            </PopupList.RadioGroupItem>\n          ))}\n        </PopupList.RadioGroup>\n      )}\n      renderButton={({ active, ...buttonProps }) => (\n        <Button\n          {...buttonProps}\n          buttonStyle=\"secondary\"\n          className={`view-version__toggle-locales`}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          selected={locales.some((locale) => locale.selected)}\n          size=\"medium\"\n        >\n          {t('general:locales')}\n        </Button>\n      )}\n      size=\"small\"\n      theme=\"dark\"\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAQlB,OAAO,MAAMC,aAAA,GAAiCC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW,OAAA;IAAAC;EAAA,IAAAH,EAAqB;EAClE;IAAAI;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,QAAA;IAMFE,EAAA,GAAAA,CAAA,KACNC,IAAA,CAAAX,SAAA,CAAAY,UAAA;MAAAC,QAAA,EACGN,OAAA,CAAAO,GAAA,CAAAC,MAAA,IACCJ,IAAA,CAAAX,SAAA,CAAAgB,cAAA;QAAAC,MAAA,EACUF,MAAA,CAAAG,QAAA;QAAAC,OAAA,EAAAA,CAAA;UAGN,MAAAC,UAAA,GAAmBb,OAAA,CAAAO,GAAA,CAAAO,CAAA,IACjBA,CAAA,CAAAC,IAAA,KAAWP,MAAA,CAAAO,IAAW;YAAA,GAAQD,CAAC;YAAAH,QAAA,GAAaG,CAAA,CAAAH;UAAA,IAAeG,CAAA;UAE7Db,QAAA;YAAAD,OAAA,EAAoBa;UAAA,CAAW;QAAA;QAAAP,QAAA,EAGhCE,MAAA,CAAAO;MAAA,GARIP,MAAA,CAAAO,IAAW;IAAA,C;;;;;;;;;IAaVC,EAAA,GAAAC,EAAA;MAAC;QAAAP,MAAA;QAAA,GAAAQ;MAAA,IAAAD,EAA0B;MAAA,OACvCb,IAAA,CAAAb,MAAA;QAAA,GACM2B,WAAW;QAAAC,WAAA,EACH;QAAAC,SAAA,EACD,8BAA8B;QAAAC,IAAA,EACnCjB,IAAA,CAAAV,WAAA;UAAA4B,SAAA,EAAwBZ,MAAA,GAAS,OAAO;UAAAa,IAAA;QAAA,C;kBACpCvB,OAAA,CAAAwB,IAAA,CAAAC,KAAwC;QAAAF,IAAA,EAC7C;QAAAjB,QAAA,EAEJJ,CAAA,CAAE;MAAA,C;;;;;;;;;;IA9BTe,EAAA,GAAAb,IAAA,CAAAZ,KAAA;MAAA4B,SAAA,EAAAxB,SAAA;MAAA8B,eAAA,EAEkB;MAAAC,MAAA,EACRxB,E;oBAkBMa,E;YAYT;MAAAY,KAAA,EACC;IAAA,C;;;;;;;SAlCRX,E;CAqCJ;AAzC8C,SAAAQ,MAAAI,QAAA;EAAA,OA+BDrB,QAAA,CAAAG,QAAA;AAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","Link","useConfig","useTranslation","formatDate","CreatedAtCell","t0","collectionSlug","docID","globalSlug","isTrashed","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","routes","t4","dateFormat","adminRoute","i18n","trashedDocPrefix","to","_jsx","href","prefetch","children","date","pattern"],"sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../../../elements/Link/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport type CreatedAtCellProps = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  isTrashed?: boolean\n  rowData?: {\n    id: number | string\n    updatedAt: Date | number | string\n  }\n}\n\nexport const CreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n  isTrashed,\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const trashedDocPrefix = isTrashed ? 'trash/' : ''\n\n  let to: string\n\n  if (collectionSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${trashedDocPrefix}${docID}/versions/${id}`,\n    })\n  }\n\n  if (globalSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}/versions/${id}`,\n    })\n  }\n\n  return (\n    <Link href={to} prefetch={false}>\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAa3B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAC;IAAAC,cAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,OAAA,EAAAC;EAAA,IAAAN,EAM3D;EADU;IAAAO,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAAG,SAAA,QAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAKIf,SAAA;EAJM;IAAAgB,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAGP;EAFQ;IAAAK;EAAA,IAAAH,EAAc;EACb;IAAAD,KAAA,EAAAK;EAAA,IAAAF,EAAqB;EAIjC;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,gBAAA,GAAyBf,SAAA,GAAY,WAAW;EAE5CgB,GAAA,CAAAA,EAAA;EAAA,IAEAnB,cAAA;IACFmB,EAAA,CAAAA,CAAA,CAAKA;MAAAA;MAAAA,KAAA,CAEGA,gBAAgBnB,cAAA,IAAkBkB,gBAAA,GAAmBjB,KAAA,aAAkBK,EAAA;IAAI,CACnF;EAHA;EAAA,IAMEJ,UAAA;IACFiB,EAAA,CAAAA,CAAA,CAAKA;MAAAA;MAAAA,KAAA,CAEGA,YAAYjB,UAAA,aAAuBI,EAAA;IAAI,CAC/C;EAHA;EAAA,OAOAc,IAAA,CAAA1B,IAAA;IAAA2B,IAAA,EAAYF,EAAA;IAAAG,QAAA;IAAAC,QAAA,EACT1B,UAAA;MAAA2B,IAAA,EAAmBjB,SAAA;MAAAU,IAAA;MAAAQ,OAAA,EAA0BV;IAAA,CAAW;EAAA,C;CAG/D","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","React","Link","useConfig","useTranslation","formatDate","CreatedAtCell","t0","collectionSlug","docID","globalSlug","isTrashed","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","routes","t4","dateFormat","adminRoute","i18n","trashedDocPrefix","to","_jsx","href","date","pattern"],"sources":["../../../../../src/views/Versions/cells/CreatedAt/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { Link } from '../../../../elements/Link/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport type CreatedAtCellProps = {\n  collectionSlug?: string\n  docID?: number | string\n  globalSlug?: string\n  isTrashed?: boolean\n  rowData?: {\n    id: number | string\n    updatedAt: Date | number | string\n  }\n}\n\nexport const CreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  collectionSlug,\n  docID,\n  globalSlug,\n  isTrashed,\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const trashedDocPrefix = isTrashed ? 'trash/' : ''\n\n  let to: string\n\n  if (collectionSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/collections/${collectionSlug}/${trashedDocPrefix}${docID}/versions/${id}`,\n    })\n  }\n\n  if (globalSlug) {\n    to = formatAdminURL({\n      adminRoute,\n      path: `/globals/${globalSlug}/versions/${id}`,\n    })\n  }\n\n  return (\n    <Link href={to} prefetch={false}>\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAa3B,OAAO,MAAMC,aAAA,GAA8CC,EAAA;EAAC;IAAAC,cAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,SAAA;IAAAC,OAAA,EAAAC;EAAA,IAAAN,EAM3D;EADU;IAAAO,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAAG,SAAA,QAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAKIf,SAAA;EAJM;IAAAgB,KAAA,EAAAC,EAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAJ,EAGP;EAFQ;IAAAK;EAAA,IAAAH,EAAc;EACb;IAAAD,KAAA,EAAAK;EAAA,IAAAF,EAAqB;EAIjC;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,gBAAA,GAAyBf,SAAA,GAAY,WAAW;EAE5CgB,GAAA,CAAAA,EAAA;EAAA,IAEAnB,cAAA;IACFmB,EAAA,CAAAA,CAAA,CAAKA;MAAAA;MAAAA,KAAA,CAEGA,gBAAgBnB,cAAA,IAAkBkB,gBAAA,GAAmBjB,KAAA,aAAkBK,EAAA;IAAI,CACnF;EAHA;EAAA,IAMEJ,UAAA;IACFiB,EAAA,CAAAA,CAAA,CAAKA;MAAAA;MAAAA,KAAA,CAEGA,YAAYjB,UAAA,aAAuBI,EAAA;IAAI,CAC/C;EAHA;EAAA,OAOAc,IAAA,CAAA1B,IAAA;IAAA2B,IAAA,EAAYF,EAAA;IAAAA,QAAA;IAAAA,QAAA,EACTtB,UAAA;MAAAyB,IAAA,EAAmBf,SAAA;MAAAU,IAAA;MAAAM,OAAA,EAA0BR;IAAA,CAAW;EAAA,C;CAG/D","ignoreList":[]}

package/dist/views/Versions/index.css

@@ -7,7 +7,6 @@
   }
 
   .versions__wrap {
-    padding: 0 var(--gutter-h) var(--spacing-view-bottom) var(--gutter-h);
     display: flex;
     flex-direction: column;
     flex: 1;
@@ -39,22 +38,37 @@
   }
 
   .versions .table th:first-child {
-    padding-inline-start: var(--spacer-2-5);
+    padding-inline-start: var(--gutter-h);
   }
 
   .versions .table td:first-child:not(.cell--linked) {
-    padding-inline-start: var(--spacer-2-5);
+    padding-inline-start: var(--gutter-h);
   }
 
   .versions .table td.cell--linked {
     padding: 0;
   }
 
-  .versions .table td.cell--linked > a {
-    padding: 0 var(--spacer-2-5);
+  .versions .table td.cell--linked > :is(a, button) {
+    padding-inline-start: var(--gutter-h);
     width: 100%;
   }
 
+  .versions .table td.cell--linked > :is(a, button) {
+    font-weight: var(--text-body-medium-strong-font-weight);
+    text-decoration-line: underline;
+    text-decoration-style: solid;
+    text-decoration-skip-ink: none;
+    text-decoration-color: var(--color-border);
+    text-decoration-thickness: auto;
+    text-underline-offset: 2px;
+    text-underline-position: from-font;
+
+    &:hover {
+      text-decoration-color: var(--color-text);
+    }
+  }
+
   .versions .paginator {
     margin-bottom: 0;
   }
@@ -62,18 +76,11 @@
   /* 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));
+      flex-direction: column;
       max-width: unset;
-      left: calc(var(--gutter-h) * -1);
       position: relative;
-      padding-left: var(--gutter-h);
     }
 
     .versions .table::after {

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

@@ -1,4 +1,4 @@
-import { type DocumentViewServerProps } from 'payload';
+import type { DocumentViewServerProps } from 'payload';
 import React from 'react';
 import './index.css';
 export declare function VersionsView(props: DocumentViewServerProps): Promise<React.JSX.Element>;

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":"AAAA,OAAO,EAAE,KAAK,uBAAuB,EAAkC,MAAM,SAAS,CAAA;AAEtF,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,YAAY,CAAC,KAAK,EAAE,uBAAuB,8BA8LhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/Versions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAiB,MAAM,SAAS,CAAA;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAYzB,OAAO,aAAa,CAAA;AAIpB,wBAAsB,YAAY,CAAC,KAAK,EAAE,uBAAuB,8BA6JhE"}

package/dist/views/Versions/index.js

@@ -33,7 +33,6 @@ export async function VersionsView(props) {
     },
     versions: {
       CreatedAtCellOverride,
-      disableGutter = false,
       useVersionDrawerCreatedAtCell = false
     } = {}
   } = props;
@@ -42,21 +41,10 @@ export async function VersionsView(props) {
   const globalSlug = globalConfig?.slug;
   const isTrashed = segments[2] === 'trash';
   const {
-    localization,
     routes: {
       api: apiRoute
     }
   } = config;
-  const whereQuery = {
-    and: []
-  };
-  if (localization && draftsEnabled) {
-    whereQuery.and.push({
-      snapshot: {
-        not_equals: true
-      }
-    });
-  }
   const defaultLimit = collectionSlug ? collectionConfig?.admin?.pagination?.defaultLimit : 10;
   const limitToUse = isNumber(limit) ? Number(limit) : defaultLimit;
   const versionsData = await fetchVersions({
@@ -70,8 +58,7 @@ export async function VersionsView(props) {
     parentID: id,
     req,
     sort: sort,
-    user,
-    where: whereQuery
+    user
   });
   if (!versionsData) {
     return req.server.notFound();
@@ -93,12 +80,7 @@ export async function VersionsView(props) {
       }
     },
     status: 'published',
-    user,
-    where: localization ? {
-      snapshot: {
-        not_equals: true
-      }
-    } : undefined
+    user
   }) : Promise.resolve(null), draftsEnabled ? fetchLatestVersion({
     collectionSlug,
     depth: 0,
@@ -116,12 +98,7 @@ export async function VersionsView(props) {
       }
     },
     status: 'draft',
-    user,
-    where: localization ? {
-      snapshot: {
-        not_equals: true
-      }
-    } : undefined
+    user
   }) : Promise.resolve(null)]);
   const fetchURL = formatAdminURL({
     apiRoute,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","hasDraftsEnabled","isNumber","React","ListQueryProvider","SetDocumentStepNav","VersionDrawerCreatedAtCell","VersionsViewClient","buildVersionColumns","fetchLatestVersion","fetchVersions","baseClass","VersionsView","props","hasPublishedDoc","initPageResult","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","t","user","routeSegments","segments","searchParams","limit","page","sort","versions","CreatedAtCellOverride","disableGutter","useVersionDrawerCreatedAtCell","draftsEnabled","collectionSlug","slug","globalSlug","isTrashed","localization","routes","api","apiRoute","whereQuery","and","push","snapshot","not_equals","defaultLimit","admin","pagination","limitToUse","Number","versionsData","depth","locale","overrideAccess","parseInt","toString","undefined","parentID","where","server","notFound","currentlyPublishedVersion","latestDraftVersion","Promise","all","select","updatedAt","version","_status","status","resolve","fetchURL","path","resolvedCreatedAtCellOverride","columns","docs","pluralLabel","labels","plural","label","_jsxs","Fragment","_jsx","useAsTitle","view","className","data","modifySearchParams","orderableFieldName","orderable","query","paginationLimits","limits"],"sources":["../../../src/views/Versions/index.tsx"],"sourcesContent":["import { type DocumentViewServerProps, type PaginatedDocs, type Where } from 'payload'\nimport { formatAdminURL, hasDraftsEnabled, isNumber } from 'payload/shared'\nimport React from 'react'\n\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  ListQueryProvider,\n  SetDocumentStepNav,\n  VersionDrawerCreatedAtCell,\n  VersionsViewClient,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildVersionColumns } from './buildColumns.js'\nimport { fetchLatestVersion, fetchVersions } from './fetchVersions.js'\nimport './index.css'\n\nconst baseClass = 'versions'\n\nexport async function VersionsView(props: DocumentViewServerProps) {\n  const {\n    hasPublishedDoc,\n    initPageResult: {\n      collectionConfig,\n      docID: id,\n      globalConfig,\n      req,\n      req: {\n        i18n,\n        payload: { config },\n        t,\n        user,\n      },\n    },\n    routeSegments: segments,\n    searchParams: { limit, page, sort },\n    versions: {\n      CreatedAtCellOverride,\n      disableGutter = false,\n      useVersionDrawerCreatedAtCell = false,\n    } = {},\n  } = props\n\n  const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const isTrashed = segments[2] === 'trash'\n\n  const {\n    localization,\n    routes: { api: apiRoute },\n  } = config\n\n  const whereQuery: {\n    and: Array<{ parent?: { equals: number | string }; snapshot?: { not_equals: boolean } }>\n  } & Where = {\n    and: [],\n  }\n  if (localization && draftsEnabled) {\n    whereQuery.and.push({\n      snapshot: {\n        not_equals: true,\n      },\n    })\n  }\n\n  const defaultLimit = collectionSlug ? collectionConfig?.admin?.pagination?.defaultLimit : 10\n\n  const limitToUse = isNumber(limit) ? Number(limit) : defaultLimit\n\n  const versionsData: PaginatedDocs = await fetchVersions({\n    collectionSlug,\n    depth: 0,\n    globalSlug,\n    limit: limitToUse,\n    locale: req.locale,\n    overrideAccess: false,\n    page: page ? parseInt(page.toString(), 10) : undefined,\n    parentID: id,\n    req,\n    sort: sort as string,\n    user,\n    where: whereQuery,\n  })\n\n  if (!versionsData) {\n    return req.server.notFound()\n  }\n\n  const [currentlyPublishedVersion, latestDraftVersion] = await Promise.all([\n    hasPublishedDoc\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'published',\n          user,\n          where: localization\n            ? {\n                snapshot: {\n                  not_equals: true,\n                },\n              }\n            : undefined,\n        })\n      : Promise.resolve(null),\n    draftsEnabled\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'draft',\n          user,\n          where: localization\n            ? {\n                snapshot: {\n                  not_equals: true,\n                },\n              }\n            : undefined,\n        })\n      : Promise.resolve(null),\n  ])\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: collectionSlug ? `/${collectionSlug}/versions` : `/${globalSlug}/versions`,\n  })\n\n  const resolvedCreatedAtCellOverride =\n    CreatedAtCellOverride ??\n    (useVersionDrawerCreatedAtCell ? VersionDrawerCreatedAtCell : undefined)\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    CreatedAtCellOverride: resolvedCreatedAtCellOverride,\n    currentlyPublishedVersion,\n    docID: id,\n    docs: versionsData?.docs,\n    globalConfig,\n    i18n,\n    isTrashed,\n    latestDraftVersion,\n  })\n\n  const pluralLabel =\n    typeof collectionConfig?.labels?.plural === 'function'\n      ? collectionConfig.labels.plural({ i18n, t })\n      : (collectionConfig?.labels?.plural ?? globalConfig?.label)\n\n  return (\n    <React.Fragment>\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={pluralLabel}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalSlug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <div className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            modifySearchParams\n            orderableFieldName={collectionConfig?.orderable === true ? '_order' : undefined}\n            query={{\n              limit: limitToUse,\n              sort: sort as string,\n            }}\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </div>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["formatAdminURL","hasDraftsEnabled","isNumber","React","ListQueryProvider","SetDocumentStepNav","VersionDrawerCreatedAtCell","VersionsViewClient","buildVersionColumns","fetchLatestVersion","fetchVersions","baseClass","VersionsView","props","hasPublishedDoc","initPageResult","collectionConfig","docID","id","globalConfig","req","i18n","payload","config","t","user","routeSegments","segments","searchParams","limit","page","sort","versions","CreatedAtCellOverride","useVersionDrawerCreatedAtCell","draftsEnabled","collectionSlug","slug","globalSlug","isTrashed","routes","api","apiRoute","defaultLimit","admin","pagination","limitToUse","Number","versionsData","depth","locale","overrideAccess","parseInt","toString","undefined","parentID","server","notFound","currentlyPublishedVersion","latestDraftVersion","Promise","all","select","updatedAt","version","_status","status","resolve","fetchURL","path","resolvedCreatedAtCellOverride","columns","docs","pluralLabel","labels","plural","label","_jsxs","Fragment","_jsx","useAsTitle","view","className","data","modifySearchParams","orderableFieldName","orderable","query","paginationLimits","limits"],"sources":["../../../src/views/Versions/index.tsx"],"sourcesContent":["import type { DocumentViewServerProps, PaginatedDocs } from 'payload'\n\nimport { formatAdminURL, hasDraftsEnabled, isNumber } from 'payload/shared'\nimport React from 'react'\n\n/* eslint-disable payload/no-imports-from-exports-dir -- Server component must reference exports/client bundle for proper client boundary in prod builds */\nimport {\n  ListQueryProvider,\n  SetDocumentStepNav,\n  VersionDrawerCreatedAtCell,\n  VersionsViewClient,\n} from '../../exports/client/index.js'\n/* eslint-enable payload/no-imports-from-exports-dir */\nimport { buildVersionColumns } from './buildColumns.js'\nimport { fetchLatestVersion, fetchVersions } from './fetchVersions.js'\nimport './index.css'\n\nconst baseClass = 'versions'\n\nexport async function VersionsView(props: DocumentViewServerProps) {\n  const {\n    hasPublishedDoc,\n    initPageResult: {\n      collectionConfig,\n      docID: id,\n      globalConfig,\n      req,\n      req: {\n        i18n,\n        payload: { config },\n        t,\n        user,\n      },\n    },\n    routeSegments: segments,\n    searchParams: { limit, page, sort },\n    versions: { CreatedAtCellOverride, useVersionDrawerCreatedAtCell = false } = {},\n  } = props\n\n  const draftsEnabled = hasDraftsEnabled(collectionConfig || globalConfig)\n\n  const collectionSlug = collectionConfig?.slug\n  const globalSlug = globalConfig?.slug\n\n  const isTrashed = segments[2] === 'trash'\n\n  const {\n    routes: { api: apiRoute },\n  } = config\n\n  const defaultLimit = collectionSlug ? collectionConfig?.admin?.pagination?.defaultLimit : 10\n\n  const limitToUse = isNumber(limit) ? Number(limit) : defaultLimit\n\n  const versionsData: PaginatedDocs = await fetchVersions({\n    collectionSlug,\n    depth: 0,\n    globalSlug,\n    limit: limitToUse,\n    locale: req.locale,\n    overrideAccess: false,\n    page: page ? parseInt(page.toString(), 10) : undefined,\n    parentID: id,\n    req,\n    sort: sort as string,\n    user,\n  })\n\n  if (!versionsData) {\n    return req.server.notFound()\n  }\n\n  const [currentlyPublishedVersion, latestDraftVersion] = await Promise.all([\n    hasPublishedDoc\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'published',\n          user,\n        })\n      : Promise.resolve(null),\n    draftsEnabled\n      ? fetchLatestVersion({\n          collectionSlug,\n          depth: 0,\n          globalSlug,\n          locale: req.locale,\n          overrideAccess: false,\n          parentID: id,\n          req,\n          select: {\n            id: true,\n            updatedAt: true,\n            version: {\n              _status: true,\n              updatedAt: true,\n            },\n          },\n          status: 'draft',\n          user,\n        })\n      : Promise.resolve(null),\n  ])\n\n  const fetchURL = formatAdminURL({\n    apiRoute,\n    path: collectionSlug ? `/${collectionSlug}/versions` : `/${globalSlug}/versions`,\n  })\n\n  const resolvedCreatedAtCellOverride =\n    CreatedAtCellOverride ??\n    (useVersionDrawerCreatedAtCell ? VersionDrawerCreatedAtCell : undefined)\n\n  const columns = buildVersionColumns({\n    collectionConfig,\n    CreatedAtCellOverride: resolvedCreatedAtCellOverride,\n    currentlyPublishedVersion,\n    docID: id,\n    docs: versionsData?.docs,\n    globalConfig,\n    i18n,\n    isTrashed,\n    latestDraftVersion,\n  })\n\n  const pluralLabel =\n    typeof collectionConfig?.labels?.plural === 'function'\n      ? collectionConfig.labels.plural({ i18n, t })\n      : (collectionConfig?.labels?.plural ?? globalConfig?.label)\n\n  return (\n    <React.Fragment>\n      <SetDocumentStepNav\n        collectionSlug={collectionSlug}\n        globalSlug={globalSlug}\n        id={id}\n        isTrashed={isTrashed}\n        pluralLabel={pluralLabel}\n        useAsTitle={collectionConfig?.admin?.useAsTitle || globalSlug}\n        view={i18n.t('version:versions')}\n      />\n      <main className={baseClass}>\n        <div className={`${baseClass}__wrap`}>\n          <ListQueryProvider\n            data={versionsData}\n            modifySearchParams\n            orderableFieldName={collectionConfig?.orderable === true ? '_order' : undefined}\n            query={{\n              limit: limitToUse,\n              sort: sort as string,\n            }}\n          >\n            <VersionsViewClient\n              baseClass={baseClass}\n              columns={columns}\n              fetchURL={fetchURL}\n              paginationLimits={collectionConfig?.admin?.pagination?.limits}\n            />\n          </ListQueryProvider>\n        </div>\n      </main>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.5d5a2b2",
+  "version": "4.0.0-internal.688c4d0",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -797,7 +797,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.5d5a2b2"
+    "@payloadcms/translations": "4.0.0-internal.688c4d0"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -811,13 +811,13 @@
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "payload": "4.0.0-internal.5d5a2b2",
-    "@payloadcms/eslint-config": "3.28.0"
+    "@payloadcms/eslint-config": "3.28.0",
+    "payload": "4.0.0-internal.688c4d0"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.5d5a2b2"
+    "payload": "4.0.0-internal.688c4d0"
   },
   "engines": {
     "node": ">=24.15.0"

package/dist/elements/BulkUpload/AddingFilesView/index.scss

@@ -1,25 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .bulk-upload--file-manager {
-    display: flex;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-
-    &__editView {
-      flex-grow: 1;
-      height: 100%;
-      max-height: 100%;
-      overflow: auto;
-    }
-
-    @include mid-break {
-      flex-direction: column-reverse;
-
-      &__editView {
-        flex-grow: 1;
-      }
-    }
-  }
-}