@payloadcms/richtext-lexical 3.70.0-canary.9 → 3.71.0-internal-debug.80dab4c

package/dist/features/converters/lexicalToHtml/async/converters/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["TableHTMLConverterAsync","table","node","nodesToHTML","providedStyleTag","children","nodes","join","tablecell","providedCSSString","TagName","headerState","headerStateClass","style","backgroundColor","colSpanAttr","colSpan","rowSpanAttr","rowSpan","tablerow"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/table.ts"],"sourcesContent":["import type {\n  SerializedTableCellNode,\n  SerializedTableNode,\n  SerializedTableRowNode,\n} from '../../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const TableHTMLConverterAsync: HTMLConvertersAsync<\n  SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n  table: async ({ node, nodesToHTML, providedStyleTag }) => {\n    const children = (\n      await nodesToHTML({\n        nodes: node.children,\n      })\n    ).join('')\n\n    return `<div${providedStyleTag} class=\"lexical-table-container\">\n        <table class=\"lexical-table\" style=\"border-collapse: collapse;\">\n          <tbody>${children}</tbody>\n        </table>\n      </div>`\n  },\n\n  tablecell: async ({ node, nodesToHTML, providedCSSString }) => {\n    const children = (\n      await nodesToHTML({\n        nodes: node.children,\n      })\n    ).join('')\n\n    const TagName = node.headerState > 0 ? 'th' : 'td'\n    const headerStateClass = `lexical-table-cell-header-${node.headerState}`\n\n    let style = 'border: 1px solid #ccc; padding: 8px;' + providedCSSString\n    if (node.backgroundColor) {\n      style += ` background-color: ${node.backgroundColor};`\n    }\n\n    const colSpanAttr = node.colSpan && node.colSpan > 1 ? ` colspan=\"${node.colSpan}\"` : ''\n    const rowSpanAttr = node.rowSpan && node.rowSpan > 1 ? ` rowspan=\"${node.rowSpan}\"` : ''\n\n    return `<${TagName}\n        class=\"lexical-table-cell ${headerStateClass}\"\n        ${colSpanAttr}\n        ${rowSpanAttr}\n        style=\"${style}\"\n      >\n        ${children}\n      </${TagName}>\n    `\n  },\n\n  tablerow: async ({ node, nodesToHTML, providedStyleTag }) => {\n    const children = (\n      await nodesToHTML({\n        nodes: node.children,\n      })\n    ).join('')\n\n    return `<tr${providedStyleTag} class=\"lexical-table-row\">\n        ${children}\n      </tr>`\n  },\n}\n"],"mappings":"AAOA,OAAO,MAAMA,uBAAA,GAET;EACFC,KAAA,EAAO,MAAAA,CAAO;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAgB,CAAE;IACnD,MAAMC,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,OAAO,OAAOH,gBAAA;;mBAECC,QAAA;;aAEN;EACX;EAEAG,SAAA,EAAW,MAAAA,CAAO;IAAEN,IAAI;IAAEC,WAAW;IAAEM;EAAiB,CAAE;IACxD,MAAMJ,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,MAAMG,OAAA,GAAUR,IAAA,CAAKS,WAAW,GAAG,IAAI,OAAO;IAC9C,MAAMC,gBAAA,GAAmB,6BAA6BV,IAAA,CAAKS,WAAW,EAAE;IAExE,IAAIE,KAAA,GAAQ,0CAA0CJ,iBAAA;IACtD,IAAIP,IAAA,CAAKY,eAAe,EAAE;MACxBD,KAAA,IAAS,sBAAsBX,IAAA,CAAKY,eAAe,GAAG;IACxD;IAEA,MAAMC,WAAA,GAAcb,IAAA,CAAKc,OAAO,IAAId,IAAA,CAAKc,OAAO,GAAG,IAAI,aAAad,IAAA,CAAKc,OAAO,GAAG,GAAG;IACtF,MAAMC,WAAA,GAAcf,IAAA,CAAKgB,OAAO,IAAIhB,IAAA,CAAKgB,OAAO,GAAG,IAAI,aAAahB,IAAA,CAAKgB,OAAO,GAAG,GAAG;IAEtF,OAAO,IAAIR,OAAA;oCACqBE,gBAAA;UAC1BG,WAAA;UACAE,WAAA;iBACOJ,KAAA;;UAEPR,QAAA;UACAK,OAAA;KACL;EACH;EAEAS,QAAA,EAAU,MAAAA,CAAO;IAAEjB,IAAI;IAAEC,WAAW;IAAEC;EAAgB,CAAE;IACtD,MAAMC,QAAA,GAAW,CACf,MAAMF,WAAA,CAAY;MAChBG,KAAA,EAAOJ,IAAA,CAAKG;IACd,EAAC,EACDE,IAAI,CAAC;IAEP,OAAO,MAAMH,gBAAA;UACPC,QAAA;YACE;EACV;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/table.ts"],"sourcesContent":["import type {\n  SerializedTableCellNode,\n  SerializedTableNode,\n  SerializedTableRowNode,\n} from '../../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const TableHTMLConverterAsync: HTMLConvertersAsync<\n  SerializedTableCellNode | SerializedTableNode | SerializedTableRowNode\n> = {\n  table: async ({ node, nodesToHTML, providedStyleTag }) => {\n    const children = (\n      await nodesToHTML({\n        nodes: node.children,\n      })\n    ).join('')\n\n    return `<div${providedStyleTag} class=\"lexical-table-container\">\n        <table class=\"lexical-table\" style=\"border-collapse: collapse;\">\n          <tbody>${children}</tbody>\n        </table>\n      </div>`\n  },\n\n  tablecell: async ({ node, nodesToHTML, providedCSSString }) => {\n    const children = (\n      await nodesToHTML({\n        nodes: node.children,\n      })\n    ).join('')\n\n    const TagName = node.headerState > 0 ? 'th' : 'td'\n    const headerStateClass = `lexical-table-cell-header-${node.headerState}`\n\n    let style = 'border: 1px solid #ccc; padding: 8px;' + providedCSSString\n    if (node.backgroundColor) {\n      style += ` background-color: ${node.backgroundColor};`\n    }\n\n    const colSpanAttr = node.colSpan && node.colSpan > 1 ? ` colspan=\"${node.colSpan}\"` : ''\n    const rowSpanAttr = node.rowSpan && node.rowSpan > 1 ? ` rowspan=\"${node.rowSpan}\"` : ''\n\n    return `<${TagName}\n        class=\"lexical-table-cell ${headerStateClass}\"\n        ${colSpanAttr}\n        ${rowSpanAttr}\n        style=\"${style}\"\n      >\n        ${children}\n      </${TagName}>\n    `\n  },\n\n  tablerow: async ({ node, nodesToHTML, providedStyleTag }) => {\n    const children = (\n      await nodesToHTML({\n        nodes: node.children,\n      })\n    ).join('')\n\n    return `<tr${providedStyleTag} class=\"lexical-table-row\">\n        ${children}\n      </tr>`\n  },\n}\n"],"names":["TableHTMLConverterAsync","table","node","nodesToHTML","providedStyleTag","children","nodes","join","tablecell","providedCSSString","TagName","headerState","headerStateClass","style","backgroundColor","colSpanAttr","colSpan","rowSpanAttr","rowSpan","tablerow"],"mappings":"AAOA,OAAO,MAAMA,0BAET;IACFC,OAAO,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,gBAAgB,EAAE;QACnD,MAAMC,WAAW,AACf,CAAA,MAAMF,YAAY;YAChBG,OAAOJ,KAAKG,QAAQ;QACtB,EAAC,EACDE,IAAI,CAAC;QAEP,OAAO,CAAC,IAAI,EAAEH,iBAAiB;;iBAElB,EAAEC,SAAS;;YAEhB,CAAC;IACX;IAEAG,WAAW,OAAO,EAAEN,IAAI,EAAEC,WAAW,EAAEM,iBAAiB,EAAE;QACxD,MAAMJ,WAAW,AACf,CAAA,MAAMF,YAAY;YAChBG,OAAOJ,KAAKG,QAAQ;QACtB,EAAC,EACDE,IAAI,CAAC;QAEP,MAAMG,UAAUR,KAAKS,WAAW,GAAG,IAAI,OAAO;QAC9C,MAAMC,mBAAmB,CAAC,0BAA0B,EAAEV,KAAKS,WAAW,EAAE;QAExE,IAAIE,QAAQ,0CAA0CJ;QACtD,IAAIP,KAAKY,eAAe,EAAE;YACxBD,SAAS,CAAC,mBAAmB,EAAEX,KAAKY,eAAe,CAAC,CAAC,CAAC;QACxD;QAEA,MAAMC,cAAcb,KAAKc,OAAO,IAAId,KAAKc,OAAO,GAAG,IAAI,CAAC,UAAU,EAAEd,KAAKc,OAAO,CAAC,CAAC,CAAC,GAAG;QACtF,MAAMC,cAAcf,KAAKgB,OAAO,IAAIhB,KAAKgB,OAAO,GAAG,IAAI,CAAC,UAAU,EAAEhB,KAAKgB,OAAO,CAAC,CAAC,CAAC,GAAG;QAEtF,OAAO,CAAC,CAAC,EAAER,QAAQ;kCACW,EAAEE,iBAAiB;QAC7C,EAAEG,YAAY;QACd,EAAEE,YAAY;eACP,EAAEJ,MAAM;;QAEf,EAAER,SAAS;QACX,EAAEK,QAAQ;IACd,CAAC;IACH;IAEAS,UAAU,OAAO,EAAEjB,IAAI,EAAEC,WAAW,EAAEC,gBAAgB,EAAE;QACtD,MAAMC,WAAW,AACf,CAAA,MAAMF,YAAY;YAChBG,OAAOJ,KAAKG,QAAQ;QACtB,EAAC,EACDE,IAAI,CAAC;QAEP,OAAO,CAAC,GAAG,EAAEH,iBAAiB;QAC1B,EAAEC,SAAS;WACR,CAAC;IACV;AACF,EAAC"}

package/dist/features/converters/lexicalToHtml/async/converters/text.js

@@ -1,31 +1,30 @@
 import { NodeFormat } from '../../../../../lexical/utils/nodeFormat.js';
 export const TextHTMLConverterAsync = {
-  text: ({
-    node
-  }) => {
-    let text = node.text;
-    if (node.format & NodeFormat.IS_BOLD) {
-      text = `<strong>${text}</strong>`;
+    text: ({ node })=>{
+        let text = node.text;
+        if (node.format & NodeFormat.IS_BOLD) {
+            text = `<strong>${text}</strong>`;
+        }
+        if (node.format & NodeFormat.IS_ITALIC) {
+            text = `<em>${text}</em>`;
+        }
+        if (node.format & NodeFormat.IS_STRIKETHROUGH) {
+            text = `<span style="text-decoration: line-through;">${text}</span>`;
+        }
+        if (node.format & NodeFormat.IS_UNDERLINE) {
+            text = `<span style="text-decoration: underline;">${text}</span>`;
+        }
+        if (node.format & NodeFormat.IS_CODE) {
+            text = `<code>${text}</code>`;
+        }
+        if (node.format & NodeFormat.IS_SUBSCRIPT) {
+            text = `<sub>${text}</sub>`;
+        }
+        if (node.format & NodeFormat.IS_SUPERSCRIPT) {
+            text = `<sup>${text}</sup>`;
+        }
+        return text;
     }
-    if (node.format & NodeFormat.IS_ITALIC) {
-      text = `<em>${text}</em>`;
-    }
-    if (node.format & NodeFormat.IS_STRIKETHROUGH) {
-      text = `<span style="text-decoration: line-through;">${text}</span>`;
-    }
-    if (node.format & NodeFormat.IS_UNDERLINE) {
-      text = `<span style="text-decoration: underline;">${text}</span>`;
-    }
-    if (node.format & NodeFormat.IS_CODE) {
-      text = `<code>${text}</code>`;
-    }
-    if (node.format & NodeFormat.IS_SUBSCRIPT) {
-      text = `<sub>${text}</sub>`;
-    }
-    if (node.format & NodeFormat.IS_SUPERSCRIPT) {
-      text = `<sup>${text}</sup>`;
-    }
-    return text;
-  }
 };
+
 //# sourceMappingURL=text.js.map

package/dist/features/converters/lexicalToHtml/async/converters/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":["NodeFormat","TextHTMLConverterAsync","text","node","format","IS_BOLD","IS_ITALIC","IS_STRIKETHROUGH","IS_UNDERLINE","IS_CODE","IS_SUBSCRIPT","IS_SUPERSCRIPT"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/text.ts"],"sourcesContent":["import type { SerializedTextNode } from '../../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nimport { NodeFormat } from '../../../../../lexical/utils/nodeFormat.js'\n\nexport const TextHTMLConverterAsync: HTMLConvertersAsync<SerializedTextNode> = {\n  text: ({ node }) => {\n    let text = node.text\n\n    if (node.format & NodeFormat.IS_BOLD) {\n      text = `<strong>${text}</strong>`\n    }\n    if (node.format & NodeFormat.IS_ITALIC) {\n      text = `<em>${text}</em>`\n    }\n    if (node.format & NodeFormat.IS_STRIKETHROUGH) {\n      text = `<span style=\"text-decoration: line-through;\">${text}</span>`\n    }\n    if (node.format & NodeFormat.IS_UNDERLINE) {\n      text = `<span style=\"text-decoration: underline;\">${text}</span>`\n    }\n    if (node.format & NodeFormat.IS_CODE) {\n      text = `<code>${text}</code>`\n    }\n    if (node.format & NodeFormat.IS_SUBSCRIPT) {\n      text = `<sub>${text}</sub>`\n    }\n    if (node.format & NodeFormat.IS_SUPERSCRIPT) {\n      text = `<sup>${text}</sup>`\n    }\n\n    return text\n  },\n}\n"],"mappings":"AAGA,SAASA,UAAU,QAAQ;AAE3B,OAAO,MAAMC,sBAAA,GAAkE;EAC7EC,IAAA,EAAMA,CAAC;IAAEC;EAAI,CAAE;IACb,IAAID,IAAA,GAAOC,IAAA,CAAKD,IAAI;IAEpB,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWK,OAAO,EAAE;MACpCH,IAAA,GAAO,WAAWA,IAAA,WAAe;IACnC;IACA,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWM,SAAS,EAAE;MACtCJ,IAAA,GAAO,OAAOA,IAAA,OAAW;IAC3B;IACA,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWO,gBAAgB,EAAE;MAC7CL,IAAA,GAAO,gDAAgDA,IAAA,SAAa;IACtE;IACA,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWQ,YAAY,EAAE;MACzCN,IAAA,GAAO,6CAA6CA,IAAA,SAAa;IACnE;IACA,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWS,OAAO,EAAE;MACpCP,IAAA,GAAO,SAASA,IAAA,SAAa;IAC/B;IACA,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWU,YAAY,EAAE;MACzCR,IAAA,GAAO,QAAQA,IAAA,QAAY;IAC7B;IACA,IAAIC,IAAA,CAAKC,MAAM,GAAGJ,UAAA,CAAWW,cAAc,EAAE;MAC3CT,IAAA,GAAO,QAAQA,IAAA,QAAY;IAC7B;IAEA,OAAOA,IAAA;EACT;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/text.ts"],"sourcesContent":["import type { SerializedTextNode } from '../../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nimport { NodeFormat } from '../../../../../lexical/utils/nodeFormat.js'\n\nexport const TextHTMLConverterAsync: HTMLConvertersAsync<SerializedTextNode> = {\n  text: ({ node }) => {\n    let text = node.text\n\n    if (node.format & NodeFormat.IS_BOLD) {\n      text = `<strong>${text}</strong>`\n    }\n    if (node.format & NodeFormat.IS_ITALIC) {\n      text = `<em>${text}</em>`\n    }\n    if (node.format & NodeFormat.IS_STRIKETHROUGH) {\n      text = `<span style=\"text-decoration: line-through;\">${text}</span>`\n    }\n    if (node.format & NodeFormat.IS_UNDERLINE) {\n      text = `<span style=\"text-decoration: underline;\">${text}</span>`\n    }\n    if (node.format & NodeFormat.IS_CODE) {\n      text = `<code>${text}</code>`\n    }\n    if (node.format & NodeFormat.IS_SUBSCRIPT) {\n      text = `<sub>${text}</sub>`\n    }\n    if (node.format & NodeFormat.IS_SUPERSCRIPT) {\n      text = `<sup>${text}</sup>`\n    }\n\n    return text\n  },\n}\n"],"names":["NodeFormat","TextHTMLConverterAsync","text","node","format","IS_BOLD","IS_ITALIC","IS_STRIKETHROUGH","IS_UNDERLINE","IS_CODE","IS_SUBSCRIPT","IS_SUPERSCRIPT"],"mappings":"AAGA,SAASA,UAAU,QAAQ,6CAA4C;AAEvE,OAAO,MAAMC,yBAAkE;IAC7EC,MAAM,CAAC,EAAEC,IAAI,EAAE;QACb,IAAID,OAAOC,KAAKD,IAAI;QAEpB,IAAIC,KAAKC,MAAM,GAAGJ,WAAWK,OAAO,EAAE;YACpCH,OAAO,CAAC,QAAQ,EAAEA,KAAK,SAAS,CAAC;QACnC;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWM,SAAS,EAAE;YACtCJ,OAAO,CAAC,IAAI,EAAEA,KAAK,KAAK,CAAC;QAC3B;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWO,gBAAgB,EAAE;YAC7CL,OAAO,CAAC,6CAA6C,EAAEA,KAAK,OAAO,CAAC;QACtE;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWQ,YAAY,EAAE;YACzCN,OAAO,CAAC,0CAA0C,EAAEA,KAAK,OAAO,CAAC;QACnE;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWS,OAAO,EAAE;YACpCP,OAAO,CAAC,MAAM,EAAEA,KAAK,OAAO,CAAC;QAC/B;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWU,YAAY,EAAE;YACzCR,OAAO,CAAC,KAAK,EAAEA,KAAK,MAAM,CAAC;QAC7B;QACA,IAAIC,KAAKC,MAAM,GAAGJ,WAAWW,cAAc,EAAE;YAC3CT,OAAO,CAAC,KAAK,EAAEA,KAAK,MAAM,CAAC;QAC7B;QAEA,OAAOA;IACT;AACF,EAAC"}

