@payloadcms/ui 3.0.0-canary.013af1b → 3.0.0-canary.0374de4

package/dist/elements/DeleteMany/index.scss

@@ -4,16 +4,35 @@
   @include blur-bg;
   display: flex;
   align-items: center;
-  height: 100%;
   justify-content: center;
-  padding: base(2);
+  height: 100%;
 
-  &__template {
+  &__wrapper {
     z-index: 1;
     position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: base(0.8);
+    padding: base(2);
+    max-width: base(36);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    gap: base(0.4);
+
+    > * {
+      margin: 0;
+    }
   }
 
-  .btn {
-    margin-right: $baseline;
+  &__controls {
+    display: flex;
+    gap: base(0.4);
+
+    .btn {
+      margin: 0;
+    }
   }
 }

package/dist/elements/DocumentControls/index.d.ts

@@ -1,16 +1,27 @@
-import type { CollectionPermission, GlobalPermission, SanitizedCollectionConfig } from 'payload';
+import type { ClientUser, CollectionPermission, GlobalPermission, SanitizedCollectionConfig } from 'payload';
 import React from 'react';
+import type { DocumentInfoContext } from '../../providers/DocumentInfo/types.js';
 import './index.scss';
 export declare const DocumentControls: React.FC<{
     readonly apiURL: string;
     readonly data?: any;
     readonly disableActions?: boolean;
+    readonly disableCreate?: boolean;
     readonly hasPublishPermission?: boolean;
     readonly hasSavePermission?: boolean;
-    readonly id?: number | string;
+    id?: number | string;
     readonly isAccountView?: boolean;
     readonly isEditing?: boolean;
+    readonly onDelete?: DocumentInfoContext['onDelete'];
+    readonly onDrawerCreate?: () => void;
+    readonly onDuplicate?: DocumentInfoContext['onDuplicate'];
+    readonly onSave?: DocumentInfoContext['onSave'];
+    readonly onTakeOver?: () => void;
     readonly permissions: CollectionPermission | GlobalPermission | null;
+    readonly readOnlyForIncomingUser?: boolean;
+    readonly redirectAfterDelete?: boolean;
+    readonly redirectAfterDuplicate?: boolean;
     readonly slug: SanitizedCollectionConfig['slug'];
+    readonly user?: ClientUser;
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentControls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACpB,gBAAgB,EAChB,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAgBlD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,CAAA;IACnB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IACpE,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;CACjD,CAsNA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,UAAU,EACV,oBAAoB,EACpB,gBAAgB,EAChB,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAGhB,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAmBhF,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,CAAA;IACnB,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IACvC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAA;IACnD,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpC,QAAQ,CAAC,WAAW,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAA;IACzD,QAAQ,CAAC,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;IAC/C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,QAAQ,CAAC,WAAW,EAAE,oBAAoB,GAAG,gBAAgB,GAAG,IAAI,CAAA;IACpE,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAC1C,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IACzC,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IAChD,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAA;CAC3B,CA6PA,CAAA"}

package/dist/elements/DocumentControls/index.js

@@ -5,13 +5,16 @@ 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';
@@ -21,20 +24,31 @@ import { Status } from '../Status/index.js';
 import './index.scss';
 const baseClass = 'doc-controls';
 export const DocumentControls = props => {
-  const $ = _c(5);
+  const $ = _c(13);
   const {
     id,
     slug,
     data,
     disableActions,
+    disableCreate,
     hasSavePermission,
     isAccountView,
     isEditing,
-    permissions
+    onDelete,
+    onDrawerCreate,
+    onDuplicate,
+    onTakeOver,
+    permissions,
+    readOnlyForIncomingUser,
+    redirectAfterDelete,
+    redirectAfterDuplicate,
+    user
   } = props;
   const {
-    i18n
+    i18n,
+    t
   } = useTranslation();
+  const editDepth = useEditDepth();
   const {
     config,
     getEntityConfig
@@ -91,6 +105,36 @@ export const DocumentControls = props => {
   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
+    });
+    $[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")
+    });
+    $[8] = user;
+    $[9] = readOnlyForIncomingUser;
+    $[10] = onTakeOver;
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
   return _jsxs(Gutter, {
     className: baseClass,
     children: [_jsxs("div", {
@@ -107,7 +151,7 @@ export const DocumentControls = props => {
                 label: getTranslation(collectionConfig?.labels?.singular ?? i18n.t("general:document"), i18n)
               })
             })
-          }), (collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts) && _jsxs(Fragment, {
+          }), 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, {})
@@ -160,7 +204,7 @@ export const DocumentControls = props => {
             }) : _jsx(SaveButton, {
               CustomComponent: collectionConfig?.admin?.components?.edit?.SaveButton || globalConfig?.admin?.components?.elements?.SaveButton
             })
