@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.c2b57ce

package/dist/elements/DocumentControls/index.js

@@ -6,6 +6,7 @@ import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
 import { useFormInitializing, useFormProcessing } from '../../forms/Form/context.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';
@@ -17,8 +18,6 @@ import { Button } from '../Button/index.js';
 import { CopyLocaleData } from '../CopyLocaleData/index.js';
 import { DeleteDocument } from '../DeleteDocument/index.js';
 import { DuplicateDocument } from '../DuplicateDocument/index.js';
-import { MoveDocToFolder } from '../FolderView/MoveDocToFolder/index.js';
-import { Gutter } from '../Gutter/index.js';
 import { LivePreviewToggler } from '../LivePreview/Toggler/index.js';
 import { Locked } from '../Locked/index.js';
 import { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/index.js';
@@ -28,10 +27,10 @@ import { PublishButton } from '../PublishButton/index.js';
 import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
 import { RestoreButton } from '../RestoreButton/index.js';
 import { SaveButton } from '../SaveButton/index.js';
-import './index.scss';
 import { SaveDraftButton } from '../SaveDraftButton/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);
@@ -39,6 +38,7 @@ export const DocumentControls = props => {
     id,
     slug,
     BeforeDocumentControls,
+    BeforeDocumentMeta,
     customComponents: t0,
     data,
     disableActions,
@@ -148,173 +148,163 @@ export const DocumentControls = props => {
   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 showFolderMetaIcon = collectionConfig && collectionConfig.folders;
   const showLockedMetaIcon = user && readOnlyForIncomingUser;
-  return _jsxs(Gutter, {
+  return _jsxs("div", {
     className: baseClass,
     children: [_jsxs("div", {
-      className: `${baseClass}__wrapper`,
-      children: [_jsxs("div", {
-        className: `${baseClass}__content`,
-        children: [showLockedMetaIcon || showFolderMetaIcon ? _jsxs("div", {
-          className: `${baseClass}__meta-icons`,
-          children: [showLockedMetaIcon && _jsx(Locked, {
-            className: `${baseClass}__locked-controls`,
-            user
-          }), showFolderMetaIcon && config.folders && !isTrashed && _jsx(MoveDocToFolder, {
-            folderCollectionSlug: config.folders.slug,
-            folderFieldName: config.folders.fieldName
-          })]
-        }) : null, _jsxs("ul", {
-          className: `${baseClass}__meta`,
-          children: [collectionConfig && !isEditing && !isAccountView && _jsx("li", {
+      className: `${baseClass}__content`,
+      children: [Boolean(showLockedMetaIcon || BeforeDocumentMeta) && _jsxs("div", {
+        className: `${baseClass}__before-meta`,
+        children: [showLockedMetaIcon && _jsx(Locked, {
+          className: `${baseClass}__locked-controls`,
+          user
+        }), BeforeDocumentMeta]
+      }), _jsxs("ul", {
+        className: `${baseClass}__meta`,
+        children: [collectionConfig && !isEditing && !isAccountView && _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)
+            })
+          })
+        }), (collectionHasDraftsEnabled || globalHasDraftsEnabled) && _jsxs(Fragment, {
+          children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
+            className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomStatus,
+              Fallback: _jsx(Status, {})
+            })
+          }), hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && _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: _jsx(Autosave, {
+              collection: collectionConfig,
+              global: globalConfig,
+              id,
+              publishedDocUpdatedAt: data?.createdAt
             })
-          }), (collectionHasDraftsEnabled || globalHasDraftsEnabled) && _jsxs(Fragment, {
-            children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
-              className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
-              children: _jsx(RenderCustomComponent, {
-                CustomComponent: CustomStatus,
-                Fallback: _jsx(Status, {})
-              })
-            }), hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && _jsx("li", {
-              className: `${baseClass}__list-item`,
-              children: _jsx(Autosave, {
-                collection: collectionConfig,
-                global: globalConfig,
-                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
             })]
-          }), 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
-              })]
+          }), _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
             })]
           })]
         })]