package/dist/features/converters/lexicalToHtml/async/converters/upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEtD,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,CAAC,oBAAoB,CAgF9E,CAAA"}
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEtD,eAAO,MAAM,wBAAwB,EAAE,mBAAmB,CAAC,oBAAoB,CAkF9E,CAAA"}

package/dist/features/converters/lexicalToHtml/async/converters/upload.js

@@ -1,66 +1,64 @@
 export const UploadHTMLConverterAsync = {
-  upload: async ({
-    node,
-    populate,
-    providedStyleTag
-  }) => {
-    const uploadNode = node;
-    let uploadDoc = undefined;
-    // If there's no valid upload data, populate return an empty string
-    if (typeof uploadNode.value !== 'object') {
-      if (!populate) {
-        return '';
-      }
-      uploadDoc = await populate({
-        id: uploadNode.value,
-        collectionSlug: uploadNode.relationTo
-      });
-    } else {
-      uploadDoc = uploadNode.value;
-    }
-    if (!uploadDoc) {
-      return '';
-    }
-    const url = uploadDoc.url;
-    // 1) If upload is NOT an image, return a link
-    if (!uploadDoc.mimeType.startsWith('image')) {
-      return `<a${providedStyleTag} href="${url}" rel="noopener noreferrer">${uploadDoc.filename}</a$>`;
-    }
-    // 2) If image has no different sizes, return a simple <img />
-    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {
-      return `
+    upload: async ({ node, populate, providedStyleTag })=>{
+        const uploadNode = node;
+        let uploadDoc = undefined;
+        // If there's no valid upload data, populate return an empty string
+        if (typeof uploadNode.value !== 'object') {
+            if (!populate) {
+                return '';
+            }
+            uploadDoc = await populate({
+                id: uploadNode.value,
+                collectionSlug: uploadNode.relationTo
+            });
+        } else {
+            uploadDoc = uploadNode.value;
+        }
+        if (!uploadDoc) {
+            return '';
+        }
+        const alt = node.fields?.alt || uploadDoc?.alt || '';
+        const url = uploadDoc.url;
+        // 1) If upload is NOT an image, return a link
+        if (!uploadDoc.mimeType.startsWith('image')) {
+            return `<a${providedStyleTag} href="${url}" rel="noopener noreferrer">${uploadDoc.filename}</a$>`;
+        }
+        // 2) If image has no different sizes, return a simple <img />
+        if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {
+            return `
         <img${providedStyleTag}
-          alt="${uploadDoc.filename}"
+          alt="${alt}"
           height="${uploadDoc.height}"
           src="${url}"
           width="${uploadDoc.width}"
         />
       `;
-    }
-    // 3) If image has different sizes, build a <picture> element with <source> tags
-    let pictureHTML = '';
-    for (const size in uploadDoc.sizes) {
-      const imageSize = uploadDoc.sizes[size];
-      if (!imageSize || !imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
-        continue;
-      }
-      pictureHTML += `
+        }
+        // 3) If image has different sizes, build a <picture> element with <source> tags
+        let pictureHTML = '';
+        for(const size in uploadDoc.sizes){
+            const imageSize = uploadDoc.sizes[size];
+            if (!imageSize || !imageSize.width || !imageSize.height || !imageSize.mimeType || !imageSize.filesize || !imageSize.filename || !imageSize.url) {
+                continue;
+            }
+            pictureHTML += `
         <source
           media="(max-width: ${imageSize.width}px)"
           srcset="${imageSize.url}"
           type="${imageSize.mimeType}"
         />
       `;
-    }
-    pictureHTML += `
+        }
+        pictureHTML += `
       <img
-        alt="${uploadDoc.filename}"
+        alt="${alt}"
         height="${uploadDoc.height}"
         src="${url}"
         width="${uploadDoc.width}"
       />
     `;
-    return `<picture${providedStyleTag}>${pictureHTML}</picture>`;
-  }
+        return `<picture${providedStyleTag}>${pictureHTML}</picture>`;
+    }
 };
+
 //# sourceMappingURL=upload.js.map

package/dist/features/converters/lexicalToHtml/async/converters/upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload.js","names":["UploadHTMLConverterAsync","upload","node","populate","providedStyleTag","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","url","mimeType","startsWith","filename","sizes","Object","keys","length","height","width","pictureHTML","size","imageSize","filesize"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSizeImproved, TypeWithID } from 'payload'\n\nimport type { SerializedUploadNode } from '../../../../../nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/nodes/UploadNode.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const UploadHTMLConverterAsync: HTMLConvertersAsync<SerializedUploadNode> = {\n  upload: async ({ node, populate, providedStyleTag }) => {\n    const uploadNode = node as UploadDataImproved\n\n    let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n    // If there's no valid upload data, populate return an empty string\n    if (typeof uploadNode.value !== 'object') {\n      if (!populate) {\n        return ''\n      }\n      uploadDoc = await populate<FileData & TypeWithID>({\n        id: uploadNode.value,\n        collectionSlug: uploadNode.relationTo,\n      })\n    } else {\n      uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n    }\n\n    if (!uploadDoc) {\n      return ''\n    }\n\n    const url = uploadDoc.url\n\n    // 1) If upload is NOT an image, return a link\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${uploadDoc.filename}</a$>`\n    }\n\n    // 2) If image has no different sizes, return a simple <img />\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return `\n        <img${providedStyleTag}\n          alt=\"${uploadDoc.filename}\"\n          height=\"${uploadDoc.height}\"\n          src=\"${url}\"\n          width=\"${uploadDoc.width}\"\n        />\n      `\n    }\n\n    // 3) If image has different sizes, build a <picture> element with <source> tags\n    let pictureHTML = ''\n\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSizeImproved\n\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n\n      pictureHTML += `\n        <source\n          media=\"(max-width: ${imageSize.width}px)\"\n          srcset=\"${imageSize.url}\"\n          type=\"${imageSize.mimeType}\"\n        />\n      `\n    }\n\n    pictureHTML += `\n      <img\n        alt=\"${uploadDoc.filename}\"\n        height=\"${uploadDoc.height}\"\n        src=\"${url}\"\n        width=\"${uploadDoc.width}\"\n      />\n    `\n\n    return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n  },\n}\n"],"mappings":"AAMA,OAAO,MAAMA,wBAAA,GAAsE;EACjFC,MAAA,EAAQ,MAAAA,CAAO;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAE;IACjD,MAAMC,UAAA,GAAaH,IAAA;IAEnB,IAAII,SAAA,GAAiDC,SAAA;IAErD;IACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;MACxC,IAAI,CAACL,QAAA,EAAU;QACb,OAAO;MACT;MACAG,SAAA,GAAY,MAAMH,QAAA,CAAgC;QAChDM,EAAA,EAAIJ,UAAA,CAAWG,KAAK;QACpBE,cAAA,EAAgBL,UAAA,CAAWM;MAC7B;IACF,OAAO;MACLL,SAAA,GAAYD,UAAA,CAAWG,KAAK;IAC9B;IAEA,IAAI,CAACF,SAAA,EAAW;MACd,OAAO;IACT;IAEA,MAAMM,GAAA,GAAMN,SAAA,CAAUM,GAAG;IAEzB;IACA,IAAI,CAACN,SAAA,CAAUO,QAAQ,CAACC,UAAU,CAAC,UAAU;MAC3C,OAAO,KAAKV,gBAAA,UAA0BQ,GAAA,+BAAkCN,SAAA,CAAUS,QAAQ,OAAO;IACnG;IAEA;IACA,IAAI,CAACT,SAAA,CAAUU,KAAK,IAAI,CAACC,MAAA,CAAOC,IAAI,CAACZ,SAAA,CAAUU,KAAK,EAAEG,MAAM,EAAE;MAC5D,OAAO;cACCf,gBAAA;iBACGE,SAAA,CAAUS,QAAQ;oBACfT,SAAA,CAAUc,MAAM;iBACnBR,GAAA;mBACEN,SAAA,CAAUe,KAAK;;OAE3B;IACH;IAEA;IACA,IAAIC,WAAA,GAAc;IAElB,KAAK,MAAMC,IAAA,IAAQjB,SAAA,CAAUU,KAAK,EAAE;MAClC,MAAMQ,SAAA,GAAYlB,SAAA,CAAUU,KAAK,CAACO,IAAA,CAAK;MAEvC,IACE,CAACC,SAAA,IACD,CAACA,SAAA,CAAUH,KAAK,IAChB,CAACG,SAAA,CAAUJ,MAAM,IACjB,CAACI,SAAA,CAAUX,QAAQ,IACnB,CAACW,SAAA,CAAUC,QAAQ,IACnB,CAACD,SAAA,CAAUT,QAAQ,IACnB,CAACS,SAAA,CAAUZ,GAAG,EACd;QACA;MACF;MAEAU,WAAA,IAAe;;+BAEUE,SAAA,CAAUH,KAAK;oBAC1BG,SAAA,CAAUZ,GAAG;kBACfY,SAAA,CAAUX,QAAQ;;OAE7B;IACH;IAEAS,WAAA,IAAe;;eAEJhB,SAAA,CAAUS,QAAQ;kBACfT,SAAA,CAAUc,MAAM;eACnBR,GAAA;iBACEN,SAAA,CAAUe,KAAK;;KAE3B;IAED,OAAO,WAAWjB,gBAAA,IAAoBkB,WAAA,YAAuB;EAC/D;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToHtml/async/converters/upload.ts"],"sourcesContent":["import type { FileData, FileSizeImproved, TypeWithID } from 'payload'\n\nimport type { SerializedUploadNode } from '../../../../../nodeTypes.js'\nimport type { UploadDataImproved } from '../../../../upload/server/nodes/UploadNode.js'\nimport type { HTMLConvertersAsync } from '../types.js'\n\nexport const UploadHTMLConverterAsync: HTMLConvertersAsync<SerializedUploadNode> = {\n  upload: async ({ node, populate, providedStyleTag }) => {\n    const uploadNode = node as UploadDataImproved\n\n    let uploadDoc: (FileData & TypeWithID) | undefined = undefined\n\n    // If there's no valid upload data, populate return an empty string\n    if (typeof uploadNode.value !== 'object') {\n      if (!populate) {\n        return ''\n      }\n      uploadDoc = await populate<FileData & TypeWithID>({\n        id: uploadNode.value,\n        collectionSlug: uploadNode.relationTo,\n      })\n    } else {\n      uploadDoc = uploadNode.value as unknown as FileData & TypeWithID\n    }\n\n    if (!uploadDoc) {\n      return ''\n    }\n\n    const alt = (node.fields?.alt as string) || (uploadDoc as { alt?: string })?.alt || ''\n\n    const url = uploadDoc.url\n\n    // 1) If upload is NOT an image, return a link\n    if (!uploadDoc.mimeType.startsWith('image')) {\n      return `<a${providedStyleTag} href=\"${url}\" rel=\"noopener noreferrer\">${uploadDoc.filename}</a$>`\n    }\n\n    // 2) If image has no different sizes, return a simple <img />\n    if (!uploadDoc.sizes || !Object.keys(uploadDoc.sizes).length) {\n      return `\n        <img${providedStyleTag}\n          alt=\"${alt}\"\n          height=\"${uploadDoc.height}\"\n          src=\"${url}\"\n          width=\"${uploadDoc.width}\"\n        />\n      `\n    }\n\n    // 3) If image has different sizes, build a <picture> element with <source> tags\n    let pictureHTML = ''\n\n    for (const size in uploadDoc.sizes) {\n      const imageSize = uploadDoc.sizes[size] as FileSizeImproved\n\n      if (\n        !imageSize ||\n        !imageSize.width ||\n        !imageSize.height ||\n        !imageSize.mimeType ||\n        !imageSize.filesize ||\n        !imageSize.filename ||\n        !imageSize.url\n      ) {\n        continue\n      }\n\n      pictureHTML += `\n        <source\n          media=\"(max-width: ${imageSize.width}px)\"\n          srcset=\"${imageSize.url}\"\n          type=\"${imageSize.mimeType}\"\n        />\n      `\n    }\n\n    pictureHTML += `\n      <img\n        alt=\"${alt}\"\n        height=\"${uploadDoc.height}\"\n        src=\"${url}\"\n        width=\"${uploadDoc.width}\"\n      />\n    `\n\n    return `<picture${providedStyleTag}>${pictureHTML}</picture>`\n  },\n}\n"],"names":["UploadHTMLConverterAsync","upload","node","populate","providedStyleTag","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","alt","fields","url","mimeType","startsWith","filename","sizes","Object","keys","length","height","width","pictureHTML","size","imageSize","filesize"],"mappings":"AAMA,OAAO,MAAMA,2BAAsE;IACjFC,QAAQ,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,gBAAgB,EAAE;QACjD,MAAMC,aAAaH;QAEnB,IAAII,YAAiDC;QAErD,mEAAmE;QACnE,IAAI,OAAOF,WAAWG,KAAK,KAAK,UAAU;YACxC,IAAI,CAACL,UAAU;gBACb,OAAO;YACT;YACAG,YAAY,MAAMH,SAAgC;gBAChDM,IAAIJ,WAAWG,KAAK;gBACpBE,gBAAgBL,WAAWM,UAAU;YACvC;QACF,OAAO;YACLL,YAAYD,WAAWG,KAAK;QAC9B;QAEA,IAAI,CAACF,WAAW;YACd,OAAO;QACT;QAEA,MAAMM,MAAM,AAACV,KAAKW,MAAM,EAAED,OAAmBN,WAAgCM,OAAO;QAEpF,MAAME,MAAMR,UAAUQ,GAAG;QAEzB,8CAA8C;QAC9C,IAAI,CAACR,UAAUS,QAAQ,CAACC,UAAU,CAAC,UAAU;YAC3C,OAAO,CAAC,EAAE,EAAEZ,iBAAiB,OAAO,EAAEU,IAAI,4BAA4B,EAAER,UAAUW,QAAQ,CAAC,KAAK,CAAC;QACnG;QAEA,8DAA8D;QAC9D,IAAI,CAACX,UAAUY,KAAK,IAAI,CAACC,OAAOC,IAAI,CAACd,UAAUY,KAAK,EAAEG,MAAM,EAAE;YAC5D,OAAO,CAAC;YACF,EAAEjB,iBAAiB;eAChB,EAAEQ,IAAI;kBACH,EAAEN,UAAUgB,MAAM,CAAC;eACtB,EAAER,IAAI;iBACJ,EAAER,UAAUiB,KAAK,CAAC;;MAE7B,CAAC;QACH;QAEA,gFAAgF;QAChF,IAAIC,cAAc;QAElB,IAAK,MAAMC,QAAQnB,UAAUY,KAAK,CAAE;YAClC,MAAMQ,YAAYpB,UAAUY,KAAK,CAACO,KAAK;YAEvC,IACE,CAACC,aACD,CAACA,UAAUH,KAAK,IAChB,CAACG,UAAUJ,MAAM,IACjB,CAACI,UAAUX,QAAQ,IACnB,CAACW,UAAUC,QAAQ,IACnB,CAACD,UAAUT,QAAQ,IACnB,CAACS,UAAUZ,GAAG,EACd;gBACA;YACF;YAEAU,eAAe,CAAC;;6BAEO,EAAEE,UAAUH,KAAK,CAAC;kBAC7B,EAAEG,UAAUZ,GAAG,CAAC;gBAClB,EAAEY,UAAUX,QAAQ,CAAC;;MAE/B,CAAC;QACH;QAEAS,eAAe,CAAC;;aAEP,EAAEZ,IAAI;gBACH,EAAEN,UAAUgB,MAAM,CAAC;aACtB,EAAER,IAAI;eACJ,EAAER,UAAUiB,KAAK,CAAC;;IAE7B,CAAC;QAED,OAAO,CAAC,QAAQ,EAAEnB,iBAAiB,CAAC,EAAEoB,YAAY,UAAU,CAAC;IAC/D;AACF,EAAC"}

package/dist/features/converters/lexicalToHtml/async/defaultConverters.js

@@ -10,16 +10,17 @@ import { TableHTMLConverterAsync } from './converters/table.js';
 import { TextHTMLConverterAsync } from './converters/text.js';
 import { UploadHTMLConverterAsync } from './converters/upload.js';
 export const defaultHTMLConvertersAsync = {
-  ...ParagraphHTMLConverterAsync,
-  ...TextHTMLConverterAsync,
-  ...LinebreakHTMLConverterAsync,
-  ...BlockquoteHTMLConverterAsync,
-  ...TableHTMLConverterAsync,
-  ...HeadingHTMLConverterAsync,
-  ...HorizontalRuleHTMLConverterAsync,
-  ...ListHTMLConverterAsync,
-  ...LinkHTMLConverterAsync({}),
-  ...UploadHTMLConverterAsync,
-  ...TabHTMLConverterAsync
+    ...ParagraphHTMLConverterAsync,
+    ...TextHTMLConverterAsync,
+    ...LinebreakHTMLConverterAsync,
+    ...BlockquoteHTMLConverterAsync,
+    ...TableHTMLConverterAsync,
+    ...HeadingHTMLConverterAsync,
+    ...HorizontalRuleHTMLConverterAsync,
+    ...ListHTMLConverterAsync,
+    ...LinkHTMLConverterAsync({}),
+    ...UploadHTMLConverterAsync,
+    ...TabHTMLConverterAsync
 };
+
 //# sourceMappingURL=defaultConverters.js.map

package/dist/features/converters/lexicalToHtml/async/defaultConverters.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultConverters.js","names":["BlockquoteHTMLConverterAsync","HeadingHTMLConverterAsync","HorizontalRuleHTMLConverterAsync","LinebreakHTMLConverterAsync","LinkHTMLConverterAsync","ListHTMLConverterAsync","ParagraphHTMLConverterAsync","TabHTMLConverterAsync","TableHTMLConverterAsync","TextHTMLConverterAsync","UploadHTMLConverterAsync","defaultHTMLConvertersAsync"],"sources":["../../../../../src/features/converters/lexicalToHtml/async/defaultConverters.ts"],"sourcesContent":["import type { DefaultNodeTypes } from '../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from './types.js'\n\nimport { BlockquoteHTMLConverterAsync } from './converters/blockquote.js'\nimport { HeadingHTMLConverterAsync } from './converters/heading.js'\nimport { HorizontalRuleHTMLConverterAsync } from './converters/horizontalRule.js'\nimport { LinebreakHTMLConverterAsync } from './converters/linebreak.js'\nimport { LinkHTMLConverterAsync } from './converters/link.js'\nimport { ListHTMLConverterAsync } from './converters/list.js'\nimport { ParagraphHTMLConverterAsync } from './converters/paragraph.js'\nimport { TabHTMLConverterAsync } from './converters/tab.js'\nimport { TableHTMLConverterAsync } from './converters/table.js'\nimport { TextHTMLConverterAsync } from './converters/text.js'\nimport { UploadHTMLConverterAsync } from './converters/upload.js'\n\nexport const defaultHTMLConvertersAsync: HTMLConvertersAsync<DefaultNodeTypes> = {\n  ...ParagraphHTMLConverterAsync,\n  ...TextHTMLConverterAsync,\n  ...LinebreakHTMLConverterAsync,\n  ...BlockquoteHTMLConverterAsync,\n  ...TableHTMLConverterAsync,\n  ...HeadingHTMLConverterAsync,\n  ...HorizontalRuleHTMLConverterAsync,\n  ...ListHTMLConverterAsync,\n  ...LinkHTMLConverterAsync({}),\n  ...UploadHTMLConverterAsync,\n  ...TabHTMLConverterAsync,\n}\n"],"mappings":"AAGA,SAASA,4BAA4B,QAAQ;AAC7C,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,gCAAgC,QAAQ;AACjD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,sBAAsB,QAAQ;AACvC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,wBAAwB,QAAQ;AAEzC,OAAO,MAAMC,0BAAA,GAAoE;EAC/E,GAAGL,2BAA2B;EAC9B,GAAGG,sBAAsB;EACzB,GAAGN,2BAA2B;EAC9B,GAAGH,4BAA4B;EAC/B,GAAGQ,uBAAuB;EAC1B,GAAGP,yBAAyB;EAC5B,GAAGC,gCAAgC;EACnC,GAAGG,sBAAsB;EACzB,GAAGD,sBAAA,CAAuB,CAAC,EAAE;EAC7B,GAAGM,wBAAwB;EAC3B,GAAGH;AACL","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/features/converters/lexicalToHtml/async/defaultConverters.ts"],"sourcesContent":["import type { DefaultNodeTypes } from '../../../../nodeTypes.js'\nimport type { HTMLConvertersAsync } from './types.js'\n\nimport { BlockquoteHTMLConverterAsync } from './converters/blockquote.js'\nimport { HeadingHTMLConverterAsync } from './converters/heading.js'\nimport { HorizontalRuleHTMLConverterAsync } from './converters/horizontalRule.js'\nimport { LinebreakHTMLConverterAsync } from './converters/linebreak.js'\nimport { LinkHTMLConverterAsync } from './converters/link.js'\nimport { ListHTMLConverterAsync } from './converters/list.js'\nimport { ParagraphHTMLConverterAsync } from './converters/paragraph.js'\nimport { TabHTMLConverterAsync } from './converters/tab.js'\nimport { TableHTMLConverterAsync } from './converters/table.js'\nimport { TextHTMLConverterAsync } from './converters/text.js'\nimport { UploadHTMLConverterAsync } from './converters/upload.js'\n\nexport const defaultHTMLConvertersAsync: HTMLConvertersAsync<DefaultNodeTypes> = {\n  ...ParagraphHTMLConverterAsync,\n  ...TextHTMLConverterAsync,\n  ...LinebreakHTMLConverterAsync,\n  ...BlockquoteHTMLConverterAsync,\n  ...TableHTMLConverterAsync,\n  ...HeadingHTMLConverterAsync,\n  ...HorizontalRuleHTMLConverterAsync,\n  ...ListHTMLConverterAsync,\n  ...LinkHTMLConverterAsync({}),\n  ...UploadHTMLConverterAsync,\n  ...TabHTMLConverterAsync,\n}\n"],"names":["BlockquoteHTMLConverterAsync","HeadingHTMLConverterAsync","HorizontalRuleHTMLConverterAsync","LinebreakHTMLConverterAsync","LinkHTMLConverterAsync","ListHTMLConverterAsync","ParagraphHTMLConverterAsync","TabHTMLConverterAsync","TableHTMLConverterAsync","TextHTMLConverterAsync","UploadHTMLConverterAsync","defaultHTMLConvertersAsync"],"mappings":"AAGA,SAASA,4BAA4B,QAAQ,6BAA4B;AACzE,SAASC,yBAAyB,QAAQ,0BAAyB;AACnE,SAASC,gCAAgC,QAAQ,iCAAgC;AACjF,SAASC,2BAA2B,QAAQ,4BAA2B;AACvE,SAASC,sBAAsB,QAAQ,uBAAsB;AAC7D,SAASC,sBAAsB,QAAQ,uBAAsB;AAC7D,SAASC,2BAA2B,QAAQ,4BAA2B;AACvE,SAASC,qBAAqB,QAAQ,sBAAqB;AAC3D,SAASC,uBAAuB,QAAQ,wBAAuB;AAC/D,SAASC,sBAAsB,QAAQ,uBAAsB;AAC7D,SAASC,wBAAwB,QAAQ,yBAAwB;AAEjE,OAAO,MAAMC,6BAAoE;IAC/E,GAAGL,2BAA2B;IAC9B,GAAGG,sBAAsB;IACzB,GAAGN,2BAA2B;IAC9B,GAAGH,4BAA4B;IAC/B,GAAGQ,uBAAuB;IAC1B,GAAGP,yBAAyB;IAC5B,GAAGC,gCAAgC;IACnC,GAAGG,sBAAsB;IACzB,GAAGD,uBAAuB,CAAC,EAAE;IAC7B,GAAGM,wBAAwB;IAC3B,GAAGH,qBAAqB;AAC1B,EAAC"}

package/dist/features/converters/lexicalToHtml/async/field/index.js

@@ -1,67 +1,67 @@
 import { getPayloadPopulateFn } from '../../../utilities/payloadPopulateFn.js';
 import { convertLexicalToHTMLAsync } from '../index.js';
 /**
+   * Whether the lexicalHTML field should be hidden in the admin panel
+   *
+   * @default true
+   */ /**
+   * A string which matches the lexical field name you want to convert to HTML.
+   *
+   * This has to be a sibling field of this lexicalHTML field - otherwise, it won't be able to find the lexical field.
+   **/ /**
+   * Whether the HTML should be stored in the database
+   *
+   * @default false
+   */ /**
  *
  * Field that converts a sibling lexical field to HTML
  *
  * @todo will be renamed to lexicalHTML in 4.0, replacing the deprecated `lexicalHTML` converter
- */
-export const lexicalHTMLField = args => {
-  const {
-    converters,
-    hidden = true,
-    htmlFieldName,
-    lexicalFieldName,
-    storeInDB = false
-  } = args;
-  const field = {
-    name: htmlFieldName,
-    type: 'code',
-    admin: {
-      editorOptions: {
-        language: 'html'
-      },
-      hidden
-    },
-    hooks: {
-      afterRead: [async ({
-        currentDepth,
-        depth,
-        draft,
-        overrideAccess,
-        req,
-        showHiddenFields,
-        siblingData
-      }) => {
-        const lexicalFieldData = siblingData[lexicalFieldName];
-        if (!lexicalFieldData) {
-          return '';
+ */ export const lexicalHTMLField = (args)=>{
+    const { converters, hidden = true, htmlFieldName, lexicalFieldName, storeInDB = false } = args;
+    const field = {
+        name: htmlFieldName,
+        type: 'code',
+        admin: {
+            editorOptions: {
+                language: 'html'
+            },
+            hidden
+        },
+        hooks: {
+            afterRead: [
+                async ({ currentDepth, depth, draft, overrideAccess, req, showHiddenFields, siblingData })=>{
+                    const lexicalFieldData = siblingData[lexicalFieldName];
+                    if (!lexicalFieldData) {
+                        return '';
+                    }
+                    const htmlPopulateFn = await getPayloadPopulateFn({
+                        currentDepth: currentDepth ?? 0,
+                        depth: depth ?? req.payload.config.defaultDepth,
+                        draft: draft ?? false,
+                        overrideAccess: overrideAccess ?? false,
+                        req,
+                        showHiddenFields: showHiddenFields ?? false
+                    });
+                    return await convertLexicalToHTMLAsync({
+                        converters,
+                        data: lexicalFieldData,
+                        populate: htmlPopulateFn
+                    });
+                }
+            ]
         }
-        const htmlPopulateFn = await getPayloadPopulateFn({
-          currentDepth: currentDepth ?? 0,
-          depth: depth ?? req.payload.config.defaultDepth,
-          draft: draft ?? false,
-          overrideAccess: overrideAccess ?? false,
-          req,
-          showHiddenFields: showHiddenFields ?? false
-        });
-        return await convertLexicalToHTMLAsync({
-          converters,
-          data: lexicalFieldData,
-          populate: htmlPopulateFn
-        });
-      }]
+    };
+    if (!storeInDB) {
+        field.hooks = field.hooks ?? {};
+        field.hooks.beforeChange = [
+            ({ siblingData })=>{
+                delete siblingData[htmlFieldName];
+                return null;
+            }
+        ];
     }
-  };
-  if (!storeInDB) {
-    field.hooks = field.hooks ?? {};
-    field.hooks.beforeChange = [({
-      siblingData
-    }) => {
-      delete siblingData[htmlFieldName];
-      return null;
-    }];
-  }
-  return field;
+    return field;
 };
+
 //# sourceMappingURL=index.js.map

package/dist/features/converters/lexicalToHtml/async/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getPayloadPopulateFn","convertLexicalToHTMLAsync","lexicalHTMLField","args","converters","hidden","htmlFieldName","lexicalFieldName","storeInDB","field","name","type","admin","editorOptions","language","hooks","afterRead","currentDepth","depth","draft","overrideAccess","req","showHiddenFields","siblingData","lexicalFieldData","htmlPopulateFn","payload","config","defaultDepth","data","populate","beforeChange"],"sources":["../../../../../../src/features/converters/lexicalToHtml/async/field/index.ts"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { Field } from 'payload'\n\nimport type { HTMLConvertersAsync, HTMLConvertersFunctionAsync } from '../types.js'\n\nimport { getPayloadPopulateFn } from '../../../utilities/payloadPopulateFn.js'\nimport { convertLexicalToHTMLAsync } from '../index.js'\n\ntype Args = {\n  converters?: HTMLConvertersAsync | HTMLConvertersFunctionAsync\n  /**\n   * Whether the lexicalHTML field should be hidden in the admin panel\n   *\n   * @default true\n   */\n  hidden?: boolean\n  htmlFieldName: string\n  /**\n   * A string which matches the lexical field name you want to convert to HTML.\n   *\n   * This has to be a sibling field of this lexicalHTML field - otherwise, it won't be able to find the lexical field.\n   **/\n  lexicalFieldName: string\n  /**\n   * Whether the HTML should be stored in the database\n   *\n   * @default false\n   */\n  storeInDB?: boolean\n}\n\n/**\n *\n * Field that converts a sibling lexical field to HTML\n *\n * @todo will be renamed to lexicalHTML in 4.0, replacing the deprecated `lexicalHTML` converter\n */\nexport const lexicalHTMLField: (args: Args) => Field = (args) => {\n  const { converters, hidden = true, htmlFieldName, lexicalFieldName, storeInDB = false } = args\n  const field: Field = {\n    name: htmlFieldName,\n    type: 'code',\n    admin: {\n      editorOptions: {\n        language: 'html',\n      },\n      hidden,\n    },\n    hooks: {\n      afterRead: [\n        async ({\n          currentDepth,\n          depth,\n          draft,\n          overrideAccess,\n          req,\n          showHiddenFields,\n          siblingData,\n        }) => {\n          const lexicalFieldData: SerializedEditorState = siblingData[lexicalFieldName]\n\n          if (!lexicalFieldData) {\n            return ''\n          }\n\n          const htmlPopulateFn = await getPayloadPopulateFn({\n            currentDepth: currentDepth ?? 0,\n            depth: depth ?? req.payload.config.defaultDepth,\n            draft: draft ?? false,\n            overrideAccess: overrideAccess ?? false,\n            req,\n            showHiddenFields: showHiddenFields ?? false,\n          })\n\n          return await convertLexicalToHTMLAsync({\n            converters,\n            data: lexicalFieldData,\n            populate: htmlPopulateFn,\n          })\n        },\n      ],\n    },\n  }\n\n  if (!storeInDB) {\n    field.hooks = field.hooks ?? {}\n    field.hooks.beforeChange = [\n      ({ siblingData }) => {\n        delete siblingData[htmlFieldName]\n        return null\n      },\n    ]\n  }\n\n  return field\n}\n"],"mappings":"AAKA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,yBAAyB,QAAQ;AAyB1C;;;;;;AAMA,OAAO,MAAMC,gBAAA,GAA2CC,IAAA;EACtD,MAAM;IAAEC,UAAU;IAAEC,MAAA,GAAS,IAAI;IAAEC,aAAa;IAAEC,gBAAgB;IAAEC,SAAA,GAAY;EAAK,CAAE,GAAGL,IAAA;EAC1F,MAAMM,KAAA,GAAe;IACnBC,IAAA,EAAMJ,aAAA;IACNK,IAAA,EAAM;IACNC,KAAA,EAAO;MACLC,aAAA,EAAe;QACbC,QAAA,EAAU;MACZ;MACAT;IACF;IACAU,KAAA,EAAO;MACLC,SAAA,EAAW,CACT,OAAO;QACLC,YAAY;QACZC,KAAK;QACLC,KAAK;QACLC,cAAc;QACdC,GAAG;QACHC,gBAAgB;QAChBC;MAAW,CACZ;QACC,MAAMC,gBAAA,GAA0CD,WAAW,CAAChB,gBAAA,CAAiB;QAE7E,IAAI,CAACiB,gBAAA,EAAkB;UACrB,OAAO;QACT;QAEA,MAAMC,cAAA,GAAiB,MAAMzB,oBAAA,CAAqB;UAChDiB,YAAA,EAAcA,YAAA,IAAgB;UAC9BC,KAAA,EAAOA,KAAA,IAASG,GAAA,CAAIK,OAAO,CAACC,MAAM,CAACC,YAAY;UAC/CT,KAAA,EAAOA,KAAA,IAAS;UAChBC,cAAA,EAAgBA,cAAA,IAAkB;UAClCC,GAAA;UACAC,gBAAA,EAAkBA,gBAAA,IAAoB;QACxC;QAEA,OAAO,MAAMrB,yBAAA,CAA0B;UACrCG,UAAA;UACAyB,IAAA,EAAML,gBAAA;UACNM,QAAA,EAAUL;QACZ;MACF;IAEJ;EACF;EAEA,IAAI,CAACjB,SAAA,EAAW;IACdC,KAAA,CAAMM,KAAK,GAAGN,KAAA,CAAMM,KAAK,IAAI,CAAC;IAC9BN,KAAA,CAAMM,KAAK,CAACgB,YAAY,GAAG,CACzB,CAAC;MAAER;IAAW,CAAE;MACd,OAAOA,WAAW,CAACjB,aAAA,CAAc;MACjC,OAAO;IACT,EACD;EACH;EAEA,OAAOG,KAAA;AACT","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/features/converters/lexicalToHtml/async/field/index.ts"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { Field } from 'payload'\n\nimport type { HTMLConvertersAsync, HTMLConvertersFunctionAsync } from '../types.js'\n\nimport { getPayloadPopulateFn } from '../../../utilities/payloadPopulateFn.js'\nimport { convertLexicalToHTMLAsync } from '../index.js'\n\ntype Args = {\n  converters?: HTMLConvertersAsync | HTMLConvertersFunctionAsync\n  /**\n   * Whether the lexicalHTML field should be hidden in the admin panel\n   *\n   * @default true\n   */\n  hidden?: boolean\n  htmlFieldName: string\n  /**\n   * A string which matches the lexical field name you want to convert to HTML.\n   *\n   * This has to be a sibling field of this lexicalHTML field - otherwise, it won't be able to find the lexical field.\n   **/\n  lexicalFieldName: string\n  /**\n   * Whether the HTML should be stored in the database\n   *\n   * @default false\n   */\n  storeInDB?: boolean\n}\n\n/**\n *\n * Field that converts a sibling lexical field to HTML\n *\n * @todo will be renamed to lexicalHTML in 4.0, replacing the deprecated `lexicalHTML` converter\n */\nexport const lexicalHTMLField: (args: Args) => Field = (args) => {\n  const { converters, hidden = true, htmlFieldName, lexicalFieldName, storeInDB = false } = args\n  const field: Field = {\n    name: htmlFieldName,\n    type: 'code',\n    admin: {\n      editorOptions: {\n        language: 'html',\n      },\n      hidden,\n    },\n    hooks: {\n      afterRead: [\n        async ({\n          currentDepth,\n          depth,\n          draft,\n          overrideAccess,\n          req,\n          showHiddenFields,\n          siblingData,\n        }) => {\n          const lexicalFieldData: SerializedEditorState = siblingData[lexicalFieldName]\n\n          if (!lexicalFieldData) {\n            return ''\n          }\n\n          const htmlPopulateFn = await getPayloadPopulateFn({\n            currentDepth: currentDepth ?? 0,\n            depth: depth ?? req.payload.config.defaultDepth,\n            draft: draft ?? false,\n            overrideAccess: overrideAccess ?? false,\n            req,\n            showHiddenFields: showHiddenFields ?? false,\n          })\n\n          return await convertLexicalToHTMLAsync({\n            converters,\n            data: lexicalFieldData,\n            populate: htmlPopulateFn,\n          })\n        },\n      ],\n    },\n  }\n\n  if (!storeInDB) {\n    field.hooks = field.hooks ?? {}\n    field.hooks.beforeChange = [\n      ({ siblingData }) => {\n        delete siblingData[htmlFieldName]\n        return null\n      },\n    ]\n  }\n\n  return field\n}\n"],"names":["getPayloadPopulateFn","convertLexicalToHTMLAsync","lexicalHTMLField","args","converters","hidden","htmlFieldName","lexicalFieldName","storeInDB","field","name","type","admin","editorOptions","language","hooks","afterRead","currentDepth","depth","draft","overrideAccess","req","showHiddenFields","siblingData","lexicalFieldData","htmlPopulateFn","payload","config","defaultDepth","data","populate","beforeChange"],"mappings":"AAKA,SAASA,oBAAoB,QAAQ,0CAAyC;AAC9E,SAASC,yBAAyB,QAAQ,cAAa;AAIrD;;;;GAIC,GAGD;;;;IAIE,GAEF;;;;GAIC,GAIH;;;;;CAKC,GACD,OAAO,MAAMC,mBAA0C,CAACC;IACtD,MAAM,EAAEC,UAAU,EAAEC,SAAS,IAAI,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,YAAY,KAAK,EAAE,GAAGL;IAC1F,MAAMM,QAAe;QACnBC,MAAMJ;QACNK,MAAM;QACNC,OAAO;YACLC,eAAe;gBACbC,UAAU;YACZ;YACAT;QACF;QACAU,OAAO;YACLC,WAAW;gBACT,OAAO,EACLC,YAAY,EACZC,KAAK,EACLC,KAAK,EACLC,cAAc,EACdC,GAAG,EACHC,gBAAgB,EAChBC,WAAW,EACZ;oBACC,MAAMC,mBAA0CD,WAAW,CAAChB,iBAAiB;oBAE7E,IAAI,CAACiB,kBAAkB;wBACrB,OAAO;oBACT;oBAEA,MAAMC,iBAAiB,MAAMzB,qBAAqB;wBAChDiB,cAAcA,gBAAgB;wBAC9BC,OAAOA,SAASG,IAAIK,OAAO,CAACC,MAAM,CAACC,YAAY;wBAC/CT,OAAOA,SAAS;wBAChBC,gBAAgBA,kBAAkB;wBAClCC;wBACAC,kBAAkBA,oBAAoB;oBACxC;oBAEA,OAAO,MAAMrB,0BAA0B;wBACrCG;wBACAyB,MAAML;wBACNM,UAAUL;oBACZ;gBACF;aACD;QACH;IACF;IAEA,IAAI,CAACjB,WAAW;QACdC,MAAMM,KAAK,GAAGN,MAAMM,KAAK,IAAI,CAAC;QAC9BN,MAAMM,KAAK,CAACgB,YAAY,GAAG;YACzB,CAAC,EAAER,WAAW,EAAE;gBACd,OAAOA,WAAW,CAACjB,cAAc;gBACjC,OAAO;YACT;SACD;IACH;IAEA,OAAOG;AACT,EAAC"}