@payloadcms/ui 3.86.0-internal.ac46214 → 4.0.0-internal.1f9ae9a

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","formatAdminURL","hasAutosaveEnabled","hasDraftsEnabled","React","Fragment","useEffect","useFormInitializing","useFormProcessing","useConfig","useDocumentInfo","useEditDepth","useLivePreviewContext","useTranslation","formatDate","Autosave","Button","CopyLocaleData","DeleteDocument","DuplicateDocument","MoveDocToFolder","Gutter","LivePreviewToggler","Locked","PermanentlyDeleteButton","Popup","PopupList","PreviewButton","PublishButton","RenderCustomComponent","RestoreButton","SaveButton","SaveDraftButton","Status","UnpublishButton","baseClass","DocumentControls","props","$","id","slug","BeforeDocumentControls","customComponents","t0","data","disableActions","disableCreate","EditMenuItems","hasSavePermission","isAccountView","isEditing","isInDrawer","isTrashed","onDelete","onDrawerCreateNew","onDuplicate","onRestore","onTakeOver","permissions","readOnlyForIncomingUser","redirectAfterDelete","redirectAfterDuplicate","redirectAfterRestore","user","CustomPreviewButton","CustomPublishButton","CustomSaveButton","CustomSaveDraftButton","CustomStatus","CustomUnpublishButton","undefined","i18n","t","editDepth","config","getEntityConfig","collectionConfig","collectionSlug","globalConfig","globalSlug","isLivePreviewEnabled","hasDeletePermission","docHasDeletePermission","hasTrashPermission","docHasTrashPermission","admin","t1","localization","routes","t2","dateFormat","adminRoute","updatedAt","setUpdatedAt","useState","createdAt","setCreatedAt","processing","initializing","t3","t4","date","pattern","hasCreatePermission","create","collectionDeletePermission","delete","trash","unsavedDraftWithValidations","versions","drafts","validate","globalHasDraftsEnabled","collectionHasDraftsEnabled","showDotMenu","Boolean","collectionAutosaveEnabled","globalAutosaveEnabled","autosaveEnabled","showSaveDraftButton","autosave","showCopyToLocale","disableCopyToLocale","showFolderMetaIcon","folders","showLockedMetaIcon","_jsxs","className","children","_jsx","folderCollectionSlug","folderFieldName","fieldName","label","labels","singular","filter","join","CustomComponent","Fallback","collection","global","publishedDocUpdatedAt","timestamps","title","preview","buttonId","toString","singularLabel","buttonStyle","onClick","size","type","button","disabled","horizontalAlign","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 { 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 { 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 } 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'\nimport { UnpublishButton } from '../UnpublishButton/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    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    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\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 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 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                    <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) && (\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            {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              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                <RenderCustomComponent\n                  CustomComponent={CustomUnpublishButton}\n                  Fallback={<UnpublishButton />}\n                />\n                {EditMenuItems}\n              </PopupList.ButtonGroup>\n            </Popup>\n          )}\n        </div>\n      </div>\n      <div className={`${baseClass}__divider`} />\n    </Gutter>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["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":"AAAA;;;AASA,SAASA,cAAc,QAAQ;AAC/B,SACEC,cAAc,EACdC,kBAAkB,EAClBC,gBAAgB,EAChBC,0BAA0B,QACrB;AACP,OAAOC,KAAA,IAASC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAI1E,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ;AACvD,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,EAAEC,eAAe,QAAQ;AAC5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,MAAM,QAAQ;AACvB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,MAAM,QAAQ;AACvB,SAASC,uBAAuB,QAAQ;AACxC,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,SAASC,aAAa,QAAQ;AAC9B,SAASC,aAAa,QAAQ;AAC9B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,MAAM,QAAQ;AACvB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAqCPC,KAAA;EACJ,MAAM;IACJC,EAAE;IACFC,IAAI;IACJC,sBAAsB;IACtBC,kBAAkB;IAClBC,gBAAA,EAAkB;MAChBhB,aAAA,EAAeiB,mBAAmB;MAClChB,aAAA,EAAeiB,mBAAmB;MAClCd,UAAA,EAAYe,gBAAgB;MAC5Bd,eAAA,EAAiBe,qBAAqB;MACtCb,MAAA,EAAQc,YAAY;MACpBb,eAAA,EAAiBc;IAAqB,CACvC,GAAG,CAAC,CAAC;IACNC,IAAI;IACJC,cAAc;IACdC,aAAa;IACbC,aAAa;IACbC,iBAAiB;IACjBC,aAAa;IACbC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,QAAQ;IACRC,iBAAiB;IACjBC,WAAW;IACXC,SAAS;IACTC,UAAU;IACVC,WAAW;IACXC,uBAAuB;IACvBC,mBAAmB;IACnBC,sBAAsB;IACtBC,oBAAoB;IACpBC;EAAI,CACL,GAAG/B,KAAA;EAEJ,MAAM;IAAEgC,IAAI;IAAEC;EAAC,CAAE,GAAGzD,cAAA;EAEpB,MAAM0D,SAAA,GAAY5D,YAAA;EAElB,MAAM;IAAE6D,MAAM;IAAEC;EAAe,CAAE,GAAGhE,SAAA;EAEpC,MAAMiE,gBAAA,GAAmBD,eAAA,CAAgB;IAAEE,cAAA,EAAgBpC;EAAK;EAEhE,MAAMqC,YAAA,GAAeH,eAAA,CAAgB;IAAEI,UAAA,EAAYtC;EAAK;EAExD,MAAM;IAAEuC;EAAoB,CAAE,GAAGlE,qBAAA;EAEjC,MAAM;IAAEmE,mBAAA,EAAqBC,sBAAsB;IAAEC,kBAAA,EAAoBC;EAAqB,CAAE,GAC9FxE,eAAA;EAEF,MAAM;IACJyE,KAAA,EAAO;MAAEC;IAAU,CAAE;IACrBC,YAAY;IACZC,MAAA,EAAQ;MAAEH,KAAA,EAAOI;IAAU;EAAE,CAC9B,GAAGf,MAAA;EAEJ;EACA,MAAM,CAACgB,SAAA,EAAWC,YAAA,CAAa,GAAGzF,KAAA,CAAMK,QAAQ,CAAS;EACzD,MAAM,CAACqF,SAAA,EAAWC,YAAA,CAAa,GAAG3F,KAAA,CAAMK,QAAQ,CAAS;EACzD,MAAM,CAACuF,YAAA,EAAcC,eAAA,CAAgB,GAAGxF,QAAA,CAAiB;EAEzD,MAAMyF,UAAA,GAAavF,iBAAA;EACnB,MAAMwF,YAAA,GAAezF,mBAAA;EAErB,MAAM0F,OAAA,GAAU5F,MAAA,CAAOiE,IAAA;EACvB2B,OAAA,CAAQC,OAAO,GAAG5B,IAAA;EAElB,MAAM6B,kBAAA,GAAqBhG,WAAA,CAAY;IACrC,MAAMiG,IAAA,GAAOlD,IAAA,EAAMuC,SAAA,IAAavC,IAAA,EAAMyC,SAAA;IACtC,IAAIS,IAAA,EAAM;MACRN,eAAA,CAAgB9E,eAAA,CAAgB;QAAEoF,IAAA;QAAM9B,IAAA,EAAM2B,OAAA,CAAQC;MAAQ;IAChE;EACF,GAAG,CAAChD,IAAA,EAAMuC,SAAA,EAAWvC,IAAA,EAAMyC,SAAA,CAAU;EAErCvF,SAAA,CAAU;IACR,IAAI8C,IAAA,EAAMuC,SAAA,EAAW;MACnBC,YAAA,CAAa3E,UAAA,CAAW;QAAEqF,IAAA,EAAMlD,IAAA,CAAKuC,SAAS;QAAEnB,IAAA;QAAM+B,OAAA,EAAShB;MAAW;IAC5E;IACA,IAAInC,IAAA,EAAMyC,SAAA,EAAW;MACnBC,YAAA,CAAa7E,UAAA,CAAW;QAAEqF,IAAA,EAAMlD,IAAA,CAAKyC,SAAS;QAAErB,IAAA;QAAM+B,OAAA,EAAShB;MAAW;IAC5E;IACAc,kBAAA;EACF,GAAG,CAACjD,IAAA,EAAMoB,IAAA,EAAMe,UAAA,EAAYc,kBAAA,CAAmB;EAE/C/F,SAAA,CAAU;IACR,MAAMkG,QAAA,GAAWC,WAAA,CAAYJ,kBAAA,EAAoB;IACjD,OAAO,MAAMK,aAAA,CAAcF,QAAA;EAC7B,GAAG,CAACH,kBAAA,CAAmB;EAEvB,MAAMM,mBAAA,GAAsBzC,WAAA,IAAe,YAAYA,WAAA,IAAeA,WAAA,CAAY0C,MAAM;EAExF,MAAMC,0BAAA,GAA6B3C,WAAA,IAAe,YAAYA,WAAA,IAAeA,WAAA,CAAY4C,MAAM;EAE/F,MAAM5B,mBAAA,GAAsBL,gBAAA,EAAkBkC,KAAA,GAC1C1B,qBAAA,IAAyBF,sBAAA,GACzB0B,0BAAA;EAEJ,MAAMG,2BAAA,GACJ,CAACvE,EAAA,IAAMoC,gBAAA,EAAkBoC,QAAA,EAAUC,MAAA,IAAUrC,gBAAA,CAAiBoC,QAAQ,EAAEC,MAAA,CAAOC,QAAA;EAEjF,MAAMC,sBAAA,GAAyBnH,gBAAA,CAAiB8E,YAAA;EAChD,MAAMsC,0BAAA,GAA6BpH,gBAAA,CAAiB4E,gBAAA;EAEpD,MAAMyC,WAAA,GAAcC,OAAA,CAClB,CAAClE,cAAA,KACEwB,gBAAC,IAAoBpC,EAAA,KAAOkE,mBAAA,IAAuBzB,mBAAkB,KACnEH,YAAA,KAAiBqC,sBAAA,IAA0B5B,YAAW,CAAE;EAE/D,MAAMgC,yBAAA,GAA4BxH,kBAAA,CAAmB6E,gBAAA;EACrD,MAAM4C,qBAAA,GAAwBzH,kBAAA,CAAmB+E,YAAA;EACjD,MAAM2C,eAAA,GAAkBF,yBAAA,IAA6BC,qBAAA;EAErD,MAAME,mBAAA,GACJH,yBAAC,IACC3C,gBAAA,CAAiBoC,QAAQ,CAACC,MAAM,CAACU,QAAQ,KAAK,SAC9C/C,gBAAA,CAAiBoC,QAAQ,CAACC,MAAM,CAACU,QAAQ,CAACD,mBAAmB,KAAK,QACnEF,qBAAA,IACC1C,YAAA,CAAakC,QAAQ,CAACC,MAAM,CAACU,QAAQ,KAAK,SAC1C7C,YAAA,CAAakC,QAAQ,CAACC,MAAM,CAACU,QAAQ,CAACD,mBAAmB,KAAK;EAClE,MAAME,gBAAA,GAAmBrC,YAAA,IAAgB,CAACX,gBAAA,EAAkBS,KAAA,EAAOwC,mBAAA;EAEnE,MAAMC,kBAAA,GAAqBxD,IAAA,IAAQJ,uBAAA;EAEnC,oBACE6D,KAAA,CAAC;IAAIC,SAAA,EAAW3F,SAAA;4BACd0F,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG3F,SAAA,WAAoB;iBACpCiF,OAAA,CAAQQ,kBAAA,IAAsBnF,kBAAA,kBAC7BoF,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAG3F,SAAA,eAAwB;mBACxCyF,kBAAA,iBACCG,IAAA,CAACzG,MAAA;UAAOwG,SAAA,EAAW,GAAG3F,SAAA,mBAA4B;UAAEiC,IAAA,EAAMA;YAE3D3B,kBAAA;uBAGLoF,KAAA,CAAC;QAAGC,SAAA,EAAW,GAAG3F,SAAA,QAAiB;mBAChCuC,gBAAA,IAAoB,CAACnB,SAAA,IAAa,CAACD,aAAA,iBAClCyE,IAAA,CAAC;UAAGD,SAAA,EAAW,GAAG3F,SAAA,aAAsB;oBACtC,aAAA4F,IAAA,CAAC;YAAED,SAAA,EAAW,GAAG3F,SAAA,gBAAyB;sBACvCkC,IAAA,CAAKC,CAAC,CAAC,4BAA4B;cAClC0D,KAAA,EAAOrI,cAAA,CACL+E,gBAAA,EAAkBuD,MAAA,EAAQC,QAAA,IAAY7D,IAAA,CAAKC,CAAC,CAAC,qBAC7CD,IAAA;YAEJ;;YAIJ,CAAA6C,0BAAA,IAA8BD,sBAAqB,kBACnDY,KAAA,CAAC5H,QAAA;qBACG,CAAA2E,YAAA,IAAiBF,gBAAA,IAAoBnB,SAAS,kBAC9CwE,IAAA,CAAC;YAAGD,SAAA,EAAW,GAAG3F,SAAA,YAAqBA,SAAA,aAAsB;sBAC3D,aAAA4F,IAAA,CAACnG,qBAAA;cAAsBuG,eAAA,EAAiBpF,YAAA;cAAcqF,QAAA,eAAUL,IAAA,CAAC9F,MAAA;;cAGpEoB,iBAAA,IACCkE,eAAA,IACA,CAACV,2BAAA,IACD,CAACpD,SAAA,iBACCsE,IAAA,CAAC;YAAGD,SAAA,EAAW,GAAG3F,SAAA,aAAsB;sBACtC,aAAA4F,IAAA,CAAC/G,QAAA;cACCqH,UAAA,EAAY3D,gBAAA;cACZ4D,MAAA,EAAQ1D,YAAA;cACRtC,EAAA,EAAIA,EAAA;cACJiG,qBAAA,EAAuBtF,IAAA,EAAMyC;;;YAMxChB,gBAAA,EAAkB8D,UAAA,KAAejF,SAAA,IAAaD,aAAY,KAAMsC,YAAA,iBAC/DmC,IAAA,CAAC;UACCD,SAAA,EAAW,GAAG3F,SAAA,eAAwBA,SAAA,cAAuB;UAC7DsG,KAAA,EAAOjD,SAAA,IAAaE,SAAA,IAAagD,SAAA;oBAEjC,aAAAX,IAAA,CAAC;YAAED,SAAA,EAAW,GAAG3F,SAAA,SAAkB;sBAChCmC,CAAA,CAAEb,SAAA,GAAY,uBAAuB,sBAAsB;cAC1DkF,QAAA,EAAU/C;YACZ;;;;qBAMViC,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAG3F,SAAA,oBAA6B;8BAC9C0F,KAAA,CAAC;QAAIC,SAAA,EAAW,GAAG3F,SAAA,YAAqB;mBACrCK,sBAAA,E,aACDqF,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAG3F,SAAA,gBAAyB;qBACzC2C,oBAAA,IAAwB,CAACtB,UAAA,iBAAcuE,IAAA,CAAC1G,kBAAA,OACvC,CAAAqD,gBAAA,EAAkBS,KAAA,CAAMyD,OAAA,IAAWhE,YAAA,EAAcO,KAAA,CAAMyD,OAAM,kBAC7Db,IAAA,CAACnG,qBAAA;YACCuG,eAAA,EAAiBxF,mBAAA;YACjByF,QAAA,eAAUL,IAAA,CAACrG,aAAA;cAGd3B,0BAAA,CAA2B2E,gBAAA,IAAoBE,YAAA,KAAiB,CAACnB,SAAA,iBAChEsE,IAAA,CAAC/F,qBAAA;YAAsB6G,QAAA,EAAU7E;;YAGpCX,iBAAA,IAAqB,CAACI,SAAA,IAAa,CAACO,uBAAA,iBACnC+D,IAAA,CAAC9H,QAAA;oBACEiH,0BAAA,IAA8BD,sBAAA,gBAC7BY,KAAA,CAAC5H,QAAA;uBACG,CAAA4G,2BAAA,IACA,CAACU,eAAA,IACAA,eAAA,IAAmBC,mBAAmB,kBACvCO,IAAA,CAACnG,qBAAA;cACCuG,eAAA,EAAiBrF,qBAAA;cACjBsF,QAAA,eAAUL,IAAA,CAAChG,eAAA;6BAGfgG,IAAA,CAACnG,qBAAA;cACCuG,eAAA,EAAiBvF,mBAAA;cACjBwF,QAAA,eAAUL,IAAA,CAACpG,aAAA;;4BAIfoG,IAAA,CAACnG,qBAAA;YACCuG,eAAA,EAAiBtF,gBAAA;YACjBuF,QAAA,eAAUL,IAAA,CAACjG,UAAA;;YAKlBkD,sBAAA,IAA0BvB,SAAA,iBACzBsE,IAAA,CAACxG,uBAAA;UACCuH,QAAA,EAAS;UACTnE,cAAA,EAAgBD,gBAAA,EAAkBnC,IAAA;UAClCD,EAAA,EAAIA,EAAA,CAAGyG,QAAQ;UACfrF,QAAA,EAAUA,QAAA;UACVO,mBAAA,EAAqBA,mBAAA;UACrB+E,aAAA,EAAetE,gBAAA,EAAkBuD,MAAA,EAAQC;YAG5C7E,iBAAA,IAAqBI,SAAA,iBACpBsE,IAAA,CAAClG,aAAA;UACCiH,QAAA,EAAS;UACTnE,cAAA,EAAgBD,gBAAA,EAAkBnC,IAAA;UAClCD,EAAA,EAAIA,EAAA,CAAGyG,QAAQ;UACflF,SAAA,EAAWA,SAAA;UACXM,oBAAA,EAAsBA,oBAAA;UACtB6E,aAAA,EAAetE,gBAAA,EAAkBuD,MAAA,EAAQC;YAG5C9D,IAAA,IAAQJ,uBAAA,iBACP+D,IAAA,CAAC9G,MAAA;UACCgI,WAAA,EAAY;UACZ3G,EAAA,EAAG;UACH4G,OAAA,EAASpF,UAAA;UACTqF,IAAA,EAAK;UACLC,IAAA,EAAK;oBAEJ9E,CAAA,CAAE;;UAIR6C,WAAA,IAAe,CAACnD,uBAAA,iBACf+D,IAAA,CAACvG,KAAA;QACC6H,eAAA,EAAiB,GAAGlH,SAAA,gBAAyB;QAC7CmH,KAAA,EAAO;QACPxB,SAAA,EAAW,GAAG3F,SAAA,SAAkB;QAChC0G,QAAA,EAAU9C,YAAA,IAAgBD,UAAA;QAC1ByD,eAAA,EAAgB;QAChBC,YAAA,EAAcA,CAAC;UAAEC,MAAM;UAAE,GAAGC;QAAA,CAAa,kBACvC3B,IAAA,CAAC9G,MAAA;UACE,GAAGyI,WAAW;UACfT,WAAA,EAAY;UACZnB,SAAA,EAAW,GAAG3F,SAAA,gBAAyB;UACvCwH,IAAA,eAAM5B,IAAA,CAACvH,QAAA;UACPoJ,QAAA,EAAUH,MAAA;UACVN,IAAA,EAAK;;QAGTA,IAAA,EAAK;QACLU,aAAA,EAAc;kBAEd,aAAAhC,KAAA,CAACpG,SAAA,CAAUqI,WAAW;qBACnBpC,gBAAA,iBAAoBK,IAAA,CAAC7G,cAAA,OACrBsF,mBAAA,iBACCqB,KAAA,CAAC7H,KAAA,CAAMC,QAAQ;uBACZ,CAACkD,aAAA,iBACA4E,IAAA,CAAC9H,QAAA;wBACEsE,SAAA,GAAY,iBACXwD,IAAA,CAACtG,SAAA,CAAUR,MAAM;gBAACqB,EAAA,EAAG;gBAAgB4G,OAAA,EAASvF,iBAAA;0BAC3CU,IAAA,CAAKC,CAAC,CAAC;gCAGVyD,IAAA,CAACtG,SAAA,CAAUR,MAAM;gBACf8I,IAAA,EAAMnK,cAAA,CAAe;kBACnB2F,UAAA;kBACAyE,IAAA,EAAM,gBAAgBtF,gBAAA,EAAkBnC,IAAA;gBAC1C;gBACAD,EAAA,EAAG;0BAEF+B,IAAA,CAAKC,CAAC,CAAC;;gBAKfI,gBAAA,CAAiBuF,gBAAgB,KAAK,QAAQ1G,SAAA,iBAC7CsE,KAAA,CAAAqC,SAAA;sCACEnC,IAAA,CAAC3G,iBAAA;gBACCkB,EAAA,EAAIA,EAAA;gBACJsB,WAAA,EAAaA,WAAA;gBACbM,sBAAA,EAAwBA,sBAAA;gBACxB8E,aAAA,EAAetE,gBAAA,EAAkBuD,MAAA,EAAQC,QAAA;gBACzC3F,IAAA,EAAMmC,gBAAA,EAAkBnC;kBAEzB8C,YAAA,iBACC0C,IAAA,CAAC3G,iBAAA;gBACCkB,EAAA,EAAIA,EAAA;gBACJsB,WAAA,EAAaA,WAAA;gBACbM,sBAAA,EAAwBA,sBAAA;gBACxBiG,aAAA,EAAe;gBACfnB,aAAA,EAAetE,gBAAA,EAAkBuD,MAAA,EAAQC,QAAA;gBACzC3F,IAAA,EAAMmC,gBAAA,EAAkBnC;;;cAOnCwC,mBAAA,iBACCgD,IAAA,CAAC5G,cAAA;YACC2H,QAAA,EAAS;YACTnE,cAAA,EAAgBD,gBAAA,EAAkBnC,IAAA;YAClCD,EAAA,EAAIA,EAAA,CAAGyG,QAAQ;YACfrF,QAAA,EAAUA,QAAA;YACVO,mBAAA,EAAqBA,mBAAA;YACrB+E,aAAA,EAAetE,gBAAA,EAAkBuD,MAAA,EAAQC,QAAA;YACzCkC,UAAA,EAAY1F,gBAAA,EAAkBS,KAAA,EAAOiF;2BAGzCrC,IAAA,CAACnG,qBAAA;YACCuG,eAAA,EAAiBnF,qBAAA;YACjBoF,QAAA,eAAUL,IAAA,CAAC7F,eAAA;cAEZkB,aAAA;;;;;AAOf","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+@layer payload-default {
+  .doc-drawer__header {
+    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 {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+    width: 100%;
+  }
+
+  .doc-drawer__header-text {
+    margin: 0;
+  }
+
+  .doc-drawer__header-toggler {
+    background: transparent;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    color: inherit;
+  }
+
+  .doc-drawer__header-toggler:focus,
+  .doc-drawer__header-toggler:focus-within {
+    outline: none;
+  }
+
+  .doc-drawer__header-toggler:disabled {
+    pointer-events: none;
+  }
+
+  .doc-drawer__header-close {
+    padding: 0;
+    border: 0;
+  }
+
+  .doc-drawer__after-header {
+    padding-top: var(--spacer-1);
+  }
+
+  .doc-drawer__divider {
+    height: 1px;
+    background: var(--color-border);
+    width: 100%;
+  }
+}

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

@@ -1,4 +1,4 @@
-import './index.scss';
+import './index.css';
 export declare const DocumentDrawerHeader: React.FC<{
     AfterHeader?: React.ReactNode;
     drawerSlug: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"names":[],"mappings":"AAeA,OAAO,cAAc,CAAA;AAIrB,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,CAuCA,CAAA"}
+{"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"}

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

@@ -3,18 +3,18 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { Gutter } from '../../../elements/Gutter/index.js';
 import { useModal } from '../../../elements/Modal/index.js';
 import { RenderTitle } from '../../../elements/RenderTitle/index.js';
 import { useFormModified } from '../../../forms/Form/index.js';
-import { XIcon } from '../../../icons/X/index.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useDocumentTitle } from '../../../providers/DocumentTitle/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
 import { IDLabel } from '../../IDLabel/index.js';
 import { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js';
 import { documentDrawerBaseClass } from '../index.js';
-import './index.scss';
+import './index.css';
 const leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer';
 export const DocumentDrawerHeader = t0 => {
   const $ = _c(15);
@@ -61,21 +61,24 @@ export const DocumentDrawerHeader = t0 => {
     } else {
       t4 = $[14];
     }
-    t3 = _jsxs(Gutter, {
+    t3 = _jsxs("div", {
       className: `${documentDrawerBaseClass}__header`,
       children: [_jsxs("div", {
         className: `${documentDrawerBaseClass}__header-content`,
-        children: [_jsx("h2", {
+        children: [_jsx(Button, {
+          "aria-label": t("general:close"),
+          buttonStyle: "ghost",
+          className: `${documentDrawerBaseClass}__header-close`,
+          icon: _jsx(ChevronIcon, {
+            direction: "left",
+            size: 24
+          }),
+          onClick: handleOnClose
+        }), _jsx("h2", {
           className: `${documentDrawerBaseClass}__header-text`,
           children: _jsx(RenderTitle, {
             element: "span"
           })
-        }), _jsx("button", {
-          "aria-label": t("general:close"),
-          className: `${documentDrawerBaseClass}__header-close`,
-          onClick: handleOnClose,
-          type: "button",
-          children: _jsx(XIcon, {})
         })]
       }), showDocumentID && _jsx(DocumentID, {}), AfterHeader ? _jsx("div", {
         className: `${documentDrawerBaseClass}__after-header`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useCallback","Gutter","useModal","RenderTitle","useFormModified","XIcon","useDocumentInfo","useDocumentTitle","useTranslation","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","t0","$","AfterHeader","drawerSlug","showDocumentID","t1","undefined","closeModal","openModal","t","isModified","t2","handleOnClose","t3","t4","_jsxs","className","children","_jsx","element","onClick","type","DocumentID","modalSlug","onConfirm","id","title","toString"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useCallback","useModal","RenderTitle","useFormModified","ChevronIcon","useDocumentInfo","useDocumentTitle","useTranslation","Button","IDLabel","LeaveWithoutSavingModal","documentDrawerBaseClass","leaveWithoutSavingModalSlug","DocumentDrawerHeader","t0","$","AfterHeader","drawerSlug","showDocumentID","t1","undefined","closeModal","openModal","t","isModified","t2","handleOnClose","t3","t4","_jsxs","className","children","_jsx","buttonStyle","icon","direction","size","element","DocumentID","modalSlug","onConfirm","id","title","toString"],"sources":["../../../../src/elements/DocumentDrawer/DrawerHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback } from 'react'\n\nimport { useModal } from '../../../elements/Modal/index.js'\nimport { RenderTitle } from '../../../elements/RenderTitle/index.js'\nimport { useFormModified } from '../../../forms/Form/index.js'\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useDocumentTitle } from '../../../providers/DocumentTitle/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { IDLabel } from '../../IDLabel/index.js'\nimport { LeaveWithoutSavingModal } from '../../LeaveWithoutSaving/index.js'\nimport { documentDrawerBaseClass } from '../index.js'\nimport './index.css'\n\nconst leaveWithoutSavingModalSlug = 'leave-without-saving-doc-drawer'\n\nexport const DocumentDrawerHeader: React.FC<{\n  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    <div className={`${documentDrawerBaseClass}__header`}>\n      <div className={`${documentDrawerBaseClass}__header-content`}>\n        <Button\n          aria-label={t('general:close')}\n          buttonStyle=\"ghost\"\n          className={`${documentDrawerBaseClass}__header-close`}\n          icon={<ChevronIcon direction=\"left\" size={24} />}\n          onClick={handleOnClose}\n        />\n        <h2 className={`${documentDrawerBaseClass}__header-text`}>\n          {<RenderTitle element=\"span\" />}\n        </h2>\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    </div>\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"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { DocumentDrawerProps, DocumentTogglerProps, UseDocumentDrawer } from './types.js';
-import './index.scss';
 export declare const documentDrawerBaseClass = "doc-drawer";
 export declare const DocumentDrawerToggler: React.FC<DocumentTogglerProps>;
 export declare const DocumentDrawer: React.FC<DocumentDrawerProps>;

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

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

package/dist/elements/DocumentDrawer/index.js

@@ -2,15 +2,13 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
-import React, { useCallback, useEffect, useId, useMemo, useState } from 'react';
+import React, { useCallback, useId, useMemo, useRef } from 'react';
 import { useRelatedCollections } from '../../hooks/useRelatedCollections.js';
 import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Drawer, DrawerToggler } from '../Drawer/index.js';
 import { DocumentDrawerContent } from './DrawerContent.js';
-import './index.scss';
 export const documentDrawerBaseClass = 'doc-drawer';
 const formatDocumentDrawerSlug = ({
   id,
@@ -21,6 +19,7 @@ const formatDocumentDrawerSlug = ({
 export const DocumentDrawerToggler = t0 => {
   const $ = _c(2);
   const {
+    buttonStyle,
     children,
     className,
     collectionSlug,
@@ -47,6 +46,7 @@ export const DocumentDrawerToggler = t0 => {
   }
   return _jsx(DrawerToggler, {
     "aria-label": t1,
+    buttonStyle,
     className: t2.join(" "),
     disabled,
     onClick,
@@ -61,7 +61,6 @@ export const DocumentDrawer = props => {
   } = props;
   return /*#__PURE__*/_jsx(Drawer, {
     className: documentDrawerBaseClass,
-    gutter: false,
     Header: null,
     slug: drawerSlug,
     children: /*#__PURE__*/_jsx(DocumentDrawerContent, {
@@ -88,157 +87,69 @@ export const DocumentDrawer = props => {
  *    <DocumentDrawer collectionSlug="posts" id={postId} />
  *  </div>
  */
-export const useDocumentDrawer = t0 => {
-  const $ = _c(38);
-  const {
-    id,
-    collectionSlug,
-    overrideEntityVisibility
-  } = t0;
+export const useDocumentDrawer = ({
+  id,
+  collectionSlug,
+  drawerSlug: drawerSlugFromProps,
+  overrideEntityVisibility
+}) => {
   const editDepth = useEditDepth();
   const uuid = useId();
   const {
     closeModal,
-    modalState,
     openModal,
     toggleModal
   } = useModal();
-  const [isOpen, setIsOpen] = useState(false);
-  let t1;
-  if ($[0] !== collectionSlug || $[1] !== editDepth || $[2] !== id || $[3] !== uuid) {
-    t1 = formatDocumentDrawerSlug({
-      id,
-      collectionSlug,
-      depth: editDepth,
-      uuid
-    });
-    $[0] = collectionSlug;
-    $[1] = editDepth;
-    $[2] = id;
-    $[3] = uuid;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const drawerSlug = t1;
-  let t2;
-  let t3;
-  if ($[5] !== drawerSlug || $[6] !== modalState) {
-    t2 = () => {
-      setIsOpen(Boolean(modalState[drawerSlug]?.isOpen));
-    };
-    t3 = [modalState, drawerSlug];
-    $[5] = drawerSlug;
-    $[6] = modalState;
-    $[7] = t2;
-    $[8] = t3;
-  } else {
-    t2 = $[7];
-    t3 = $[8];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[9] !== drawerSlug || $[10] !== toggleModal) {
-    t4 = () => {
-      toggleModal(drawerSlug);
-    };
-    $[9] = drawerSlug;
-    $[10] = toggleModal;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  const toggleDrawer = t4;
-  let t5;
-  if ($[12] !== closeModal || $[13] !== drawerSlug) {
-    t5 = () => {
-      closeModal(drawerSlug);
-    };
-    $[12] = closeModal;
-    $[13] = drawerSlug;
-    $[14] = t5;
-  } else {
-    t5 = $[14];
-  }
-  const closeDrawer = t5;
-  let t6;
-  if ($[15] !== drawerSlug || $[16] !== openModal) {
-    t6 = () => {
-      openModal(drawerSlug);
-    };
-    $[15] = drawerSlug;
-    $[16] = openModal;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  const openDrawer = t6;
-  let t7;
-  if ($[18] !== collectionSlug || $[19] !== drawerSlug || $[20] !== id || $[21] !== overrideEntityVisibility) {
-    t7 = props => _createElement(DocumentDrawer, {
+  // Use provided slug or generate one
+  const drawerSlug = drawerSlugFromProps || formatDocumentDrawerSlug({
+    id,
+    collectionSlug,
+    depth: editDepth,
+    uuid
+  });
+  // Store modal functions in refs to ensure stable callbacks
+  // This prevents re-renders when other modals change state
+  const closeModalRef = useRef(closeModal);
+  const openModalRef = useRef(openModal);
+  const toggleModalRef = useRef(toggleModal);
+  closeModalRef.current = closeModal;
+  openModalRef.current = openModal;
+  toggleModalRef.current = toggleModal;
+  const toggleDrawer = useCallback(() => {
+    toggleModalRef.current(drawerSlug);
+  }, [drawerSlug]);
+  const closeDrawer = useCallback(() => {
+    closeModalRef.current(drawerSlug);
+  }, [drawerSlug]);
+  const openDrawer = useCallback(() => {
+    openModalRef.current(drawerSlug);
+  }, [drawerSlug]);
+  const MemoizedDrawer = useMemo(() => {
+    return props => /*#__PURE__*/_jsx(DocumentDrawer, {
       ...props,
-      collectionSlug,
-      drawerSlug,
-      id,
-      key: drawerSlug,
-      overrideEntityVisibility
-    });
-    $[18] = collectionSlug;
-    $[19] = drawerSlug;
-    $[20] = id;
-    $[21] = overrideEntityVisibility;
-    $[22] = t7;
-  } else {
-    t7 = $[22];
-  }
-  const MemoizedDrawer = t7;
-  let t8;
-  if ($[23] !== collectionSlug || $[24] !== drawerSlug || $[25] !== id) {
-    t8 = props_0 => _jsx(DocumentDrawerToggler, {
+      collectionSlug: collectionSlug,
+      drawerSlug: drawerSlug,
+      id: id,
+      overrideEntityVisibility: overrideEntityVisibility
+    }, drawerSlug);
+  }, [id, drawerSlug, collectionSlug, overrideEntityVisibility]);
+  const MemoizedDrawerToggler = useMemo(() => {
+    return props_0 => /*#__PURE__*/_jsx(DocumentDrawerToggler, {
       ...props_0,
-      collectionSlug,
-      drawerSlug,
-      operation: !id ? "create" : "update"
+      collectionSlug: collectionSlug,
+      drawerSlug: drawerSlug,
+      operation: !id ? 'create' : 'update'
     });
-    $[23] = collectionSlug;
-    $[24] = drawerSlug;
-    $[25] = id;
-    $[26] = t8;
-  } else {
-    t8 = $[26];
-  }
-  const MemoizedDrawerToggler = t8;
-  let t9;
-  if ($[27] !== closeDrawer || $[28] !== drawerSlug || $[29] !== editDepth || $[30] !== isOpen || $[31] !== openDrawer || $[32] !== toggleDrawer) {
-    t9 = {
-      closeDrawer,
-      drawerDepth: editDepth,
-      drawerSlug,
-      isDrawerOpen: isOpen,
-      openDrawer,
-      toggleDrawer
-    };
-    $[27] = closeDrawer;
-    $[28] = drawerSlug;
-    $[29] = editDepth;
-    $[30] = isOpen;
-    $[31] = openDrawer;
-    $[32] = toggleDrawer;
-    $[33] = t9;
-  } else {
-    t9 = $[33];
-  }
-  const MemoizedDrawerState = t9;
-  let t10;
-  if ($[34] !== MemoizedDrawer || $[35] !== MemoizedDrawerState || $[36] !== MemoizedDrawerToggler) {
-    t10 = [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
-    $[34] = MemoizedDrawer;
-    $[35] = MemoizedDrawerState;
-    $[36] = MemoizedDrawerToggler;
-    $[37] = t10;
-  } else {
-    t10 = $[37];
-  }
-  return t10;
+  }, [id, drawerSlug, collectionSlug]);
+  const MemoizedDrawerState = useMemo(() => ({
+    closeDrawer,
+    drawerDepth: editDepth,
+    drawerSlug,
+    // Note: Not tracking isDrawerOpen to prevent re-renders when modals change state
+    isDrawerOpen: false,
+    openDrawer,
+    toggleDrawer
+  }), [editDepth, drawerSlug, toggleDrawer, closeDrawer, openDrawer]);
+  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
 };
 //# sourceMappingURL=index.js.map

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

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