@payloadcms/ui 3.57.0-internal.f26caed → 3.57.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","toast","useConfig","EditDepthProvider","useTranslation","UploadControlsProvider","Drawer","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","getEntityConfig","t","uploadCollection","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","onCancel","BulkUploadDrawer","$","t0","gutter","Header","slug","children","Context","createContext","initialFiles","maxFiles","onSuccess","setCollectionSlug","setInitialFiles","setMaxFiles","setOnCancel","setOnSuccess","BulkUploadProvider","drawerSlugPrefix","collection","setCollection","useState","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","t1","Symbol","for","t2","t3","t4","docIDs","errorCount","t5","value","_jsxs","Fragment","use","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider } from '../../providers/UploadControls/index.js'\nimport { Drawer, useDrawerDepth } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { closeModal } = useModal()\n  const { collectionSlug, drawerSlug } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n\n  const uploadCollection = getEntityConfig({ collectionSlug })\n  const uploadConfig = uploadCollection?.upload\n  const uploadMimeTypes = uploadConfig?.mimeTypes\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      const fileTransfer = new DataTransfer()\n      for (const candidateFile of acceptedFiles) {\n        if (\n          uploadMimeTypes === undefined ||\n          uploadMimeTypes.length === 0 ||\n          validateMimeType(candidateFile.type, uploadMimeTypes)\n        ) {\n          fileTransfer.items.add(candidateFile)\n        }\n      }\n      if (fileTransfer.files.length === 0) {\n        toast.error(t('error:invalidFileType'))\n      } else {\n        void addFiles(fileTransfer.files)\n      }\n    },\n    [addFiles, t, uploadMimeTypes],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        onCancel={() => closeModal(drawerSlug)}\n        onDrop={onDrop}\n      />\n    )\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n  const { drawerSlug } = useBulkUpload()\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <FormsManagerProvider>\n        <UploadControlsProvider>\n          <EditDepthProvider>\n            <DrawerContent />\n          </EditDepthProvider>\n        </UploadControlsProvider>\n      </FormsManagerProvider>\n    </Drawer>\n  )\n}\n\ntype BulkUploadContext = {\n  collectionSlug: string\n  drawerSlug: string\n  initialFiles: FileList\n  maxFiles: number\n  onCancel: () => void\n  onSuccess: (newDocs: JsonObject[], errorCount: number) => void\n  setCollectionSlug: (slug: string) => void\n  setInitialFiles: (files: FileList) => void\n  setMaxFiles: (maxFiles: number) => void\n  setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n  setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n  collectionSlug: '',\n  drawerSlug: '',\n  initialFiles: undefined,\n  maxFiles: undefined,\n  onCancel: () => null,\n  onSuccess: () => null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n})\nexport function BulkUploadProvider({\n  children,\n  drawerSlugPrefix,\n}: {\n  readonly children: React.ReactNode\n  readonly drawerSlugPrefix?: string\n}) {\n  const [collection, setCollection] = React.useState<string>()\n  const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n  const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n  const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n  const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n  const drawerSlug = `${drawerSlugPrefix ? `${drawerSlugPrefix}-` : ''}${useBulkUploadDrawerSlug()}`\n\n  const setCollectionSlug: BulkUploadContext['setCollectionSlug'] = (slug) => {\n    setCollection(slug)\n  }\n\n  const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n    setOnSuccessFunction(() => onSuccess)\n  }\n\n  return (\n    <Context\n      value={{\n        collectionSlug: collection,\n        drawerSlug,\n        initialFiles,\n        maxFiles,\n        onCancel: () => {\n          if (typeof onCancelFunction === 'function') {\n            onCancelFunction()\n          }\n        },\n        onSuccess: (docIDs, errorCount) => {\n          if (typeof onSuccessFunction === 'function') {\n            onSuccessFunction(docIDs, errorCount)\n          }\n        },\n        setCollectionSlug,\n        setInitialFiles,\n        setMaxFiles,\n        setOnCancel: setOnCancelFunction,\n        setOnSuccess,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadDrawer />\n      </React.Fragment>\n    </Context>\n  )\n}\n\nexport const useBulkUpload = () => React.use(Context)\n\nexport function useBulkUploadDrawerSlug() {\n  const depth = useDrawerDepth()\n\n  return `${drawerSlug}-${depth || 1}`\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","validateMimeType","React","useEffect","toast","useEffectEvent","useConfig","EditDepthProvider","useTranslation","UploadControlsProvider","Drawer","useDrawerDepth","AddFilesView","AddingFilesView","FormsManagerProvider","useFormsManager","drawerSlug","DrawerContent","addFiles","forms","isInitializing","closeModal","collectionSlug","useBulkUpload","getEntityConfig","t","uploadCollection","uploadConfig","upload","uploadMimeTypes","mimeTypes","onDrop","useCallback","acceptedFiles","fileTransfer","DataTransfer","candidateFile","undefined","length","type","items","add","files","error","_jsx","acceptMimeTypes","join","onCancel","BulkUploadDrawer","$","setInitialFiles","setInitialForms","setOnCancel","setOnSuccess","setSelectableCollections","setSuccessfullyUploaded","successfullyUploaded","modalState","previousModalStateRef","useRef","t0","modalState_0","previousModalState","current","currentModalState","isOpen","_temp2","_temp4","onModalStateChanged","t1","t2","t3","gutter","Header","slug","children","_temp3","_temp","Context","createContext","initialFiles","initialForms","maxFiles","onSuccess","selectableCollections","setCollectionSlug","setMaxFiles","BulkUploadProvider","drawerSlugPrefix","useState","collection","setCollection","onSuccessFunction","setOnSuccessFunction","onCancelFunction","setOnCancelFunction","useBulkUploadDrawerSlug","Symbol","for","t4","newDocs","errorCount","t5","value","_jsxs","Fragment","use","depth"],"sources":["../../../src/elements/BulkUpload/index.tsx"],"sourcesContent":["'use client'\n\nimport type { CollectionSlug, JsonObject } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { validateMimeType } from 'payload/shared'\nimport React, { useEffect } from 'react'\nimport { toast } from 'sonner'\n\nimport { useEffectEvent } from '../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { EditDepthProvider } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { UploadControlsProvider } from '../../providers/UploadControls/index.js'\nimport { Drawer, useDrawerDepth } from '../Drawer/index.js'\nimport { AddFilesView } from './AddFilesView/index.js'\nimport { AddingFilesView } from './AddingFilesView/index.js'\nimport { FormsManagerProvider, type InitialForms, useFormsManager } from './FormsManager/index.js'\n\nconst drawerSlug = 'bulk-upload-drawer-slug'\n\nfunction DrawerContent() {\n  const { addFiles, forms, isInitializing } = useFormsManager()\n  const { closeModal } = useModal()\n  const { collectionSlug, drawerSlug } = useBulkUpload()\n  const { getEntityConfig } = useConfig()\n  const { t } = useTranslation()\n\n  const uploadCollection = getEntityConfig({ collectionSlug })\n  const uploadConfig = uploadCollection?.upload\n  const uploadMimeTypes = uploadConfig?.mimeTypes\n\n  const onDrop = React.useCallback(\n    (acceptedFiles: FileList) => {\n      const fileTransfer = new DataTransfer()\n      for (const candidateFile of acceptedFiles) {\n        if (\n          uploadMimeTypes === undefined ||\n          uploadMimeTypes.length === 0 ||\n          validateMimeType(candidateFile.type, uploadMimeTypes)\n        ) {\n          fileTransfer.items.add(candidateFile)\n        }\n      }\n      if (fileTransfer.files.length === 0) {\n        toast.error(t('error:invalidFileType'))\n      } else {\n        void addFiles(fileTransfer.files)\n      }\n    },\n    [addFiles, t, uploadMimeTypes],\n  )\n\n  if (!collectionSlug) {\n    return null\n  }\n\n  if (!forms.length && !isInitializing) {\n    return (\n      <AddFilesView\n        acceptMimeTypes={uploadMimeTypes?.join(', ')}\n        onCancel={() => closeModal(drawerSlug)}\n        onDrop={onDrop}\n      />\n    )\n  } else {\n    return <AddingFilesView />\n  }\n}\n\nexport type BulkUploadProps = {\n  readonly children: React.ReactNode\n}\n\nexport function BulkUploadDrawer() {\n  const {\n    drawerSlug,\n    onCancel,\n    setInitialFiles,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setSelectableCollections,\n    setSuccessfullyUploaded,\n    successfullyUploaded,\n  } = useBulkUpload()\n  const { modalState } = useModal()\n  const previousModalStateRef = React.useRef(modalState)\n\n  /**\n   * This is used to trigger onCancel when the drawer is closed (=> forms reset, as FormsManager is unmounted)\n   */\n  const onModalStateChanged = useEffectEvent((modalState) => {\n    const previousModalState = previousModalStateRef.current[drawerSlug]\n    const currentModalState = modalState[drawerSlug]\n\n    if (typeof currentModalState === 'undefined' && typeof previousModalState === 'undefined') {\n      return\n    }\n\n    if (previousModalState?.isOpen !== currentModalState?.isOpen) {\n      if (!currentModalState?.isOpen) {\n        if (!successfullyUploaded) {\n          // It's only cancelled if successfullyUploaded is not set. Otherwise, this would simply be a modal close after success\n          // => do not call cancel, just reset everything\n          if (typeof onCancel === 'function') {\n            onCancel()\n          }\n        }\n\n        // Reset everything to defaults\n        setInitialFiles(undefined)\n        setInitialForms(undefined)\n        setOnCancel(() => () => null)\n        setOnSuccess(() => () => null)\n        setSelectableCollections(null)\n        setSuccessfullyUploaded(false)\n      }\n    }\n    previousModalStateRef.current = modalState\n  })\n\n  useEffect(() => {\n    onModalStateChanged(modalState)\n  }, [modalState])\n\n  return (\n    <Drawer gutter={false} Header={null} slug={drawerSlug}>\n      <FormsManagerProvider>\n        <UploadControlsProvider>\n          <EditDepthProvider>\n            <DrawerContent />\n          </EditDepthProvider>\n        </UploadControlsProvider>\n      </FormsManagerProvider>\n    </Drawer>\n  )\n}\n\nexport type BulkUploadContext = {\n  collectionSlug: CollectionSlug\n  drawerSlug: string\n  initialFiles: FileList\n  /**\n   * Like initialFiles, but allows manually providing initial form state or the form ID for each file\n   */\n  initialForms: InitialForms\n  maxFiles: number\n  onCancel: () => void\n  onSuccess: (\n    uploadedForms: Array<{\n      collectionSlug: CollectionSlug\n      doc: JsonObject\n      /**\n       * ID of the form that created this document\n       */\n      formID: string\n    }>,\n    errorCount: number,\n  ) => void\n  /**\n   * An array of collection slugs that can be selected in the collection dropdown (if applicable)\n   * @default null - collection cannot be selected\n   */\n  selectableCollections?: null | string[]\n  setCollectionSlug: (slug: string) => void\n  setInitialFiles: (files: FileList) => void\n  setInitialForms: (\n    forms: ((forms: InitialForms | undefined) => InitialForms | undefined) | InitialForms,\n  ) => void\n  setMaxFiles: (maxFiles: number) => void\n  setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void\n  setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void\n  /**\n   * Set the collections that can be selected in the collection dropdown (if applicable)\n   *\n   * @default null - collection cannot be selected\n   */\n  setSelectableCollections: (collections: null | string[]) => void\n  setSuccessfullyUploaded: (successfullyUploaded: boolean) => void\n  successfullyUploaded: boolean\n}\n\nconst Context = React.createContext<BulkUploadContext>({\n  collectionSlug: '',\n  drawerSlug: '',\n  initialFiles: undefined,\n  initialForms: [],\n  maxFiles: undefined,\n  onCancel: () => null,\n  onSuccess: () => null,\n  selectableCollections: null,\n  setCollectionSlug: () => null,\n  setInitialFiles: () => null,\n  setInitialForms: () => null,\n  setMaxFiles: () => null,\n  setOnCancel: () => null,\n  setOnSuccess: () => null,\n  setSelectableCollections: () => null,\n  setSuccessfullyUploaded: () => false,\n  successfullyUploaded: false,\n})\nexport function BulkUploadProvider({\n  children,\n  drawerSlugPrefix,\n}: {\n  readonly children: React.ReactNode\n  readonly drawerSlugPrefix?: string\n}) {\n  const [selectableCollections, setSelectableCollections] = React.useState<null | string[]>(null)\n  const [collection, setCollection] = React.useState<string>()\n  const [onSuccessFunction, setOnSuccessFunction] = React.useState<BulkUploadContext['onSuccess']>()\n  const [onCancelFunction, setOnCancelFunction] = React.useState<BulkUploadContext['onCancel']>()\n  const [initialFiles, setInitialFiles] = React.useState<FileList>(undefined)\n  const [initialForms, setInitialForms] = React.useState<InitialForms>(undefined)\n  const [maxFiles, setMaxFiles] = React.useState<number>(undefined)\n  const [successfullyUploaded, setSuccessfullyUploaded] = React.useState<boolean>(false)\n\n  const drawerSlug = `${drawerSlugPrefix ? `${drawerSlugPrefix}-` : ''}${useBulkUploadDrawerSlug()}`\n\n  const setOnSuccess: BulkUploadContext['setOnSuccess'] = (onSuccess) => {\n    setOnSuccessFunction(() => onSuccess)\n  }\n  const setOnCancel: BulkUploadContext['setOnCancel'] = (onCancel) => {\n    setOnCancelFunction(() => onCancel)\n  }\n\n  return (\n    <Context\n      value={{\n        collectionSlug: collection,\n        drawerSlug,\n        initialFiles,\n        initialForms,\n        maxFiles,\n        onCancel: () => {\n          if (typeof onCancelFunction === 'function') {\n            onCancelFunction()\n          }\n        },\n        onSuccess: (newDocs, errorCount) => {\n          if (typeof onSuccessFunction === 'function') {\n            onSuccessFunction(newDocs, errorCount)\n          }\n        },\n        selectableCollections,\n        setCollectionSlug: setCollection,\n        setInitialFiles,\n        setInitialForms,\n        setMaxFiles,\n        setOnCancel,\n        setOnSuccess,\n        setSelectableCollections,\n        setSuccessfullyUploaded,\n        successfullyUploaded,\n      }}\n    >\n      <React.Fragment>\n        {children}\n        <BulkUploadDrawer />\n      </React.Fragment>\n    </Context>\n  )\n}\n\nexport const useBulkUpload = () => React.use(Context)\n\nexport function useBulkUploadDrawerSlug() {\n  const depth = useDrawerDepth()\n\n  return `${drawerSlug}-${depth || 1}`\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ConfirmationModal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA4E9D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ConfirmationModal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBA8E9D"}

package/dist/elements/ConfirmationModal/index.js

@@ -84,6 +84,7 @@ export function ConfirmationModal(props) {
   if ($[12] !== body || $[13] !== cancelLabel || $[14] !== confirmLabel || $[15] !== confirming || $[16] !== confirmingLabel || $[17] !== heading || $[18] !== modalSlug || $[19] !== onCancel || $[20] !== onConfirm || $[21] !== t || $[22] !== t3 || $[23] !== t4) {
     t5 = _jsx(Modal, {
       className: t3,
+      closeOnBlur: false,
       slug: modalSlug,
       style: {
         zIndex: t4

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","_jsx","slug","style","zIndex","children","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","useCallback","useTranslation","Button","drawerZBase","useDrawerDepth","baseClass","ConfirmationModal","props","$","body","cancelLabel","className","confirmingLabel","confirmLabel","heading","modalSlug","onCancel","onCancelFromProps","onConfirm","onConfirmFromProps","editDepth","confirming","setConfirming","useState","closeModal","t","t0","t1","t2","filter","Boolean","t3","join","t4","t5","_jsx","closeOnBlur","slug","style","zIndex","children","_jsxs","buttonStyle","disabled","id","onClick","size","type"],"sources":["../../../src/elements/ConfirmationModal/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { useCallback } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { drawerZBase, useDrawerDepth } from '../Drawer/index.js'\nimport './index.scss'\n\nconst baseClass = 'confirmation-modal'\n\nexport type OnCancel = () => void\n\nexport type ConfirmationModalProps = {\n  body: React.ReactNode\n  cancelLabel?: string\n  className?: string\n  confirmingLabel?: string\n  confirmLabel?: string\n  heading: React.ReactNode\n  modalSlug: string\n  onCancel?: OnCancel\n  onConfirm: () => Promise<void> | void\n}\n\nexport function ConfirmationModal(props: ConfirmationModalProps) {\n  const {\n    body,\n    cancelLabel,\n    className,\n    confirmingLabel,\n    confirmLabel,\n    heading,\n    modalSlug,\n    onCancel: onCancelFromProps,\n    onConfirm: onConfirmFromProps,\n  } = props\n\n  const editDepth = useDrawerDepth()\n\n  const [confirming, setConfirming] = React.useState(false)\n\n  const { closeModal } = useModal()\n  const { t } = useTranslation()\n\n  const onConfirm = useCallback(async () => {\n    if (!confirming) {\n      setConfirming(true)\n\n      if (typeof onConfirmFromProps === 'function') {\n        await onConfirmFromProps()\n      }\n\n      setConfirming(false)\n      closeModal(modalSlug)\n    }\n  }, [confirming, onConfirmFromProps, closeModal, modalSlug])\n\n  const onCancel = useCallback(() => {\n    if (!confirming) {\n      closeModal(modalSlug)\n\n      if (typeof onCancelFromProps === 'function') {\n        onCancelFromProps()\n      }\n    }\n  }, [confirming, onCancelFromProps, closeModal, modalSlug])\n\n  return (\n    <Modal\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n      style={{\n        zIndex: drawerZBase + editDepth,\n      }}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          {typeof heading === 'string' ? <h1>{heading}</h1> : heading}\n          {typeof body === 'string' ? <p>{body}</p> : body}\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            disabled={confirming}\n            id=\"confirm-cancel\"\n            onClick={onCancel}\n            size=\"large\"\n            type=\"button\"\n          >\n            {cancelLabel || t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-action\" onClick={onConfirm} size=\"large\">\n            {confirming\n              ? confirmingLabel || `${t('general:loading')}...`\n              : confirmLabel || t('general:confirm')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CAuEA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentLocked/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAoB,MAAM,OAAO,CAAA;AAQxC,OAAO,cAAc,CAAA;AAoBrB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACpC,CA2EA,CAAA"}

package/dist/elements/DocumentLocked/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { isClientUserObject } from '../../utilities/isClientUserObject.js';
@@ -25,7 +26,7 @@ const formatDate = date => {
   }).format(date);
 };
 export const DocumentLocked = t0 => {
-  const $ = _c(30);
+  const $ = _c(32);
   const {
     handleGoBack,
     isActive,
@@ -41,6 +42,9 @@ export const DocumentLocked = t0 => {
   const {
     t
   } = useTranslation();
+  const {
+    clearRouteCache
+  } = useRouteCache();
   const {
     startRouteTransition
   } = useRouteTransition();
@@ -77,53 +81,56 @@ export const DocumentLocked = t0 => {
     t3 = $[7];
   }
   let t4;
-  if ($[8] !== closeModal || $[9] !== handleGoBack || $[10] !== onReadOnly || $[11] !== onTakeOver || $[12] !== startRouteTransition || $[13] !== t || $[14] !== t3 || $[15] !== updatedAt || $[16] !== user) {
+  if ($[8] !== clearRouteCache || $[9] !== closeModal || $[10] !== handleGoBack || $[11] !== onReadOnly || $[12] !== onTakeOver || $[13] !== startRouteTransition || $[14] !== t || $[15] !== t3 || $[16] !== updatedAt || $[17] !== user) {
     let t5;
-    if ($[18] !== t || $[19] !== user) {
+    if ($[19] !== t || $[20] !== user) {
       t5 = isClientUserObject(user) ? user.email ?? user.id : `${t("general:user")}: ${user}`;
-      $[18] = t;
-      $[19] = user;
-      $[20] = t5;
+      $[19] = t;
+      $[20] = user;
+      $[21] = t5;
     } else {
-      t5 = $[20];
+      t5 = $[21];
     }
     let t6;
-    if ($[21] !== handleGoBack || $[22] !== startRouteTransition) {
+    if ($[22] !== handleGoBack || $[23] !== startRouteTransition) {
       t6 = () => {
         startRouteTransition(() => handleGoBack());
       };
-      $[21] = handleGoBack;
-      $[22] = startRouteTransition;
-      $[23] = t6;
+      $[22] = handleGoBack;
+      $[23] = startRouteTransition;
+      $[24] = t6;
     } else {
-      t6 = $[23];
+      t6 = $[24];
     }
     let t7;
-    if ($[24] !== closeModal || $[25] !== onReadOnly) {
+    if ($[25] !== clearRouteCache || $[26] !== closeModal || $[27] !== onReadOnly) {
       t7 = () => {
         onReadOnly();
         closeModal(modalSlug);
+        clearRouteCache();
       };
-      $[24] = closeModal;
-      $[25] = onReadOnly;
-      $[26] = t7;
+      $[25] = clearRouteCache;
+      $[26] = closeModal;
+      $[27] = onReadOnly;
+      $[28] = t7;
     } else {
-      t7 = $[26];
+      t7 = $[28];
     }
     let t8;
-    if ($[27] !== closeModal || $[28] !== onTakeOver) {
+    if ($[29] !== closeModal || $[30] !== onTakeOver) {
       t8 = () => {
         onTakeOver();
         closeModal(modalSlug);
       };
-      $[27] = closeModal;
-      $[28] = onTakeOver;
-      $[29] = t8;
+      $[29] = closeModal;
+      $[30] = onTakeOver;
+      $[31] = t8;
     } else {
-      t8 = $[29];
+      t8 = $[31];
     }
     t4 = _jsx(Modal, {
       className: baseClass,
+      closeOnBlur: false,
       onClose: t3,
       slug: modalSlug,
       children: _jsxs("div", {
@@ -165,18 +172,19 @@ export const DocumentLocked = t0 => {
         })]
       })
     });
-    $[8] = closeModal;
-    $[9] = handleGoBack;
-    $[10] = onReadOnly;
-    $[11] = onTakeOver;
-    $[12] = startRouteTransition;
-    $[13] = t;
-    $[14] = t3;
-    $[15] = updatedAt;
-    $[16] = user;
-    $[17] = t4;
+    $[8] = clearRouteCache;
+    $[9] = closeModal;
+    $[10] = handleGoBack;
+    $[11] = onReadOnly;
+    $[12] = onTakeOver;
+    $[13] = startRouteTransition;
+    $[14] = t;
+    $[15] = t3;
+    $[16] = updatedAt;
+    $[17] = user;
+    $[18] = t4;
   } else {
-    t4 = $[17];
+    t4 = $[18];
   }
   return t4;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","startRouteTransition","t1","t2","t3","t4","t5","email","id","t6","t7","t8","_jsx","className","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={() => {\n              startRouteTransition(() => handleGoBack())\n            }}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              void onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","isClientUserObject","Button","Modal","useModal","modalSlug","baseClass","formatDate","date","Intl","DateTimeFormat","day","hour","hour12","minute","month","year","format","DocumentLocked","t0","$","handleGoBack","isActive","onReadOnly","onTakeOver","updatedAt","user","closeModal","openModal","t","clearRouteCache","startRouteTransition","t1","t2","t3","t4","t5","email","id","t6","t7","t8","_jsx","className","closeOnBlur","onClose","slug","children","_jsxs","buttonStyle","onClick","size"],"sources":["../../../src/elements/DocumentLocked/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientUser } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { isClientUserObject } from '../../utilities/isClientUserObject.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-locked'\n\nconst baseClass = 'document-locked'\n\nconst formatDate = (date) => {\n  if (!date) {\n    return ''\n  }\n  return new Intl.DateTimeFormat('en-US', {\n    day: 'numeric',\n    hour: 'numeric',\n    hour12: true,\n    minute: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  }).format(date)\n}\n\nexport const DocumentLocked: React.FC<{\n  handleGoBack: () => void\n  isActive: boolean\n  onReadOnly: () => void\n  onTakeOver: () => void\n  updatedAt?: null | number\n  user?: ClientUser | number | string\n}> = ({ handleGoBack, isActive, onReadOnly, onTakeOver, updatedAt, user }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { clearRouteCache } = useRouteCache()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      onClose={() => {\n        startRouteTransition(() => handleGoBack())\n      }}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:documentLocked')}</h1>\n          <p>\n            <strong>\n              {isClientUserObject(user) ? (user.email ?? user.id) : `${t('general:user')}: ${user}`}\n            </strong>{' '}\n            {t('general:currentlyEditing')}\n          </p>\n          <p>\n            {t('general:editedSince')} <strong>{formatDate(updatedAt)}</strong>\n          </p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-go-back`}\n            onClick={() => {\n              startRouteTransition(() => handleGoBack())\n            }}\n            size=\"large\"\n          >\n            {t('general:goBack')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-take-over`}\n            onClick={() => {\n              onTakeOver()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:takeOver')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CA8CA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAOxC,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC;IACtC,qBAAqB,EAAE,MAAM,IAAI,CAAA;IACjC,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CAqDA,CAAA"}

package/dist/elements/DocumentTakeOver/index.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useRouteTransition } from '../../providers/RouteTransition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
@@ -11,7 +12,7 @@ import './index.scss';
 const modalSlug = 'document-take-over';
 const baseClass = 'document-take-over';
 export const DocumentTakeOver = t0 => {
-  const $ = _c(17);
+  const $ = _c(19);
   const {
     handleBackToDashboard,
     isActive,
@@ -27,6 +28,9 @@ export const DocumentTakeOver = t0 => {
   const {
     startRouteTransition
   } = useRouteTransition();
+  const {
+    clearRouteCache
+  } = useRouteCache();
   let t1;
   let t2;
   if ($[0] !== closeModal || $[1] !== isActive || $[2] !== openModal) {
@@ -49,32 +53,35 @@ export const DocumentTakeOver = t0 => {
   }
   useEffect(t1, t2);
   let t3;
-  if ($[5] !== closeModal || $[6] !== handleBackToDashboard || $[7] !== onReadOnly || $[8] !== startRouteTransition || $[9] !== t) {
+  if ($[5] !== clearRouteCache || $[6] !== closeModal || $[7] !== handleBackToDashboard || $[8] !== onReadOnly || $[9] !== startRouteTransition || $[10] !== t) {
     let t4;
-    if ($[11] !== handleBackToDashboard || $[12] !== startRouteTransition) {
+    if ($[12] !== handleBackToDashboard || $[13] !== startRouteTransition) {
       t4 = () => {
         startRouteTransition(() => handleBackToDashboard());
       };
-      $[11] = handleBackToDashboard;
-      $[12] = startRouteTransition;
-      $[13] = t4;
+      $[12] = handleBackToDashboard;
+      $[13] = startRouteTransition;
+      $[14] = t4;
     } else {
-      t4 = $[13];
+      t4 = $[14];
     }
     let t5;
-    if ($[14] !== closeModal || $[15] !== onReadOnly) {
+    if ($[15] !== clearRouteCache || $[16] !== closeModal || $[17] !== onReadOnly) {
       t5 = () => {
         onReadOnly();
         closeModal(modalSlug);
+        clearRouteCache();
       };
-      $[14] = closeModal;
-      $[15] = onReadOnly;
-      $[16] = t5;
+      $[15] = clearRouteCache;
+      $[16] = closeModal;
+      $[17] = onReadOnly;
+      $[18] = t5;
     } else {
-      t5 = $[16];
+      t5 = $[18];
     }
     t3 = _jsx(Modal, {
       className: baseClass,
+      closeOnBlur: false,
       slug: modalSlug,
       children: _jsxs("div", {
         className: `${baseClass}__wrapper`,
@@ -103,14 +110,15 @@ export const DocumentTakeOver = t0 => {
         })]
       })
     });
-    $[5] = closeModal;
-    $[6] = handleBackToDashboard;
-    $[7] = onReadOnly;
-    $[8] = startRouteTransition;
-    $[9] = t;
-    $[10] = t3;
+    $[5] = clearRouteCache;
+    $[6] = closeModal;
+    $[7] = handleBackToDashboard;
+    $[8] = onReadOnly;
+    $[9] = startRouteTransition;
+    $[10] = t;
+    $[11] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[11];
   }
   return t3;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","t1","t2","t3","t4","t5","_jsx","className","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal className={baseClass} slug={modalSlug}>\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,KAAK,EAAEC,QAAQ,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,gBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,qBAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAJ,EAA+C;EACnD;IAAAK,UAAA;IAAAC;EAAA,IAAkCV,QAAA;EAClC;IAAAW;EAAA,IAAcd,cAAA;EACd;IAAAe;EAAA,IAAiChB,kBAAA;EAAA,IAAAiB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAK,SAAA;IAEvBG,EAAA,GAAAA,CAAA;MAAA,IACJN,QAAA;QACFG,SAAA,CAAAT,SAAU;MAAA;QAEVQ,UAAA,CAAAR,SAAW;MAAA;IAAA;IAEZa,EAAA,IAACP,QAAA,EAAUG,SAAA,EAAWD,UAAA;IAAWJ,CAAA,MAAAI,UAAA;IAAAJ,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAQ,EAAA;IAAAR,CAAA,MAAAS,EAAA;EAAA;IAAAD,EAAA,GAAAR,CAAA;IAAAS,EAAA,GAAAT,CAAA;EAAA;EANpCV,SAAA,CAAUkB,EAMV,EAAGC,EAAiC;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAC,qBAAA,IAAAD,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAO,oBAAA,IAAAP,CAAA,QAAAM,CAAA;IAAA,IAAAK,EAAA;IAAA,IAAAX,CAAA,SAAAC,qBAAA,IAAAD,CAAA,SAAAO,oBAAA;MAajBI,EAAA,GAAAA,CAAA;QACPJ,oBAAA,OAA2BN,qBAAA;MAAA;MAC7BD,CAAA,OAAAC,qBAAA;MAAAD,CAAA,OAAAO,oBAAA;MAAAP,CAAA,OAAAW,EAAA;IAAA;MAAAA,EAAA,GAAAX,CAAA;IAAA;IAAA,IAAAY,EAAA;IAAA,IAAAZ,CAAA,SAAAI,UAAA,IAAAJ,CAAA,SAAAG,UAAA;MAQSS,EAAA,GAAAA,CAAA;QACPT,UAAA;QACAC,UAAA,CAAAR,SAAW;MAAA;MACbI,CAAA,OAAAI,UAAA;MAAAJ,CAAA,OAAAG,UAAA;MAAAH,CAAA,OAAAY,EAAA;IAAA;MAAAA,EAAA,GAAAZ,CAAA;IAAA;IAvBRU,EAAA,GAAAG,IAAA,CAAAnB,KAAA;MAAAoB,SAAA,EAAAjB,SAAA;MAAAkB,IAAA,EAAAnB,SAAA;MAAAoB,QAAA,EACEC,KAAA,CAAC;QAAAH,SAAA,EAAe,GAAAjB,SAAA,WAAuB;QAAAmB,QAAA,GACrCC,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAjB,SAAA,WAAuB;UAAAmB,QAAA,GACrCH,IAAA,CAAC;YAAAG,QAAA,EAAIV,CAAA,CAAE;UAAA,C,GACPO,IAAA,CAAC;YAAAG,QAAA,EAAGV,CAAA,CAAE;UAAA,C;YAERW,KAAA,CAAC;UAAAH,SAAA,EAAe,GAAAjB,SAAA,YAAwB;UAAAmB,QAAA,GACtCH,IAAA,CAAApB,MAAA;YAAAyB,WAAA,EACc;YAAAC,EAAA,EACR,GAAAvB,SAAA,oBAAgC;YAAAwB,OAAA,EAC3BT,EAET;YAAAU,IAAA,EACK;YAAAL,QAAA,EAEJV,CAAA,CAAE;UAAA,C,GAELO,IAAA,CAAApB,MAAA;YAAAyB,WAAA,EACc;YAAAC,EAAA,EACR,GAAAvB,SAAA,iBAA6B;YAAAwB,OAAA,EACxBR,EAGT;YAAAS,IAAA,EACK;YAAAL,QAAA,EAEJV,CAAA,CAAE;UAAA,C;;;;;;;;;;;;;SA1BXI,E;CAgCJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRouteCache","useRouteTransition","useTranslation","Button","Modal","useModal","modalSlug","baseClass","DocumentTakeOver","t0","$","handleBackToDashboard","isActive","onReadOnly","closeModal","openModal","t","startRouteTransition","clearRouteCache","t1","t2","t3","t4","t5","_jsx","className","closeOnBlur","slug","children","_jsxs","buttonStyle","id","onClick","size"],"sources":["../../../src/elements/DocumentTakeOver/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport { Modal, useModal } from '../Modal/index.js'\nimport './index.scss'\n\nconst modalSlug = 'document-take-over'\n\nconst baseClass = 'document-take-over'\n\nexport const DocumentTakeOver: React.FC<{\n  handleBackToDashboard: () => void\n  isActive: boolean\n  onReadOnly: () => void\n}> = ({ handleBackToDashboard, isActive, onReadOnly }) => {\n  const { closeModal, openModal } = useModal()\n  const { t } = useTranslation()\n  const { startRouteTransition } = useRouteTransition()\n  const { clearRouteCache } = useRouteCache()\n\n  useEffect(() => {\n    if (isActive) {\n      openModal(modalSlug)\n    } else {\n      closeModal(modalSlug)\n    }\n  }, [isActive, openModal, closeModal])\n\n  return (\n    <Modal\n      className={baseClass}\n      // // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      slug={modalSlug}\n    >\n      <div className={`${baseClass}__wrapper`}>\n        <div className={`${baseClass}__content`}>\n          <h1>{t('general:editingTakenOver')}</h1>\n          <p>{t('general:anotherUserTakenOver')}</p>\n        </div>\n        <div className={`${baseClass}__controls`}>\n          <Button\n            buttonStyle=\"primary\"\n            id={`${modalSlug}-back-to-dashboard`}\n            onClick={() => {\n              startRouteTransition(() => handleBackToDashboard())\n            }}\n            size=\"large\"\n          >\n            {t('general:backToDashboard')}\n          </Button>\n          <Button\n            buttonStyle=\"secondary\"\n            id={`${modalSlug}-view-read-only`}\n            onClick={() => {\n              onReadOnly()\n              closeModal(modalSlug)\n              clearRouteCache()\n            }}\n            size=\"large\"\n          >\n            {t('general:viewReadOnly')}\n          </Button>\n        </div>\n      </div>\n    </Modal>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqE,MAAM,OAAO,CAAA;AAEzF,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAKrD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoFlC,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqE,MAAM,OAAO,CAAA;AAEzF,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAKrD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,MAAM,CAAA;AAE9B,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,KAAG,MACzD,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBhD,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsFlC,CAAA;AAED,eAAO,MAAM,kBAAkB,uBAAmB,CAAA;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAKvE,CAAA;AAED,eAAO,MAAM,cAAc,QAAO,MAAiC,CAAA"}

package/dist/elements/Drawer/index.js

@@ -119,6 +119,7 @@ export const Drawer = t0 => {
       t9 = _jsx(DrawerDepthProvider, {
         children: _jsxs(Modal, {
           className: t7,
+          closeOnBlur: false,
           slug,
           style: {
             zIndex: t8

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","createContext","use","useCallback","useLayoutEffect","useState","XIcon","useTranslation","Gutter","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","t0","$","children","className","disabled","onClick","rest","openModal","t1","e","handleClick","_jsx","type","Drawer","gutter","Header","hoverTitle","title","undefined","t","closeModal","modalState","drawerDepth","useDrawerDepth","isOpen","animateIn","setAnimateIn","t2","t3","t4","t5","t6","filter","Boolean","t7","join","t8","t9","t10","DrawerDepthProvider","_jsxs","style","zIndex","id","width","left","right","DrawerDepthContext","parentDepth","value"],"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  gutter = true,\n  Header,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <DrawerDepthProvider>\n        <Modal\n          className={[\n            className,\n            baseClass,\n            animateIn && `${baseClass}--is-open`,\n            drawerDepth > 1 && `${baseClass}--nested`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          slug={slug}\n          style={{\n            zIndex: drawerZBase + drawerDepth,\n          }}\n        >\n          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n          <button\n            aria-label={t('general:close')}\n            className={`${baseClass}__close`}\n            id={`close-drawer__${slug}`}\n            onClick={() => closeModal(slug)}\n            type=\"button\"\n          />\n          <div\n            className={`${baseClass}__content`}\n            style={{\n              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`,\n            }}\n          >\n            <div className={`${baseClass}__blur-bg-content`} />\n            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n              )}\n              {children}\n            </Gutter>\n          </div>\n        </Modal>\n      </DrawerDepthProvider>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(1)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","useModal","React","createContext","use","useCallback","useLayoutEffect","useState","XIcon","useTranslation","Gutter","baseClass","drawerZBase","formatDrawerSlug","slug","depth","useDrawerSlug","DrawerToggler","t0","$","children","className","disabled","onClick","rest","openModal","t1","e","handleClick","_jsx","type","Drawer","gutter","Header","hoverTitle","title","undefined","t","closeModal","modalState","drawerDepth","useDrawerDepth","isOpen","animateIn","setAnimateIn","t2","t3","t4","t5","t6","filter","Boolean","t7","join","t8","t9","t10","DrawerDepthProvider","_jsxs","closeOnBlur","style","zIndex","id","width","left","right","DrawerDepthContext","parentDepth","value"],"sources":["../../../src/elements/Drawer/index.tsx"],"sourcesContent":["'use client'\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport React, { createContext, use, useCallback, useLayoutEffect, useState } from 'react'\n\nimport type { Props, TogglerProps } from './types.js'\n\nimport { XIcon } from '../../icons/X/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Gutter } from '../Gutter/index.js'\nimport './index.scss'\n\nconst baseClass = 'drawer'\n\nexport const drawerZBase = 100\n\nexport const formatDrawerSlug = ({ slug, depth }: { depth: number; slug: string }): string =>\n  `drawer_${depth}_${slug}`\n\nexport { useDrawerSlug } from './useDrawerSlug.js'\n\nexport const DrawerToggler: React.FC<TogglerProps> = ({\n  slug,\n  children,\n  className,\n  disabled,\n  onClick,\n  ...rest\n}) => {\n  const { openModal } = useModal()\n\n  const handleClick = useCallback(\n    (e) => {\n      openModal(slug)\n      if (typeof onClick === 'function') {\n        onClick(e)\n      }\n    },\n    [openModal, slug, onClick],\n  )\n\n  return (\n    <button className={className} disabled={disabled} onClick={handleClick} type=\"button\" {...rest}>\n      {children}\n    </button>\n  )\n}\n\nexport const Drawer: React.FC<Props> = ({\n  slug,\n  children,\n  className,\n  gutter = true,\n  Header,\n  hoverTitle,\n  title,\n}) => {\n  const { t } = useTranslation()\n  const { closeModal, modalState } = useModal()\n  const drawerDepth = useDrawerDepth()\n\n  const isOpen = !!modalState[slug]?.isOpen\n\n  const [animateIn, setAnimateIn] = useState(isOpen)\n\n  useLayoutEffect(() => {\n    setAnimateIn(isOpen)\n  }, [isOpen])\n\n  if (isOpen) {\n    // IMPORTANT: do not render the drawer until it is explicitly open, this is to avoid large html trees especially when nesting drawers\n    return (\n      <DrawerDepthProvider>\n        <Modal\n          className={[\n            className,\n            baseClass,\n            animateIn && `${baseClass}--is-open`,\n            drawerDepth > 1 && `${baseClass}--nested`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // Fixes https://github.com/payloadcms/payload/issues/13778\n          closeOnBlur={false}\n          slug={slug}\n          style={{\n            zIndex: drawerZBase + drawerDepth,\n          }}\n        >\n          {(!drawerDepth || drawerDepth === 1) && <div className={`${baseClass}__blur-bg`} />}\n          <button\n            aria-label={t('general:close')}\n            className={`${baseClass}__close`}\n            id={`close-drawer__${slug}`}\n            onClick={() => closeModal(slug)}\n            type=\"button\"\n          />\n          <div\n            className={`${baseClass}__content`}\n            style={{\n              width: `calc(100% - (${drawerDepth} * var(--gutter-h)))`,\n            }}\n          >\n            <div className={`${baseClass}__blur-bg-content`} />\n            <Gutter className={`${baseClass}__content-children`} left={gutter} right={gutter}>\n              {Header}\n              {Header === undefined && (\n                <div className={`${baseClass}__header`}>\n                  <h2 className={`${baseClass}__header__title`} title={hoverTitle ? title : null}>\n                    {title}\n                  </h2>\n                  {/* TODO: the `button` HTML element breaks CSS transitions on the drawer for some reason...\n                    i.e. changing to a `div` element will fix the animation issue but will break accessibility\n                  */}\n                  <button\n                    aria-label={t('general:close')}\n                    className={`${baseClass}__header__close`}\n                    id={`close-drawer__${slug}`}\n                    onClick={() => closeModal(slug)}\n                    type=\"button\"\n                  >\n                    <XIcon />\n                  </button>\n                </div>\n              )}\n              {children}\n            </Gutter>\n          </div>\n        </Modal>\n      </DrawerDepthProvider>\n    )\n  }\n\n  return null\n}\n\nexport const DrawerDepthContext = createContext(1)\n\nexport const DrawerDepthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parentDepth = useDrawerDepth()\n  const depth = parentDepth + 1\n\n  return <DrawerDepthContext value={depth}>{children}</DrawerDepthContext>\n}\n\nexport const useDrawerDepth = (): number => use(DrawerDepthContext)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FullscreenModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,qBAYrE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/FullscreenModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAG5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,qBAcrE"}

package/dist/elements/FullscreenModal/index.js

@@ -11,6 +11,7 @@ export function FullscreenModal(props) {
   let t0;
   if ($[0] !== currentDepth || $[1] !== props) {
     t0 = _jsx(Modal, {
+      closeOnBlur: false,
       ...props,
       style: {
         ...(props.style || {}),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","Modal","React","useEditDepth","FullscreenModal","props","$","currentDepth","t0","_jsx","style","zIndex"],"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,KAAK,QAAQ;AACtB,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACL,MAAAO,YAAA,GAAqBJ,YAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAD,KAAA;IAGnBG,EAAA,GAAAC,IAAA,CAAAR,KAAA;MAAA,GACMI,KAAK;MAAAK,KAAA;QAAA,IAEHL,KAAA,CAAAK,KAAA,MAAiB;QAAAC,MAAA,EACb,cAAcJ,YAAA,KAAgB;MAAQ;IAAA,C;;;;;;;SAJlDC,E","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","Modal","React","useEditDepth","FullscreenModal","props","$","currentDepth","t0","_jsx","closeOnBlur","style","zIndex"],"sources":["../../../src/elements/FullscreenModal/index.tsx"],"sourcesContent":["'use client'\nimport type { Modal as ModalType } from '@faceless-ui/modal'\n\nimport { Modal } from '@faceless-ui/modal'\nimport React from 'react'\n\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\n\nexport function FullscreenModal(props: Parameters<typeof ModalType>[0]) {\n  const currentDepth = useEditDepth()\n\n  return (\n    <Modal\n      // Fixes https://github.com/payloadcms/payload/issues/13778\n      closeOnBlur={false}\n      {...props}\n      style={{\n        ...(props.style || {}),\n        zIndex: `calc(100 + ${currentDepth || 0} + 1)`,\n      }}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,KAAK,QAAQ;AACtB,OAAOC,KAAA,MAAW;AAElB,SAASC,YAAY,QAAQ;AAE7B,OAAO,SAAAC,gBAAAC,KAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EACL,MAAAO,YAAA,GAAqBJ,YAAA;EAAA,IAAAK,EAAA;EAAA,IAAAF,CAAA,QAAAC,YAAA,IAAAD,CAAA,QAAAD,KAAA;IAGnBG,EAAA,GAAAC,IAAA,CAAAR,KAAA;MAAAS,WAAA;MAAA,GAGML,KAAK;MAAAM,KAAA;QAAA,IAEHN,KAAA,CAAAM,KAAA,MAAiB;QAAAC,MAAA,EACb,cAAcL,YAAA,KAAgB;MAAQ;IAAA,C;;;;;;;SANlDC,E","ignoreList":[]}

package/dist/elements/LivePreview/IFrame/index.d.ts

@@ -1,10 +1,4 @@
 import React from 'react';
 import './index.scss';
-type Props = {
-    ref: React.RefObject<HTMLIFrameElement>;
-    setIframeHasLoaded: (value: boolean) => void;
-    url: string;
-};
-export declare const IFrame: React.FC<Props>;
-export {};
+export declare const IFrame: React.FC;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/LivePreview/IFrame/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/LivePreview/IFrame/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAA;IACvC,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmBlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/LivePreview/IFrame/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAkB1B,CAAA"}