@payloadcms/richtext-lexical 3.0.0-canary.95fcd13 → 3.0.0-canary.96477cf

package/dist/validate/index.js

@@ -1,30 +1,51 @@
 import { validateNodes } from './validateNodes.js';
-export const richTextValidateHOC = ({ editorConfig })=>{
-    const richTextValidate = async (value, options)=>{
-        const { req: { t }, required } = options;
-        if (required) {
-            const hasChildren = value?.root?.children?.length;
-            const hasOnlyEmptyParagraph = value?.root?.children?.length === 1 && value?.root?.children[0]?.type === 'paragraph' && value?.root?.children[0]?.children?.length === 0 || value?.root?.children[0]?.children?.length === 1 && value?.root?.children[0]?.children[0]?.type === 'text' && value?.root?.children[0]?.children[0]?.['text'] === '';
-            if (!hasChildren || hasOnlyEmptyParagraph) {
-                return t('validation:required');
+export const richTextValidateHOC = ({
+  editorConfig
+}) => {
+  const richTextValidate = async (value, options) => {
+    const {
+      req: {
+        t
+      },
+      required
+    } = options;
+    if (required) {
+      const hasChildren = !!value?.root?.children?.length;
+      let hasOnlyEmptyParagraph = false;
+      if (value?.root?.children?.length === 1) {
+        if (value?.root?.children[0]?.type === 'paragraph') {
+          const paragraphNode = value?.root?.children[0];
+          if (paragraphNode?.children?.length === 0) {
+            hasOnlyEmptyParagraph = true;
+          } else if (paragraphNode?.children?.length === 1) {
+            const paragraphNodeChild = paragraphNode?.children[0];
+            if (paragraphNodeChild.type === 'text') {
+              if (!paragraphNodeChild?.['text']?.length) {
+                hasOnlyEmptyParagraph = true;
+              }
             }
+          }
         }
-        // Traverse through nodes and validate them. Just like a node can hook into the population process (e.g. link or relationship nodes),
-        // they can also hook into the validation process. E.g. a block node probably has fields with validation rules.
-        const rootNodes = value?.root?.children;
-        if (rootNodes && Array.isArray(rootNodes) && rootNodes?.length) {
-            return await validateNodes({
-                nodeValidations: editorConfig.features.validations,
-                nodes: rootNodes,
-                validation: {
-                    options,
-                    value
-                }
-            });
+      }
+      if (!hasChildren || hasOnlyEmptyParagraph) {
+        return t('validation:required');
+      }
+    }
+    // Traverse through nodes and validate them. Just like a node can hook into the population process (e.g. link or relationship nodes),
+    // they can also hook into the validation process. E.g. a block node probably has fields with validation rules.
+    const rootNodes = value?.root?.children;
+    if (rootNodes && Array.isArray(rootNodes) && rootNodes?.length) {
+      return await validateNodes({
+        nodes: rootNodes,
+        nodeValidations: editorConfig.features.validations,
+        validation: {
+          options,
+          value
         }
-        return true;
-    };
-    return richTextValidate;
+      });
+    }
+    return true;
+  };
+  return richTextValidate;
 };
-
 //# sourceMappingURL=index.js.map

package/dist/validate/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/validate/index.ts"],"sourcesContent":["import type { SerializedEditorState, SerializedParagraphNode } from 'lexical'\nimport type { RichTextField, Validate } from 'payload'\n\nimport type { SanitizedServerEditorConfig } from '../lexical/config/types.js'\n\nimport { validateNodes } from './validateNodes.js'\n\nexport const richTextValidateHOC = ({\n  editorConfig,\n}: {\n  editorConfig: SanitizedServerEditorConfig\n}) => {\n  const richTextValidate: Validate<SerializedEditorState, unknown, unknown, RichTextField> = async (\n    value,\n    options,\n  ) => {\n    const {\n      req: { t },\n      required,\n    } = options\n\n    if (required) {\n      const hasChildren = value?.root?.children?.length\n\n      const hasOnlyEmptyParagraph =\n        (value?.root?.children?.length === 1 &&\n          value?.root?.children[0]?.type === 'paragraph' &&\n          (value?.root?.children[0] as SerializedParagraphNode)?.children?.length === 0) ||\n        ((value?.root?.children[0] as SerializedParagraphNode)?.children?.length === 1 &&\n          (value?.root?.children[0] as SerializedParagraphNode)?.children[0]?.type === 'text' &&\n          (value?.root?.children[0] as SerializedParagraphNode)?.children[0]?.['text'] === '')\n\n      if (!hasChildren || hasOnlyEmptyParagraph) {\n        return t('validation:required')\n      }\n    }\n\n    // Traverse through nodes and validate them. Just like a node can hook into the population process (e.g. link or relationship nodes),\n    // they can also hook into the validation process. E.g. a block node probably has fields with validation rules.\n\n    const rootNodes = value?.root?.children\n    if (rootNodes && Array.isArray(rootNodes) && rootNodes?.length) {\n      return await validateNodes({\n        nodeValidations: editorConfig.features.validations,\n        nodes: rootNodes,\n        validation: {\n          options,\n          value,\n        },\n      })\n    }\n\n    return true\n  }\n\n  return richTextValidate\n}\n"],"names":["validateNodes","richTextValidateHOC","editorConfig","richTextValidate","value","options","req","t","required","hasChildren","root","children","length","hasOnlyEmptyParagraph","type","rootNodes","Array","isArray","nodeValidations","features","validations","nodes","validation"],"mappings":"AAKA,SAASA,aAAa,QAAQ,qBAAoB;AAElD,OAAO,MAAMC,sBAAsB,CAAC,EAClCC,YAAY,EAGb;IACC,MAAMC,mBAAqF,OACzFC,OACAC;QAEA,MAAM,EACJC,KAAK,EAAEC,CAAC,EAAE,EACVC,QAAQ,EACT,GAAGH;QAEJ,IAAIG,UAAU;YACZ,MAAMC,cAAcL,OAAOM,MAAMC,UAAUC;YAE3C,MAAMC,wBACJ,AAACT,OAAOM,MAAMC,UAAUC,WAAW,KACjCR,OAAOM,MAAMC,QAAQ,CAAC,EAAE,EAAEG,SAAS,eACnC,AAACV,OAAOM,MAAMC,QAAQ,CAAC,EAAE,EAA8BA,UAAUC,WAAW,KAC7E,AAACR,OAAOM,MAAMC,QAAQ,CAAC,EAAE,EAA8BA,UAAUC,WAAW,KAC3E,AAACR,OAAOM,MAAMC,QAAQ,CAAC,EAAE,EAA8BA,QAAQ,CAAC,EAAE,EAAEG,SAAS,UAC7E,AAACV,OAAOM,MAAMC,QAAQ,CAAC,EAAE,EAA8BA,QAAQ,CAAC,EAAE,EAAE,CAAC,OAAO,KAAK;YAErF,IAAI,CAACF,eAAeI,uBAAuB;gBACzC,OAAON,EAAE;YACX;QACF;QAEA,qIAAqI;QACrI,+GAA+G;QAE/G,MAAMQ,YAAYX,OAAOM,MAAMC;QAC/B,IAAII,aAAaC,MAAMC,OAAO,CAACF,cAAcA,WAAWH,QAAQ;YAC9D,OAAO,MAAMZ,cAAc;gBACzBkB,iBAAiBhB,aAAaiB,QAAQ,CAACC,WAAW;gBAClDC,OAAON;gBACPO,YAAY;oBACVjB;oBACAD;gBACF;YACF;QACF;QAEA,OAAO;IACT;IAEA,OAAOD;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["validateNodes","richTextValidateHOC","editorConfig","richTextValidate","value","options","req","t","required","hasChildren","root","children","length","hasOnlyEmptyParagraph","type","paragraphNode","paragraphNodeChild","rootNodes","Array","isArray","nodes","nodeValidations","features","validations","validation"],"sources":["../../src/validate/index.ts"],"sourcesContent":["import type { SerializedEditorState, SerializedParagraphNode } from 'lexical'\nimport type { RichTextField, Validate } from 'payload'\n\nimport type { SanitizedServerEditorConfig } from '../lexical/config/types.js'\n\nimport { validateNodes } from './validateNodes.js'\n\nexport const richTextValidateHOC = ({\n  editorConfig,\n}: {\n  editorConfig: SanitizedServerEditorConfig\n}) => {\n  const richTextValidate: Validate<SerializedEditorState, unknown, unknown, RichTextField> = async (\n    value,\n    options,\n  ) => {\n    const {\n      req: { t },\n      required,\n    } = options\n\n    if (required) {\n      const hasChildren = !!value?.root?.children?.length\n\n      let hasOnlyEmptyParagraph = false\n      if (value?.root?.children?.length === 1) {\n        if (value?.root?.children[0]?.type === 'paragraph') {\n          const paragraphNode = value?.root?.children[0] as SerializedParagraphNode\n          if (paragraphNode?.children?.length === 0) {\n            hasOnlyEmptyParagraph = true\n          } else if (paragraphNode?.children?.length === 1) {\n            const paragraphNodeChild = paragraphNode?.children[0]\n            if (paragraphNodeChild.type === 'text') {\n              if (!paragraphNodeChild?.['text']?.length) {\n                hasOnlyEmptyParagraph = true\n              }\n            }\n          }\n        }\n      }\n\n      if (!hasChildren || hasOnlyEmptyParagraph) {\n        return t('validation:required')\n      }\n    }\n\n    // Traverse through nodes and validate them. Just like a node can hook into the population process (e.g. link or relationship nodes),\n    // they can also hook into the validation process. E.g. a block node probably has fields with validation rules.\n\n    const rootNodes = value?.root?.children\n    if (rootNodes && Array.isArray(rootNodes) && rootNodes?.length) {\n      return await validateNodes({\n        nodes: rootNodes,\n        nodeValidations: editorConfig.features.validations,\n        validation: {\n          options,\n          value,\n        },\n      })\n    }\n\n    return true\n  }\n\n  return richTextValidate\n}\n"],"mappings":"AAKA,SAASA,aAAa,QAAQ;AAE9B,OAAO,MAAMC,mBAAA,GAAsBA,CAAC;EAClCC;AAAY,CAGb;EACC,MAAMC,gBAAA,GAAqF,MAAAA,CACzFC,KAAA,EACAC,OAAA;IAEA,MAAM;MACJC,GAAA,EAAK;QAAEC;MAAC,CAAE;MACVC;IAAQ,CACT,GAAGH,OAAA;IAEJ,IAAIG,QAAA,EAAU;MACZ,MAAMC,WAAA,GAAc,CAAC,CAACL,KAAA,EAAOM,IAAA,EAAMC,QAAA,EAAUC,MAAA;MAE7C,IAAIC,qBAAA,GAAwB;MAC5B,IAAIT,KAAA,EAAOM,IAAA,EAAMC,QAAA,EAAUC,MAAA,KAAW,GAAG;QACvC,IAAIR,KAAA,EAAOM,IAAA,EAAMC,QAAQ,CAAC,EAAE,EAAEG,IAAA,KAAS,aAAa;UAClD,MAAMC,aAAA,GAAgBX,KAAA,EAAOM,IAAA,EAAMC,QAAQ,CAAC,EAAE;UAC9C,IAAII,aAAA,EAAeJ,QAAA,EAAUC,MAAA,KAAW,GAAG;YACzCC,qBAAA,GAAwB;UAC1B,OAAO,IAAIE,aAAA,EAAeJ,QAAA,EAAUC,MAAA,KAAW,GAAG;YAChD,MAAMI,kBAAA,GAAqBD,aAAA,EAAeJ,QAAQ,CAAC,EAAE;YACrD,IAAIK,kBAAA,CAAmBF,IAAI,KAAK,QAAQ;cACtC,IAAI,CAACE,kBAAA,GAAqB,OAAO,EAAEJ,MAAA,EAAQ;gBACzCC,qBAAA,GAAwB;cAC1B;YACF;UACF;QACF;MACF;MAEA,IAAI,CAACJ,WAAA,IAAeI,qBAAA,EAAuB;QACzC,OAAON,CAAA,CAAE;MACX;IACF;IAEA;IACA;IAEA,MAAMU,SAAA,GAAYb,KAAA,EAAOM,IAAA,EAAMC,QAAA;IAC/B,IAAIM,SAAA,IAAaC,KAAA,CAAMC,OAAO,CAACF,SAAA,KAAcA,SAAA,EAAWL,MAAA,EAAQ;MAC9D,OAAO,MAAMZ,aAAA,CAAc;QACzBoB,KAAA,EAAOH,SAAA;QACPI,eAAA,EAAiBnB,YAAA,CAAaoB,QAAQ,CAACC,WAAW;QAClDC,UAAA,EAAY;UACVnB,OAAA;UACAD;QACF;MACF;IACF;IAEA,OAAO;EACT;EAEA,OAAOD,gBAAA;AACT","ignoreList":[]}

package/dist/validate/validateNodes.d.ts

@@ -1,9 +1,9 @@
 import type { SerializedEditorState, SerializedLexicalNode } from 'lexical';
 import type { RichTextField, ValidateOptions } from 'payload';
 import type { NodeValidation } from '../features/typesServer.js';
-export declare function validateNodes({ nodeValidations, nodes, validation: validationFromProps, }: {
-    nodeValidations: Map<string, Array<NodeValidation>>;
+export declare function validateNodes({ nodes, nodeValidations, validation: validationFromProps, }: {
     nodes: SerializedLexicalNode[];
+    nodeValidations: Map<string, Array<NodeValidation>>;
     validation: {
         options: ValidateOptions<unknown, unknown, RichTextField, SerializedEditorState>;
         value: SerializedEditorState;

package/dist/validate/validateNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateNodes.d.ts","sourceRoot":"","sources":["../../src/validate/validateNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAEhE,wBAAsB,aAAa,CAAC,EAClC,eAAe,EACf,KAAK,EACL,UAAU,EAAE,mBAAmB,GAChC,EAAE;IACD,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,qBAAqB,EAAE,CAAA;IAC9B,UAAU,EAAE;QACV,OAAO,EAAE,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,qBAAqB,CAAC,CAAA;QAChF,KAAK,EAAE,qBAAqB,CAAA;KAC7B,CAAA;CACF,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAmCzB"}
+{"version":3,"file":"validateNodes.d.ts","sourceRoot":"","sources":["../../src/validate/validateNodes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAEhE,wBAAsB,aAAa,CAAC,EAClC,KAAK,EACL,eAAe,EACf,UAAU,EAAE,mBAAmB,GAChC,EAAE;IACD,KAAK,EAAE,qBAAqB,EAAE,CAAA;IAC9B,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IACnD,UAAU,EAAE;QACV,OAAO,EAAE,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,qBAAqB,CAAC,CAAA;QAChF,KAAK,EAAE,qBAAqB,CAAA;KAC7B,CAAA;CACF,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA+BzB"}

package/dist/validate/validateNodes.js

@@ -1,32 +1,35 @@
-export async function validateNodes({ nodeValidations, nodes, validation: validationFromProps }) {
-    for (const node of nodes){
-        // Validate node
-        if (nodeValidations && typeof nodeValidations?.has === 'function' && nodeValidations?.has(node.type)) {
-            const validations = nodeValidations.get(node.type);
-            for (const validation of validations){
-                const validationResult = await validation({
-                    node,
-                    nodeValidations,
-                    validation: validationFromProps
-                });
-                if (validationResult !== true) {
-                    return `${node.type} node failed to validate: ${validationResult}`;
-                }
-            }
-        }
-        // Validate node's children
-        if ('children' in node && node?.children) {
-            const childrenValidationResult = await validateNodes({
-                nodeValidations,
-                nodes: node.children,
-                validation: validationFromProps
-            });
-            if (childrenValidationResult !== true) {
-                return childrenValidationResult;
-            }
+export async function validateNodes({
+  nodes,
+  nodeValidations,
+  validation: validationFromProps
+}) {
+  for (const node of nodes) {
+    // Validate node
+    const validations = nodeValidations.get(node.type);
+    if (validations) {
+      for (const validation of validations) {
+        const validationResult = await validation({
+          node,
+          nodeValidations,
+          validation: validationFromProps
+        });
+        if (validationResult !== true) {
+          return `${node.type} node failed to validate: ${validationResult}`;
         }
+      }
+    }
+    // Validate node's children
+    if ('children' in node && node?.children) {
+      const childrenValidationResult = await validateNodes({
+        nodes: node.children,
+        nodeValidations,
+        validation: validationFromProps
+      });
+      if (childrenValidationResult !== true) {
+        return childrenValidationResult;
+      }
     }
-    return true;
+  }
+  return true;
 }
-
 //# sourceMappingURL=validateNodes.js.map

package/dist/validate/validateNodes.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/validate/validateNodes.ts"],"sourcesContent":["import type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\nimport type { RichTextField, ValidateOptions } from 'payload'\n\nimport type { NodeValidation } from '../features/typesServer.js'\n\nexport async function validateNodes({\n  nodeValidations,\n  nodes,\n  validation: validationFromProps,\n}: {\n  nodeValidations: Map<string, Array<NodeValidation>>\n  nodes: SerializedLexicalNode[]\n  validation: {\n    options: ValidateOptions<unknown, unknown, RichTextField, SerializedEditorState>\n    value: SerializedEditorState\n  }\n}): Promise<string | true> {\n  for (const node of nodes) {\n    // Validate node\n    if (\n      nodeValidations &&\n      typeof nodeValidations?.has === 'function' &&\n      nodeValidations?.has(node.type)\n    ) {\n      const validations = nodeValidations.get(node.type)\n      for (const validation of validations) {\n        const validationResult = await validation({\n          node,\n          nodeValidations,\n          validation: validationFromProps,\n        })\n        if (validationResult !== true) {\n          return `${node.type} node failed to validate: ${validationResult}`\n        }\n      }\n    }\n\n    // Validate node's children\n    if ('children' in node && node?.children) {\n      const childrenValidationResult = await validateNodes({\n        nodeValidations,\n        nodes: node.children as SerializedLexicalNode[],\n        validation: validationFromProps,\n      })\n      if (childrenValidationResult !== true) {\n        return childrenValidationResult\n      }\n    }\n  }\n\n  return true\n}\n"],"names":["validateNodes","nodeValidations","nodes","validation","validationFromProps","node","has","type","validations","get","validationResult","children","childrenValidationResult"],"mappings":"AAKA,OAAO,eAAeA,cAAc,EAClCC,eAAe,EACfC,KAAK,EACLC,YAAYC,mBAAmB,EAQhC;IACC,KAAK,MAAMC,QAAQH,MAAO;QACxB,gBAAgB;QAChB,IACED,mBACA,OAAOA,iBAAiBK,QAAQ,cAChCL,iBAAiBK,IAAID,KAAKE,IAAI,GAC9B;YACA,MAAMC,cAAcP,gBAAgBQ,GAAG,CAACJ,KAAKE,IAAI;YACjD,KAAK,MAAMJ,cAAcK,YAAa;gBACpC,MAAME,mBAAmB,MAAMP,WAAW;oBACxCE;oBACAJ;oBACAE,YAAYC;gBACd;gBACA,IAAIM,qBAAqB,MAAM;oBAC7B,OAAO,CAAC,EAAEL,KAAKE,IAAI,CAAC,0BAA0B,EAAEG,iBAAiB,CAAC;gBACpE;YACF;QACF;QAEA,2BAA2B;QAC3B,IAAI,cAAcL,QAAQA,MAAMM,UAAU;YACxC,MAAMC,2BAA2B,MAAMZ,cAAc;gBACnDC;gBACAC,OAAOG,KAAKM,QAAQ;gBACpBR,YAAYC;YACd;YACA,IAAIQ,6BAA6B,MAAM;gBACrC,OAAOA;YACT;QACF;IACF;IAEA,OAAO;AACT"}
+{"version":3,"file":"validateNodes.js","names":["validateNodes","nodes","nodeValidations","validation","validationFromProps","node","validations","get","type","validationResult","children","childrenValidationResult"],"sources":["../../src/validate/validateNodes.ts"],"sourcesContent":["import type { SerializedEditorState, SerializedLexicalNode } from 'lexical'\nimport type { RichTextField, ValidateOptions } from 'payload'\n\nimport type { NodeValidation } from '../features/typesServer.js'\n\nexport async function validateNodes({\n  nodes,\n  nodeValidations,\n  validation: validationFromProps,\n}: {\n  nodes: SerializedLexicalNode[]\n  nodeValidations: Map<string, Array<NodeValidation>>\n  validation: {\n    options: ValidateOptions<unknown, unknown, RichTextField, SerializedEditorState>\n    value: SerializedEditorState\n  }\n}): Promise<string | true> {\n  for (const node of nodes) {\n    // Validate node\n    const validations = nodeValidations.get(node.type)\n    if (validations) {\n      for (const validation of validations) {\n        const validationResult = await validation({\n          node,\n          nodeValidations,\n          validation: validationFromProps,\n        })\n        if (validationResult !== true) {\n          return `${node.type} node failed to validate: ${validationResult}`\n        }\n      }\n    }\n\n    // Validate node's children\n    if ('children' in node && node?.children) {\n      const childrenValidationResult = await validateNodes({\n        nodes: node.children as SerializedLexicalNode[],\n        nodeValidations,\n        validation: validationFromProps,\n      })\n      if (childrenValidationResult !== true) {\n        return childrenValidationResult\n      }\n    }\n  }\n\n  return true\n}\n"],"mappings":"AAKA,OAAO,eAAeA,cAAc;EAClCC,KAAK;EACLC,eAAe;EACfC,UAAA,EAAYC;AAAmB,CAQhC;EACC,KAAK,MAAMC,IAAA,IAAQJ,KAAA,EAAO;IACxB;IACA,MAAMK,WAAA,GAAcJ,eAAA,CAAgBK,GAAG,CAACF,IAAA,CAAKG,IAAI;IACjD,IAAIF,WAAA,EAAa;MACf,KAAK,MAAMH,UAAA,IAAcG,WAAA,EAAa;QACpC,MAAMG,gBAAA,GAAmB,MAAMN,UAAA,CAAW;UACxCE,IAAA;UACAH,eAAA;UACAC,UAAA,EAAYC;QACd;QACA,IAAIK,gBAAA,KAAqB,MAAM;UAC7B,OAAO,GAAGJ,IAAA,CAAKG,IAAI,6BAA6BC,gBAAA,EAAkB;QACpE;MACF;IACF;IAEA;IACA,IAAI,cAAcJ,IAAA,IAAQA,IAAA,EAAMK,QAAA,EAAU;MACxC,MAAMC,wBAAA,GAA2B,MAAMX,aAAA,CAAc;QACnDC,KAAA,EAAOI,IAAA,CAAKK,QAAQ;QACpBR,eAAA;QACAC,UAAA,EAAYC;MACd;MACA,IAAIO,wBAAA,KAA6B,MAAM;QACrC,OAAOA,wBAAA;MACT;IACF;EACF;EAEA,OAAO;AACT","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-lexical",
-  "version": "3.0.0-canary.95fcd13",
+  "version": "3.0.0-canary.96477cf",
   "description": "The officially supported Lexical richtext adapter for Payload",
   "homepage": "https://payloadcms.com",
   "repository": {
@@ -22,6 +22,16 @@
       "import": "./dist/exports/client/index.js",
       "types": "./dist/exports/client/index.d.ts",
       "default": "./dist/exports/client/index.js"
+    },
+    "./migrate": {
+      "import": "./dist/exports/server/migrate.js",
+      "types": "./dist/exports/server/migrate.d.ts",
+      "default": "./dist/exports/server/migrate.js"
+    },
+    "./generateComponentMap": {
+      "import": "./dist/utilities/generateComponentMap.js",
+      "types": "./dist/utilities/generateComponentMap.d.ts",
+      "default": "./dist/utilities/generateComponentMap.js"
     }
   },
   "main": "./dist/index.js",
@@ -30,57 +40,64 @@
     "dist"
   ],
   "dependencies": {
-    "@lexical/headless": "0.16.1",
-    "@lexical/link": "0.16.1",
-    "@lexical/list": "0.16.1",
-    "@lexical/mark": "0.16.1",
-    "@lexical/markdown": "0.16.1",
-    "@lexical/react": "0.16.1",
-    "@lexical/rich-text": "0.16.1",
-    "@lexical/selection": "0.16.1",
-    "@lexical/utils": "0.16.1",
+    "@lexical/headless": "0.18.0",
+    "@lexical/link": "0.18.0",
+    "@lexical/list": "0.18.0",
+    "@lexical/mark": "0.18.0",
+    "@lexical/markdown": "0.18.0",
+    "@lexical/react": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/utils": "0.18.0",
     "@types/uuid": "10.0.0",
     "bson-objectid": "2.0.4",
     "dequal": "2.0.3",
-    "lexical": "0.16.1",
+    "escape-html": "1.0.3",
+    "lexical": "0.18.0",
     "react-error-boundary": "4.0.13",
-    "uuid": "10.0.0"
+    "uuid": "10.0.0",
+    "@payloadcms/translations": "3.0.0-canary.96477cf",
+    "@payloadcms/ui": "3.0.0-canary.96477cf"
   },
   "devDependencies": {
-    "@lexical/eslint-plugin": " 0.16.1",
+    "@babel/cli": "^7.24.5",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@lexical/eslint-plugin": "0.18.0",
+    "@types/escape-html": "1.0.4",
     "@types/json-schema": "7.0.15",
-    "@types/node": "20.12.5",
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
-    "esbuild": "0.23.0",
+    "@types/node": "22.5.4",
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "babel-plugin-react-compiler": "0.0.0-experimental-48eb8f4-20240822",
+    "babel-plugin-transform-remove-imports": "^1.8.0",
+    "esbuild": "0.23.1",
     "esbuild-sass-plugin": "3.3.1",
-    "swc-plugin-transform-remove-imports": "1.14.0",
-    "@payloadcms/eslint-config": "3.0.0-beta.59",
-    "@payloadcms/ui": "3.0.0-canary.95fcd13",
-    "@payloadcms/next": "3.0.0-canary.95fcd13",
-    "@payloadcms/translations": "3.0.0-canary.95fcd13",
-    "payload": "3.0.0-canary.95fcd13"
+    "eslint-plugin-react-compiler": "0.0.0-experimental-7670337-20240918",
+    "swc-plugin-transform-remove-imports": "1.15.0",
+    "@payloadcms/eslint-config": "3.0.0-beta.97",
+    "payload": "3.0.0-canary.96477cf"
   },
   "peerDependencies": {
     "@faceless-ui/modal": "3.0.0-beta.2",
     "@faceless-ui/scroll-info": "2.0.0-beta.0",
-    "@lexical/headless": "0.16.1",
-    "@lexical/link": "0.16.1",
-    "@lexical/list": "0.16.1",
-    "@lexical/mark": "0.16.1",
-    "@lexical/markdown": "0.16.1",
-    "@lexical/react": "0.16.1",
-    "@lexical/rich-text": "0.16.1",
-    "@lexical/selection": "0.16.1",
-    "@lexical/table": "0.16.1",
-    "@lexical/utils": "0.16.1",
-    "lexical": "0.16.1",
-    "react": "^19.0.0 || ^19.0.0-rc-6230622a1a-20240610",
-    "react-dom": "^19.0.0 || ^19.0.0-rc-6230622a1a-20240610",
-    "@payloadcms/next": "3.0.0-canary.95fcd13",
-    "@payloadcms/translations": "3.0.0-canary.95fcd13",
-    "@payloadcms/ui": "3.0.0-canary.95fcd13",
-    "payload": "3.0.0-canary.95fcd13"
+    "@lexical/headless": "0.18.0",
+    "@lexical/link": "0.18.0",
+    "@lexical/list": "0.18.0",
+    "@lexical/mark": "0.18.0",
+    "@lexical/markdown": "0.18.0",
+    "@lexical/react": "0.18.0",
+    "@lexical/rich-text": "0.18.0",
+    "@lexical/selection": "0.18.0",
+    "@lexical/table": "0.18.0",
+    "@lexical/utils": "0.18.0",
+    "lexical": "0.18.0",
+    "react": "^19.0.0 || ^19.0.0-rc-3edc000d-20240926",
+    "react-dom": "^19.0.0 || ^19.0.0-rc-3edc000d-20240926",
+    "@payloadcms/next": "3.0.0-canary.96477cf",
+    "payload": "3.0.0-canary.96477cf"
   },
   "engines": {
     "node": "^18.20.2 || >=20.9.0"
@@ -89,17 +106,22 @@
     "registry": "https://registry.npmjs.org/"
   },
   "overrides": {
-    "@types/react": "npm:types-react@19.0.0-rc.0",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
+    "@types/react": "npm:types-react@19.0.0-rc.1",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
   },
   "scripts": {
-    "build": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:esbuild",
+    "build": "pnpm build:reactcompiler",
+    "build:babel": "rm -rf dist_optimized && babel dist --out-dir dist_optimized --source-maps --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs && rm -rf dist && mv dist_optimized dist",
     "build:clean": "find . \\( -type d \\( -name build -o -name dist -o -name .cache \\) -o -type f -name tsconfig.tsbuildinfo \\) -exec rm -rf {} + && pnpm build",
-    "build:esbuild": "node bundle.js",
+    "build:esbuild": "node bundle.js && rm -rf dist/exports/client && mv dist/exports/client_optimized dist/exports/client",
+    "build:reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm build:swc && pnpm build:babel && pnpm copyfiles && pnpm build:esbuild && pnpm build:types",
     "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
     "build:types": "tsc --emitDeclarationOnly --outDir dist",
+    "build:without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc && pnpm build:esbuild && rm -rf dist/exports/client && mv dist/exports/client_unoptimized dist/exports/client",
     "clean": "rimraf {dist,*.tsbuildinfo}",
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
-    "translateNewKeys": "tsx scripts/translateNewKeys.ts"
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "translateNewKeys": "node --no-deprecation --import @swc-node/register/esm-register scripts/translateNewKeys.ts"
   }
 }

package/dist/exports/client/Component-7HS6FEJS.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";var d=o=>{let{data:n}=o;return t("div",{children:["Unknown converted payload-plugin-lexical node: ",e("strong",{children:n?.nodeType})]})};export{d as UnknownConvertedNodeComponent};
-//# sourceMappingURL=Component-7HS6FEJS.js.map

package/dist/exports/client/Component-7HS6FEJS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted payload-plugin-lexical node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],
-  "mappings": "AAYI,OACiD,OAAAA,EADjD,QAAAC,MAAA,oBAJG,IAAMC,EAAkDC,GAAU,CACvE,GAAM,CAAE,KAAAC,CAAK,EAAID,EAEjB,OACEF,EAAC,OAAI,4DAC4CD,EAAC,UAAQ,SAAAI,GAAM,SAAS,GACzE,CAEJ",
-  "names": ["jsx", "jsxs", "UnknownConvertedNodeComponent", "props", "data"]
-}

package/dist/exports/client/Component-LAKSCIDX.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";var d=o=>{let{data:n}=o;return t("div",{children:["Unknown converted Slate node: ",e("strong",{children:n?.nodeType})]})};export{d as UnknownConvertedNodeComponent};
-//# sourceMappingURL=Component-LAKSCIDX.js.map

package/dist/exports/client/Component-LAKSCIDX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\ntype Props = {\n  data: UnknownConvertedNodeData\n}\n\nexport const UnknownConvertedNodeComponent: React.FC<Props> = (props) => {\n  const { data } = props\n\n  return (\n    <div>\n      Unknown converted Slate node: <strong>{data?.nodeType}</strong>\n    </div>\n  )\n}\n"],
-  "mappings": "AAYI,OACgC,OAAAA,EADhC,QAAAC,MAAA,oBAJG,IAAMC,EAAkDC,GAAU,CACvE,GAAM,CAAE,KAAAC,CAAK,EAAID,EAEjB,OACEF,EAAC,OAAI,2CAC2BD,EAAC,UAAQ,SAAAI,GAAM,SAAS,GACxD,CAEJ",
-  "names": ["jsx", "jsxs", "UnknownConvertedNodeComponent", "props", "data"]
-}

package/dist/exports/client/Field-VT4YC32B.js

@@ -1,2 +0,0 @@
-"use client";import{a as fe,b as ge,c as ye,d as he,e as K,f as I,h as Ee}from"./chunk-EBB2CEB6.js";import{a as pe,b as R}from"./chunk-IWZVO3AI.js";import{FieldDescription as _t,FieldError as zt,FieldLabel as $t,useField as Gt,useFieldProps as Kt,withCondition as Wt}from"@payloadcms/ui";import{useCallback as Yt}from"react";import{ErrorBoundary as Vt}from"react-error-boundary";import{LexicalComposer as At}from"@lexical/react/LexicalComposer.js";import*as qe from"react";import{useMemo as Ue}from"react";import{useLexicalComposerContext as St}from"@lexical/react/LexicalComposerContext.js";import{LexicalErrorBoundary as kt}from"@lexical/react/LexicalErrorBoundary.js";import{HistoryPlugin as wt}from"@lexical/react/LexicalHistoryPlugin.js";import{OnChangePlugin as It}from"@lexical/react/LexicalOnChangePlugin.js";import{RichTextPlugin as Dt}from"@lexical/react/LexicalRichTextPlugin.js";import{TabIndentationPlugin as Bt}from"@lexical/react/LexicalTabIndentationPlugin.js";import{useTranslation as Ft}from"@payloadcms/ui";import{BLUR_COMMAND as Ht,COMMAND_PRIORITY_LOW as Ke,FOCUS_COMMAND as Ot}from"lexical";import*as q from"react";import{useEffect as We,useState as Ye}from"react";import{jsx as be}from"react/jsx-runtime";var H=({anchorElem:t,clientProps:e,plugin:i})=>i.position==="floatingAnchorElem"?i.Component&&be(i.Component,{anchorElem:t,clientProps:e}):i.Component&&be(i.Component,{clientProps:e});import{MarkdownShortcutPlugin as Xe}from"@lexical/react/LexicalMarkdownShortcutPlugin.js";import{jsx as Qe}from"react/jsx-runtime";var xe=()=>{let{editorConfig:t}=R();return Qe(Xe,{transformers:t.features.markdownTransformers})};import{useLexicalComposerContext as et}from"@lexical/react/LexicalComposerContext.js";import{useTranslation as Me}from"@payloadcms/ui";import{useCallback as Te,useMemo as tt,useState as ot}from"react";import*as Le from"react-dom";import{useCallback as Ze}from"react";function Ce(t,{maxLength:e=75,minLength:i=1}){return Ze(({query:l})=>{let r="[^"+t+ge+"\\s]",d=new RegExp("(^|\\s|\\()(["+t+"]((?:"+r+"){0,"+e+"}))$").exec(l);if(d!==null){let c=d[1],m=d[3];if(m.length>=i)return{leadOffset:d.index+c.length,matchingString:m,replaceableString:d[2]}}return null},[e,i,t])}import{jsx as W,jsxs as ve}from"react/jsx-runtime";var k="slash-menu-popup";function nt({isSelected:t,item:e,onClick:i,onMouseEnter:l}){let{i18n:r}=Me(),u=`${k}__item ${k}__item-${e.key}`;t&&(u+=` ${k}__item--selected`);let d=e.key;return e.label&&(d=typeof e.label=="function"?e.label({i18n:r}):e.label),d.length>25&&(d=d.substring(0,25)+"..."),ve("button",{"aria-selected":t,className:u,id:k+"__item-"+e.key,onClick:i,onMouseEnter:l,ref:c=>{e.ref={current:c}},role:"option",tabIndex:-1,type:"button",children:[e?.Icon&&W(e.Icon,{}),W("span",{className:`${k}__item-text`,children:d})]},e.key)}function Pe({anchorElem:t=document.body}){let[e]=et(),[i,l]=ot(null),{editorConfig:r}=R(),{i18n:u}=Me(),d=Ce("/",{minLength:0}),c=Te(()=>{let a=[];for(let s of r.features.slashMenu.dynamicGroups){let o=s({editor:e,queryString:i});a=a.concat(o)}return a},[e,i,r?.features]),m=tt(()=>{let a=[];for(let s of r?.features.slashMenu.groups??[])a.push(s);if(i){a=a.map(o=>{let n=o.items.filter(f=>{let E=f.key;return f.label&&(E=typeof f.label=="function"?f.label({i18n:u}):f.label),new RegExp(i,"gi").exec(E)?!0:f.keywords!=null?f.keywords.some(h=>new RegExp(i,"gi").exec(h)):!1});return n.length?{...o,items:n}:null}),a=a.filter(o=>o!=null);let s=c();for(let o of s){let n=a.find(f=>f.key===o.key);n?a=a.filter(f=>f.key!==o.key):n={...o,items:[]},n?.items?.length&&(n.items=n.items.concat(n.items)),a.push(n)}}return a},[c,i,r?.features,u]),p=Te((a,s,o,n)=>{s&&e.update(()=>{s.remove()}),a.onSelect({editor:e,queryString:n}),o()},[e]);return W(he,{anchorElem:t,groups:m,menuRenderFn:(a,{selectItemAndCleanUp:s,selectedItemKey:o,setSelectedItemKey:n})=>a.current&&m.length?Le.createPortal(W("div",{className:k,children:m.map(f=>{let E=f.key;return f.label&&(E=typeof f.label=="function"?f.label({i18n:u}):f.label),ve("div",{className:`${k}__group ${k}__group-${f.key}`,children:[W("div",{className:`${k}__group-title`,children:E}),f.items.map((h,g)=>W(nt,{index:g,isSelected:o===h.key,item:h,onClick:()=>{n(h.key),s(h)},onMouseEnter:()=>{n(h.key)}},h.key))]},f.key)})}),a.current):null,onQueryChange:l,onSelectItem:p,triggerFn:d})}import{useLexicalComposerContext as ct}from"@lexical/react/LexicalComposerContext.js";import{$createParagraphNode as mt}from"lexical";import*as ke from"react";import{useCallback as ut,useEffect as Se,useRef as dt,useState as ft}from"react";import{createPortal as pt}from"react-dom";var Y=(t,e,i,l,r=50,u=25)=>{let d=0;if(t&&!t.contains(l)){let{bottom:c,left:m,right:p,top:a}=t.getBoundingClientRect(),s=a+window.scrollY,o=c+window.scrollY;if(i<s-u||i>o+u||e<m-r||e>p+r)return-1;(e<m||e>p)&&(d=e<m?e-m:e-p)}return d};import{$getNodeByKey as te}from"lexical";function D(t){let e=t.getBoundingClientRect(),i=getComputedStyle(t).getPropertyValue("transform");if(!i||i==="none")return e;let l=i.split(",").pop();return e.y=e.y-Number(l.replace(")","")),e}function ee(t){let e=(m,p)=>m?parseFloat(window.getComputedStyle(m)[p]):0,{marginBottom:i,marginTop:l}=window.getComputedStyle(t),r=e(t.previousElementSibling,"marginBottom"),u=e(t.nextElementSibling,"marginTop"),d=Math.max(parseFloat(l),r);return{marginBottom:Math.max(parseFloat(i),u),marginTop:d}}import{$getRoot as rt}from"lexical";function O(t){return t.getEditorState().read(()=>rt().getChildrenKeys())}var it=1,lt=-1,Re=0,w={props:null,result:null};function at(t,e,i=20){let l=t.x-e.x,r=t.y-e.y;return l*l+r*r<=i*i}function V(t){let{anchorElem:e,cache_threshold:i=20,editor:l,fuzzy:r=!1,horizontalOffset:u=0,point:{x:d,y:c},startIndex:m=0,useEdgeAsDefault:p=!1,verbose:a=!1}=t;if(i>0&&w.props&&w.result&&w.props.fuzzy===t.fuzzy&&w.props.horizontalOffset===t.horizontalOffset&&w.props.useEdgeAsDefault===t.useEdgeAsDefault&&at(w.props.point,t.point,i))return w.result;let s=e.getBoundingClientRect(),o=O(l),n={blockElem:null,blockNode:null,distance:1/0,foundAtIndex:-1,isFoundNodeEmptyParagraph:!1};return l.getEditorState().read(()=>{if(p){let[h,g]=[l.getElementByKey(o[0]),l.getElementByKey(o[o.length-1])],[y,b]=[D(h),D(g)];if(y&&b&&(c<y.top?(n.blockElem=h,n.distance=y.top-c,n.blockNode=te(o[0]),n.foundAtIndex=0):c>b.bottom&&(n.distance=c-b.bottom,n.blockNode=te(o[o.length-1]),n.blockElem=g,n.foundAtIndex=o.length-1),n?.blockElem))return{blockElem:null,isFoundNodeEmptyParagraph:!1}}let f=m,E=Re;for(;f>=0&&f<o.length;){let h=o[f],g=l.getElementByKey(h);if(g===null)break;let y=new I(d+u,c),b=Ee.fromDOMRect(D(g)),{marginBottom:P,marginTop:M}=ee(g),v=b.generateNewRect({bottom:b.bottom+P,left:s.left,right:s.right,top:b.top-M}),{distance:L,isOnBottomSide:x,isOnTopSide:N}=v.distanceFromPoint(y);if(L===0){n.blockElem=g,n.blockNode=te(h),n.foundAtIndex=f,n.distance=L,n.blockNode&&n.blockNode.getType()==="paragraph"&&n.blockNode.getTextContent()===""&&(!r&&!t.returnEmptyParagraphs&&(n.blockElem=null,n.blockNode=null),n.isFoundNodeEmptyParagraph=!0);break}else r&&L<n.distance&&(n.blockElem=g,n.blockNode=te(h),n.distance=L,n.foundAtIndex=f);E===Re&&(N?E=lt:x?E=it:E=1/0),f+=E}}),w.props=t,w.result={blockElem:n.blockElem,blockNode:n.blockNode,foundAtIndex:n.foundAtIndex,isFoundNodeEmptyParagraph:n.isFoundNodeEmptyParagraph},{blockElem:n.blockElem,blockNode:n.blockNode,foundAtIndex:n.foundAtIndex,isFoundNodeEmptyParagraph:n.isFoundNodeEmptyParagraph}}function oe(t,e){return!!t.closest(`.${e}`)}var st=["IMG","INPUT","TEXTAREA","SELECT","BUTTON","VIDEO","OBJECT","EMBED","IFRAME","HR"];function Ne(t){if(!t||st.includes(t.tagName)||t.offsetHeight===0||t.offsetWidth===0)return!1;let e=window.getComputedStyle(t);return!(e.display==="table-cell"||e.position==="absolute"||e.visibility==="hidden"||e.opacity==="0")}function ne(t,e,i,l=0){if(!t){e.style.opacity="0",e.style.transform="translate(-10000px, -10000px)";return}let r=t.getBoundingClientRect(),u=window.getComputedStyle(t),d=e.getBoundingClientRect(),c=i.getBoundingClientRect(),m;if(r.height<60)m=r.top-d.height/2-c.top+r.height/2-1;else{let s=Ne(t)?parseInt(u.lineHeight,10):0;m=r.top+(s-d.height)/2-c.top-1}let a=l;e.style.opacity="1",e.style.transform=`translate(${a}px, ${m}px)`}import{jsx as ce}from"react/jsx-runtime";var gt="add-block-menu",re=1/0;function yt(t){return t===0?1/0:re>=0&&re<t?re:Math.floor(t/2)}function ht(t,e,i){let l=e.parentElement,{editorConfig:r}=R(),u=r?.admin?.hideGutter?-24:12,d=dt(null),[c,m]=ft(null);Se(()=>{function a(s){let o=s.target;if(!K(o))return;let n=Y(l,s.pageX,s.pageY,o);if(n===-1){m(null);return}if(oe(o,gt))return;let f=O(t),{blockElem:E,blockNode:h,foundAtIndex:g}=V({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-n,point:new I(s.x,s.y),returnEmptyParagraphs:!0,startIndex:yt(f.length),useEdgeAsDefault:!1});re=g,E&&(c?.node!==h||c?.elem!==E)&&m({elem:E,node:h})}return document?.addEventListener("mousemove",a),()=>{document?.removeEventListener("mousemove",a)}},[l,e,t,c]),Se(()=>{d.current&&c?.node&&ne(c?.elem,d.current,e,u)},[e,c,u]);let p=ut(a=>{let s=c;s?.node&&(t.update(()=>{let o=!0;if((s.node.getType()!=="paragraph"||s.node.getTextContent()!=="")&&(o=!1),!o){let n=mt();s.node.insertAfter(n),setTimeout(()=>{s={elem:t.getElementByKey(n.getKey()),node:n},m(s)},0)}}),setTimeout(()=>{t.update(()=>{t.focus(),s.node&&"select"in s.node&&typeof s.node.select=="function"&&s.node.select()})},1),setTimeout(()=>{t.dispatchCommand(ye,{node:s.node})},2),a.stopPropagation(),a.preventDefault())},[t,c]);return pt(ce(ke.Fragment,{children:ce("button",{className:"icon add-block-menu",onClick:a=>{p(a)},ref:d,type:"button",children:ce("div",{className:i?"icon":""})})}),e)}function we({anchorElem:t=document.body}){let[e]=ct();return ht(e,t,e._editable)}import{useLexicalComposerContext as xt}from"@lexical/react/LexicalComposerContext.js";import{eventFiles as Be}from"@lexical/rich-text";import{$getNearestNodeFromDOMNode as Fe,$getNodeByKey as Ct}from"lexical";import*as ze from"react";import{useEffect as me,useRef as ie,useState as He}from"react";import{createPortal as Tt}from"react-dom";function Ie(t,e,i){if(!t.current)return;let{left:l,top:r}=i.getBoundingClientRect(),u=D(e),d=u.width,c=u.height,m=u.top-r,p=u.left-l;t.current.style.border="2px solid green",t.current.style.boxSizing="border-box",t.current.style.height=c+"px",t.current.style.pointerEvents="none",t.current.style.position="absolute",t.current.style.top=m+"px",t.current.style.left=p+"px",t.current.style.width=d+"px",t.current.style.zIndex="1000",t.current.style.opacity="0.5"}var U=25,Et=-24,bt=!1,A=0;function De(t,e,i,l,r,u,d,c,m,p=!1){let{height:a,top:s}=l.getBoundingClientRect(),{top:o,width:n}=d.getBoundingClientRect(),{marginBottom:f,marginTop:E}=ee(l),h=s,g=u>=s+a/2+window.scrollY,y=!1;if(r?.elem)if(l!==r?.elem)(g&&r?.elem&&r?.elem===l.nextElementSibling||!g&&r?.elem&&r?.elem===l.previousElementSibling)&&(A++,A<200&&(y=!0));else{A++;let L=r?.boundingBox?.y,x=l.getBoundingClientRect().y;(g===r?.isBelow&&L===x||A<200)&&(y=!1)}if(y)return{isBelow:g,willStayInSamePosition:y};p?h+=a/2:g?h+=a+f/2:h-=E/2;let b=0;p||(g?b=-U:b=U);let P=h-o+b,M=Et-e;i.style.width=`calc(${n}px - ${t})`,i.style.opacity=".4";let v=12;return p?i.style.transform=`translate(${M}px, ${P-U}px)`:g?(l.style.marginBottom=U*2+v+"px",i.style.transform=`translate(${M}px, calc(${P}px - 0px))`):(l.style.marginTop=U*2+v+"px",i.style.transform=`translate(${M}px, calc(${P-U*2}px - 0px))`),bt&&Ie(m,l,d),r.elem.style.opacity="",r?.elem===l?g?r.elem.style.marginTop="":r.elem.style.marginBottom="":(r.elem.style.marginBottom="",r.elem.style.marginTop=""),A=0,{isBelow:g,willStayInSamePosition:y}}import{jsx as le,jsxs as vt}from"react/jsx-runtime";var Mt="draggable-block-menu",Oe="application/x-lexical-drag-block",X=1/0;function Ae(t){return t===0?1/0:X>=0&&X<t?X:Math.floor(t/2)}function Lt(t,e){let{transform:i}=e.style;t.setDragImage(e,0,0),setTimeout(()=>{e.style.transform=i})}function _e(t,e){t&&(t.style.opacity="0"),e&&(e.style.opacity="",e.style.marginBottom="",e.style.marginTop="")}function Pt(t,e,i){let l=e.parentElement,r=ie(null),u=ie(null),d=ie(null),c=ie(!1),[m,p]=He(null),[a,s]=He(null),{editorConfig:o}=R(),n=o?.admin?.hideGutter?-44:-8;me(()=>{function h(g){let y=g.target;if(!K(y))return;let b=Y(l,g.pageX,g.pageY,y);if(b===-1){p(null);return}if(oe(y,Mt))return;let P=O(t),{blockElem:M,foundAtIndex:v,isFoundNodeEmptyParagraph:L}=V({anchorElem:e,cache_threshold:0,editor:t,horizontalOffset:-b,point:new I(g.x,g.y),startIndex:Ae(P.length),useEdgeAsDefault:!1,verbose:!1});X=v,!(!M&&!L)&&m!==M&&p(M)}return document?.addEventListener("mousemove",h),()=>{document?.removeEventListener("mousemove",h)}},[l,e,t,m]),me(()=>{r.current&&ne(m,r.current,e,n)},[e,m,n]),me(()=>{function h(y){if(!c.current)return!1;let[b]=Be(y);if(b)return!1;let{pageY:P,target:M}=y;if(!K(M))return!1;let v=Y(l,y.pageX,y.pageY,M,100,50),L=O(t),{blockElem:x,foundAtIndex:N,isFoundNodeEmptyParagraph:z}=V({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-v,point:new I(y.x,y.y),startIndex:Ae(L.length),useEdgeAsDefault:!0,verbose:!0});X=N;let F=u.current;if(x===null||F===null)return!1;if(m!==x){let{isBelow:S,willStayInSamePosition:J}=De(o?.admin?.hideGutter?"0px":"3rem",n+(o?.admin?.hideGutter?r?.current?.getBoundingClientRect()?.width??0:-(r?.current?.getBoundingClientRect()?.width??0)),F,x,a,P,e,y,d,z);y.preventDefault(),J||s({boundingBox:x.getBoundingClientRect(),elem:x,isBelow:S})}else _e(F,a?.elem),s({boundingBox:x.getBoundingClientRect(),elem:x,isBelow:!1});return!0}function g(y){if(!c.current)return!1;let[b]=Be(y);if(b)return!1;let{dataTransfer:P,pageY:M,target:v}=y,L=P?.getData(Oe)||"";return t.update(()=>{let x=Ct(L);if(!x||!K(v))return!1;let N=Y(l,y.pageX,y.pageY,v,100,50),{blockElem:z,isFoundNodeEmptyParagraph:F}=V({anchorElem:e,editor:t,fuzzy:!0,horizontalOffset:-N,point:new I(y.x,y.y),useEdgeAsDefault:!0});if(!z)return!1;let S=Fe(z);if(!S)return!1;if(S===x)return!0;let{height:J,top:Z}=D(z),j=M>=Z+J/2+window.scrollY;F?(S.insertBefore(x),S.remove()):j?S.insertAfter(x):S.insertBefore(x),m!==null&&p(null),document.querySelectorAll(".lexical-block-highlighter").forEach(G=>{G.remove()});let se=t.getElementByKey(x.getKey());setTimeout(()=>{let G=se.getBoundingClientRect(),T=document.createElement("div");T.className="lexical-block-highlighter",document.documentElement.getAttribute("data-theme")==="dark"?T.style.backgroundColor="white":T.style.backgroundColor="black",T.style.transition="opacity 0.1s ease-in-out",T.style.zIndex="1",T.style.pointerEvents="none",T.style.boxSizing="border-box",T.style.borderRadius="4px",T.style.position="absolute",document.body.appendChild(T),T.style.opacity="0.1",T.style.height=`${G.height+8}px`,T.style.width=`${G.width+8}px`,T.style.top=`${G.top+window.scrollY-4}px`,T.style.left=`${G.left-4}px`,setTimeout(()=>{T.style.opacity="0",setTimeout(()=>{T.remove()},1e3)},3e3)},120)}),!0}return document.addEventListener("dragover",h),document.addEventListener("drop",g),()=>{document.removeEventListener("dragover",h),document.removeEventListener("drop",g)}},[l,n,e,t,a,m,o?.admin?.hideGutter]);function f(h){let g=h.dataTransfer;if(!g||!m)return;Lt(g,m);let y="";t.update(()=>{let b=Fe(m);b&&(y=b.getKey())}),c.current=!0,g.setData(Oe,y)}function E(){c.current=!1,_e(u.current,a?.elem)}return Tt(vt(ze.Fragment,{children:[le("div",{className:"icon draggable-block-menu",draggable:!0,onDragEnd:E,onDragStart:f,ref:r,children:le("div",{className:i?"icon":""})}),le("div",{className:"draggable-block-target-line",ref:u}),le("div",{className:"debug-highlight",ref:d})]}),e)}function $e({anchorElem:t=document.body}){let[e]=xt();return Pt(e,t,e._editable)}import{ContentEditable as Rt}from"@lexical/react/LexicalContentEditable.js";import{jsx as Nt}from"react/jsx-runtime";function Ge({className:t}){return Nt(Rt,{className:t??"ContentEditable__root"})}import{jsx as C,jsxs as Q}from"react/jsx-runtime";var Ve=t=>{let{editorConfig:e,editorContainerRef:i,onChange:l}=t,r=R(),[u]=St(),{t:d}=Ft(),[c,m]=Ye(null),p=o=>{o!==null&&m(o)};We(()=>{if(!r?.uuid){console.error("Lexical Editor must be used within an EditorConfigProvider");return}r?.parentEditor?.uuid&&r.parentEditor?.registerChild(r.uuid,r);let o=()=>{r.focusEditor(r)},n=()=>{r.blurEditor(r)},f=u.registerCommand(Ot,()=>(o(),!0),Ke),E=u.registerCommand(Ht,()=>(n(),!0),Ke);return()=>{f(),E(),r.parentEditor?.unregisterChild?.(r.uuid)}},[u,r]);let[a,s]=Ye(!1);return We(()=>{let o=()=>{let n=window.matchMedia("(max-width: 768px)").matches;n!==a&&s(n)};return o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}},[a]),Q(q.Fragment,{children:[e.features.plugins.map(o=>{if(o.position==="aboveContainer")return C(H,{clientProps:o.clientProps,plugin:o},o.key)}),Q("div",{className:"editor-container",ref:i,children:[e.features.plugins.map(o=>{if(o.position==="top")return C(H,{clientProps:o.clientProps,plugin:o},o.key)}),C(Dt,{ErrorBoundary:kt,contentEditable:C("div",{className:"editor-scroller",children:C("div",{className:"editor",ref:p,children:C(Ge,{})})}),placeholder:C("p",{className:"editor-placeholder",children:d("lexical:general:placeholder")})}),C(It,{ignoreSelectionChange:!0,onChange:(o,n,f)=>{(!f.has("focus")||f.size>1)&&l?.(o,n,f)}}),c&&Q(q.Fragment,{children:[!a&&u.isEditable()&&Q(q.Fragment,{children:[C($e,{anchorElem:c}),C(we,{anchorElem:c})]}),e.features.plugins.map(o=>{if(o.position==="floatingAnchorElem"&&!(o.desktopOnly===!0&&a))return C(H,{anchorElem:c,clientProps:o.clientProps,plugin:o},o.key)}),u.isEditable()&&C(q.Fragment,{children:C(Pe,{anchorElem:c})})]}),u.isEditable()&&Q(q.Fragment,{children:[C(wt,{}),e?.features?.markdownTransformers?.length>0&&C(xe,{})]}),C(Bt,{}),e.features.plugins.map(o=>{if(o.position==="normal")return C(H,{clientProps:o.clientProps,plugin:o},o.key)}),e.features.plugins.map(o=>{if(o.position==="bottom")return C(H,{clientProps:o.clientProps,plugin:o},o.key)})]}),e.features.plugins.map(o=>{if(o.position==="belowContainer")return C(H,{clientProps:o.clientProps,plugin:o},o.key)})]})};import{jsx as B}from"react/jsx-runtime";var Je=({children:t,providers:e})=>{if(!e?.length)return t;let i=e[0];return e.length>1?B(i,{children:B(Je,{providers:e.slice(1),children:t})}):B(i,{children:t})},je=t=>{let{editorConfig:e,fieldProps:i,onChange:l,path:r,readOnly:u,value:d}=t,c=R(),m=qe.useRef(null),p=Ue(()=>{let s=d;return e?.features?.hooks?.load?.length&&e.features.hooks.load.forEach(o=>{s=o({incomingEditorState:s})}),s},[e,d]),a=Ue(()=>{if(p&&typeof p!="object")throw new Error("The value passed to the Lexical editor is not an object. This is not supported. Please remove the data from the field and start again. This is the value that was passed in: "+JSON.stringify(p));if(p&&Array.isArray(p)&&!("root"in p))throw new Error("You have tried to pass in data from the old Slate editor to the new Lexical editor. The data structure is different, thus you will have to migrate your data. We offer a one-line migration script which migrates all your rich text fields: https://payloadcms.com/docs/beta/lexical/migration#migration-via-migration-script-recommended");if(p&&"jsonContent"in p)throw new Error("You have tried to pass in data from payload-plugin-lexical. The data structure is different, thus you will have to migrate your data. Migration guide: https://payloadcms.com/docs/beta/lexical/migration#migrating-from-payload-plugin-lexical");return{editable:u!==!0,editorState:p!=null?JSON.stringify(p):void 0,namespace:e.lexical.namespace,nodes:[...fe({editorConfig:e})],onError:s=>{throw s},theme:e.lexical.theme}},[e,p,u]);return a?B(At,{initialConfig:a,children:B(pe,{editorConfig:e,editorContainerRef:m,fieldProps:i,parentContext:c,children:B(Je,{providers:e.features.providers,children:B(Ve,{editorConfig:e,editorContainerRef:m,onChange:l})})})},r):B("p",{children:"Loading..."})};import"./bundled.css";import{jsx as _,jsxs as ue}from"react/jsx-runtime";var ae="rich-text-lexical",Ut=t=>{let{name:e,CustomDescription:i,CustomError:l,CustomLabel:r,className:u,descriptionProps:d,editorConfig:c,errorProps:m,label:p,labelProps:a,path:s,readOnly:o,required:n,style:f,validate:E,width:h}=t,g=Yt((j,$)=>{if(typeof E=="function")return E(j,{...$,props:t,required:n})},[E,n]),{path:y,readOnly:b}=Kt(),P=Gt({path:y??s??e,validate:g}),{errorMessage:M,formInitializing:v,formProcessing:L,initialValue:x,path:N,schemaPath:z,setValue:F,showError:S,value:J}=P,Z=o||b||L||v,de=[ae,"field-type",u,S&&"error",Z&&`${ae}--read-only`,c?.admin?.hideGutter!==!0?`${ae}--show-gutter`:null].filter(Boolean).join(" ");return ue("div",{className:de,style:{...f,width:h},children:[_(zt,{CustomError:l,path:N,...m||{},alignCaret:"left"}),_($t,{CustomLabel:r,label:p,required:n,...a||{}}),ue("div",{className:`${ae}__wrap`,children:[_(Vt,{fallbackRender:qt,onReset:()=>{},children:_(je,{editorConfig:c,fieldProps:t,onChange:j=>{let $=j.toJSON();c?.features?.hooks?.save?.length&&c.features.hooks.save.forEach(se=>{$=se({incomingEditorState:$})}),F($)},path:N,readOnly:Z,value:J},JSON.stringify({initialValue:x,path:N}))}),i!==void 0?i:_(_t,{...d||{}})]})]},N)};function qt({error:t}){return ue("div",{className:"errorBoundary",role:"alert",children:[_("p",{children:"Something went wrong:"}),_("pre",{style:{color:"red"},children:t.message})]})}var Un=Wt(Ut);export{Un as RichText};
-//# sourceMappingURL=Field-VT4YC32B.js.map