npm - @payloadcms/richtext-lexical - Versions diffs - 3.68.0-internal-debug.35482da → 3.68.0-internal-debug.e9b66ee - Mend

@payloadcms/richtext-lexical 3.68.0-internal-debug.35482da → 3.68.0-internal-debug.e9b66ee

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

Files changed (254) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"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/nodes/UploadNode.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 collectionSlugsBlacklist: clientProps?.disabledCollections,\n collectionSlugsWhitelist: clientProps?.enabledCollections,\n uploads: true,\n })\n\n const {\n drawerSlug: bulkUploadDrawerSlug,\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(bulkUploadDrawerSlug)) {\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(bulkUploadDrawerSlug)\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"],"names":["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","clientProps","editor","enabledCollectionSlugs","collectionSlugsBlacklist","disabledCollections","collectionSlugsWhitelist","enabledCollections","uploads","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setInitialForms","setOnCancel","setOnSuccess","setSelectableCollections","isModalOpen","openModal","openBulkUpload","files","length","initialForms","map","file","formID","update","dfsNode","node","nodeData","getData","pending","remove","newDocs","newDocsMap","Map","doc","newDoc","get","replace","data","id","default","toHexString","fields","relationTo","collectionSlug","value","hasNodes","registerNodeTransform","upload","transformedImage","src","startsWith","mimeMatch","match","mimeType","base64Data","byteCharacters","atob","byteNumbers","Array","i","charCodeAt","byteArray","Uint8Array","File","split","type","alt","undefined","res","fetch","blob","inferredFileName","pop","registerCommand","payload","selection","uploadNode","focus","focusNode","getNode","__first","ClipboardEvent","clipboardData","types","includes","from","forEach","push","pendingUploadNode","URL","createObjectURL","DragEvent","dt","dataTransfer","preventDefault","stopPropagation","applyDOMRange"],"mappings":"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"}
1	+ {"version":3,"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/nodes/UploadNode.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 collectionSlugsBlacklist: clientProps?.disabledCollections,\n collectionSlugsWhitelist: clientProps?.enabledCollections,\n uploads: true,\n })\n\n const {\n drawerSlug: bulkUploadDrawerSlug,\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(bulkUploadDrawerSlug)) {\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(bulkUploadDrawerSlug)\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"],"names":["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","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","clientProps","editor","enabledCollectionSlugs","collectionSlugsBlacklist","disabledCollections","collectionSlugsWhitelist","enabledCollections","uploads","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setInitialForms","setOnCancel","setOnSuccess","setSelectableCollections","isModalOpen","openModal","openBulkUpload","files","length","initialForms","map","file","formID","update","dfsNode","node","nodeData","getData","pending","remove","newDocs","newDocsMap","Map","doc","newDoc","get","replace","data","id","default","toHexString","fields","relationTo","collectionSlug","value","hasNodes","registerNodeTransform","upload","transformedImage","src","startsWith","mimeMatch","match","mimeType","base64Data","byteCharacters","atob","byteNumbers","Array","i","charCodeAt","byteArray","Uint8Array","File","split","type","alt","undefined","res","fetch","blob","inferredFileName","pop","registerCommand","payload","selection","uploadNode","focus","focusNode","getNode","__first","ClipboardEvent","clipboardData","types","includes","from","forEach","push","pendingUploadNode","URL","createObjectURL","DragEvent","dt","dataTransfer","preventDefault","stopPropagation","applyDOMRange"],"mappings":"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"}