-          })]
+          }), t5]
         }), showDotMenu && _jsx(Popup, {
           button: _jsxs("div", {
             className: `${baseClass}__dots`,
@@ -172,15 +216,23 @@ export const DocumentControls = props => {
           verticalAlign: "bottom",
           children: _jsxs(PopupList.ButtonGroup, {
             children: [hasCreatePermission && _jsxs(React.Fragment, {
-              children: [_jsx(PopupList.Button, {
-                href: formatAdminURL({
-                  adminRoute,
-                  path: `/collections/${collectionConfig?.slug}/create`
-                }),
-                id: "action-create",
-                children: i18n.t("general:createNew")
+              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
               })]
@@ -188,6 +240,8 @@ export const DocumentControls = props => {
               buttonId: "action-delete",
               collectionSlug: collectionConfig?.slug,
               id: id.toString(),
+              onDelete,
+              redirectAfterDelete,
               singularLabel: collectionConfig?.labels?.singular,
               useAsTitle: collectionConfig?.admin?.useAsTitle
             })]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","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","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","_jsxs","className","children","_jsx","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"],"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"],"mappings":"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","ignoreList":[]}
+{"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"}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -6,8 +6,8 @@ import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import { XIcon } from '../../icons/X/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -17,13 +17,21 @@ import { IDLabel } from '../IDLabel/index.js';
 import { RenderTitle } from '../RenderTitle/index.js';
 import { baseClass } from './index.js';
 export const DocumentDrawerContent = t0 => {
-  const $ = _c(29);
+  const $ = _c(46);
   const {
     id: existingDocID,
-    Header,
+    AfterFields,
     collectionSlug,
+    disableActions,
     drawerSlug,
-    onSave: onSaveFromProps
+    Header,
+    initialData,
+    initialState,
+    onDelete: onDeleteFromProps,
+    onDuplicate: onDuplicateFromProps,
+    onSave: onSaveFromProps,
+    redirectAfterDelete,
+    redirectAfterDuplicate
   } = t0;
   const {
     config
@@ -102,71 +110,134 @@ export const DocumentDrawerContent = t0 => {
   }
   const onSave = t5;
   let t6;
-  if ($[12] !== Header) {
-    t6 = Header || _jsx(RenderTitle, {
+  if ($[12] !== onDuplicateFromProps || $[13] !== collectionConfig) {
+    t6 = args_0 => {
+      setDocID(args_0.doc.id);
+      if (typeof onDuplicateFromProps === "function") {
+        onDuplicateFromProps({
+          ...args_0,
+          collectionConfig
+        });
+      }
+    };
+    $[12] = onDuplicateFromProps;
+    $[13] = collectionConfig;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  const onDuplicate = t6;
+  let t7;
+  if ($[15] !== onDeleteFromProps || $[16] !== collectionConfig || $[17] !== closeModal || $[18] !== drawerSlug) {
+    t7 = args_1 => {
+      if (typeof onDeleteFromProps === "function") {
+        onDeleteFromProps({
+          ...args_1,
+          collectionConfig
+        });
+      }
+      closeModal(drawerSlug);
+    };
+    $[15] = onDeleteFromProps;
+    $[16] = collectionConfig;
+    $[17] = closeModal;
+    $[18] = drawerSlug;
+    $[19] = t7;
+  } else {
+    t7 = $[19];
+  }
+  const onDelete = t7;
+  let t8;
+  if ($[20] !== Header) {
+    t8 = Header || _jsx(RenderTitle, {
       element: "span"
     });
-    $[12] = Header;
-    $[13] = t6;
+    $[20] = Header;
+    $[21] = t8;
   } else {
-    t6 = $[13];
+    t8 = $[21];
   }
-  let t7;
-  if ($[14] !== t6 || $[15] !== t || $[16] !== toggleModal || $[17] !== drawerSlug || $[18] !== Edit || $[19] !== apiURL || $[20] !== collectionConfig.slug || $[21] !== docID || $[22] !== isEditing || $[23] !== onLoadError || $[24] !== onSave) {
-    let t8;
-    if ($[26] !== toggleModal || $[27] !== drawerSlug) {
-      t8 = () => toggleModal(drawerSlug);
-      $[26] = toggleModal;
-      $[27] = drawerSlug;
-      $[28] = t8;
+  let t9;
+  if ($[22] !== t8 || $[23] !== t || $[24] !== toggleModal || $[25] !== drawerSlug || $[26] !== redirectAfterDelete || $[27] !== redirectAfterDuplicate || $[28] !== Edit || $[29] !== AfterFields || $[30] !== apiURL || $[31] !== collectionConfig.slug || $[32] !== disableActions || $[33] !== docID || $[34] !== initialData || $[35] !== initialState || $[36] !== isEditing || $[37] !== onDelete || $[38] !== onDuplicate || $[39] !== onLoadError || $[40] !== onSave) {
+    let t10;
+    if ($[42] !== toggleModal || $[43] !== drawerSlug) {
+      t10 = () => toggleModal(drawerSlug);
+      $[42] = toggleModal;
+      $[43] = drawerSlug;
+      $[44] = t10;
+    } else {
+      t10 = $[44];
+    }
+    let t11;
+    if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+      t11 = () => {
+        setDocID(null);
+      };
+      $[45] = t11;
     } else {
-      t8 = $[28];
+      t11 = $[45];
     }
-    t7 = _jsx(DocumentInfoProvider, {
+    t9 = _jsx(DocumentInfoProvider, {
+      AfterFields,
+      apiURL,
       BeforeDocument: _jsxs(Gutter, {
         className: `${baseClass}__header`,
         children: [_jsxs("div", {
           className: `${baseClass}__header-content`,
           children: [_jsx("h2", {
             className: `${baseClass}__header-text`,
-            children: t6
+            children: t8
           }), _jsx("button", {
             "aria-label": t("general:close"),
             className: `${baseClass}__header-close`,
-            onClick: t8,
+            onClick: t10,
             type: "button",
             children: _jsx(XIcon, {})
           })]
         }), _jsx(DocumentTitle, {})]
       }),
-      apiURL,
       collectionSlug: collectionConfig.slug,
-      disableActions: true,
+      disableActions,
       disableLeaveWithoutSaving: true,
       id: docID,
+      initialData,
+      initialState,
       isEditing,
+      onDelete,
+      onDrawerCreate: t11,
+      onDuplicate,
       onLoadError,
       onSave,
+      redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,
+      redirectAfterDuplicate: redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,
       children: _jsx(RenderComponent, {
         mappedComponent: Edit
       })
     });
-    $[14] = t6;
-    $[15] = t;
-    $[16] = toggleModal;
-    $[17] = drawerSlug;
-    $[18] = Edit;
-    $[19] = apiURL;
-    $[20] = collectionConfig.slug;
-    $[21] = docID;
-    $[22] = isEditing;
-    $[23] = onLoadError;
-    $[24] = onSave;
-    $[25] = t7;
+    $[22] = t8;
+    $[23] = t;
+    $[24] = toggleModal;
+    $[25] = drawerSlug;
+    $[26] = redirectAfterDelete;
+    $[27] = redirectAfterDuplicate;
+    $[28] = Edit;
+    $[29] = AfterFields;
+    $[30] = apiURL;
+    $[31] = collectionConfig.slug;
+    $[32] = disableActions;
+    $[33] = docID;
+    $[34] = initialData;
+    $[35] = initialState;
+    $[36] = isEditing;
+    $[37] = onDelete;
+    $[38] = onDuplicate;
+    $[39] = onLoadError;
+    $[40] = onSave;
+    $[41] = t9;
   } else {
-    t7 = $[25];
+    t9 = $[41];
   }
-  return t7;
+  return t9;
 };
 const DocumentTitle = () => {
   const $ = _c(3);

package/dist/elements/DocumentDrawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","XIcon","RenderComponent","useConfig","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","useRelatedCollections","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","Header","collectionSlug","drawerSlug","onSave","onSaveFromProps","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","_jsx","element","t8","t7","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableActions","disableLeaveWithoutSaving","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  Header,\n  collectionSlug,\n  drawerSlug,\n  onSave: onSaveFromProps,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  return (\n    <DocumentInfoProvider\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\n            </h2>\n            {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n            i.e. changing to a `div` element will fix the animation issue but will break accessibility\n          */}\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      apiURL={apiURL}\n      collectionSlug={collectionConfig.slug}\n      disableActions\n      disableLeaveWithoutSaving\n      id={docID}\n      isEditing={isEditing}\n      onLoadError={onLoadError}\n      onSave={onSave}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["c","_c","useModal","React","useCallback","useEffect","useState","toast","XIcon","useConfig","RenderComponent","DocumentInfoProvider","useDocumentInfo","useLocale","useTranslation","useRelatedCollections","Gutter","IDLabel","RenderTitle","baseClass","DocumentDrawerContent","t0","$","id","existingDocID","AfterFields","collectionSlug","disableActions","drawerSlug","Header","initialData","initialState","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","redirectAfterDelete","redirectAfterDuplicate","config","routes","t1","serverURL","api","apiRoute","closeModal","modalState","toggleModal","locale","t","docID","setDocID","isOpen","setIsOpen","collectionConfig","Edit","admin","components","views","edit","default","Component","isEditing","Boolean","apiURL","code","t2","t3","t4","data","error","errors","message","onLoadError","t5","args","doc","t6","args_0","t7","args_1","t8","_jsx","element","t10","t11","Symbol","for","t9","BeforeDocument","_jsxs","className","children","onClick","type","DocumentTitle","slug","disableLeaveWithoutSaving","onDrawerCreate","undefined","mappedComponent","title","toString"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { DocumentInfoProvider, useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRelatedCollections } from '../AddNewRelation/useRelatedCollections.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { IDLabel } from '../IDLabel/index.js'\nimport { RenderTitle } from '../RenderTitle/index.js'\nimport { baseClass } from './index.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  AfterFields,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  Header,\n  initialData,\n  initialState,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const { config } = useConfig()\n\n  const {\n    routes: { api: apiRoute },\n    serverURL,\n  } = config\n\n  const { closeModal, modalState, toggleModal } = useModal()\n  const locale = useLocale()\n  const { t } = useTranslation()\n  const [docID, setDocID] = useState(existingDocID)\n  const [isOpen, setIsOpen] = useState(false)\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  const Edit = collectionConfig.admin.components.views.edit.default.Component\n\n  const isEditing = Boolean(docID)\n  const apiURL = docID\n    ? `${serverURL}${apiRoute}/${collectionSlug}/${docID}${locale?.code ? `?locale=${locale.code}` : ''}`\n    : null\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const onLoadError = React.useCallback(\n    (data) => {\n      if (isOpen) {\n        closeModal(drawerSlug)\n        toast.error(data.errors?.[0].message || t('error:unspecific'))\n      }\n    },\n    [closeModal, drawerSlug, isOpen, t],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      setDocID(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig],\n  )\n\n  const onDelete = useCallback<DocumentDrawerProps['onDelete']>(\n    (args) => {\n      if (typeof onDeleteFromProps === 'function') {\n        void onDeleteFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n\n      closeModal(drawerSlug)\n    },\n    [onDeleteFromProps, collectionConfig, closeModal, drawerSlug],\n  )\n\n  return (\n    <DocumentInfoProvider\n      AfterFields={AfterFields}\n      apiURL={apiURL}\n      BeforeDocument={\n        <Gutter className={`${baseClass}__header`}>\n          <div className={`${baseClass}__header-content`}>\n            <h2 className={`${baseClass}__header-text`}>\n              {Header || <RenderTitle element=\"span\" />}\n            </h2>\n            {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n            i.e. changing to a `div` element will fix the animation issue but will break accessibility\n          */}\n            <button\n              aria-label={t('general:close')}\n              className={`${baseClass}__header-close`}\n              onClick={() => toggleModal(drawerSlug)}\n              type=\"button\"\n            >\n              <XIcon />\n            </button>\n          </div>\n          <DocumentTitle />\n        </Gutter>\n      }\n      collectionSlug={collectionConfig.slug}\n      disableActions={disableActions}\n      disableLeaveWithoutSaving\n      id={docID}\n      initialData={initialData}\n      initialState={initialState}\n      isEditing={isEditing}\n      onDelete={onDelete}\n      onDrawerCreate={() => {\n        setDocID(null)\n      }}\n      onDuplicate={onDuplicate}\n      onLoadError={onLoadError}\n      onSave={onSave}\n      redirectAfterDelete={redirectAfterDelete !== undefined ? redirectAfterDelete : false}\n      redirectAfterDuplicate={redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false}\n    >\n      <RenderComponent mappedComponent={Edit} />\n    </DocumentInfoProvider>\n  )\n}\n\nconst DocumentTitle: React.FC = () => {\n  const { id, title } = useDocumentInfo()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/index.js

@@ -102,9 +102,9 @@ export const DocumentDrawer = props => {
     drawerSlug
   } = props;
   return /*#__PURE__*/_jsx(Drawer, {
-    Header: null,
     className: baseClass,
     gutter: false,
+    Header: null,
     slug: drawerSlug,
     children: /*#__PURE__*/_jsx(DocumentDrawerContent, {
       ...props