@payloadcms/ui 3.0.0-canary.c696728 → 3.0.0-canary.c96fa61

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

@@ -1 +1 @@
-{"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 && !readOnlyForIncomingUser && (\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":[]}
+{"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","RenderCustomComponent","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","customComponents","t0","data","disableActions","disableCreate","hasSavePermission","isAccountView","isEditing","onDelete","onDrawerCreateNew","onDuplicate","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","user","t1","undefined","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","admin","t2","routes","t3","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","t4","t5","date","pattern","hasCreatePermission","create","permission","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","autosaveEnabled","autosave","t6","_jsx","className","t7","buttonStyle","onClick","size","type","children","_jsxs","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","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 { DocumentDrawerContextType } from '../DocumentDrawer/Provider.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 { RenderCustomComponent } from '../RenderCustomComponent/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 customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n  }\n  readonly data?: any\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onSave?: DocumentDrawerContextType['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    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    onDelete,\n    onDrawerCreateNew,\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\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  const autosaveEnabled =\n    (collectionConfig?.versions?.drafts && collectionConfig?.versions?.drafts?.autosave) ||\n    (globalConfig?.versions?.drafts && globalConfig?.versions?.drafts?.autosave)\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                {hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && (\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?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasSavePermission && (\n              <Fragment>\n                {collectionConfig?.versions?.drafts || globalConfig?.versions?.drafts ? (\n                  <Fragment>\n                    {(unsavedDraftWithValidations || !autosaveEnabled) && (\n                      <RenderCustomComponent\n                        CustomComponent={CustomSaveDraftButton}\n                        Fallback={<SaveDraftButton />}\n                      />\n                    )}\n                    <RenderCustomComponent\n                      CustomComponent={CustomPublishButton}\n                      Fallback={<PublishButton />}\n                    />\n                  </Fragment>\n                ) : (\n                  <RenderCustomComponent\n                    CustomComponent={CustomSaveButton}\n                    Fallback={<SaveButton />}\n                  />\n                )}\n              </Fragment>\n            )}\n            {user && readOnlyForIncomingUser && (\n              <Button\n                buttonStyle=\"secondary\"\n                id=\"take-over\"\n                onClick={onTakeOver}\n                size=\"medium\"\n                type=\"button\"\n              >\n                {t('general:takeOver')}\n              </Button>\n            )}\n          </div>\n          {showDotMenu && !readOnlyForIncomingUser && (\n            <Popup\n              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              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={onDrawerCreateNew}>\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        ) : (\n                          <PopupList.Button\n                            href={formatAdminURL({\n                              adminRoute,\n                              path: `/collections/${collectionConfig?.slug}/create`,\n                            })}\n                            id=\"action-create\"\n                          >\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        )}\n                      </Fragment>\n                    )}\n                    {collectionConfig.disableDuplicate !== true && isEditing && (\n                      <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

@@ -1,237 +1,239 @@
 @import '../../scss/styles.scss';
 
-.doc-controls {
-  @include blur-bg-light;
-  position: sticky;
-  top: 0;
-  width: 100%;
-  z-index: 5;
-  display: flex;
-  align-items: center;
-
-  &__divider {
-    content: '';
-    display: block;
-    position: absolute;
-    height: 1px;
-    background: var(--theme-elevation-100);
+@layer payload-default {
+  .doc-controls {
+    @include blur-bg-light;
+    position: sticky;
+    top: 0;
     width: 100%;
-    left: 0;
-    top: 100%;
-  }
-
-  &__wrapper {
-    position: relative;
-    width: 100%;
-    display: flex;
-    align-items: space-between;
-    gap: var(--base);
-    padding-bottom: 1px;
-    z-index: 4;
-    height: var(--doc-controls-height);
-  }
-
-  &__content {
+    z-index: 5;
     display: flex;
     align-items: center;
-    flex-grow: 1;
-    overflow: hidden;
-    padding: base(0.8) 0;
-  }
 
-  &__meta {
-    flex-grow: 1;
-    display: flex;
-    list-style: none;
-    padding: 0;
-    gap: var(--base);
-    margin: 0;
-    width: 100%;
-
-    & button {
-      margin: 0;
+    &__divider {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 1px;
+      background: var(--theme-elevation-100);
+      width: 100%;
+      left: 0;
+      top: 100%;
     }
-  }
 
-  &__locked-controls.locked {
-    position: unset;
+    &__wrapper {
+      position: relative;
+      width: 100%;
+      display: flex;
+      align-items: space-between;
+      gap: var(--base);
+      padding-bottom: 1px;
+      z-index: 4;
+      height: var(--doc-controls-height);
+    }
 
-    .tooltip {
-      top: calc(var(--base) * -0.5);
+    &__content {
+      display: flex;
+      align-items: center;
+      flex-grow: 1;
+      overflow: hidden;
+      padding: base(0.8) 0;
     }
-  }
 
-  &__list-item {
-    display: flex;
-    align-items: center;
-    margin: 0;
-  }
+    &__meta {
+      flex-grow: 1;
+      display: flex;
+      list-style: none;
+      padding: 0;
+      gap: var(--base);
+      margin: 0;
+      width: 100%;
 
-  &__value-wrap {
-    overflow: hidden;
-  }
+      & button {
+        margin: 0;
+      }
+    }
 
-  &__value {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin: 0;
-    font-weight: 600;
-    line-height: base(1.2);
-  }
+    &__locked-controls.locked {
+      position: unset;
 
-  &__label {
-    color: var(--theme-elevation-500);
-    white-space: nowrap;
-    margin: 0;
-  }
+      .tooltip {
+        top: calc(var(--base) * -0.5);
+      }
+    }
 
-  &__controls-wrapper {
-    --controls-gap: calc(var(--base) / 2);
-    --dot-button-width: calc(var(--base) * 2);
-    display: flex;
-    align-items: center;
-    margin: 0;
-    gap: var(--controls-gap);
-    position: relative;
-  }
+    &__list-item {
+      display: flex;
+      align-items: center;
+      margin: 0;
+    }
 
-  &__controls {
-    display: flex;
-    align-items: center;
-    margin: 0;
-    gap: calc(var(--base) / 2);
+    &__value-wrap {
+      overflow: hidden;
+    }
 
-    button {
-      margin: 0;
+    &__value {
+      overflow: hidden;
+      text-overflow: ellipsis;
       white-space: nowrap;
+      margin: 0;
+      font-weight: 600;
+      line-height: base(1.2);
     }
-  }
 
-  &__dots {
-    margin: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    gap: 2px;
-    border: 1px solid var(--theme-elevation-100);
-    border-radius: $style-radius-m;
-    height: calc(var(--base) * 1.6);
-    width: calc(var(--base) * 1.6);
+    &__label {
+      color: var(--theme-elevation-500);
+      white-space: nowrap;
+      margin: 0;
+    }
 
-    &:hover {
-      border: 1px solid var(--theme-elevation-500);
-      background-color: var(--theme-elevation-100);
+    &__controls-wrapper {
+      --controls-gap: calc(var(--base) / 2);
+      --dot-button-width: calc(var(--base) * 2);
+      display: flex;
+      align-items: center;
+      margin: 0;
+      gap: var(--controls-gap);
+      position: relative;
     }
 
-    > div {
-      width: 3px;
-      height: 3px;
-      border-radius: 100%;
-      background-color: currentColor;
+    &__controls {
+      display: flex;
+      align-items: center;
+      margin: 0;
+      gap: calc(var(--base) / 2);
+
+      button {
+        margin: 0;
+        white-space: nowrap;
+      }
     }
-  }
 
-  &__popup {
-    position: relative;
-  }
+    &__dots {
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      gap: 2px;
+      border: 1px solid var(--theme-elevation-100);
+      border-radius: $style-radius-m;
+      height: calc(var(--base) * 1.6);
+      width: calc(var(--base) * 1.6);
 
-  .popup--active {
-    .doc-controls {
-      &__dots {
+      &:hover {
         border: 1px solid var(--theme-elevation-500);
         background-color: var(--theme-elevation-100);
       }
-    }
-  }
-
-  .popup__trigger-wrap {
-    display: flex;
-  }
 
-  @include mid-break {
-    // On mobile, only stick the controls to the top
-    // The timestamps and meta can scroll past
-    // The same container needs to the sticky, though
-    // So we use a static height with a negative top equal to the meta height plus top padding
-    top: base(-2.8);
-    padding-right: 0;
-    padding-left: 0;
+      > div {
+        width: 3px;
+        height: 3px;
+        border-radius: 100%;
+        background-color: currentColor;
+      }
+    }
 
-    &__wrapper {
-      flex-direction: column;
-      gap: 0;
-      height: unset;
+    &__popup {
+      position: relative;
     }
 
-    &__content {
-      width: 100%;
-      overflow: auto;
-      padding-inline: base(2);
-      // this container has a fixed height
-      // this means the scrollbar (when present) overlaps the content
-      &::-webkit-scrollbar {
-        display: none;
+    .popup--active {
+      .doc-controls {
+        &__dots {
+          border: 1px solid var(--theme-elevation-500);
+          background-color: var(--theme-elevation-100);
+        }
       }
     }
 
-    &__meta {
-      width: auto;
-      gap: calc(var(--base) / 2);
+    .popup__trigger-wrap {
+      display: flex;
+    }
 
-      &::after {
-        content: '';
-        display: block;
-        position: absolute;
-        right: 0;
-        width: base(0.8);
-        height: var(--base);
-        background: linear-gradient(to right, transparent, var(--theme-bg));
-        flex-shrink: 0;
-        z-index: 1111;
-        pointer-events: none;
+    @include mid-break {
+      // On mobile, only stick the controls to the top
+      // The timestamps and meta can scroll past
+      // The same container needs to the sticky, though
+      // So we use a static height with a negative top equal to the meta height plus top padding
+      top: base(-2.8);
+      padding-right: 0;
+      padding-left: 0;
+
+      &__wrapper {
+        flex-direction: column;
+        gap: 0;
+        height: unset;
       }
-    }
 
-    &__controls-wrapper {
-      background-color: var(--theme-bg);
-      width: 100%;
-      transform: translate3d(0, 0, 0);
-      padding-right: var(--gutter-h);
-      justify-content: space-between;
-      height: var(--doc-controls-height);
-      border-top: 1px solid var(--theme-elevation-100);
-    }
+      &__content {
+        width: 100%;
+        overflow: auto;
+        padding-inline: base(2);
+        // this container has a fixed height
+        // this means the scrollbar (when present) overlaps the content
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
 
-    &__controls {
-      padding-left: var(--gutter-h);
-      overflow: auto;
+      &__meta {
+        width: auto;
+        gap: calc(var(--base) / 2);
+
+        &::after {
+          content: '';
+          display: block;
+          position: absolute;
+          right: 0;
+          width: base(0.8);
+          height: var(--base);
+          background: linear-gradient(to right, transparent, var(--theme-bg));
+          flex-shrink: 0;
+          z-index: 1111;
+          pointer-events: none;
+        }
+      }
 
-      // do not show scrollbar because the parent container has a static height
-      // this container has a gradient overlay as visual indication of `overflow: scroll`
-      &::-webkit-scrollbar {
-        display: none;
+      &__controls-wrapper {
+        background-color: var(--theme-bg);
+        width: 100%;
+        transform: translate3d(0, 0, 0);
+        padding-right: var(--gutter-h);
+        justify-content: space-between;
+        height: var(--doc-controls-height);
+        border-top: 1px solid var(--theme-elevation-100);
       }
 
-      &::after {
-        content: '';
-        display: block;
-        position: sticky;
-        right: 0;
-        width: calc(var(--base) * 2);
-        height: calc(var(--base) * 1.5);
-        background: linear-gradient(to right, transparent, var(--theme-bg));
-        flex-shrink: 0;
-        z-index: 1111;
-        pointer-events: none;
+      &__controls {
+        padding-left: var(--gutter-h);
+        overflow: auto;
+
+        // do not show scrollbar because the parent container has a static height
+        // this container has a gradient overlay as visual indication of `overflow: scroll`
+        &::-webkit-scrollbar {
+          display: none;
+        }
+
+        &::after {
+          content: '';
+          display: block;
+          position: sticky;
+          right: 0;
+          width: calc(var(--base) * 2);
+          height: calc(var(--base) * 1.5);
+          background: linear-gradient(to right, transparent, var(--theme-bg));
+          flex-shrink: 0;
+          z-index: 1111;
+          pointer-events: none;
+        }
       }
     }
-  }
 
-  @include small-break {
-    &__content {
-      padding-inline: base(0.8);
+    @include small-break {
+      &__content {
+        padding-inline: base(0.8);
+      }
     }
   }
 }

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,CAwI/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;AAQrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2I/D,CAAA"}