@payloadcms/ui 4.0.0-internal.c2b57ce → 4.0.0-internal.cd69eef

package/dist/elements/DocumentControls/index.js

@@ -1,18 +1,18 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared';
-import React, { Fragment, useEffect } from 'react';
+import { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled, hasScheduledPublishEnabled } from 'payload/shared';
+import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
 import { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js';
+import { useElementHeightVariable } from '../../hooks/useElementHeightVariable.js';
 import { MoreIcon } from '../../icons/More/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useLivePreviewContext } from '../../providers/LivePreview/context.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js';
+import { formatDate, formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js';
 import { Autosave } from '../Autosave/index.js';
 import { Button } from '../Button/index.js';
 import { CopyLocaleData } from '../CopyLocaleData/index.js';
@@ -28,18 +28,25 @@ import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
 import { RestoreButton } from '../RestoreButton/index.js';
 import { SaveButton } from '../SaveButton/index.js';
 import { SaveDraftButton } from '../SaveDraftButton/index.js';
+import { SchedulePublishButton } from '../SchedulePublishButton/index.js';
 import { Status } from '../Status/index.js';
 import { UnpublishButton } from '../UnpublishButton/index.js';
 import './index.css';
 const baseClass = 'doc-controls';
 export const DocumentControls = props => {
-  const $ = _c(5);
   const {
     id,
     slug,
     BeforeDocumentControls,
     BeforeDocumentMeta,
-    customComponents: t0,
+    customComponents: {
+      PreviewButton: CustomPreviewButton,
+      PublishButton: CustomPublishButton,
+      SaveButton: CustomSaveButton,
+      SaveDraftButton: CustomSaveDraftButton,
+      Status: CustomStatus,
+      UnpublishButton: CustomUnpublishButton
+    } = {},
     data,
     disableActions,
     disableCreate,
@@ -59,16 +66,9 @@ export const DocumentControls = props => {
     redirectAfterDelete,
     redirectAfterDuplicate,
     redirectAfterRestore,
-    user
+    user,
+    variant = 'default'
   } = props;
-  const {
-    PreviewButton: CustomPreviewButton,
-    PublishButton: CustomPublishButton,
-    SaveButton: CustomSaveButton,
-    SaveDraftButton: CustomSaveDraftButton,
-    Status: CustomStatus,
-    UnpublishButton: CustomUnpublishButton
-  } = t0 === undefined ? {} : t0;
   const {
     i18n,
     t
@@ -92,216 +92,229 @@ export const DocumentControls = props => {
     hasTrashPermission: docHasTrashPermission
   } = useDocumentInfo();
   const {
-    admin: t1,
+    admin: {
+      dateFormat
+    },
     localization,
-    routes: t2
+    routes: {
+      admin: adminRoute
+    }
   } = config;
-  const {
-    dateFormat
-  } = t1;
-  const {
-    admin: adminRoute
-  } = t2;
-  const [updatedAt, setUpdatedAt] = React.useState("");
-  const [createdAt, setCreatedAt] = React.useState("");
+  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client
+  const [updatedAt, setUpdatedAt] = React.useState('');
+  const [createdAt, setCreatedAt] = React.useState('');
+  const [relativeTime, setRelativeTime] = useState('');
   const processing = useFormProcessing();
   const initializing = useFormInitializing();
-  let t3;
-  let t4;
-  if ($[0] !== data || $[1] !== dateFormat || $[2] !== i18n) {
-    t3 = () => {
-      if (data?.updatedAt) {
-        setUpdatedAt(formatDate({
-          date: data.updatedAt,
-          i18n,
-          pattern: dateFormat
-        }));
-      }
-      if (data?.createdAt) {
-        setCreatedAt(formatDate({
-          date: data.createdAt,
-          i18n,
-          pattern: dateFormat
-        }));
-      }
-    };
-    t4 = [data, i18n, dateFormat];
-    $[0] = data;
-    $[1] = dateFormat;
-    $[2] = i18n;
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t3 = $[3];
-    t4 = $[4];
-  }
-  useEffect(t3, t4);
-  const hasCreatePermission = permissions && "create" in permissions && permissions.create;
-  const collectionDeletePermission = permissions && "delete" in permissions && permissions.delete;
+  const rootRef = useRef(null);
+  const i18nRef = useRef(i18n);
+  // Only the page-level controls bar feeds the sticky layout offsets. Drawer instances
+  // (variant="drawerHeaderActions") must not publish the shared var or they'd clobber it.
+  useElementHeightVariable({
+    cssVar: '--doc-controls-height',
+    isEnabled: variant === 'default',
+    ref: rootRef
+  });
+  i18nRef.current = i18n;
+  const updateRelativeTime = useCallback(() => {
+    const date = data?.updatedAt || data?.createdAt;
+    if (date) {
+      setRelativeTime(formatTimeToNow({
+        date,
+        i18n: i18nRef.current
+      }));
+    }
+  }, [data?.updatedAt, data?.createdAt]);
+  useEffect(() => {
+    if (data?.updatedAt) {
+      setUpdatedAt(formatDate({
+        date: data.updatedAt,
+        i18n,
+        pattern: dateFormat
+      }));
+    }
+    if (data?.createdAt) {
+      setCreatedAt(formatDate({
+        date: data.createdAt,
+        i18n,
+        pattern: dateFormat
+      }));
+    }
+    updateRelativeTime();
+  }, [data, i18n, dateFormat, updateRelativeTime]);
+  useEffect(() => {
+    const interval = setInterval(updateRelativeTime, 60000);
+    return () => clearInterval(interval);
+  }, [updateRelativeTime]);
+  const hasCreatePermission = permissions && 'create' in permissions && permissions.create;
+  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete;
   const hasDeletePermission = collectionConfig?.trash ? docHasTrashPermission || docHasDeletePermission : collectionDeletePermission;
   const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
   const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig);
   const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig);
-  const showDotMenu = Boolean(!disableActions && (collectionConfig && id && (hasCreatePermission || hasDeletePermission) || globalConfig && (globalHasDraftsEnabled || localization)));
+  const showDotMenu = Boolean(!disableActions && (EditMenuItems || collectionConfig && id && (hasCreatePermission || hasDeletePermission) || globalConfig && (globalHasDraftsEnabled || localization)));
   const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig);
   const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig);
   const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled;
   const showSaveDraftButton = collectionAutosaveEnabled && collectionConfig.versions.drafts.autosave !== false && collectionConfig.versions.drafts.autosave.showSaveDraftButton === true || globalAutosaveEnabled && globalConfig.versions.drafts.autosave !== false && globalConfig.versions.drafts.autosave.showSaveDraftButton === true;
   const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
   const showLockedMetaIcon = user && readOnlyForIncomingUser;
-  return _jsxs("div", {
-    className: baseClass,
-    children: [_jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, variant !== 'default' && `${baseClass}--${variant}`].filter(Boolean).join(' '),
+    ref: rootRef,
+    children: [variant === 'default' && /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__content`,
-      children: [Boolean(showLockedMetaIcon || BeforeDocumentMeta) && _jsxs("div", {
+      children: [Boolean(showLockedMetaIcon || BeforeDocumentMeta) && /*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__before-meta`,
-        children: [showLockedMetaIcon && _jsx(Locked, {
+        children: [showLockedMetaIcon && /*#__PURE__*/_jsx(Locked, {
           className: `${baseClass}__locked-controls`,
-          user
+          user: user
         }), BeforeDocumentMeta]
-      }), _jsxs("ul", {
+      }), /*#__PURE__*/_jsxs("ul", {
         className: `${baseClass}__meta`,
-        children: [collectionConfig && !isEditing && !isAccountView && _jsx("li", {
+        children: [collectionConfig && !isEditing && !isAccountView && /*#__PURE__*/_jsx("li", {
           className: `${baseClass}__list-item`,
-          children: _jsx("p", {
-            className: `${baseClass}__value`,
-            children: i18n.t("general:creatingNewLabel", {
-              label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t("general:document"), i18n)
+          children: /*#__PURE__*/_jsx("p", {
+            className: `${baseClass}__creating-new`,
+            children: i18n.t('general:creatingNewLabel', {
+              label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t('general:document'), i18n)
             })
           })
-        }), (collectionHasDraftsEnabled || globalHasDraftsEnabled) && _jsxs(Fragment, {
-          children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
-            className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
-            children: _jsx(RenderCustomComponent, {
+        }), (collectionHasDraftsEnabled || globalHasDraftsEnabled) && /*#__PURE__*/_jsxs(Fragment, {
+          children: [(globalConfig || collectionConfig && isEditing) && /*#__PURE__*/_jsx("li", {
+            className: `${baseClass}__status ${baseClass}__list-item`,
+            children: /*#__PURE__*/_jsx(RenderCustomComponent, {
               CustomComponent: CustomStatus,
-              Fallback: _jsx(Status, {})
+              Fallback: /*#__PURE__*/_jsx(Status, {})
             })
-          }), hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && _jsx("li", {
+          }), hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && /*#__PURE__*/_jsx("li", {
             className: `${baseClass}__list-item`,
-            children: _jsx(Autosave, {
+            children: /*#__PURE__*/_jsx(Autosave, {
               collection: collectionConfig,
               global: globalConfig,
-              id,
+              id: id,
               publishedDocUpdatedAt: data?.createdAt
             })
           })]
-        }), collectionConfig?.timestamps && (isEditing || isAccountView) && _jsxs(Fragment, {
-          children: [_jsxs("li", {
-            className: [`${baseClass}__list-item`, `${baseClass}__value-wrap`].filter(Boolean).join(" "),
-            title: data?.updatedAt ? updatedAt : "",
-            children: [_jsxs("p", {
-              className: `${baseClass}__label`,
-              children: [i18n.t(isTrashed ? "general:deleted" : "general:lastModified"), ":\xA0"]
-            }), data?.updatedAt && _jsx("p", {
-              className: `${baseClass}__value`,
-              children: updatedAt
-            })]
-          }), _jsxs("li", {
-            className: [`${baseClass}__list-item`, `${baseClass}__value-wrap`].filter(Boolean).join(" "),
-            title: data?.createdAt ? createdAt : "",
-            children: [_jsxs("p", {
-              className: `${baseClass}__label`,
-              children: [i18n.t("general:created"), ":\xA0"]
-            }), data?.createdAt && _jsx("p", {
-              className: `${baseClass}__value`,
-              children: createdAt
-            })]
-          })]
+        }), collectionConfig?.timestamps && (isEditing || isAccountView) && (data?.updatedAt || data?.createdAt) && /*#__PURE__*/_jsx("li", {
+          className: `${baseClass}__list-item ${baseClass}__value-wrap`,
+          title: updatedAt || createdAt || undefined,
+          children: /*#__PURE__*/_jsx("p", {
+            className: `${baseClass}__value`,
+            children: relativeTime ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {
+              distance: relativeTime
+            }) : `${t('general:loading')}...`
+          })
         })]
       })]
-    }), _jsxs("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__controls-wrapper`,
-      children: [_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: `${baseClass}__controls`,
-        children: [BeforeDocumentControls, isLivePreviewEnabled && !isInDrawer && _jsx(LivePreviewToggler, {}), (collectionConfig?.admin.preview || globalConfig?.admin.preview) && _jsx(RenderCustomComponent, {
-          CustomComponent: CustomPreviewButton,
-          Fallback: _jsx(PreviewButton, {})
-        }), hasSavePermission && !isTrashed && _jsx(Fragment, {
-          children: collectionHasDraftsEnabled || globalHasDraftsEnabled ? _jsxs(Fragment, {
-            children: [(unsavedDraftWithValidations || !autosaveEnabled || autosaveEnabled && showSaveDraftButton) && _jsx(RenderCustomComponent, {
+        children: [BeforeDocumentControls, /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__icon-buttons`,
+          children: [isLivePreviewEnabled && !isInDrawer && /*#__PURE__*/_jsx(LivePreviewToggler, {}), (collectionConfig?.admin.preview || globalConfig?.admin.preview) && /*#__PURE__*/_jsx(RenderCustomComponent, {
+            CustomComponent: CustomPreviewButton,
+            Fallback: /*#__PURE__*/_jsx(PreviewButton, {})
+          }), hasScheduledPublishEnabled(collectionConfig || globalConfig) && !isTrashed && /*#__PURE__*/_jsx(SchedulePublishButton, {
+            disabled: readOnlyForIncomingUser
+          })]
+        }), hasSavePermission && !isTrashed && !readOnlyForIncomingUser && /*#__PURE__*/_jsx(Fragment, {
+          children: collectionHasDraftsEnabled || globalHasDraftsEnabled ? /*#__PURE__*/_jsxs(Fragment, {
+            children: [(unsavedDraftWithValidations || !autosaveEnabled || autosaveEnabled && showSaveDraftButton) && /*#__PURE__*/_jsx(RenderCustomComponent, {
               CustomComponent: CustomSaveDraftButton,
-              Fallback: _jsx(SaveDraftButton, {})
-            }), _jsx(RenderCustomComponent, {
+              Fallback: /*#__PURE__*/_jsx(SaveDraftButton, {})
+            }), /*#__PURE__*/_jsx(RenderCustomComponent, {
               CustomComponent: CustomPublishButton,
-              Fallback: _jsx(PublishButton, {})
+              Fallback: /*#__PURE__*/_jsx(PublishButton, {})
             })]
-          }) : _jsx(RenderCustomComponent, {
+          }) : /*#__PURE__*/_jsx(RenderCustomComponent, {
             CustomComponent: CustomSaveButton,
-            Fallback: _jsx(SaveButton, {})
+            Fallback: /*#__PURE__*/_jsx(SaveButton, {})
           })
-        }), docHasDeletePermission && isTrashed && _jsx(PermanentlyDeleteButton, {
+        }), docHasDeletePermission && isTrashed && /*#__PURE__*/_jsx(PermanentlyDeleteButton, {
           buttonId: "action-permanently-delete",
           collectionSlug: collectionConfig?.slug,
           id: id.toString(),
-          onDelete,
-          redirectAfterDelete,
+          onDelete: onDelete,
+          redirectAfterDelete: redirectAfterDelete,
           singularLabel: collectionConfig?.labels?.singular
-        }), hasSavePermission && isTrashed && _jsx(RestoreButton, {
+        }), hasSavePermission && isTrashed && /*#__PURE__*/_jsx(RestoreButton, {
           buttonId: "action-restore",
           collectionSlug: collectionConfig?.slug,
           id: id.toString(),
-          onRestore,
-          redirectAfterRestore,
+          onRestore: onRestore,
+          redirectAfterRestore: redirectAfterRestore,
           singularLabel: collectionConfig?.labels?.singular
-        }), user && readOnlyForIncomingUser && _jsx(Button, {
+        }), user && readOnlyForIncomingUser && /*#__PURE__*/_jsx(Button, {
           buttonStyle: "secondary",
           id: "take-over",
           onClick: onTakeOver,
           size: "medium",
           type: "button",
-          children: t("general:takeOver")
+          children: t('general:takeOver')
         })]
-      }), showDotMenu && !readOnlyForIncomingUser && _jsx(Popup, {
-        button: _jsx(MoreIcon, {}),
+      }), showDotMenu && !readOnlyForIncomingUser && /*#__PURE__*/_jsx(Popup, {
         buttonClassName: `${baseClass}__popup-button`,
         caret: false,
         className: `${baseClass}__popup`,
         disabled: initializing || processing,
         horizontalAlign: "right",
-        size: "medium",
+        renderButton: ({
+          active,
+          ...buttonProps
+        }) => /*#__PURE__*/_jsx(Button, {
+          ...buttonProps,
+          "aria-label": t('general:moreOptions'),
+          buttonStyle: "ghost",
+          className: `${baseClass}__popup-button`,
+          icon: /*#__PURE__*/_jsx(MoreIcon, {}),
+          selected: active,
+          size: "medium"
+        }),
         verticalAlign: "bottom",
-        children: _jsxs(PopupList.ButtonGroup, {
-          children: [showCopyToLocale && _jsx(CopyLocaleData, {}), hasCreatePermission && _jsxs(React.Fragment, {
-            children: [!disableCreate && _jsx(Fragment, {
-              children: editDepth > 1 ? _jsx(PopupList.Button, {
+        children: /*#__PURE__*/_jsxs(PopupList.ButtonGroup, {
+          children: [showCopyToLocale && /*#__PURE__*/_jsx(CopyLocaleData, {}), hasCreatePermission && /*#__PURE__*/_jsxs(React.Fragment, {
+            children: [!disableCreate && /*#__PURE__*/_jsx(Fragment, {
+              children: editDepth > 1 ? /*#__PURE__*/_jsx(PopupList.Button, {
                 id: "action-create",
                 onClick: onDrawerCreateNew,
-                children: i18n.t("general:createNew")
-              }) : _jsx(PopupList.Button, {
+                children: i18n.t('general:createNew')
+              }) : /*#__PURE__*/_jsx(PopupList.Button, {
                 href: formatAdminURL({
                   adminRoute,
                   path: `/collections/${collectionConfig?.slug}/create`
                 }),
                 id: "action-create",
-                children: i18n.t("general:createNew")
+                children: i18n.t('general:createNew')
               })
-            }), collectionConfig.disableDuplicate !== true && isEditing && _jsxs(_Fragment, {
-              children: [_jsx(DuplicateDocument, {
-                id,
-                onDuplicate,
-                redirectAfterDuplicate,
+            }), collectionConfig.disableDuplicate !== true && isEditing && /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(DuplicateDocument, {
+                id: id,
+                onDuplicate: onDuplicate,
+                redirectAfterDuplicate: redirectAfterDuplicate,
                 singularLabel: collectionConfig?.labels?.singular,
                 slug: collectionConfig?.slug
-              }), localization && _jsx(DuplicateDocument, {
-                id,
-                onDuplicate,
-                redirectAfterDuplicate,
+              }), localization && /*#__PURE__*/_jsx(DuplicateDocument, {
+                id: id,
+                onDuplicate: onDuplicate,
+                redirectAfterDuplicate: redirectAfterDuplicate,
                 selectLocales: true,
                 singularLabel: collectionConfig?.labels?.singular,
                 slug: collectionConfig?.slug
               })]
             })]
-          }), hasDeletePermission && _jsx(DeleteDocument, {
+          }), hasDeletePermission && id && /*#__PURE__*/_jsx(DeleteDocument, {
             buttonId: "action-delete",
             collectionSlug: collectionConfig?.slug,
             id: id.toString(),
-            onDelete,
-            redirectAfterDelete,
+            onDelete: onDelete,
+            redirectAfterDelete: redirectAfterDelete,
             singularLabel: collectionConfig?.labels?.singular,
             useAsTitle: collectionConfig?.admin?.useAsTitle
-          }), _jsx(RenderCustomComponent, {
+          }), /*#__PURE__*/_jsx(RenderCustomComponent, {
             CustomComponent: CustomUnpublishButton,
-            Fallback: _jsx(UnpublishButton, {})
+            Fallback: /*#__PURE__*/_jsx(UnpublishButton, {})
           }), EditMenuItems]
         })
       })]

package/dist/elements/DocumentControls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","React","Fragment","useEffect","useFormInitializing","useFormProcessing","MoreIcon","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","Status","UnpublishButton","baseClass","DocumentControls","props","$","id","slug","BeforeDocumentControls","BeforeDocumentMeta","customComponents","t0","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","undefined","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","t1","localization","routes","t2","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","t3","t4","date","pattern","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showLockedMetaIcon","_jsxs","className","children","_jsx","label","labels","singular","filter","join","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","preview","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","button","buttonClassName","caret","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","_Fragment","selectLocales","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientUser,\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { LivePreviewToggler } from '../LivePreview/Toggler/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { RestoreButton } from '../RestoreButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n    readonly Status?: React.ReactNode\n    readonly UnpublishButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly EditMenuItems?: React.ReactNode\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly isInDrawer?: boolean\n  readonly isTrashed?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly onSave?: DocumentDrawerContextType['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: null | SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: ClientUser\n}> = (props) => {\n  const {\n    id,\n    slug,\n    BeforeDocumentControls,\n    BeforeDocumentMeta,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n      Status: CustomStatus,\n      UnpublishButton: CustomUnpublishButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    EditMenuItems,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    isInDrawer,\n    isTrashed,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onRestore,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    redirectAfterRestore,\n    user,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const { isLivePreviewEnabled } = useLivePreviewContext()\n\n  const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } =\n    useDocumentInfo()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const hasDeletePermission = collectionConfig?.trash\n    ? docHasTrashPermission || docHasDeletePermission\n    : collectionDeletePermission\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n\n  const showDotMenu = Boolean(\n    !disableActions &&\n      ((collectionConfig && id && (hasCreatePermission || hasDeletePermission)) ||\n        (globalConfig && (globalHasDraftsEnabled || localization))),\n  )\n  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig)\n  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig)\n  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfig.versions.drafts.autosave !== false &&\n      collectionConfig.versions.drafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfig.versions.drafts.autosave !== false &&\n      globalConfig.versions.drafts.autosave.showSaveDraftButton === true)\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__content`}>\n        {Boolean(showLockedMetaIcon || BeforeDocumentMeta) && (\n          <div className={`${baseClass}__before-meta`}>\n            {showLockedMetaIcon && (\n              <Locked className={`${baseClass}__locked-controls`} user={user} />\n            )}\n            {BeforeDocumentMeta}\n          </div>\n        )}\n        <ul className={`${baseClass}__meta`}>\n          {collectionConfig && !isEditing && !isAccountView && (\n            <li className={`${baseClass}__list-item`}>\n              <p className={`${baseClass}__value`}>\n                {i18n.t('general:creatingNewLabel', {\n                  label: getTranslation(\n                    collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                    i18n,\n                  ),\n                })}\n              </p>\n            </li>\n          )}\n          {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n            <Fragment>\n              {(globalConfig || (collectionConfig && isEditing)) && (\n                <li\n                  className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                    .filter(Boolean)\n                    .join(' ')}\n                >\n                  <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n                </li>\n              )}\n              {hasSavePermission &&\n                autosaveEnabled &&\n                !unsavedDraftWithValidations &&\n                !isTrashed && (\n                  <li className={`${baseClass}__list-item`}>\n                    <Autosave\n                      collection={collectionConfig}\n                      global={globalConfig}\n                      id={id}\n                      publishedDocUpdatedAt={data?.createdAt}\n                    />\n                  </li>\n                )}\n            </Fragment>\n          )}\n          {collectionConfig?.timestamps && (isEditing || isAccountView) && (\n            <Fragment>\n              <li\n                className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                  .filter(Boolean)\n                  .join(' ')}\n                title={data?.updatedAt ? updatedAt : ''}\n              >\n                <p className={`${baseClass}__label`}>\n                  {i18n.t(isTrashed ? 'general:deleted' : 'general:lastModified')}:&nbsp;\n                </p>\n\n                {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n              </li>\n              <li\n                className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                  .filter(Boolean)\n                  .join(' ')}\n                title={data?.createdAt ? createdAt : ''}\n              >\n                <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n              </li>\n            </Fragment>\n          )}\n        </ul>\n      </div>\n      <div className={`${baseClass}__controls-wrapper`}>\n        <div className={`${baseClass}__controls`}>\n          {BeforeDocumentControls}\n          {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n          {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n            <RenderCustomComponent\n              CustomComponent={CustomPreviewButton}\n              Fallback={<PreviewButton />}\n            />\n          )}\n          {hasSavePermission && !isTrashed && (\n            <Fragment>\n              {collectionHasDraftsEnabled || globalHasDraftsEnabled ? (\n                <Fragment>\n                  {(unsavedDraftWithValidations ||\n                    !autosaveEnabled ||\n                    (autosaveEnabled && showSaveDraftButton)) && (\n                    <RenderCustomComponent\n                      CustomComponent={CustomSaveDraftButton}\n                      Fallback={<SaveDraftButton />}\n                    />\n                  )}\n                  <RenderCustomComponent\n                    CustomComponent={CustomPublishButton}\n                    Fallback={<PublishButton />}\n                  />\n                </Fragment>\n              ) : (\n                <RenderCustomComponent\n                  CustomComponent={CustomSaveButton}\n                  Fallback={<SaveButton />}\n                />\n              )}\n            </Fragment>\n          )}\n          {docHasDeletePermission && isTrashed && (\n            <PermanentlyDeleteButton\n              buttonId=\"action-permanently-delete\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onDelete={onDelete}\n              redirectAfterDelete={redirectAfterDelete}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {hasSavePermission && isTrashed && (\n            <RestoreButton\n              buttonId=\"action-restore\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onRestore={onRestore}\n              redirectAfterRestore={redirectAfterRestore}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {user && readOnlyForIncomingUser && (\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"take-over\"\n              onClick={onTakeOver}\n              size=\"medium\"\n              type=\"button\"\n            >\n              {t('general:takeOver')}\n            </Button>\n          )}\n        </div>\n        {showDotMenu && !readOnlyForIncomingUser && (\n          <Popup\n            button={<MoreIcon />}\n            buttonClassName={`${baseClass}__popup-button`}\n            caret={false}\n            className={`${baseClass}__popup`}\n            disabled={initializing || processing}\n            horizontalAlign=\"right\"\n            size=\"medium\"\n            verticalAlign=\"bottom\"\n          >\n            <PopupList.ButtonGroup>\n              {showCopyToLocale && <CopyLocaleData />}\n              {hasCreatePermission && (\n                <React.Fragment>\n                  {!disableCreate && (\n                    <Fragment>\n                      {editDepth > 1 ? (\n                        <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      ) : (\n                        <PopupList.Button\n                          href={formatAdminURL({\n                            adminRoute,\n                            path: `/collections/${collectionConfig?.slug}/create`,\n                          })}\n                          id=\"action-create\"\n                        >\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      )}\n                    </Fragment>\n                  )}\n                  {collectionConfig.disableDuplicate !== true && isEditing && (\n                    <>\n                      <DuplicateDocument\n                        id={id}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                      {localization && (\n                        <DuplicateDocument\n                          id={id}\n                          onDuplicate={onDuplicate}\n                          redirectAfterDuplicate={redirectAfterDuplicate}\n                          selectLocales={true}\n                          singularLabel={collectionConfig?.labels?.singular}\n                          slug={collectionConfig?.slug}\n                        />\n                      )}\n                    </>\n                  )}\n                </React.Fragment>\n              )}\n              {hasDeletePermission && (\n                <DeleteDocument\n                  buttonId=\"action-delete\"\n                  collectionSlug={collectionConfig?.slug}\n                  id={id.toString()}\n                  onDelete={onDelete}\n                  redirectAfterDelete={redirectAfterDelete}\n                  singularLabel={collectionConfig?.labels?.singular}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle}\n                />\n              )}\n              <RenderCustomComponent\n                CustomComponent={CustomUnpublishButton}\n                Fallback={<UnpublishButton />}\n              />\n              {EditMenuItems}\n            </PopupList.ButtonGroup>\n          </Popup>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","hasScheduledPublishEnabled","React","Fragment","useCallback","useEffect","useRef","useState","useFormInitializing","useFormProcessing","useElementHeightVariable","MoreIcon","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","formatTimeToNow","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","SchedulePublishButton","Status","UnpublishButton","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","BeforeDocumentMeta","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","variant","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","createdAt","setCreatedAt","relativeTime","setRelativeTime","processing","initializing","rootRef","i18nRef","cssVar","isEnabled","ref","current","updateRelativeTime","date","pattern","interval","setInterval","clearInterval","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showLockedMetaIcon","_jsxs","className","filter","join","_jsx","label","labels","singular","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","undefined","distance","preview","disabled","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","buttonClassName","caret","horizontalAlign","renderButton","active","buttonProps","icon","selected","verticalAlign","ButtonGroup","href","path","disableDuplicate","_Fragment","selectLocales","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n  User,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasDraftsEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useElementHeightVariable } from '../../hooks/useElementHeightVariable.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { LivePreviewToggler } from '../LivePreview/Toggler/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { RestoreButton } from '../RestoreButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { SchedulePublishButton } from '../SchedulePublishButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly BeforeDocumentMeta?: React.ReactNode\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n    readonly Status?: React.ReactNode\n    readonly UnpublishButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly EditMenuItems?: React.ReactNode\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly isInDrawer?: boolean\n  readonly isTrashed?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\n  readonly onSave?: DocumentDrawerContextType['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: null | SanitizedCollectionPermission | SanitizedGlobalPermission\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: User\n  /**\n   * Controls how the document controls render.\n   * - `default`: full controls bar (meta + actions), used on the edit page.\n   * - `drawerHeaderActions`: only the action buttons, rendered in the document drawer header.\n   */\n  readonly variant?: 'default' | 'drawerHeaderActions'\n}> = (props) => {\n  const {\n    id,\n    slug,\n    BeforeDocumentControls,\n    BeforeDocumentMeta,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n      Status: CustomStatus,\n      UnpublishButton: CustomUnpublishButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    EditMenuItems,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    isInDrawer,\n    isTrashed,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onRestore,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    redirectAfterRestore,\n    user,\n    variant = 'default',\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const editDepth = useEditDepth()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const { isLivePreviewEnabled } = useLivePreviewContext()\n\n  const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } =\n    useDocumentInfo()\n\n  const {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n  const [relativeTime, setRelativeTime] = useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  const rootRef = useRef<HTMLDivElement>(null)\n  const i18nRef = useRef(i18n)\n\n  // Only the page-level controls bar feeds the sticky layout offsets. Drawer instances\n  // (variant=\"drawerHeaderActions\") must not publish the shared var or they'd clobber it.\n  useElementHeightVariable({\n    cssVar: '--doc-controls-height',\n    isEnabled: variant === 'default',\n    ref: rootRef,\n  })\n  i18nRef.current = i18n\n\n  const updateRelativeTime = useCallback(() => {\n    const date = data?.updatedAt || data?.createdAt\n    if (date) {\n      setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n    }\n  }, [data?.updatedAt, data?.createdAt])\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n    updateRelativeTime()\n  }, [data, i18n, dateFormat, updateRelativeTime])\n\n  useEffect(() => {\n    const interval = setInterval(updateRelativeTime, 60000)\n    return () => clearInterval(interval)\n  }, [updateRelativeTime])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const hasDeletePermission = collectionConfig?.trash\n    ? docHasTrashPermission || docHasDeletePermission\n    : collectionDeletePermission\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n\n  const showDotMenu = Boolean(\n    !disableActions &&\n      (EditMenuItems ||\n        (collectionConfig && id && (hasCreatePermission || hasDeletePermission)) ||\n        (globalConfig && (globalHasDraftsEnabled || localization))),\n  )\n  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig)\n  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig)\n  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfig.versions.drafts.autosave !== false &&\n      collectionConfig.versions.drafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfig.versions.drafts.autosave !== false &&\n      globalConfig.versions.drafts.autosave.showSaveDraftButton === true)\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <div\n      className={[baseClass, variant !== 'default' && `${baseClass}--${variant}`]\n        .filter(Boolean)\n        .join(' ')}\n      ref={rootRef}\n    >\n      {variant === 'default' && (\n        <div className={`${baseClass}__content`}>\n          {Boolean(showLockedMetaIcon || BeforeDocumentMeta) && (\n            <div className={`${baseClass}__before-meta`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {BeforeDocumentMeta}\n            </div>\n          )}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__creating-new`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li className={`${baseClass}__status ${baseClass}__list-item`}>\n                    <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n                  </li>\n                )}\n                {hasSavePermission &&\n                  autosaveEnabled &&\n                  !unsavedDraftWithValidations &&\n                  !isTrashed && (\n                    <li className={`${baseClass}__list-item`}>\n                      <Autosave\n                        collection={collectionConfig}\n                        global={globalConfig}\n                        id={id}\n                        publishedDocUpdatedAt={data?.createdAt}\n                      />\n                    </li>\n                  )}\n              </Fragment>\n            )}\n            {collectionConfig?.timestamps &&\n              (isEditing || isAccountView) &&\n              (data?.updatedAt || data?.createdAt) && (\n                <li\n                  className={`${baseClass}__list-item ${baseClass}__value-wrap`}\n                  title={updatedAt || createdAt || undefined}\n                >\n                  <p className={`${baseClass}__value`}>\n                    {relativeTime\n                      ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                          distance: relativeTime,\n                        })\n                      : `${t('general:loading')}...`}\n                  </p>\n                </li>\n              )}\n          </ul>\n        </div>\n      )}\n      <div className={`${baseClass}__controls-wrapper`}>\n        <div className={`${baseClass}__controls`}>\n          {BeforeDocumentControls}\n          <div className={`${baseClass}__icon-buttons`}>\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasScheduledPublishEnabled(collectionConfig || globalConfig) && !isTrashed && (\n              <SchedulePublishButton disabled={readOnlyForIncomingUser} />\n            )}\n          </div>\n          {hasSavePermission && !isTrashed && !readOnlyForIncomingUser && (\n            <Fragment>\n              {collectionHasDraftsEnabled || globalHasDraftsEnabled ? (\n                <Fragment>\n                  {(unsavedDraftWithValidations ||\n                    !autosaveEnabled ||\n                    (autosaveEnabled && showSaveDraftButton)) && (\n                    <RenderCustomComponent\n                      CustomComponent={CustomSaveDraftButton}\n                      Fallback={<SaveDraftButton />}\n                    />\n                  )}\n                  <RenderCustomComponent\n                    CustomComponent={CustomPublishButton}\n                    Fallback={<PublishButton />}\n                  />\n                </Fragment>\n              ) : (\n                <RenderCustomComponent\n                  CustomComponent={CustomSaveButton}\n                  Fallback={<SaveButton />}\n                />\n              )}\n            </Fragment>\n          )}\n          {docHasDeletePermission && isTrashed && (\n            <PermanentlyDeleteButton\n              buttonId=\"action-permanently-delete\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onDelete={onDelete}\n              redirectAfterDelete={redirectAfterDelete}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {hasSavePermission && isTrashed && (\n            <RestoreButton\n              buttonId=\"action-restore\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onRestore={onRestore}\n              redirectAfterRestore={redirectAfterRestore}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {user && readOnlyForIncomingUser && (\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"take-over\"\n              onClick={onTakeOver}\n              size=\"medium\"\n              type=\"button\"\n            >\n              {t('general:takeOver')}\n            </Button>\n          )}\n        </div>\n        {showDotMenu && !readOnlyForIncomingUser && (\n          <Popup\n            buttonClassName={`${baseClass}__popup-button`}\n            caret={false}\n            className={`${baseClass}__popup`}\n            disabled={initializing || processing}\n            horizontalAlign=\"right\"\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                {...buttonProps}\n                aria-label={t('general:moreOptions')}\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__popup-button`}\n                icon={<MoreIcon />}\n                selected={active}\n                size=\"medium\"\n              />\n            )}\n            verticalAlign=\"bottom\"\n          >\n            <PopupList.ButtonGroup>\n              {showCopyToLocale && <CopyLocaleData />}\n              {hasCreatePermission && (\n                <React.Fragment>\n                  {!disableCreate && (\n                    <Fragment>\n                      {editDepth > 1 ? (\n                        <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      ) : (\n                        <PopupList.Button\n                          href={formatAdminURL({\n                            adminRoute,\n                            path: `/collections/${collectionConfig?.slug}/create`,\n                          })}\n                          id=\"action-create\"\n                        >\n                          {i18n.t('general:createNew')}\n                        </PopupList.Button>\n                      )}\n                    </Fragment>\n                  )}\n                  {collectionConfig.disableDuplicate !== true && isEditing && (\n                    <>\n                      <DuplicateDocument\n                        id={id}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                      {localization && (\n                        <DuplicateDocument\n                          id={id}\n                          onDuplicate={onDuplicate}\n                          redirectAfterDuplicate={redirectAfterDuplicate}\n                          selectLocales={true}\n                          singularLabel={collectionConfig?.labels?.singular}\n                          slug={collectionConfig?.slug}\n                        />\n                      )}\n                    </>\n                  )}\n                </React.Fragment>\n              )}\n              {hasDeletePermission && id && (\n                <DeleteDocument\n                  buttonId=\"action-delete\"\n                  collectionSlug={collectionConfig?.slug}\n                  id={id.toString()}\n                  onDelete={onDelete}\n                  redirectAfterDelete={redirectAfterDelete}\n                  singularLabel={collectionConfig?.labels?.singular}\n                  useAsTitle={collectionConfig?.admin?.useAsTitle}\n                />\n              )}\n              <RenderCustomComponent\n                CustomComponent={CustomUnpublishButton}\n                Fallback={<UnpublishButton />}\n              />\n              {EditMenuItems}\n            </PopupList.ButtonGroup>\n          </Popup>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AASrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqK/D,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AASrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkK/D,CAAA"}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { toast } from 'sonner';
@@ -121,16 +121,20 @@ export const DocumentDrawerContent = ({
       abortAndIgnore(abortGetDocumentView);
     };
   }, []);
-  if (isLoading) {
-    return /*#__PURE__*/_jsx(LoadingOverlay, {});
-  }
-  return /*#__PURE__*/_jsx(DocumentDrawerContextProvider, {
+  return /*#__PURE__*/_jsxs(DocumentDrawerContextProvider, {
     clearDoc: clearDoc,
     drawerSlug: drawerSlug,
     onDelete: onDelete,
     onDuplicate: onDuplicate,
     onSave: onSave,
-    children: DocumentView
+    children: [!isLoading && /*#__PURE__*/_jsx("div", {
+      className: "drawer__fade-in",
+      children: DocumentView
+    }), /*#__PURE__*/_jsx(LoadingOverlay, {
+      animationDuration: "200ms",
+      overlayType: "drawer",
+      show: isLoading
+    })]
   });
 };
 //# sourceMappingURL=DrawerContent.js.map