npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.5f0cd13 → 4.0.0-internal.63f8536 - Mend

@payloadcms/ui 4.0.0-internal.5f0cd13 → 4.0.0-internal.63f8536

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1829) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","hasScheduledPublishEnabled","React","Fragment","useCallback","useEffect","useRef","useState","useFormInitializing","useFormProcessing","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","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","i18nRef","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","_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 ClientUser,\n Data,\n SanitizedCollectionConfig,\n SanitizedCollectionPermission,\n SanitizedGlobalPermission,\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 { 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?: ClientUser\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 } = 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 i18nRef = useRef(i18n)\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 ((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 className={baseClass}>\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 && (isEditing \|\| isAccountView) && relativeTime && (\n <li\n className={`${baseClass}__list-item ${baseClass}__value-wrap`}\n title={updatedAt \|\| createdAt \|\| undefined}\n >\n <p className={`${baseClass}__value`}>\n {t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {\n distance: relativeTime,\n })}\n </p>\n </li>\n )}\n </ul>\n </div>\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 buttonStyle=\"ghost\"\n className={`${baseClass}__popup-button`}\n icon={<MoreIcon />}\n selected={active}\n size=\"medium\"\n />\n )}\n size=\"medium\"\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 && (\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":[]}
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 ClientUser,\n Data,\n SanitizedCollectionConfig,\n SanitizedCollectionPermission,\n SanitizedGlobalPermission,\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?: ClientUser\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":[]}

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

	@@ -1 +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,~~CAqK~~/D,CAAA"}
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"}

package/dist/elements/DocumentDrawer/DrawerContent.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { toast } from 'sonner';
@@ -121,16 +121,20 @@ export const DocumentDrawerContent = ({
       abortAndIgnore(abortGetDocumentView);
     };
   }, []);
-  if (isLoading) {
-    return /*#__PURE__*/_jsx(LoadingOverlay, {});
-  }
-  return /*#__PURE__*/_jsx(DocumentDrawerContextProvider, {
+  return /*#__PURE__*/_jsxs(DocumentDrawerContextProvider, {
     clearDoc: clearDoc,
     drawerSlug: drawerSlug,
     onDelete: onDelete,
     onDuplicate: onDuplicate,
     onSave: onSave,
-    children: DocumentView
+    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 CHANGED Viewed

	@@ -1 +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","_jsx"],"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { 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 ~~if (isLoading) {\n~~ return ~~<LoadingOverlay />\n }\n\n return~~ (\n <DocumentDrawerContextProvider\n clearDoc={clearDoc}\n drawerSlug={drawerSlug}\n onDelete={onDelete}\n onDuplicate={onDuplicate}\n onSave={onSave}\n >\n {DocumentView}\n </DocumentDrawerContextProvider>\n )\n}\n"],"mappings":"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~~IAAIjB~~,~~SAAA~~,~~EAAW;IACb,oBAAOkB,IAAA,CAACpD,cAAA;EACV;EAEA,oBACEoD,IAAA,~~CAAC9C,6BAAA;IACC4C,QAAA,EAAUA,QAAA;IACVtC,UAAA,EAAYA,UAAA;IACZE,QAAA,EAAUA,QAAA;IACVE,WAAA,EAAaA,WAAA;IACbE,MAAA,EAAQA,MAAA;~~cAEPa;;AAGP~~","ignoreList":[]}
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":[]}

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

@@ -3,20 +3,92 @@
     width: 100%;
     display: flex;
     flex-direction: column;
-    gap: var(--spacer-2);
-    border-bottom: 1px solid var(--color-border);
-    padding: var(--spacer-2-5);
   }
-  .doc-drawer__header-content {
+  .doc-drawer__header-bar {
+    position: sticky;
+    top: 0;
+    z-index: 2;
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
     width: 100%;
+    padding: var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    background: var(--color-bg);
+  }
+  .doc-drawer__header-content {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+  .doc-drawer__header-actions {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
   }
   .doc-drawer__header-text {
     margin: 0;
+    min-width: 0;
+    overflow: hidden;
+    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);
+  }
+  .doc-drawer__title-bar {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+    padding: var(--spacer-3) var(--gutter-h);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+  }
+  .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);
+    letter-spacing: var(--text-heading-medium-letter-spacing);
+  }
+  .doc-drawer__meta {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--spacer-2);
+  }
+  .doc-drawer__meta:has(.autosave) .doc-drawer__updated-at {
+    display: none;
+  }
+  .doc-drawer__before-meta {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    flex-shrink: 0;
+  }
+  .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);
+    letter-spacing: var(--text-body-medium-letter-spacing);
   }
   .doc-drawer__header-toggler {

package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts CHANGED Viewed

@@ -1,7 +1,13 @@
+import type { ClientUser } from 'payload';
 import './index.css';
 export declare const DocumentDrawerHeader: React.FC<{
+    actions?: React.ReactNode;
     AfterHeader?: React.ReactNode;
+    BeforeDocumentMeta?: React.ReactNode;
     drawerSlug: string;
-    showDocumentID?: boolean;
+    readOnlyForIncomingUser?: boolean;
+    renderTitleAsLink?: boolean;
+    Status?: React.ReactNode;
+    user?: ClientUser;
 }>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/DocumentDrawer/DrawerHeader/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"names":[],"mappings":"~~AAeA~~,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,~~cAAc~~,CAAC,EAAE,OAAO,CAAA;~~CACzB~~,~~CAsCA~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAqBzC,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CA4KA,CAAA"}

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

