@payloadcms/richtext-lexical 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

package/dist/field/Diff/converters/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["File","createHash","formatFilesize","React","baseClass","UploadDiffHTMLConverterAsync","i18n","req","upload","node","populate","providedCSSString","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","relatedCollection","payload","collections","config","thumbnailSRC","thumbnailURL","url","ReactDOMServer","default","nodeFieldsHash","update","JSON","stringify","fields","digest","JSX","_jsx","className","filename","_jsxs","length","alt","src","filesize","width","height","Fragment","mimeType","html","renderToStaticMarkup"],"sources":["../../../../../src/field/Diff/converters/upload/index.tsx"],"sourcesContent":["import type { FileData, PayloadRequest, TypeWithID } from 'payload'\n\nimport { type I18nClient } from '@payloadcms/translations'\nimport { File } from '@payloadcms/ui/rsc'\nimport { createHash } from 'crypto'\n\nimport './index.scss'\n\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { UploadDataImproved } from '../../../../features/upload/server/nodes/UploadNode.js'\nimport type { SerializedUploadNode } from '../../../../nodeTypes.js'\n\nconst baseClass = 'lexical-upload-diff'\n\nexport const UploadDiffHTMLConverterAsync: (args: {\n  i18n: I18nClient\n  req: PayloadRequest\n}) => HTMLConvertersAsync<SerializedUploadNode> = ({ i18n, req }) => {\n  return {\n    upload: async ({ node, populate, providedCSSString }) => {\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 relatedCollection = req.payload.collections[uploadNode.relationTo]?.config\n\n      const thumbnailSRC: string =\n        ('thumbnailURL' in uploadDoc && (uploadDoc?.thumbnailURL as string)) || uploadDoc?.url || ''\n\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.fields ?? {}))\n        .digest('hex')\n\n      const JSX = (\n        <div\n          className={`${baseClass}${providedCSSString}`}\n          data-enable-match=\"true\"\n          data-fields-hash={`${nodeFieldsHash}`}\n          data-filename={uploadDoc?.filename}\n          data-lexical-upload-id={uploadNode.value}\n          data-lexical-upload-relation-to={uploadNode.relationTo}\n          data-src={thumbnailSRC}\n        >\n          <div className={`${baseClass}__card`}>\n            <div className={`${baseClass}__thumbnail`}>\n              {thumbnailSRC?.length ? (\n                <img alt={uploadDoc?.filename} src={thumbnailSRC} />\n              ) : (\n                <File />\n              )}\n            </div>\n            <div className={`${baseClass}__info`} data-enable-match=\"false\">\n              <strong>{uploadDoc?.filename}</strong>\n              <div className={`${baseClass}__meta`}>\n                {formatFilesize(uploadDoc?.filesize)}\n                {typeof uploadDoc?.width === 'number' && typeof uploadDoc?.height === 'number' && (\n                  <React.Fragment>\n                    &nbsp;-&nbsp;\n                    {uploadDoc?.width}x{uploadDoc?.height}\n                  </React.Fragment>\n                )}\n                {uploadDoc?.mimeType && (\n                  <React.Fragment>\n                    &nbsp;-&nbsp;\n                    {uploadDoc?.mimeType}\n                  </React.Fragment>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      )\n\n      // Render to HTML\n      const html = ReactDOMServer.renderToStaticMarkup(JSX)\n\n      return html\n    },\n  }\n}\n"],"mappings":";AAGA,SAASA,IAAI,QAAQ;AACrB,SAASC,UAAU,QAAQ;AAI3B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAMlB,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,4BAAA,GAGqCA,CAAC;EAAEC,IAAI;EAAEC;AAAG,CAAE;EAC9D,OAAO;IACLC,MAAA,EAAQ,MAAAA,CAAO;MAAEC,IAAI;MAAEC,QAAQ;MAAEC;IAAiB,CAAE;MAClD,MAAMC,UAAA,GAAaH,IAAA;MAEnB,IAAII,SAAA,GAAiDC,SAAA;MAErD;MACA,IAAI,OAAOF,UAAA,CAAWG,KAAK,KAAK,UAAU;QACxC,IAAI,CAACL,QAAA,EAAU;UACb,OAAO;QACT;QACAG,SAAA,GAAY,MAAMH,QAAA,CAAgC;UAChDM,EAAA,EAAIJ,UAAA,CAAWG,KAAK;UACpBE,cAAA,EAAgBL,UAAA,CAAWM;QAC7B;MACF,OAAO;QACLL,SAAA,GAAYD,UAAA,CAAWG,KAAK;MAC9B;MAEA,IAAI,CAACF,SAAA,EAAW;QACd,OAAO;MACT;MAEA,MAAMM,iBAAA,GAAoBZ,GAAA,CAAIa,OAAO,CAACC,WAAW,CAACT,UAAA,CAAWM,UAAU,CAAC,EAAEI,MAAA;MAE1E,MAAMC,YAAA,GACJ,cAAC,IAAkBV,SAAA,IAAcA,SAAA,EAAWW,YAAA,IAA4BX,SAAA,EAAWY,GAAA,IAAO;MAE5F,MAAMC,cAAA,GAAiB,CAAC,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;MAEjE;MACA,MAAMC,cAAA,GAAiB3B,UAAA,CAAW,UAC/B4B,MAAM,CAACC,IAAA,CAAKC,SAAS,CAACtB,IAAA,CAAKuB,MAAM,IAAI,CAAC,IACtCC,MAAM,CAAC;MAEV,MAAMC,GAAA,gBACJC,IAAA,CAAC;QACCC,SAAA,EAAW,GAAGhC,SAAA,GAAYO,iBAAA,EAAmB;QAC7C,qBAAkB;QAClB,oBAAkB,GAAGiB,cAAA,EAAgB;QACrC,iBAAef,SAAA,EAAWwB,QAAA;QAC1B,0BAAwBzB,UAAA,CAAWG,KAAK;QACxC,mCAAiCH,UAAA,CAAWM,UAAU;QACtD,YAAUK,YAAA;kBAEV,aAAAe,KAAA,CAAC;UAAIF,SAAA,EAAW,GAAGhC,SAAA,QAAiB;kCAClC+B,IAAA,CAAC;YAAIC,SAAA,EAAW,GAAGhC,SAAA,aAAsB;sBACtCmB,YAAA,EAAcgB,MAAA,gBACbJ,IAAA,CAAC;cAAIK,GAAA,EAAK3B,SAAA,EAAWwB,QAAA;cAAUI,GAAA,EAAKlB;8BAEpCY,IAAA,CAACnC,IAAA;2BAGLsC,KAAA,CAAC;YAAIF,SAAA,EAAW,GAAGhC,SAAA,QAAiB;YAAE,qBAAkB;oCACtD+B,IAAA,CAAC;wBAAQtB,SAAA,EAAWwB;6BACpBC,KAAA,CAAC;cAAIF,SAAA,EAAW,GAAGhC,SAAA,QAAiB;yBACjCF,cAAA,CAAeW,SAAA,EAAW6B,QAAA,GAC1B,OAAO7B,SAAA,EAAW8B,KAAA,KAAU,YAAY,OAAO9B,SAAA,EAAW+B,MAAA,KAAW,yBACpEN,KAAA,CAACnC,KAAA,CAAM0C,QAAQ;2BAAC,OAEbhC,SAAA,EAAW8B,KAAA,EAAM,KAAE9B,SAAA,EAAW+B,MAAA;kBAGlC/B,SAAA,EAAWiC,QAAA,iBACVR,KAAA,CAACnC,KAAA,CAAM0C,QAAQ;2BAAC,OAEbhC,SAAA,EAAWiC,QAAA;;;;;;MAS1B;MACA,MAAMC,IAAA,GAAOrB,cAAA,CAAesB,oBAAoB,CAACd,GAAA;MAEjD,OAAOa,IAAA;IACT;EACF;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../../src/field/Diff/converters/upload/index.tsx"],"sourcesContent":["import type { FileData, PayloadRequest, TypeWithID } from 'payload'\n\nimport { type I18nClient } from '@payloadcms/translations'\nimport { File } from '@payloadcms/ui/rsc'\nimport { createHash } from 'crypto'\n\nimport './index.scss'\n\nimport { formatFilesize } from 'payload/shared'\nimport React from 'react'\n\nimport type { HTMLConvertersAsync } from '../../../../features/converters/lexicalToHtml/async/types.js'\nimport type { UploadDataImproved } from '../../../../features/upload/server/nodes/UploadNode.js'\nimport type { SerializedUploadNode } from '../../../../nodeTypes.js'\n\nconst baseClass = 'lexical-upload-diff'\n\nexport const UploadDiffHTMLConverterAsync: (args: {\n  i18n: I18nClient\n  req: PayloadRequest\n}) => HTMLConvertersAsync<SerializedUploadNode> = ({ i18n, req }) => {\n  return {\n    upload: async ({ node, populate, providedCSSString }) => {\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 relatedCollection = req.payload.collections[uploadNode.relationTo]?.config\n\n      const thumbnailSRC: string =\n        ('thumbnailURL' in uploadDoc && (uploadDoc?.thumbnailURL as string)) || uploadDoc?.url || ''\n\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.fields ?? {}))\n        .digest('hex')\n\n      const JSX = (\n        <div\n          className={`${baseClass}${providedCSSString}`}\n          data-enable-match=\"true\"\n          data-fields-hash={`${nodeFieldsHash}`}\n          data-filename={uploadDoc?.filename}\n          data-lexical-upload-id={uploadNode.value}\n          data-lexical-upload-relation-to={uploadNode.relationTo}\n          data-src={thumbnailSRC}\n        >\n          <div className={`${baseClass}__card`}>\n            <div className={`${baseClass}__thumbnail`}>\n              {thumbnailSRC?.length ? (\n                <img alt={uploadDoc?.filename} src={thumbnailSRC} />\n              ) : (\n                <File />\n              )}\n            </div>\n            <div className={`${baseClass}__info`} data-enable-match=\"false\">\n              <strong>{uploadDoc?.filename}</strong>\n              <div className={`${baseClass}__meta`}>\n                {formatFilesize(uploadDoc?.filesize)}\n                {typeof uploadDoc?.width === 'number' && typeof uploadDoc?.height === 'number' && (\n                  <React.Fragment>\n                    &nbsp;-&nbsp;\n                    {uploadDoc?.width}x{uploadDoc?.height}\n                  </React.Fragment>\n                )}\n                {uploadDoc?.mimeType && (\n                  <React.Fragment>\n                    &nbsp;-&nbsp;\n                    {uploadDoc?.mimeType}\n                  </React.Fragment>\n                )}\n              </div>\n            </div>\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":["File","createHash","formatFilesize","React","baseClass","UploadDiffHTMLConverterAsync","i18n","req","upload","node","populate","providedCSSString","uploadNode","uploadDoc","undefined","value","id","collectionSlug","relationTo","relatedCollection","payload","collections","config","thumbnailSRC","thumbnailURL","url","ReactDOMServer","default","nodeFieldsHash","update","JSON","stringify","fields","digest","JSX","div","className","data-enable-match","data-fields-hash","data-filename","filename","data-lexical-upload-id","data-lexical-upload-relation-to","data-src","length","img","alt","src","strong","filesize","width","height","Fragment","mimeType","html","renderToStaticMarkup"],"mappings":";AAGA,SAASA,IAAI,QAAQ,qBAAoB;AACzC,SAASC,UAAU,QAAQ,SAAQ;AAEnC,OAAO,eAAc;AAErB,SAASC,cAAc,QAAQ,iBAAgB;AAC/C,OAAOC,WAAW,QAAO;AAMzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,+BAGqC,CAAC,EAAEC,IAAI,EAAEC,GAAG,EAAE;IAC9D,OAAO;QACLC,QAAQ,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;YAClD,MAAMC,aAAaH;YAEnB,IAAII,YAAiDC;YAErD,mEAAmE;YACnE,IAAI,OAAOF,WAAWG,KAAK,KAAK,UAAU;gBACxC,IAAI,CAACL,UAAU;oBACb,OAAO;gBACT;gBACAG,YAAY,MAAMH,SAAgC;oBAChDM,IAAIJ,WAAWG,KAAK;oBACpBE,gBAAgBL,WAAWM,UAAU;gBACvC;YACF,OAAO;gBACLL,YAAYD,WAAWG,KAAK;YAC9B;YAEA,IAAI,CAACF,WAAW;gBACd,OAAO;YACT;YAEA,MAAMM,oBAAoBZ,IAAIa,OAAO,CAACC,WAAW,CAACT,WAAWM,UAAU,CAAC,EAAEI;YAE1E,MAAMC,eACJ,AAAC,kBAAkBV,aAAcA,WAAWW,gBAA4BX,WAAWY,OAAO;YAE5F,MAAMC,iBAAiB,AAAC,CAAA,MAAM,MAAM,CAAC,mBAAkB,EAAGC,OAAO;YAEjE,uDAAuD;YACvD,MAAMC,iBAAiB3B,WAAW,UAC/B4B,MAAM,CAACC,KAAKC,SAAS,CAACtB,KAAKuB,MAAM,IAAI,CAAC,IACtCC,MAAM,CAAC;YAEV,MAAMC,oBACJ,KAACC;gBACCC,WAAW,GAAGhC,YAAYO,mBAAmB;gBAC7C0B,qBAAkB;gBAClBC,oBAAkB,GAAGV,gBAAgB;gBACrCW,iBAAe1B,WAAW2B;gBAC1BC,0BAAwB7B,WAAWG,KAAK;gBACxC2B,mCAAiC9B,WAAWM,UAAU;gBACtDyB,YAAUpB;0BAEV,cAAA,MAACY;oBAAIC,WAAW,GAAGhC,UAAU,MAAM,CAAC;;sCAClC,KAAC+B;4BAAIC,WAAW,GAAGhC,UAAU,WAAW,CAAC;sCACtCmB,cAAcqB,uBACb,KAACC;gCAAIC,KAAKjC,WAAW2B;gCAAUO,KAAKxB;+CAEpC,KAACvB;;sCAGL,MAACmC;4BAAIC,WAAW,GAAGhC,UAAU,MAAM,CAAC;4BAAEiC,qBAAkB;;8CACtD,KAACW;8CAAQnC,WAAW2B;;8CACpB,MAACL;oCAAIC,WAAW,GAAGhC,UAAU,MAAM,CAAC;;wCACjCF,eAAeW,WAAWoC;wCAC1B,OAAOpC,WAAWqC,UAAU,YAAY,OAAOrC,WAAWsC,WAAW,0BACpE,MAAChD,MAAMiD,QAAQ;;gDAAC;gDAEbvC,WAAWqC;gDAAM;gDAAErC,WAAWsC;;;wCAGlCtC,WAAWwC,0BACV,MAAClD,MAAMiD,QAAQ;;gDAAC;gDAEbvC,WAAWwC;;;;;;;;;;YAS1B,iBAAiB;YACjB,MAAMC,OAAO5B,eAAe6B,oBAAoB,CAACrB;YAEjD,OAAOoB;QACT;IACF;AACF,EAAC"}

