@payloadcms/ui 4.0.0-internal.7b031c8 → 4.0.0-internal.7b53b6d

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","hasScheduledPublishEnabled","React","Fragment","useCallback","useEffect","useRef","useState","useFormInitializing","useFormProcessing","useElementHeightVariable","MoreIcon","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","formatTimeToNow","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","SchedulePublishButton","Status","UnpublishButton","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","BeforeDocumentMeta","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","variant","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","createdAt","setCreatedAt","relativeTime","setRelativeTime","processing","initializing","rootRef","i18nRef","cssVar","isEnabled","ref","current","updateRelativeTime","date","pattern","interval","setInterval","clearInterval","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showLockedMetaIcon","_jsxs","className","filter","join","_jsx","label","labels","singular","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","undefined","distance","preview","disabled","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","buttonClassName","caret","horizontalAlign","renderButton","active","buttonProps","icon","selected","verticalAlign","ButtonGroup","href","path","disableDuplicate","_Fragment","selectLocales","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n  User,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasDraftsEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useElementHeightVariable } from '../../hooks/useElementHeightVariable.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } 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 { LivePreviewToggler } from '../LivePreview/Toggler/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/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 { RestoreButton } from '../RestoreButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { SchedulePublishButton } from '../SchedulePublishButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly BeforeDocumentMeta?: 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    readonly Status?: React.ReactNode\n    readonly UnpublishButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly EditMenuItems?: React.ReactNode\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly isInDrawer?: boolean\n  readonly isTrashed?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\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 redirectAfterRestore?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: User\n  /**\n   * Controls how the document controls render.\n   * - `default`: full controls bar (meta + actions), used on the edit page.\n   * - `drawerHeaderActions`: only the action buttons, rendered in the document drawer header.\n   */\n  readonly variant?: 'default' | 'drawerHeaderActions'\n}> = (props) => {\n  const {\n    id,\n    slug,\n    BeforeDocumentControls,\n    BeforeDocumentMeta,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n      Status: CustomStatus,\n      UnpublishButton: CustomUnpublishButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    EditMenuItems,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    isInDrawer,\n    isTrashed,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onRestore,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    redirectAfterRestore,\n    user,\n    variant = 'default',\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 { isLivePreviewEnabled } = useLivePreviewContext()\n\n  const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } =\n    useDocumentInfo()\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  const [relativeTime, setRelativeTime] = useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  const rootRef = useRef<HTMLDivElement>(null)\n  const i18nRef = useRef(i18n)\n\n  // Only the page-level controls bar feeds the sticky layout offsets. Drawer instances\n  // (variant=\"drawerHeaderActions\") must not publish the shared var or they'd clobber it.\n  useElementHeightVariable({\n    cssVar: '--doc-controls-height',\n    isEnabled: variant === 'default',\n    ref: rootRef,\n  })\n  i18nRef.current = i18n\n\n  const updateRelativeTime = useCallback(() => {\n    const date = data?.updatedAt || data?.createdAt\n    if (date) {\n      setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n    }\n  }, [data?.updatedAt, data?.createdAt])\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    updateRelativeTime()\n  }, [data, i18n, dateFormat, updateRelativeTime])\n\n  useEffect(() => {\n    const interval = setInterval(updateRelativeTime, 60000)\n    return () => clearInterval(interval)\n  }, [updateRelativeTime])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const hasDeletePermission = collectionConfig?.trash\n    ? docHasTrashPermission || docHasDeletePermission\n    : collectionDeletePermission\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n\n  const showDotMenu = Boolean(\n    !disableActions &&\n      (EditMenuItems ||\n        (collectionConfig && id && (hasCreatePermission || hasDeletePermission)) ||\n        (globalConfig && (globalHasDraftsEnabled || localization))),\n  )\n  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig)\n  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig)\n  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfig.versions.drafts.autosave !== false &&\n      collectionConfig.versions.drafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfig.versions.drafts.autosave !== false &&\n      globalConfig.versions.drafts.autosave.showSaveDraftButton === true)\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <div\n      className={[baseClass, variant !== 'default' && `${baseClass}--${variant}`]\n        .filter(Boolean)\n        .join(' ')}\n      ref={rootRef}\n    >\n      {variant === 'default' && (\n        <div className={`${baseClass}__content`}>\n          {Boolean(showLockedMetaIcon || BeforeDocumentMeta) && (\n            <div className={`${baseClass}__before-meta`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {BeforeDocumentMeta}\n            </div>\n          )}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__creating-new`}>\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            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li className={`${baseClass}__status ${baseClass}__list-item`}>\n                    <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n                  </li>\n                )}\n                {hasSavePermission &&\n                  autosaveEnabled &&\n                  !unsavedDraftWithValidations &&\n                  !isTrashed && (\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 &&\n              (isEditing || isAccountView) &&\n              (data?.updatedAt || data?.createdAt) && (\n                <li\n                  className={`${baseClass}__list-item ${baseClass}__value-wrap`}\n                  title={updatedAt || createdAt || undefined}\n                >\n                  <p className={`${baseClass}__value`}>\n                    {relativeTime\n                      ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                          distance: relativeTime,\n                        })\n                      : `${t('general:loading')}...`}\n                  </p>\n                </li>\n              )}\n          </ul>\n        </div>\n      )}\n      <div className={`${baseClass}__controls-wrapper`}>\n        <div className={`${baseClass}__controls`}>\n          {BeforeDocumentControls}\n          <div className={`${baseClass}__icon-buttons`}>\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasScheduledPublishEnabled(collectionConfig || globalConfig) && !isTrashed && (\n              <SchedulePublishButton disabled={readOnlyForIncomingUser} />\n            )}\n          </div>\n          {hasSavePermission && !isTrashed && !readOnlyForIncomingUser && (\n            <Fragment>\n              {collectionHasDraftsEnabled || globalHasDraftsEnabled ? (\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          {docHasDeletePermission && isTrashed && (\n            <PermanentlyDeleteButton\n              buttonId=\"action-permanently-delete\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onDelete={onDelete}\n              redirectAfterDelete={redirectAfterDelete}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {hasSavePermission && isTrashed && (\n            <RestoreButton\n              buttonId=\"action-restore\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onRestore={onRestore}\n              redirectAfterRestore={redirectAfterRestore}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\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            buttonClassName={`${baseClass}__popup-button`}\n            caret={false}\n            className={`${baseClass}__popup`}\n            disabled={initializing || processing}\n            horizontalAlign=\"right\"\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                {...buttonProps}\n                aria-label={t('general:moreOptions')}\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__popup-button`}\n                icon={<MoreIcon />}\n                selected={active}\n                size=\"medium\"\n              />\n            )}\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                    <>\n                      <DuplicateDocument\n                        id={id}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                      {localization && (\n                        <DuplicateDocument\n                          id={id}\n                          onDuplicate={onDuplicate}\n                          redirectAfterDuplicate={redirectAfterDuplicate}\n                          selectLocales={true}\n                          singularLabel={collectionConfig?.labels?.singular}\n                          slug={collectionConfig?.slug}\n                        />\n                      )}\n                    </>\n                  )}\n                </React.Fragment>\n              )}\n              {hasDeletePermission && id && (\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              <RenderCustomComponent\n                CustomComponent={CustomUnpublishButton}\n                Fallback={<UnpublishButton />}\n              />\n              {EditMenuItems}\n            </PopupList.ButtonGroup>\n          </Popup>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","hasScheduledPublishEnabled","React","Fragment","useCallback","useEffect","useRef","useState","useFormInitializing","useFormProcessing","useElementHeightVariable","MoreIcon","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","formatTimeToNow","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","SchedulePublishButton","Status","UnpublishButton","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","BeforeDocumentMeta","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","variant","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","createdAt","setCreatedAt","relativeTime","setRelativeTime","processing","initializing","rootRef","i18nRef","cssVar","isEnabled","ref","current","updateRelativeTime","date","pattern","interval","setInterval","clearInterval","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showLockedMetaIcon","_jsxs","className","filter","join","_jsx","label","labels","singular","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","undefined","distance","preview","disabled","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","buttonClassName","caret","horizontalAlign","popupType","renderButton","active","buttonProps","icon","selected","verticalAlign","ButtonGroup","href","path","disableDuplicate","_Fragment","selectLocales","useAsTitle"],"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n  User,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  formatAdminURL,\n  hasAutosaveEnabled,\n  hasDraftsEnabled,\n  hasScheduledPublishEnabled,\n} from 'payload/shared'\nimport React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useElementHeightVariable } from '../../hooks/useElementHeightVariable.js'\nimport { MoreIcon } from '../../icons/More/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } 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 { LivePreviewToggler } from '../LivePreview/Toggler/index.js'\nimport { Locked } from '../Locked/index.js'\nimport { PermanentlyDeleteButton } from '../PermanentlyDeleteButton/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 { RestoreButton } from '../RestoreButton/index.js'\nimport { SaveButton } from '../SaveButton/index.js'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { SchedulePublishButton } from '../SchedulePublishButton/index.js'\nimport { Status } from '../Status/index.js'\nimport { UnpublishButton } from '../UnpublishButton/index.js'\nimport './index.css'\n\nconst baseClass = 'doc-controls'\n\ntype DocumentControlsProps = {\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly BeforeDocumentMeta?: 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    readonly Status?: React.ReactNode\n    readonly UnpublishButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly EditMenuItems?: React.ReactNode\n  readonly hasPublishPermission?: boolean\n  readonly hasSavePermission?: boolean\n  readonly id?: number | string\n  readonly isAccountView?: boolean\n  readonly isEditing?: boolean\n  readonly isInDrawer?: boolean\n  readonly isTrashed?: boolean\n  readonly onDelete?: DocumentDrawerContextType['onDelete']\n  readonly onDrawerCreateNew?: () => void\n  /* Only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: DocumentDrawerContextType['onDuplicate']\n  readonly onRestore?: DocumentDrawerContextType['onRestore']\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 redirectAfterRestore?: boolean\n  readonly slug: SanitizedCollectionConfig['slug']\n  readonly user?: User\n  /**\n   * Controls how the document controls render.\n   * - `default`: full controls bar (meta + actions), used on the edit page.\n   * - `drawerHeaderActions`: only the action buttons, rendered in the document drawer header.\n   */\n  readonly variant?: 'default' | 'drawerHeaderActions'\n}\n\nexport const DocumentControls: React.FC<DocumentControlsProps> = (props) => {\n  const {\n    id,\n    slug,\n    BeforeDocumentControls,\n    BeforeDocumentMeta,\n    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\n      Status: CustomStatus,\n      UnpublishButton: CustomUnpublishButton,\n    } = {},\n    data,\n    disableActions,\n    disableCreate,\n    EditMenuItems,\n    hasSavePermission,\n    isAccountView,\n    isEditing,\n    isInDrawer,\n    isTrashed,\n    onDelete,\n    onDrawerCreateNew,\n    onDuplicate,\n    onRestore,\n    onTakeOver,\n    permissions,\n    readOnlyForIncomingUser,\n    redirectAfterDelete,\n    redirectAfterDuplicate,\n    redirectAfterRestore,\n    user,\n    variant = 'default',\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 { isLivePreviewEnabled } = useLivePreviewContext()\n\n  const { hasDeletePermission: docHasDeletePermission, hasTrashPermission: docHasTrashPermission } =\n    useDocumentInfo()\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  const [relativeTime, setRelativeTime] = useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  const rootRef = useRef<HTMLDivElement>(null)\n  const i18nRef = useRef(i18n)\n\n  // Only the page-level controls bar feeds the sticky layout offsets. Drawer instances\n  // (variant=\"drawerHeaderActions\") must not publish the shared var or they'd clobber it.\n  useElementHeightVariable({\n    cssVar: '--doc-controls-height',\n    isEnabled: variant === 'default',\n    ref: rootRef,\n  })\n  i18nRef.current = i18n\n\n  const updateRelativeTime = useCallback(() => {\n    const date = data?.updatedAt || data?.createdAt\n    if (date) {\n      setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n    }\n  }, [data?.updatedAt, data?.createdAt])\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    updateRelativeTime()\n  }, [data, i18n, dateFormat, updateRelativeTime])\n\n  useEffect(() => {\n    const interval = setInterval(updateRelativeTime, 60000)\n    return () => clearInterval(interval)\n  }, [updateRelativeTime])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const collectionDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const hasDeletePermission = collectionConfig?.trash\n    ? docHasTrashPermission || docHasDeletePermission\n    : collectionDeletePermission\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n\n  const showDotMenu = Boolean(\n    !disableActions &&\n    (EditMenuItems ||\n      (collectionConfig && id && (hasCreatePermission || hasDeletePermission)) ||\n      (globalConfig && (globalHasDraftsEnabled || localization))),\n  )\n  const collectionAutosaveEnabled = hasAutosaveEnabled(collectionConfig)\n  const globalAutosaveEnabled = hasAutosaveEnabled(globalConfig)\n  const autosaveEnabled = collectionAutosaveEnabled || globalAutosaveEnabled\n\n  const showSaveDraftButton =\n    (collectionAutosaveEnabled &&\n      collectionConfig.versions.drafts.autosave !== false &&\n      collectionConfig.versions.drafts.autosave.showSaveDraftButton === true) ||\n    (globalAutosaveEnabled &&\n      globalConfig.versions.drafts.autosave !== false &&\n      globalConfig.versions.drafts.autosave.showSaveDraftButton === true)\n  const showCopyToLocale = localization && !collectionConfig?.admin?.disableCopyToLocale\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <div\n      className={[baseClass, variant !== 'default' && `${baseClass}--${variant}`]\n        .filter(Boolean)\n        .join(' ')}\n      ref={rootRef}\n    >\n      {variant === 'default' && (\n        <div className={`${baseClass}__content`}>\n          {Boolean(showLockedMetaIcon || BeforeDocumentMeta) && (\n            <div className={`${baseClass}__before-meta`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {BeforeDocumentMeta}\n            </div>\n          )}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__creating-new`}>\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            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li className={`${baseClass}__status ${baseClass}__list-item`}>\n                    <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n                  </li>\n                )}\n                {hasSavePermission &&\n                  autosaveEnabled &&\n                  !unsavedDraftWithValidations &&\n                  !isTrashed && (\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 &&\n              (isEditing || isAccountView) &&\n              (data?.updatedAt || data?.createdAt) && (\n                <li\n                  className={`${baseClass}__list-item ${baseClass}__value-wrap`}\n                  title={updatedAt || createdAt || undefined}\n                >\n                  <p className={`${baseClass}__value`}>\n                    {relativeTime\n                      ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                          distance: relativeTime,\n                        })\n                      : `${t('general:loading')}...`}\n                  </p>\n                </li>\n              )}\n          </ul>\n        </div>\n      )}\n      <div className={`${baseClass}__controls-wrapper`}>\n        <div className={`${baseClass}__controls`}>\n          {BeforeDocumentControls}\n          <div className={`${baseClass}__icon-buttons`}>\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasScheduledPublishEnabled(collectionConfig || globalConfig) && !isTrashed && (\n              <SchedulePublishButton disabled={readOnlyForIncomingUser} />\n            )}\n          </div>\n          {hasSavePermission && !isTrashed && !readOnlyForIncomingUser && (\n            <Fragment>\n              {collectionHasDraftsEnabled || globalHasDraftsEnabled ? (\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          {docHasDeletePermission && isTrashed && (\n            <PermanentlyDeleteButton\n              buttonId=\"action-permanently-delete\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onDelete={onDelete}\n              redirectAfterDelete={redirectAfterDelete}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\n          )}\n          {hasSavePermission && isTrashed && (\n            <RestoreButton\n              buttonId=\"action-restore\"\n              collectionSlug={collectionConfig?.slug}\n              id={id.toString()}\n              onRestore={onRestore}\n              redirectAfterRestore={redirectAfterRestore}\n              singularLabel={collectionConfig?.labels?.singular}\n            />\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            buttonClassName={`${baseClass}__popup-button`}\n            caret={false}\n            className={`${baseClass}__popup`}\n            disabled={initializing || processing}\n            horizontalAlign=\"right\"\n            popupType=\"menu\"\n            renderButton={({ active, ...buttonProps }) => (\n              <Button\n                {...buttonProps}\n                aria-label={`${t('general:moreOptions')}: ${t('general:document')}`}\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__popup-button`}\n                icon={<MoreIcon />}\n                selected={active}\n                size=\"medium\"\n              />\n            )}\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                    <>\n                      <DuplicateDocument\n                        id={id}\n                        onDuplicate={onDuplicate}\n                        redirectAfterDuplicate={redirectAfterDuplicate}\n                        singularLabel={collectionConfig?.labels?.singular}\n                        slug={collectionConfig?.slug}\n                      />\n                      {localization && (\n                        <DuplicateDocument\n                          id={id}\n                          onDuplicate={onDuplicate}\n                          redirectAfterDuplicate={redirectAfterDuplicate}\n                          selectLocales={true}\n                          singularLabel={collectionConfig?.labels?.singular}\n                          slug={collectionConfig?.slug}\n                        />\n                      )}\n                    </>\n                  )}\n                </React.Fragment>\n              )}\n              {hasDeletePermission && id && (\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              <RenderCustomComponent\n                CustomComponent={CustomUnpublishButton}\n                Fallback={<UnpublishButton />}\n              />\n              {EditMenuItems}\n            </PopupList.ButtonGroup>\n          </Popup>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -121,20 +121,26 @@ export const DocumentDrawerContent = ({
       abortAndIgnore(abortGetDocumentView);
     };
   }, []);