package/dist/features/upload/server/nodes/UploadNode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/features/upload/server/nodes/UploadNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n DOMConversionMap,\n DOMExportOutput,\n EditorConfig,\n ElementFormatType,\n LexicalNode,\n NodeKey,\n} from 'lexical'\nimport type {\n CollectionSlug,\n DataFromCollectionSlug,\n JsonObject,\n TypedUploadCollection,\n UploadCollectionSlug,\n} from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\nimport { $convertUploadElement } from './conversions.js'\n\nexport type UploadData<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n [TCollectionSlug in CollectionSlug]: {\n fields: TUploadExtraFieldsData\n /*\n Every lexical node that has sub-fields needs to have a unique ID. This is the ID of this upload node, not the ID of the linked upload document\n /\n id: string\n relationTo: TCollectionSlug\n /\n Value can be just the document ID, or the full, populated document\n /\n value: DataFromCollectionSlug<TCollectionSlug> \| number \| string\n }\n}[CollectionSlug]\n\n/\n Internal use only - UploadData type that can contain a pending state\n * @internal\n /\nexport type Internal_UploadData<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n pending?: {\n /\n ID that corresponds to the bulk upload form ID\n /\n formID: string\n /\n src value of the image dom element\n /\n src: string\n }\n} & UploadData<TUploadExtraFieldsData>\n\n/\n UploadDataImproved is a more precise type, and will replace UploadData in Payload v4.\n * This type is for internal use only as it will be deprecated in the future.\n * @internal\n \n @todo Replace UploadData with UploadDataImproved in 4.0\n /\nexport type UploadDataImproved<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n [TCollectionSlug in UploadCollectionSlug]: {\n fields: TUploadExtraFieldsData\n /\n Every lexical node that has sub-fields needs to have a unique ID. This is the ID of this upload node, not the ID of the linked upload document\n /\n id: string\n relationTo: TCollectionSlug\n /\n Value can be just the document ID, or the full, populated document\n */\n value: number \| string \| TypedUploadCollection[TCollectionSlug]\n }\n}[UploadCollectionSlug]\n\nexport type SerializedUploadNode = StronglyTypedLeafNode<SerializedDecoratorBlockNode, 'upload'> &\n UploadData\n\nexport class UploadServerNode extends DecoratorBlockNode {\n __data: UploadData\n\n constructor({\n data,\n format,\n key,\n }: {\n data: UploadData\n format?: ElementFormatType\n key?: NodeKey\n }) {\n super(format, key)\n this.__data = data\n }\n\n static override clone(node: UploadServerNode): UploadServerNode {\n return new this({\n data: node.__data,\n format: node.__format,\n key: node.__key,\n })\n }\n\n static override getType(): string {\n return 'upload'\n }\n\n static override importDOM(): DOMConversionMap<HTMLImageElement> {\n return {\n img: (node) => ({\n conversion: (domNode) => $convertUploadElement(domNode, $createUploadServerNode),\n priority: 0,\n }),\n }\n }\n\n static override importJSON(serializedNode: SerializedUploadNode): UploadServerNode {\n if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n }\n if (serializedNode.version === 2 && !serializedNode?.id) {\n serializedNode.id = new ObjectID.default().toHexString()\n serializedNode.version = 3\n }\n\n const importedData: Internal_UploadData = {\n id: serializedNode.id,\n fields: serializedNode.fields,\n pending: (serializedNode as Internal_UploadData).pending,\n relationTo: serializedNode.relationTo,\n value: serializedNode.value,\n }\n\n const node = $createUploadServerNode({ data: importedData })\n node.setFormat(serializedNode.format)\n\n return node\n }\n\n static isInline(): false {\n return false\n }\n\n override createDOM(config?: EditorConfig): HTMLElement {\n const element = document.createElement('div')\n addClassNamesToElement(element, config?.theme?.upload)\n return element\n }\n\n override decorate(): JSX.Element {\n return null as unknown as JSX.Element\n }\n\n override exportDOM(): DOMExportOutput {\n const element = document.createElement('img')\n const data = this.__data as Internal_UploadData\n if (data.pending) {\n element.setAttribute('data-lexical-pending-upload-form-id', String(data?.pending?.formID))\n element.setAttribute('src', data?.pending?.src \|\| '')\n } else {\n element.setAttribute('data-lexical-upload-id', String(data?.value))\n element.setAttribute('data-lexical-upload-relation-to', data?.relationTo)\n }\n\n return { element }\n }\n\n override exportJSON(): SerializedUploadNode {\n return {\n ...super.exportJSON(),\n ...this.getData(),\n type: 'upload',\n version: 3,\n }\n }\n\n getData(): UploadData {\n return this.getLatest().__data\n }\n\n setData(data: UploadData): void {\n const writable = this.getWritable()\n writable.__data = data\n }\n\n override updateDOM(): false {\n return false\n }\n}\n\nexport function $createUploadServerNode({\n data,\n}: {\n data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadServerNode {\n if (!data?.id) {\n data.id = new ObjectID.default().toHexString()\n }\n return $applyNodeReplacement(new UploadServerNode({ data: data as UploadData }))\n}\n\nexport function $isUploadServerNode(\n node: LexicalNode \| null \| undefined,\n): node is UploadServerNode {\n return node instanceof UploadServerNode\n}\n"],"names":["DecoratorBlockNode","addClassNamesToElement","ObjectID","$applyNodeReplacement","$convertUploadElement","UploadServerNode","__data","~~constructor","~~data","format","key","clone","node","__format","__key","getType","importDOM","img","conversion","domNode","$createUploadServerNode","priority","importJSON","serializedNode","version","value","id","default","toHexString","importedData","fields","pending","relationTo","setFormat","isInline","createDOM","config","element","document","createElement","theme","upload","decorate","exportDOM","setAttribute","String","formID","src","exportJSON","getData","type","getLatest","setData","writable","getWritable","updateDOM","$isUploadServerNode"],"mappings":"AAkBA,SAASA,kBAAkB,QAAQ,8CAA6C;AAChF,SAASC,sBAAsB,QAAQ,iBAAgB;AACvD,OAAOC,cAAc,gBAAe;AACpC,SAASC,qBAAqB,QAAQ,UAAS;AAI/C,SAASC,qBAAqB,QAAQ,mBAAkB;AAKpD;;KAEC,GAGD;;KAEC,GAKL;;;CAGC,GAGG;;KAEC,GAED;;KAEC,GAKL;;;;;;CAMC,GAIG;;KAEC,GAGD;;KAEC,GAQL,OAAO,MAAMC,yBAAyBL;IACpCM,OAAkB;~~IAElBC~~,YAAY,EACVC,IAAI,EACJC,MAAM,EACNC,GAAG,EAKJ,CAAE;QACD,KAAK,CAACD,QAAQC;QACd,IAAI,~~CAACJ~~,MAAM,~~GAAGE~~;IAChB;IAEA,OAAgBG,MAAMC,IAAsB,EAAoB;QAC9D,OAAO,IAAI,IAAI,CAAC;YACdJ,MAAMI,~~KAAKN~~,MAAM;~~YACjBG~~,QAAQG,KAAKC,QAAQ;YACrBH,KAAKE,KAAKE,KAAK;QACjB;IACF;IAEA,OAAgBC,UAAkB;QAChC,OAAO;IACT;IAEA,OAAgBC,YAAgD;QAC9D,OAAO;YACLC,KAAK,CAACL,OAAU,CAAA;oBACdM,YAAY,CAACC,~~UAAYf~~,~~sBAAsBe~~,SAASC;oBACxDC,UAAU;gBACZ,CAAA;QACF;IACF;IAEA,OAAgBC,WAAWC,cAAoC,EAAoB;QACjF,IAAIA,eAAeC,OAAO,KAAK,KAAMD,gBAAgBE,OAAqCC,IAAI;YAC5FH,eAAeE,KAAK,GAAG,AAACF,eAAeE,KAAK,CAA+BC,EAAE;QAC/E;QACA,IAAIH,eAAeC,OAAO,KAAK,KAAK,CAACD,gBAAgBG,IAAI;YACvDH,eAAeG,EAAE,GAAG,~~IAAIxB~~,~~SAASyB~~,OAAO,GAAGC,WAAW;YACtDL,eAAeC,OAAO,GAAG;QAC3B;QAEA,MAAMK,eAAoC;YACxCH,IAAIH,eAAeG,EAAE;YACrBI,QAAQP,eAAeO,MAAM;YAC7BC,SAAS,AAACR,eAAuCQ,OAAO;YACxDC,YAAYT,eAAeS,UAAU;YACrCP,OAAOF,eAAeE,KAAK;QAC7B;QAEA,MAAMb,OAAOQ,wBAAwB;YAAEZ,MAAMqB;QAAa;QAC1DjB,KAAKqB,SAAS,CAACV,eAAed,MAAM;QAEpC,OAAOG;IACT;IAEA,OAAOsB,WAAkB;QACvB,OAAO;IACT;IAESC,UAAUC,MAAqB,EAAe;QACrD,MAAMC,UAAUC,SAASC,aAAa,CAAC;~~QACvCtC~~,~~uBAAuBoC~~,SAASD,QAAQI,OAAOC;QAC/C,OAAOJ;IACT;IAESK,WAAwB;QAC/B,OAAO;IACT;IAESC,YAA6B;QACpC,MAAMN,UAAUC,SAASC,aAAa,CAAC;QACvC,MAAM/B,OAAO,IAAI,~~CAACF~~,MAAM;QACxB,~~IAAIE~~,KAAKuB,OAAO,EAAE;YAChBM,QAAQO,YAAY,CAAC,uCAAuCC,OAAOrC,MAAMuB,SAASe;YAClFT,QAAQO,YAAY,CAAC,OAAOpC,MAAMuB,SAASgB,OAAO;QACpD,OAAO;YACLV,QAAQO,YAAY,CAAC,0BAA0BC,OAAOrC,MAAMiB;YAC5DY,QAAQO,YAAY,CAAC,mCAAmCpC,MAAMwB;QAChE;QAEA,OAAO;YAAEK;QAAQ;IACnB;IAESW,aAAmC;QAC1C,OAAO;YACL,GAAG,KAAK,CAACA,YAAY;YACrB,GAAG,IAAI,CAACC,OAAO,EAAE;YACjBC,MAAM;YACN1B,SAAS;QACX;IACF;IAEAyB,UAAsB;QACpB,OAAO,IAAI,CAACE,SAAS,~~GAAG7C~~,MAAM;IAChC;~~IAEA8C~~,QAAQ5C,IAAgB,EAAQ;QAC9B,MAAM6C,WAAW,IAAI,CAACC,WAAW;QACjCD,~~SAAS/C~~,MAAM,~~GAAGE~~;IACpB;IAES+C,YAAmB;QAC1B,OAAO;IACT;AACF;AAEA,OAAO,SAASnC,wBAAwB,EACtCZ,IAAI,EAGL;IACC,IAAI,CAACA,MAAMkB,IAAI;QACblB,KAAKkB,EAAE,GAAG,~~IAAIxB~~,~~SAASyB~~,OAAO,GAAGC,WAAW;IAC9C;IACA,~~OAAOzB~~,sBAAsB,IAAIE,iBAAiB;~~QAAEG~~,MAAMA;IAAmB;AAC/E;AAEA,OAAO,SAASgD,oBACd5C,IAAoC;IAEpC,OAAOA,~~gBAAgBP~~;AACzB"}
1	+ {"version":3,"sources":["../../../../../src/features/upload/server/nodes/UploadNode.tsx"],"sourcesContent":["import type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport type {\n DOMConversionMap,\n DOMExportOutput,\n EditorConfig,\n ElementFormatType,\n LexicalNode,\n NodeKey,\n} from 'lexical'\nimport type {\n CollectionSlug,\n DataFromCollectionSlug,\n JsonObject,\n TypedUploadCollection,\n UploadCollectionSlug,\n} from 'payload'\nimport type { JSX } from 'react'\n\nimport { DecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode.js'\nimport { addClassNamesToElement } from '@lexical/utils'\nimport ObjectID from 'bson-objectid'\nimport { $applyNodeReplacement } from 'lexical'\n\nimport type { StronglyTypedLeafNode } from '../../../../nodeTypes.js'\n\nimport { $convertUploadElement } from './conversions.js'\n\nexport type UploadData<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n [TCollectionSlug in CollectionSlug]: {\n fields: TUploadExtraFieldsData\n /*\n Every lexical node that has sub-fields needs to have a unique ID. This is the ID of this upload node, not the ID of the linked upload document\n /\n id: string\n relationTo: TCollectionSlug\n /\n Value can be just the document ID, or the full, populated document\n /\n value: DataFromCollectionSlug<TCollectionSlug> \| number \| string\n }\n}[CollectionSlug]\n\n/\n Internal use only - UploadData type that can contain a pending state\n * @internal\n /\nexport type Internal_UploadData<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n pending?: {\n /\n ID that corresponds to the bulk upload form ID\n /\n formID: string\n /\n src value of the image dom element\n /\n src: string\n }\n} & UploadData<TUploadExtraFieldsData>\n\n/\n UploadDataImproved is a more precise type, and will replace UploadData in Payload v4.\n * This type is for internal use only as it will be deprecated in the future.\n * @internal\n \n @todo Replace UploadData with UploadDataImproved in 4.0\n /\nexport type UploadDataImproved<TUploadExtraFieldsData extends JsonObject = JsonObject> = {\n [TCollectionSlug in UploadCollectionSlug]: {\n fields: TUploadExtraFieldsData\n /\n Every lexical node that has sub-fields needs to have a unique ID. This is the ID of this upload node, not the ID of the linked upload document\n /\n id: string\n relationTo: TCollectionSlug\n /\n Value can be just the document ID, or the full, populated document\n */\n value: number \| string \| TypedUploadCollection[TCollectionSlug]\n }\n}[UploadCollectionSlug]\n\nexport type SerializedUploadNode = StronglyTypedLeafNode<SerializedDecoratorBlockNode, 'upload'> &\n UploadData\n\nexport class UploadServerNode extends DecoratorBlockNode {\n __data: UploadData\n\n constructor({\n data,\n format,\n key,\n }: {\n data: UploadData\n format?: ElementFormatType\n key?: NodeKey\n }) {\n super(format, key)\n this.__data = data\n }\n\n static override clone(node: UploadServerNode): UploadServerNode {\n return new this({\n data: node.__data,\n format: node.__format,\n key: node.__key,\n })\n }\n\n static override getType(): string {\n return 'upload'\n }\n\n static override importDOM(): DOMConversionMap<HTMLImageElement> {\n return {\n img: (node) => ({\n conversion: (domNode) => $convertUploadElement(domNode, $createUploadServerNode),\n priority: 0,\n }),\n }\n }\n\n static override importJSON(serializedNode: SerializedUploadNode): UploadServerNode {\n if (serializedNode.version === 1 && (serializedNode?.value as unknown as { id: string })?.id) {\n serializedNode.value = (serializedNode.value as unknown as { id: string }).id\n }\n if (serializedNode.version === 2 && !serializedNode?.id) {\n serializedNode.id = new ObjectID.default().toHexString()\n serializedNode.version = 3\n }\n\n const importedData: Internal_UploadData = {\n id: serializedNode.id,\n fields: serializedNode.fields,\n pending: (serializedNode as Internal_UploadData).pending,\n relationTo: serializedNode.relationTo,\n value: serializedNode.value,\n }\n\n const node = $createUploadServerNode({ data: importedData })\n node.setFormat(serializedNode.format)\n\n return node\n }\n\n static isInline(): false {\n return false\n }\n\n override createDOM(config?: EditorConfig): HTMLElement {\n const element = document.createElement('div')\n addClassNamesToElement(element, config?.theme?.upload)\n return element\n }\n\n override decorate(): JSX.Element {\n return null as unknown as JSX.Element\n }\n\n override exportDOM(): DOMExportOutput {\n const element = document.createElement('img')\n const data = this.__data as Internal_UploadData\n if (data.pending) {\n element.setAttribute('data-lexical-pending-upload-form-id', String(data?.pending?.formID))\n element.setAttribute('src', data?.pending?.src \|\| '')\n } else {\n element.setAttribute('data-lexical-upload-id', String(data?.value))\n element.setAttribute('data-lexical-upload-relation-to', data?.relationTo)\n }\n\n return { element }\n }\n\n override exportJSON(): SerializedUploadNode {\n return {\n ...super.exportJSON(),\n ...this.getData(),\n type: 'upload',\n version: 3,\n }\n }\n\n getData(): UploadData {\n return this.getLatest().__data\n }\n\n setData(data: UploadData): void {\n const writable = this.getWritable()\n writable.__data = data\n }\n\n override updateDOM(): false {\n return false\n }\n}\n\nexport function $createUploadServerNode({\n data,\n}: {\n data: Omit<UploadData, 'id'> & Partial<Pick<UploadData, 'id'>>\n}): UploadServerNode {\n if (!data?.id) {\n data.id = new ObjectID.default().toHexString()\n }\n return $applyNodeReplacement(new UploadServerNode({ data: data as UploadData }))\n}\n\nexport function $isUploadServerNode(\n node: LexicalNode \| null \| undefined,\n): node is UploadServerNode {\n return node instanceof UploadServerNode\n}\n"],"names":["DecoratorBlockNode","addClassNamesToElement","ObjectID","$applyNodeReplacement","$convertUploadElement","UploadServerNode","__data","data","format","key","clone","node","__format","__key","getType","importDOM","img","conversion","domNode","$createUploadServerNode","priority","importJSON","serializedNode","version","value","id","default","toHexString","importedData","fields","pending","relationTo","setFormat","isInline","createDOM","config","element","document","createElement","theme","upload","decorate","exportDOM","setAttribute","String","formID","src","exportJSON","getData","type","getLatest","setData","writable","getWritable","updateDOM","$isUploadServerNode"],"mappings":"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"}

package/dist/field/Diff/converters/listitem/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { CheckIcon } from '@payloadcms/ui/rsc';
 import './index.scss';
 export const ListItemDiffHTMLConverterAsync = {
@@ -9,59 +8,17 @@ export const ListItemDiffHTMLConverterAsync = {
         })).join('');
         if ('listType' in parent && parent?.listType === 'check') {
             const ReactDOMServer = (await import('react-dom/server')).default;
-            const JSX = /*#__PURE__*/ _jsxDEV("li", {
-                "aria-checked": node.checked ? true : false,
-                className: `checkboxItem ${node.checked ? 'checkboxItem--checked' : 'checkboxItem--unchecked'}${hasSubLists ? ' checkboxItem--nested' : ''}`,
-                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
-                role: "checkbox",
-                tabIndex: -1,
-                value: node.value,
-                children: hasSubLists ? // When sublists exist, just render them safely as HTML
-                /*#__PURE__*/ _jsxDEV("div", {
-                    dangerouslySetInnerHTML: {
-                        __html: children
-                    }
-                }, void 0, false, {
-                    fileName: "src/field/Diff/converters/listitem/index.tsx",
-                    lineNumber: 34,
-                    columnNumber: 13
-                }, this) : // Otherwise, show our custom styled checkbox
-                /*#__PURE__*/ _jsxDEV("div", {
-                    className: "checkboxItem__wrapper",
-                    children: [
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: "checkboxItem__icon",
-                            "data-checked": node.checked,
-                            "data-enable-match": "true",
-                            children: node.checked && /*#__PURE__*/ _jsxDEV(CheckIcon, {}, void 0, false, {
-                                fileName: "src/field/Diff/converters/listitem/index.tsx",
-                                lineNumber: 43,
-                                columnNumber: 34
-                            }, this)
-                        }, void 0, false, {
-                            fileName: "src/field/Diff/converters/listitem/index.tsx",
-                            lineNumber: 38,
-                            columnNumber: 15
-                        }, this),
-                        /*#__PURE__*/ _jsxDEV("span", {
-                            className: "checkboxItem__label",
-                            children: children
-                        }, void 0, false, {
-                            fileName: "src/field/Diff/converters/listitem/index.tsx",
-                            lineNumber: 45,
-                            columnNumber: 15
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/field/Diff/converters/listitem/index.tsx",
-                    lineNumber: 37,
-                    columnNumber: 13
-                }, this)
-            }, void 0, false, {
-                fileName: "src/field/Diff/converters/listitem/index.tsx",
-                lineNumber: 22,
-                columnNumber: 9
-            }, this);
+            const JSX = <li aria-checked={node.checked ? true : false} className={`checkboxItem ${node.checked ? 'checkboxItem--checked' : 'checkboxItem--unchecked'}${hasSubLists ? ' checkboxItem--nested' : ''}`} // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
+            role="checkbox" tabIndex={-1} value={node.value}>
+          {hasSubLists ? <div dangerouslySetInnerHTML={{
+                __html: children
+            }}/> : <div className="checkboxItem__wrapper">
+              <div className="checkboxItem__icon" data-checked={node.checked} data-enable-match="true">
+                {node.checked && <CheckIcon/>}
+              </div>
+              <span className="checkboxItem__label">{children}</span>
+            </div>}
+        </li>;
             const html = ReactDOMServer.renderToStaticMarkup(JSX);
             // Add style="list-style-type: none;${providedCSSString}" to html
             const styleIndex = html.indexOf('class="list-item-checkbox');

package/dist/field/Diff/converters/listitem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/Diff/converters/listitem/index.tsx"],"sourcesContent":["import { CheckIcon } from '@payloadcms/ui/rsc'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedListItemNode } from '../../../../nodeTypes.js'\n\nimport './index.scss'\n\nexport const ListItemDiffHTMLConverterAsync: HTMLConvertersAsync<SerializedListItemNode> = {\n listitem: async ({ node, nodesToHTML, parent, providedCSSString }) => {\n const hasSubLists = node.children.some((child) => child.type === 'list')\n\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n if ('listType' in parent && parent?.listType === 'check') {\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const JSX = (\n <li\n aria-checked={node.checked ? true : false}\n className={`checkboxItem ${node.checked ? 'checkboxItem--checked' : 'checkboxItem--unchecked'}${\n hasSubLists ? ' checkboxItem--nested' : ''\n }`}\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n role=\"checkbox\"\n tabIndex={-1}\n value={node.value}\n >\n {hasSubLists ? (\n // When sublists exist, just render them safely as HTML\n <div dangerouslySetInnerHTML={{ __html: children }} />\n ) : (\n // Otherwise, show our custom styled checkbox\n <div className=\"checkboxItem__wrapper\">\n <div\n className=\"checkboxItem__icon\"\n data-checked={node.checked}\n data-enable-match=\"true\"\n >\n {node.checked && <CheckIcon />}\n </div>\n <span className=\"checkboxItem__label\">{children}</span>\n </div>\n )}\n </li>\n )\n\n const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n // Add style=\"list-style-type: none;${providedCSSString}\" to html\n const styleIndex = html.indexOf('class=\"list-item-checkbox')\n const classIndex = html.indexOf('class=\"list-item-checkbox', styleIndex)\n const classEndIndex = html.indexOf('\"', classIndex + 6)\n const className = html.substring(classIndex, classEndIndex)\n const classNameWithStyle = `${className} style=\"list-style-type: none;${providedCSSString}\"`\n const htmlWithStyle = html.replace(className, classNameWithStyle)\n\n return htmlWithStyle\n } else {\n return `<li\n class=\"${hasSubLists ? 'nestedListItem' : ''}\"\n style=\"${hasSubLists ? `list-style-type: none;${providedCSSString}` : providedCSSString}\"\n value=\"${node.value}\"\n data-enable-match=\"true\"\n >${children}</li>`\n }\n },\n}\n"],"names":["CheckIcon","ListItemDiffHTMLConverterAsync","listitem","node","nodesToHTML","parent","providedCSSString","hasSubLists","children","some","child","type","nodes","join","listType","ReactDOMServer","default","JSX","li","aria-checked","checked","className","role","tabIndex","value","div","dangerouslySetInnerHTML","__html","data-checked","data-enable-match","span","html","renderToStaticMarkup","styleIndex","indexOf","classIndex","classEndIndex","substring","classNameWithStyle","htmlWithStyle","replace"],"mappings":";AAAA,SAASA,SAAS,QAAQ,qBAAoB;AAK9C,OAAO,eAAc;AAErB,OAAO,MAAMC,iCAA8E;IACzFC,UAAU,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,MAAM,EAAEC,iBAAiB,EAAE;QAC/D,MAAMC,cAAcJ,KAAKK,QAAQ,CAACC,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK;QAEjE,MAAMH,WAAW,AACf,CAAA,MAAMJ,YAAY;YAChBQ,OAAOT,KAAKK,QAAQ;QACtB,EAAC,EACDK,IAAI,CAAC;QAEP,IAAI,cAAcR,UAAUA,QAAQS,aAAa,SAAS;YACxD,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,MAAMC,~~oBACJ~~,~~QAACC;gBACCC~~,~~gBAAchB~~,KAAKiB,OAAO,GAAG,OAAO~~;gBACpCC~~,WAAW,CAAC,aAAa,EAAElB,KAAKiB,OAAO,GAAG,0BAA0B,4BAClEb,cAAc,0BAA0B,IACxC~~;gBACF~~,kFAAkF;~~gBAClFe~~,~~MAAK;gBACLC~~,UAAU,CAAC~~;gBACXC~~,OAAOrB,KAAKqB,KAAK;~~0BAEhBjB~~,~~cACC~~,~~uDAAuD;8BACvD~~,~~QAACkB;oBAAIC~~,yBAAyB;~~wBAAEC~~,QAAQnB;~~oBAAS;;;;;2BAEjD~~,~~6CAA6C;8BAC7C~~,~~QAACiB;oBAAIJ~~,~~WAAU;;sCACb~~,~~QAACI~~;~~4BACCJ~~,~~WAAU;4BACVO~~,~~gBAAczB~~,KAAKiB,OAAO~~;4BAC1BS~~,~~qBAAkB~~;~~sCAEjB1B~~,KAAKiB,OAAO,~~kBAAI~~,~~QAACpB;;;;;;;;;;sCAEpB~~,~~QAAC8B~~;~~4BAAKT~~,~~WAAU~~;~~sCAAuBb;;;;;;;;;;;;;;;;;YAM/C~~,~~MAAMuB~~,OAAOhB,eAAeiB,oBAAoB,CAACf;YAEjD,iEAAiE;YACjE,MAAMgB,aAAaF,KAAKG,OAAO,CAAC;YAChC,MAAMC,aAAaJ,KAAKG,OAAO,CAAC,6BAA6BD;YAC7D,MAAMG,gBAAgBL,KAAKG,OAAO,CAAC,KAAKC,aAAa;YACrD,MAAMd,YAAYU,KAAKM,SAAS,CAACF,YAAYC;YAC7C,MAAME,qBAAqB,GAAGjB,UAAU,8BAA8B,EAAEf,kBAAkB,CAAC,CAAC;YAC5F,MAAMiC,gBAAgBR,KAAKS,OAAO,CAACnB,WAAWiB;YAE9C,OAAOC;QACT,OAAO;YACL,OAAO,CAAC;iBACG,EAAEhC,cAAc,mBAAmB,GAAG;iBACtC,EAAEA,cAAc,CAAC,sBAAsB,EAAED,mBAAmB,GAAGA,kBAAkB;iBACjF,EAAEH,KAAKqB,KAAK,CAAC;;SAErB,EAAEhB,SAAS,KAAK,CAAC;QACtB;IACF;AACF,EAAC"}
1	+ {"version":3,"sources":["../../../../../src/field/Diff/converters/listitem/index.tsx"],"sourcesContent":["import { CheckIcon } from '@payloadcms/ui/rsc'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedListItemNode } from '../../../../nodeTypes.js'\n\nimport './index.scss'\n\nexport const ListItemDiffHTMLConverterAsync: HTMLConvertersAsync<SerializedListItemNode> = {\n listitem: async ({ node, nodesToHTML, parent, providedCSSString }) => {\n const hasSubLists = node.children.some((child) => child.type === 'list')\n\n const children = (\n await nodesToHTML({\n nodes: node.children,\n })\n ).join('')\n\n if ('listType' in parent && parent?.listType === 'check') {\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const JSX = (\n <li\n aria-checked={node.checked ? true : false}\n className={`checkboxItem ${node.checked ? 'checkboxItem--checked' : 'checkboxItem--unchecked'}${\n hasSubLists ? ' checkboxItem--nested' : ''\n }`}\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n role=\"checkbox\"\n tabIndex={-1}\n value={node.value}\n >\n {hasSubLists ? (\n // When sublists exist, just render them safely as HTML\n <div dangerouslySetInnerHTML={{ __html: children }} />\n ) : (\n // Otherwise, show our custom styled checkbox\n <div className=\"checkboxItem__wrapper\">\n <div\n className=\"checkboxItem__icon\"\n data-checked={node.checked}\n data-enable-match=\"true\"\n >\n {node.checked && <CheckIcon />}\n </div>\n <span className=\"checkboxItem__label\">{children}</span>\n </div>\n )}\n </li>\n )\n\n const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n // Add style=\"list-style-type: none;${providedCSSString}\" to html\n const styleIndex = html.indexOf('class=\"list-item-checkbox')\n const classIndex = html.indexOf('class=\"list-item-checkbox', styleIndex)\n const classEndIndex = html.indexOf('\"', classIndex + 6)\n const className = html.substring(classIndex, classEndIndex)\n const classNameWithStyle = `${className} style=\"list-style-type: none;${providedCSSString}\"`\n const htmlWithStyle = html.replace(className, classNameWithStyle)\n\n return htmlWithStyle\n } else {\n return `<li\n class=\"${hasSubLists ? 'nestedListItem' : ''}\"\n style=\"${hasSubLists ? `list-style-type: none;${providedCSSString}` : providedCSSString}\"\n value=\"${node.value}\"\n data-enable-match=\"true\"\n >${children}</li>`\n }\n },\n}\n"],"names":["CheckIcon","ListItemDiffHTMLConverterAsync","listitem","node","nodesToHTML","parent","providedCSSString","hasSubLists","children","some","child","type","nodes","join","listType","ReactDOMServer","default","JSX","li","aria-checked","checked","className","role","tabIndex","value","div","dangerouslySetInnerHTML","__html","data-checked","data-enable-match","span","html","renderToStaticMarkup","styleIndex","indexOf","classIndex","classEndIndex","substring","classNameWithStyle","htmlWithStyle","replace"],"mappings":"AAAA,SAASA,SAAS,QAAQ,qBAAoB;AAK9C,OAAO,eAAc;AAErB,OAAO,MAAMC,iCAA8E;IACzFC,UAAU,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,MAAM,EAAEC,iBAAiB,EAAE;QAC/D,MAAMC,cAAcJ,KAAKK,QAAQ,CAACC,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK;QAEjE,MAAMH,WAAW,AACf,CAAA,MAAMJ,YAAY;YAChBQ,OAAOT,KAAKK,QAAQ;QACtB,EAAC,EACDK,IAAI,CAAC;QAEP,IAAI,cAAcR,UAAUA,QAAQS,aAAa,SAAS;YACxD,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,MAAMC,OACHC,GACCC,cAAchB,KAAKiB,OAAO,GAAG,OAAO,OACpCC,WAAW,CAAC,aAAa,EAAElB,KAAKiB,OAAO,GAAG,0BAA0B,4BAClEb,cAAc,0BAA0B,IACxC,EACF,kFAAkF;YAClFe,KAAK,WACLC,UAAU,CAAC,GACXC,OAAOrB,KAAKqB,KAAK,EAClB;UACC,CAACjB,eAEEkB,IAAIC,yBAAyB;gBAAEC,QAAQnB;YAAS,QAGhDiB,IAAIJ,UAAU,wBAAwB;cACrC,CAACI,IACCJ,UAAU,qBACVO,cAAczB,KAAKiB,OAAO,EAC1BS,kBAAkB,OACnB;gBACC,CAAC1B,KAAKiB,OAAO,KAAKpB,YAAa;cACjC,EAAEyB,IAAI;cACN,CAACK,KAAKT,UAAU,uBAAuBb,WAAWsB,KAAK;YACzD,EAAEL,KACF;QACJ,EAAEP;YAGJ,MAAMa,OAAOhB,eAAeiB,oBAAoB,CAACf;YAEjD,iEAAiE;YACjE,MAAMgB,aAAaF,KAAKG,OAAO,CAAC;YAChC,MAAMC,aAAaJ,KAAKG,OAAO,CAAC,6BAA6BD;YAC7D,MAAMG,gBAAgBL,KAAKG,OAAO,CAAC,KAAKC,aAAa;YACrD,MAAMd,YAAYU,KAAKM,SAAS,CAACF,YAAYC;YAC7C,MAAME,qBAAqB,GAAGjB,UAAU,8BAA8B,EAAEf,kBAAkB,CAAC,CAAC;YAC5F,MAAMiC,gBAAgBR,KAAKS,OAAO,CAACnB,WAAWiB;YAE9C,OAAOC;QACT,OAAO;YACL,OAAO,CAAC;iBACG,EAAEhC,cAAc,mBAAmB,GAAG;iBACtC,EAAEA,cAAc,CAAC,sBAAsB,EAAED,mBAAmB,GAAGA,kBAAkB;iBACjF,EAAEH,KAAKqB,KAAK,CAAC;;SAErB,EAAEhB,SAAS,KAAK,CAAC;QACtB;IACF;AACF,EAAC"}

package/dist/field/Diff/converters/relationship/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import './index.scss';
 import { formatAdminURL } from 'payload/shared';
@@ -22,65 +21,24 @@ export const RelationshipDiffHTMLConverterAsync = ({ i18n, req })=>{
             }
             const relatedCollection = req.payload.collections[node.relationTo]?.config;
             const ReactDOMServer = (await import('react-dom/server')).default;
-            const JSX = /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}${providedCSSString}`,
-                "data-enable-match": "true",
-                "data-id": id,
-                "data-slug": node.relationTo,
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__card`,
-                    children: [
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__collectionLabel`,
-                            children: i18n.t('fields:labelRelationship', {
-                                label: relatedCollection?.labels?.singular ? getTranslation(relatedCollection?.labels?.singular, i18n) : relatedCollection?.slug
-                            })
-                        }, void 0, false, {
-                            fileName: "src/field/Diff/converters/relationship/index.tsx",
-                            lineNumber: 49,
-                            columnNumber: 13
-                        }, this),
-                        data && relatedCollection?.admin?.useAsTitle && data[relatedCollection.admin.useAsTitle] ? /*#__PURE__*/ _jsxDEV("strong", {
-                            className: `${baseClass}__title`,
-                            "data-enable-match": "false",
-                            children: /*#__PURE__*/ _jsxDEV("a", {
-                                className: `${baseClass}__link`,
-                                "data-enable-match": "false",
-                                href: formatAdminURL({
-                                    adminRoute: req.payload.config.routes.admin,
-                                    path: `/collections/${relatedCollection?.slug}/${data.id}`,
-                                    serverURL: req.payload.config.serverURL
-                                }),
-                                rel: "noopener noreferrer",
-                                target: "_blank",
-                                children: data[relatedCollection.admin.useAsTitle]
-                            }, void 0, false, {
-                                fileName: "src/field/Diff/converters/relationship/index.tsx",
-                                lineNumber: 60,
-                                columnNumber: 17
-                            }, this)
-                        }, void 0, false, {
-                            fileName: "src/field/Diff/converters/relationship/index.tsx",
-                            lineNumber: 59,
-                            columnNumber: 15
-                        }, this) : /*#__PURE__*/ _jsxDEV("strong", {
-                            children: id
-                        }, void 0, false, {
-                            fileName: "src/field/Diff/converters/relationship/index.tsx",
-                            lineNumber: 75,
-                            columnNumber: 15
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/field/Diff/converters/relationship/index.tsx",
-                    lineNumber: 48,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/field/Diff/converters/relationship/index.tsx",
-                lineNumber: 42,
-                columnNumber: 9
-            }, this);
+            const JSX = <div className={`${baseClass}${providedCSSString}`} data-enable-match="true" data-id={id} data-slug={node.relationTo}>
+          <div className={`${baseClass}__card`}>
+            <div className={`${baseClass}__collectionLabel`}>
+              {i18n.t('fields:labelRelationship', {
+                label: relatedCollection?.labels?.singular ? getTranslation(relatedCollection?.labels?.singular, i18n) : relatedCollection?.slug
+            })}
+            </div>
+            {data && relatedCollection?.admin?.useAsTitle && data[relatedCollection.admin.useAsTitle] ? <strong className={`${baseClass}__title`} data-enable-match="false">
+                <a className={`${baseClass}__link`} data-enable-match="false" href={formatAdminURL({
+                adminRoute: req.payload.config.routes.admin,
+                path: `/collections/${relatedCollection?.slug}/${data.id}`,
+                serverURL: req.payload.config.serverURL
+            })} rel="noopener noreferrer" target="_blank">
+                  {data[relatedCollection.admin.useAsTitle]}
+                </a>
+              </strong> : <strong>{id}</strong>}
+          </div>
+        </div>;
             // Render to HTML
             const html = ReactDOMServer.renderToStaticMarkup(JSX);
             return html;

package/dist/field/Diff/converters/relationship/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/Diff/converters/relationship/index.tsx"],"sourcesContent":["import type { FileData, PayloadRequest, TypeWithID } from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { formatAdminURL } from 'payload/shared'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedRelationshipNode } from '../../../../nodeTypes.js'\n\nconst baseClass = 'lexical-relationship-diff'\n\nexport const RelationshipDiffHTMLConverterAsync: (args: {\n i18n: I18nClient\n req: PayloadRequest\n}) => HTMLConvertersAsync<SerializedRelationshipNode> = ({ i18n, req }) => {\n return {\n relationship: async ({ node, populate, providedCSSString }) => {\n let data: (Record<string, any> & TypeWithID) \| undefined = undefined\n\n const id = typeof node.value === 'object' ? node.value.id : node.value\n\n // If there's no valid upload data, populate return an empty string\n if (typeof node.value !== 'object') {\n if (!populate) {\n return ''\n }\n data = await populate<FileData & TypeWithID>({\n id,\n collectionSlug: node.relationTo,\n })\n } else {\n data = node.value as unknown as FileData & TypeWithID\n }\n\n const relatedCollection = req.payload.collections[node.relationTo]?.config\n\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const JSX = (\n <div\n className={`${baseClass}${providedCSSString}`}\n data-enable-match=\"true\"\n data-id={id}\n data-slug={node.relationTo}\n >\n <div className={`${baseClass}__card`}>\n <div className={`${baseClass}__collectionLabel`}>\n {i18n.t('fields:labelRelationship', {\n label: relatedCollection?.labels?.singular\n ? getTranslation(relatedCollection?.labels?.singular, i18n)\n : relatedCollection?.slug,\n })}\n </div>\n {data &&\n relatedCollection?.admin?.useAsTitle &&\n data[relatedCollection.admin.useAsTitle] ? (\n <strong className={`${baseClass}__title`} data-enable-match=\"false\">\n <a\n className={`${baseClass}__link`}\n data-enable-match=\"false\"\n href={formatAdminURL({\n adminRoute: req.payload.config.routes.admin,\n path: `/collections/${relatedCollection?.slug}/${data.id}`,\n serverURL: req.payload.config.serverURL,\n })}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n {data[relatedCollection.admin.useAsTitle]}\n </a>\n </strong>\n ) : (\n <strong>{id as string}</strong>\n )}\n </div>\n </div>\n )\n\n // Render to HTML\n const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n return html\n },\n }\n}\n"],"names":["getTranslation","formatAdminURL","baseClass","RelationshipDiffHTMLConverterAsync","i18n","req","relationship","node","populate","providedCSSString","data","undefined","id","value","collectionSlug","relationTo","relatedCollection","payload","collections","config","ReactDOMServer","default","JSX","div","className","data-enable-match","data-id","data-slug","t","label","labels","singular","slug","admin","useAsTitle","strong","a","href","adminRoute","routes","path","serverURL","rel","target","html","renderToStaticMarkup"],"mappings":";AAEA,SAASA,cAAc,QAAyB,2BAA0B;AAE1E,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAK/C,MAAMC,YAAY;AAElB,OAAO,MAAMC,qCAG2C,CAAC,EAAEC,IAAI,EAAEC,GAAG,EAAE;IACpE,OAAO;QACLC,cAAc,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;YACxD,IAAIC,OAAuDC;YAE3D,MAAMC,KAAK,OAAOL,KAAKM,KAAK,KAAK,WAAWN,KAAKM,KAAK,CAACD,EAAE,GAAGL,KAAKM,KAAK;YAEtE,mEAAmE;YACnE,IAAI,OAAON,KAAKM,KAAK,KAAK,UAAU;gBAClC,IAAI,CAACL,UAAU;oBACb,OAAO;gBACT;gBACAE,OAAO,MAAMF,SAAgC;oBAC3CI;oBACAE,gBAAgBP,KAAKQ,UAAU;gBACjC;YACF,OAAO;gBACLL,OAAOH,KAAKM,KAAK;YACnB;YAEA,MAAMG,oBAAoBX,IAAIY,OAAO,CAACC,WAAW,CAACX,KAAKQ,UAAU,CAAC,EAAEI;YAEpE,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,MAAMC,~~oBACJ~~,~~QAACC;gBACCC~~,WAAW,GAAGtB,YAAYO,mBAAmB~~;gBAC7CgB~~,~~qBAAkB;gBAClBC~~,~~WAASd;gBACTe~~,~~aAAWpB~~,KAAKQ,UAAU;~~0BAE1B~~,~~cAAA~~,~~QAACQ;oBAAIC~~,WAAW,GAAGtB,UAAU,MAAM,CAAC~~;;sCAClC~~,~~QAACqB~~;~~4BAAIC~~,WAAW,GAAGtB,UAAU,iBAAiB,CAAC;~~sCAC5CE~~,KAAKwB,CAAC,CAAC,4BAA4B;~~gCAClCC~~,OAAOb,mBAAmBc,QAAQC,WAC9B/B,eAAegB,mBAAmBc,QAAQC,UAAU3B,QACpDY,mBAAmBgB;~~4BACzB;;;;;;wBAEDtB~~,QACDM,mBAAmBiB,OAAOC,cAC1BxB,IAAI,CAACM,kBAAkBiB,KAAK,CAACC,UAAU,CAAC,~~iBACtC~~,~~QAACC;4BAAOX~~,WAAW,GAAGtB,UAAU,OAAO,CAAC~~;4BAAEuB~~,~~qBAAkB;sCAC1D~~,~~cAAA~~,~~QAACW~~;~~gCACCZ~~,WAAW,GAAGtB,UAAU,MAAM,CAAC~~;gCAC~~/BuB,~~qBAAkB;gCAClBY~~,MAAMpC,eAAe;~~oCACnBqC~~,YAAYjC,IAAIY,OAAO,CAACE,MAAM,CAACoB,MAAM,CAACN,KAAK;~~oCAC3CO~~,MAAM,CAAC,aAAa,EAAExB,mBAAmBgB,KAAK,CAAC,EAAEtB,KAAKE,EAAE,EAAE;~~oCAC1D6B~~,WAAWpC,IAAIY,OAAO,CAACE,MAAM,CAACsB,SAAS;~~gCACzC;gCACAC~~,~~KAAI;gCACJC~~,~~QAAO~~;~~0CAENjC~~,IAAI,CAACM,kBAAkBiB,KAAK,CAACC,UAAU,CAAC~~;;;;;;;;;;iDAI7C~~,~~QAACC~~;~~sCAAQvB;;;;;;;;;;;;;;;;;YAMjB~~,iBAAiB;YACjB,~~MAAMgC~~,OAAOxB,eAAeyB,oBAAoB,CAACvB;YAEjD,OAAOsB;QACT;IACF;AACF,EAAC"}
1	+ {"version":3,"sources":["../../../../../src/field/Diff/converters/relationship/index.tsx"],"sourcesContent":["import type { FileData, PayloadRequest, TypeWithID } from 'payload'\n\nimport { getTranslation, type I18nClient } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { formatAdminURL } from 'payload/shared'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedRelationshipNode } from '../../../../nodeTypes.js'\n\nconst baseClass = 'lexical-relationship-diff'\n\nexport const RelationshipDiffHTMLConverterAsync: (args: {\n i18n: I18nClient\n req: PayloadRequest\n}) => HTMLConvertersAsync<SerializedRelationshipNode> = ({ i18n, req }) => {\n return {\n relationship: async ({ node, populate, providedCSSString }) => {\n let data: (Record<string, any> & TypeWithID) \| undefined = undefined\n\n const id = typeof node.value === 'object' ? node.value.id : node.value\n\n // If there's no valid upload data, populate return an empty string\n if (typeof node.value !== 'object') {\n if (!populate) {\n return ''\n }\n data = await populate<FileData & TypeWithID>({\n id,\n collectionSlug: node.relationTo,\n })\n } else {\n data = node.value as unknown as FileData & TypeWithID\n }\n\n const relatedCollection = req.payload.collections[node.relationTo]?.config\n\n const ReactDOMServer = (await import('react-dom/server')).default\n\n const JSX = (\n <div\n className={`${baseClass}${providedCSSString}`}\n data-enable-match=\"true\"\n data-id={id}\n data-slug={node.relationTo}\n >\n <div className={`${baseClass}__card`}>\n <div className={`${baseClass}__collectionLabel`}>\n {i18n.t('fields:labelRelationship', {\n label: relatedCollection?.labels?.singular\n ? getTranslation(relatedCollection?.labels?.singular, i18n)\n : relatedCollection?.slug,\n })}\n </div>\n {data &&\n relatedCollection?.admin?.useAsTitle &&\n data[relatedCollection.admin.useAsTitle] ? (\n <strong className={`${baseClass}__title`} data-enable-match=\"false\">\n <a\n className={`${baseClass}__link`}\n data-enable-match=\"false\"\n href={formatAdminURL({\n adminRoute: req.payload.config.routes.admin,\n path: `/collections/${relatedCollection?.slug}/${data.id}`,\n serverURL: req.payload.config.serverURL,\n })}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n >\n {data[relatedCollection.admin.useAsTitle]}\n </a>\n </strong>\n ) : (\n <strong>{id as string}</strong>\n )}\n </div>\n </div>\n )\n\n // Render to HTML\n const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n return html\n },\n }\n}\n"],"names":["getTranslation","formatAdminURL","baseClass","RelationshipDiffHTMLConverterAsync","i18n","req","relationship","node","populate","providedCSSString","data","undefined","id","value","collectionSlug","relationTo","relatedCollection","payload","collections","config","ReactDOMServer","default","JSX","div","className","data-enable-match","data-id","data-slug","t","label","labels","singular","slug","admin","useAsTitle","strong","a","href","adminRoute","routes","path","serverURL","rel","target","html","renderToStaticMarkup"],"mappings":"AAEA,SAASA,cAAc,QAAyB,2BAA0B;AAE1E,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAK/C,MAAMC,YAAY;AAElB,OAAO,MAAMC,qCAG2C,CAAC,EAAEC,IAAI,EAAEC,GAAG,EAAE;IACpE,OAAO;QACLC,cAAc,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;YACxD,IAAIC,OAAuDC;YAE3D,MAAMC,KAAK,OAAOL,KAAKM,KAAK,KAAK,WAAWN,KAAKM,KAAK,CAACD,EAAE,GAAGL,KAAKM,KAAK;YAEtE,mEAAmE;YACnE,IAAI,OAAON,KAAKM,KAAK,KAAK,UAAU;gBAClC,IAAI,CAACL,UAAU;oBACb,OAAO;gBACT;gBACAE,OAAO,MAAMF,SAAgC;oBAC3CI;oBACAE,gBAAgBP,KAAKQ,UAAU;gBACjC;YACF,OAAO;gBACLL,OAAOH,KAAKM,KAAK;YACnB;YAEA,MAAMG,oBAAoBX,IAAIY,OAAO,CAACC,WAAW,CAACX,KAAKQ,UAAU,CAAC,EAAEI;YAEpE,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,MAAMC,OACHC,IACCC,WAAW,GAAGtB,YAAYO,mBAAmB,EAC7CgB,kBAAkB,OAClBC,SAASd,IACTe,WAAWpB,KAAKQ,UAAU,EAC3B;UACC,CAACQ,IAAIC,WAAW,GAAGtB,UAAU,MAAM,CAAC,EAAE;YACpC,CAACqB,IAAIC,WAAW,GAAGtB,UAAU,iBAAiB,CAAC,EAAE;cAC/C,CAACE,KAAKwB,CAAC,CAAC,4BAA4B;gBAClCC,OAAOb,mBAAmBc,QAAQC,WAC9B/B,eAAegB,mBAAmBc,QAAQC,UAAU3B,QACpDY,mBAAmBgB;YACzB,GAAG;YACL,EAAET,IAAI;YACN,CAACb,QACDM,mBAAmBiB,OAAOC,cAC1BxB,IAAI,CAACM,kBAAkBiB,KAAK,CAACC,UAAU,CAAC,IACrCC,OAAOX,WAAW,GAAGtB,UAAU,OAAO,CAAC,EAAEuB,kBAAkB,QAAQ;gBAClE,CAACW,EACCZ,WAAW,GAAGtB,UAAU,MAAM,CAAC,EAC/BuB,kBAAkB,QAClBY,MAAMpC,eAAe;gBACnBqC,YAAYjC,IAAIY,OAAO,CAACE,MAAM,CAACoB,MAAM,CAACN,KAAK;gBAC3CO,MAAM,CAAC,aAAa,EAAExB,mBAAmBgB,KAAK,CAAC,EAAEtB,KAAKE,EAAE,EAAE;gBAC1D6B,WAAWpC,IAAIY,OAAO,CAACE,MAAM,CAACsB,SAAS;YACzC,IACAC,IAAI,sBACJC,OAAO,SACR;kBACC,CAACjC,IAAI,CAACM,kBAAkBiB,KAAK,CAACC,UAAU,CAAC,CAAC;gBAC5C,EAAEE,EAAE;cACN,EAAED,WAEDA,QAAQvB,KAAeuB,QACxB;UACJ,EAAEZ,IAAI;QACR,EAAEA;YAGJ,iBAAiB;YACjB,MAAMqB,OAAOxB,eAAeyB,oBAAoB,CAACvB;YAEjD,OAAOsB;QACT;IACF;AACF,EAAC"}

package/dist/field/Diff/converters/unknown/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import './index.scss';
 import { createHash } from 'crypto';
 const baseClass = 'lexical-unknown-diff';
@@ -17,47 +16,13 @@ export const UnknownDiffHTMLConverterAsync = ({ i18n, req })=>{
                 nodeTypeSpecifier = node.fields.blockType;
                 nodeType = 'InlineBlock';
             }
-            const JSX = /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}${providedCSSString}`,
-                "data-enable-match": "true",
-                "data-fields-hash": `${nodeFieldsHash}`,
-                children: [
-                    nodeTypeSpecifier && /*#__PURE__*/ _jsxDEV("span", {
-                        className: `${baseClass}__specifier`,
-                        children: [
-                            nodeTypeSpecifier,
-                            " "
-                        ]
-                    }, void 0, true, {
-                        fileName: "src/field/Diff/converters/unknown/index.tsx",
-                        lineNumber: 47,
-                        columnNumber: 13
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("span", {
-                        children: nodeType
-                    }, void 0, false, {
-                        fileName: "src/field/Diff/converters/unknown/index.tsx",
-                        lineNumber: 49,
-                        columnNumber: 11
-                    }, this),
-                    /*#__PURE__*/ _jsxDEV("div", {
-                        className: `${baseClass}__meta`,
-                        children: /*#__PURE__*/ _jsxDEV("br", {}, void 0, false, {
-                            fileName: "src/field/Diff/converters/unknown/index.tsx",
-                            lineNumber: 51,
-                            columnNumber: 13
-                        }, this)
-                    }, void 0, false, {
-                        fileName: "src/field/Diff/converters/unknown/index.tsx",
-                        lineNumber: 50,
-                        columnNumber: 11
-                    }, this)
-                ]
-            }, void 0, true, {
-                fileName: "src/field/Diff/converters/unknown/index.tsx",
-                lineNumber: 41,
-                columnNumber: 9
-            }, this);
+            const JSX = <div className={`${baseClass}${providedCSSString}`} data-enable-match="true" data-fields-hash={`${nodeFieldsHash}`}>
+          {nodeTypeSpecifier && <span className={`${baseClass}__specifier`}>{nodeTypeSpecifier}&nbsp;</span>}
+          <span>{nodeType}</span>
+          <div className={`${baseClass}__meta`}>
+            <br/>
+          </div>
+        </div>;
             // Render to HTML
             const html = ReactDOMServer.renderToStaticMarkup(JSX);
             return html;

package/dist/field/Diff/converters/unknown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/field/Diff/converters/unknown/index.tsx"],"sourcesContent":["import type { LexicalNode } from 'lexical'\nimport type { PayloadRequest } from 'payload'\n\nimport { type I18nClient } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { createHash } from 'crypto'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedBlockNode } from '../../../../nodeTypes.js'\n\nconst baseClass = 'lexical-unknown-diff'\n\nexport const UnknownDiffHTMLConverterAsync: (args: {\n i18n: I18nClient\n req: PayloadRequest\n}) => HTMLConvertersAsync<LexicalNode> = ({ i18n, req }) => {\n return {\n unknown: async ({ node, providedCSSString }) => {\n const ReactDOMServer = (await import('react-dom/server')).default\n\n // hash fields to ensure they are diffed if they change\n const nodeFieldsHash = createHash('sha256')\n .update(JSON.stringify(node ?? {}))\n .digest('hex')\n\n let nodeType = node.type\n\n let nodeTypeSpecifier: null \| string = null\n\n if (node.type === 'block') {\n nodeTypeSpecifier = (node as SerializedBlockNode).fields.blockType\n nodeType = 'Block'\n } else if (node.type === 'inlineBlock') {\n nodeTypeSpecifier = (node as SerializedBlockNode).fields.blockType\n nodeType = 'InlineBlock'\n }\n\n const JSX = (\n <div\n className={`${baseClass}${providedCSSString}`}\n data-enable-match=\"true\"\n data-fields-hash={`${nodeFieldsHash}`}\n >\n {nodeTypeSpecifier && (\n <span className={`${baseClass}__specifier`}>{nodeTypeSpecifier} </span>\n )}\n <span>{nodeType}</span>\n <div className={`${baseClass}__meta`}>\n <br />\n </div>\n </div>\n )\n\n // Render to HTML\n const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n return html\n },\n }\n}\n"],"names":["createHash","baseClass","UnknownDiffHTMLConverterAsync","i18n","req","unknown","node","providedCSSString","ReactDOMServer","default","nodeFieldsHash","update","JSON","stringify","digest","nodeType","type","nodeTypeSpecifier","fields","blockType","JSX","div","className","data-enable-match","data-fields-hash","span","br","html","renderToStaticMarkup"],"mappings":";AAKA,OAAO,eAAc;AAErB,SAASA,UAAU,QAAQ,SAAQ;AAKnC,MAAMC,YAAY;AAElB,OAAO,MAAMC,gCAG4B,CAAC,EAAEC,IAAI,EAAEC,GAAG,EAAE;IACrD,OAAO;QACLC,SAAS,OAAO,EAAEC,IAAI,EAAEC,iBAAiB,EAAE;YACzC,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,uDAAuD;YACvD,MAAMC,iBAAiBV,WAAW,UAC/BW,MAAM,CAACC,KAAKC,SAAS,CAACP,QAAQ,CAAC,IAC/BQ,MAAM,CAAC;YAEV,IAAIC,WAAWT,KAAKU,IAAI;YAExB,IAAIC,oBAAmC;YAEvC,IAAIX,KAAKU,IAAI,KAAK,SAAS;gBACzBC,oBAAoB,AAACX,KAA6BY,MAAM,CAACC,SAAS;gBAClEJ,WAAW;YACb,OAAO,IAAIT,KAAKU,IAAI,KAAK,eAAe;gBACtCC,oBAAoB,AAACX,KAA6BY,MAAM,CAACC,SAAS;gBAClEJ,WAAW;YACb;YAEA,MAAMK,~~oBACJ~~,~~QAACC;gBACCC~~,WAAW,GAAGrB,YAAYM,mBAAmB~~;gBAC7CgB~~,~~qBAAkB;gBAClBC~~,~~oBAAkB~~,GAAGd,gBAAgB~~;;oBAEpCO~~,~~mCACC,QAACQ~~;~~wBAAKH~~,WAAW,GAAGrB,UAAU,WAAW,CAAC~~;;4BAAGgB;4BAAkB;;;;;;;kCAEjE~~,~~QAACQ~~;~~kCAAMV;;;;;;kCACP~~,~~QAACM~~;~~wBAAIC~~,WAAW,GAAGrB,UAAU,MAAM,CAAC;~~kCAClC~~,~~cAAA~~,~~QAACyB;;;;;;;;;;;;;;;;YAKP~~,iBAAiB;YACjB,~~MAAMC~~,OAAOnB,eAAeoB,oBAAoB,CAACR;YAEjD,OAAOO;QACT;IACF;AACF,EAAC"}
1	+ {"version":3,"sources":["../../../../../src/field/Diff/converters/unknown/index.tsx"],"sourcesContent":["import type { LexicalNode } from 'lexical'\nimport type { PayloadRequest } from 'payload'\n\nimport { type I18nClient } from '@payloadcms/translations'\n\nimport './index.scss'\n\nimport { createHash } from 'crypto'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { SerializedBlockNode } from '../../../../nodeTypes.js'\n\nconst baseClass = 'lexical-unknown-diff'\n\nexport const UnknownDiffHTMLConverterAsync: (args: {\n i18n: I18nClient\n req: PayloadRequest\n}) => HTMLConvertersAsync<LexicalNode> = ({ i18n, req }) => {\n return {\n unknown: async ({ node, providedCSSString }) => {\n const ReactDOMServer = (await import('react-dom/server')).default\n\n // hash fields to ensure they are diffed if they change\n const nodeFieldsHash = createHash('sha256')\n .update(JSON.stringify(node ?? {}))\n .digest('hex')\n\n let nodeType = node.type\n\n let nodeTypeSpecifier: null \| string = null\n\n if (node.type === 'block') {\n nodeTypeSpecifier = (node as SerializedBlockNode).fields.blockType\n nodeType = 'Block'\n } else if (node.type === 'inlineBlock') {\n nodeTypeSpecifier = (node as SerializedBlockNode).fields.blockType\n nodeType = 'InlineBlock'\n }\n\n const JSX = (\n <div\n className={`${baseClass}${providedCSSString}`}\n data-enable-match=\"true\"\n data-fields-hash={`${nodeFieldsHash}`}\n >\n {nodeTypeSpecifier && (\n <span className={`${baseClass}__specifier`}>{nodeTypeSpecifier} </span>\n )}\n <span>{nodeType}</span>\n <div className={`${baseClass}__meta`}>\n <br />\n </div>\n </div>\n )\n\n // Render to HTML\n const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n return html\n },\n }\n}\n"],"names":["createHash","baseClass","UnknownDiffHTMLConverterAsync","i18n","req","unknown","node","providedCSSString","ReactDOMServer","default","nodeFieldsHash","update","JSON","stringify","digest","nodeType","type","nodeTypeSpecifier","fields","blockType","JSX","div","className","data-enable-match","data-fields-hash","span","br","html","renderToStaticMarkup"],"mappings":"AAKA,OAAO,eAAc;AAErB,SAASA,UAAU,QAAQ,SAAQ;AAKnC,MAAMC,YAAY;AAElB,OAAO,MAAMC,gCAG4B,CAAC,EAAEC,IAAI,EAAEC,GAAG,EAAE;IACrD,OAAO;QACLC,SAAS,OAAO,EAAEC,IAAI,EAAEC,iBAAiB,EAAE;YACzC,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,uDAAuD;YACvD,MAAMC,iBAAiBV,WAAW,UAC/BW,MAAM,CAACC,KAAKC,SAAS,CAACP,QAAQ,CAAC,IAC/BQ,MAAM,CAAC;YAEV,IAAIC,WAAWT,KAAKU,IAAI;YAExB,IAAIC,oBAAmC;YAEvC,IAAIX,KAAKU,IAAI,KAAK,SAAS;gBACzBC,oBAAoB,AAACX,KAA6BY,MAAM,CAACC,SAAS;gBAClEJ,WAAW;YACb,OAAO,IAAIT,KAAKU,IAAI,KAAK,eAAe;gBACtCC,oBAAoB,AAACX,KAA6BY,MAAM,CAACC,SAAS;gBAClEJ,WAAW;YACb;YAEA,MAAMK,OACHC,IACCC,WAAW,GAAGrB,YAAYM,mBAAmB,EAC7CgB,kBAAkB,OAClBC,kBAAkB,GAAGd,gBAAgB,EACtC;UACC,CAACO,sBACEQ,KAAKH,WAAW,GAAGrB,UAAU,WAAW,CAAC,GAAGgB,kBAAkB,MAAM,EAAEQ,MACvE;UACF,CAACA,MAAMV,WAAWU,KAAK;UACvB,CAACJ,IAAIC,WAAW,GAAGrB,UAAU,MAAM,CAAC,EAAE;YACpC,CAACyB,IAAK;UACR,EAAEL,IAAI;QACR,EAAEA;YAGJ,iBAAiB;YACjB,MAAMM,OAAOnB,eAAeoB,oBAAoB,CAACR;YAEjD,OAAOO;QACT;IACF;AACF,EAAC"}

package/dist/field/Diff/converters/upload/index.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { File } from '@payloadcms/ui/rsc';
 import { createHash } from 'crypto';
 import './index.scss';
@@ -30,96 +29,27 @@ export const UploadDiffHTMLConverterAsync = ({ i18n, req })=>{
             const ReactDOMServer = (await import('react-dom/server')).default;
             // hash fields to ensure they are diffed if they change
             const nodeFieldsHash = createHash('sha256').update(JSON.stringify(node.fields ?? {})).digest('hex');
-            const JSX = /*#__PURE__*/ _jsxDEV("div", {
-                className: `${baseClass}${providedCSSString}`,
-                "data-enable-match": "true",
-                "data-fields-hash": `${nodeFieldsHash}`,
-                "data-filename": uploadDoc?.filename,
-                "data-lexical-upload-id": uploadNode.value,
-                "data-lexical-upload-relation-to": uploadNode.relationTo,
-                "data-src": thumbnailSRC,
-                children: /*#__PURE__*/ _jsxDEV("div", {
-                    className: `${baseClass}__card`,
-                    children: [
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__thumbnail`,
-                            children: thumbnailSRC?.length ? /*#__PURE__*/ _jsxDEV("img", {
-                                alt: uploadDoc?.filename,
-                                src: thumbnailSRC
-                            }, void 0, false, {
-                                fileName: "src/field/Diff/converters/upload/index.tsx",
-                                lineNumber: 70,
-                                columnNumber: 17
-                            }, this) : /*#__PURE__*/ _jsxDEV(File, {}, void 0, false, {
-                                fileName: "src/field/Diff/converters/upload/index.tsx",
-                                lineNumber: 72,
-                                columnNumber: 17
-                            }, this)
-                        }, void 0, false, {
-                            fileName: "src/field/Diff/converters/upload/index.tsx",
-                            lineNumber: 68,
-                            columnNumber: 13
-                        }, this),
-                        /*#__PURE__*/ _jsxDEV("div", {
-                            className: `${baseClass}__info`,
-                            "data-enable-match": "false",
-                            children: [
-                                /*#__PURE__*/ _jsxDEV("strong", {
-                                    children: uploadDoc?.filename
-                                }, void 0, false, {
-                                    fileName: "src/field/Diff/converters/upload/index.tsx",
-                                    lineNumber: 76,
-                                    columnNumber: 15
-                                }, this),
-                                /*#__PURE__*/ _jsxDEV("div", {
-                                    className: `${baseClass}__meta`,
-                                    children: [
-                                        formatFilesize(uploadDoc?.filesize),
-                                        typeof uploadDoc?.width === 'number' && typeof uploadDoc?.height === 'number' && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                                            children: [
-                                                " - ",
-                                                uploadDoc?.width,
-                                                "x",
-                                                uploadDoc?.height
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/field/Diff/converters/upload/index.tsx",
-                                            lineNumber: 80,
-                                            columnNumber: 19
-                                        }, this),
-                                        uploadDoc?.mimeType && /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                                            children: [
-                                                " - ",
-                                                uploadDoc?.mimeType
-                                            ]
-                                        }, void 0, true, {
-                                            fileName: "src/field/Diff/converters/upload/index.tsx",
-                                            lineNumber: 86,
-                                            columnNumber: 19
-                                        }, this)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "src/field/Diff/converters/upload/index.tsx",
-                                    lineNumber: 77,
-                                    columnNumber: 15
-                                }, this)
-                            ]
-                        }, void 0, true, {
-                            fileName: "src/field/Diff/converters/upload/index.tsx",
-                            lineNumber: 75,
-                            columnNumber: 13
-                        }, this)
-                    ]
-                }, void 0, true, {
-                    fileName: "src/field/Diff/converters/upload/index.tsx",
-                    lineNumber: 67,
-                    columnNumber: 11
-                }, this)
-            }, void 0, false, {
-                fileName: "src/field/Diff/converters/upload/index.tsx",
-                lineNumber: 58,
-                columnNumber: 9
-            }, this);
+            const JSX = <div className={`${baseClass}${providedCSSString}`} data-enable-match="true" data-fields-hash={`${nodeFieldsHash}`} data-filename={uploadDoc?.filename} data-lexical-upload-id={uploadNode.value} data-lexical-upload-relation-to={uploadNode.relationTo} data-src={thumbnailSRC}>
+          <div className={`${baseClass}__card`}>
+            <div className={`${baseClass}__thumbnail`}>
+              {thumbnailSRC?.length ? <img alt={uploadDoc?.filename} src={thumbnailSRC}/> : <File/>}
+            </div>
+            <div className={`${baseClass}__info`} data-enable-match="false">
+              <strong>{uploadDoc?.filename}</strong>
+              <div className={`${baseClass}__meta`}>
+                {formatFilesize(uploadDoc?.filesize)}
+                {typeof uploadDoc?.width === 'number' && typeof uploadDoc?.height === 'number' && <React.Fragment>
+                    &nbsp;-&nbsp;
+                    {uploadDoc?.width}x{uploadDoc?.height}
+                  </React.Fragment>}
+                {uploadDoc?.mimeType && <React.Fragment>
+                    &nbsp;-&nbsp;
+                    {uploadDoc?.mimeType}
+                  </React.Fragment>}
+              </div>
+            </div>
+          </div>
+        </div>;
             // Render to HTML
             const html = ReactDOMServer.renderToStaticMarkup(JSX);
             return html;