@payloadcms/ui 3.68.0-internal-debug.185cc5f → 3.68.0-internal-debug.591ab42

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientUser,\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { MoveDocToFolder } from '../FolderView/MoveDocToFolder/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { 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 './index.scss'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly 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    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\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 {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\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 showFolderMetaIcon = collectionConfig && collectionConfig.folders\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {showLockedMetaIcon || showFolderMetaIcon ? (\n            <div className={`${baseClass}__meta-icons`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {showFolderMetaIcon && config.folders && !isTrashed && (\n                <MoveDocToFolder\n                  folderCollectionSlug={config.folders.slug}\n                  folderFieldName={config.folders.fieldName}\n                />\n              )}\n            </div>\n          ) : null}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {hasSavePermission &&\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) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.updatedAt ? updatedAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>\n                    {i18n.t(isTrashed ? 'general:deleted' : 'general:lastModified')}:&nbsp;\n                  </p>\n\n                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n                </li>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.createdAt ? createdAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {BeforeDocumentControls}\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasSavePermission && !isTrashed && (\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            {hasDeletePermission && 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              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {showCopyToLocale && <CopyLocaleData />}\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    {!disableCreate && (\n                      <Fragment>\n                        {editDepth > 1 ? (\n                          <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        ) : (\n                          <PopupList.Button\n                            href={formatAdminURL({\n                              adminRoute,\n                              path: `/collections/${collectionConfig?.slug}/create`,\n                            })}\n                            id=\"action-create\"\n                          >\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        )}\n                      </Fragment>\n                    )}\n                    {collectionConfig.disableDuplicate !== true && isEditing && (\n                      <>\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                {EditMenuItems}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useEditDepth","useLivePreviewContext","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","MoveDocToFolder","Gutter","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","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","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","date","pattern","hasCreatePermission","create","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showFolderMetaIcon","folders","showLockedMetaIcon","className","div","folderCollectionSlug","folderFieldName","fieldName","ul","li","p","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","button","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","selectLocales","useAsTitle"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DocumentControls/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientUser,\n  Data,\n  SanitizedCollectionConfig,\n  SanitizedCollectionPermission,\n  SanitizedGlobalPermission,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasAutosaveEnabled, hasDraftsEnabled } from 'payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport type { DocumentDrawerContextType } from '../DocumentDrawer/Provider.js'\n\nimport { useFormInitializing, useFormProcessing } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLivePreviewContext } from '../../providers/LivePreview/context.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { formatDate } from '../../utilities/formatDocTitle/formatDateTitle.js'\nimport { Autosave } from '../Autosave/index.js'\nimport { Button } from '../Button/index.js'\nimport { CopyLocaleData } from '../CopyLocaleData/index.js'\nimport { DeleteDocument } from '../DeleteDocument/index.js'\nimport { DuplicateDocument } from '../DuplicateDocument/index.js'\nimport { MoveDocToFolder } from '../FolderView/MoveDocToFolder/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport { 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 './index.scss'\nimport { SaveDraftButton } from '../SaveDraftButton/index.js'\nimport { Status } from '../Status/index.js'\n\nconst baseClass = 'doc-controls'\n\nexport const DocumentControls: React.FC<{\n  readonly apiURL: string\n  readonly BeforeDocumentControls?: React.ReactNode\n  readonly customComponents?: {\n    readonly PreviewButton?: React.ReactNode\n    readonly PublishButton?: React.ReactNode\n    readonly SaveButton?: React.ReactNode\n    readonly SaveDraftButton?: React.ReactNode\n  }\n  readonly data?: Data\n  readonly disableActions?: boolean\n  readonly disableCreate?: boolean\n  readonly 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    customComponents: {\n      PreviewButton: CustomPreviewButton,\n      PublishButton: CustomPublishButton,\n      SaveButton: CustomSaveButton,\n      SaveDraftButton: CustomSaveDraftButton,\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 {\n    admin: { dateFormat },\n    localization,\n    routes: { admin: adminRoute },\n  } = config\n\n  // Settings these in state to avoid hydration issues if there is a mismatch between the server and client\n  const [updatedAt, setUpdatedAt] = React.useState<string>('')\n  const [createdAt, setCreatedAt] = React.useState<string>('')\n\n  const processing = useFormProcessing()\n  const initializing = useFormInitializing()\n\n  useEffect(() => {\n    if (data?.updatedAt) {\n      setUpdatedAt(formatDate({ date: data.updatedAt, i18n, pattern: dateFormat }))\n    }\n    if (data?.createdAt) {\n      setCreatedAt(formatDate({ date: data.createdAt, i18n, pattern: dateFormat }))\n    }\n  }, [data, i18n, dateFormat])\n\n  const hasCreatePermission = permissions && 'create' in permissions && permissions.create\n\n  const hasDeletePermission = permissions && 'delete' in permissions && permissions.delete\n\n  const showDotMenu = Boolean(\n    collectionConfig && id && !disableActions && (hasCreatePermission || hasDeletePermission),\n  )\n\n  const unsavedDraftWithValidations =\n    !id && collectionConfig?.versions?.drafts && collectionConfig.versions?.drafts.validate\n\n  const globalHasDraftsEnabled = hasDraftsEnabled(globalConfig)\n  const collectionHasDraftsEnabled = hasDraftsEnabled(collectionConfig)\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 showFolderMetaIcon = collectionConfig && collectionConfig.folders\n  const showLockedMetaIcon = user && readOnlyForIncomingUser\n\n  return (\n    <Gutter className={baseClass}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {showLockedMetaIcon || showFolderMetaIcon ? (\n            <div className={`${baseClass}__meta-icons`}>\n              {showLockedMetaIcon && (\n                <Locked className={`${baseClass}__locked-controls`} user={user} />\n              )}\n              {showFolderMetaIcon && config.folders && !isTrashed && (\n                <MoveDocToFolder\n                  folderCollectionSlug={config.folders.slug}\n                  folderFieldName={config.folders.fieldName}\n                />\n              )}\n            </div>\n          ) : null}\n          <ul className={`${baseClass}__meta`}>\n            {collectionConfig && !isEditing && !isAccountView && (\n              <li className={`${baseClass}__list-item`}>\n                <p className={`${baseClass}__value`}>\n                  {i18n.t('general:creatingNewLabel', {\n                    label: getTranslation(\n                      collectionConfig?.labels?.singular ?? i18n.t('general:document'),\n                      i18n,\n                    ),\n                  })}\n                </p>\n              </li>\n            )}\n            {(collectionHasDraftsEnabled || globalHasDraftsEnabled) && (\n              <Fragment>\n                {(globalConfig || (collectionConfig && isEditing)) && (\n                  <li\n                    className={[`${baseClass}__status`, `${baseClass}__list-item`]\n                      .filter(Boolean)\n                      .join(' ')}\n                  >\n                    <Status />\n                  </li>\n                )}\n                {hasSavePermission &&\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) && (\n              <Fragment>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.updatedAt ? updatedAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>\n                    {i18n.t(isTrashed ? 'general:deleted' : 'general:lastModified')}:&nbsp;\n                  </p>\n\n                  {data?.updatedAt && <p className={`${baseClass}__value`}>{updatedAt}</p>}\n                </li>\n                <li\n                  className={[`${baseClass}__list-item`, `${baseClass}__value-wrap`]\n                    .filter(Boolean)\n                    .join(' ')}\n                  title={data?.createdAt ? createdAt : ''}\n                >\n                  <p className={`${baseClass}__label`}>{i18n.t('general:created')}:&nbsp;</p>\n                  {data?.createdAt && <p className={`${baseClass}__value`}>{createdAt}</p>}\n                </li>\n              </Fragment>\n            )}\n          </ul>\n        </div>\n        <div className={`${baseClass}__controls-wrapper`}>\n          <div className={`${baseClass}__controls`}>\n            {BeforeDocumentControls}\n            {isLivePreviewEnabled && !isInDrawer && <LivePreviewToggler />}\n            {(collectionConfig?.admin.preview || globalConfig?.admin.preview) && (\n              <RenderCustomComponent\n                CustomComponent={CustomPreviewButton}\n                Fallback={<PreviewButton />}\n              />\n            )}\n            {hasSavePermission && !isTrashed && (\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            {hasDeletePermission && 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              button={\n                <div className={`${baseClass}__dots`}>\n                  <div />\n                  <div />\n                  <div />\n                </div>\n              }\n              className={`${baseClass}__popup`}\n              disabled={initializing || processing}\n              horizontalAlign=\"right\"\n              size=\"large\"\n              verticalAlign=\"bottom\"\n            >\n              <PopupList.ButtonGroup>\n                {showCopyToLocale && <CopyLocaleData />}\n                {hasCreatePermission && (\n                  <React.Fragment>\n                    {!disableCreate && (\n                      <Fragment>\n                        {editDepth > 1 ? (\n                          <PopupList.Button id=\"action-create\" onClick={onDrawerCreateNew}>\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        ) : (\n                          <PopupList.Button\n                            href={formatAdminURL({\n                              adminRoute,\n                              path: `/collections/${collectionConfig?.slug}/create`,\n                            })}\n                            id=\"action-create\"\n                          >\n                            {i18n.t('general:createNew')}\n                          </PopupList.Button>\n                        )}\n                      </Fragment>\n                    )}\n                    {collectionConfig.disableDuplicate !== true && isEditing && (\n                      <>\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                {EditMenuItems}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"names":["getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useEditDepth","useLivePreviewContext","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","MoveDocToFolder","Gutter","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","Status","baseClass","DocumentControls","props","id","slug","BeforeDocumentControls","customComponents","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","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","admin","dateFormat","localization","routes","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","date","pattern","hasCreatePermission","create","hasDeletePermission","delete","showDotMenu","Boolean","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showFolderMetaIcon","folders","showLockedMetaIcon","className","div","folderCollectionSlug","folderFieldName","fieldName","ul","li","p","label","labels","singular","filter","join","collection","global","publishedDocUpdatedAt","timestamps","title","preview","CustomComponent","Fallback","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","button","disabled","horizontalAlign","verticalAlign","ButtonGroup","href","path","disableDuplicate","selectLocales","useAsTitle"],"mappings":"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"}

package/dist/elements/DocumentDrawer/DrawerContent.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { toast } from 'sonner';
@@ -135,16 +135,24 @@ export const DocumentDrawerContent = ({ id: docID, collectionSlug, disableAction
         };
     }, []);
     if (isLoading) {
-        return /*#__PURE__*/ _jsx(LoadingOverlay, {});
+        return /*#__PURE__*/ _jsxDEV(LoadingOverlay, {}, void 0, false, {
+            fileName: "src/elements/DocumentDrawer/DrawerContent.tsx",
+            lineNumber: 171,
+            columnNumber: 12
+        }, this);
     }
-    return /*#__PURE__*/ _jsx(DocumentDrawerContextProvider, {
+    return /*#__PURE__*/ _jsxDEV(DocumentDrawerContextProvider, {
         clearDoc: clearDoc,
         drawerSlug: drawerSlug,
         onDelete: onDelete,
         onDuplicate: onDuplicate,
         onSave: onSave,
         children: DocumentView
-    });
+    }, void 0, false, {
+        fileName: "src/elements/DocumentDrawer/DrawerContent.tsx",
+        lineNumber: 175,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=DrawerContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { DocumentDrawerContextProvider } from './Provider.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: 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  const locale = useLocale()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const abortGetDocumentViewRef = React.useRef<AbortController>(null)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\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            locale,\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      locale,\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"],"names":["useModal","React","useCallback","useEffect","useRef","useState","toast","LoadingOverlay","useConfig","useLocale","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","DocumentDrawerContextProvider","DocumentDrawerContent","id","docID","collectionSlug","disableActions","drawerSlug","initialData","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","overrideEntityVisibility","redirectAfterCreate","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","getEntityConfig","locale","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"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/DrawerContent.tsx"],"sourcesContent":["'use client'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { DocumentDrawerProps } from './types.js'\n\nimport { LoadingOverlay } from '../../elements/Loading/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { abortAndIgnore, handleAbortRef } from '../../utilities/abortAndIgnore.js'\nimport { DocumentDrawerContextProvider } from './Provider.js'\n\nexport const DocumentDrawerContent: React.FC<DocumentDrawerProps> = ({\n  id: 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  const locale = useLocale()\n\n  const [collectionConfig] = useState(() => getEntityConfig({ collectionSlug }))\n\n  const abortGetDocumentViewRef = React.useRef<AbortController>(null)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const { renderDocument } = useServerFunctions()\n\n  const [DocumentView, setDocumentView] = useState<React.ReactNode>(undefined)\n  const [isLoading, setIsLoading] = useState(true)\n\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            locale,\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      locale,\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"],"names":["useModal","React","useCallback","useEffect","useRef","useState","toast","LoadingOverlay","useConfig","useLocale","useServerFunctions","useTranslation","abortAndIgnore","handleAbortRef","DocumentDrawerContextProvider","DocumentDrawerContent","id","docID","collectionSlug","disableActions","drawerSlug","initialData","onDelete","onDeleteFromProps","onDuplicate","onDuplicateFromProps","onSave","onSaveFromProps","overrideEntityVisibility","redirectAfterCreate","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","getEntityConfig","locale","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"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useCallback } from 'react';
 import { Gutter } from '../../../elements/Gutter/index.js';
 import { useModal } from '../../../elements/Modal/index.js';
@@ -30,45 +30,85 @@ export const DocumentDrawerHeader = ({ AfterHeader, drawerSlug, showDocumentID =
         closeModal,
         drawerSlug
     ]);
-    return /*#__PURE__*/ _jsxs(Gutter, {
+    return /*#__PURE__*/ _jsxDEV(Gutter, {
         className: `${documentDrawerBaseClass}__header`,
         children: [
-            /*#__PURE__*/ _jsxs("div", {
+            /*#__PURE__*/ _jsxDEV("div", {
                 className: `${documentDrawerBaseClass}__header-content`,
                 children: [
-                    /*#__PURE__*/ _jsx("h2", {
+                    /*#__PURE__*/ _jsxDEV("h2", {
                         className: `${documentDrawerBaseClass}__header-text`,
-                        children: /*#__PURE__*/ _jsx(RenderTitle, {
+                        children: /*#__PURE__*/ _jsxDEV(RenderTitle, {
                             element: "span"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
+                        }, void 0, false, {
+                            fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                            lineNumber: 41,
+                            columnNumber: 12
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                        lineNumber: 40,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV("button", {
                         "aria-label": t('general:close'),
                         className: `${documentDrawerBaseClass}__header-close`,
                         onClick: handleOnClose,
                         type: "button",
-                        children: /*#__PURE__*/ _jsx(XIcon, {})
-                    })
+                        children: /*#__PURE__*/ _jsxDEV(XIcon, {}, void 0, false, {
+                            fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                            lineNumber: 49,
+                            columnNumber: 11
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                        lineNumber: 43,
+                        columnNumber: 9
+                    }, this)
                 ]
-            }),
-            showDocumentID && /*#__PURE__*/ _jsx(DocumentID, {}),
-            AfterHeader ? /*#__PURE__*/ _jsx("div", {
+            }, void 0, true, {
+                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                lineNumber: 39,
+                columnNumber: 7
+            }, this),
+            showDocumentID && /*#__PURE__*/ _jsxDEV(DocumentID, {}, void 0, false, {
+                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                lineNumber: 52,
+                columnNumber: 26
+            }, this),
+            AfterHeader ? /*#__PURE__*/ _jsxDEV("div", {
                 className: `${documentDrawerBaseClass}__after-header`,
                 children: AfterHeader
-            }) : null,
-            /*#__PURE__*/ _jsx(LeaveWithoutSavingModal, {
+            }, void 0, false, {
+                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                lineNumber: 54,
+                columnNumber: 9
+            }, this) : null,
+            /*#__PURE__*/ _jsxDEV(LeaveWithoutSavingModal, {
                 modalSlug: leaveWithoutSavingModalSlug,
                 onConfirm: ()=>closeModal(drawerSlug)
-            })
+            }, void 0, false, {
+                fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+                lineNumber: 57,
+                columnNumber: 7
+            }, this)
         ]
-    });
+    }, void 0, true, {
+        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+        lineNumber: 38,
+        columnNumber: 5
+    }, this);
 };
 const DocumentID = ()=>{
     const { id } = useDocumentInfo();
     const { title } = useDocumentTitle();
-    return id && id !== title ? /*#__PURE__*/ _jsx(IDLabel, {
+    return id && id !== title ? /*#__PURE__*/ _jsxDEV(IDLabel, {
         id: id.toString()
-    }) : null;
+    }, void 0, false, {
+        fileName: "src/elements/DocumentDrawer/DrawerHeader/index.tsx",
+        lineNumber: 68,
+        columnNumber: 31
+    }, this) : null;
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.scss'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  drawerSlug: string\n  showDocumentID?: boolean\n}> = ({ AfterHeader, drawerSlug, showDocumentID = true }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const isModified = useFormModified()\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  return (\n    <Gutter className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-content`}>\n        <h2 className={`${documentDrawerBaseClass}__header-text`}>\n          {<RenderTitle element=\"span\" />}\n        </h2>\n        <button\n          aria-label={t('general:close')}\n          className={`${documentDrawerBaseClass}__header-close`}\n          onClick={handleOnClose}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      </div>\n      {showDocumentID && <DocumentID />}\n      {AfterHeader ? (\n        <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n      ) : null}\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </Gutter>\n  )\n}\n\nconst DocumentID: React.FC = () => {\n  const { id } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"names":["useCallback","Gutter","useModal","RenderTitle","useFormModified","XIcon","useDocumentInfo","useDocumentTitle","useTranslation","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","AfterHeader","drawerSlug","showDocumentID","closeModal","openModal","t","isModified","handleOnClose","className","div","h2","element","button","aria-label","onClick","type","DocumentID","modalSlug","onConfirm","id","title","toString"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,QAAO;AAEnC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,WAAW,QAAQ,yCAAwC;AACpE,SAASC,eAAe,QAAQ,+BAA8B;AAC9D,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,gBAAgB,QAAQ,4CAA2C;AAC5E,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,SAASC,uBAAuB,QAAQ,oCAAmC;AAC3E,SAASC,uBAAuB,QAAQ,cAAa;AACrD,OAAO,eAAc;AAErB,MAAMC,8BAA8B;AAEpC,OAAO,MAAMC,uBAIR,CAAC,EAAEC,WAAW,EAAEC,UAAU,EAAEC,iBAAiB,IAAI,EAAE;IACtD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGhB;IAClC,MAAM,EAAEiB,CAAC,EAAE,GAAGX;IACd,MAAMY,aAAahB;IAEnB,MAAMiB,gBAAgBrB,YAAY;QAChC,IAAIoB,YAAY;YACdF,UAAUN;QACZ,OAAO;YACLK,WAAWF;QACb;IACF,GAAG;QAACK;QAAYF;QAAWD;QAAYF;KAAW;IAElD,qBACE,MAACd;QAAOqB,WAAW,GAAGX,wBAAwB,QAAQ,CAAC;;0BACrD,MAACY;gBAAID,WAAW,GAAGX,wBAAwB,gBAAgB,CAAC;;kCAC1D,KAACa;wBAAGF,WAAW,GAAGX,wBAAwB,aAAa,CAAC;kCACrD,cAAA,KAACR;4BAAYsB,SAAQ;;;kCAExB,KAACC;wBACCC,cAAYR,EAAE;wBACdG,WAAW,GAAGX,wBAAwB,cAAc,CAAC;wBACrDiB,SAASP;wBACTQ,MAAK;kCAEL,cAAA,KAACxB;;;;YAGJW,gCAAkB,KAACc;YACnBhB,4BACC,KAACS;gBAAID,WAAW,GAAGX,wBAAwB,cAAc,CAAC;0BAAGG;iBAC3D;0BAEJ,KAACJ;gBACCqB,WAAWnB;gBACXoB,WAAW,IAAMf,WAAWF;;;;AAIpC,EAAC;AAED,MAAMe,aAAuB;IAC3B,MAAM,EAAEG,EAAE,EAAE,GAAG3B;IACf,MAAM,EAAE4B,KAAK,EAAE,GAAG3B;IAClB,OAAO0B,MAAMA,OAAOC,sBAAQ,KAACzB;QAAQwB,IAAIA,GAAGE,QAAQ;SAAS;AAC/D"}
+{"version":3,"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\n\nimport { Gutter } from '../../../elements/Gutter/index.js'\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.scss'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  AfterHeader?: React.ReactNode\n  drawerSlug: string\n  showDocumentID?: boolean\n}> = ({ AfterHeader, drawerSlug, showDocumentID = true }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const isModified = useFormModified()\n\n  const handleOnClose = useCallback(() => {\n    if (isModified) {\n      openModal(leaveWithoutSavingModalSlug)\n    } else {\n      closeModal(drawerSlug)\n    }\n  }, [isModified, openModal, closeModal, drawerSlug])\n\n  return (\n    <Gutter className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-content`}>\n        <h2 className={`${documentDrawerBaseClass}__header-text`}>\n          {<RenderTitle element=\"span\" />}\n        </h2>\n        <button\n          aria-label={t('general:close')}\n          className={`${documentDrawerBaseClass}__header-close`}\n          onClick={handleOnClose}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      </div>\n      {showDocumentID && <DocumentID />}\n      {AfterHeader ? (\n        <div className={`${documentDrawerBaseClass}__after-header`}>{AfterHeader}</div>\n      ) : null}\n\n      <LeaveWithoutSavingModal\n        modalSlug={leaveWithoutSavingModalSlug}\n        onConfirm={() => closeModal(drawerSlug)}\n      />\n    </Gutter>\n  )\n}\n\nconst DocumentID: React.FC = () => {\n  const { id } = useDocumentInfo()\n  const { title } = useDocumentTitle()\n  return id && id !== title ? <IDLabel id={id.toString()} /> : null\n}\n"],"names":["useCallback","Gutter","useModal","RenderTitle","useFormModified","XIcon","useDocumentInfo","useDocumentTitle","useTranslation","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","AfterHeader","drawerSlug","showDocumentID","closeModal","openModal","t","isModified","handleOnClose","className","div","h2","element","button","aria-label","onClick","type","DocumentID","modalSlug","onConfirm","id","title","toString"],"mappings":"AAAA;;AAEA,SAASA,WAAW,QAAQ,QAAO;AAEnC,SAASC,MAAM,QAAQ,oCAAmC;AAC1D,SAASC,QAAQ,QAAQ,mCAAkC;AAC3D,SAASC,WAAW,QAAQ,yCAAwC;AACpE,SAASC,eAAe,QAAQ,+BAA8B;AAC9D,SAASC,KAAK,QAAQ,4BAA2B;AACjD,SAASC,eAAe,QAAQ,2CAA0C;AAC1E,SAASC,gBAAgB,QAAQ,4CAA2C;AAC5E,SAASC,cAAc,QAAQ,0CAAyC;AACxE,SAASC,OAAO,QAAQ,yBAAwB;AAChD,SAASC,uBAAuB,QAAQ,oCAAmC;AAC3E,SAASC,uBAAuB,QAAQ,cAAa;AACrD,OAAO,eAAc;AAErB,MAAMC,8BAA8B;AAEpC,OAAO,MAAMC,uBAIR,CAAC,EAAEC,WAAW,EAAEC,UAAU,EAAEC,iBAAiB,IAAI,EAAE;IACtD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGhB;IAClC,MAAM,EAAEiB,CAAC,EAAE,GAAGX;IACd,MAAMY,aAAahB;IAEnB,MAAMiB,gBAAgBrB,YAAY;QAChC,IAAIoB,YAAY;YACdF,UAAUN;QACZ,OAAO;YACLK,WAAWF;QACb;IACF,GAAG;QAACK;QAAYF;QAAWD;QAAYF;KAAW;IAElD,qBACE,QAACd;QAAOqB,WAAW,GAAGX,wBAAwB,QAAQ,CAAC;;0BACrD,QAACY;gBAAID,WAAW,GAAGX,wBAAwB,gBAAgB,CAAC;;kCAC1D,QAACa;wBAAGF,WAAW,GAAGX,wBAAwB,aAAa,CAAC;kCACrD,cAAA,QAACR;4BAAYsB,SAAQ;;;;;;;;;;;kCAExB,QAACC;wBACCC,cAAYR,EAAE;wBACdG,WAAW,GAAGX,wBAAwB,cAAc,CAAC;wBACrDiB,SAASP;wBACTQ,MAAK;kCAEL,cAAA,QAACxB;;;;;;;;;;;;;;;;YAGJW,gCAAkB,QAACc;;;;;YACnBhB,4BACC,QAACS;gBAAID,WAAW,GAAGX,wBAAwB,cAAc,CAAC;0BAAGG;;;;;uBAC3D;0BAEJ,QAACJ;gBACCqB,WAAWnB;gBACXoB,WAAW,IAAMf,WAAWF;;;;;;;;;;;;AAIpC,EAAC;AAED,MAAMe,aAAuB;IAC3B,MAAM,EAAEG,EAAE,EAAE,GAAG3B;IACf,MAAM,EAAE4B,KAAK,EAAE,GAAG3B;IAClB,OAAO0B,MAAMA,OAAOC,sBAAQ,QAACzB;QAAQwB,IAAIA,GAAGE,QAAQ;;;;;eAAS;AAC/D"}

package/dist/elements/DocumentDrawer/Provider.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { createContext, use } from 'react';
 /* only available if `redirectAfterDuplicate` is `false` */ /**
      * If you want to pass additional data to the onSuccess callback, you can use this context object.
@@ -6,12 +6,16 @@ import { createContext, use } from 'react';
      * @experimental This property is experimental and may change in the future. Use at your own risk.
      */ export const DocumentDrawerCallbacksContext = /*#__PURE__*/ createContext({});
 export const DocumentDrawerContextProvider = ({ children, ...rest })=>{
-    return /*#__PURE__*/ _jsx(DocumentDrawerCallbacksContext, {
+    return /*#__PURE__*/ _jsxDEV(DocumentDrawerCallbacksContext, {
         value: {
             ...rest
         },
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/DocumentDrawer/Provider.tsx",
+        lineNumber: 45,
+        columnNumber: 5
+    }, this);
 };
 export const useDocumentDrawerContext = ()=>{
     const context = use(DocumentDrawerCallbacksContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/Provider.tsx"],"sourcesContent":["import type { ClientCollectionConfig, Data, FormState, TypeWithID } from 'payload'\n\nimport { createContext, use } from 'react'\n\nexport type DocumentDrawerContextProps = {\n  readonly clearDoc?: () => void\n  readonly drawerSlug: string\n  readonly onDelete?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  /* only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    doc: TypeWithID\n  }) => Promise<void> | void\n  readonly onRestore?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  readonly onSave?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    /**\n     * If you want to pass additional data to the onSuccess callback, you can use this context object.\n     *\n     * @experimental This property is experimental and may change in the future. Use at your own risk.\n     */\n    context?: Record<string, unknown>\n    doc: TypeWithID\n    operation: 'create' | 'update'\n    result: Data\n  }) => Promise<FormState | void> | void\n}\n\nexport type DocumentDrawerContextType = {} & DocumentDrawerContextProps\n\nexport const DocumentDrawerCallbacksContext = createContext({} as DocumentDrawerContextType)\n\nexport const DocumentDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n  } & DocumentDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <DocumentDrawerCallbacksContext value={{ ...rest }}>{children}</DocumentDrawerCallbacksContext>\n  )\n}\n\nexport const useDocumentDrawerContext = (): DocumentDrawerContextType => {\n  const context = use(DocumentDrawerCallbacksContext)\n\n  if (!context) {\n    throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","use","DocumentDrawerCallbacksContext","DocumentDrawerContextProvider","children","rest","value","useDocumentDrawerContext","context","Error"],"mappings":";AAEA,SAASA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASxC,yDAAyD,GAWvD;;;;KAIC,GAUL,OAAO,MAAMC,+CAAiCF,cAAc,CAAC,GAA+B;AAE5F,OAAO,MAAMG,gCAIT,CAAC,EAAEC,QAAQ,EAAE,GAAGC,MAAM;IACxB,qBACE,KAACH;QAA+BI,OAAO;YAAE,GAAGD,IAAI;QAAC;kBAAID;;AAEzD,EAAC;AAED,OAAO,MAAMG,2BAA2B;IACtC,MAAMC,UAAUP,IAAIC;IAEpB,IAAI,CAACM,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/Provider.tsx"],"sourcesContent":["import type { ClientCollectionConfig, Data, FormState, TypeWithID } from 'payload'\n\nimport { createContext, use } from 'react'\n\nexport type DocumentDrawerContextProps = {\n  readonly clearDoc?: () => void\n  readonly drawerSlug: string\n  readonly onDelete?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  /* only available if `redirectAfterDuplicate` is `false` */\n  readonly onDuplicate?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    doc: TypeWithID\n  }) => Promise<void> | void\n  readonly onRestore?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    id: string\n  }) => Promise<void> | void\n  readonly onSave?: (args: {\n    collectionConfig?: ClientCollectionConfig\n    /**\n     * If you want to pass additional data to the onSuccess callback, you can use this context object.\n     *\n     * @experimental This property is experimental and may change in the future. Use at your own risk.\n     */\n    context?: Record<string, unknown>\n    doc: TypeWithID\n    operation: 'create' | 'update'\n    result: Data\n  }) => Promise<FormState | void> | void\n}\n\nexport type DocumentDrawerContextType = {} & DocumentDrawerContextProps\n\nexport const DocumentDrawerCallbacksContext = createContext({} as DocumentDrawerContextType)\n\nexport const DocumentDrawerContextProvider: React.FC<\n  {\n    children: React.ReactNode\n  } & DocumentDrawerContextProps\n> = ({ children, ...rest }) => {\n  return (\n    <DocumentDrawerCallbacksContext value={{ ...rest }}>{children}</DocumentDrawerCallbacksContext>\n  )\n}\n\nexport const useDocumentDrawerContext = (): DocumentDrawerContextType => {\n  const context = use(DocumentDrawerCallbacksContext)\n\n  if (!context) {\n    throw new Error('useDocumentDrawerContext must be used within a DocumentDrawerProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","use","DocumentDrawerCallbacksContext","DocumentDrawerContextProvider","children","rest","value","useDocumentDrawerContext","context","Error"],"mappings":";AAEA,SAASA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AASxC,yDAAyD,GAWvD;;;;KAIC,GAUL,OAAO,MAAMC,+CAAiCF,cAAc,CAAC,GAA+B;AAE5F,OAAO,MAAMG,gCAIT,CAAC,EAAEC,QAAQ,EAAE,GAAGC,MAAM;IACxB,qBACE,QAACH;QAA+BI,OAAO;YAAE,GAAGD,IAAI;QAAC;kBAAID;;;;;;AAEzD,EAAC;AAED,OAAO,MAAMG,2BAA2B;IACtC,MAAMC,UAAUP,IAAIC;IAEpB,IAAI,CAACM,SAAS;QACZ,MAAM,IAAIC,MAAM;IAClB;IAEA,OAAOD;AACT,EAAC"}

package/dist/elements/DocumentDrawer/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
@@ -14,7 +14,7 @@ const formatDocumentDrawerSlug = ({ id, collectionSlug, depth, uuid })=>`doc-dra
 export const DocumentDrawerToggler = ({ children, className, collectionSlug, disabled, drawerSlug, onClick, operation, ...rest })=>{
     const { t } = useTranslation();
     const [collectionConfig] = useRelatedCollections(collectionSlug);
-    return /*#__PURE__*/ _jsx(DrawerToggler, {
+    return /*#__PURE__*/ _jsxDEV(DrawerToggler, {
         "aria-label": t(operation === 'create' ? 'fields:addNewLabel' : 'general:editLabel', {
             label: collectionConfig?.labels.singular
         }),
@@ -27,19 +27,31 @@ export const DocumentDrawerToggler = ({ children, className, collectionSlug, dis
         slug: drawerSlug,
         ...rest,
         children: children
-    });
+    }, void 0, false, {
+        fileName: "src/elements/DocumentDrawer/index.tsx",
+        lineNumber: 47,
+        columnNumber: 5
+    }, this);
 };
 export const DocumentDrawer = (props)=>{
     const { drawerSlug } = props;
-    return /*#__PURE__*/ _jsx(Drawer, {
+    return /*#__PURE__*/ _jsxDEV(Drawer, {
         className: documentDrawerBaseClass,
         gutter: false,
         Header: null,
         slug: drawerSlug,
-        children: /*#__PURE__*/ _jsx(DocumentDrawerContent, {
+        children: /*#__PURE__*/ _jsxDEV(DocumentDrawerContent, {
             ...props
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/elements/DocumentDrawer/index.tsx",
+            lineNumber: 67,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/elements/DocumentDrawer/index.tsx",
+        lineNumber: 66,
+        columnNumber: 5
+    }, this);
 };
 /**
  * A hook to manage documents from a drawer modal.
@@ -101,7 +113,13 @@ export const DocumentDrawer = (props)=>{
                 drawerSlug: drawerSlug,
                 id: id,
                 key: drawerSlug,
-                overrideEntityVisibility: overrideEntityVisibility
+                overrideEntityVisibility: overrideEntityVisibility,
+                __source: {
+                    fileName: "src/elements/DocumentDrawer/index.tsx",
+                    lineNumber: 126,
+                    columnNumber: 7
+                },
+                __self: this
             });
     }, [
         id,
@@ -110,12 +128,16 @@ export const DocumentDrawer = (props)=>{
         overrideEntityVisibility
     ]);
     const MemoizedDrawerToggler = useMemo(()=>{
-        return (props)=>/*#__PURE__*/ _jsx(DocumentDrawerToggler, {
+        return (props)=>/*#__PURE__*/ _jsxDEV(DocumentDrawerToggler, {
                 ...props,
                 collectionSlug: collectionSlug,
                 drawerSlug: drawerSlug,
                 operation: !id ? 'create' : 'update'
-            });
+            }, void 0, false, {
+                fileName: "src/elements/DocumentDrawer/index.tsx",
+                lineNumber: 139,
+                columnNumber: 7
+            }, this);
     }, [
         id,
         drawerSlug,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } 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'\nimport './index.scss'\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  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      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} gutter={false} 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  overrideEntityVisibility,\n}) => {\n  const editDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: editDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo<React.FC<DocumentDrawerProps>>(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\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      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [editDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["useModal","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","documentDrawerBaseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","children","className","disabled","drawerSlug","onClick","operation","rest","t","collectionConfig","aria-label","label","labels","singular","filter","Boolean","join","slug","DocumentDrawer","props","gutter","Header","useDocumentDrawer","overrideEntityVisibility","editDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","drawerDepth","isDrawerOpen"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/DocumentDrawer/index.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useEffect, useId, useMemo, useState } 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'\nimport './index.scss'\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  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      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} gutter={false} 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  overrideEntityVisibility,\n}) => {\n  const editDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, modalState, openModal, toggleModal } = useModal()\n  const [isOpen, setIsOpen] = useState(false)\n\n  const drawerSlug = formatDocumentDrawerSlug({\n    id,\n    collectionSlug,\n    depth: editDepth,\n    uuid,\n  })\n\n  useEffect(() => {\n    setIsOpen(Boolean(modalState[drawerSlug]?.isOpen))\n  }, [modalState, drawerSlug])\n\n  const toggleDrawer = useCallback(() => {\n    toggleModal(drawerSlug)\n  }, [toggleModal, drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModal(drawerSlug)\n  }, [closeModal, drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModal(drawerSlug)\n  }, [openModal, drawerSlug])\n\n  const MemoizedDrawer = useMemo<React.FC<DocumentDrawerProps>>(() => {\n    return (props) => (\n      <DocumentDrawer\n        {...props}\n        collectionSlug={collectionSlug}\n        drawerSlug={drawerSlug}\n        id={id}\n        key={drawerSlug}\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      isDrawerOpen: isOpen,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [editDepth, drawerSlug, isOpen, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"names":["useModal","React","useCallback","useEffect","useId","useMemo","useState","useRelatedCollections","useEditDepth","useTranslation","Drawer","DrawerToggler","DocumentDrawerContent","documentDrawerBaseClass","formatDocumentDrawerSlug","id","collectionSlug","depth","uuid","DocumentDrawerToggler","children","className","disabled","drawerSlug","onClick","operation","rest","t","collectionConfig","aria-label","label","labels","singular","filter","Boolean","join","slug","DocumentDrawer","props","gutter","Header","useDocumentDrawer","overrideEntityVisibility","editDepth","closeModal","modalState","openModal","toggleModal","isOpen","setIsOpen","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","key","MemoizedDrawerToggler","MemoizedDrawerState","drawerDepth","isDrawerOpen"],"mappings":"AAAA;;;AACA,SAASA,QAAQ,QAAQ,qBAAoB;AAC7C,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAS/E,SAASC,qBAAqB,QAAQ,uCAAsC;AAC5E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,EAAEC,aAAa,QAAQ,qBAAoB;AAC1D,SAASC,qBAAqB,QAAQ,qBAAoB;AAC1D,OAAO,eAAc;AAErB,OAAO,MAAMC,0BAA0B,aAAY;AAEnD,MAAMC,2BAA2B,CAAC,EAChCC,EAAE,EACFC,cAAc,EACdC,KAAK,EACLC,IAAI,EAML,GAAK,CAAC,WAAW,EAAEF,eAAe,CAAC,EAAEC,QAAQF,KAAK,CAAC,CAAC,EAAEA,IAAI,GAAG,GAAG,CAAC,EAAEG,MAAM;AAE1E,OAAO,MAAMC,wBAAwD,CAAC,EACpEC,QAAQ,EACRC,SAAS,EACTL,cAAc,EACdM,QAAQ,EACRC,UAAU,EACVC,OAAO,EACPC,SAAS,EACT,GAAGC,MACJ;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGlB;IACd,MAAM,CAACmB,iBAAiB,GAAGrB,sBAAsBS;IAEjD,qBACE,QAACL;QACCkB,cAAYF,EAAEF,cAAc,WAAW,uBAAuB,qBAAqB;YACjFK,OAAOF,kBAAkBG,OAAOC;QAClC;QACAX,WAAW;YAACA;YAAW,GAAGR,wBAAwB,SAAS,CAAC;SAAC,CAACoB,MAAM,CAACC,SAASC,IAAI,CAAC;QACnFb,UAAUA;QACVE,SAASA;QACTY,MAAMb;QACL,GAAGG,IAAI;kBAEPN;;;;;;AAGP,EAAC;AAED,OAAO,MAAMiB,iBAAgD,CAACC;IAC5D,MAAM,EAAEf,UAAU,EAAE,GAAGe;IAEvB,qBACE,QAAC5B;QAAOW,WAAWR;QAAyB0B,QAAQ;QAAOC,QAAQ;QAAMJ,MAAMb;kBAC7E,cAAA,QAACX;YAAuB,GAAG0B,KAAK;;;;;;;;;;;AAGtC,EAAC;AAED;;;;;;;;;;;;;;;;;;CAkBC,GACD,OAAO,MAAMG,oBAAuC,CAAC,EACnD1B,EAAE,EACFC,cAAc,EACd0B,wBAAwB,EACzB;IACC,MAAMC,YAAYnC;IAClB,MAAMU,OAAOd;IACb,MAAM,EAAEwC,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,WAAW,EAAE,GAAG/C;IAC3D,MAAM,CAACgD,QAAQC,UAAU,GAAG3C,SAAS;IAErC,MAAMiB,aAAaT,yBAAyB;QAC1CC;QACAC;QACAC,OAAO0B;QACPzB;IACF;IAEAf,UAAU;QACR8C,UAAUf,QAAQW,UAAU,CAACtB,WAAW,EAAEyB;IAC5C,GAAG;QAACH;QAAYtB;KAAW;IAE3B,MAAM2B,eAAehD,YAAY;QAC/B6C,YAAYxB;IACd,GAAG;QAACwB;QAAaxB;KAAW;IAE5B,MAAM4B,cAAcjD,YAAY;QAC9B0C,WAAWrB;IACb,GAAG;QAACqB;QAAYrB;KAAW;IAE3B,MAAM6B,aAAalD,YAAY;QAC7B4C,UAAUvB;IACZ,GAAG;QAACuB;QAAWvB;KAAW;IAE1B,MAAM8B,iBAAiBhD,QAAuC;QAC5D,OAAO,CAACiC,sBACN,eAACD;gBACE,GAAGC,KAAK;gBACTtB,gBAAgBA;gBAChBO,YAAYA;gBACZR,IAAIA;gBACJuC,KAAK/B;gBACLmB,0BAA0BA;;;;;;;;IAGhC,GAAG;QAAC3B;QAAIQ;QAAYP;QAAgB0B;KAAyB;IAE7D,MAAMa,wBAAwBlD,QAAwC;QACpE,OAAO,CAACiC,sBACN,QAACnB;gBACE,GAAGmB,KAAK;gBACTtB,gBAAgBA;gBAChBO,YAAYA;gBACZE,WAAW,CAACV,KAAK,WAAW;;;;;;IAGlC,GAAG;QAACA;QAAIQ;QAAYP;KAAe;IAEnC,MAAMwC,sBAAsBnD,QAC1B,IAAO,CAAA;YACL8C;YACAM,aAAad;YACbpB;YACAmC,cAAcV;YACdI;YACAF;QACF,CAAA,GACA;QAACP;QAAWpB;QAAYyB;QAAQE;QAAcC;QAAaC;KAAW;IAGxE,OAAO;QAACC;QAAgBE;QAAuBC;KAAoB;AACrE,EAAC"}