package/dist/field/Diff/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc';
+import './index.scss';
 import '../bundled.css';
 import React from 'react';
 import { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js';
@@ -10,70 +11,58 @@ import { RelationshipDiffHTMLConverterAsync } from './converters/relationship/in
 import { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js';
 import { UploadDiffHTMLConverterAsync } from './converters/upload/index.js';
 const baseClass = 'lexical-diff';
-export const LexicalDiffComponent = async args => {
-  const {
-    comparisonValue: valueFrom,
-    field,
-    i18n,
-    locale,
-    nestingLevel,
-    req,
-    versionValue: valueTo
-  } = args;
-  const converters = ({
-    defaultConverters
-  }) => ({
-    ...defaultConverters,
-    ...LinkDiffHTMLConverterAsync({}),
-    ...ListItemDiffHTMLConverterAsync,
-    ...UploadDiffHTMLConverterAsync({
-      i18n,
-      req
-    }),
-    ...RelationshipDiffHTMLConverterAsync({
-      i18n,
-      req
-    }),
-    ...UnknownDiffHTMLConverterAsync({
-      i18n,
-      req
-    })
-  });
-  const payloadPopulateFn = await getPayloadPopulateFn({
-    currentDepth: 0,
-    depth: 1,
-    req
-  });
-  const fromHTML = await convertLexicalToHTMLAsync({
-    converters,
-    data: valueFrom,
-    disableContainer: true,
-    populate: payloadPopulateFn
-  });
-  const toHTML = await convertLexicalToHTMLAsync({
-    converters,
-    data: valueTo,
-    disableContainer: true,
-    populate: payloadPopulateFn
-  });
-  const {
-    From,
-    To
-  } = getHTMLDiffComponents({
-    // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column
-    fromHTML: fromHTML?.length ? fromHTML : '<p></p>',
-    toHTML: toHTML?.length ? toHTML : '<p></p>'
-  });
-  return /*#__PURE__*/_jsx(FieldDiffContainer, {
-    className: baseClass,
-    From: From,
-    i18n: i18n,
-    label: {
-      label: field.label,
-      locale
-    },
-    nestingLevel: nestingLevel,
-    To: To
-  });
+export const LexicalDiffComponent = async (args)=>{
+    const { comparisonValue: valueFrom, field, i18n, locale, nestingLevel, req, versionValue: valueTo } = args;
+    const converters = ({ defaultConverters })=>({
+            ...defaultConverters,
+            ...LinkDiffHTMLConverterAsync({}),
+            ...ListItemDiffHTMLConverterAsync,
+            ...UploadDiffHTMLConverterAsync({
+                i18n,
+                req
+            }),
+            ...RelationshipDiffHTMLConverterAsync({
+                i18n,
+                req
+            }),
+            ...UnknownDiffHTMLConverterAsync({
+                i18n,
+                req
+            })
+        });
+    const payloadPopulateFn = await getPayloadPopulateFn({
+        currentDepth: 0,
+        depth: 1,
+        req
+    });
+    const fromHTML = await convertLexicalToHTMLAsync({
+        converters,
+        data: valueFrom,
+        disableContainer: true,
+        populate: payloadPopulateFn
+    });
+    const toHTML = await convertLexicalToHTMLAsync({
+        converters,
+        data: valueTo,
+        disableContainer: true,
+        populate: payloadPopulateFn
+    });
+    const { From, To } = getHTMLDiffComponents({
+        // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column
+        fromHTML: fromHTML?.length ? fromHTML : '<p></p>',
+        toHTML: toHTML?.length ? toHTML : '<p></p>'
+    });
+    return /*#__PURE__*/ _jsx(FieldDiffContainer, {
+        className: baseClass,
+        From: From,
+        i18n: i18n,
+        label: {
+            label: field.label,
+            locale
+        },
+        nestingLevel: nestingLevel,
+        To: To
+    });
 };
+
 //# sourceMappingURL=index.js.map

package/dist/field/Diff/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FieldDiffContainer","getHTMLDiffComponents","React","convertLexicalToHTMLAsync","getPayloadPopulateFn","LinkDiffHTMLConverterAsync","ListItemDiffHTMLConverterAsync","RelationshipDiffHTMLConverterAsync","UnknownDiffHTMLConverterAsync","UploadDiffHTMLConverterAsync","baseClass","LexicalDiffComponent","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","converters","defaultConverters","payloadPopulateFn","currentDepth","depth","fromHTML","data","disableContainer","populate","toHTML","From","To","length","_jsx","className","label"],"sources":["../../../src/field/Diff/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { RichTextFieldDiffServerComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\nimport '../bundled.css'\n\nimport React from 'react'\n\nimport type { HTMLConvertersFunctionAsync } from '../../features/converters/lexicalToHtml/async/types.js'\n\nimport { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js'\nimport { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js'\nimport { LinkDiffHTMLConverterAsync } from './converters/link.js'\nimport { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js'\nimport { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js'\nimport { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js'\nimport { UploadDiffHTMLConverterAsync } from './converters/upload/index.js'\n\nconst baseClass = 'lexical-diff'\n\nexport const LexicalDiffComponent: RichTextFieldDiffServerComponent = async (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n\n  const converters: HTMLConvertersFunctionAsync = ({ defaultConverters }) => ({\n    ...defaultConverters,\n    ...LinkDiffHTMLConverterAsync({}),\n    ...ListItemDiffHTMLConverterAsync,\n    ...UploadDiffHTMLConverterAsync({ i18n, req }),\n    ...RelationshipDiffHTMLConverterAsync({ i18n, req }),\n    ...UnknownDiffHTMLConverterAsync({ i18n, req }),\n  })\n\n  const payloadPopulateFn = await getPayloadPopulateFn({\n    currentDepth: 0,\n    depth: 1,\n    req,\n  })\n  const fromHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueFrom as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const toHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueTo as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const { From, To } = getHTMLDiffComponents({\n    // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column\n    fromHTML: fromHTML?.length ? fromHTML : '<p></p>',\n    toHTML: toHTML?.length ? toHTML : '<p></p>',\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"mappings":";AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,QAAQ;AAG1D,OAAO;AAEP,OAAOC,KAAA,MAAW;AAIlB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,kCAAkC,QAAQ;AACnD,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,4BAA4B,QAAQ;AAE7C,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,oBAAA,GAAyD,MAAOC,IAAA;EAC3E,MAAM;IACJC,eAAA,EAAiBC,SAAS;IAC1BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,YAAY;IACZC,GAAG;IACHC,YAAA,EAAcC;EAAO,CACtB,GAAGT,IAAA;EAEJ,MAAMU,UAAA,GAA0CA,CAAC;IAAEC;EAAiB,CAAE,MAAM;IAC1E,GAAGA,iBAAiB;IACpB,GAAGlB,0BAAA,CAA2B,CAAC,EAAE;IACjC,GAAGC,8BAA8B;IACjC,GAAGG,4BAAA,CAA6B;MAAEO,IAAA;MAAMG;IAAI,EAAE;IAC9C,GAAGZ,kCAAA,CAAmC;MAAES,IAAA;MAAMG;IAAI,EAAE;IACpD,GAAGX,6BAAA,CAA8B;MAAEQ,IAAA;MAAMG;IAAI;EAC/C;EAEA,MAAMK,iBAAA,GAAoB,MAAMpB,oBAAA,CAAqB;IACnDqB,YAAA,EAAc;IACdC,KAAA,EAAO;IACPP;EACF;EACA,MAAMQ,QAAA,GAAW,MAAMxB,yBAAA,CAA0B;IAC/CmB,UAAA;IACAM,IAAA,EAAMd,SAAA;IACNe,gBAAA,EAAkB;IAClBC,QAAA,EAAUN;EACZ;EAEA,MAAMO,MAAA,GAAS,MAAM5B,yBAAA,CAA0B;IAC7CmB,UAAA;IACAM,IAAA,EAAMP,OAAA;IACNQ,gBAAA,EAAkB;IAClBC,QAAA,EAAUN;EACZ;EAEA,MAAM;IAAEQ,IAAI;IAAEC;EAAE,CAAE,GAAGhC,qBAAA,CAAsB;IACzC;IACA0B,QAAA,EAAUA,QAAA,EAAUO,MAAA,GAASP,QAAA,GAAW;IACxCI,MAAA,EAAQA,MAAA,EAAQG,MAAA,GAASH,MAAA,GAAS;EACpC;EAEA,oBACEI,IAAA,CAACnC,kBAAA;IACCoC,SAAA,EAAW1B,SAAA;IACXsB,IAAA,EAAMA,IAAA;IACNhB,IAAA,EAAMA,IAAA;IACNqB,KAAA,EAAO;MACLA,KAAA,EAAOtB,KAAA,CAAMsB,KAAK;MAClBpB;IACF;IACAC,YAAA,EAAcA,YAAA;IACde,EAAA,EAAIA;;AAGV","ignoreList":[]}
+{"version":3,"sources":["../../../src/field/Diff/index.tsx"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\nimport type { RichTextFieldDiffServerComponent } from 'payload'\n\nimport { FieldDiffContainer, getHTMLDiffComponents } from '@payloadcms/ui/rsc'\n\nimport './index.scss'\nimport '../bundled.css'\n\nimport React from 'react'\n\nimport type { HTMLConvertersFunctionAsync } from '../../features/converters/lexicalToHtml/async/types.js'\n\nimport { convertLexicalToHTMLAsync } from '../../features/converters/lexicalToHtml/async/index.js'\nimport { getPayloadPopulateFn } from '../../features/converters/utilities/payloadPopulateFn.js'\nimport { LinkDiffHTMLConverterAsync } from './converters/link.js'\nimport { ListItemDiffHTMLConverterAsync } from './converters/listitem/index.js'\nimport { RelationshipDiffHTMLConverterAsync } from './converters/relationship/index.js'\nimport { UnknownDiffHTMLConverterAsync } from './converters/unknown/index.js'\nimport { UploadDiffHTMLConverterAsync } from './converters/upload/index.js'\n\nconst baseClass = 'lexical-diff'\n\nexport const LexicalDiffComponent: RichTextFieldDiffServerComponent = async (args) => {\n  const {\n    comparisonValue: valueFrom,\n    field,\n    i18n,\n    locale,\n    nestingLevel,\n    req,\n    versionValue: valueTo,\n  } = args\n\n  const converters: HTMLConvertersFunctionAsync = ({ defaultConverters }) => ({\n    ...defaultConverters,\n    ...LinkDiffHTMLConverterAsync({}),\n    ...ListItemDiffHTMLConverterAsync,\n    ...UploadDiffHTMLConverterAsync({ i18n, req }),\n    ...RelationshipDiffHTMLConverterAsync({ i18n, req }),\n    ...UnknownDiffHTMLConverterAsync({ i18n, req }),\n  })\n\n  const payloadPopulateFn = await getPayloadPopulateFn({\n    currentDepth: 0,\n    depth: 1,\n    req,\n  })\n  const fromHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueFrom as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const toHTML = await convertLexicalToHTMLAsync({\n    converters,\n    data: valueTo as SerializedEditorState,\n    disableContainer: true,\n    populate: payloadPopulateFn,\n  })\n\n  const { From, To } = getHTMLDiffComponents({\n    // Ensure empty paragraph is displayed for empty rich text fields - otherwise, toHTML may be displayed in the wrong column\n    fromHTML: fromHTML?.length ? fromHTML : '<p></p>',\n    toHTML: toHTML?.length ? toHTML : '<p></p>',\n  })\n\n  return (\n    <FieldDiffContainer\n      className={baseClass}\n      From={From}\n      i18n={i18n}\n      label={{\n        label: field.label,\n        locale,\n      }}\n      nestingLevel={nestingLevel}\n      To={To}\n    />\n  )\n}\n"],"names":["FieldDiffContainer","getHTMLDiffComponents","React","convertLexicalToHTMLAsync","getPayloadPopulateFn","LinkDiffHTMLConverterAsync","ListItemDiffHTMLConverterAsync","RelationshipDiffHTMLConverterAsync","UnknownDiffHTMLConverterAsync","UploadDiffHTMLConverterAsync","baseClass","LexicalDiffComponent","args","comparisonValue","valueFrom","field","i18n","locale","nestingLevel","req","versionValue","valueTo","converters","defaultConverters","payloadPopulateFn","currentDepth","depth","fromHTML","data","disableContainer","populate","toHTML","From","To","length","className","label"],"mappings":";AAGA,SAASA,kBAAkB,EAAEC,qBAAqB,QAAQ,qBAAoB;AAE9E,OAAO,eAAc;AACrB,OAAO,iBAAgB;AAEvB,OAAOC,WAAW,QAAO;AAIzB,SAASC,yBAAyB,QAAQ,yDAAwD;AAClG,SAASC,oBAAoB,QAAQ,2DAA0D;AAC/F,SAASC,0BAA0B,QAAQ,uBAAsB;AACjE,SAASC,8BAA8B,QAAQ,iCAAgC;AAC/E,SAASC,kCAAkC,QAAQ,qCAAoC;AACvF,SAASC,6BAA6B,QAAQ,gCAA+B;AAC7E,SAASC,4BAA4B,QAAQ,+BAA8B;AAE3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,uBAAyD,OAAOC;IAC3E,MAAM,EACJC,iBAAiBC,SAAS,EAC1BC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,YAAY,EACZC,GAAG,EACHC,cAAcC,OAAO,EACtB,GAAGT;IAEJ,MAAMU,aAA0C,CAAC,EAAEC,iBAAiB,EAAE,GAAM,CAAA;YAC1E,GAAGA,iBAAiB;YACpB,GAAGlB,2BAA2B,CAAC,EAAE;YACjC,GAAGC,8BAA8B;YACjC,GAAGG,6BAA6B;gBAAEO;gBAAMG;YAAI,EAAE;YAC9C,GAAGZ,mCAAmC;gBAAES;gBAAMG;YAAI,EAAE;YACpD,GAAGX,8BAA8B;gBAAEQ;gBAAMG;YAAI,EAAE;QACjD,CAAA;IAEA,MAAMK,oBAAoB,MAAMpB,qBAAqB;QACnDqB,cAAc;QACdC,OAAO;QACPP;IACF;IACA,MAAMQ,WAAW,MAAMxB,0BAA0B;QAC/CmB;QACAM,MAAMd;QACNe,kBAAkB;QAClBC,UAAUN;IACZ;IAEA,MAAMO,SAAS,MAAM5B,0BAA0B;QAC7CmB;QACAM,MAAMP;QACNQ,kBAAkB;QAClBC,UAAUN;IACZ;IAEA,MAAM,EAAEQ,IAAI,EAAEC,EAAE,EAAE,GAAGhC,sBAAsB;QACzC,0HAA0H;QAC1H0B,UAAUA,UAAUO,SAASP,WAAW;QACxCI,QAAQA,QAAQG,SAASH,SAAS;IACpC;IAEA,qBACE,KAAC/B;QACCmC,WAAWzB;QACXsB,MAAMA;QACNhB,MAAMA;QACNoB,OAAO;YACLA,OAAOrB,MAAMqB,KAAK;YAClBnB;QACF;QACAC,cAAcA;QACde,IAAIA;;AAGV,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,mCAAmC,CAAA;AAC1C,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAQ5D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CAsL9B,CAAA;AAaD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,mCAAmC,CAAA;AAC1C,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAO5D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CA4K9B,CAAA;AAaD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}

package/dist/field/Field.js

@@ -1,187 +1,189 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BulkUploadProvider, FieldDescription, FieldError, FieldLabel, RenderCustomComponent, useEditDepth, useEffectEvent, useField } from '@payloadcms/ui';
 import { mergeFieldStyles } from '@payloadcms/ui/shared';
 import { dequal } from 'dequal/lite';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
+import '../lexical/theme/EditorTheme.scss';
 import './bundled.css';
+import './index.scss';
 import { LexicalProvider } from '../lexical/LexicalProvider.js';
 import { useRunDeprioritized } from '../utilities/useRunDeprioritized.js';
-import { ViewSelector } from './ViewSelector.js';
 const baseClass = 'rich-text-lexical';
-const RichTextComponent = props => {
-  const {
-    editorConfig,
-    field,
-    field: {
-      admin: {
-        className,
-        description,
-        readOnly: readOnlyFromAdmin
-      } = {},
-      label,
-      localized,
-      required
-    },
-    path: pathFromProps,
-    readOnly: readOnlyFromTopLevelProps,
-    validate
-  } = props;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
-  const editDepth = useEditDepth();
-  const memoizedValidate = useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') {
-      // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
-      return validate(value, {
-        ...validationOptions,
+const RichTextComponent = // With rendered features n stuff
+(props)=>{
+    const { editorConfig, field, field: { admin: { className, description, readOnly: readOnlyFromAdmin } = {}, label, localized, required }, path: pathFromProps, readOnly: readOnlyFromTopLevelProps, validate } = // Users can pass in client side validation if they WANT to, but it's not required anymore
+    props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+    const editDepth = useEditDepth();
+    const memoizedValidate = useCallback((value, validationOptions)=>{
+        if (typeof validate === 'function') {
+            // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
+            return validate(value, {
+                ...validationOptions,
+                required
+            });
+        }
+        return true;
+    }, // Important: do not add props to the dependencies array.
+    // This would cause an infinite loop and endless re-rendering.
+    // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709
+    [
+        validate,
         required
-      });
-    }
-    return true;
-  },
-  // Important: do not add props to the dependencies array.
-  // This would cause an infinite loop and endless re-rendering.
-  // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709
-  [validate, required]);
-  const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled: disabledFromField,
-    initialValue,
-    path,
-    setValue,
-    showError,
-    value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const disabled = readOnlyFromProps || disabledFromField;
-  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
-  const [rerenderProviderKey, setRerenderProviderKey] = useState();
-  const prevInitialValueRef = React.useRef(initialValue);
-  const prevValueRef = React.useRef(value_0);
-  useEffect(() => {
-    const updateViewPortWidth = () => {
-      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches;
-      if (isNextSmallWidthViewport !== isSmallWidthViewport) {
-        setIsSmallWidthViewport(isNextSmallWidthViewport);
-      }
-    };
-    updateViewPortWidth();
-    window.addEventListener('resize', updateViewPortWidth);
-    return () => {
-      window.removeEventListener('resize', updateViewPortWidth);
-    };
-  }, [isSmallWidthViewport]);
-  const classes = ['field-type', baseClass, className, showError && 'error', disabled && `${baseClass}--read-only`, editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport ? `${baseClass}--show-gutter` : null].filter(Boolean).join(' ');
-  const pathWithEditDepth = `${path}.${editDepth}`;
-  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout
-  ;
-  const handleChange = useCallback(editorState => {
-    // Capture `editorState` in the closure so we can safely run later.
-    const updateFieldValue = () => {
-      const newState = editorState.toJSON();
-      prevValueRef.current = newState;
-      setValue(newState);
-    };
-    // Queue the update for the browser’s idle time (or Safari shim)
-    // and let the hook handle debouncing/cancellation.
-    void runDeprioritized(updateFieldValue);
-  }, [setValue, runDeprioritized]);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  const handleInitialValueChange = useEffectEvent(initialValue_0 => {
-    // Object deep equality check here, as re-mounting the editor if
-    // the new value is the same as the old one is not necessary.
-    // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,
-    // so we need to do a deep equality check here that does not care about key order => we use dequal.
-    // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.
-    if (prevValueRef.current !== value_0 && !dequal(prevValueRef.current != null ? JSON.parse(JSON.stringify(prevValueRef.current)) : prevValueRef.current, value_0)) {
-      prevInitialValueRef.current = initialValue_0;
-      prevValueRef.current = value_0;
-      setRerenderProviderKey(new Date());
-    }
-  });
-  useEffect(() => {
-    // Needs to trigger for object reference changes - otherwise,
-    // reacting to the same initial value change twice will cause
-    // the second change to be ignored, even though the value has changed.
-    // That's because initialValue is not kept up-to-date
-    if (!Object.is(initialValue, prevInitialValueRef.current)) {
-      handleInitialValueChange(initialValue);
-    }
-  }, [initialValue]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes,
-    "data-lexical-view": editorConfig?.view,
-    style: styles,
-    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Error,
-      Fallback: /*#__PURE__*/_jsx(FieldError, {
-        path: path,
-        showError: showError
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__label-row`,
-      children: [Label || /*#__PURE__*/_jsx(FieldLabel, {
-        label: label,
-        localized: localized,
-        path: path,
-        required: required
-      }), /*#__PURE__*/_jsx(ViewSelector, {})]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsxs(ErrorBoundary, {
-        fallbackRender: fallbackRender,
-        onReset: () => {},
-        children: [BeforeInput, /*#__PURE__*/_jsx(BulkUploadProvider, {
-          drawerSlugPrefix: path,
-          children: /*#__PURE__*/_jsx(LexicalProvider, {
-            composerKey: pathWithEditDepth,
-            editorConfig: editorConfig,
-            fieldProps: props,
-            isSmallWidthViewport: isSmallWidthViewport,
-            onChange: handleChange,
-            readOnly: disabled,
-            value: value_0
-          }, JSON.stringify({
-            path,
-            rerenderProviderKey
-          }))
-        }), AfterInput]
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-          description: description,
-          path: path
-        })
-      })]
-    })]
-  }, pathWithEditDepth);
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled: disabledFromField, initialValue, path, setValue, showError, value } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const disabled = readOnlyFromProps || disabledFromField;
+    const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
+    const [rerenderProviderKey, setRerenderProviderKey] = useState();
+    const prevInitialValueRef = React.useRef(initialValue);
+    const prevValueRef = React.useRef(value);
+    useEffect(()=>{
+        const updateViewPortWidth = ()=>{
+            const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches;
+            if (isNextSmallWidthViewport !== isSmallWidthViewport) {
+                setIsSmallWidthViewport(isNextSmallWidthViewport);
+            }
+        };
+        updateViewPortWidth();
+        window.addEventListener('resize', updateViewPortWidth);
+        return ()=>{
+            window.removeEventListener('resize', updateViewPortWidth);
+        };
+    }, [
+        isSmallWidthViewport
+    ]);
+    const classes = [
+        baseClass,
+        'field-type',
+        className,
+        showError && 'error',
+        disabled && `${baseClass}--read-only`,
+        editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport ? `${baseClass}--show-gutter` : null
+    ].filter(Boolean).join(' ');
+    const pathWithEditDepth = `${path}.${editDepth}`;
+    const runDeprioritized = useRunDeprioritized();
+    // defaults to 500 ms timeout
+    const handleChange = useCallback((editorState)=>{
+        // Capture `editorState` in the closure so we can safely run later.
+        const updateFieldValue = ()=>{
+            const newState = editorState.toJSON();
+            prevValueRef.current = newState;
+            setValue(newState);
+        };
+        // Queue the update for the browser’s idle time (or Safari shim)
+        // and let the hook handle debouncing/cancellation.
+        void runDeprioritized(updateFieldValue);
+    }, [
+        setValue,
+        runDeprioritized
+    ]);
+    // `runDeprioritized` is stable (useCallback inside hook)
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    const handleInitialValueChange = useEffectEvent((initialValue)=>{
+        // Object deep equality check here, as re-mounting the editor if
+        // the new value is the same as the old one is not necessary.
+        // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,
+        // so we need to do a deep equality check here that does not care about key order => we use dequal.
+        // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.
+        if (prevValueRef.current !== value && !dequal(prevValueRef.current != null ? JSON.parse(JSON.stringify(prevValueRef.current)) : prevValueRef.current, value)) {
+            prevInitialValueRef.current = initialValue;
+            prevValueRef.current = value;
+            setRerenderProviderKey(new Date());
+        }
+    });
+    useEffect(()=>{
+        // Needs to trigger for object reference changes - otherwise,
+        // reacting to the same initial value change twice will cause
+        // the second change to be ignored, even though the value has changed.
+        // That's because initialValue is not kept up-to-date
+        if (!Object.is(initialValue, prevInitialValueRef.current)) {
+            handleInitialValueChange(initialValue);
+        }
+    }, [
+        initialValue
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: classes,
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                CustomComponent: Error,
+                Fallback: /*#__PURE__*/ _jsx(FieldError, {
+                    path: path,
+                    showError: showError
+                })
+            }),
+            Label || /*#__PURE__*/ _jsx(FieldLabel, {
+                label: label,
+                localized: localized,
+                path: path,
+                required: required
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxs(ErrorBoundary, {
+                        fallbackRender: fallbackRender,
+                        onReset: ()=>{},
+                        children: [
+                            BeforeInput,
+                            /* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer
+          is rendered in the correct depth (not displayed *behind* the current drawer)*/ /*#__PURE__*/ _jsx(BulkUploadProvider, {
+                                drawerSlugPrefix: path,
+                                children: /*#__PURE__*/ _jsx(LexicalProvider, {
+                                    composerKey: pathWithEditDepth,
+                                    editorConfig: editorConfig,
+                                    fieldProps: props,
+                                    isSmallWidthViewport: isSmallWidthViewport,
+                                    // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)
+                                    onChange: handleChange,
+                                    readOnly: disabled,
+                                    value: value
+                                }, JSON.stringify({
+                                    path,
+                                    rerenderProviderKey
+                                }))
+                            }),
+                            AfterInput
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RenderCustomComponent, {
+                        CustomComponent: Description,
+                        Fallback: /*#__PURE__*/ _jsx(FieldDescription, {
+                            description: description,
+                            path: path
+                        })
+                    })
+                ]
+            })
+        ]
+    }, pathWithEditDepth);
 };
-function fallbackRender({
-  error
-}) {
-  // Call resetErrorBoundary() to reset the error boundary and retry the render.
-  return /*#__PURE__*/_jsxs("div", {
-    className: "errorBoundary",
-    role: "alert",
-    children: [/*#__PURE__*/_jsx("p", {
-      children: "Something went wrong:"
-    }), /*#__PURE__*/_jsx("pre", {
-      style: {
-        color: 'red'
-      },
-      children: error.message
-    })]
-  });
+function fallbackRender({ error }) {
+    // Call resetErrorBoundary() to reset the error boundary and retry the render.
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "errorBoundary",
+        role: "alert",
+        children: [
+            /*#__PURE__*/ _jsx("p", {
+                children: "Something went wrong:"
+            }),
+            /*#__PURE__*/ _jsx("pre", {
+                style: {
+                    color: 'red'
+                },
+                children: error.message
+            })
+        ]
+    });
 }
 export const RichText = RichTextComponent;
+
 //# sourceMappingURL=Field.js.map