@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/DocumentControls/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
@@ -80,447 +79,101 @@ export const DocumentControls = /* Only available if `redirectAfterDuplicate` is
     const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
     const showFolderMetaIcon = collectionConfig && collectionConfig.folders;
     const showLockedMetaIcon = user && readOnlyForIncomingUser;
-    return /*#__PURE__*/ _jsxDEV(Gutter, {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__wrapper`,
-                children: [
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__content`,
-                        children: [
-                            showLockedMetaIcon || showFolderMetaIcon ? /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__meta-icons`,
-                                children: [
-                                    showLockedMetaIcon && /*#__PURE__*/ _jsxDEV(Locked, {
-                                        className: `${baseClass}__locked-controls`,
-                                        user: user
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 181,
-                                        columnNumber: 17
-                                    }, this),
-                                    showFolderMetaIcon && config.folders && !isTrashed && /*#__PURE__*/ _jsxDEV(MoveDocToFolder, {
-                                        folderCollectionSlug: config.folders.slug,
-                                        folderFieldName: config.folders.fieldName
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 184,
-                                        columnNumber: 17
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 179,
-                                columnNumber: 13
-                            }, this) : null,
-                            /*#__PURE__*/ _jsxDEV("ul", {
-                                className: `${baseClass}__meta`,
-                                children: [
-                                    collectionConfig && !isEditing && !isAccountView && /*#__PURE__*/ _jsxDEV("li", {
-                                        className: `${baseClass}__list-item`,
-                                        children: /*#__PURE__*/ _jsxDEV("p", {
-                                            className: `${baseClass}__value`,
-                                            children: i18n.t('general:creatingNewLabel', {
-                                                label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t('general:document'), i18n)
-                                            })
-                                        }, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 194,
-                                            columnNumber: 17
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 193,
-                                        columnNumber: 15
-                                    }, this),
-                                    (collectionHasDraftsEnabled || globalHasDraftsEnabled) && /*#__PURE__*/ _jsxDEV(Fragment, {
-                                        children: [
-                                            (globalConfig || collectionConfig && isEditing) && /*#__PURE__*/ _jsxDEV("li", {
-                                                className: [
-                                                    `${baseClass}__status`,
-                                                    `${baseClass}__list-item`
-                                                ].filter(Boolean).join(' '),
-                                                children: /*#__PURE__*/ _jsxDEV(Status, {}, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 212,
-                                                    columnNumber: 21
-                                                }, this)
-                                            }, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 207,
-                                                columnNumber: 19
-                                            }, this),
-                                            hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && /*#__PURE__*/ _jsxDEV("li", {
-                                                className: `${baseClass}__list-item`,
-                                                children: /*#__PURE__*/ _jsxDEV(Autosave, {
-                                                    collection: collectionConfig,
-                                                    global: globalConfig,
-                                                    id: id,
-                                                    publishedDocUpdatedAt: data?.createdAt
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 220,
-                                                    columnNumber: 23
-                                                }, this)
-                                            }, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 219,
-                                                columnNumber: 21
-                                            }, this)
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 205,
-                                        columnNumber: 15
-                                    }, this),
-                                    collectionConfig?.timestamps && (isEditing || isAccountView) && /*#__PURE__*/ _jsxDEV(Fragment, {
-                                        children: [
-                                            /*#__PURE__*/ _jsxDEV("li", {
-                                                className: [
-                                                    `${baseClass}__list-item`,
-                                                    `${baseClass}__value-wrap`
-                                                ].filter(Boolean).join(' '),
-                                                title: data?.updatedAt ? updatedAt : '',
-                                                children: [
-                                                    /*#__PURE__*/ _jsxDEV("p", {
-                                                        className: `${baseClass}__label`,
-                                                        children: [
-                                                            i18n.t(isTrashed ? 'general:deleted' : 'general:lastModified'),
-                                                            ": "
-                                                        ]
-                                                    }, void 0, true, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 238,
-                                                        columnNumber: 19
-                                                    }, this),
-                                                    data?.updatedAt && /*#__PURE__*/ _jsxDEV("p", {
-                                                        className: `${baseClass}__value`,
-                                                        children: updatedAt
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 242,
-                                                        columnNumber: 39
-                                                    }, this)
-                                                ]
-                                            }, void 0, true, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 232,
-                                                columnNumber: 17
-                                            }, this),
-                                            /*#__PURE__*/ _jsxDEV("li", {
-                                                className: [
-                                                    `${baseClass}__list-item`,
-                                                    `${baseClass}__value-wrap`
-                                                ].filter(Boolean).join(' '),
-                                                title: data?.createdAt ? createdAt : '',
-                                                children: [
-                                                    /*#__PURE__*/ _jsxDEV("p", {
-                                                        className: `${baseClass}__label`,
-                                                        children: [
-                                                            i18n.t('general:created'),
-                                                            ": "
-                                                        ]
-                                                    }, void 0, true, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 250,
-                                                        columnNumber: 19
-                                                    }, this),
-                                                    data?.createdAt && /*#__PURE__*/ _jsxDEV("p", {
-                                                        className: `${baseClass}__value`,
-                                                        children: createdAt
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 251,
-                                                        columnNumber: 39
-                                                    }, this)
-                                                ]
-                                            }, void 0, true, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 244,
-                                                columnNumber: 17
-                                            }, this)
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 231,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 191,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/DocumentControls/index.tsx",
-                        lineNumber: 177,
-                        columnNumber: 9
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__controls-wrapper`,
-                        children: [
-                            /*#__PURE__*/ _jsxDEV("div", {
-                                className: `${baseClass}__controls`,
-                                children: [
-                                    BeforeDocumentControls,
-                                    isLivePreviewEnabled && !isInDrawer && /*#__PURE__*/ _jsxDEV(LivePreviewToggler, {}, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 260,
-                                        columnNumber: 53
-                                    }, this),
-                                    (collectionConfig?.admin.preview || globalConfig?.admin.preview) && /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                        CustomComponent: CustomPreviewButton,
-                                        Fallback: /*#__PURE__*/ _jsxDEV(PreviewButton, {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 264,
-                                            columnNumber: 27
-                                        }, void 0)
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 262,
-                                        columnNumber: 15
-                                    }, this),
-                                    hasSavePermission && !isTrashed && /*#__PURE__*/ _jsxDEV(Fragment, {
-                                        children: collectionHasDraftsEnabled || globalHasDraftsEnabled ? /*#__PURE__*/ _jsxDEV(Fragment, {
-                                            children: [
-                                                (unsavedDraftWithValidations || !autosaveEnabled || autosaveEnabled && showSaveDraftButton) && /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                                    CustomComponent: CustomSaveDraftButton,
-                                                    Fallback: /*#__PURE__*/ _jsxDEV(SaveDraftButton, {}, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 276,
-                                                        columnNumber: 35
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 274,
-                                                    columnNumber: 23
-                                                }, this),
-                                                /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                                    CustomComponent: CustomPublishButton,
-                                                    Fallback: /*#__PURE__*/ _jsxDEV(PublishButton, {}, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 281,
-                                                        columnNumber: 33
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 279,
-                                                    columnNumber: 21
-                                                }, this)
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 270,
-                                            columnNumber: 19
-                                        }, this) : /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                            CustomComponent: CustomSaveButton,
-                                            Fallback: /*#__PURE__*/ _jsxDEV(SaveButton, {}, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 287,
-                                                columnNumber: 31
-                                            }, void 0)
-                                        }, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 285,
-                                            columnNumber: 19
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 268,
-                                        columnNumber: 15
-                                    }, this),
-                                    hasDeletePermission && isTrashed && /*#__PURE__*/ _jsxDEV(PermanentlyDeleteButton, {
-                                        buttonId: "action-permanently-delete",
-                                        collectionSlug: collectionConfig?.slug,
-                                        id: id.toString(),
-                                        onDelete: onDelete,
-                                        redirectAfterDelete: redirectAfterDelete,
-                                        singularLabel: collectionConfig?.labels?.singular
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 293,
-                                        columnNumber: 15
-                                    }, this),
-                                    hasSavePermission && isTrashed && /*#__PURE__*/ _jsxDEV(RestoreButton, {
-                                        buttonId: "action-restore",
-                                        collectionSlug: collectionConfig?.slug,
-                                        id: id.toString(),
-                                        onRestore: onRestore,
-                                        redirectAfterRestore: redirectAfterRestore,
-                                        singularLabel: collectionConfig?.labels?.singular
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 303,
-                                        columnNumber: 15
-                                    }, this),
-                                    user && readOnlyForIncomingUser && /*#__PURE__*/ _jsxDEV(Button, {
-                                        buttonStyle: "secondary",
-                                        id: "take-over",
-                                        onClick: onTakeOver,
-                                        size: "medium",
-                                        type: "button",
-                                        children: t('general:takeOver')
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 313,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 258,
-                                columnNumber: 11
-                            }, this),
-                            showDotMenu && !readOnlyForIncomingUser && /*#__PURE__*/ _jsxDEV(Popup, {
-                                button: /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__dots`,
-                                    children: [
-                                        /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 328,
-                                            columnNumber: 19
-                                        }, void 0),
-                                        /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 329,
-                                            columnNumber: 19
-                                        }, void 0),
-                                        /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 330,
-                                            columnNumber: 19
-                                        }, void 0)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                    lineNumber: 327,
-                                    columnNumber: 17
-                                }, void 0),
-                                className: `${baseClass}__popup`,
-                                disabled: initializing || processing,
-                                horizontalAlign: "right",
-                                size: "large",
-                                verticalAlign: "bottom",
-                                children: /*#__PURE__*/ _jsxDEV(PopupList.ButtonGroup, {
-                                    children: [
-                                        showCopyToLocale && /*#__PURE__*/ _jsxDEV(CopyLocaleData, {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 340,
-                                            columnNumber: 38
-                                        }, this),
-                                        hasCreatePermission && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                                            children: [
-                                                !disableCreate && /*#__PURE__*/ _jsxDEV(Fragment, {
-                                                    children: editDepth > 1 ? /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                                        id: "action-create",
-                                                        onClick: onDrawerCreateNew,
-                                                        children: i18n.t('general:createNew')
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 346,
-                                                        columnNumber: 27
-                                                    }, this) : /*#__PURE__*/ _jsxDEV(PopupList.Button, {
-                                                        href: formatAdminURL({
-                                                            adminRoute,
-                                                            path: `/collections/${collectionConfig?.slug}/create`
-                                                        }),
-                                                        id: "action-create",
-                                                        children: i18n.t('general:createNew')
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 350,
-                                                        columnNumber: 27
-                                                    }, this)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 344,
-                                                    columnNumber: 23
-                                                }, this),
-                                                collectionConfig.disableDuplicate !== true && isEditing && /*#__PURE__*/ _jsxDEV(_Fragment, {
-                                                    children: [
-                                                        /*#__PURE__*/ _jsxDEV(DuplicateDocument, {
-                                                            id: id,
-                                                            onDuplicate: onDuplicate,
-                                                            redirectAfterDuplicate: redirectAfterDuplicate,
-                                                            singularLabel: collectionConfig?.labels?.singular,
-                                                            slug: collectionConfig?.slug
-                                                        }, void 0, false, {
-                                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                                            lineNumber: 364,
-                                                            columnNumber: 25
-                                                        }, this),
-                                                        localization && /*#__PURE__*/ _jsxDEV(DuplicateDocument, {
-                                                            id: id,
-                                                            onDuplicate: onDuplicate,
-                                                            redirectAfterDuplicate: redirectAfterDuplicate,
-                                                            selectLocales: true,
-                                                            singularLabel: collectionConfig?.labels?.singular,
-                                                            slug: collectionConfig?.slug
-                                                        }, void 0, false, {
-                                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                                            lineNumber: 372,
-                                                            columnNumber: 27
-                                                        }, this)
-                                                    ]
-                                                }, void 0, true)
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 342,
-                                            columnNumber: 19
-                                        }, this),
-                                        hasDeletePermission && /*#__PURE__*/ _jsxDEV(DeleteDocument, {
-                                            buttonId: "action-delete",
-                                            collectionSlug: collectionConfig?.slug,
-                                            id: id.toString(),
-                                            onDelete: onDelete,
-                                            redirectAfterDelete: redirectAfterDelete,
-                                            singularLabel: collectionConfig?.labels?.singular,
-                                            useAsTitle: collectionConfig?.admin?.useAsTitle
-                                        }, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 386,
-                                            columnNumber: 19
-                                        }, this),
-                                        EditMenuItems
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                    lineNumber: 339,
-                                    columnNumber: 15
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 325,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/DocumentControls/index.tsx",
-                        lineNumber: 257,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DocumentControls/index.tsx",
-                lineNumber: 176,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__divider`
-            }, void 0, false, {
-                fileName: "src/elements/DocumentControls/index.tsx",
-                lineNumber: 402,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/DocumentControls/index.tsx",
-        lineNumber: 175,
-        columnNumber: 5
-    }, this);
+    return <Gutter className={baseClass}>
+      <div className={`${baseClass}__wrapper`}>
+        <div className={`${baseClass}__content`}>
+          {showLockedMetaIcon || showFolderMetaIcon ? <div className={`${baseClass}__meta-icons`}>
+              {showLockedMetaIcon && <Locked className={`${baseClass}__locked-controls`} user={user}/>}
+              {showFolderMetaIcon && config.folders && !isTrashed && <MoveDocToFolder folderCollectionSlug={config.folders.slug} folderFieldName={config.folders.fieldName}/>}
+            </div> : null}
+          <ul className={`${baseClass}__meta`}>
+            {collectionConfig && !isEditing && !isAccountView && <li className={`${baseClass}__list-item`}>
+                <p className={`${baseClass}__value`}>
+                  {i18n.t('general:creatingNewLabel', {
+        label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t('general:document'), i18n)
+    })}
+                </p>
+              </li>}
+            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && <Fragment>
+                {(globalConfig || collectionConfig && isEditing) && <li className={[
+        `${baseClass}__status`,
+        `${baseClass}__list-item`
+    ].filter(Boolean).join(' ')}>
+                    <Status/>
+                  </li>}
+                {hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed && <li className={`${baseClass}__list-item`}>
+                      <Autosave collection={collectionConfig} global={globalConfig} id={id} publishedDocUpdatedAt={data?.createdAt}/>
+                    </li>}
+              </Fragment>}
+            {collectionConfig?.timestamps && (isEditing || isAccountView) && <Fragment>
+                <li className={[
+        `${baseClass}__list-item`,
+        `${baseClass}__value-wrap`
+    ].filter(Boolean).join(' ')} title={data?.updatedAt ? updatedAt : ''}>
+                  <p className={`${baseClass}__label`}>
+                    {i18n.t(isTrashed ? 'general:deleted' : 'general:lastModified')}:&nbsp;
+                  </p>
+
+                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}
+                </li>
+                <li className={[
+        `${baseClass}__list-item`,
+        `${baseClass}__value-wrap`
+    ].filter(Boolean).join(' ')} title={data?.createdAt ? createdAt : ''}>
+                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>
+                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}
+                </li>
+              </Fragment>}
+          </ul>
+        </div>
+        <div className={`${baseClass}__controls-wrapper`}>
+          <div className={`${baseClass}__controls`}>
+            {BeforeDocumentControls}
+            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler/>}
+            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && <RenderCustomComponent CustomComponent={CustomPreviewButton} Fallback={<PreviewButton/>}/>}
+            {hasSavePermission && !isTrashed && <Fragment>
+                {collectionHasDraftsEnabled || globalHasDraftsEnabled ? <Fragment>
+                    {(unsavedDraftWithValidations || !autosaveEnabled || autosaveEnabled && showSaveDraftButton) && <RenderCustomComponent CustomComponent={CustomSaveDraftButton} Fallback={<SaveDraftButton/>}/>}
+                    <RenderCustomComponent CustomComponent={CustomPublishButton} Fallback={<PublishButton/>}/>
+                  </Fragment> : <RenderCustomComponent CustomComponent={CustomSaveButton} Fallback={<SaveButton/>}/>}
+              </Fragment>}
+            {hasDeletePermission && isTrashed && <PermanentlyDeleteButton buttonId="action-permanently-delete" collectionSlug={collectionConfig?.slug} id={id.toString()} onDelete={onDelete} redirectAfterDelete={redirectAfterDelete} singularLabel={collectionConfig?.labels?.singular}/>}
+            {hasSavePermission && isTrashed && <RestoreButton buttonId="action-restore" collectionSlug={collectionConfig?.slug} id={id.toString()} onRestore={onRestore} redirectAfterRestore={redirectAfterRestore} singularLabel={collectionConfig?.labels?.singular}/>}
+            {user && readOnlyForIncomingUser && <Button buttonStyle="secondary" id="take-over" onClick={onTakeOver} size="medium" type="button">
+                {t('general:takeOver')}
+              </Button>}
+          </div>
+          {showDotMenu && !readOnlyForIncomingUser && <Popup button={<div className={`${baseClass}__dots`}>
+                  <div/>
+                  <div/>
+                  <div/>
+                </div>} className={`${baseClass}__popup`} disabled={initializing || processing} horizontalAlign="right" size="large" verticalAlign="bottom">
+              <PopupList.ButtonGroup>
+                {showCopyToLocale && <CopyLocaleData/>}
+                {hasCreatePermission && <React.Fragment>
+                    {!disableCreate && <Fragment>
+                        {editDepth > 1 ? <PopupList.Button id="action-create" onClick={onDrawerCreateNew}>
+                            {i18n.t('general:createNew')}
+                          </PopupList.Button> : <PopupList.Button href={formatAdminURL({
+        adminRoute,
+        path: `/collections/${collectionConfig?.slug}/create`
+    })} id="action-create">
+                            {i18n.t('general:createNew')}
+                          </PopupList.Button>}
+                      </Fragment>}
+                    {collectionConfig.disableDuplicate !== true && isEditing && <>
+                        <DuplicateDocument id={id} onDuplicate={onDuplicate} redirectAfterDuplicate={redirectAfterDuplicate} singularLabel={collectionConfig?.labels?.singular} slug={collectionConfig?.slug}/>
+                        {localization && <DuplicateDocument id={id} onDuplicate={onDuplicate} redirectAfterDuplicate={redirectAfterDuplicate} selectLocales={true} singularLabel={collectionConfig?.labels?.singular} slug={collectionConfig?.slug}/>}
+                      </>}
+                  </React.Fragment>}
+                {hasDeletePermission && <DeleteDocument buttonId="action-delete" collectionSlug={collectionConfig?.slug} id={id.toString()} onDelete={onDelete} redirectAfterDelete={redirectAfterDelete} singularLabel={collectionConfig?.labels?.singular} useAsTitle={collectionConfig?.admin?.useAsTitle}/>}
+                {EditMenuItems}
+              </PopupList.ButtonGroup>
+            </Popup>}
+        </div>
+      </div>
+      <div className={`${baseClass}__divider`}/>
+    </Gutter>;
 };
 
 //# sourceMappingURL=index.js.map