@payloadcms/ui 3.80.0-internal-debug.7019cc9 → 3.80.0-internal.0311fce

package/dist/elements/DocumentControls/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared';
 import React, { Fragment, useEffect } from 'react';
@@ -15,7 +17,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';
@@ -26,524 +27,291 @@ 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.scss';
 const baseClass = 'doc-controls';
-export const DocumentControls = /* Only available if `redirectAfterDuplicate` is `false` */ (props)=>{
-    const { id, slug, BeforeDocumentControls, customComponents: { PreviewButton: CustomPreviewButton, PublishButton: CustomPublishButton, SaveButton: CustomSaveButton, SaveDraftButton: CustomSaveDraftButton, Status: CustomStatus, UnpublishButton: CustomUnpublishButton } = {}, data, disableActions, disableCreate, EditMenuItems, hasSavePermission, isAccountView, isEditing, isInDrawer, isTrashed, onDelete, onDrawerCreateNew, onDuplicate, onRestore, onTakeOver, permissions, readOnlyForIncomingUser, redirectAfterDelete, redirectAfterDuplicate, redirectAfterRestore, user } = props;
-    const { i18n, t } = useTranslation();
-    const editDepth = useEditDepth();
-    const { config, getEntityConfig } = useConfig();
-    const collectionConfig = getEntityConfig({
-        collectionSlug: slug
-    });
-    const globalConfig = getEntityConfig({
-        globalSlug: slug
-    });
-    const { isLivePreviewEnabled } = useLivePreviewContext();
-    const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } = useDocumentInfo();
-    const { admin: { dateFormat }, localization, routes: { admin: adminRoute }, serverURL } = config;
-    // Settings these in state to avoid hydration issues if there is a mismatch between the server and client
-    const [updatedAt, setUpdatedAt] = React.useState('');
-    const [createdAt, setCreatedAt] = React.useState('');
-    const processing = useFormProcessing();
-    const initializing = useFormInitializing();
-    useEffect(()=>{
-        if (data?.updatedAt) {
-            setUpdatedAt(formatDate({
-                date: data.updatedAt,
-                i18n,
-                pattern: dateFormat
-            }));
-        }
-        if (data?.createdAt) {
-            setCreatedAt(formatDate({
-                date: data.createdAt,
-                i18n,
-                pattern: dateFormat
-            }));
-        }
-    }, [
-        data,
-        i18n,
-        dateFormat
-    ]);
-    const hasCreatePermission = permissions && 'create' in permissions && permissions.create;
-    const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete;
-    const hasDeletePermission = collectionConfig?.trash ? docHasTrashPermission || docHasDeletePermission : collectionDeletePermission;
-    const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
-    const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
-    const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig);
-    const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig);
-    const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig);
-    const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig);
-    const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled;
-    const showSaveDraftButton = collectionAutosaveEnabled && collectionConfig.versions.drafts.autosave !== false && collectionConfig.versions.drafts.autosave.showSaveDraftButton === true || globalAutosaveEnabled && globalConfig.versions.drafts.autosave !== false && globalConfig.versions.drafts.autosave.showSaveDraftButton === true;
-    const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
-    const 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: 195,
-                                        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: 198,
-                                        columnNumber: 17
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 193,
-                                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: 208,
-                                            columnNumber: 17
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 207,
-                                        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(RenderCustomComponent, {
-                                                    CustomComponent: CustomStatus,
-                                                    Fallback: /*#__PURE__*/ _jsxDEV(Status, {}, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 226,
-                                                        columnNumber: 85
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 226,
-                                                    columnNumber: 21
-                                                }, this)
-                                            }, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 221,
-                                                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: 234,
-                                                    columnNumber: 23
-                                                }, this)
-                                            }, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 233,
-                                                columnNumber: 21
-                                            }, this)
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 219,
-                                        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: 252,
-                                                        columnNumber: 19
-                                                    }, this),
-                                                    data?.updatedAt && /*#__PURE__*/ _jsxDEV("p", {
-                                                        className: `${baseClass}__value`,
-                                                        children: updatedAt
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 256,
-                                                        columnNumber: 39
-                                                    }, this)
-                                                ]
-                                            }, void 0, true, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 246,
-                                                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: 264,
-                                                        columnNumber: 19
-                                                    }, this),
-                                                    data?.createdAt && /*#__PURE__*/ _jsxDEV("p", {
-                                                        className: `${baseClass}__value`,
-                                                        children: createdAt
-                                                    }, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 265,
-                                                        columnNumber: 39
-                                                    }, this)
-                                                ]
-                                            }, void 0, true, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 258,
-                                                columnNumber: 17
-                                            }, this)
-                                        ]
-                                    }, void 0, true, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 245,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 205,
-                                columnNumber: 11
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/DocumentControls/index.tsx",
-                        lineNumber: 191,
-                        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: 274,
-                                        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: 278,
-                                            columnNumber: 27
-                                        }, void 0)
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 276,
-                                        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: 290,
-                                                        columnNumber: 35
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 288,
-                                                    columnNumber: 23
-                                                }, this),
-                                                /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                                    CustomComponent: CustomPublishButton,
-                                                    Fallback: /*#__PURE__*/ _jsxDEV(PublishButton, {}, void 0, false, {
-                                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                                        lineNumber: 295,
-                                                        columnNumber: 33
-                                                    }, void 0)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 293,
-                                                    columnNumber: 21
-                                                }, this)
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 284,
-                                            columnNumber: 19
-                                        }, this) : /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                            CustomComponent: CustomSaveButton,
-                                            Fallback: /*#__PURE__*/ _jsxDEV(SaveButton, {}, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 301,
-                                                columnNumber: 31
-                                            }, void 0)
-                                        }, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 299,
-                                            columnNumber: 19
-                                        }, this)
-                                    }, void 0, false, {
-                                        fileName: "src/elements/DocumentControls/index.tsx",
-                                        lineNumber: 282,
-                                        columnNumber: 15
-                                    }, this),
-                                    docHasDeletePermission && 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: 307,
-                                        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: 317,
-                                        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: 327,
-                                        columnNumber: 15
-                                    }, this)
-                                ]
-                            }, void 0, true, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 272,
-                                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: 342,
-                                            columnNumber: 19
-                                        }, void 0),
-                                        /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 343,
-                                            columnNumber: 19
-                                        }, void 0),
-                                        /*#__PURE__*/ _jsxDEV("div", {}, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 344,
-                                            columnNumber: 19
-                                        }, void 0)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                    lineNumber: 341,
-                                    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: 354,
-                                            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: 360,
-                                                        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: 364,
-                                                        columnNumber: 27
-                                                    }, this)
-                                                }, void 0, false, {
-                                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                                    lineNumber: 358,
-                                                    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: 378,
-                                                            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: 386,
-                                                            columnNumber: 27
-                                                        }, this)
-                                                    ]
-                                                }, void 0, true)
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 356,
-                                            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: 400,
-                                            columnNumber: 19
-                                        }, this),
-                                        /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
-                                            CustomComponent: CustomUnpublishButton,
-                                            Fallback: /*#__PURE__*/ _jsxDEV(UnpublishButton, {}, void 0, false, {
-                                                fileName: "src/elements/DocumentControls/index.tsx",
-                                                lineNumber: 412,
-                                                columnNumber: 29
-                                            }, void 0)
-                                        }, void 0, false, {
-                                            fileName: "src/elements/DocumentControls/index.tsx",
-                                            lineNumber: 410,
-                                            columnNumber: 17
-                                        }, this),
-                                        EditMenuItems
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/elements/DocumentControls/index.tsx",
-                                    lineNumber: 353,
-                                    columnNumber: 15
-                                }, this)
-                            }, void 0, false, {
-                                fileName: "src/elements/DocumentControls/index.tsx",
-                                lineNumber: 339,
-                                columnNumber: 13
-                            }, this)
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/elements/DocumentControls/index.tsx",
-                        lineNumber: 271,
-                        columnNumber: 9
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DocumentControls/index.tsx",
-                lineNumber: 190,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}__divider`
-            }, void 0, false, {
-                fileName: "src/elements/DocumentControls/index.tsx",
-                lineNumber: 420,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/DocumentControls/index.tsx",
-        lineNumber: 189,
-        columnNumber: 5
-    }, this);
+export const DocumentControls = props => {
+  const $ = _c(5);
+  const {
+    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
+  } = props;
+  const {
+    PreviewButton: CustomPreviewButton,
+    PublishButton: CustomPublishButton,
+    SaveButton: CustomSaveButton,
+    SaveDraftButton: CustomSaveDraftButton,
+    Status: CustomStatus,
+    UnpublishButton: CustomUnpublishButton
+  } = t0 === undefined ? {} : t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const editDepth = useEditDepth();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: slug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug: slug
+  });
+  const {
+    isLivePreviewEnabled
+  } = useLivePreviewContext();
+  const {
+    hasDeletePermission: docHasDeletePermission,
+    hasTrashPermission: docHasTrashPermission
+  } = useDocumentInfo();
+  const {
+    admin: t1,
+    localization,
+    routes: t2
+  } = config;
+  const {
+    dateFormat
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const [updatedAt, setUpdatedAt] = React.useState("");
+  const [createdAt, setCreatedAt] = React.useState("");
+  const processing = useFormProcessing();
+  const initializing = useFormInitializing();
+  let t3;
+  let t4;
+  if ($[0] !== data || $[1] !== dateFormat || $[2] !== i18n) {
+    t3 = () => {
+      if (data?.updatedAt) {
+        setUpdatedAt(formatDate({
+          date: data.updatedAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+      if (data?.createdAt) {
+        setCreatedAt(formatDate({
+          date: data.createdAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+    };
+    t4 = [data, i18n, dateFormat];
+    $[0] = data;
+    $[1] = dateFormat;
+    $[2] = i18n;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t3 = $[3];
+    t4 = $[4];
+  }
+  useEffect(t3, t4);
+  const hasCreatePermission = permissions && "create" in permissions && permissions.create;
+  const collectionDeletePermission = permissions && "delete" in permissions && permissions.delete;
+  const hasDeletePermission = collectionConfig?.trash ? docHasTrashPermission || docHasDeletePermission : collectionDeletePermission;
+  const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
+  const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
+  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig);
+  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig);
+  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig);
+  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig);
+  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled;
+  const showSaveDraftButton = collectionAutosaveEnabled && collectionConfig.versions.drafts.autosave !== false && collectionConfig.versions.drafts.autosave.showSaveDraftButton === true || globalAutosaveEnabled && globalConfig.versions.drafts.autosave !== false && globalConfig.versions.drafts.autosave.showSaveDraftButton === true;
+  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale;
+  const showLockedMetaIcon = user && readOnlyForIncomingUser;
+  return _jsxs(Gutter, {
+    className: baseClass,
+    children: [_jsxs("div", {
+      className: `${baseClass}__wrapper`,
+      children: [_jsxs("div", {
+        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(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
+              })]
+            }), _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, {})
+              })]
+            }) : _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: _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]
+          })
+        })]
+      })]
+    }), _jsx("div", {
+      className: `${baseClass}__divider`
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map