@payloadcms/richtext-lexical 3.0.0-canary.03427d3 → 3.0.0-canary.0992b47

package/dist/cell/index.d.ts

@@ -1,9 +1,9 @@
 import type { EditorConfig as LexicalEditorConfig } from 'lexical';
-import type { CellComponentProps } from 'payload';
+import type { CellComponentProps, RichTextFieldClient } from 'payload';
 import React from 'react';
 import type { LexicalFieldAdminProps } from '../types.js';
-export declare const RichTextCell: React.FC<CellComponentProps & {
-    admin?: LexicalFieldAdminProps;
-    lexicalEditorConfig: LexicalEditorConfig;
-}>;
+export declare const RichTextCell: React.FC<{
+    readonly admin?: LexicalFieldAdminProps;
+    readonly lexicalEditorConfig: LexicalEditorConfig;
+} & CellComponentProps<RichTextFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAKjD,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,OAAO,KAAK,EAAqC,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAO5F,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CACjC,kBAAkB,GAAG;IACnB,KAAK,CAAC,EAAE,sBAAsB,CAAA;IAC9B,mBAAmB,EAAE,mBAAmB,CAAA;CACzC,CAwKF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKtE,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,OAAO,KAAK,EAAqC,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAO5F,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CACjC;IACE,QAAQ,CAAC,KAAK,CAAC,EAAE,sBAAsB,CAAA;IACvC,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAAA;CAClD,GAAG,kBAAkB,CAAC,mBAAmB,CAAC,CAuF5C,CAAA"}

package/dist/cell/index.js

@@ -1,145 +1,87 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createHeadlessEditor } from '@lexical/headless';
-import { useClientFunctions, useTableCell } from '@payloadcms/ui/client';
+import { useTableCell } from '@payloadcms/ui';
 import { $getRoot } from 'lexical';