-      }), _jsxs("div", {
-        className: `${baseClass}__controls-wrapper`,
-        children: [_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, {
-                CustomComponent: CustomSaveDraftButton,
-                Fallback: _jsx(SaveDraftButton, {})
-              }), _jsx(RenderCustomComponent, {
-                CustomComponent: CustomPublishButton,
-                Fallback: _jsx(PublishButton, {})
+      })]
+    }), _jsxs("div", {
+      className: `${baseClass}__controls-wrapper`,
+      children: [_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, {
+              CustomComponent: CustomSaveDraftButton,
+              Fallback: _jsx(SaveDraftButton, {})
+            }), _jsx(RenderCustomComponent, {
+              CustomComponent: CustomPublishButton,
+              Fallback: _jsx(PublishButton, {})
+            })]
+          }) : _jsx(RenderCustomComponent, {
+            CustomComponent: CustomSaveButton,
+            Fallback: _jsx(SaveButton, {})
+          })
+        }), docHasDeletePermission && isTrashed && _jsx(PermanentlyDeleteButton, {
+          buttonId: "action-permanently-delete",
+          collectionSlug: collectionConfig?.slug,
+          id: id.toString(),
+          onDelete,
+          redirectAfterDelete,
+          singularLabel: collectionConfig?.labels?.singular
+        }), hasSavePermission && isTrashed && _jsx(RestoreButton, {
+          buttonId: "action-restore",
+          collectionSlug: collectionConfig?.slug,
+          id: id.toString(),
+          onRestore,
+          redirectAfterRestore,
+          singularLabel: collectionConfig?.labels?.singular
+        }), user && readOnlyForIncomingUser && _jsx(Button, {
+          buttonStyle: "secondary",
+          id: "take-over",
+          onClick: onTakeOver,
+          size: "medium",
+          type: "button",
+          children: t("general:takeOver")
+        })]
+      }), showDotMenu && !readOnlyForIncomingUser && _jsx(Popup, {
+        button: _jsx(MoreIcon, {}),
+        buttonClassName: `${baseClass}__popup-button`,
+        caret: false,
+        className: `${baseClass}__popup`,
+        disabled: initializing || processing,
+        horizontalAlign: "right",
+        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, {
+                id: "action-create",
+                onClick: onDrawerCreateNew,
+                children: i18n.t("general:createNew")
+              }) : _jsx(PopupList.Button, {
+                href: formatAdminURL({
+                  adminRoute,
+                  path: `/collections/${collectionConfig?.slug}/create`
+                }),
+                id: "action-create",
+                children: i18n.t("general:createNew")
+              })
+            }), collectionConfig.disableDuplicate !== true && isEditing && _jsxs(_Fragment, {
+              children: [_jsx(DuplicateDocument, {
+                id,
+                onDuplicate,
+                redirectAfterDuplicate,
+                singularLabel: collectionConfig?.labels?.singular,
+                slug: collectionConfig?.slug
+              }), localization && _jsx(DuplicateDocument, {
+                id,
+                onDuplicate,
+                redirectAfterDuplicate,
+                selectLocales: true,
+                singularLabel: collectionConfig?.labels?.singular,
+                slug: collectionConfig?.slug
               })]
-            }) : _jsx(RenderCustomComponent, {
-              CustomComponent: CustomSaveButton,
-              Fallback: _jsx(SaveButton, {})
-            })
-          }), docHasDeletePermission && isTrashed && _jsx(PermanentlyDeleteButton, {
-            buttonId: "action-permanently-delete",
+            })]
+          }), hasDeletePermission && _jsx(DeleteDocument, {
+            buttonId: "action-delete",
             collectionSlug: collectionConfig?.slug,
             id: id.toString(),
             onDelete,
             redirectAfterDelete,
-            singularLabel: collectionConfig?.labels?.singular
-          }), hasSavePermission && isTrashed && _jsx(RestoreButton, {
-            buttonId: "action-restore",
-            collectionSlug: collectionConfig?.slug,
-            id: id.toString(),
-            onRestore,
-            redirectAfterRestore,
-            singularLabel: collectionConfig?.labels?.singular
-          }), user && readOnlyForIncomingUser && _jsx(Button, {
-            buttonStyle: "secondary",
-            id: "take-over",
-            onClick: onTakeOver,
-            size: "medium",
-            type: "button",
-            children: t("general:takeOver")
-          })]
-        }), showDotMenu && !readOnlyForIncomingUser && _jsx(Popup, {
-          button: _jsxs("div", {
-            className: `${baseClass}__dots`,
-            children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})]
-          }),
-          className: `${baseClass}__popup`,
-          disabled: initializing || processing,
-          horizontalAlign: "right",
-          size: "large",
-          verticalAlign: "bottom",
-          children: _jsxs(PopupList.ButtonGroup, {
-            children: [showCopyToLocale && _jsx(CopyLocaleData, {}), hasCreatePermission && _jsxs(React.Fragment, {
-              children: [!disableCreate && _jsx(Fragment, {
-                children: editDepth > 1 ? _jsx(PopupList.Button, {
-                  id: "action-create",
-                  onClick: onDrawerCreateNew,
-                  children: i18n.t("general:createNew")
-                }) : _jsx(PopupList.Button, {
-                  href: formatAdminURL({
-                    adminRoute,
-                    path: `/collections/${collectionConfig?.slug}/create`
-                  }),
-                  id: "action-create",
-                  children: i18n.t("general:createNew")
-                })
-              }), collectionConfig.disableDuplicate !== true && isEditing && _jsxs(_Fragment, {
-                children: [_jsx(DuplicateDocument, {
-                  id,
-                  onDuplicate,
-                  redirectAfterDuplicate,
-                  singularLabel: collectionConfig?.labels?.singular,
-                  slug: collectionConfig?.slug
-                }), localization && _jsx(DuplicateDocument, {
-                  id,
-                  onDuplicate,
-                  redirectAfterDuplicate,
-                  selectLocales: true,
-                  singularLabel: collectionConfig?.labels?.singular,
-                  slug: collectionConfig?.slug
-                })]
-              })]
-            }), hasDeletePermission && _jsx(DeleteDocument, {
-              buttonId: "action-delete",
-              collectionSlug: collectionConfig?.slug,
-              id: id.toString(),
-              onDelete,
-              redirectAfterDelete,
-              singularLabel: collectionConfig?.labels?.singular,
-              useAsTitle: collectionConfig?.admin?.useAsTitle
-            }), _jsx(RenderCustomComponent, {
-              CustomComponent: CustomUnpublishButton,
-              Fallback: _jsx(UnpublishButton, {})
-            }), EditMenuItems]
-          })
-        })]
+            singularLabel: collectionConfig?.labels?.singular,
+            useAsTitle: collectionConfig?.admin?.useAsTitle
+          }), _jsx(RenderCustomComponent, {
+            CustomComponent: CustomUnpublishButton,
+            Fallback: _jsx(UnpublishButton, {})
+          }), EditMenuItems]
+        })
       })]
