@payloadcms/ui 3.39.0-internal.32c7661 → 3.39.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useEditDepth","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","Gutter","Locked","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","BeforeDocumentControls","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","localization","routes","t3","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","t4","t5","date","pattern","hasCreatePermission","create","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","collectionConfigDrafts","globalConfigDrafts","autosaveEnabled","autosave","collectionAutosaveEnabled","globalAutosaveEnabled","showSaveDraftButton","showCopyToLocale","disableCopyToLocale","t6","_jsx","className","t7","buttonStyle","onClick","size","type","children","_jsxs","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","button","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientUser,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/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 BeforeDocumentControls?: React.ReactNode\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: null | SanitizedCollectionPermission | SanitizedGlobalPermission\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    BeforeDocumentControls,\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 })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const {\n    admin: { dateFormat },\n    localization,\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  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\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 = permissions && 'create' in permissions && permissions.create\n\n  const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete\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 collectionConfigDrafts = collectionConfig?.versions?.drafts\n  const globalConfigDrafts = globalConfig?.versions?.drafts\n\n  const autosaveEnabled =\n    (collectionConfigDrafts && collectionConfigDrafts?.autosave) ||\n    (globalConfigDrafts && globalConfigDrafts?.autosave)\n\n  const collectionAutosaveEnabled = collectionConfigDrafts && collectionConfigDrafts?.autosave\n  const globalAutosaveEnabled = globalConfigDrafts && globalConfigDrafts?.autosave\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfigDrafts.autosave !== false &&\n      collectionConfigDrafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfigDrafts.autosave !== false &&\n      globalConfigDrafts.autosave.showSaveDraftButton === true)\n\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\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            {BeforeDocumentControls}\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 ||\n                      !autosaveEnabled ||\n                      (autosaveEnabled && showSaveDraftButton)) && (\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              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {showCopyToLocale && <CopyLocaleData />}\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":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useEditDepth","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","MoveDocToFolder","Gutter","Locked","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","$","id","slug","BeforeDocumentControls","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","localization","routes","t3","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","t4","t5","date","pattern","hasCreatePermission","create","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","collectionConfigDrafts","globalConfigDrafts","autosaveEnabled","autosave","collectionAutosaveEnabled","globalAutosaveEnabled","showSaveDraftButton","showCopyToLocale","disableCopyToLocale","showFolderMetaIcon","folders","showLockedMetaIcon","t6","_jsx","buttonStyle","onClick","size","type","children","_jsxs","className","folderFieldName","fieldName","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","button","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","toString","singularLabel","buttonId","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientUser,\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { MoveDocToFolder } from '../FolderView/MoveDocToFolder/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 BeforeDocumentControls?: React.ReactNode\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?: Data\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: null | SanitizedCollectionPermission | SanitizedGlobalPermission\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    BeforeDocumentControls,\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 })\n\n  const globalConfig = getEntityConfig({ globalSlug: slug })\n\n  const {\n    admin: { dateFormat },\n    localization,\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  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\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 = permissions && 'create' in permissions && permissions.create\n\n  const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete\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 collectionConfigDrafts = collectionConfig?.versions?.drafts\n  const globalConfigDrafts = globalConfig?.versions?.drafts\n\n  const autosaveEnabled =\n    (collectionConfigDrafts && collectionConfigDrafts?.autosave) ||\n    (globalConfigDrafts && globalConfigDrafts?.autosave)\n\n  const collectionAutosaveEnabled = collectionConfigDrafts && collectionConfigDrafts?.autosave\n  const globalAutosaveEnabled = globalConfigDrafts && globalConfigDrafts?.autosave\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfigDrafts.autosave !== false &&\n      collectionConfigDrafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfigDrafts.autosave !== false &&\n      globalConfigDrafts.autosave.showSaveDraftButton === true)\n\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showFolderMetaIcon = collectionConfig && collectionConfig.admin.folders\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {showLockedMetaIcon || showFolderMetaIcon ? (\n            <div className={`${baseClass}__meta-icons`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {showFolderMetaIcon && <MoveDocToFolder folderFieldName={config.folders.fieldName} />}\n            </div>\n          ) : null}\n\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\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            {BeforeDocumentControls}\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 ||\n                      !autosaveEnabled ||\n                      (autosaveEnabled && showSaveDraftButton)) && (\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              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {showCopyToLocale && <CopyLocaleData />}\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

@@ -38,6 +38,14 @@
       flex-grow: 1;
       overflow: hidden;
       padding: base(0.8) 0;
+      gap: calc(var(--base) * 0.5);
+    }
+
+    &__meta-icons {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) * 0.2);
+      flex-shrink: 0;
     }
 
     &__meta {
@@ -156,9 +164,11 @@
       // 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;
+      &.gutter {
+        top: base(-2.8);
+        padding-right: 0;
+        padding-left: 0;
+      }
 
       &__wrapper {
         flex-direction: column;

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,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAUrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkK/D,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAUrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiK/D,CAAA"}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -13,11 +13,9 @@ import { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.j
 import { DocumentDrawerContextProvider } from './Provider.js';
 export const DocumentDrawerContent = ({
   id: existingDocID,
-  AfterFields,
   collectionSlug,
   disableActions,
   drawerSlug,
-  Header,
   initialData,
   onDelete: onDeleteFromProps,
   onDuplicate: onDuplicateFromProps,
@@ -77,7 +75,7 @@ export const DocumentDrawerContent = ({
       abortGetDocumentViewRef.current = null;
     };
     void fetchDocumentView();
-  }, [collectionSlug, disableActions, drawerSlug, initialData, redirectAfterDelete, redirectAfterDuplicate, renderDocument, closeModal, overrideEntityVisibility, t, locale]);
+  }, [collectionSlug, disableActions, drawerSlug, initialData, redirectAfterDelete, redirectAfterDuplicate, renderDocument, redirectAfterCreate, closeModal, overrideEntityVisibility, t, locale]);
   const onSave = useCallback(args => {
     getDocumentView(args.doc.id);
     if (typeof onSaveFromProps === 'function') {

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["useModal","React","useCallback","useEffect","useRef","useState","toast","LoadingOverlay","useConfig","useLocale","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","DocumentDrawerContextProvider","DocumentDrawerContent","id","existingDocID","AfterFields","collectionSlug","disableActions","drawerSlug","Header","initialData","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","overrideEntityVisibility","redirectAfterCreate","redirectAfterDelete","redirectAfterDuplicate","getEntityConfig","locale","collectionConfig","abortGetDocumentViewRef","closeModal","t","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","getDocumentView","docID","controller","fetchDocumentView","result","signal","Document","error","message","current","args","doc","clearDoc","abortGetDocumentView","_jsx"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { DocumentDrawerContextProvider } from './Provider.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  AfterFields,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  Header,\n  initialData,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  overrideEntityVisibility = true,\n  redirectAfterCreate,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const locale = useLocale()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const abortGetDocumentViewRef = React.useRef<AbortController>(null)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const controller = handleAbortRef(abortGetDocumentViewRef)\n\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const result = await renderDocument({\n            collectionSlug,\n            disableActions,\n            docID,\n            drawerSlug,\n            initialData,\n            locale,\n            overrideEntityVisibility,\n            redirectAfterCreate,\n            redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,\n            redirectAfterDuplicate:\n              redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,\n            signal: controller.signal,\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n          // toast.error(data?.errors?.[0].message || t('error:unspecific'))\n        }\n\n        abortGetDocumentViewRef.current = null\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      collectionSlug,\n      disableActions,\n      drawerSlug,\n      initialData,\n      redirectAfterDelete,\n      redirectAfterDuplicate,\n      renderDocument,\n      closeModal,\n      overrideEntityVisibility,\n      t,\n      locale,\n    ],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      getDocumentView(args.doc.id)\n\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig, getDocumentView],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      getDocumentView(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig, getDocumentView],\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, closeModal, drawerSlug, collectionConfig],\n  )\n\n  const clearDoc = useCallback(() => {\n    getDocumentView()\n  }, [getDocumentView])\n\n  useEffect(() => {\n    if (!DocumentView && !hasRenderedDocument.current) {\n      getDocumentView(existingDocID)\n      hasRenderedDocument.current = true\n    }\n  }, [DocumentView, getDocumentView, existingDocID])\n\n  // Cleanup any pending requests when the component unmounts\n  useEffect(() => {\n    const abortGetDocumentView = abortGetDocumentViewRef.current\n\n    return () => {\n      abortAndIgnore(abortGetDocumentView)\n    }\n  }, [])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <DocumentDrawerContextProvider\n      clearDoc={clearDoc}\n      drawerSlug={drawerSlug}\n      onDelete={onDelete}\n      onDuplicate={onDuplicate}\n      onSave={onSave}\n    >\n      {DocumentView}\n    </DocumentDrawerContextProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["useModal","React","useCallback","useEffect","useRef","useState","toast","LoadingOverlay","useConfig","useLocale","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","DocumentDrawerContextProvider","DocumentDrawerContent","id","existingDocID","collectionSlug","disableActions","drawerSlug","initialData","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","overrideEntityVisibility","redirectAfterCreate","redirectAfterDelete","redirectAfterDuplicate","getEntityConfig","locale","collectionConfig","abortGetDocumentViewRef","closeModal","t","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasRenderedDocument","getDocumentView","docID","controller","fetchDocumentView","result","signal","Document","error","message","current","args","doc","clearDoc","abortGetDocumentView","_jsx"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { DocumentDrawerContextProvider } from './Provider.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: existingDocID,\n  collectionSlug,\n  disableActions,\n  drawerSlug,\n  initialData,\n  onDelete: onDeleteFromProps,\n  onDuplicate: onDuplicateFromProps,\n  onSave: onSaveFromProps,\n  overrideEntityVisibility = true,\n  redirectAfterCreate,\n  redirectAfterDelete,\n  redirectAfterDuplicate,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const locale = useLocale()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const abortGetDocumentViewRef = React.useRef<AbortController>(null)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n  const hasRenderedDocument = useRef(false)\n\n  const getDocumentView = useCallback(\n    (docID?: number | string) => {\n      const controller = handleAbortRef(abortGetDocumentViewRef)\n\n      const fetchDocumentView = async () => {\n        setIsLoading(true)\n\n        try {\n          const result = await renderDocument({\n            collectionSlug,\n            disableActions,\n            docID,\n            drawerSlug,\n            initialData,\n            locale,\n            overrideEntityVisibility,\n            redirectAfterCreate,\n            redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,\n            redirectAfterDuplicate:\n              redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,\n            signal: controller.signal,\n          })\n\n          if (result?.Document) {\n            setDocumentView(result.Document)\n            setIsLoading(false)\n          }\n        } catch (error) {\n          toast.error(error?.message || t('error:unspecific'))\n          closeModal(drawerSlug)\n          // toast.error(data?.errors?.[0].message || t('error:unspecific'))\n        }\n\n        abortGetDocumentViewRef.current = null\n      }\n\n      void fetchDocumentView()\n    },\n    [\n      collectionSlug,\n      disableActions,\n      drawerSlug,\n      initialData,\n      redirectAfterDelete,\n      redirectAfterDuplicate,\n      renderDocument,\n      redirectAfterCreate,\n      closeModal,\n      overrideEntityVisibility,\n      t,\n      locale,\n    ],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      getDocumentView(args.doc.id)\n\n      if (typeof onSaveFromProps === 'function') {\n        void onSaveFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onSaveFromProps, collectionConfig, getDocumentView],\n  )\n\n  const onDuplicate = useCallback<DocumentDrawerProps['onDuplicate']>(\n    (args) => {\n      getDocumentView(args.doc.id)\n\n      if (typeof onDuplicateFromProps === 'function') {\n        void onDuplicateFromProps({\n          ...args,\n          collectionConfig,\n        })\n      }\n    },\n    [onDuplicateFromProps, collectionConfig, getDocumentView],\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, closeModal, drawerSlug, collectionConfig],\n  )\n\n  const clearDoc = useCallback(() => {\n    getDocumentView()\n  }, [getDocumentView])\n\n  useEffect(() => {\n    if (!DocumentView && !hasRenderedDocument.current) {\n      getDocumentView(existingDocID)\n      hasRenderedDocument.current = true\n    }\n  }, [DocumentView, getDocumentView, existingDocID])\n\n  // Cleanup any pending requests when the component unmounts\n  useEffect(() => {\n    const abortGetDocumentView = abortGetDocumentViewRef.current\n\n    return () => {\n      abortAndIgnore(abortGetDocumentView)\n    }\n  }, [])\n\n  if (isLoading) {\n    return <LoadingOverlay />\n  }\n\n  return (\n    <DocumentDrawerContextProvider\n      clearDoc={clearDoc}\n      drawerSlug={drawerSlug}\n      onDelete={onDelete}\n      onDuplicate={onDuplicate}\n      onSave={onSave}\n    >\n      {DocumentView}\n    </DocumentDrawerContextProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.scss';
+type DrawerActionHeaderArgs = {
+    readonly cancelLabel?: string;
+    readonly onCancel?: () => void;
+    readonly onSave?: () => void;
+    readonly saveLabel?: string;
+    readonly title: React.ReactNode | string;
+};
+export declare const DrawerActionHeader: ({ cancelLabel, onCancel, onSave, saveLabel, title, }: DrawerActionHeaderArgs) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;CACzC,CAAA;AACD,eAAO,MAAM,kBAAkB,yDAM5B,sBAAsB,sBAoBxB,CAAA"}

package/dist/elements/DrawerActionHeader/index.js

@@ -0,0 +1,77 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Button } from '../Button/index.js';
+import './index.scss';
+const baseClass = 'drawerHeader';
+export const DrawerActionHeader = t0 => {
+  const $ = _c(13);
+  const {
+    cancelLabel,
+    onCancel,
+    onSave,
+    saveLabel,
+    title
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== cancelLabel || $[1] !== onCancel || $[2] !== onSave || $[3] !== saveLabel || $[4] !== t || $[5] !== title) {
+    let t2;
+    if ($[7] !== cancelLabel || $[8] !== t) {
+      t2 = cancelLabel || t("general:cancel");
+      $[7] = cancelLabel;
+      $[8] = t;
+      $[9] = t2;
+    } else {
+      t2 = $[9];
+    }
+    let t3;
+    if ($[10] !== saveLabel || $[11] !== t) {
+      t3 = saveLabel || t("general:applyChanges");
+      $[10] = saveLabel;
+      $[11] = t;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    t1 = _jsx("div", {
+      className: baseClass,
+      children: _jsxs("div", {
+        className: `${baseClass}__content`,
+        children: [_jsx("h1", {
+          className: `${baseClass}__title`,
+          children: title
+        }), _jsxs("div", {
+          className: `${baseClass}__actions`,
+          children: [_jsx(Button, {
+            "aria-label": t("general:cancel"),
+            buttonStyle: "secondary",
+            onClick: onCancel,
+            children: t2
+          }), _jsx(FormSubmit, {
+            "aria-label": t("general:applyChanges"),
+            onClick: onSave,
+            children: t3
+          })]
+        })]
+      })
+    });
+    $[0] = cancelLabel;
+    $[1] = onCancel;
+    $[2] = onSave;
+    $[3] = saveLabel;
+    $[4] = t;
+    $[5] = title;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","FormSubmit","useTranslation","Button","baseClass","DrawerActionHeader","t0","$","cancelLabel","onCancel","onSave","saveLabel","title","t","t1","t2","t3","_jsx","className","children","_jsxs","buttonStyle","onClick"],"sources":["../../../src/elements/DrawerActionHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawerHeader'\n\ntype DrawerActionHeaderArgs = {\n  readonly cancelLabel?: string\n  readonly onCancel?: () => void\n  readonly onSave?: () => void\n  readonly saveLabel?: string\n  readonly title: React.ReactNode | string\n}\nexport const DrawerActionHeader = ({\n  cancelLabel,\n  onCancel,\n  onSave,\n  saveLabel,\n  title,\n}: DrawerActionHeaderArgs) => {\n  const { t } = useTranslation()\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__content`}>\n        <h1 className={`${baseClass}__title`}>{title}</h1>\n\n        <div className={`${baseClass}__actions`}>\n          <Button aria-label={t('general:cancel')} buttonStyle=\"secondary\" onClick={onCancel}>\n            {cancelLabel || t('general:cancel')}\n          </Button>\n\n          <FormSubmit aria-label={t('general:applyChanges')} onClick={onSave}>\n            {saveLabel || t('general:applyChanges')}\n          </FormSubmit>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,MAAMC,kBAAA,GAAqBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAMV;EACvB;IAAAO;EAAA,IAAcX,cAAA;EAAA,IAAAY,EAAA;EAAA,IAAAP,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,CAAA,IAAAN,CAAA,QAAAK,KAAA;IAAA,IAAAG,EAAA;IAAA,IAAAR,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAM,CAAA;MASHE,EAAA,GAAAP,WAAA,IAAeK,CAAA,CAAE;MAAAN,CAAA,MAAAC,WAAA;MAAAD,CAAA,MAAAM,CAAA;MAAAN,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IAAA,IAAAS,EAAA;IAAA,IAAAT,CAAA,SAAAI,SAAA,IAAAJ,CAAA,SAAAM,CAAA;MAIjBG,EAAA,GAAAL,SAAA,IAAaE,CAAA,CAAE;MAAAN,CAAA,OAAAI,SAAA;MAAAJ,CAAA,OAAAM,CAAA;MAAAN,CAAA,OAAAS,EAAA;IAAA;MAAAA,EAAA,GAAAT,CAAA;IAAA;IAVxBO,EAAA,GAAAG,IAAA,CAAC;MAAAC,SAAA,EAAAd,SAAA;MAAAe,QAAA,EACCC,KAAA,CAAC;QAAAF,SAAA,EAAe,GAAAd,SAAA,WAAuB;QAAAe,QAAA,GACrCF,IAAA,CAAC;UAAAC,SAAA,EAAc,GAAAd,SAAA,SAAqB;UAAAe,QAAA,EAAGP;QAAA,C,GAEvCQ,KAAA,CAAC;UAAAF,SAAA,EAAe,GAAAd,SAAA,WAAuB;UAAAe,QAAA,GACrCF,IAAA,CAAAd,MAAA;YAAA,cAAoBU,CAAA,CAAE;YAAAQ,WAAA,EAA+B;YAAAC,OAAA,EAAqBb,QAAA;YAAAU,QAAA,EACvEJ;UAAiB,C,GAGpBE,IAAA,CAAAhB,UAAA;YAAA,cAAwBY,CAAA,CAAE;YAAAS,OAAA,EAAkCZ,MAAA;YAAAS,QAAA,EACzDH;UAAe,C;;;;;;;;;;;;;;SAVxBF,E;CAgBJ","ignoreList":[]}

package/dist/elements/DrawerActionHeader/index.scss

@@ -0,0 +1,24 @@
+.drawerHeader {
+  padding-top: calc(var(--base) * 2);
+  padding-bottom: calc(var(--base) * 1);
+  border-bottom: 1px solid var(--theme-border-color);
+
+  &__content {
+    margin-left: var(--gutter-h);
+    margin-right: var(--gutter-h);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &__title {
+    margin: 0;
+  }
+
+  &__actions {
+    display: flex;
+    margin-left: auto;
+    padding-left: var(--base);
+    gap: var(--base);
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    readonly children: React.ReactNode;
+    readonly className?: string;
+};
+export declare function DrawerContentContainer({ children, className }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AACD,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,qBAEpE"}

package/dist/elements/DrawerContentContainer/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+const baseClass = 'drawer-content-container';
+export function DrawerContentContainer({
+  children,
+  className
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","baseClass","DrawerContentContainer","children","className","_jsx","filter","Boolean","join"],"sources":["../../../src/elements/DrawerContentContainer/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'drawer-content-container'\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly className?: string\n}\nexport function DrawerContentContainer({ children, className }: Props) {\n  return <div className={[baseClass, className].filter(Boolean).join(' ')}>{children}</div>\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,uBAAuB;EAAEC,QAAQ;EAAEC;AAAS,CAAS;EACnE,oBAAOC,IAAA,CAAC;IAAID,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAAOL;;AAC5E","ignoreList":[]}

package/dist/elements/DrawerContentContainer/index.scss

@@ -0,0 +1,6 @@
+.drawer-content-container {
+  padding: calc(var(--base) * 2) var(--gutter-h);
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}

package/dist/elements/EditMany/DrawerContent.d.ts

@@ -3,9 +3,32 @@ import type { FieldOption } from '../FieldSelect/reduceFieldOptions.js';
 import { type EditManyProps } from './index.js';
 import './index.scss';
 import '../../forms/RenderFields/index.scss';
-export declare const EditManyDrawerContent: React.FC<{
+type EditManyDrawerContentProps = {
+    /**
+     * The total count of selected items
+     */
+    count?: number;
+    /**
+     * The slug of the drawer
+     */
     drawerSlug: string;
+    /**
+     * The IDs of the selected items
+     */
+    ids?: (number | string)[];
+    /**
+     * Whether all items are selected
+     */
+    selectAll?: boolean;
+    /**
+     * The fields that are selected to bulk edit
+     */
     selectedFields: FieldOption[];
+    /**
+     * The function to set the selected fields to bulk edit
+     */
     setSelectedFields: (fields: FieldOption[]) => void;
-} & EditManyProps>;
+} & EditManyProps;
+export declare const EditManyDrawerContent: React.FC<EditManyDrawerContentProps>;
+export {};
 //# sourceMappingURL=DrawerContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAkBvE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,cAAc,CAAA;AACrB,OAAO,qCAAqC,CAAA;AA+E5C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,WAAW,EAAE,CAAA;IAC7B,iBAAiB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;CACnD,GAAG,aAAa,CA+NlB,CAAA"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/EditMany/DrawerContent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAIxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAkBvE,OAAO,EAAa,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,cAAc,CAAA;AACrB,OAAO,qCAAqC,CAAA;AA+E5C,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,cAAc,EAAE,WAAW,EAAE,CAAA;IAC7B;;OAEG;IACH,iBAAiB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;CACnD,GAAG,aAAa,CAAA;AACjB,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+PtE,CAAA"}

package/dist/elements/EditMany/DrawerContent.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter, useSearchParams } from 'next/navigation.js';
-import { mergeListSearchAndWhere, unflatten } from 'payload/shared';
+import { combineWhereConstraints, mergeListSearchAndWhere, unflatten } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useForm } from '../../forms/Form/context.js';
@@ -16,9 +16,9 @@ import { XIcon } from '../../icons/X/index.js';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
 import { OperationContext } from '../../providers/Operation/index.js';
 import { useRouteCache } from '../../providers/RouteCache/index.js';
-import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js';
@@ -171,6 +171,7 @@ const SaveDraftButton = t0 => {
 };
 export const EditManyDrawerContent = props => {
   const {
+    collection,
     collection: {
       fields,
       labels: {
@@ -178,8 +179,10 @@ export const EditManyDrawerContent = props => {
         singular
       }
     } = {},
-    collection,
+    count,
     drawerSlug,
+    ids,
+    selectAll,
     selectedFields,
     setSelectedFields
   } = props;
@@ -187,6 +190,9 @@ export const EditManyDrawerContent = props => {
     permissions,
     user
   } = useAuth();
+  const {
+    code: locale
+  } = useLocale();
   const {
     closeModal
   } = useModal();
@@ -201,11 +207,6 @@ export const EditManyDrawerContent = props => {
   const {
     getFormState
   } = useServerFunctions();
-  const {
-    count,
-    getQueryParams,
-    selectAll
-  } = useSelection();
   const {
     i18n,
     t
@@ -252,21 +253,44 @@ export const EditManyDrawerContent = props => {
     };
   }, []);
   const queryString = useMemo(() => {
+    const whereConstraints = [];
     const queryWithSearch = mergeListSearchAndWhere({
       collectionConfig: collection,
       search: searchParams.get('search')
     });
-    return getQueryParams(queryWithSearch);
-  }, [collection, searchParams, getQueryParams]);
+    if (queryWithSearch) {
+      whereConstraints.push(queryWithSearch);
+    }
+    if (selectAll) {
+      // Match the current filter/search, or default to all docs
+      whereConstraints.push(parseSearchParams(searchParams)?.where || {
+        id: {
+          exists: true
+        }
+      });
+    } else {
+      // If we're not selecting all, we need to select specific docs
+      whereConstraints.push({
+        id: {
+          in: ids || []
+        }
+      });
+    }
+    return qs.stringify({
+      locale,
+      where: combineWhereConstraints(whereConstraints)
+    }, {
+      addQueryPrefix: true
+    });
+  }, [collection, searchParams, selectAll, ids, locale]);
   const onSuccess = () => {
     router.replace(qs.stringify({
       ...parseSearchParams(searchParams),
-      page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
+      page: selectAll ? '1' : undefined
     }, {
       addQueryPrefix: true
     }));
-    clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this
-    ;
+    clearRouteCache();
     closeModal(drawerSlug);
   };
   const onFieldSelect = useCallback(async ({