-  return /*#__PURE__*/_jsxs(DocumentDrawerContextProvider, {
+  return /*#__PURE__*/_jsx(DocumentDrawerContextProvider, {
     clearDoc: clearDoc,
     drawerSlug: drawerSlug,
     onDelete: onDelete,
     onDuplicate: onDuplicate,
     onSave: onSave,
-    children: [!isLoading && /*#__PURE__*/_jsx("div", {
-      className: "drawer__fade-in",
-      children: DocumentView
-    }), /*#__PURE__*/_jsx(LoadingOverlay, {
-      animationDuration: "200ms",
-      overlayType: "drawer",
-      show: isLoading
-    })]
+    children: /*#__PURE__*/_jsxs(React.Suspense, {
+      fallback: /*#__PURE__*/_jsx(LoadingOverlay, {
+        animationDuration: "200ms",
+        overlayType: "drawer"
+      }),
+      children: [!isLoading && /*#__PURE__*/_jsx("div", {
+        className: "drawer__fade-in",
+        children: DocumentView
+      }), /*#__PURE__*/_jsx(LoadingOverlay, {
+        animationDuration: "200ms",
+        overlayType: "drawer",
+        show: isLoading
+      })]
+    })
   });
 };
 //# sourceMappingURL=DrawerContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["useModal","React","useCallback","useEffect","useRef","useState","toast","LoadingOverlay","useConfig","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","DocumentDrawerContextProvider","DocumentDrawerContent","id","docID","collectionSlug","disableActions","drawerSlug","initialData","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","overrideEntityVisibility","redirectAfterCreate","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","getEntityConfig","collectionConfig","abortGetDocumentViewRef","closeModal","t","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasInitialized","getDocumentView","showLoadingIndicator","controller","fetchDocumentView","result","signal","Document","error","message","current","args","operation","doc","clearDoc","abortGetDocumentView","_jsxs","_jsx","className","animationDuration","overlayType","show"],"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 { 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: docID,\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  redirectAfterRestore,\n}) => {\n  const { getEntityConfig } = useConfig()\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\n  const hasInitialized = useRef(false)\n\n  const getDocumentView = useCallback(\n    (docID?: DocumentDrawerProps['id'], showLoadingIndicator: boolean = false) => {\n      const controller = handleAbortRef(abortGetDocumentViewRef)\n\n      const fetchDocumentView = async () => {\n        if (showLoadingIndicator) {\n          setIsLoading(true)\n        }\n\n        try {\n          const result = await renderDocument({\n            collectionSlug,\n            disableActions,\n            docID,\n            drawerSlug,\n            initialData,\n            overrideEntityVisibility,\n            redirectAfterCreate,\n            redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,\n            redirectAfterDuplicate:\n              redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,\n            redirectAfterRestore: redirectAfterRestore !== undefined ? redirectAfterRestore : 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        }\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      redirectAfterRestore,\n      renderDocument,\n      redirectAfterCreate,\n      closeModal,\n      overrideEntityVisibility,\n      t,\n    ],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      if (args.operation === 'create') {\n        getDocumentView(args.doc.id)\n      }\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(undefined, true)\n  }, [getDocumentView])\n\n  useEffect(() => {\n    if (!DocumentView && !hasInitialized.current) {\n      getDocumentView(docID, true)\n      hasInitialized.current = true\n    }\n  }, [DocumentView, getDocumentView, docID])\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  return (\n    <DocumentDrawerContextProvider\n      clearDoc={clearDoc}\n      drawerSlug={drawerSlug}\n      onDelete={onDelete}\n      onDuplicate={onDuplicate}\n      onSave={onSave}\n    >\n      {!isLoading && <div className=\"drawer__fade-in\">{DocumentView}</div>}\n      <LoadingOverlay animationDuration=\"200ms\" overlayType=\"drawer\" show={isLoading} />\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","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","DocumentDrawerContextProvider","DocumentDrawerContent","id","docID","collectionSlug","disableActions","drawerSlug","initialData","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","overrideEntityVisibility","redirectAfterCreate","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","getEntityConfig","collectionConfig","abortGetDocumentViewRef","closeModal","t","renderDocument","DocumentView","setDocumentView","undefined","isLoading","setIsLoading","hasInitialized","getDocumentView","showLoadingIndicator","controller","fetchDocumentView","result","signal","Document","error","message","current","args","operation","doc","clearDoc","abortGetDocumentView","_jsx","_jsxs","Suspense","fallback","animationDuration","overlayType","className","show"],"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 { 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: docID,\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  redirectAfterRestore,\n}) => {\n  const { getEntityConfig } = useConfig()\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\n  const hasInitialized = useRef(false)\n\n  const getDocumentView = useCallback(\n    (docID?: DocumentDrawerProps['id'], showLoadingIndicator: boolean = false) => {\n      const controller = handleAbortRef(abortGetDocumentViewRef)\n\n      const fetchDocumentView = async () => {\n        if (showLoadingIndicator) {\n          setIsLoading(true)\n        }\n\n        try {\n          const result = await renderDocument({\n            collectionSlug,\n            disableActions,\n            docID,\n            drawerSlug,\n            initialData,\n            overrideEntityVisibility,\n            redirectAfterCreate,\n            redirectAfterDelete: redirectAfterDelete !== undefined ? redirectAfterDelete : false,\n            redirectAfterDuplicate:\n              redirectAfterDuplicate !== undefined ? redirectAfterDuplicate : false,\n            redirectAfterRestore: redirectAfterRestore !== undefined ? redirectAfterRestore : 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        }\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      redirectAfterRestore,\n      renderDocument,\n      redirectAfterCreate,\n      closeModal,\n      overrideEntityVisibility,\n      t,\n    ],\n  )\n\n  const onSave = useCallback<DocumentDrawerProps['onSave']>(\n    (args) => {\n      if (args.operation === 'create') {\n        getDocumentView(args.doc.id)\n      }\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(undefined, true)\n  }, [getDocumentView])\n\n  useEffect(() => {\n    if (!DocumentView && !hasInitialized.current) {\n      getDocumentView(docID, true)\n      hasInitialized.current = true\n    }\n  }, [DocumentView, getDocumentView, docID])\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  return (\n    <DocumentDrawerContextProvider\n      clearDoc={clearDoc}\n      drawerSlug={drawerSlug}\n      onDelete={onDelete}\n      onDuplicate={onDuplicate}\n      onSave={onSave}\n    >\n      <React.Suspense fallback={<LoadingOverlay animationDuration=\"200ms\" overlayType=\"drawer\" />}>\n        {!isLoading && <div className=\"drawer__fade-in\">{DocumentView}</div>}\n        <LoadingOverlay animationDuration=\"200ms\" overlayType=\"drawer\" show={isLoading} />\n      </React.Suspense>\n    </DocumentDrawerContextProvider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/DrawerHeader/index.css

@@ -39,11 +39,10 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     color: var(--color-text);
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 
   .doc-drawer__title-bar {
@@ -57,7 +56,6 @@
   .doc-drawer__title {
     margin: 0;
     color: var(--color-text);
-    font-family: var(--text-heading-medium-font-family);
     font-size: var(--text-heading-medium-font-size);
     font-weight: var(--text-heading-medium-font-weight);
     line-height: var(--text-heading-medium-line-height);
@@ -84,7 +82,6 @@
 
   .doc-drawer__updated-at {
     color: var(--color-text-secondary);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/elements/DocumentDrawer/DrawerHeader/index.js

@@ -137,7 +137,7 @@ export const DocumentDrawerHeader = ({
             size: 24
           }),
           onClick: handleOnClose
-        }), /*#__PURE__*/_jsx("span", {
+        }), /*#__PURE__*/_jsx("h2", {
           className: `${documentDrawerBaseClass}__header-text`,
           children: headerLabel
         })]
@@ -149,7 +149,7 @@ export const DocumentDrawerHeader = ({
       className: `${documentDrawerBaseClass}__title-bar`,
       children: [/*#__PURE__*/_jsx(RenderTitle, {
         className: `${documentDrawerBaseClass}__title`,
-        element: "h2",
+        element: "h3",
         renderAsLink: renderTitleAsLink
       }), showMeta ? /*#__PURE__*/_jsxs("div", {
         className: `${documentDrawerBaseClass}__meta`,

package/dist/elements/DocumentDrawer/DrawerHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","hasAutosaveEnabled","hasDraftsEnabled","useCallback","useEffect","useRef","useState","useModal","RenderTitle","useFormModified","ChevronIcon","useConfig","useDocumentInfo","useTranslation","formatDate","formatTimeToNow","Autosave","Button","LeaveWithoutSavingModal","Locked","RenderCustomComponent","Status","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","actions","AfterHeader","BeforeDocumentMeta","drawerSlug","readOnlyForIncomingUser","renderTitleAsLink","CustomStatus","user","closeModal","openModal","i18n","t","config","getEntityConfig","isModified","id","collectionSlug","data","globalSlug","hasSavePermission","isEditing","isTrashed","collectionConfig","globalConfig","collectionHasDraftsEnabled","globalHasDraftsEnabled","autosaveEnabled","unsavedDraftWithValidations","versions","drafts","validate","showStatus","Boolean","showAutosave","singularLabel","labels","singular","label","headerLabel","updatedAt","createdAt","admin","dateFormat","relativeTime","setRelativeTime","formattedUpdatedAt","setFormattedUpdatedAt","formattedCreatedAt","setFormattedCreatedAt","i18nRef","current","date","update","interval","setInterval","clearInterval","pattern","showUpdatedAt","timestamps","handleOnClose","showLockedMetaIcon","showBeforeMeta","showMeta","_jsxs","className","_jsx","buttonStyle","icon","direction","size","onClick","element","renderAsLink","CustomComponent","Fallback","title","undefined","distance","collection","global","publishedDocUpdatedAt","modalSlug","onConfirm"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../../Autosave/index.js'\nimport { Button } from '../../Button/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { Locked } from '../../Locked/index.js'\nimport { RenderCustomComponent } from '../../RenderCustomComponent/index.js'\nimport { Status } from '../../Status/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  actions?: React.ReactNode\n  AfterHeader?: React.ReactNode\n  BeforeDocumentMeta?: React.ReactNode\n  drawerSlug: string\n  readOnlyForIncomingUser?: boolean\n  renderTitleAsLink?: boolean\n  Status?: React.ReactNode\n  user?: User\n}> = ({\n  actions,\n  AfterHeader,\n  BeforeDocumentMeta,\n  drawerSlug,\n  readOnlyForIncomingUser,\n  renderTitleAsLink = true,\n  Status: CustomStatus,\n  user,\n}) => {\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const isModified = useFormModified()\n  const { id, collectionSlug, data, globalSlug, hasSavePermission, isEditing, isTrashed } =\n    useDocumentInfo()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const autosaveEnabled = hasAutosaveEnabled(collectionConfig) || hasAutosaveEnabled(globalConfig)\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const showStatus =\n    (collectionHasDraftsEnabled || globalHasDraftsEnabled) &&\n    (Boolean(globalConfig) || (Boolean(collectionConfig) && isEditing))\n\n  const showAutosave =\n    (collectionHasDraftsEnabled || globalHasDraftsEnabled) &&\n    hasSavePermission &&\n    autosaveEnabled &&\n    !unsavedDraftWithValidations &&\n    !isTrashed\n\n  const singularLabel = getTranslation(\n    collectionConfig?.labels?.singular ?? globalConfig?.label ?? t('general:document'),\n    i18n,\n  )\n\n  const headerLabel = id\n    ? `${t('general:editing')} ${singularLabel}`\n    : t('general:creatingNewLabel', { label: singularLabel })\n\n  const updatedAt = data?.updatedAt\n  const createdAt = data?.createdAt\n\n  const {\n    admin: { dateFormat },\n  } = config\n\n  const [relativeTime, setRelativeTime] = useState<string>('')\n  const [formattedUpdatedAt, setFormattedUpdatedAt] = useState<string>('')\n  const [formattedCreatedAt, setFormattedCreatedAt] = useState<string>('')\n\n  const i18nRef = useRef(i18n)\n  i18nRef.current = i18n\n\n  useEffect(() => {\n    const date = updatedAt || createdAt\n\n    if (!date) {\n      setRelativeTime('')\n      return\n    }\n\n    const update = () => setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n\n    update()\n    const interval = setInterval(update, 60000)\n    return () => clearInterval(interval)\n  }, [updatedAt, createdAt])\n\n  useEffect(() => {\n    if (updatedAt) {\n      setFormattedUpdatedAt(formatDate({ date: updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (createdAt) {\n      setFormattedCreatedAt(formatDate({ date: createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [updatedAt, createdAt, i18n, dateFormat])\n\n  const showUpdatedAt = Boolean(\n    collectionConfig?.timestamps && isEditing && (updatedAt || createdAt),\n  )\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  const showBeforeMeta = Boolean(showLockedMetaIcon || BeforeDocumentMeta)\n  const showMeta = showBeforeMeta || showStatus || showUpdatedAt || showAutosave\n\n  return (\n    <div className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-bar`}>\n        <div className={`${documentDrawerBaseClass}__header-content`}>\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${documentDrawerBaseClass}__header-close`}\n            icon={<ChevronIcon direction=\"left\" size={24} />}\n            onClick={handleOnClose}\n          />\n          <span className={`${documentDrawerBaseClass}__header-text`}>{headerLabel}</span>\n        </div>\n        {actions ? (\n          <div className={`${documentDrawerBaseClass}__header-actions`}>{actions}</div>\n        ) : null}\n      </div>\n\n      <div className={`${documentDrawerBaseClass}__title-bar`}>\n        <RenderTitle\n          className={`${documentDrawerBaseClass}__title`}\n          element=\"h2\"\n          renderAsLink={renderTitleAsLink}\n        />\n        {showMeta ? (\n          <div className={`${documentDrawerBaseClass}__meta`}>\n            {showBeforeMeta && (\n              <div className={`${documentDrawerBaseClass}__before-meta`}>\n                {showLockedMetaIcon && (\n                  <Locked className={`${documentDrawerBaseClass}__locked-controls`} user={user} />\n                )}\n                {BeforeDocumentMeta}\n              </div>\n            )}\n            {showStatus ? (\n              <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n            ) : null}\n            {showUpdatedAt ? (\n              <span\n                className={`${documentDrawerBaseClass}__updated-at`}\n                title={formattedUpdatedAt || formattedCreatedAt || undefined}\n              >\n                {relativeTime\n                  ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                      distance: relativeTime,\n                    })\n                  : `${t('general:loading')}...`}\n              </span>\n            ) : null}\n            {showAutosave ? (\n              <Autosave\n                collection={collectionConfig}\n                global={globalConfig}\n                id={id}\n                publishedDocUpdatedAt={data?.createdAt}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {AfterHeader ? (\n          <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n        ) : null}\n      </div>\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","hasAutosaveEnabled","hasDraftsEnabled","useCallback","useEffect","useRef","useState","useModal","RenderTitle","useFormModified","ChevronIcon","useConfig","useDocumentInfo","useTranslation","formatDate","formatTimeToNow","Autosave","Button","LeaveWithoutSavingModal","Locked","RenderCustomComponent","Status","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","actions","AfterHeader","BeforeDocumentMeta","drawerSlug","readOnlyForIncomingUser","renderTitleAsLink","CustomStatus","user","closeModal","openModal","i18n","t","config","getEntityConfig","isModified","id","collectionSlug","data","globalSlug","hasSavePermission","isEditing","isTrashed","collectionConfig","globalConfig","collectionHasDraftsEnabled","globalHasDraftsEnabled","autosaveEnabled","unsavedDraftWithValidations","versions","drafts","validate","showStatus","Boolean","showAutosave","singularLabel","labels","singular","label","headerLabel","updatedAt","createdAt","admin","dateFormat","relativeTime","setRelativeTime","formattedUpdatedAt","setFormattedUpdatedAt","formattedCreatedAt","setFormattedCreatedAt","i18nRef","current","date","update","interval","setInterval","clearInterval","pattern","showUpdatedAt","timestamps","handleOnClose","showLockedMetaIcon","showBeforeMeta","showMeta","_jsxs","className","_jsx","buttonStyle","icon","direction","size","onClick","element","renderAsLink","CustomComponent","Fallback","title","undefined","distance","collection","global","publishedDocUpdatedAt","modalSlug","onConfirm"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatDate, formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../../Autosave/index.js'\nimport { Button } from '../../Button/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { Locked } from '../../Locked/index.js'\nimport { RenderCustomComponent } from '../../RenderCustomComponent/index.js'\nimport { Status } from '../../Status/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  actions?: React.ReactNode\n  AfterHeader?: React.ReactNode\n  BeforeDocumentMeta?: React.ReactNode\n  drawerSlug: string\n  readOnlyForIncomingUser?: boolean\n  renderTitleAsLink?: boolean\n  Status?: React.ReactNode\n  user?: User\n}> = ({\n  actions,\n  AfterHeader,\n  BeforeDocumentMeta,\n  drawerSlug,\n  readOnlyForIncomingUser,\n  renderTitleAsLink = true,\n  Status: CustomStatus,\n  user,\n}) => {\n  const { closeModal, openModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const isModified = useFormModified()\n  const { id, collectionSlug, data, globalSlug, hasSavePermission, isEditing, isTrashed } =\n    useDocumentInfo()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const globalConfig = getEntityConfig({ globalSlug })\n\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const autosaveEnabled = hasAutosaveEnabled(collectionConfig) || hasAutosaveEnabled(globalConfig)\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const showStatus =\n    (collectionHasDraftsEnabled || globalHasDraftsEnabled) &&\n    (Boolean(globalConfig) || (Boolean(collectionConfig) && isEditing))\n\n  const showAutosave =\n    (collectionHasDraftsEnabled || globalHasDraftsEnabled) &&\n    hasSavePermission &&\n    autosaveEnabled &&\n    !unsavedDraftWithValidations &&\n    !isTrashed\n\n  const singularLabel = getTranslation(\n    collectionConfig?.labels?.singular ?? globalConfig?.label ?? t('general:document'),\n    i18n,\n  )\n\n  const headerLabel = id\n    ? `${t('general:editing')} ${singularLabel}`\n    : t('general:creatingNewLabel', { label: singularLabel })\n\n  const updatedAt = data?.updatedAt\n  const createdAt = data?.createdAt\n\n  const {\n    admin: { dateFormat },\n  } = config\n\n  const [relativeTime, setRelativeTime] = useState<string>('')\n  const [formattedUpdatedAt, setFormattedUpdatedAt] = useState<string>('')\n  const [formattedCreatedAt, setFormattedCreatedAt] = useState<string>('')\n\n  const i18nRef = useRef(i18n)\n  i18nRef.current = i18n\n\n  useEffect(() => {\n    const date = updatedAt || createdAt\n\n    if (!date) {\n      setRelativeTime('')\n      return\n    }\n\n    const update = () => setRelativeTime(formatTimeToNow({ date, i18n: i18nRef.current }))\n\n    update()\n    const interval = setInterval(update, 60000)\n    return () => clearInterval(interval)\n  }, [updatedAt, createdAt])\n\n  useEffect(() => {\n    if (updatedAt) {\n      setFormattedUpdatedAt(formatDate({ date: updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (createdAt) {\n      setFormattedCreatedAt(formatDate({ date: createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [updatedAt, createdAt, i18n, dateFormat])\n\n  const showUpdatedAt = Boolean(\n    collectionConfig?.timestamps && isEditing && (updatedAt || createdAt),\n  )\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  const showBeforeMeta = Boolean(showLockedMetaIcon || BeforeDocumentMeta)\n  const showMeta = showBeforeMeta || showStatus || showUpdatedAt || showAutosave\n\n  return (\n    <div className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-bar`}>\n        <div className={`${documentDrawerBaseClass}__header-content`}>\n          <Button\n            aria-label={t('general:close')}\n            buttonStyle=\"ghost\"\n            className={`${documentDrawerBaseClass}__header-close`}\n            icon={<ChevronIcon direction=\"left\" size={24} />}\n            onClick={handleOnClose}\n          />\n          <h2 className={`${documentDrawerBaseClass}__header-text`}>{headerLabel}</h2>\n        </div>\n        {actions ? (\n          <div className={`${documentDrawerBaseClass}__header-actions`}>{actions}</div>\n        ) : null}\n      </div>\n\n      <div className={`${documentDrawerBaseClass}__title-bar`}>\n        <RenderTitle\n          className={`${documentDrawerBaseClass}__title`}\n          element=\"h3\"\n          renderAsLink={renderTitleAsLink}\n        />\n        {showMeta ? (\n          <div className={`${documentDrawerBaseClass}__meta`}>\n            {showBeforeMeta && (\n              <div className={`${documentDrawerBaseClass}__before-meta`}>\n                {showLockedMetaIcon && (\n                  <Locked className={`${documentDrawerBaseClass}__locked-controls`} user={user} />\n                )}\n                {BeforeDocumentMeta}\n              </div>\n            )}\n            {showStatus ? (\n              <RenderCustomComponent CustomComponent={CustomStatus} Fallback={<Status />} />\n            ) : null}\n            {showUpdatedAt ? (\n              <span\n                className={`${documentDrawerBaseClass}__updated-at`}\n                title={formattedUpdatedAt || formattedCreatedAt || undefined}\n              >\n                {relativeTime\n                  ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n                      distance: relativeTime,\n                    })\n                  : `${t('general:loading')}...`}\n              </span>\n            ) : null}\n            {showAutosave ? (\n              <Autosave\n                collection={collectionConfig}\n                global={globalConfig}\n                id={id}\n                publishedDocUpdatedAt={data?.createdAt}\n              />\n            ) : null}\n          </div>\n        ) : null}\n        {AfterHeader ? (\n          <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n        ) : null}\n      </div>\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,YAAY,CAAA;AAQnB,eAAO,MAAM,uBAAuB,eAAe,CAAA;AAcnD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6BhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBA+E/B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,YAAY,CAAA;AAQnB,eAAO,MAAM,uBAAuB,eAAe,CAAA;AAcnD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6BhE,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQxD,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBA+E/B,CAAA"}

package/dist/elements/DocumentDrawer/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useId, useMemo, useRef } from 'react';
 import { useRelatedCollections } from '../../hooks/useRelatedCollections.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
@@ -30,11 +31,12 @@ export const DocumentDrawerToggler = t0 => {
     ...rest
   } = t0;
   const {
+    i18n,
     t
   } = useTranslation();
   const [collectionConfig] = useRelatedCollections(collectionSlug);
   const t1 = t(operation === "create" ? "fields:addNewLabel" : "general:editLabel", {
-    label: collectionConfig?.labels.singular
+    label: getTranslation(collectionConfig?.labels.singular, i18n)
   });
   let t2;
   if ($[0] !== className) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","React","useCallback","useId","useMemo","useRef","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","documentDrawerBaseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","t0","$","buttonStyle","children","className","disabled","drawerSlug","onClick","operation","rest","t","collectionConfig","t1","label","labels","singular","t2","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","Header","useDocumentDrawer","drawerSlugFromProps","overrideEntityVisibility","editDepth","closeModal","openModal","toggleModal","closeModalRef","openModalRef","toggleModalRef","current","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","MemoizedDrawerToggler","MemoizedDrawerState","drawerDepth","isDrawerOpen"],"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useId, useMemo, useRef } from 'react'\n\nimport type {\n  DocumentDrawerProps,\n  DocumentTogglerProps,\n  UseDocumentDrawer,\n  UseDocumentDrawerContext,\n} from './types.js'\n\nimport { useRelatedCollections } from '../../hooks/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\n\nexport const documentDrawerBaseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id?: number | string\n  uuid: string\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  buttonStyle,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  onClick,\n  operation,\n  ...rest\n}) => {\n  const { t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(operation === 'create' ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: collectionConfig?.labels.singular,\n      })}\n      buttonStyle={buttonStyle}\n      className={[className, `${documentDrawerBaseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer className={documentDrawerBaseClass} Header={null} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\n/**\n * A hook to manage documents from a drawer modal.\n * It provides the components and methods needed to open, close, and interact with the drawer.\n * @example\n * const [DocumentDrawer, DocumentDrawerToggler, { openDrawer, closeDrawer }] = useDocumentDrawer({\n *   collectionSlug: 'posts',\n *   id: postId, // optional, if not provided, it will render the \"create new\" view\n * })\n *\n * // ...\n *\n * return (\n *   <div>\n *     <DocumentDrawerToggler collectionSlug=\"posts\" id={postId}>\n *       Edit Post\n *    </DocumentDrawerToggler>\n *    <DocumentDrawer collectionSlug=\"posts\" id={postId} />\n *  </div>\n */\nexport const useDocumentDrawer: UseDocumentDrawer = ({\n  id,\n  collectionSlug,\n  drawerSlug: drawerSlugFromProps,\n  overrideEntityVisibility,\n}) => {\n  const editDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, openModal, toggleModal } = useModal()\n\n  // Use provided slug or generate one\n  const drawerSlug =\n    drawerSlugFromProps ||\n    formatDocumentDrawerSlug({\n      id,\n      collectionSlug,\n      depth: editDepth,\n      uuid,\n    })\n\n  // Store modal functions in refs to ensure stable callbacks\n  // This prevents re-renders when other modals change state\n  const closeModalRef = useRef(closeModal)\n  const openModalRef = useRef(openModal)\n  const toggleModalRef = useRef(toggleModal)\n  closeModalRef.current = closeModal\n  openModalRef.current = openModal\n  toggleModalRef.current = toggleModal\n\n  const toggleDrawer = useCallback(() => {\n    toggleModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const MemoizedDrawer = useMemo<React.FC<DocumentDrawerProps>>(() => {\n    return (props) => (\n      <DocumentDrawer\n        key={drawerSlug}\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        overrideEntityVisibility={overrideEntityVisibility}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug, overrideEntityVisibility])\n\n  const MemoizedDrawerToggler = useMemo<React.FC<DocumentTogglerProps>>(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        operation={!id ? 'create' : 'update'}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo<UseDocumentDrawerContext>(\n    () => ({\n      closeDrawer,\n      drawerDepth: editDepth,\n      drawerSlug,\n      // Note: Not tracking isDrawerOpen to prevent re-renders when modals change state\n      isDrawerOpen: false,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [editDepth, drawerSlug, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","React","useCallback","useId","useMemo","useRef","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","documentDrawerBaseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","t0","$","buttonStyle","children","className","disabled","drawerSlug","onClick","operation","rest","i18n","t","collectionConfig","t1","label","labels","singular","t2","filter","Boolean","_jsx","join","slug","DocumentDrawer","props","Header","useDocumentDrawer","drawerSlugFromProps","overrideEntityVisibility","editDepth","closeModal","openModal","toggleModal","closeModalRef","openModalRef","toggleModalRef","current","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","MemoizedDrawerToggler","MemoizedDrawerState","drawerDepth","isDrawerOpen"],"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useId, useMemo, useRef } from 'react'\n\nimport type {\n  DocumentDrawerProps,\n  DocumentTogglerProps,\n  UseDocumentDrawer,\n  UseDocumentDrawerContext,\n} from './types.js'\n\nimport { useRelatedCollections } from '../../hooks/useRelatedCollections.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { DocumentDrawerContent } from './DrawerContent.js'\n\nexport const documentDrawerBaseClass = 'doc-drawer'\n\nconst formatDocumentDrawerSlug = ({\n  id,\n  collectionSlug,\n  depth,\n  uuid,\n}: {\n  collectionSlug: string\n  depth: number\n  id?: number | string\n  uuid: string\n}) => `doc-drawer_${collectionSlug}_${depth}${id ? `_${id}` : ''}_${uuid}`\n\nexport const DocumentDrawerToggler: React.FC<DocumentTogglerProps> = ({\n  buttonStyle,\n  children,\n  className,\n  collectionSlug,\n  disabled,\n  drawerSlug,\n  onClick,\n  operation,\n  ...rest\n}) => {\n  const { i18n, t } = useTranslation()\n  const [collectionConfig] = useRelatedCollections(collectionSlug)\n\n  return (\n    <DrawerToggler\n      aria-label={t(operation === 'create' ? 'fields:addNewLabel' : 'general:editLabel', {\n        label: getTranslation(collectionConfig?.labels.singular, i18n),\n      })}\n      buttonStyle={buttonStyle}\n      className={[className, `${documentDrawerBaseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\nexport const DocumentDrawer: React.FC<DocumentDrawerProps> = (props) => {\n  const { drawerSlug } = props\n\n  return (\n    <Drawer className={documentDrawerBaseClass} Header={null} slug={drawerSlug}>\n      <DocumentDrawerContent {...props} />\n    </Drawer>\n  )\n}\n\n/**\n * A hook to manage documents from a drawer modal.\n * It provides the components and methods needed to open, close, and interact with the drawer.\n * @example\n * const [DocumentDrawer, DocumentDrawerToggler, { openDrawer, closeDrawer }] = useDocumentDrawer({\n *   collectionSlug: 'posts',\n *   id: postId, // optional, if not provided, it will render the \"create new\" view\n * })\n *\n * // ...\n *\n * return (\n *   <div>\n *     <DocumentDrawerToggler collectionSlug=\"posts\" id={postId}>\n *       Edit Post\n *    </DocumentDrawerToggler>\n *    <DocumentDrawer collectionSlug=\"posts\" id={postId} />\n *  </div>\n */\nexport const useDocumentDrawer: UseDocumentDrawer = ({\n  id,\n  collectionSlug,\n  drawerSlug: drawerSlugFromProps,\n  overrideEntityVisibility,\n}) => {\n  const editDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, openModal, toggleModal } = useModal()\n\n  // Use provided slug or generate one\n  const drawerSlug =\n    drawerSlugFromProps ||\n    formatDocumentDrawerSlug({\n      id,\n      collectionSlug,\n      depth: editDepth,\n      uuid,\n    })\n\n  // Store modal functions in refs to ensure stable callbacks\n  // This prevents re-renders when other modals change state\n  const closeModalRef = useRef(closeModal)\n  const openModalRef = useRef(openModal)\n  const toggleModalRef = useRef(toggleModal)\n  closeModalRef.current = closeModal\n  openModalRef.current = openModal\n  toggleModalRef.current = toggleModal\n\n  const toggleDrawer = useCallback(() => {\n    toggleModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const MemoizedDrawer = useMemo<React.FC<DocumentDrawerProps>>(() => {\n    return (props) => (\n      <DocumentDrawer\n        key={drawerSlug}\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        overrideEntityVisibility={overrideEntityVisibility}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug, overrideEntityVisibility])\n\n  const MemoizedDrawerToggler = useMemo<React.FC<DocumentTogglerProps>>(() => {\n    return (props) => (\n      <DocumentDrawerToggler\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        operation={!id ? 'create' : 'update'}\n      />\n    )\n  }, [id, drawerSlug, collectionSlug])\n\n  const MemoizedDrawerState = useMemo<UseDocumentDrawerContext>(\n    () => ({\n      closeDrawer,\n      drawerDepth: editDepth,\n      drawerSlug,\n      // Note: Not tracking isDrawerOpen to prevent re-renders when modals change state\n      isDrawerOpen: false,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [editDepth, drawerSlug, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DocumentDrawer/types.d.ts

@@ -1,4 +1,4 @@
-import type { Data, DefaultDocumentIDType, FormState, Operation } from 'payload';
+import type { Data, DefaultDocumentIDType, Operation } from 'payload';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
 import type { Props as DrawerProps } from '../Drawer/types.js';
@@ -18,10 +18,6 @@ export type DocumentDrawerProps = {
      */
     readonly id?: DefaultDocumentIDType | null;
     readonly initialData?: Data;
-    /**
-     * @deprecated
-     */
-    readonly initialState?: FormState;
     readonly overrideEntityVisibility?: boolean;
     readonly redirectAfterCreate?: boolean;
     readonly redirectAfterDelete?: boolean;
@@ -29,7 +25,7 @@ export type DocumentDrawerProps = {
     readonly redirectAfterRestore?: boolean;
 } & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> & Pick<DrawerProps, 'Header'>;
 export type DocumentTogglerProps = {
-    readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary';
+    readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'link' | 'pill' | 'primary' | 'secondary';
     readonly children?: React.ReactNode;
     readonly className?: string;
     readonly collectionSlug: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentDrawer/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, DefaultDocumentIDType, FormState, Operation } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  /**\n   * The slug of the collection to which the document belongs.\n   */\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  /**\n   * The ID of the document to be edited.\n   * When provided, will be fetched and displayed in the drawer.\n   * If omitted, will render the \"create new\" view for the given collection.\n   */\n  readonly id?: DefaultDocumentIDType | null\n  readonly initialData?: Data\n  /**\n   * @deprecated\n   */\n  readonly initialState?: FormState\n  readonly overrideEntityVisibility?: boolean\n  readonly redirectAfterCreate?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly buttonStyle?: 'dashed' | 'destructive' | 'ghost' | 'pill' | 'primary' | 'secondary'\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly extraButtonProps?: Record<string, any>\n  readonly onClick?: () => void\n  readonly operation: Operation\n  readonly tooltip?: string\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawerContext = {\n  closeDrawer: () => void\n  drawerDepth: number\n  drawerSlug: string\n  isDrawerOpen: boolean\n  openDrawer: () => void\n  toggleDrawer: () => void\n}\n\nexport type UseDocumentDrawer = (\n  args: {\n    /**\n     * Optional custom drawer slug. If provided, this will be used instead of auto-generating one.\n     * Useful for ensuring stable slugs in contexts where component remounting can cause issues.\n     */\n    drawerSlug?: string\n  } & Pick<DocumentDrawerProps, 'collectionSlug' | 'id' | 'overrideEntityVisibility'>,\n) => [\n  // drawer\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentDrawerProps, 'collectionSlug' | 'operation'>\n  >,\n  // toggler\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentTogglerProps, 'collectionSlug' | 'operation'>\n  >,\n  // context\n  UseDocumentDrawerContext,\n]\n"],"mappings":"AAwDA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/DocumentDrawer/types.ts"],"sourcesContent":["import type { Data, DefaultDocumentIDType, Operation } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { Props as DrawerProps } from '../Drawer/types.js'\nimport type { DocumentDrawerContextProps } from './Provider.js'\n\nexport type DocumentDrawerProps = {\n  readonly AfterFields?: React.ReactNode\n  /**\n   * The slug of the collection to which the document belongs.\n   */\n  readonly collectionSlug: string\n  readonly disableActions?: boolean\n  readonly drawerSlug?: string\n  /**\n   * The ID of the document to be edited.\n   * When provided, will be fetched and displayed in the drawer.\n   * If omitted, will render the \"create new\" view for the given collection.\n   */\n  readonly id?: DefaultDocumentIDType | null\n  readonly initialData?: Data\n  readonly overrideEntityVisibility?: boolean\n  readonly redirectAfterCreate?: boolean\n  readonly redirectAfterDelete?: boolean\n  readonly redirectAfterDuplicate?: boolean\n  readonly redirectAfterRestore?: boolean\n} & Pick<DocumentDrawerContextProps, 'onDelete' | 'onDuplicate' | 'onSave'> &\n  Pick<DrawerProps, 'Header'>\n\nexport type DocumentTogglerProps = {\n  readonly buttonStyle?:\n    | 'dashed'\n    | 'destructive'\n    | 'ghost'\n    | 'link'\n    | 'pill'\n    | 'primary'\n    | 'secondary'\n  readonly children?: React.ReactNode\n  readonly className?: string\n  readonly collectionSlug: string\n  readonly disabled?: boolean\n  readonly drawerSlug?: string\n  readonly extraButtonProps?: Record<string, any>\n  readonly onClick?: () => void\n  readonly operation: Operation\n  readonly tooltip?: string\n} & Readonly<HTMLAttributes<HTMLButtonElement>>\n\nexport type UseDocumentDrawerContext = {\n  closeDrawer: () => void\n  drawerDepth: number\n  drawerSlug: string\n  isDrawerOpen: boolean\n  openDrawer: () => void\n  toggleDrawer: () => void\n}\n\nexport type UseDocumentDrawer = (\n  args: {\n    /**\n     * Optional custom drawer slug. If provided, this will be used instead of auto-generating one.\n     * Useful for ensuring stable slugs in contexts where component remounting can cause issues.\n     */\n    drawerSlug?: string\n  } & Pick<DocumentDrawerProps, 'collectionSlug' | 'id' | 'overrideEntityVisibility'>,\n) => [\n  // drawer\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentDrawerProps, 'collectionSlug' | 'operation'>\n  >,\n  // toggler\n  React.FC<\n    {\n      children?: React.ReactNode\n    } & Omit<DocumentTogglerProps, 'collectionSlug' | 'operation'>\n  >,\n  // context\n  UseDocumentDrawerContext,\n]\n"],"mappings":"AA2DA","ignoreList":[]}

package/dist/elements/DocumentFields/RequiredFieldsInfo/index.css

@@ -0,0 +1,40 @@
+@layer payload-default {
+  .document-fields .document-fields__edit:has(> .required-fields-info) {
+    position: relative;
+  }
+
+  .required-fields-info {
+    position: absolute;
+    inset-block-start: var(--spacer-2);
+    inset-inline-end: var(--gutter-h);
+    width: fit-content;
+  }
+
+  .document-fields__edit:has(> .required-fields-info):dir(ltr)
+    > .document-fields__fields
+    > .field-type:first-child
+    .field-error.tooltip--caret-right {
+    translate: max(calc(-1 * var(--spacer-5)), calc(var(--spacer-1) - var(--tooltip-x))) 0;
+  }
+
+  .document-fields__edit:has(> .required-fields-info):dir(rtl)
+    > .document-fields__fields
+    > .field-type:first-child
+    .field-error.tooltip--caret-left {
+    translate: min(var(--spacer-5), calc(100vw - var(--tooltip-x) - 100% - var(--spacer-1))) 0;
+  }
+
+  .required-fields-info__content {
+    position: fixed;
+    inset: auto;
+    margin: var(--spacer-0);
+    padding: var(--spacer-2-5);
+    max-inline-size: min(calc(var(--spacer-6) * 8), calc(100vw - var(--spacer-4)));
+    color: var(--color-text);
+    background: var(--color-bg);
+    border: var(--stroke-width-small) solid var(--color-border);
+    border-radius: var(--radius-medium);
+    box-shadow: var(--elevation-300-tooltip);
+    font: inherit;
+  }
+}

package/dist/elements/DocumentFields/RequiredFieldsInfo/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.css';
+export declare const RequiredFieldsInfo: () => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentFields/RequiredFieldsInfo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentFields/RequiredFieldsInfo/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAKvE,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,kBAAkB,yBA+E9B,CAAA"}