@payloadcms/ui 3.0.0-canary.a192632 → 3.0.0-canary.a5aaf21

package/dist/elements/DocumentControls/index.js

@@ -1,15 +1,20 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment, useEffect } from 'react';
 import { useConfig } from '../../providers/Config/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { formatDate } from '../../utilities/formatDate.js';
 import { Autosave } from '../Autosave/index.js';
+import { Button } from '../Button/index.js';
 import { DeleteDocument } from '../DeleteDocument/index.js';
 import { DuplicateDocument } from '../DuplicateDocument/index.js';
 import { Gutter } from '../Gutter/index.js';
+import { Locked } from '../Locked/index.js';
 import { Popup, PopupList } from '../Popup/index.js';
 import { PreviewButton } from '../PreviewButton/index.js';
 import { PublishButton } from '../PublishButton/index.js';
@@ -18,207 +23,234 @@ import { SaveDraftButton } from '../SaveDraftButton/index.js';
 import { Status } from '../Status/index.js';
 import './index.scss';
 const baseClass = 'doc-controls';
-export const DocumentControls = (props)=>{
-    const { id, slug, data, disableActions, hasSavePermission, isAccountView, isEditing, permissions } = props;
-    const { i18n } = useTranslation();
-    const { config, getEntityConfig } = useConfig();
-    const collectionConfig = getEntityConfig({
-        collectionSlug: slug
+export const DocumentControls = props => {
+  const $ = _c(13);
+  const {
+    id,
+    slug,
+    data,
+    disableActions,
+    disableCreate,
+    hasSavePermission,
+    isAccountView,
+    isEditing,
+    onDelete,
+    onDrawerCreate,
+    onDuplicate,
+    onTakeOver,
+    permissions,
+    readOnlyForIncomingUser,
+    redirectAfterDelete,
+    redirectAfterDuplicate,
+    user
+  } = props;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const editDepth = useEditDepth();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: slug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug: slug
+  });
+  const {
+    admin: t0,
+    routes: t1
+  } = config;
+  const {
+    dateFormat
+  } = t0;
+  const {
+    admin: adminRoute
+  } = t1;
+  const [updatedAt, setUpdatedAt] = React.useState("");
+  const [createdAt, setCreatedAt] = React.useState("");
+  let t2;
+  let t3;
+  if ($[0] !== data || $[1] !== i18n || $[2] !== dateFormat) {
+    t2 = () => {
+      if (data?.updatedAt) {
+        setUpdatedAt(formatDate({
+          date: data.updatedAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+      if (data?.createdAt) {
+        setCreatedAt(formatDate({
+          date: data.createdAt,
+          i18n,
+          pattern: dateFormat
+        }));
+      }
+    };
+    t3 = [data, i18n, dateFormat];
+    $[0] = data;
+    $[1] = i18n;
+    $[2] = dateFormat;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+  const hasCreatePermission = permissions && "create" in permissions && permissions.create?.permission;
+  const hasDeletePermission = permissions && "delete" in permissions && permissions.delete?.permission;
+  const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
+  const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
+  let t4;
+  if ($[5] !== user || $[6] !== readOnlyForIncomingUser) {
+    t4 = user && readOnlyForIncomingUser && _jsx(Locked, {
+      className: `${baseClass}__locked-controls`,
+      user
     });
-    const globalConfig = getEntityConfig({
-        globalSlug: slug
+    $[5] = user;
+    $[6] = readOnlyForIncomingUser;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== user || $[9] !== readOnlyForIncomingUser || $[10] !== onTakeOver || $[11] !== t) {
+    t5 = user && readOnlyForIncomingUser && _jsx(Button, {
+      buttonStyle: "secondary",
+      id: "take-over",
+      onClick: () => void onTakeOver(),
+      size: "medium",
+      type: "button",
+      children: t("general:takeOver")
     });
-    const { admin: { dateFormat }, routes: { admin: adminRoute } } = 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('');
-    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?.permission;
-    const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete?.permission;
-    const showDotMenu = Boolean(collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission));
-    const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
-    return /*#__PURE__*/ _jsxs(Gutter, {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__wrapper`,
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        className: `${baseClass}__content`,
-                        children: /*#__PURE__*/ _jsxs("ul", {
-                            className: `${baseClass}__meta`,
-                            children: [
-                                collectionConfig && !isEditing && !isAccountView && /*#__PURE__*/ _jsx("li", {
-                                    className: `${baseClass}__list-item`,
-                                    children: /*#__PURE__*/ _jsx("p", {
-                                        className: `${baseClass}__value`,
-                                        children: i18n.t('general:creatingNewLabel', {
-                                            label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t('general:document'), i18n)
-                                        })
-                                    })
-                                }),
-                                (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && /*#__PURE__*/ _jsxs(Fragment, {
-                                    children: [
-                                        (globalConfig || collectionConfig && isEditing) && /*#__PURE__*/ _jsx("li", {
-                                            className: [
-                                                `${baseClass}__status`,
-                                                `${baseClass}__list-item`
-                                            ].filter(Boolean).join(' '),
-                                            children: /*#__PURE__*/ _jsx(Status, {})
-                                        }),
-                                        (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave && !unsavedDraftWithValidations || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave) && hasSavePermission && /*#__PURE__*/ _jsx("li", {
-                                            className: `${baseClass}__list-item`,
-                                            children: /*#__PURE__*/ _jsx(Autosave, {
-                                                collection: collectionConfig,
-                                                global: globalConfig,
-                                                id: id,
-                                                publishedDocUpdatedAt: data?.createdAt
-                                            })
-                                        })
-                                    ]
-                                }),
-                                collectionConfig?.timestamps && (isEditing || isAccountView) && /*#__PURE__*/ _jsxs(Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ _jsxs("li", {
-                                            className: [
-                                                `${baseClass}__list-item`,
-                                                `${baseClass}__value-wrap`
-                                            ].filter(Boolean).join(' '),
-                                            title: data?.updatedAt ? updatedAt : '',
-                                            children: [
-                                                /*#__PURE__*/ _jsxs("p", {
-                                                    className: `${baseClass}__label`,
-                                                    children: [
-                                                        i18n.t('general:lastModified'),
-                                                        ": "
-                                                    ]
-                                                }),
-                                                data?.updatedAt && /*#__PURE__*/ _jsx("p", {
-                                                    className: `${baseClass}__value`,
-                                                    children: updatedAt
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ _jsxs("li", {
-                                            className: [
-                                                `${baseClass}__list-item`,
-                                                `${baseClass}__value-wrap`
-                                            ].filter(Boolean).join(' '),
-                                            title: data?.createdAt ? createdAt : '',
-                                            children: [
-                                                /*#__PURE__*/ _jsxs("p", {
-                                                    className: `${baseClass}__label`,
-                                                    children: [
-                                                        i18n.t('general:created'),
-                                                        ": "
-                                                    ]
-                                                }),
-                                                data?.createdAt && /*#__PURE__*/ _jsx("p", {
-                                                    className: `${baseClass}__value`,
-                                                    children: createdAt
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: `${baseClass}__controls-wrapper`,
-                        children: [
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: `${baseClass}__controls`,
-                                children: [
-                                    (collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && /*#__PURE__*/ _jsx(PreviewButton, {
-                                        CustomComponent: collectionConfig?.admin?.components?.edit?.PreviewButton || globalConfig?.admin?.components?.elements?.PreviewButton
-                                    }),
-                                    hasSavePermission && /*#__PURE__*/ _jsx(React.Fragment, {
-                                        children: collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? /*#__PURE__*/ _jsxs(React.Fragment, {
-                                            children: [
-                                                (collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || unsavedDraftWithValidations || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && /*#__PURE__*/ _jsx(SaveDraftButton, {
-                                                    CustomComponent: collectionConfig?.admin?.components?.edit?.SaveDraftButton || globalConfig?.admin?.components?.elements?.SaveDraftButton
-                                                }),
-                                                /*#__PURE__*/ _jsx(PublishButton, {
-                                                    CustomComponent: collectionConfig?.admin?.components?.edit?.PublishButton || globalConfig?.admin?.components?.elements?.PublishButton
-                                                })
-                                            ]
-                                        }) : /*#__PURE__*/ _jsx(SaveButton, {
-                                            CustomComponent: collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton
-                                        })
-                                    })
-                                ]
-                            }),
-                            showDotMenu && /*#__PURE__*/ _jsx(Popup, {
-                                button: /*#__PURE__*/ _jsxs("div", {
-                                    className: `${baseClass}__dots`,
-                                    children: [
-                                        /*#__PURE__*/ _jsx("div", {}),
-                                        /*#__PURE__*/ _jsx("div", {}),
-                                        /*#__PURE__*/ _jsx("div", {})
-                                    ]
-                                }),
-                                className: `${baseClass}__popup`,
-                                horizontalAlign: "right",
-                                size: "large",
-                                verticalAlign: "bottom",
-                                children: /*#__PURE__*/ _jsxs(PopupList.ButtonGroup, {
-                                    children: [
-                                        hasCreatePermission && /*#__PURE__*/ _jsxs(React.Fragment, {
-                                            children: [
-                                                /*#__PURE__*/ _jsx(PopupList.Button, {
-                                                    href: formatAdminURL({
-                                                        adminRoute,
-                                                        path: `/collections/${collectionConfig?.slug}/create`
-                                                    }),
-                                                    id: "action-create",
-                                                    children: i18n.t('general:createNew')
-                                                }),
-                                                !collectionConfig.disableDuplicate && isEditing && /*#__PURE__*/ _jsx(DuplicateDocument, {
-                                                    id: id.toString(),
-                                                    singularLabel: collectionConfig?.labels?.singular,
-                                                    slug: collectionConfig?.slug
-                                                })
-                                            ]
-                                        }),
-                                        hasDeletePermission && /*#__PURE__*/ _jsx(DeleteDocument, {
-                                            buttonId: "action-delete",
-                                            collectionSlug: collectionConfig?.slug,
-                                            id: id.toString(),
-                                            singularLabel: collectionConfig?.labels?.singular,
-                                            useAsTitle: collectionConfig?.admin?.useAsTitle
-                                        })
-                                    ]
-                                })
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__divider`
+    $[8] = user;
+    $[9] = readOnlyForIncomingUser;
+    $[10] = onTakeOver;
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return _jsxs(Gutter, {
+    className: baseClass,
+    children: [_jsxs("div", {
+      className: `${baseClass}__wrapper`,
+      children: [_jsx("div", {
+        className: `${baseClass}__content`,
+        children: _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)
+              })
             })
-        ]
-    });
+          }), t4, (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && _jsxs(Fragment, {
+            children: [(globalConfig || collectionConfig && isEditing) && _jsx("li", {
+              className: [`${baseClass}__status`, `${baseClass}__list-item`].filter(Boolean).join(" "),
+              children: _jsx(Status, {})
+            }), (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave && !unsavedDraftWithValidations || globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave) && hasSavePermission && _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("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: [(collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && _jsx(PreviewButton, {
+            CustomComponent: collectionConfig?.admin?.components?.edit?.PreviewButton || globalConfig?.admin?.components?.elements?.PreviewButton
+          }), hasSavePermission && _jsx(React.Fragment, {
+            children: collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? _jsxs(React.Fragment, {
+              children: [(collectionConfig?.versions?.drafts && !collectionConfig?.versions?.drafts?.autosave || unsavedDraftWithValidations || globalConfig?.versions?.drafts && !globalConfig?.versions?.drafts?.autosave) && _jsx(SaveDraftButton, {
+                CustomComponent: collectionConfig?.admin?.components?.edit?.SaveDraftButton || globalConfig?.admin?.components?.elements?.SaveDraftButton
+              }), _jsx(PublishButton, {
+                CustomComponent: collectionConfig?.admin?.components?.edit?.PublishButton || globalConfig?.admin?.components?.elements?.PublishButton
+              })]
+            }) : _jsx(SaveButton, {
+              CustomComponent: collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton
+            })
+          }), t5]
+        }), showDotMenu && _jsx(Popup, {
+          button: _jsxs("div", {
+            className: `${baseClass}__dots`,
+            children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})]
+          }),
+          className: `${baseClass}__popup`,
+          horizontalAlign: "right",
+          size: "large",
+          verticalAlign: "bottom",
+          children: _jsxs(PopupList.ButtonGroup, {
+            children: [hasCreatePermission && _jsxs(React.Fragment, {
+              children: [!disableCreate && _jsx(Fragment, {
+                children: editDepth > 1 ? _jsx(PopupList.Button, {
+                  id: "action-create",
+                  onClick: onDrawerCreate,
+                  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 && isEditing && _jsx(DuplicateDocument, {
+                id: id.toString(),
+                onDuplicate,
+                redirectAfterDuplicate,
+                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("div", {
+      className: `${baseClass}__divider`
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  CollectionPermission,\n  GlobalPermission,\n  SanitizedCollectionConfig,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly data?: any\n  readonly disableActions?: boolean\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly permissions: CollectionPermission | GlobalPermission | null\n  readonly slug: SanitizedCollectionConfig['slug']\n}> = (props) => {\n  const {\n    id,\n    slug,\n    data,\n    disableActions,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    permissions,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: slug }) as ClientCollectionConfig\n  const globalConfig = getEntityConfig({ globalSlug: slug }) as ClientGlobalConfig\n\n  const {\n    admin: { dateFormat },\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  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 =\n    permissions && 'create' in permissions && permissions.create?.permission\n\n  const hasDeletePermission =\n    permissions && 'delete' in permissions && permissions.delete?.permission\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\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            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {((collectionConfig?.versions?.drafts &&\n                  collectionConfig?.versions?.drafts?.autosave &&\n                  !unsavedDraftWithValidations) ||\n                  (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n                  hasSavePermission && (\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`}>{i18n.t('general:lastModified')}:&nbsp;</p>\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            {(collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && (\n              <PreviewButton\n                CustomComponent={\n                  collectionConfig?.admin?.components?.edit?.PreviewButton ||\n                  globalConfig?.admin?.components?.elements?.PreviewButton\n                }\n              />\n            )}\n            {hasSavePermission && (\n              <React.Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <React.Fragment>\n                    {((collectionConfig?.versions?.drafts &&\n                      !collectionConfig?.versions?.drafts?.autosave) ||\n                      unsavedDraftWithValidations ||\n                      (globalConfig?.versions?.drafts &&\n                        !globalConfig?.versions?.drafts?.autosave)) && (\n                      <SaveDraftButton\n                        CustomComponent={\n                          collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n                          globalConfig?.admin?.components?.elements?.SaveDraftButton\n                        }\n                      />\n                    )}\n                    <PublishButton\n                      CustomComponent={\n                        collectionConfig?.admin?.components?.edit?.PublishButton ||\n                        globalConfig?.admin?.components?.elements?.PublishButton\n                      }\n                    />\n                  </React.Fragment>\n                ) : (\n                  <SaveButton\n                    CustomComponent={\n                      collectionConfig?.admin?.components?.edit?.SaveButton ||\n                      globalConfig?.admin?.components?.elements?.SaveButton\n                    }\n                  />\n                )}\n              </React.Fragment>\n            )}\n          </div>\n          {showDotMenu && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {hasCreatePermission && (\n                  <React.Fragment>\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                    {!collectionConfig.disableDuplicate && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                    )}\n                  </React.Fragment>\n                )}\n                {hasDeletePermission && (\n                  <DeleteDocument\n                    buttonId=\"action-delete\"\n                    collectionSlug={collectionConfig?.slug}\n                    id={id.toString()}\n                    singularLabel={collectionConfig?.labels?.singular}\n                    useAsTitle={collectionConfig?.admin?.useAsTitle}\n                  />\n                )}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"names":["getTranslation","React","Fragment","useEffect","useConfig","useTranslation","formatAdminURL","formatDate","Autosave","DeleteDocument","DuplicateDocument","Gutter","Popup","PopupList","PreviewButton","PublishButton","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","id","slug","data","disableActions","hasSavePermission","isAccountView","isEditing","permissions","i18n","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","admin","dateFormat","routes","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","date","pattern","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","className","div","ul","li","p","t","label","labels","singular","filter","join","autosave","collection","global","publishedDocUpdatedAt","timestamps","title","_isPreviewEnabled","CustomComponent","components","edit","elements","button","horizontalAlign","size","verticalAlign","ButtonGroup","Button","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useEffect","useConfig","useEditDepth","useTranslation","formatAdminURL","formatDate","Autosave","Button","DeleteDocument","DuplicateDocument","Gutter","Locked","Popup","PopupList","PreviewButton","PublishButton","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","data","disableActions","disableCreate","hasSavePermission","isAccountView","isEditing","onDelete","onDrawerCreate","onDuplicate","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","user","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","admin","t0","routes","t1","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","t2","t3","date","pattern","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","t4","_jsx","className","t5","buttonStyle","onClick","size","type","children","_jsxs","label","labels","singular","filter","join","autosave","collection","global","publishedDocUpdatedAt","timestamps","title","_isPreviewEnabled","CustomComponent","components","edit","elements","button","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  ClientGlobalConfig,\n  ClientUser,\n  CollectionPermission,\n  GlobalPermission,\n  SanitizedCollectionConfig,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { formatDate } from '../../utilities/formatDate.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport { PreviewButton } from '../PreviewButton/index.js'\nimport { PublishButton } from '../PublishButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\nimport './index.scss'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly data?: any\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly onDelete?: DocumentInfoContext['onDelete']\n  readonly onDrawerCreate?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentInfoContext['onDuplicate']\n  readonly onSave?: DocumentInfoContext['onSave']\n  readonly onTakeOver?: () => void\n  readonly permissions: CollectionPermission | GlobalPermission | null\n  readonly readOnlyForIncomingUser?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: ClientUser\n}> = (props) => {\n  const {\n    id,\n    slug,\n    data,\n    disableActions,\n    disableCreate,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    onDelete,\n    onDrawerCreate,\n    onDuplicate,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\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 }) as ClientCollectionConfig\n  const globalConfig = getEntityConfig({ globalSlug: slug }) as ClientGlobalConfig\n\n  const {\n    admin: { dateFormat },\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  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 =\n    permissions && 'create' in permissions && permissions.create?.permission\n\n  const hasDeletePermission =\n    permissions && 'delete' in permissions && permissions.delete?.permission\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\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            {user && readOnlyForIncomingUser && (\n              <Locked className={`${baseClass}__locked-controls`} user={user} />\n            )}\n            {(collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {((collectionConfig?.versions?.drafts &&\n                  collectionConfig?.versions?.drafts?.autosave &&\n                  !unsavedDraftWithValidations) ||\n                  (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)) &&\n                  hasSavePermission && (\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`}>{i18n.t('general:lastModified')}:&nbsp;</p>\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            {(collectionConfig?._isPreviewEnabled || globalConfig?._isPreviewEnabled) && (\n              <PreviewButton\n                CustomComponent={\n                  collectionConfig?.admin?.components?.edit?.PreviewButton ||\n                  globalConfig?.admin?.components?.elements?.PreviewButton\n                }\n              />\n            )}\n            {hasSavePermission && (\n              <React.Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <React.Fragment>\n                    {((collectionConfig?.versions?.drafts &&\n                      !collectionConfig?.versions?.drafts?.autosave) ||\n                      unsavedDraftWithValidations ||\n                      (globalConfig?.versions?.drafts &&\n                        !globalConfig?.versions?.drafts?.autosave)) && (\n                      <SaveDraftButton\n                        CustomComponent={\n                          collectionConfig?.admin?.components?.edit?.SaveDraftButton ||\n                          globalConfig?.admin?.components?.elements?.SaveDraftButton\n                        }\n                      />\n                    )}\n                    <PublishButton\n                      CustomComponent={\n                        collectionConfig?.admin?.components?.edit?.PublishButton ||\n                        globalConfig?.admin?.components?.elements?.PublishButton\n                      }\n                    />\n                  </React.Fragment>\n                ) : (\n                  <SaveButton\n                    CustomComponent={\n                      collectionConfig?.admin?.components?.edit?.SaveButton ||\n                      globalConfig?.admin?.components?.elements?.SaveButton\n                    }\n                  />\n                )}\n              </React.Fragment>\n            )}\n            {user && readOnlyForIncomingUser && (\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"take-over\"\n                onClick={() => void onTakeOver()}\n                size=\"medium\"\n                type=\"button\"\n              >\n                {t('general:takeOver')}\n              </Button>\n            )}\n          </div>\n          {showDotMenu && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    {!disableCreate && (\n                      <Fragment>\n                        {editDepth > 1 ? (\n                          <PopupList.Button id=\"action-create\" onClick={onDrawerCreate}>\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 && isEditing && (\n                      <DuplicateDocument\n                        id={id.toString()}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\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              </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":[]}

package/dist/elements/DocumentControls/index.scss

@@ -53,6 +53,14 @@
     }
   }
 
+  &__locked-controls.locked {
+    position: unset;
+
+    .tooltip {
+      top: calc(var(--base) * -0.5);
+    }
+  }
+
   &__list-item {
     display: flex;
     align-items: center;

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

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