@payloadcms/next 3.71.0-canary.2 → 3.71.0-internal-debug.dea9d74

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

@@ -0,0 +1,84 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .restore-version {
+    cursor: pointer;
+    display: flex;
+    min-width: max-content;
+
+    .popup-button {
+      display: flex;
+    }
+
+    &__chevron {
+      background-color: var(--theme-elevation-150);
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      cursor: pointer;
+
+      .stroke {
+        stroke-width: 1px;
+      }
+
+      &:hover {
+        background: var(--theme-elevation-100);
+      }
+    }
+
+    .btn {
+      margin-block: 0;
+    }
+
+    &__restore-as-draft-button {
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+      margin-right: 2px;
+
+      &:focus {
+        border-radius: 0;
+        outline-offset: 0;
+      }
+    }
+
+    &__modal {
+      @include blur-bg;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+
+      &__toggle {
+        @extend %btn-reset;
+      }
+    }
+
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+      max-width: base(36);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
+
+      .btn {
+        margin: 0;
+      }
+    }
+  }
+}

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

@@ -1,56 +1,39 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui';
 import { formatDate } from '@payloadcms/ui/shared';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation.js';
-export const VersionDrawerCreatedAtCell = t0 => {
-  const {
-    rowData: t1
-  } = t0;
-  const {
-    id,
-    updatedAt
-  } = t1 === undefined ? {} : t1;
-  const {
-    config: t2
-  } = useConfig();
-  const {
-    admin: t3
-  } = t2;
-  const {
-    dateFormat
-  } = t3;
-  const {
-    closeAllModals
-  } = useModal();
-  const router = useRouter();
-  const pathname = usePathname();
-  const searchParams = useSearchParams();
-  const {
-    startRouteTransition
-  } = useRouteTransition();
-  const {
-    i18n
-  } = useTranslation();
-  return _jsx("button", {
-    className: "created-at-cell",
-    onClick: () => {
-      closeAllModals();
-      const current = new URLSearchParams(Array.from(searchParams.entries()));
-      if (id) {
-        current.set("versionFrom", String(id));
-      }
-      const search = current.toString();
-      const query = search ? `?${search}` : "";
-      startRouteTransition(() => router.push(`${pathname}${query}`));
-    },
-    type: "button",
-    children: formatDate({
-      date: updatedAt,
-      i18n,
-      pattern: dateFormat
-    })
-  });
+export const VersionDrawerCreatedAtCell = ({ rowData: { id, updatedAt } = {} })=>{
+    const { config: { admin: { dateFormat } } } = useConfig();
+    const { closeAllModals } = useModal();
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const { startRouteTransition } = useRouteTransition();
+    const { i18n } = useTranslation();
+    return /*#__PURE__*/ _jsxDEV("button", {
+        className: "created-at-cell",
+        onClick: ()=>{
+            closeAllModals();
+            const current = new URLSearchParams(Array.from(searchParams.entries()));
+            if (id) {
+                current.set('versionFrom', String(id));
+            }
+            const search = current.toString();
+            const query = search ? `?${search}` : '';
+            startRouteTransition(()=>router.push(`${pathname}${query}`));
+        },
+        type: "button",
+        children: formatDate({
+            date: updatedAt,
+            i18n,
+            pattern: dateFormat
+        })
+    }, void 0, false, {
+        fileName: "src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx",
+        lineNumber: 25,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=CreatedAtCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreatedAtCell.js","names":["useConfig","useModal","useRouteTransition","useTranslation","formatDate","usePathname","useRouter","useSearchParams","VersionDrawerCreatedAtCell","t0","rowData","t1","id","updatedAt","undefined","config","t2","admin","t3","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","_jsx","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","children","date","pattern"],"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx"],"sourcesContent":["'use client'\nimport { useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\n\nimport type { CreatedAtCellProps } from '../../../Versions/cells/CreatedAt/index.js'\n\nexport const VersionDrawerCreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n  const { closeAllModals } = useModal()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <button\n      className=\"created-at-cell\"\n      onClick={() => {\n        closeAllModals()\n        const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n        if (id) {\n          current.set('versionFrom', String(id))\n        }\n\n        const search = current.toString()\n        const query = search ? `?${search}` : ''\n\n        startRouteTransition(() => router.push(`${pathname}${query}`))\n      }}\n      type=\"button\"\n    >\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,cAAc,QAAQ;AACxE,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ;AAIxD,OAAO,MAAMC,0BAAA,GAA2DC,EAAA;EAAC;IAAAC,OAAA,EAAAC;EAAA,IAAAF,EAExE;EADU;IAAAG,EAAA;IAAAC;EAAA,IAAAF,EAAsB,KAAAG,SAAA,QAAtBH,EAAsB;EAE/B;IAAAI,MAAA,EAAAC;EAAA,IAIIhB,SAAA;EAHM;IAAAiB,KAAA,EAAAC;EAAA,IAAAF,EAEP;EADQ;IAAAG;EAAA,IAAAD,EAAc;EAGzB;IAAAE;EAAA,IAA2BnB,QAAA;EAC3B,MAAAoB,MAAA,GAAef,SAAA;EACf,MAAAgB,QAAA,GAAiBjB,WAAA;EACjB,MAAAkB,YAAA,GAAqBhB,eAAA;EACrB;IAAAiB;EAAA,IAAiCtB,kBAAA;EAEjC;IAAAuB;EAAA,IAAiBtB,cAAA;EAAA,OAGfuB,IAAA,CAAC;IAAAC,SAAA,EACW;IAAAC,OAAA,EAAAA,CAAA;MAERR,cAAA;MACA,MAAAS,OAAA,OAAAC,eAAA,CAAoCC,KAAA,CAAAC,IAAA,CAAWT,YAAA,CAAAU,OAAA,CAAoB;MAAA,IAE/DrB,EAAA;QACFiB,OAAA,CAAAK,GAAA,CAAY,eAAeC,MAAA,CAAOvB,EAAA;MAAA;MAGpC,MAAAwB,MAAA,GAAeP,OAAA,CAAAQ,QAAA,CAAgB;MAC/B,MAAAC,KAAA,GAAcF,MAAA,GAAS,IAAIA,MAAA,EAAQ,GAAG;MAEtCZ,oBAAA,OAA2BH,MAAA,CAAAkB,IAAA,CAAY,GAAGjB,QAAA,GAAWgB,KAAA,EAAO;IAAA;IAAAE,IAAA,EAEzD;IAAAC,QAAA,EAEJrC,UAAA;MAAAsC,IAAA,EAAmB7B,SAAA;MAAAY,IAAA;MAAAkB,OAAA,EAA0BxB;IAAA,CAAW;EAAA,C;CAG/D","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/views/Version/SelectComparison/VersionDrawer/CreatedAtCell.tsx"],"sourcesContent":["'use client'\nimport { useConfig, useModal, useRouteTransition, useTranslation } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation.js'\n\nimport type { CreatedAtCellProps } from '../../../Versions/cells/CreatedAt/index.js'\n\nexport const VersionDrawerCreatedAtCell: React.FC<CreatedAtCellProps> = ({\n  rowData: { id, updatedAt } = {},\n}) => {\n  const {\n    config: {\n      admin: { dateFormat },\n    },\n  } = useConfig()\n  const { closeAllModals } = useModal()\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const { startRouteTransition } = useRouteTransition()\n\n  const { i18n } = useTranslation()\n\n  return (\n    <button\n      className=\"created-at-cell\"\n      onClick={() => {\n        closeAllModals()\n        const current = new URLSearchParams(Array.from(searchParams.entries()))\n\n        if (id) {\n          current.set('versionFrom', String(id))\n        }\n\n        const search = current.toString()\n        const query = search ? `?${search}` : ''\n\n        startRouteTransition(() => router.push(`${pathname}${query}`))\n      }}\n      type=\"button\"\n    >\n      {formatDate({ date: updatedAt, i18n, pattern: dateFormat })}\n    </button>\n  )\n}\n"],"names":["useConfig","useModal","useRouteTransition","useTranslation","formatDate","usePathname","useRouter","useSearchParams","VersionDrawerCreatedAtCell","rowData","id","updatedAt","config","admin","dateFormat","closeAllModals","router","pathname","searchParams","startRouteTransition","i18n","button","className","onClick","current","URLSearchParams","Array","from","entries","set","String","search","toString","query","push","type","date","pattern"],"mappings":"AAAA;;AACA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAgB;AACxF,SAASC,UAAU,QAAQ,wBAAuB;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,QAAQ,qBAAoB;AAI5E,OAAO,MAAMC,6BAA2D,CAAC,EACvEC,SAAS,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAG,CAAC,CAAC,EAChC;IACC,MAAM,EACJC,QAAQ,EACNC,OAAO,EAAEC,UAAU,EAAE,EACtB,EACF,GAAGd;IACJ,MAAM,EAAEe,cAAc,EAAE,GAAGd;IAC3B,MAAMe,SAASV;IACf,MAAMW,WAAWZ;IACjB,MAAMa,eAAeX;IACrB,MAAM,EAAEY,oBAAoB,EAAE,GAAGjB;IAEjC,MAAM,EAAEkB,IAAI,EAAE,GAAGjB;IAEjB,qBACE,QAACkB;QACCC,WAAU;QACVC,SAAS;YACPR;YACA,MAAMS,UAAU,IAAIC,gBAAgBC,MAAMC,IAAI,CAACT,aAAaU,OAAO;YAEnE,IAAIlB,IAAI;gBACNc,QAAQK,GAAG,CAAC,eAAeC,OAAOpB;YACpC;YAEA,MAAMqB,SAASP,QAAQQ,QAAQ;YAC/B,MAAMC,QAAQF,SAAS,CAAC,CAAC,EAAEA,QAAQ,GAAG;YAEtCZ,qBAAqB,IAAMH,OAAOkB,IAAI,CAAC,GAAGjB,WAAWgB,OAAO;QAC9D;QACAE,MAAK;kBAEJ/B,WAAW;YAAEgC,MAAMzB;YAAWS;YAAMiB,SAASvB;QAAW;;;;;;AAG/D,EAAC"}

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

@@ -1,240 +1,184 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { Drawer, LoadingOverlay, toast, useDocumentInfo, useEditDepth, useModal, useServerFunctions, useTranslation } from '@payloadcms/ui';
 import { useSearchParams } from 'next/navigation.js';
+import './index.scss';
 import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
 export const baseClass = 'version-drawer';
-export const formatVersionDrawerSlug = ({
-  depth,
-  uuid
-}) => `version-drawer_${depth}_${uuid}`;
-export const VersionDrawerContent = props => {
-  const {
-    collectionSlug,
-    docID,
-    drawerSlug,
-    globalSlug
-  } = props;
-  const {
-    isTrashed
-  } = useDocumentInfo();
-  const {
-    closeModal
-  } = useModal();
-  const searchParams = useSearchParams();
-  const prevSearchParams = useRef(searchParams);
-  const {
-    renderDocument
-  } = useServerFunctions();
-  const [DocumentView, setDocumentView] = useState(undefined);
-  const [isLoading, setIsLoading] = useState(true);
-  const hasRenderedDocument = useRef(false);
-  const {
-    t
-  } = useTranslation();
-  const getDocumentView = useCallback(docID_0 => {
-    const fetchDocumentView = async () => {
-      setIsLoading(true);
-      try {
-        const isGlobal = Boolean(globalSlug);
-        const entitySlug = collectionSlug ?? globalSlug;
-        const result = await renderDocument({
-          collectionSlug: entitySlug,
-          docID: docID_0,
-          drawerSlug,
-          paramsOverride: {
-            segments: [isGlobal ? 'globals' : 'collections', entitySlug, ...(isTrashed ? ['trash'] : []), isGlobal ? undefined : String(docID_0), 'versions'].filter(Boolean)
-          },
-          redirectAfterDelete: false,
-          redirectAfterDuplicate: false,
-          searchParams: Object.fromEntries(searchParams.entries()),
-          versions: {
-            disableGutter: true,
-            useVersionDrawerCreatedAtCell: true
-          }
-        });
-        if (result?.Document) {
-          setDocumentView(result.Document);
-          setIsLoading(false);
-        }
-      } catch (error) {
-        toast.error(error?.message || t('error:unspecific'));
-        closeModal(drawerSlug);
+export const formatVersionDrawerSlug = ({ depth, uuid })=>// supply when creating a new document and no id is available
+    `version-drawer_${depth}_${uuid}`;
+export const VersionDrawerContent = (props)=>{
+    const { collectionSlug, docID, drawerSlug, globalSlug } = props;
+    const { isTrashed } = useDocumentInfo();
+    const { closeModal } = useModal();
+    const searchParams = useSearchParams();
+    const prevSearchParams = useRef(searchParams);
+    const { renderDocument } = useServerFunctions();
+    const [DocumentView, setDocumentView] = useState(undefined);
+    const [isLoading, setIsLoading] = useState(true);
+    const hasRenderedDocument = useRef(false);
+    const { t } = useTranslation();
+    const getDocumentView = useCallback((docID)=>{
+        const fetchDocumentView = async ()=>{
+            setIsLoading(true);
+            try {
+                const isGlobal = Boolean(globalSlug);
+                const entitySlug = collectionSlug ?? globalSlug;
+                const result = await renderDocument({
+                    collectionSlug: entitySlug,
+                    docID,
+                    drawerSlug,
+                    paramsOverride: {
+                        segments: [
+                            isGlobal ? 'globals' : 'collections',
+                            entitySlug,
+                            ...isTrashed ? [
+                                'trash'
+                            ] : [],
+                            isGlobal ? undefined : String(docID),
+                            'versions'
+                        ].filter(Boolean)
+                    },
+                    redirectAfterDelete: false,
+                    redirectAfterDuplicate: false,
+                    searchParams: Object.fromEntries(searchParams.entries()),
+                    versions: {
+                        disableGutter: true,
+                        useVersionDrawerCreatedAtCell: true
+                    }
+                });
+                if (result?.Document) {
+                    setDocumentView(result.Document);
+                    setIsLoading(false);
+                }
+            } catch (error) {
+                toast.error(error?.message || t('error:unspecific'));
+                closeModal(drawerSlug);
+            }
+        };
         // toast.error(data?.errors?.[0].message || t('error:unspecific'))
-      }
-    };
-    void fetchDocumentView();
-  }, [closeModal, collectionSlug, drawerSlug, globalSlug, isTrashed, renderDocument, searchParams, t]);
-  useEffect(() => {
-    if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {
-      prevSearchParams.current = searchParams;
-      getDocumentView(docID);
-      hasRenderedDocument.current = true;
+        void fetchDocumentView();
+    }, [
+        closeModal,
+        collectionSlug,
+        drawerSlug,
+        globalSlug,
+        isTrashed,
+        renderDocument,
+        searchParams,
+        t
+    ]);
+    useEffect(()=>{
+        if (!hasRenderedDocument.current || prevSearchParams.current !== searchParams) {
+            prevSearchParams.current = searchParams;
+            getDocumentView(docID);
+            hasRenderedDocument.current = true;
+        }
+    }, [
+        docID,
+        getDocumentView,
+        searchParams
+    ]);
+    if (isLoading) {
+        return /*#__PURE__*/ _jsxDEV(LoadingOverlay, {}, void 0, false, {
+            fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+            lineNumber: 111,
+            columnNumber: 12
+        }, this);
     }
-  }, [docID, getDocumentView, searchParams]);
-  if (isLoading) {
-    return /*#__PURE__*/_jsx(LoadingOverlay, {});
-  }
-  return DocumentView;
+    return DocumentView;
 };
-export const VersionDrawer = props => {
-  const $ = _c(6);
-  const {
-    collectionSlug,
-    docID,
-    drawerSlug,
-    globalSlug
-  } = props;
-  const {
-    t
-  } = useTranslation();
-  let t0;
-  if ($[0] !== collectionSlug || $[1] !== docID || $[2] !== drawerSlug || $[3] !== globalSlug || $[4] !== t) {
-    t0 = _jsx(Drawer, {
-      className: baseClass,
-      gutter: true,
-      slug: drawerSlug,
-      title: t("version:selectVersionToCompare"),
-      children: _jsx(VersionDrawerContent, {
+export const VersionDrawer = (props)=>{
+    const { collectionSlug, docID, drawerSlug, globalSlug } = props;
+    const { t } = useTranslation();
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
+        className: baseClass,
+        gutter: true,
+        slug: drawerSlug,
+        title: t('version:selectVersionToCompare'),
+        children: /*#__PURE__*/ _jsxDEV(VersionDrawerContent, {
+            collectionSlug: collectionSlug,
+            docID: docID,
+            drawerSlug: drawerSlug,
+            globalSlug: globalSlug
+        }, void 0, false, {
+            fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+            lineNumber: 132,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+        lineNumber: 126,
+        columnNumber: 5
+    }, this);
+};
+export const useVersionDrawer = ({ collectionSlug, docID, globalSlug })=>{
+    const drawerDepth = useEditDepth();
+    const uuid = useId();
+    const { closeModal, modalState, openModal, toggleModal } = useModal();
+    const [isOpen, setIsOpen] = useState(false);
+    const drawerSlug = formatVersionDrawerSlug({
+        depth: drawerDepth,
+        uuid
+    });
+    useEffect(()=>{
+        setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
+    }, [
+        modalState,
+        drawerSlug
+    ]);
+    const toggleDrawer = useCallback(()=>{
+        toggleModal(drawerSlug);
+    }, [
+        toggleModal,
+        drawerSlug
+    ]);
+    const closeDrawer = useCallback(()=>{
+        closeModal(drawerSlug);
+    }, [
+        drawerSlug,
+        closeModal
+    ]);
+    const openDrawer = useCallback(()=>{
+        openModal(drawerSlug);
+    }, [
+        drawerSlug,
+        openModal
+    ]);
+    const MemoizedDrawer = useMemo(()=>{
+        return ()=>/*#__PURE__*/ _jsxDEV(VersionDrawer, {
+                collectionSlug: collectionSlug,
+                docID: docID,
+                drawerSlug: drawerSlug,
+                globalSlug: globalSlug
+            }, void 0, false, {
+                fileName: "src/views/Version/SelectComparison/VersionDrawer/index.tsx",
+                lineNumber: 179,
+                columnNumber: 7
+            }, this);
+    }, [
         collectionSlug,
         docID,
         drawerSlug,
         globalSlug
-      })
-    });
-    $[0] = collectionSlug;
-    $[1] = docID;
-    $[2] = drawerSlug;
-    $[3] = globalSlug;
-    $[4] = t;
-    $[5] = t0;
-  } else {
-    t0 = $[5];
-  }
-  return t0;
-};
-export const useVersionDrawer = t0 => {
-  const $ = _c(29);
-  const {
-    collectionSlug,
-    docID,
-    globalSlug
-  } = t0;
-  const drawerDepth = useEditDepth();
-  const uuid = useId();
-  const {
-    closeModal,
-    modalState,
-    openModal,
-    toggleModal
-  } = useModal();
-  const [isOpen, setIsOpen] = useState(false);
-  let t1;
-  if ($[0] !== drawerDepth || $[1] !== uuid) {
-    t1 = formatVersionDrawerSlug({
-      depth: drawerDepth,
-      uuid
-    });
-    $[0] = drawerDepth;
-    $[1] = uuid;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const drawerSlug = t1;
-  let t2;
-  let t3;
-  if ($[3] !== drawerSlug || $[4] !== modalState) {
-    t2 = () => {
-      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    };
-    t3 = [modalState, drawerSlug];
-    $[3] = drawerSlug;
-    $[4] = modalState;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[7] !== drawerSlug || $[8] !== toggleModal) {
-    t4 = () => {
-      toggleModal(drawerSlug);
-    };
-    $[7] = drawerSlug;
-    $[8] = toggleModal;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  const toggleDrawer = t4;
-  let t5;
-  if ($[10] !== closeModal || $[11] !== drawerSlug) {
-    t5 = () => {
-      closeModal(drawerSlug);
-    };
-    $[10] = closeModal;
-    $[11] = drawerSlug;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  const closeDrawer = t5;
-  let t6;
-  if ($[13] !== drawerSlug || $[14] !== openModal) {
-    t6 = () => {
-      openModal(drawerSlug);
-    };
-    $[13] = drawerSlug;
-    $[14] = openModal;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  const openDrawer = t6;
-  let t7;
-  if ($[16] !== collectionSlug || $[17] !== docID || $[18] !== drawerSlug || $[19] !== globalSlug) {
-    t7 = () => _jsx(VersionDrawer, {
-      collectionSlug,
-      docID,
-      drawerSlug,
-      globalSlug
-    });
-    $[16] = collectionSlug;
-    $[17] = docID;
-    $[18] = drawerSlug;
-    $[19] = globalSlug;
-    $[20] = t7;
-  } else {
-    t7 = $[20];
-  }
-  const MemoizedDrawer = t7;
-  let t8;
-  if ($[21] !== MemoizedDrawer || $[22] !== closeDrawer || $[23] !== drawerDepth || $[24] !== drawerSlug || $[25] !== isOpen || $[26] !== openDrawer || $[27] !== toggleDrawer) {
-    t8 = {
-      closeDrawer,
-      Drawer: MemoizedDrawer,
-      drawerDepth,
-      drawerSlug,
-      isDrawerOpen: isOpen,
-      openDrawer,
-      toggleDrawer
-    };
-    $[21] = MemoizedDrawer;
-    $[22] = closeDrawer;
-    $[23] = drawerDepth;
-    $[24] = drawerSlug;
-    $[25] = isOpen;
-    $[26] = openDrawer;
-    $[27] = toggleDrawer;
-    $[28] = t8;
-  } else {
-    t8 = $[28];
-  }
-  return t8;
+    ]);
+    return useMemo(()=>({
+            closeDrawer,
+            Drawer: MemoizedDrawer,
+            drawerDepth,
+            drawerSlug,
+            isDrawerOpen: isOpen,
+            openDrawer,
+            toggleDrawer
+        }), [
+        MemoizedDrawer,
+        closeDrawer,
+        drawerDepth,
+        drawerSlug,
+        isOpen,
+        openDrawer,
+        toggleDrawer
+    ]);
 };
+
 //# sourceMappingURL=index.js.map

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