-    }), _jsx("div", {
-      className: `${baseClass}__divider`
     })]
   });
 };

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","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","MoveDocToFolder","Gutter","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","Status","UnpublishButton","baseClass","DocumentControls","props","$","id","slug","BeforeDocumentControls","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","showFolderMetaIcon","folders","showLockedMetaIcon","_jsxs","className","children","_jsx","folderCollectionSlug","folderFieldName","fieldName","label","labels","singular","filter","join","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","preview","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","button","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 { 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 { MoveDocToFolder } from '../FolderView/MoveDocToFolder/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 './index.scss'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: 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    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 showFolderMetaIcon = collectionConfig && collectionConfig.folders\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {showLockedMetaIcon || showFolderMetaIcon ? (\n            <div className={`${baseClass}__meta-icons`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {showFolderMetaIcon && config.folders && !isTrashed && (\n                <MoveDocToFolder\n                  folderCollectionSlug={config.folders.slug}\n                  folderFieldName={config.folders.fieldName}\n                />\n              )}\n            </div>\n          ) : null}\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={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\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      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

package/dist/elements/DocumentDrawer/DrawerHeader/index.css

@@ -0,0 +1,54 @@
+@layer payload-default {
+  .doc-drawer__header {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    border-bottom: 1px solid var(--color-border);
+    padding: var(--spacer-2-5);
+  }
+
+  .doc-drawer__header-content {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    width: 100%;
+  }
+
+  .doc-drawer__header-text {
+    margin: 0;
+  }
+
+  .doc-drawer__header-toggler {
+    background: transparent;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    color: inherit;
+  }
+
+  .doc-drawer__header-toggler:focus,
+  .doc-drawer__header-toggler:focus-within {
+    outline: none;
+  }
+
+  .doc-drawer__header-toggler:disabled {
+    pointer-events: none;
+  }
+
+  .doc-drawer__header-close {
+    padding: 0;
+    border: 0;
+  }
+
+  .doc-drawer__after-header {
+    padding-top: var(--spacer-1);
+  }
+
+  .doc-drawer__divider {
+    height: 1px;
+    background: var(--color-border);
+    width: 100%;
+  }
+}

package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts

@@ -1,4 +1,4 @@
-import './index.scss';
+import './index.css';
 export declare const DocumentDrawerHeader: React.FC<{
     AfterHeader?: React.ReactNode;
     drawerSlug: string;

package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"names":[],"mappings":"AAeA,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAuCA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"names":[],"mappings":"AAeA,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAsCA,CAAA"}

package/dist/elements/DocumentDrawer/DrawerHeader/index.js

@@ -3,18 +3,18 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Gutter } from '../../../elements/Gutter/index.js';
 import { useModal } from '../../../elements/Modal/index.js';
 import { RenderTitle } from '../../../elements/RenderTitle/index.js';
 import { useFormModified } from '../../../forms/Form/index.js';
-import { XIcon } from '../../../icons/X/index.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useDocumentTitle } from '../../../providers/DocumentTitle/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
 import { IDLabel } from '../../IDLabel/index.js';
 import { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js';
 import { documentDrawerBaseClass } from '../index.js';
-import './index.scss';
+import './index.css';
 const leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer';
 export const DocumentDrawerHeader = t0 => {
   const $ = _c(15);
@@ -61,21 +61,24 @@ export const DocumentDrawerHeader = t0 => {
     } else {
       t4 = $[14];
     }
-    t3 = _jsxs(Gutter, {
+    t3 = _jsxs("div", {
       className: `${documentDrawerBaseClass}__header`,
       children: [_jsxs("div", {
         className: `${documentDrawerBaseClass}__header-content`,
-        children: [_jsx("h2", {
+        children: [_jsx(Button, {
+          "aria-label": t("general:close"),
+          buttonStyle: "ghost",
+          className: `${documentDrawerBaseClass}__header-close`,
+          icon: _jsx(ChevronIcon, {
+            direction: "left",
+            size: 24
+          }),
+          onClick: handleOnClose
+        }), _jsx("h2", {
           className: `${documentDrawerBaseClass}__header-text`,
           children: _jsx(RenderTitle, {
             element: "span"
           })
-        }), _jsx("button", {
-          "aria-label": t("general:close"),
-          className: `${documentDrawerBaseClass}__header-close`,
-          onClick: handleOnClose,
-          type: "button",
-          children: _jsx(XIcon, {})
         })]
       }), showDocumentID && _jsx(DocumentID, {}), AfterHeader ? _jsx("div", {
         className: `${documentDrawerBaseClass}__after-header`,