@@ -1,124 +1,187 @@
 'use client';
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { getTranslation } from '@payloadcms/translations';
+import { hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useModal } from '../../../elements/Modal/index.js';
 import { RenderTitle } from '../../../elements/RenderTitle/index.js';
 import { useFormModified } from '../../../forms/Form/index.js';
 import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
-import { useDocumentTitle } from '../../../providers/DocumentTitle/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { formatDate, formatTimeToNow } from '../../../utilities/formatDocTitle/formatDateTitle.js';
+import { Autosave } from '../../Autosave/index.js';
 import { Button } from '../../Button/index.js';
-import { IDLabel } from '../../IDLabel/index.js';
 import { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js';
+import { Locked } from '../../Locked/index.js';
+import { RenderCustomComponent } from '../../RenderCustomComponent/index.js';
+import { Status } from '../../Status/index.js';
 import { documentDrawerBaseClass } from '../index.js';
 import './index.css';
 const leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer';
-export const DocumentDrawerHeader = t0 => {
-  const $ = _c(15);
-  const {
-    AfterHeader,
-    drawerSlug,
-    showDocumentID: t1
-  } = t0;
-  const showDocumentID = t1 === undefined ? true : t1;
+export const DocumentDrawerHeader = ({
+  actions,
+  AfterHeader,
+  BeforeDocumentMeta,
+  drawerSlug,
+  readOnlyForIncomingUser,
+  renderTitleAsLink = true,
+  Status: CustomStatus,
+  user
+}) => {
   const {
     closeModal,
     openModal
   } = useModal();
   const {
+    i18n,
     t
   } = useTranslation();
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
   const isModified = useFormModified();
-  let t2;
-  if ($[0] !== closeModal || $[1] !== drawerSlug || $[2] !== isModified || $[3] !== openModal) {
-    t2 = () => {
-      if (isModified) {
-        openModal(leaveWithoutSavingModalSlug);
-      } else {
-        closeModal(drawerSlug);
-      }
-    };
-    $[0] = closeModal;
-    $[1] = drawerSlug;
-    $[2] = isModified;
-    $[3] = openModal;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const handleOnClose = t2;
-  let t3;
-  if ($[5] !== AfterHeader || $[6] !== closeModal || $[7] !== drawerSlug || $[8] !== handleOnClose || $[9] !== showDocumentID || $[10] !== t) {
-    let t4;
-    if ($[12] !== closeModal || $[13] !== drawerSlug) {
-      t4 = () => closeModal(drawerSlug);
-      $[12] = closeModal;
-      $[13] = drawerSlug;
-      $[14] = t4;
+  const {
+    id,
+    collectionSlug,
+    data,
+    globalSlug,
+    hasSavePermission,
+    isEditing,
+    isTrashed
+  } = useDocumentInfo();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const globalConfig = getEntityConfig({
+    globalSlug
+  });
+  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig);
+  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig);
+  const autosaveEnabled = hasAutosaveEnabled(collectionConfig) || hasAutosaveEnabled(globalConfig);
+  const unsavedDraftWithValidations = !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate;
+  const showStatus = (collectionHasDraftsEnabled || globalHasDraftsEnabled) && (Boolean(globalConfig) || Boolean(collectionConfig) && isEditing);
+  const showAutosave = (collectionHasDraftsEnabled || globalHasDraftsEnabled) && hasSavePermission && autosaveEnabled && !unsavedDraftWithValidations && !isTrashed;
+  const singularLabel = getTranslation(collectionConfig?.labels?.singular ?? globalConfig?.label ?? t('general:document'), i18n);
+  const headerLabel = id ? `${t('general:editing')} ${singularLabel}` : t('general:creatingNewLabel', {
+    label: singularLabel
+  });
+  const updatedAt = data?.updatedAt;
+  const createdAt = data?.createdAt;
+  const {
+    admin: {
+      dateFormat
+    }
+  } = config;
+  const [relativeTime, setRelativeTime] = useState('');
+  const [formattedUpdatedAt, setFormattedUpdatedAt] = useState('');
+  const [formattedCreatedAt, setFormattedCreatedAt] = useState('');
+  const i18nRef = useRef(i18n);
+  i18nRef.current = i18n;
+  useEffect(() => {
+    const date = updatedAt || createdAt;
+    if (!date) {
+      setRelativeTime('');
+      return;
+    }
+    const update = () => setRelativeTime(formatTimeToNow({
+      date,
+      i18n: i18nRef.current
+    }));
+    update();
+    const interval = setInterval(update, 60000);
+    return () => clearInterval(interval);
+  }, [updatedAt, createdAt]);
+  useEffect(() => {
+    if (updatedAt) {
+      setFormattedUpdatedAt(formatDate({
+        date: updatedAt,
+        i18n,
+        pattern: dateFormat
+      }));
+    }
+    if (createdAt) {
+      setFormattedCreatedAt(formatDate({
+        date: createdAt,
+        i18n,
+        pattern: dateFormat
+      }));
+    }
+  }, [updatedAt, createdAt, i18n, dateFormat]);
+  const showUpdatedAt = Boolean(collectionConfig?.timestamps && isEditing && (updatedAt || createdAt));
+  const handleOnClose = useCallback(() => {
+    if (isModified) {
+      openModal(leaveWithoutSavingModalSlug);
     } else {
-      t4 = $[14];
+      closeModal(drawerSlug);
     }
-    t3 = _jsxs("div", {
-      className: `${documentDrawerBaseClass}__header`,
-      children: [_jsxs("div", {
+  }, [isModified, openModal, closeModal, drawerSlug]);
+  const showLockedMetaIcon = user && readOnlyForIncomingUser;
+  const showBeforeMeta = Boolean(showLockedMetaIcon || BeforeDocumentMeta);
+  const showMeta = showBeforeMeta || showStatus || showUpdatedAt || showAutosave;
+  return /*#__PURE__*/_jsxs("div", {
+    className: `${documentDrawerBaseClass}__header`,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: `${documentDrawerBaseClass}__header-bar`,
+      children: [/*#__PURE__*/_jsxs("div", {
         className: `${documentDrawerBaseClass}__header-content`,
-        children: [_jsx(Button, {
-          "aria-label": t("general:close"),
+        children: [/*#__PURE__*/_jsx(Button, {
+          "aria-label": t('general:close'),
           buttonStyle: "ghost",
           className: `${documentDrawerBaseClass}__header-close`,
-          icon: _jsx(ChevronIcon, {
+          icon: /*#__PURE__*/_jsx(ChevronIcon, {
             direction: "left",
             size: 24
           }),
           onClick: handleOnClose
-        }), _jsx("h2", {
+        }), /*#__PURE__*/_jsx("span", {
           className: `${documentDrawerBaseClass}__header-text`,
-          children: _jsx(RenderTitle, {
-            element: "span"
-          })
+          children: headerLabel
         })]
-      }), showDocumentID && _jsx(DocumentID, {}), AfterHeader ? _jsx("div", {
+      }), actions ? /*#__PURE__*/_jsx("div", {
+        className: `${documentDrawerBaseClass}__header-actions`,
+        children: actions
+      }) : null]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${documentDrawerBaseClass}__title-bar`,
+      children: [/*#__PURE__*/_jsx(RenderTitle, {
+        className: `${documentDrawerBaseClass}__title`,
+        element: "h2",
+        renderAsLink: renderTitleAsLink
+      }), showMeta ? /*#__PURE__*/_jsxs("div", {
+        className: `${documentDrawerBaseClass}__meta`,
+        children: [showBeforeMeta && /*#__PURE__*/_jsxs("div", {
+          className: `${documentDrawerBaseClass}__before-meta`,
+          children: [showLockedMetaIcon && /*#__PURE__*/_jsx(Locked, {
+            className: `${documentDrawerBaseClass}__locked-controls`,
+            user: user
+          }), BeforeDocumentMeta]
+        }), showStatus ? /*#__PURE__*/_jsx(RenderCustomComponent, {
+          CustomComponent: CustomStatus,
+          Fallback: /*#__PURE__*/_jsx(Status, {})
+        }) : null, showUpdatedAt ? /*#__PURE__*/_jsx("span", {
+          className: `${documentDrawerBaseClass}__updated-at`,
+          title: formattedUpdatedAt || formattedCreatedAt || undefined,
+          children: relativeTime ? t(isTrashed ? 'general:deletedAgo' : 'general:updatedAgo', {
+            distance: relativeTime
+          }) : `${t('general:loading')}...`
+        }) : null, showAutosave ? /*#__PURE__*/_jsx(Autosave, {
+          collection: collectionConfig,
+          global: globalConfig,
+          id: id,
+          publishedDocUpdatedAt: data?.createdAt
+        }) : null]
+      }) : null, AfterHeader ? /*#__PURE__*/_jsx("div", {
         className: `${documentDrawerBaseClass}__after-header`,
         children: AfterHeader
-      }) : null, _jsx(LeaveWithoutSavingModal, {
-        modalSlug: leaveWithoutSavingModalSlug,
-        onConfirm: t4
-      })]
-    });
-    $[5] = AfterHeader;
-    $[6] = closeModal;
-    $[7] = drawerSlug;
-    $[8] = handleOnClose;
-    $[9] = showDocumentID;
-    $[10] = t;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  return t3;
-};
-const DocumentID = () => {
-  const $ = _c(3);
-  const {
-    id
-  } = useDocumentInfo();
-  const {
-    title
-  } = useDocumentTitle();
-  let t0;
-  if ($[0] !== id || $[1] !== title) {
-    t0 = id && id !== title ? _jsx(IDLabel, {
-      id: id.toString()
-    }) : null;
-    $[0] = id;
-    $[1] = title;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  return t0;
+      }) : null]
+    }), /*#__PURE__*/_jsx(LeaveWithoutSavingModal, {
+      modalSlug: leaveWithoutSavingModalSlug,
+      onConfirm: () => closeModal(drawerSlug)
+    })]
+  });
 };
 //# sourceMappingURL=index.js.map