@payloadcms/richtext-lexical 4.0.0-internal.cd47d20 → 4.0.0-internal.ce66a41

package/dist/features/upload/client/plugin/index.js

@@ -128,11 +128,13 @@ export const UploadPlugin = t0 => {
       if (!editor.hasNodes([UploadNode])) {
         throw new Error("UploadPlugin: UploadNode not registered on editor");
       }
+      const pendingUploads = new WeakSet();
       return mergeRegister(editor.registerNodeTransform(UploadNode, node_1 => {
         const nodeData_1 = node_1.getData();
-        if (!nodeData_1?.pending) {
+        if (!nodeData_1?.pending || pendingUploads.has(nodeData_1.pending)) {
           return;
         }
+        pendingUploads.add(nodeData_1.pending);
         const upload = async function upload() {
           let transformedImage = null;
           const src = nodeData_1?.pending?.src;

package/dist/features/upload/client/plugin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$dfsIterator","$insertNodeToNearestRoot","mergeRegister","useBulkUpload","useEffectEvent","useModal","ObjectID","$createRangeSelection","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","$setSelection","COMMAND_PRIORITY_EDITOR","COMMAND_PRIORITY_LOW","createCommand","DROP_COMMAND","getDOMSelectionFromTarget","isHTMLElement","PASTE_COMMAND","React","useEffect","useEnabledRelationships","UploadDrawer","$createUploadNode","$isUploadNode","UploadNode","canDropImage","event","target","closest","parentElement","getDragSelection","range","domSelection","document","caretRangeFromPoint","clientX","clientY","rangeParent","collapse","rangeOffset","getRangeAt","Error","INSERT_UPLOAD_COMMAND","UploadPlugin","t0","$","clientProps","editor","t1","enabledCollectionSlugs","modalSlug","bulkUploadModalSlug","setCollectionSlug","setInitialForms","setOnCancel","setOnSuccess","setSelectableCollections","isModalOpen","openModal","t2","t3","files","length","initialForms","map","_temp","update","_temp2","newDocs","newDocsMap","Map","_temp3","dfsNode_0","node_0","dfsNode","node","nodeData_0","getData","nodeData","pending","newDoc","get","formID","replace","data","id","default","toHexString","fields","relationTo","collectionSlug","value","doc","openBulkUpload","hasNodes","registerNodeTransform","node_1","nodeData_1","upload","transformedImage","src","startsWith","mimeMatch","match","mimeType","base64Data","byteCharacters","atob","byteNumbers","Array","i","charCodeAt","byteArray","Uint8Array","file_0","File","split","type","file","res","fetch","blob","inferredFileName","pop","file_1","registerCommand","payload","selection","uploadNode","focus","focusNode","getNode","__first","remove","ClipboardEvent","clipboardData","types","includes","files_0","from","forEach","file_2","push","alt","selection_0","file_3","pendingUploadNode","URL","createObjectURL","focus_0","focusNode_0","event_0","DragEvent","dt","dataTransfer","files_1","file_4","preventDefault","stopPropagation","selection_1","undefined","applyDOMRange","file_5","pendingUploadNode_0","focus_1","focusNode_1","t4","t5","_jsx"],"sources":["../../../../../src/features/upload/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $dfsIterator, $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\nimport { useBulkUpload, useEffectEvent, useModal } from '@payloadcms/ui'\nimport ObjectID from 'bson-objectid'\nimport {\n  $createRangeSelection,\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_EDITOR,\n  COMMAND_PRIORITY_LOW,\n  createCommand,\n  DROP_COMMAND,\n  getDOMSelectionFromTarget,\n  isHTMLElement,\n  PASTE_COMMAND,\n} from 'lexical'\nimport React, { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { Internal_UploadData, UploadData } from '../../server/schema.js'\nimport type { UploadFeaturePropsClient } from '../index.js'\n\nimport { useEnabledRelationships } from '../../../relationship/client/utils/useEnabledRelationships.js'\nimport { UploadDrawer } from '../drawer/index.js'\nimport { $createUploadNode, $isUploadNode, UploadNode } from '../nodes/UploadNode.js'\n\nexport type InsertUploadPayload = Readonly<Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>>\n\ndeclare global {\n  interface DragEvent {\n    rangeOffset?: number\n    rangeParent?: Node\n  }\n}\n\nfunction canDropImage(event: DragEvent): boolean {\n  const target = event.target\n  return !!(\n    isHTMLElement(target) &&\n    !target.closest('code, span.editor-image') &&\n    isHTMLElement(target.parentElement) &&\n    target.parentElement.closest('div.ContentEditable__root')\n  )\n}\n\nfunction getDragSelection(event: DragEvent): null | Range | undefined {\n  // Source: https://github.com/AlessioGr/lexical/blob/main/packages/lexical-playground/src/plugins/ImagesPlugin/index.tsx\n  let range\n  const domSelection = getDOMSelectionFromTarget(event.target)\n  if (document.caretRangeFromPoint) {\n    range = document.caretRangeFromPoint(event.clientX, event.clientY)\n  } else if (event.rangeParent && domSelection !== null) {\n    domSelection.collapse(event.rangeParent, event.rangeOffset || 0)\n    range = domSelection.getRangeAt(0)\n  } else {\n    throw Error(`Cannot get the selection when dragging`)\n  }\n\n  return range\n}\n\nexport const INSERT_UPLOAD_COMMAND: LexicalCommand<InsertUploadPayload> =\n  createCommand('INSERT_UPLOAD_COMMAND')\n\ntype FileToUpload = {\n  alt?: string\n  file: File\n  /**\n   * Bulk Upload Form ID that should be created, which can then be matched\n   * against the node formID if the upload is successful\n   */\n  formID: string\n}\n\nexport const UploadPlugin: PluginComponent<UploadFeaturePropsClient> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n\n  const { enabledCollectionSlugs } = useEnabledRelationships({\n    enabledCollectionSlugs: clientProps.enabledCollectionSlugs,\n  })\n\n  const {\n    modalSlug: bulkUploadModalSlug,\n    setCollectionSlug,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setSelectableCollections,\n  } = useBulkUpload()\n\n  const { isModalOpen, openModal } = useModal()\n\n  const openBulkUpload = useEffectEvent(({ files }: { files: FileToUpload[] }) => {\n    if (files?.length === 0) {\n      return\n    }\n\n    setInitialForms((initialForms) => [\n      ...(initialForms ?? []),\n      ...files.map((file) => ({\n        file: file.file,\n        formID: file.formID,\n      })),\n    ])\n\n    if (!isModalOpen(bulkUploadModalSlug)) {\n      if (!enabledCollectionSlugs.length || !enabledCollectionSlugs[0]) {\n        return\n      }\n\n      setCollectionSlug(enabledCollectionSlugs[0])\n      setSelectableCollections(enabledCollectionSlugs)\n\n      setOnCancel(() => {\n        // Remove all the pending upload nodes that were added but not uploaded\n        editor.update(() => {\n          for (const dfsNode of $dfsIterator()) {\n            const node = dfsNode.node\n\n            if ($isUploadNode(node)) {\n              const nodeData = node.getData()\n              if ((nodeData as Internal_UploadData)?.pending) {\n                node.remove()\n              }\n            }\n          }\n        })\n      })\n\n      setOnSuccess((newDocs) => {\n        const newDocsMap = new Map(newDocs.map((doc) => [doc.formID, doc]))\n        editor.update(() => {\n          for (const dfsNode of $dfsIterator()) {\n            const node = dfsNode.node\n            if ($isUploadNode(node)) {\n              const nodeData: Internal_UploadData = node.getData()\n\n              if (nodeData?.pending) {\n                const newDoc = newDocsMap.get(nodeData.pending?.formID)\n                if (newDoc) {\n                  node.replace(\n                    $createUploadNode({\n                      data: {\n                        id: new ObjectID.default().toHexString(),\n                        fields: {},\n                        relationTo: newDoc.collectionSlug,\n                        value: newDoc.doc.id,\n                      } as UploadData,\n                    }),\n                  )\n                }\n              }\n            }\n          }\n        })\n      })\n\n      openModal(bulkUploadModalSlug)\n    }\n  })\n\n  useEffect(() => {\n    if (!editor.hasNodes([UploadNode])) {\n      throw new Error('UploadPlugin: UploadNode not registered on editor')\n    }\n\n    return mergeRegister(\n      /**\n       * Handle auto-uploading files if you copy & paste an image dom element from the clipboard\n       */\n      editor.registerNodeTransform(UploadNode, (node) => {\n        const nodeData: Internal_UploadData = node.getData()\n        if (!nodeData?.pending) {\n          return\n        }\n\n        async function upload() {\n          let transformedImage: FileToUpload | null = null\n\n          const src = nodeData?.pending?.src\n          const formID = nodeData?.pending?.formID as string\n\n          if (src?.startsWith('data:')) {\n            // It's a base64-encoded image\n            const mimeMatch = src.match(/data:(image\\/[a-zA-Z]+);base64,/)\n            const mimeType = mimeMatch ? mimeMatch[1] : 'image/png' // Default to PNG if MIME type not found\n            const base64Data = src.replace(/^data:image\\/[a-zA-Z]+;base64,/, '')\n            const byteCharacters = atob(base64Data)\n            const byteNumbers = new Array(byteCharacters.length)\n            for (let i = 0; i < byteCharacters.length; i++) {\n              byteNumbers[i] = byteCharacters.charCodeAt(i)\n            }\n            const byteArray = new Uint8Array(byteNumbers)\n            const file = new File([byteArray], 'pasted-image.' + mimeType?.split('/', 2)[1], {\n              type: mimeType,\n            })\n            transformedImage = { alt: undefined, file, formID }\n          } else if (src?.startsWith('http') || src?.startsWith('https')) {\n            // It's an image URL\n            const res = await fetch(src)\n            const blob = await res.blob()\n            const inferredFileName =\n              src.split('/').pop() || 'pasted-image' + blob.type.split('/', 2)[1]\n            const file = new File([blob], inferredFileName, {\n              type: blob.type,\n            })\n\n            transformedImage = { alt: undefined, file, formID }\n          }\n\n          if (!transformedImage) {\n            return\n          }\n\n          openBulkUpload({ files: [transformedImage] })\n        }\n        void upload()\n      }),\n      editor.registerCommand<InsertUploadPayload>(\n        INSERT_UPLOAD_COMMAND,\n        (payload: InsertUploadPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const uploadNode = $createUploadNode({\n                data: {\n                  id: payload.id,\n                  fields: payload.fields,\n                  relationTo: payload.relationTo,\n                  value: payload.value,\n                },\n              })\n              // we need to get the focus node before inserting the block node, as $insertNodeToNearestRoot can change the focus node\n              const { focus } = selection\n              const focusNode = focus.getNode()\n              // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(uploadNode)\n\n              // Delete the node it it's an empty paragraph\n              if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n      editor.registerCommand(\n        PASTE_COMMAND,\n        (event) => {\n          // Pending UploadNodes are automatically created when importDOM is called. However, if you paste a file from your computer\n          // directly, importDOM won't be called, as it's not a HTML dom element. So we need to handle that case here.\n\n          if (!(event instanceof ClipboardEvent)) {\n            return false\n          }\n          const clipboardData = event.clipboardData\n\n          if (!clipboardData?.types?.length || clipboardData?.types?.includes('text/html')) {\n            // HTML is handled through importDOM => registerNodeTransform for pending UploadNode\n            return false\n          }\n\n          const files: FileToUpload[] = []\n          if (clipboardData?.files?.length) {\n            Array.from(clipboardData.files).forEach((file) => {\n              files.push({\n                alt: '',\n                file,\n                formID: new ObjectID.default().toHexString(),\n              })\n            })\n          }\n\n          if (files.length) {\n            // Insert a pending UploadNode for each image\n            editor.update(() => {\n              const selection = $getSelection() || $getPreviousSelection()\n\n              if ($isRangeSelection(selection)) {\n                for (const file of files) {\n                  const pendingUploadNode = $createUploadNode({\n                    data: {\n                      pending: {\n                        formID: file.formID,\n                        src: URL.createObjectURL(file.file),\n                      },\n                    } as Internal_UploadData,\n                  })\n                  // we need to get the focus node before inserting the upload node, as $insertNodeToNearestRoot can change the focus node\n                  const { focus } = selection\n                  const focusNode = focus.getNode()\n                  // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n                  $insertNodeToNearestRoot(pendingUploadNode)\n\n                  // Delete the node it it's an empty paragraph\n                  if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                    focusNode.remove()\n                  }\n                }\n              }\n            })\n\n            // Open the bulk drawer - the node transform will not open it for us, as it does not handle blob/file uploads\n            openBulkUpload({ files })\n\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // Handle drag & drop of files from the desktop into the editor\n      editor.registerCommand(\n        DROP_COMMAND,\n        (event) => {\n          if (!(event instanceof DragEvent)) {\n            return false\n          }\n\n          const dt = event.dataTransfer\n\n          if (!dt?.types?.length) {\n            return false\n          }\n\n          const files: FileToUpload[] = []\n          if (dt?.files?.length) {\n            Array.from(dt.files).forEach((file) => {\n              files.push({\n                alt: '',\n                file,\n                formID: new ObjectID.default().toHexString(),\n              })\n            })\n          }\n\n          if (files.length) {\n            // Prevent the default browser drop handling, which would open the file in the browser\n            event.preventDefault()\n            event.stopPropagation()\n\n            // Insert a PendingUploadNode for each image\n            editor.update(() => {\n              if (canDropImage(event)) {\n                const range = getDragSelection(event)\n                const selection = $createRangeSelection()\n                if (range !== null && range !== undefined) {\n                  selection.applyDOMRange(range)\n                }\n                $setSelection(selection)\n\n                for (const file of files) {\n                  const pendingUploadNode = $createUploadNode({\n                    data: {\n                      pending: {\n                        formID: file.formID,\n                        src: URL.createObjectURL(file.file),\n                      },\n                    } as Internal_UploadData,\n                  })\n                  // we need to get the focus node before inserting the upload node, as $insertNodeToNearestRoot can change the focus node\n                  const { focus } = selection\n                  const focusNode = focus.getNode()\n                  // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n                  $insertNodeToNearestRoot(pendingUploadNode)\n\n                  // Delete the node it it's an empty paragraph\n                  if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                    focusNode.remove()\n                  }\n                }\n              }\n            })\n\n            // Open the bulk drawer - the node transform will not open it for us, as it does not handle blob/file uploads\n            openBulkUpload({ files })\n\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor])\n\n  return <UploadDrawer enabledCollectionSlugs={enabledCollectionSlugs} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useLexicalComposerContext","$dfsIterator","$insertNodeToNearestRoot","mergeRegister","useBulkUpload","useEffectEvent","useModal","ObjectID","$createRangeSelection","$getPreviousSelection","$getSelection","$isParagraphNode","$isRangeSelection","$setSelection","COMMAND_PRIORITY_EDITOR","COMMAND_PRIORITY_LOW","createCommand","DROP_COMMAND","getDOMSelectionFromTarget","isHTMLElement","PASTE_COMMAND","React","useEffect","useEnabledRelationships","UploadDrawer","$createUploadNode","$isUploadNode","UploadNode","canDropImage","event","target","closest","parentElement","getDragSelection","range","domSelection","document","caretRangeFromPoint","clientX","clientY","rangeParent","collapse","rangeOffset","getRangeAt","Error","INSERT_UPLOAD_COMMAND","UploadPlugin","t0","$","clientProps","editor","t1","enabledCollectionSlugs","modalSlug","bulkUploadModalSlug","setCollectionSlug","setInitialForms","setOnCancel","setOnSuccess","setSelectableCollections","isModalOpen","openModal","t2","t3","files","length","initialForms","map","_temp","update","_temp2","newDocs","newDocsMap","Map","_temp3","dfsNode_0","node_0","dfsNode","node","nodeData_0","getData","nodeData","pending","newDoc","get","formID","replace","data","id","default","toHexString","fields","relationTo","collectionSlug","value","doc","openBulkUpload","hasNodes","pendingUploads","WeakSet","registerNodeTransform","node_1","nodeData_1","has","add","upload","transformedImage","src","startsWith","mimeMatch","match","mimeType","base64Data","byteCharacters","atob","byteNumbers","Array","i","charCodeAt","byteArray","Uint8Array","file_0","File","split","type","file","res","fetch","blob","inferredFileName","pop","file_1","registerCommand","payload","selection","uploadNode","focus","focusNode","getNode","__first","remove","ClipboardEvent","clipboardData","types","includes","files_0","from","forEach","file_2","push","alt","selection_0","file_3","pendingUploadNode","URL","createObjectURL","focus_0","focusNode_0","event_0","DragEvent","dt","dataTransfer","files_1","file_4","preventDefault","stopPropagation","selection_1","undefined","applyDOMRange","file_5","pendingUploadNode_0","focus_1","focusNode_1","t4","t5","_jsx"],"sources":["../../../../../src/features/upload/client/plugin/index.tsx"],"sourcesContent":["'use client'\nimport type { LexicalCommand } from 'lexical'\n\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext.js'\nimport { $dfsIterator, $insertNodeToNearestRoot, mergeRegister } from '@lexical/utils'\nimport { useBulkUpload, useEffectEvent, useModal } from '@payloadcms/ui'\nimport ObjectID from 'bson-objectid'\nimport {\n  $createRangeSelection,\n  $getPreviousSelection,\n  $getSelection,\n  $isParagraphNode,\n  $isRangeSelection,\n  $setSelection,\n  COMMAND_PRIORITY_EDITOR,\n  COMMAND_PRIORITY_LOW,\n  createCommand,\n  DROP_COMMAND,\n  getDOMSelectionFromTarget,\n  isHTMLElement,\n  PASTE_COMMAND,\n} from 'lexical'\nimport React, { useEffect } from 'react'\n\nimport type { PluginComponent } from '../../../typesClient.js'\nimport type { Internal_UploadData, UploadData } from '../../server/schema.js'\nimport type { UploadFeaturePropsClient } from '../index.js'\n\nimport { useEnabledRelationships } from '../../../relationship/client/utils/useEnabledRelationships.js'\nimport { UploadDrawer } from '../drawer/index.js'\nimport { $createUploadNode, $isUploadNode, UploadNode } from '../nodes/UploadNode.js'\n\nexport type InsertUploadPayload = Readonly<Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>>\n\ndeclare global {\n  interface DragEvent {\n    rangeOffset?: number\n    rangeParent?: Node\n  }\n}\n\nfunction canDropImage(event: DragEvent): boolean {\n  const target = event.target\n  return !!(\n    isHTMLElement(target) &&\n    !target.closest('code, span.editor-image') &&\n    isHTMLElement(target.parentElement) &&\n    target.parentElement.closest('div.ContentEditable__root')\n  )\n}\n\nfunction getDragSelection(event: DragEvent): null | Range | undefined {\n  // Source: https://github.com/AlessioGr/lexical/blob/main/packages/lexical-playground/src/plugins/ImagesPlugin/index.tsx\n  let range\n  const domSelection = getDOMSelectionFromTarget(event.target)\n  if (document.caretRangeFromPoint) {\n    range = document.caretRangeFromPoint(event.clientX, event.clientY)\n  } else if (event.rangeParent && domSelection !== null) {\n    domSelection.collapse(event.rangeParent, event.rangeOffset || 0)\n    range = domSelection.getRangeAt(0)\n  } else {\n    throw Error(`Cannot get the selection when dragging`)\n  }\n\n  return range\n}\n\nexport const INSERT_UPLOAD_COMMAND: LexicalCommand<InsertUploadPayload> =\n  createCommand('INSERT_UPLOAD_COMMAND')\n\ntype FileToUpload = {\n  alt?: string\n  file: File\n  /**\n   * Bulk Upload Form ID that should be created, which can then be matched\n   * against the node formID if the upload is successful\n   */\n  formID: string\n}\n\nexport const UploadPlugin: PluginComponent<UploadFeaturePropsClient> = ({ clientProps }) => {\n  const [editor] = useLexicalComposerContext()\n\n  const { enabledCollectionSlugs } = useEnabledRelationships({\n    enabledCollectionSlugs: clientProps.enabledCollectionSlugs,\n  })\n\n  const {\n    modalSlug: bulkUploadModalSlug,\n    setCollectionSlug,\n    setInitialForms,\n    setOnCancel,\n    setOnSuccess,\n    setSelectableCollections,\n  } = useBulkUpload()\n\n  const { isModalOpen, openModal } = useModal()\n\n  const openBulkUpload = useEffectEvent(({ files }: { files: FileToUpload[] }) => {\n    if (files?.length === 0) {\n      return\n    }\n\n    setInitialForms((initialForms) => [\n      ...(initialForms ?? []),\n      ...files.map((file) => ({\n        file: file.file,\n        formID: file.formID,\n      })),\n    ])\n\n    if (!isModalOpen(bulkUploadModalSlug)) {\n      if (!enabledCollectionSlugs.length || !enabledCollectionSlugs[0]) {\n        return\n      }\n\n      setCollectionSlug(enabledCollectionSlugs[0])\n      setSelectableCollections(enabledCollectionSlugs)\n\n      setOnCancel(() => {\n        // Remove all the pending upload nodes that were added but not uploaded\n        editor.update(() => {\n          for (const dfsNode of $dfsIterator()) {\n            const node = dfsNode.node\n\n            if ($isUploadNode(node)) {\n              const nodeData = node.getData()\n              if ((nodeData as Internal_UploadData)?.pending) {\n                node.remove()\n              }\n            }\n          }\n        })\n      })\n\n      setOnSuccess((newDocs) => {\n        const newDocsMap = new Map(newDocs.map((doc) => [doc.formID, doc]))\n        editor.update(() => {\n          for (const dfsNode of $dfsIterator()) {\n            const node = dfsNode.node\n            if ($isUploadNode(node)) {\n              const nodeData: Internal_UploadData = node.getData()\n\n              if (nodeData?.pending) {\n                const newDoc = newDocsMap.get(nodeData.pending?.formID)\n                if (newDoc) {\n                  node.replace(\n                    $createUploadNode({\n                      data: {\n                        id: new ObjectID.default().toHexString(),\n                        fields: {},\n                        relationTo: newDoc.collectionSlug,\n                        value: newDoc.doc.id,\n                      } as UploadData,\n                    }),\n                  )\n                }\n              }\n            }\n          }\n        })\n      })\n\n      openModal(bulkUploadModalSlug)\n    }\n  })\n\n  useEffect(() => {\n    if (!editor.hasNodes([UploadNode])) {\n      throw new Error('UploadPlugin: UploadNode not registered on editor')\n    }\n\n    const pendingUploads = new WeakSet<NonNullable<Internal_UploadData['pending']>>()\n\n    return mergeRegister(\n      /**\n       * Handle auto-uploading files if you copy & paste an image dom element from the clipboard\n       */\n      editor.registerNodeTransform(UploadNode, (node) => {\n        const nodeData: Internal_UploadData = node.getData()\n        if (!nodeData?.pending || pendingUploads.has(nodeData.pending)) {\n          return\n        }\n\n        // Transforms can run again before the pending node is replaced. Queue each upload once.\n        pendingUploads.add(nodeData.pending)\n\n        async function upload() {\n          let transformedImage: FileToUpload | null = null\n\n          const src = nodeData?.pending?.src\n          const formID = nodeData?.pending?.formID as string\n\n          if (src?.startsWith('data:')) {\n            // It's a base64-encoded image\n            const mimeMatch = src.match(/data:(image\\/[a-zA-Z]+);base64,/)\n            const mimeType = mimeMatch ? mimeMatch[1] : 'image/png' // Default to PNG if MIME type not found\n            const base64Data = src.replace(/^data:image\\/[a-zA-Z]+;base64,/, '')\n            const byteCharacters = atob(base64Data)\n            const byteNumbers = new Array(byteCharacters.length)\n            for (let i = 0; i < byteCharacters.length; i++) {\n              byteNumbers[i] = byteCharacters.charCodeAt(i)\n            }\n            const byteArray = new Uint8Array(byteNumbers)\n            const file = new File([byteArray], 'pasted-image.' + mimeType?.split('/', 2)[1], {\n              type: mimeType,\n            })\n            transformedImage = { alt: undefined, file, formID }\n          } else if (src?.startsWith('http') || src?.startsWith('https')) {\n            // It's an image URL\n            const res = await fetch(src)\n            const blob = await res.blob()\n            const inferredFileName =\n              src.split('/').pop() || 'pasted-image' + blob.type.split('/', 2)[1]\n            const file = new File([blob], inferredFileName, {\n              type: blob.type,\n            })\n\n            transformedImage = { alt: undefined, file, formID }\n          }\n\n          if (!transformedImage) {\n            return\n          }\n\n          openBulkUpload({ files: [transformedImage] })\n        }\n        void upload()\n      }),\n      editor.registerCommand<InsertUploadPayload>(\n        INSERT_UPLOAD_COMMAND,\n        (payload: InsertUploadPayload) => {\n          editor.update(() => {\n            const selection = $getSelection() || $getPreviousSelection()\n\n            if ($isRangeSelection(selection)) {\n              const uploadNode = $createUploadNode({\n                data: {\n                  id: payload.id,\n                  fields: payload.fields,\n                  relationTo: payload.relationTo,\n                  value: payload.value,\n                },\n              })\n              // we need to get the focus node before inserting the block node, as $insertNodeToNearestRoot can change the focus node\n              const { focus } = selection\n              const focusNode = focus.getNode()\n              // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n              $insertNodeToNearestRoot(uploadNode)\n\n              // Delete the node it it's an empty paragraph\n              if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                focusNode.remove()\n              }\n            }\n          })\n\n          return true\n        },\n        COMMAND_PRIORITY_EDITOR,\n      ),\n      editor.registerCommand(\n        PASTE_COMMAND,\n        (event) => {\n          // Pending UploadNodes are automatically created when importDOM is called. However, if you paste a file from your computer\n          // directly, importDOM won't be called, as it's not a HTML dom element. So we need to handle that case here.\n\n          if (!(event instanceof ClipboardEvent)) {\n            return false\n          }\n          const clipboardData = event.clipboardData\n\n          if (!clipboardData?.types?.length || clipboardData?.types?.includes('text/html')) {\n            // HTML is handled through importDOM => registerNodeTransform for pending UploadNode\n            return false\n          }\n\n          const files: FileToUpload[] = []\n          if (clipboardData?.files?.length) {\n            Array.from(clipboardData.files).forEach((file) => {\n              files.push({\n                alt: '',\n                file,\n                formID: new ObjectID.default().toHexString(),\n              })\n            })\n          }\n\n          if (files.length) {\n            // Insert a pending UploadNode for each image\n            editor.update(() => {\n              const selection = $getSelection() || $getPreviousSelection()\n\n              if ($isRangeSelection(selection)) {\n                for (const file of files) {\n                  const pendingUploadNode = $createUploadNode({\n                    data: {\n                      pending: {\n                        formID: file.formID,\n                        src: URL.createObjectURL(file.file),\n                      },\n                    } as Internal_UploadData,\n                  })\n                  // we need to get the focus node before inserting the upload node, as $insertNodeToNearestRoot can change the focus node\n                  const { focus } = selection\n                  const focusNode = focus.getNode()\n                  // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n                  $insertNodeToNearestRoot(pendingUploadNode)\n\n                  // Delete the node it it's an empty paragraph\n                  if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                    focusNode.remove()\n                  }\n                }\n              }\n            })\n\n            // Open the bulk drawer - the node transform will not open it for us, as it does not handle blob/file uploads\n            openBulkUpload({ files })\n\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      // Handle drag & drop of files from the desktop into the editor\n      editor.registerCommand(\n        DROP_COMMAND,\n        (event) => {\n          if (!(event instanceof DragEvent)) {\n            return false\n          }\n\n          const dt = event.dataTransfer\n\n          if (!dt?.types?.length) {\n            return false\n          }\n\n          const files: FileToUpload[] = []\n          if (dt?.files?.length) {\n            Array.from(dt.files).forEach((file) => {\n              files.push({\n                alt: '',\n                file,\n                formID: new ObjectID.default().toHexString(),\n              })\n            })\n          }\n\n          if (files.length) {\n            // Prevent the default browser drop handling, which would open the file in the browser\n            event.preventDefault()\n            event.stopPropagation()\n\n            // Insert a PendingUploadNode for each image\n            editor.update(() => {\n              if (canDropImage(event)) {\n                const range = getDragSelection(event)\n                const selection = $createRangeSelection()\n                if (range !== null && range !== undefined) {\n                  selection.applyDOMRange(range)\n                }\n                $setSelection(selection)\n\n                for (const file of files) {\n                  const pendingUploadNode = $createUploadNode({\n                    data: {\n                      pending: {\n                        formID: file.formID,\n                        src: URL.createObjectURL(file.file),\n                      },\n                    } as Internal_UploadData,\n                  })\n                  // we need to get the focus node before inserting the upload node, as $insertNodeToNearestRoot can change the focus node\n                  const { focus } = selection\n                  const focusNode = focus.getNode()\n                  // Insert upload node BEFORE potentially removing focusNode, as $insertNodeToNearestRoot errors if the focusNode doesn't exist\n                  $insertNodeToNearestRoot(pendingUploadNode)\n\n                  // Delete the node it it's an empty paragraph\n                  if ($isParagraphNode(focusNode) && !focusNode.__first) {\n                    focusNode.remove()\n                  }\n                }\n              }\n            })\n\n            // Open the bulk drawer - the node transform will not open it for us, as it does not handle blob/file uploads\n            openBulkUpload({ files })\n\n            return true\n          }\n\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor])\n\n  return <UploadDrawer enabledCollectionSlugs={enabledCollectionSlugs} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/field/Diff/converters/relationship/index.css

@@ -9,7 +9,6 @@
     border-radius: var(--radius-medium);
     position: relative;
     z-index: 2;
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

package/dist/field/Diff/converters/unknown/index.css

@@ -8,7 +8,6 @@
     border-radius: var(--radius-medium);
     border: var(--stroke-width-small) solid var(--color-border);
     position: relative;
-    font-family: var(--font-body);
     margin-block: calc(var(--spacer-1) * 2.5);
     max-height: calc(var(--spacer-5) * 2.5);
     padding: calc(var(--spacer-1) * 1.25);

package/dist/field/Diff/converters/upload/index.css

@@ -11,7 +11,6 @@
       outline-offset: calc(var(--stroke-width-small) * -1);
       position: relative;
       z-index: 2;
-      font-family: var(--text-body-medium-font-family);
       padding: var(--spacer-2);
 
       &[data-match-type='create'] {

package/dist/field/Diff/index.css

@@ -1,7 +1,6 @@
 @layer payload-default {
   .lexical-diff .field-diff-content {
     .html-diff {
-      font-family: var(--text-body-large-font-family);
       font-size: var(--text-body-large-font-size);
       font-weight: var(--text-body-large-font-weight);
       line-height: var(--text-body-large-line-height);
@@ -119,7 +118,6 @@
     }
 
     li {
-      font-family: var(--text-body-large-font-family);
       font-size: var(--text-body-large-font-size);
       margin-block: 0 var(--spacer-1);
       margin-inline-start: var(--spacer-4);

package/dist/field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,kCAAkC,CAAA;AACzC,OAAO,eAAe,CAAA;AACtB,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AASlE,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CAyM9B,CAAA;AAWD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,kCAAkC,CAAA;AACzC,OAAO,eAAe,CAAA;AACtB,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AASlE,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CAmN9B,CAAA;AAWD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}

package/dist/field/Field.js

@@ -1,7 +1,8 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BulkUploadProvider, FieldDescription, FieldError, FieldLabel, isFieldRTL, RenderCustomComponent, useConfig, useEditDepth, useEffectEvent, useField, useLocale } from '@payloadcms/ui';
+import { getTranslation } from '@payloadcms/translations';
+import { BulkUploadProvider, FieldDescription, FieldError, FieldLabel, isFieldRTL, RenderCustomComponent, useConfig, useEditDepth, useEffectEvent, useField, useLocale, useTranslation } from '@payloadcms/ui';
 import { mergeFieldStyles } from '@payloadcms/ui/shared';
 import { dequal } from 'dequal/lite';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
@@ -33,6 +34,9 @@ const RichTextComponent = props => {
     schemaPath,
     validate
   } = props;
+  const {
+    i18n
+  } = useTranslation();
   const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
   const locale = useLocale();
   const {
@@ -137,14 +141,17 @@ const RichTextComponent = props => {
     }
   }, [initialValue]);
   return /*#__PURE__*/_jsxs("div", {
+    "aria-label": getTranslation(label || '', i18n),
     className: classes,
     "data-field-path": path,
     "data-field-schemapath": schemaPath,
     "data-lexical-view": editorConfig?.view,
+    role: "group",
     style: styles,
     children: [/*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__label-row`,
       children: [Label || /*#__PURE__*/_jsx(FieldLabel, {
+        hasRequiredAccessibleState: true,
         label: label,
         localized: localized,
         path: path,

package/dist/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["BulkUploadProvider","FieldDescription","FieldError","FieldLabel","isFieldRTL","RenderCustomComponent","useConfig","useEditDepth","useEffectEvent","useField","useLocale","mergeFieldStyles","dequal","React","useCallback","useEffect","useMemo","useState","ErrorBoundary","LexicalProvider","useRunDeprioritized","useRichTextView","ViewSelector","baseClass","RichTextComponent","props","editorConfig","field","admin","className","description","readOnly","readOnlyFromAdmin","label","localized","required","path","pathFromProps","readOnlyFromTopLevelProps","schemaPath","validate","readOnlyFromProps","locale","config","localization","localizationConfig","rtl","fieldLocalized","undefined","editDepth","isControlledByParent","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Error1","Label","disabled","disabledFromField","initialValue","setValue","showError","potentiallyStalePath","isSmallWidthViewport","setIsSmallWidthViewport","rerenderProviderKey","setRerenderProviderKey","prevInitialValueRef","useRef","prevValueRef","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","classes","hideGutter","filter","Boolean","join","pathWithEditDepth","runDeprioritized","handleChange","editorState","updateFieldValue","newState","toJSON","current","styles","handleInitialValueChange","JSON","parse","stringify","Date","Object","is","_jsxs","view","style","_jsx","CustomComponent","Fallback","fallbackRender","onReset","modalSlugPrefix","composerKey","fieldProps","onChange","error","role","color","message","String","RichText"],"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { EditorState, SerializedEditorState } from 'lexical'\nimport type { FallbackProps } from 'react-error-boundary'\n\nimport {\n  BulkUploadProvider,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  isFieldRTL,\n  RenderCustomComponent,\n  useConfig,\n  useEditDepth,\n  useEffectEvent,\n  useField,\n  useLocale,\n} from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\nimport { dequal } from 'dequal/lite'\nimport { type Validate } from 'payload'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\n\nimport '../lexical/theme/EditorTheme.css'\nimport './bundled.css'\nimport './index.css'\n\nimport type { LexicalRichTextFieldProps } from '../types/index.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport { useRunDeprioritized } from '../utilities/useRunDeprioritized.js'\nimport { useRichTextView } from './RichTextViewProvider.js'\nimport { ViewSelector } from './ViewSelector.js'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n  {\n    readonly editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n  } & LexicalRichTextFieldProps\n> = (props) => {\n  const {\n    editorConfig,\n    field,\n    field: {\n      admin: { className, description, readOnly: readOnlyFromAdmin } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    schemaPath,\n    validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const locale = useLocale()\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const rtl = isFieldRTL({\n    fieldLocalized: localized,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const editDepth = useEditDepth()\n  const { isControlledByParent } = useRichTextView()\n\n  const memoizedValidate = useCallback<Validate>(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n        return validate(value, { ...validationOptions, required })\n      }\n      return true\n    },\n    // Important: do not add props to the dependencies array.\n    // This would cause an infinite loop and endless re-rendering.\n    // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled: disabledFromField,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<SerializedEditorState>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || disabledFromField\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n  const [rerenderProviderKey, setRerenderProviderKey] = useState<Date>()\n\n  const prevInitialValueRef = React.useRef<SerializedEditorState | undefined>(initialValue)\n  const prevValueRef = React.useRef<SerializedEditorState | undefined>(value)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  const classes = [\n    'field-type',\n    baseClass,\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport\n      ? `${baseClass}--show-gutter`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const pathWithEditDepth = `${path}.${editDepth}`\n\n  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout\n\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      // Capture `editorState` in the closure so we can safely run later.\n      const updateFieldValue = () => {\n        const newState = editorState.toJSON()\n        prevValueRef.current = newState\n        setValue(newState)\n      }\n\n      // Queue the update for the browser’s idle time (or Safari shim)\n      // and let the hook handle debouncing/cancellation.\n      void runDeprioritized(updateFieldValue)\n    },\n    [setValue, runDeprioritized], // `runDeprioritized` is stable (useCallback inside hook)\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const handleInitialValueChange = useEffectEvent(\n    (initialValue: SerializedEditorState | undefined) => {\n      // Object deep equality check here, as re-mounting the editor if\n      // the new value is the same as the old one is not necessary.\n      // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,\n      // so we need to do a deep equality check here that does not care about key order => we use dequal.\n      // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.\n      if (\n        prevValueRef.current !== value &&\n        !dequal(\n          prevValueRef.current != null\n            ? JSON.parse(JSON.stringify(prevValueRef.current))\n            : prevValueRef.current,\n          value,\n        )\n      ) {\n        prevInitialValueRef.current = initialValue\n        prevValueRef.current = value\n        setRerenderProviderKey(new Date())\n      }\n    },\n  )\n\n  useEffect(() => {\n    // Needs to trigger for object reference changes - otherwise,\n    // reacting to the same initial value change twice will cause\n    // the second change to be ignored, even though the value has changed.\n    // That's because initialValue is not kept up-to-date\n    if (!Object.is(initialValue, prevInitialValueRef.current)) {\n      handleInitialValueChange(initialValue)\n    }\n  }, [initialValue])\n\n  return (\n    <div\n      className={classes}\n      data-field-path={path}\n      data-field-schemapath={schemaPath}\n      data-lexical-view={editorConfig?.view}\n      key={pathWithEditDepth}\n      style={styles}\n    >\n      <div className={`${baseClass}__label-row`}>\n        {Label || (\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        )}\n        {!isControlledByParent && <ViewSelector />}\n      </div>\n      <div className={`${baseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          {BeforeInput}\n          <div className={`${baseClass}__editor-content`}>\n            {/* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer\n            is rendered in the correct depth (not displayed *behind* the current drawer).\n            The `lexical-` prefix prevents drawer-slug collisions with non-lexical `BulkUploadProvider`s up the tree. */}\n            <BulkUploadProvider modalSlugPrefix={`lexical-${path}`}>\n              <LexicalProvider\n                composerKey={pathWithEditDepth}\n                editorConfig={editorConfig}\n                fieldProps={props}\n                isSmallWidthViewport={isSmallWidthViewport}\n                key={JSON.stringify({ path, rerenderProviderKey })} // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)\n                onChange={handleChange}\n                readOnly={disabled}\n                rtl={rtl}\n                value={value}\n              />\n            </BulkUploadProvider>\n          </div>\n          {AfterInput}\n        </ErrorBoundary>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }: FallbackProps) {\n  return (\n    <div className=\"errorBoundary\" role=\"alert\">\n      <p>Something went wrong:</p>\n      <pre style={{ color: 'red' }}>{error instanceof Error ? error.message : String(error)}</pre>\n    </div>\n  )\n}\n\nexport const RichText: typeof RichTextComponent = RichTextComponent\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Field.js","names":["getTranslation","BulkUploadProvider","FieldDescription","FieldError","FieldLabel","isFieldRTL","RenderCustomComponent","useConfig","useEditDepth","useEffectEvent","useField","useLocale","useTranslation","mergeFieldStyles","dequal","React","useCallback","useEffect","useMemo","useState","ErrorBoundary","LexicalProvider","useRunDeprioritized","useRichTextView","ViewSelector","baseClass","RichTextComponent","props","editorConfig","field","admin","className","description","readOnly","readOnlyFromAdmin","label","localized","required","path","pathFromProps","readOnlyFromTopLevelProps","schemaPath","validate","i18n","readOnlyFromProps","locale","config","localization","localizationConfig","rtl","fieldLocalized","undefined","editDepth","isControlledByParent","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Error1","Label","disabled","disabledFromField","initialValue","setValue","showError","potentiallyStalePath","isSmallWidthViewport","setIsSmallWidthViewport","rerenderProviderKey","setRerenderProviderKey","prevInitialValueRef","useRef","prevValueRef","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","classes","hideGutter","filter","Boolean","join","pathWithEditDepth","runDeprioritized","handleChange","editorState","updateFieldValue","newState","toJSON","current","styles","handleInitialValueChange","JSON","parse","stringify","Date","Object","is","_jsxs","view","role","style","_jsx","hasRequiredAccessibleState","CustomComponent","Fallback","fallbackRender","onReset","modalSlugPrefix","composerKey","fieldProps","onChange","error","color","message","String","RichText"],"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { EditorState, SerializedEditorState } from 'lexical'\nimport type { FallbackProps } from 'react-error-boundary'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport {\n  BulkUploadProvider,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  isFieldRTL,\n  RenderCustomComponent,\n  useConfig,\n  useEditDepth,\n  useEffectEvent,\n  useField,\n  useLocale,\n  useTranslation,\n} from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\nimport { dequal } from 'dequal/lite'\nimport { type Validate } from 'payload'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\n\nimport '../lexical/theme/EditorTheme.css'\nimport './bundled.css'\nimport './index.css'\n\nimport type { LexicalRichTextFieldProps } from '../types/index.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport { useRunDeprioritized } from '../utilities/useRunDeprioritized.js'\nimport { useRichTextView } from './RichTextViewProvider.js'\nimport { ViewSelector } from './ViewSelector.js'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n  {\n    readonly editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n  } & LexicalRichTextFieldProps\n> = (props) => {\n  const {\n    editorConfig,\n    field,\n    field: {\n      admin: { className, description, readOnly: readOnlyFromAdmin } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    schemaPath,\n    validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const locale = useLocale()\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const rtl = isFieldRTL({\n    fieldLocalized: localized,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const editDepth = useEditDepth()\n  const { isControlledByParent } = useRichTextView()\n\n  const memoizedValidate = useCallback<Validate>(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n        return validate(value, { ...validationOptions, required })\n      }\n      return true\n    },\n    // Important: do not add props to the dependencies array.\n    // This would cause an infinite loop and endless re-rendering.\n    // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled: disabledFromField,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<SerializedEditorState>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || disabledFromField\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n  const [rerenderProviderKey, setRerenderProviderKey] = useState<Date>()\n\n  const prevInitialValueRef = React.useRef<SerializedEditorState | undefined>(initialValue)\n  const prevValueRef = React.useRef<SerializedEditorState | undefined>(value)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  const classes = [\n    'field-type',\n    baseClass,\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport\n      ? `${baseClass}--show-gutter`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const pathWithEditDepth = `${path}.${editDepth}`\n\n  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout\n\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      // Capture `editorState` in the closure so we can safely run later.\n      const updateFieldValue = () => {\n        const newState = editorState.toJSON()\n        prevValueRef.current = newState\n        setValue(newState)\n      }\n\n      // Queue the update for the browser’s idle time (or Safari shim)\n      // and let the hook handle debouncing/cancellation.\n      void runDeprioritized(updateFieldValue)\n    },\n    [setValue, runDeprioritized], // `runDeprioritized` is stable (useCallback inside hook)\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const handleInitialValueChange = useEffectEvent(\n    (initialValue: SerializedEditorState | undefined) => {\n      // Object deep equality check here, as re-mounting the editor if\n      // the new value is the same as the old one is not necessary.\n      // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,\n      // so we need to do a deep equality check here that does not care about key order => we use dequal.\n      // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.\n      if (\n        prevValueRef.current !== value &&\n        !dequal(\n          prevValueRef.current != null\n            ? JSON.parse(JSON.stringify(prevValueRef.current))\n            : prevValueRef.current,\n          value,\n        )\n      ) {\n        prevInitialValueRef.current = initialValue\n        prevValueRef.current = value\n        setRerenderProviderKey(new Date())\n      }\n    },\n  )\n\n  useEffect(() => {\n    // Needs to trigger for object reference changes - otherwise,\n    // reacting to the same initial value change twice will cause\n    // the second change to be ignored, even though the value has changed.\n    // That's because initialValue is not kept up-to-date\n    if (!Object.is(initialValue, prevInitialValueRef.current)) {\n      handleInitialValueChange(initialValue)\n    }\n  }, [initialValue])\n\n  return (\n    <div\n      aria-label={getTranslation(label || '', i18n)}\n      className={classes}\n      data-field-path={path}\n      data-field-schemapath={schemaPath}\n      data-lexical-view={editorConfig?.view}\n      key={pathWithEditDepth}\n      role=\"group\"\n      style={styles}\n    >\n      <div className={`${baseClass}__label-row`}>\n        {Label || (\n          <FieldLabel\n            hasRequiredAccessibleState\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        )}\n        {!isControlledByParent && <ViewSelector />}\n      </div>\n      <div className={`${baseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          {BeforeInput}\n          <div className={`${baseClass}__editor-content`}>\n            {/* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer\n            is rendered in the correct depth (not displayed *behind* the current drawer).\n            The `lexical-` prefix prevents drawer-slug collisions with non-lexical `BulkUploadProvider`s up the tree. */}\n            <BulkUploadProvider modalSlugPrefix={`lexical-${path}`}>\n              <LexicalProvider\n                composerKey={pathWithEditDepth}\n                editorConfig={editorConfig}\n                fieldProps={props}\n                isSmallWidthViewport={isSmallWidthViewport}\n                key={JSON.stringify({ path, rerenderProviderKey })} // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)\n                onChange={handleChange}\n                readOnly={disabled}\n                rtl={rtl}\n                value={value}\n              />\n            </BulkUploadProvider>\n          </div>\n          {AfterInput}\n        </ErrorBoundary>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }: FallbackProps) {\n  return (\n    <div className=\"errorBoundary\" role=\"alert\">\n      <p>Something went wrong:</p>\n      <pre style={{ color: 'red' }}>{error instanceof Error ? error.message : String(error)}</pre>\n    </div>\n  )\n}\n\nexport const RichText: typeof RichTextComponent = RichTextComponent\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,SACEC,kBAAkB,EAClBC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVC,qBAAqB,EACrBC,SAAS,EACTC,YAAY,EACZC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,cAAc,QACT;AACP,SAASC,gBAAgB,QAAQ;AACjC,SAASC,MAAM,QAAQ;AAEvB,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AACjE,SAASC,aAAa,QAAQ;AAI9B,OAAO;AACP,OAAO;AACP,OAAO;AAIP,SAASC,eAAe,QAAQ;AAChC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAIDC,KAAA;EACH,MAAM;IACJC,YAAY;IACZC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,QAAA,EAAUC;MAAiB,CAAE,GAAG,CAAC,CAAC;MACnEC,KAAK;MACLC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBN,QAAA,EAAUO,yBAAyB;IACnCC,UAAU;IACVC;EAAQ,CACT,GAAGf,KAAA;EAEJ,MAAM;IAAEgB;EAAI,CAAE,GAAG/B,cAAA;EAEjB,MAAMgC,iBAAA,GAAoBJ,yBAAA,IAA6BN,iBAAA;EAEvD,MAAMW,MAAA,GAASlC,SAAA;EACf,MAAM;IACJmC,MAAA,EAAQ;MAAEC,YAAA,EAAcC;IAAkB;EAAE,CAC7C,GAAGzC,SAAA;EAEJ,MAAM0C,GAAA,GAAM5C,UAAA,CAAW;IACrB6C,cAAA,EAAgBd,SAAA;IAChBS,MAAA;IACAG,kBAAA,EAAoBA,kBAAA,IAAsBG;EAC5C;EAEA,MAAMC,SAAA,GAAY5C,YAAA;EAClB,MAAM;IAAE6C;EAAoB,CAAE,GAAG9B,eAAA;EAEjC,MAAM+B,gBAAA,GAAmBtC,WAAA,CACvB,CAACuC,KAAA,EAAOC,iBAAA;IACN,IAAI,OAAOd,QAAA,KAAa,YAAY;MAClC;MACA,OAAOA,QAAA,CAASa,KAAA,EAAO;QAAE,GAAGC,iBAAiB;QAAEnB;MAAS;IAC1D;IACA,OAAO;EACT;EACA;EACA;EACA;EACA,CAACK,QAAA,EAAUL,QAAA,CAAS;EAGtB,MAAM;IACJoB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAA,EAAAC,MAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAA,EAAUC,iBAAiB;IAC3BC,YAAY;IACZ5B,IAAI;IACJ6B,QAAQ;IACRC,SAAS;IACTb,KAAK,EAALA;EAAK,CACN,GAAG7C,QAAA,CAAgC;IAClC2D,oBAAA,EAAsB9B,aAAA;IACtBG,QAAA,EAAUY;EACZ;EAEA,MAAMU,QAAA,GAAWpB,iBAAA,IAAqBqB,iBAAA;EAEtC,MAAM,CAACK,oBAAA,EAAsBC,uBAAA,CAAwB,GAAGpD,QAAA,CAAkB;EAC1E,MAAM,CAACqD,mBAAA,EAAqBC,sBAAA,CAAuB,GAAGtD,QAAA;EAEtD,MAAMuD,mBAAA,GAAsB3D,KAAA,CAAM4D,MAAM,CAAoCT,YAAA;EAC5E,MAAMU,YAAA,GAAe7D,KAAA,CAAM4D,MAAM,CAAoCpB,OAAA;EAErEtC,SAAA,CAAU;IACR,MAAM4D,mBAAA,GAAsBA,CAAA;MAC1B,MAAMC,wBAAA,GAA2BC,MAAA,CAAOC,UAAU,CAAC,sBAAsBC,OAAO;MAEhF,IAAIH,wBAAA,KAA6BR,oBAAA,EAAsB;QACrDC,uBAAA,CAAwBO,wBAAA;MAC1B;IACF;IACAD,mBAAA;IACAE,MAAA,CAAOG,gBAAgB,CAAC,UAAUL,mBAAA;IAElC,OAAO;MACLE,MAAA,CAAOI,mBAAmB,CAAC,UAAUN,mBAAA;IACvC;EACF,GAAG,CAACP,oBAAA,CAAqB;EAEzB,MAAMc,OAAA,GAAU,CACd,cACA3D,SAAA,EACAM,SAAA,EACAqC,SAAA,IAAa,SACbJ,QAAA,IAAY,GAAGvC,SAAA,aAAsB,EACrCG,YAAA,EAAcE,KAAA,EAAOuD,UAAA,KAAe,QAAQ,CAACf,oBAAA,GACzC,GAAG7C,SAAA,eAAwB,GAC3B,KACL,CACE6D,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,MAAMC,iBAAA,GAAoB,GAAGnD,IAAA,IAAQc,SAAA,EAAW;EAEhD,MAAMsC,gBAAA,GAAmBpE,mBAAA,GAAsB;AAAA;EAE/C,MAAMqE,YAAA,GAAe3E,WAAA,CAClB4E,WAAA;IACC;IACA,MAAMC,gBAAA,GAAmBA,CAAA;MACvB,MAAMC,QAAA,GAAWF,WAAA,CAAYG,MAAM;MACnCnB,YAAA,CAAaoB,OAAO,GAAGF,QAAA;MACvB3B,QAAA,CAAS2B,QAAA;IACX;IAEA;IACA;IACA,KAAKJ,gBAAA,CAAiBG,gBAAA;EACxB,GACA,CAAC1B,QAAA,EAAUuB,gBAAA,CAAiB;EAG9B,MAAMO,MAAA,GAAS/E,OAAA,CAAQ,MAAML,gBAAA,CAAiBgB,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,MAAMqE,wBAAA,GAA2BzF,cAAA,CAC9ByD,cAAA;IACC;IACA;IACA;IACA;IACA;IACA,IACEU,YAAA,CAAaoB,OAAO,KAAKzC,OAAA,IACzB,CAACzC,MAAA,CACC8D,YAAA,CAAaoB,OAAO,IAAI,OACpBG,IAAA,CAAKC,KAAK,CAACD,IAAA,CAAKE,SAAS,CAACzB,YAAA,CAAaoB,OAAO,KAC9CpB,YAAA,CAAaoB,OAAO,EACxBzC,OAAA,GAEF;MACAmB,mBAAA,CAAoBsB,OAAO,GAAG9B,cAAA;MAC9BU,YAAA,CAAaoB,OAAO,GAAGzC,OAAA;MACvBkB,sBAAA,CAAuB,IAAI6B,IAAA;IAC7B;EACF;EAGFrF,SAAA,CAAU;IACR;IACA;IACA;IACA;IACA,IAAI,CAACsF,MAAA,CAAOC,EAAE,CAACtC,YAAA,EAAcQ,mBAAA,CAAoBsB,OAAO,GAAG;MACzDE,wBAAA,CAAyBhC,YAAA;IAC3B;EACF,GAAG,CAACA,YAAA,CAAa;EAEjB,oBACEuC,KAAA,CAAC;IACC,cAAYzG,cAAA,CAAemC,KAAA,IAAS,IAAIQ,IAAA;IACxCZ,SAAA,EAAWqD,OAAA;IACX,mBAAiB9C,IAAA;IACjB,yBAAuBG,UAAA;IACvB,qBAAmBb,YAAA,EAAc8E,IAAA;IAEjCC,IAAA,EAAK;IACLC,KAAA,EAAOX,MAAA;4BAEPQ,KAAA,CAAC;MAAI1E,SAAA,EAAW,GAAGN,SAAA,aAAsB;iBACtCsC,KAAA,iBACC8C,IAAA,CAACzG,UAAA;QACC0G,0BAA0B;QAC1B3E,KAAA,EAAOA,KAAA;QACPC,SAAA,EAAWA,SAAA;QACXE,IAAA,EAAMA,IAAA;QACND,QAAA,EAAUA;UAGb,CAACgB,oBAAA,iBAAwBwD,IAAA,CAACrF,YAAA;qBAE7BiF,KAAA,CAAC;MAAI1E,SAAA,EAAW,GAAGN,SAAA,QAAiB;8BAClCoF,IAAA,CAACvG,qBAAA;QACCyG,eAAA,EAAiBjD,MAAA;QACjBkD,QAAA,eAAUH,IAAA,CAAC1G,UAAA;UAAWmC,IAAA,EAAMA,IAAA;UAAM8B,SAAA,EAAWA;;uBAE/CqC,KAAA,CAACrF,aAAA;QAAc6F,cAAA,EAAgBA,cAAA;QAAgBC,OAAA,EAASA,CAAA,MAAO;mBAC5DvD,WAAA,E,aACDkD,IAAA,CAAC;UAAI9E,SAAA,EAAW,GAAGN,SAAA,kBAA2B;oBAI5C,aAAAoF,IAAA,CAAC5G,kBAAA;YAAmBkH,eAAA,EAAiB,WAAW7E,IAAA,EAAM;sBACpD,aAAAuE,IAAA,CAACxF,eAAA;cACC+F,WAAA,EAAa3B,iBAAA;cACb7D,YAAA,EAAcA,YAAA;cACdyF,UAAA,EAAY1F,KAAA;cACZ2C,oBAAA,EAAsBA,oBAAA;cAEtBgD,QAAA,EAAU3B,YAAA;cACV1D,QAAA,EAAU+B,QAAA;cACVf,GAAA,EAAKA,GAAA;cACLM,KAAA,EAAOA;eAJF4C,IAAA,CAAKE,SAAS,CAAC;cAAE/D,IAAA;cAAMkC;YAAoB;;YAQrDd,UAAA;uBAEHmD,IAAA,CAACvG,qBAAA;QACCyG,eAAA,EAAiBnD,WAAA;QACjBoD,QAAA,eAAUH,IAAA,CAAC3G,gBAAA;UAAiB8B,WAAA,EAAaA,WAAA;UAAaM,IAAA,EAAMA;;;;KA7C3DmD,iBAAA;AAkDX;AAEA,SAASwB,eAAe;EAAEM;AAAK,CAAiB;EAC9C,oBACEd,KAAA,CAAC;IAAI1E,SAAA,EAAU;IAAgB4E,IAAA,EAAK;4BAClCE,IAAA,CAAC;gBAAE;qBACHA,IAAA,CAAC;MAAID,KAAA,EAAO;QAAEY,KAAA,EAAO;MAAM;gBAAID,KAAA,YAAiB1D,KAAA,GAAQ0D,KAAA,CAAME,OAAO,GAAGC,MAAA,CAAOH,KAAA;;;AAGrF;AAEA,OAAO,MAAMI,QAAA,GAAqCjG,iBAAA","ignoreList":[]}