-import React, { useEffect, useState } from 'react';
-import { defaultEditorLexicalConfig } from '../field/lexical/config/client/default.js';
-import { loadClientFeatures } from '../field/lexical/config/client/loader.js';
-import { sanitizeClientEditorConfig } from '../field/lexical/config/client/sanitize.js';
-import { getEnabledNodes } from '../field/lexical/nodes/index.js';
-export const RichTextCell = (props)=>{
-    const { admin, lexicalEditorConfig, richTextComponentMap } = props;
-    const [preview, setPreview] = React.useState('Loading...');
-    const { cellData, cellProps: { schemaPath } } = useTableCell();
-    const clientFunctions = useClientFunctions();
-    const [hasLoadedFeatures, setHasLoadedFeatures] = useState(false);
-    const [featureProviders, setFeatureProviders] = useState([]);
-    const [finalSanitizedEditorConfig, setFinalSanitizedEditorConfig] = useState(null);
-    const featureProviderComponents = richTextComponentMap.get('features').sort((a, b)=>a.order - b.order) // order by order
-    ;
-    let featureProvidersAndComponentsToLoad = 0 // feature providers and components
-    ;
-    for (const featureProvider of featureProviderComponents){
-        const featureComponentKeys = Array.from(richTextComponentMap.keys()).filter((key)=>key.startsWith(`feature.${featureProvider.key}.components.`));
-        featureProvidersAndComponentsToLoad += 1;
-        featureProvidersAndComponentsToLoad += featureComponentKeys.length;
+import React, { useEffect, useMemo } from 'react';
+import { defaultEditorLexicalConfig } from '../lexical/config/client/default.js';
+import { loadClientFeatures } from '../lexical/config/client/loader.js';
+import { sanitizeClientEditorConfig } from '../lexical/config/client/sanitize.js';
+import { getEnabledNodes } from '../lexical/nodes/index.js';
+export const RichTextCell = props => {
+  const {
+    admin,
+    field: {
+      richTextComponentMap
+    },
+    lexicalEditorConfig
+  } = props;
+  const [preview, setPreview] = React.useState('Loading...');
+  const {
+    cellData
+  } = useTableCell();
+  const finalSanitizedEditorConfig = useMemo(() => {
+    const clientFeatures = richTextComponentMap.get('features');
+    const featureProvidersLocal = [];
+    for (const clientFeature of clientFeatures) {
+      featureProvidersLocal.push(clientFeature.clientFeature(clientFeature.clientFeatureProps));
     }
-    useEffect(()=>{
-        if (!hasLoadedFeatures) {
-            const featureProvidersLocal = [];
-            let featureProvidersAndComponentsLoaded = 0 // feature providers and components only
-            ;
-            Object.entries(clientFunctions).forEach(([key, plugin])=>{
-                if (key.startsWith(`lexicalFeature.${schemaPath}.`)) {
-                    if (!key.includes('.components.')) {
-                        featureProvidersLocal.push(plugin);
-                    }
-                    featureProvidersAndComponentsLoaded++;
-                }
-            });
-            if (featureProvidersAndComponentsLoaded === featureProvidersAndComponentsToLoad) {
-                setFeatureProviders(featureProvidersLocal);
-                setHasLoadedFeatures(true);
-                /**
-         * Loaded feature provided => create the final sanitized editor config
-         */ const resolvedClientFeatures = loadClientFeatures({
-                    clientFunctions,
-                    schemaPath,
-                    unSanitizedEditorConfig: {
-                        features: featureProvidersLocal,
-                        lexical: lexicalEditorConfig
-                    }
-                });
-                setFinalSanitizedEditorConfig(sanitizeClientEditorConfig(lexicalEditorConfig ? lexicalEditorConfig : defaultEditorLexicalConfig, resolvedClientFeatures, admin));
-            }
-        }
-    }, [
-        admin,
-        featureProviderComponents,
-        hasLoadedFeatures,
-        clientFunctions,
-        schemaPath,
-        featureProviderComponents.length,
-        featureProviders,
-        finalSanitizedEditorConfig,
-        lexicalEditorConfig,
-        richTextComponentMap,
-        featureProvidersAndComponentsToLoad
-    ]);
-    useEffect(()=>{
-        if (!hasLoadedFeatures) {
-            return;
-        }
-        let dataToUse = cellData;
-        if (dataToUse == null || !hasLoadedFeatures || !finalSanitizedEditorConfig) {
-            setPreview('');
-            return;
-        }
-        // Transform data through load hooks
-        if (finalSanitizedEditorConfig?.features?.hooks?.load?.length) {
-            finalSanitizedEditorConfig.features.hooks.load.forEach((hook)=>{
-                dataToUse = hook({
-                    incomingEditorState: dataToUse
-                });
-            });
-        }
-        if (!dataToUse || typeof dataToUse !== 'object') {
-            setPreview('');
-            return;
-        }
-        // If data is from Slate and not Lexical
-        if (Array.isArray(dataToUse) && !('root' in dataToUse)) {
-            setPreview('');
-            return;
-        }
-        // If data is from payload-plugin-lexical
-        if ('jsonContent' in dataToUse) {
-            setPreview('');
-            return;
-        }
-        // initialize headless editor
-        const headlessEditor = createHeadlessEditor({
-            namespace: finalSanitizedEditorConfig.lexical.namespace,
-            nodes: getEnabledNodes({
-                editorConfig: finalSanitizedEditorConfig
-            }),
-            theme: finalSanitizedEditorConfig.lexical.theme
-        });
-        headlessEditor.setEditorState(headlessEditor.parseEditorState(dataToUse));
-        const textContent = headlessEditor.getEditorState().read(()=>{
-            return $getRoot().getTextContent();
-        }) || '';
-        // Limiting the number of characters shown is done in a CSS rule
-        setPreview(textContent);
-    }, [
-        cellData,
-        lexicalEditorConfig,
-        hasLoadedFeatures,
-        finalSanitizedEditorConfig
-    ]);
-    if (!hasLoadedFeatures) {
-        return /*#__PURE__*/ _jsx(React.Fragment, {
-            children: Array.isArray(featureProviderComponents) && featureProviderComponents.map((featureProvider)=>{
-                // get all components starting with key feature.${FeatureProvider.key}.components.{featureComponentKey}
-                const featureComponentKeys = Array.from(richTextComponentMap.keys()).filter((key)=>key.startsWith(`feature.${featureProvider.key}.components.`));
-                const featureComponents = featureComponentKeys.map((key)=>{
-                    return richTextComponentMap.get(key);
-                });
-                return /*#__PURE__*/ _jsxs(React.Fragment, {
-                    children: [
-                        featureComponents?.length ? featureComponents.map((FeatureComponent)=>{
-                            return FeatureComponent;
-                        }) : null,
-                        featureProvider.ClientComponent
-                    ]
-                }, featureProvider.key);
-            })
+    const finalLexicalEditorConfig = lexicalEditorConfig ? lexicalEditorConfig : defaultEditorLexicalConfig;
+    const resolvedClientFeatures = loadClientFeatures({
+      unSanitizedEditorConfig: {
+        features: featureProvidersLocal,
+        lexical: finalLexicalEditorConfig
+      }
+    });
+    return sanitizeClientEditorConfig(resolvedClientFeatures, finalLexicalEditorConfig);
+  }, [richTextComponentMap, lexicalEditorConfig]);
+  finalSanitizedEditorConfig.admin = admin;
+  useEffect(() => {
+    let dataToUse = cellData;
+    if (dataToUse == null || !finalSanitizedEditorConfig) {
+      setPreview('');
+      return;
+    }
+    // Transform data through load hooks
+    if (finalSanitizedEditorConfig?.features?.hooks?.load?.length) {
+      finalSanitizedEditorConfig.features.hooks.load.forEach(hook => {
+        dataToUse = hook({
+          incomingEditorState: dataToUse
         });
+      });
     }
-    return /*#__PURE__*/ _jsx("span", {
-        children: preview
+    if (!dataToUse || typeof dataToUse !== 'object') {
+      setPreview('');
+      return;
+    }
+    // If data is from Slate and not Lexical
+    if (Array.isArray(dataToUse) && !('root' in dataToUse)) {
+      setPreview('');
+      return;
+    }
+    // If data is from payload-plugin-lexical
+    if ('jsonContent' in dataToUse) {
+      setPreview('');
+      return;
+    }
+    // initialize headless editor
+    const headlessEditor = createHeadlessEditor({
+      namespace: finalSanitizedEditorConfig.lexical.namespace,
+      nodes: getEnabledNodes({
+        editorConfig: finalSanitizedEditorConfig
+      }),
+      theme: finalSanitizedEditorConfig.lexical.theme
     });
+    headlessEditor.setEditorState(headlessEditor.parseEditorState(dataToUse));
+    const textContent = headlessEditor.getEditorState().read(() => {
+      return $getRoot().getTextContent();
+    }) || '';
+    // Limiting the number of characters shown is done in a CSS rule
+    setPreview(textContent);
+  }, [cellData, finalSanitizedEditorConfig]);
+  return /*#__PURE__*/_jsx("span", {
+    children: preview
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/cell/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/cell/index.tsx"],"sourcesContent":["'use client'\nimport type { EditorConfig as LexicalEditorConfig } from 'lexical'\nimport type { CellComponentProps } from 'payload'\n\nimport { createHeadlessEditor } from '@lexical/headless'\nimport { useClientFunctions, useTableCell } from '@payloadcms/ui/client'\nimport { $getRoot } from 'lexical'\nimport React, { useEffect, useState } from 'react'\n\nimport type { FeatureProviderClient } from '../field/features/types.js'\nimport type { SanitizedClientEditorConfig } from '../field/lexical/config/types.js'\nimport type { GeneratedFeatureProviderComponent, LexicalFieldAdminProps } from '../types.js'\n\nimport { defaultEditorLexicalConfig } from '../field/lexical/config/client/default.js'\nimport { loadClientFeatures } from '../field/lexical/config/client/loader.js'\nimport { sanitizeClientEditorConfig } from '../field/lexical/config/client/sanitize.js'\nimport { getEnabledNodes } from '../field/lexical/nodes/index.js'\n\nexport const RichTextCell: React.FC<\n  CellComponentProps & {\n    admin?: LexicalFieldAdminProps\n    lexicalEditorConfig: LexicalEditorConfig\n  }\n> = (props) => {\n  const { admin, lexicalEditorConfig, richTextComponentMap } = props\n\n  const [preview, setPreview] = React.useState('Loading...')\n\n  const {\n    cellData,\n    cellProps: { schemaPath },\n  } = useTableCell()\n\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedFeatures, setHasLoadedFeatures] = useState(false)\n\n  const [featureProviders, setFeatureProviders] = useState<FeatureProviderClient<unknown>[]>([])\n\n  const [finalSanitizedEditorConfig, setFinalSanitizedEditorConfig] =\n    useState<SanitizedClientEditorConfig>(null)\n\n  const featureProviderComponents: GeneratedFeatureProviderComponent[] = (\n    richTextComponentMap.get('features') as GeneratedFeatureProviderComponent[]\n  ).sort((a, b) => a.order - b.order) // order by order\n\n  let featureProvidersAndComponentsToLoad = 0 // feature providers and components\n  for (const featureProvider of featureProviderComponents) {\n    const featureComponentKeys = Array.from(richTextComponentMap.keys()).filter((key) =>\n      key.startsWith(`feature.${featureProvider.key}.components.`),\n    )\n\n    featureProvidersAndComponentsToLoad += 1\n    featureProvidersAndComponentsToLoad += featureComponentKeys.length\n  }\n\n  useEffect(() => {\n    if (!hasLoadedFeatures) {\n      const featureProvidersLocal: FeatureProviderClient<unknown>[] = []\n      let featureProvidersAndComponentsLoaded = 0 // feature providers and components only\n\n      Object.entries(clientFunctions).forEach(([key, plugin]) => {\n        if (key.startsWith(`lexicalFeature.${schemaPath}.`)) {\n          if (!key.includes('.components.')) {\n            featureProvidersLocal.push(plugin)\n          }\n          featureProvidersAndComponentsLoaded++\n        }\n      })\n\n      if (featureProvidersAndComponentsLoaded === featureProvidersAndComponentsToLoad) {\n        setFeatureProviders(featureProvidersLocal)\n        setHasLoadedFeatures(true)\n\n        /**\n         * Loaded feature provided => create the final sanitized editor config\n         */\n\n        const resolvedClientFeatures = loadClientFeatures({\n          clientFunctions,\n          schemaPath,\n          unSanitizedEditorConfig: {\n            features: featureProvidersLocal,\n            lexical: lexicalEditorConfig,\n          },\n        })\n\n        setFinalSanitizedEditorConfig(\n          sanitizeClientEditorConfig(\n            lexicalEditorConfig ? lexicalEditorConfig : defaultEditorLexicalConfig,\n            resolvedClientFeatures,\n            admin,\n          ),\n        )\n      }\n    }\n  }, [\n    admin,\n    featureProviderComponents,\n    hasLoadedFeatures,\n    clientFunctions,\n    schemaPath,\n    featureProviderComponents.length,\n    featureProviders,\n    finalSanitizedEditorConfig,\n    lexicalEditorConfig,\n    richTextComponentMap,\n    featureProvidersAndComponentsToLoad,\n  ])\n\n  useEffect(() => {\n    if (!hasLoadedFeatures) {\n      return\n    }\n    let dataToUse = cellData\n    if (dataToUse == null || !hasLoadedFeatures || !finalSanitizedEditorConfig) {\n      setPreview('')\n      return\n    }\n\n    // Transform data through load hooks\n    if (finalSanitizedEditorConfig?.features?.hooks?.load?.length) {\n      finalSanitizedEditorConfig.features.hooks.load.forEach((hook) => {\n        dataToUse = hook({ incomingEditorState: dataToUse })\n      })\n    }\n\n    if (!dataToUse || typeof dataToUse !== 'object') {\n      setPreview('')\n      return\n    }\n\n    // If data is from Slate and not Lexical\n    if (Array.isArray(dataToUse) && !('root' in dataToUse)) {\n      setPreview('')\n      return\n    }\n\n    // If data is from payload-plugin-lexical\n    if ('jsonContent' in dataToUse) {\n      setPreview('')\n      return\n    }\n\n    // initialize headless editor\n    const headlessEditor = createHeadlessEditor({\n      namespace: finalSanitizedEditorConfig.lexical.namespace,\n      nodes: getEnabledNodes({ editorConfig: finalSanitizedEditorConfig }),\n      theme: finalSanitizedEditorConfig.lexical.theme,\n    })\n    headlessEditor.setEditorState(headlessEditor.parseEditorState(dataToUse))\n\n    const textContent =\n      headlessEditor.getEditorState().read(() => {\n        return $getRoot().getTextContent()\n      }) || ''\n\n    // Limiting the number of characters shown is done in a CSS rule\n    setPreview(textContent)\n  }, [cellData, lexicalEditorConfig, hasLoadedFeatures, finalSanitizedEditorConfig])\n\n  if (!hasLoadedFeatures) {\n    return (\n      <React.Fragment>\n        {Array.isArray(featureProviderComponents) &&\n          featureProviderComponents.map((featureProvider) => {\n            // get all components starting with key feature.${FeatureProvider.key}.components.{featureComponentKey}\n            const featureComponentKeys = Array.from(richTextComponentMap.keys()).filter((key) =>\n              key.startsWith(`feature.${featureProvider.key}.components.`),\n            )\n\n            const featureComponents: React.ReactNode[] = featureComponentKeys.map((key) => {\n              return richTextComponentMap.get(key)\n            })\n\n            return (\n              <React.Fragment key={featureProvider.key}>\n                {featureComponents?.length\n                  ? featureComponents.map((FeatureComponent) => {\n                      return FeatureComponent\n                    })\n                  : null}\n                {featureProvider.ClientComponent}\n              </React.Fragment>\n            )\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return <span>{preview}</span>\n}\n"],"names":["createHeadlessEditor","useClientFunctions","useTableCell","$getRoot","React","useEffect","useState","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","getEnabledNodes","RichTextCell","props","admin","lexicalEditorConfig","richTextComponentMap","preview","setPreview","cellData","cellProps","schemaPath","clientFunctions","hasLoadedFeatures","setHasLoadedFeatures","featureProviders","setFeatureProviders","finalSanitizedEditorConfig","setFinalSanitizedEditorConfig","featureProviderComponents","get","sort","a","b","order","featureProvidersAndComponentsToLoad","featureProvider","featureComponentKeys","Array","from","keys","filter","key","startsWith","length","featureProvidersLocal","featureProvidersAndComponentsLoaded","Object","entries","forEach","plugin","includes","push","resolvedClientFeatures","unSanitizedEditorConfig","features","lexical","dataToUse","hooks","load","hook","incomingEditorState","isArray","headlessEditor","namespace","nodes","editorConfig","theme","setEditorState","parseEditorState","textContent","getEditorState","read","getTextContent","Fragment","map","featureComponents","FeatureComponent","ClientComponent","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAIA,SAASA,oBAAoB,QAAQ,oBAAmB;AACxD,SAASC,kBAAkB,EAAEC,YAAY,QAAQ,wBAAuB;AACxE,SAASC,QAAQ,QAAQ,UAAS;AAClC,OAAOC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAMlD,SAASC,0BAA0B,QAAQ,4CAA2C;AACtF,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,0BAA0B,QAAQ,6CAA4C;AACvF,SAASC,eAAe,QAAQ,kCAAiC;AAEjE,OAAO,MAAMC,eAKT,CAACC;IACH,MAAM,EAAEC,KAAK,EAAEC,mBAAmB,EAAEC,oBAAoB,EAAE,GAAGH;IAE7D,MAAM,CAACI,SAASC,WAAW,GAAGb,MAAME,QAAQ,CAAC;IAE7C,MAAM,EACJY,QAAQ,EACRC,WAAW,EAAEC,UAAU,EAAE,EAC1B,GAAGlB;IAEJ,MAAMmB,kBAAkBpB;IACxB,MAAM,CAACqB,mBAAmBC,qBAAqB,GAAGjB,SAAS;IAE3D,MAAM,CAACkB,kBAAkBC,oBAAoB,GAAGnB,SAA2C,EAAE;IAE7F,MAAM,CAACoB,4BAA4BC,8BAA8B,GAC/DrB,SAAsC;IAExC,MAAMsB,4BAAiE,AACrEb,qBAAqBc,GAAG,CAAC,YACzBC,IAAI,CAAC,CAACC,GAAGC,IAAMD,EAAEE,KAAK,GAAGD,EAAEC,KAAK,EAAE,iBAAiB;;IAErD,IAAIC,sCAAsC,EAAE,mCAAmC;;IAC/E,KAAK,MAAMC,mBAAmBP,0BAA2B;QACvD,MAAMQ,uBAAuBC,MAAMC,IAAI,CAACvB,qBAAqBwB,IAAI,IAAIC,MAAM,CAAC,CAACC,MAC3EA,IAAIC,UAAU,CAAC,CAAC,QAAQ,EAAEP,gBAAgBM,GAAG,CAAC,YAAY,CAAC;QAG7DP,uCAAuC;QACvCA,uCAAuCE,qBAAqBO,MAAM;IACpE;IAEAtC,UAAU;QACR,IAAI,CAACiB,mBAAmB;YACtB,MAAMsB,wBAA0D,EAAE;YAClE,IAAIC,sCAAsC,EAAE,wCAAwC;;YAEpFC,OAAOC,OAAO,CAAC1B,iBAAiB2B,OAAO,CAAC,CAAC,CAACP,KAAKQ,OAAO;gBACpD,IAAIR,IAAIC,UAAU,CAAC,CAAC,eAAe,EAAEtB,WAAW,CAAC,CAAC,GAAG;oBACnD,IAAI,CAACqB,IAAIS,QAAQ,CAAC,iBAAiB;wBACjCN,sBAAsBO,IAAI,CAACF;oBAC7B;oBACAJ;gBACF;YACF;YAEA,IAAIA,wCAAwCX,qCAAqC;gBAC/ET,oBAAoBmB;gBACpBrB,qBAAqB;gBAErB;;SAEC,GAED,MAAM6B,yBAAyB5C,mBAAmB;oBAChDa;oBACAD;oBACAiC,yBAAyB;wBACvBC,UAAUV;wBACVW,SAASzC;oBACX;gBACF;gBAEAa,8BACElB,2BACEK,sBAAsBA,sBAAsBP,4BAC5C6C,wBACAvC;YAGN;QACF;IACF,GAAG;QACDA;QACAe;QACAN;QACAD;QACAD;QACAQ,0BAA0Be,MAAM;QAChCnB;QACAE;QACAZ;QACAC;QACAmB;KACD;IAED7B,UAAU;QACR,IAAI,CAACiB,mBAAmB;YACtB;QACF;QACA,IAAIkC,YAAYtC;QAChB,IAAIsC,aAAa,QAAQ,CAAClC,qBAAqB,CAACI,4BAA4B;YAC1ET,WAAW;YACX;QACF;QAEA,oCAAoC;QACpC,IAAIS,4BAA4B4B,UAAUG,OAAOC,MAAMf,QAAQ;YAC7DjB,2BAA2B4B,QAAQ,CAACG,KAAK,CAACC,IAAI,CAACV,OAAO,CAAC,CAACW;gBACtDH,YAAYG,KAAK;oBAAEC,qBAAqBJ;gBAAU;YACpD;QACF;QAEA,IAAI,CAACA,aAAa,OAAOA,cAAc,UAAU;YAC/CvC,WAAW;YACX;QACF;QAEA,wCAAwC;QACxC,IAAIoB,MAAMwB,OAAO,CAACL,cAAc,CAAE,CAAA,UAAUA,SAAQ,GAAI;YACtDvC,WAAW;YACX;QACF;QAEA,yCAAyC;QACzC,IAAI,iBAAiBuC,WAAW;YAC9BvC,WAAW;YACX;QACF;QAEA,6BAA6B;QAC7B,MAAM6C,iBAAiB9D,qBAAqB;YAC1C+D,WAAWrC,2BAA2B6B,OAAO,CAACQ,SAAS;YACvDC,OAAOtD,gBAAgB;gBAAEuD,cAAcvC;YAA2B;YAClEwC,OAAOxC,2BAA2B6B,OAAO,CAACW,KAAK;QACjD;QACAJ,eAAeK,cAAc,CAACL,eAAeM,gBAAgB,CAACZ;QAE9D,MAAMa,cACJP,eAAeQ,cAAc,GAAGC,IAAI,CAAC;YACnC,OAAOpE,WAAWqE,cAAc;QAClC,MAAM;QAER,gEAAgE;QAChEvD,WAAWoD;IACb,GAAG;QAACnD;QAAUJ;QAAqBQ;QAAmBI;KAA2B;IAEjF,IAAI,CAACJ,mBAAmB;QACtB,qBACE,KAAClB,MAAMqE,QAAQ;sBACZpC,MAAMwB,OAAO,CAACjC,8BACbA,0BAA0B8C,GAAG,CAAC,CAACvC;gBAC7B,uGAAuG;gBACvG,MAAMC,uBAAuBC,MAAMC,IAAI,CAACvB,qBAAqBwB,IAAI,IAAIC,MAAM,CAAC,CAACC,MAC3EA,IAAIC,UAAU,CAAC,CAAC,QAAQ,EAAEP,gBAAgBM,GAAG,CAAC,YAAY,CAAC;gBAG7D,MAAMkC,oBAAuCvC,qBAAqBsC,GAAG,CAAC,CAACjC;oBACrE,OAAO1B,qBAAqBc,GAAG,CAACY;gBAClC;gBAEA,qBACE,MAACrC,MAAMqE,QAAQ;;wBACZE,mBAAmBhC,SAChBgC,kBAAkBD,GAAG,CAAC,CAACE;4BACrB,OAAOA;wBACT,KACA;wBACHzC,gBAAgB0C,eAAe;;mBANb1C,gBAAgBM,GAAG;YAS5C;;IAGR;IAEA,qBAAO,KAACqC;kBAAM9D;;AAChB,EAAC"}
+{"version":3,"file":"index.js","names":["createHeadlessEditor","useTableCell","$getRoot","React","useEffect","useMemo","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","getEnabledNodes","RichTextCell","props","admin","field","richTextComponentMap","lexicalEditorConfig","preview","setPreview","useState","cellData","finalSanitizedEditorConfig","clientFeatures","get","featureProvidersLocal","clientFeature","push","clientFeatureProps","finalLexicalEditorConfig","resolvedClientFeatures","unSanitizedEditorConfig","features","lexical","dataToUse","hooks","load","length","forEach","hook","incomingEditorState","Array","isArray","headlessEditor","namespace","nodes","editorConfig","theme","setEditorState","parseEditorState","textContent","getEditorState","read","getTextContent","_jsx"],"sources":["../../src/cell/index.tsx"],"sourcesContent":["'use client'\nimport type { EditorConfig as LexicalEditorConfig } from 'lexical'\nimport type { CellComponentProps, RichTextFieldClient } from 'payload'\n\nimport { createHeadlessEditor } from '@lexical/headless'\nimport { useTableCell } from '@payloadcms/ui'\nimport { $getRoot } from 'lexical'\nimport React, { useEffect, useMemo } from 'react'\n\nimport type { FeatureProviderClient } from '../features/typesClient.js'\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\nimport type { GeneratedFeatureProviderComponent, LexicalFieldAdminProps } from '../types.js'\n\nimport { defaultEditorLexicalConfig } from '../lexical/config/client/default.js'\nimport { loadClientFeatures } from '../lexical/config/client/loader.js'\nimport { sanitizeClientEditorConfig } from '../lexical/config/client/sanitize.js'\nimport { getEnabledNodes } from '../lexical/nodes/index.js'\n\nexport const RichTextCell: React.FC<\n  {\n    readonly admin?: LexicalFieldAdminProps\n    readonly lexicalEditorConfig: LexicalEditorConfig\n  } & CellComponentProps<RichTextFieldClient>\n> = (props) => {\n  const {\n    admin,\n    field: { richTextComponentMap },\n    lexicalEditorConfig,\n  } = props\n\n  const [preview, setPreview] = React.useState('Loading...')\n\n  const { cellData } = useTableCell()\n\n  const finalSanitizedEditorConfig = useMemo<SanitizedClientEditorConfig>(() => {\n    const clientFeatures: GeneratedFeatureProviderComponent[] = richTextComponentMap.get(\n      'features',\n    ) as GeneratedFeatureProviderComponent[]\n\n    const featureProvidersLocal: FeatureProviderClient<any, any>[] = []\n    for (const clientFeature of clientFeatures) {\n      featureProvidersLocal.push(clientFeature.clientFeature(clientFeature.clientFeatureProps))\n    }\n\n    const finalLexicalEditorConfig = lexicalEditorConfig\n      ? lexicalEditorConfig\n      : defaultEditorLexicalConfig\n\n    const resolvedClientFeatures = loadClientFeatures({\n      unSanitizedEditorConfig: {\n        features: featureProvidersLocal,\n        lexical: finalLexicalEditorConfig,\n      },\n    })\n\n    return sanitizeClientEditorConfig(resolvedClientFeatures, finalLexicalEditorConfig)\n  }, [richTextComponentMap, lexicalEditorConfig])\n\n  finalSanitizedEditorConfig.admin = admin\n\n  useEffect(() => {\n    let dataToUse = cellData\n    if (dataToUse == null || !finalSanitizedEditorConfig) {\n      setPreview('')\n      return\n    }\n\n    // Transform data through load hooks\n    if (finalSanitizedEditorConfig?.features?.hooks?.load?.length) {\n      finalSanitizedEditorConfig.features.hooks.load.forEach((hook) => {\n        dataToUse = hook({ incomingEditorState: dataToUse })\n      })\n    }\n\n    if (!dataToUse || typeof dataToUse !== 'object') {\n      setPreview('')\n      return\n    }\n\n    // If data is from Slate and not Lexical\n    if (Array.isArray(dataToUse) && !('root' in dataToUse)) {\n      setPreview('')\n      return\n    }\n\n    // If data is from payload-plugin-lexical\n    if ('jsonContent' in dataToUse) {\n      setPreview('')\n      return\n    }\n\n    // initialize headless editor\n    const headlessEditor = createHeadlessEditor({\n      namespace: finalSanitizedEditorConfig.lexical.namespace,\n      nodes: getEnabledNodes({ editorConfig: finalSanitizedEditorConfig }),\n      theme: finalSanitizedEditorConfig.lexical.theme,\n    })\n    headlessEditor.setEditorState(headlessEditor.parseEditorState(dataToUse))\n\n    const textContent =\n      headlessEditor.getEditorState().read(() => {\n        return $getRoot().getTextContent()\n      }) || ''\n\n    // Limiting the number of characters shown is done in a CSS rule\n    setPreview(textContent)\n  }, [cellData, finalSanitizedEditorConfig])\n\n  return <span>{preview}</span>\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,IAASC,SAAS,EAAEC,OAAO,QAAQ;AAM1C,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,YAAA,GAKRC,KAAA;EACH,MAAM;IACJC,KAAK;IACLC,KAAA,EAAO;MAAEC;IAAoB,CAAE;IAC/BC;EAAmB,CACpB,GAAGJ,KAAA;EAEJ,MAAM,CAACK,OAAA,EAASC,UAAA,CAAW,GAAGd,KAAA,CAAMe,QAAQ,CAAC;EAE7C,MAAM;IAAEC;EAAQ,CAAE,GAAGlB,YAAA;EAErB,MAAMmB,0BAAA,GAA6Bf,OAAA,CAAqC;IACtE,MAAMgB,cAAA,GAAsDP,oBAAA,CAAqBQ,GAAG,CAClF;IAGF,MAAMC,qBAAA,GAA2D,EAAE;IACnE,KAAK,MAAMC,aAAA,IAAiBH,cAAA,EAAgB;MAC1CE,qBAAA,CAAsBE,IAAI,CAACD,aAAA,CAAcA,aAAa,CAACA,aAAA,CAAcE,kBAAkB;IACzF;IAEA,MAAMC,wBAAA,GAA2BZ,mBAAA,GAC7BA,mBAAA,GACAT,0BAAA;IAEJ,MAAMsB,sBAAA,GAAyBrB,kBAAA,CAAmB;MAChDsB,uBAAA,EAAyB;QACvBC,QAAA,EAAUP,qBAAA;QACVQ,OAAA,EAASJ;MACX;IACF;IAEA,OAAOnB,0BAAA,CAA2BoB,sBAAA,EAAwBD,wBAAA;EAC5D,GAAG,CAACb,oBAAA,EAAsBC,mBAAA,CAAoB;EAE9CK,0BAAA,CAA2BR,KAAK,GAAGA,KAAA;EAEnCR,SAAA,CAAU;IACR,IAAI4B,SAAA,GAAYb,QAAA;IAChB,IAAIa,SAAA,IAAa,QAAQ,CAACZ,0BAAA,EAA4B;MACpDH,UAAA,CAAW;MACX;IACF;IAEA;IACA,IAAIG,0BAAA,EAA4BU,QAAA,EAAUG,KAAA,EAAOC,IAAA,EAAMC,MAAA,EAAQ;MAC7Df,0BAAA,CAA2BU,QAAQ,CAACG,KAAK,CAACC,IAAI,CAACE,OAAO,CAAEC,IAAA;QACtDL,SAAA,GAAYK,IAAA,CAAK;UAAEC,mBAAA,EAAqBN;QAAU;MACpD;IACF;IAEA,IAAI,CAACA,SAAA,IAAa,OAAOA,SAAA,KAAc,UAAU;MAC/Cf,UAAA,CAAW;MACX;IACF;IAEA;IACA,IAAIsB,KAAA,CAAMC,OAAO,CAACR,SAAA,KAAc,EAAE,UAAUA,SAAQ,GAAI;MACtDf,UAAA,CAAW;MACX;IACF;IAEA;IACA,IAAI,iBAAiBe,SAAA,EAAW;MAC9Bf,UAAA,CAAW;MACX;IACF;IAEA;IACA,MAAMwB,cAAA,GAAiBzC,oBAAA,CAAqB;MAC1C0C,SAAA,EAAWtB,0BAAA,CAA2BW,OAAO,CAACW,SAAS;MACvDC,KAAA,EAAOlC,eAAA,CAAgB;QAAEmC,YAAA,EAAcxB;MAA2B;MAClEyB,KAAA,EAAOzB,0BAAA,CAA2BW,OAAO,CAACc;IAC5C;IACAJ,cAAA,CAAeK,cAAc,CAACL,cAAA,CAAeM,gBAAgB,CAACf,SAAA;IAE9D,MAAMgB,WAAA,GACJP,cAAA,CAAeQ,cAAc,GAAGC,IAAI,CAAC;MACnC,OAAOhD,QAAA,GAAWiD,cAAc;IAClC,MAAM;IAER;IACAlC,UAAA,CAAW+B,WAAA;EACb,GAAG,CAAC7B,QAAA,EAAUC,0BAAA,CAA2B;EAEzC,oBAAOgC,IAAA,CAAC;cAAMpC;;AAChB","ignoreList":[]}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/migrations/slateToLexical/nodes/unknownConvertedNode/Component.tsx"],
+  "sourcesContent": ["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\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": "+DACA,MAAkB,QAUX,IAAMA,EAAkDC,GAAA,CAC7D,GAAM,CAAEC,KAAAA,CAAI,EAAKD,EAEjB,OACEE,EAAC,MAAA,WAAI,iCAC2BC,EAAC,SAAA,UAAQF,GAAMG,aAGnD",
+  "names": ["UnknownConvertedNodeComponent", "props", "data", "_jsxs", "_jsx", "nodeType"]
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/features/migrations/lexicalPluginToLexical/nodes/unknownConvertedNode/Component.tsx"],
+  "sourcesContent": ["'use client'\nimport React from 'react'\n\nimport type { UnknownConvertedNodeData } from './index.js'\n\nimport './index.scss'\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": "+DACA,MAAkB,QAUX,IAAMA,EAAkDC,GAAA,CAC7D,GAAM,CAAEC,KAAAA,CAAI,EAAKD,EAEjB,OACEE,EAAC,MAAA,WAAI,kDAC4CC,EAAC,SAAA,UAAQF,GAAMG,aAGpE",
+  "names": ["UnknownConvertedNodeComponent", "props", "data", "_jsxs", "_jsx", "nodeType"]
+}

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

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