@payloadcms/richtext-lexical 3.0.0-beta.9 → 3.0.0-beta.91

package/README.md

@@ -14,7 +14,7 @@ npm install @payloadcms/richtext-lexical
 ## Usage
 
 ```ts
-import { buildConfig } from 'payload/config'
+import { buildConfig } from 'payload'
 import { lexicalEditor } from '@payloadcms/richtext-lexical'
 
 export default buildConfig({

package/dist/cell/index.d.ts

@@ -1,6 +1,9 @@
-import type { EditorConfig as LexicalEditorConfig } from 'lexical/LexicalEditor.js';
+import type { EditorConfig as LexicalEditorConfig } from 'lexical';
+import type { CellComponentProps, RichTextFieldClient } from 'payload';
 import React from 'react';
+import type { LexicalFieldAdminProps } from '../types.js';
 export declare const RichTextCell: React.FC<{
-    lexicalEditorConfig: LexicalEditorConfig;
-}>;
+    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,0BAA0B,CAAA;AASnF,OAAO,KAA8B,MAAM,OAAO,CAAA;AAWlD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,mBAAmB,EAAE,mBAAmB,CAAA;CACzC,CA0JA,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,KAA8B,MAAM,OAAO,CAAA;AAIlD,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,CA6K5C,CAAA"}

package/dist/cell/index.js

@@ -1,131 +1,135 @@
 'use client';
-import lexicalHeadlessImport from '@lexical/headless';
-const { createHeadlessEditor } = lexicalHeadlessImport;
-import lexicalImport from 'lexical';
-const { $getRoot } = lexicalImport;
-import { useTableCell } from '@payloadcms/ui/elements/Table';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
-import { useClientFunctions } from '@payloadcms/ui/providers/ClientFunction';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createHeadlessEditor } from '@lexical/headless';
+import { useClientFunctions, 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 { lexicalEditorConfig } = props;
-    const [preview, setPreview] = React.useState('Loading...');
-    const { schemaPath } = useFieldProps();
-    const { cellData, richTextComponentMap } = useTableCell();
-    const clientFunctions = useClientFunctions();
-    const [hasLoadedFeatures, setHasLoadedFeatures] = useState(false);
-    const [featureProviders, setFeatureProviders] = useState([]);
-    const [finalSanitizedEditorConfig, setFinalSanitizedEditorConfig] = useState(null);
-    let featureProviderComponents = richTextComponentMap.get('features')// TODO: Type better
-    ;
-    // order by order
-    featureProviderComponents = featureProviderComponents.sort((a, b)=>a.order - b.order);
-    const featureComponentsWithFeaturesLength = Array.from(richTextComponentMap.keys()).filter((key)=>key.startsWith(`feature.`) && !key.includes('.fields.')).length + featureProviderComponents.length;
-    useEffect(()=>{
-        if (!hasLoadedFeatures) {
-            const featureProvidersLocal = [];
-            let featureProvidersAndComponentsLoaded = 0;
-            Object.entries(clientFunctions).forEach(([key, plugin])=>{
-                if (key.startsWith(`lexicalFeature.${schemaPath}.`)) {
-                    if (!key.includes('.components.')) {
-                        featureProvidersLocal.push(plugin);
-                    }
-                    featureProvidersAndComponentsLoaded++;
-                }
-            });
-            if (featureProvidersAndComponentsLoaded === featureComponentsWithFeaturesLength) {
-                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));
-            }
-        }
-    }, [
-        hasLoadedFeatures,
-        clientFunctions,
-        schemaPath,
-        featureProviderComponents.length,
-        featureProviders,
-        finalSanitizedEditorConfig,
-        lexicalEditorConfig,
-        featureComponentsWithFeaturesLength
-    ]);
-    useEffect(()=>{
-        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;
+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: {
+      _schemaPath,
+      richTextComponentMap
+    },
+    lexicalEditorConfig
+  } = props;
+  const [preview, setPreview] = React.useState('Loading...');
+  const {
+    cellData
+  } = 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;
+  }
+  useEffect(() => {
+    if (!hasLoadedFeatures) {
+      const featureProvidersLocal = [];
+      let featureProvidersAndComponentsLoaded = 0 // feature providers and components only
+      ;
+      Object.entries(clientFunctions).forEach(([key_0, plugin]) => {
+        if (key_0.startsWith(`lexicalFeature.${_schemaPath}.`)) {
+          if (!key_0.includes('.lexical_internal_components.')) {
+            featureProvidersLocal.push(plugin);
+          }
+          featureProvidersAndComponentsLoaded++;
         }
-        // initialize headless editor
-        const headlessEditor = createHeadlessEditor({
-            namespace: finalSanitizedEditorConfig.lexical.namespace,
-            nodes: getEnabledNodes({
-                editorConfig: finalSanitizedEditorConfig
-            }),
-            theme: finalSanitizedEditorConfig.lexical.theme
+      });
+      if (featureProvidersAndComponentsLoaded === featureProvidersAndComponentsToLoad) {
+        setFeatureProviders(featureProvidersLocal);
+        setHasLoadedFeatures(true);
+        /**
+        * Loaded feature provided => create the final sanitized editor config
+        */
+        const resolvedClientFeatures = loadClientFeatures({
+          clientFunctions,
+          schemaPath: _schemaPath,
+          unSanitizedEditorConfig: {
+            features: featureProvidersLocal,
+            lexical: lexicalEditorConfig
+          }
         });
-        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
-    ]);
+        setFinalSanitizedEditorConfig(sanitizeClientEditorConfig(lexicalEditorConfig ? lexicalEditorConfig : defaultEditorLexicalConfig, resolvedClientFeatures, admin));
+      }
+    }
+  }, [admin, featureProviderComponents, hasLoadedFeatures, clientFunctions, _schemaPath, featureProviderComponents.length, featureProviders, finalSanitizedEditorConfig, lexicalEditorConfig, richTextComponentMap, featureProvidersAndComponentsToLoad]);
+  useEffect(() => {
     if (!hasLoadedFeatures) {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, 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__*/ React.createElement(React.Fragment, {
-                key: featureProvider.key
-            }, featureComponents?.length ? featureComponents.map((FeatureComponent)=>{
-                return FeatureComponent;
-            }) : null, featureProvider.ClientComponent);
-        }));
+      return;
     }
-    return /*#__PURE__*/ React.createElement("span", null, preview);
+    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_0 => {
+        // get all components starting with key feature.${FeatureProvider.key}.components.{featureComponentKey}
+        const featureComponentKeys_0 = Array.from(richTextComponentMap.keys()).filter(key_1 => key_1.startsWith(`lexical_internal_feature.${featureProvider_0.key}.lexical_internal_components.`));
+        const featureComponents = featureComponentKeys_0.map(key_2 => {
+          return richTextComponentMap.get(key_2);
+        });
+        return /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [featureComponents?.length ? featureComponents.map(FeatureComponent => {
+            return FeatureComponent;
+          }) : null, featureProvider_0.ClientFeature]
+        }, featureProvider_0.key);
+      })
+    });
+  }
+  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/LexicalEditor.js'\n\nimport lexicalHeadlessImport from '@lexical/headless'\nconst { createHeadlessEditor } = lexicalHeadlessImport\nimport lexicalImport from 'lexical'\nconst { $getRoot } = lexicalImport\nimport { useTableCell } from '@payloadcms/ui/elements/Table'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\nimport { useClientFunctions } from '@payloadcms/ui/providers/ClientFunction'\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 } 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  lexicalEditorConfig: LexicalEditorConfig\n}> = (props) => {\n  const { lexicalEditorConfig } = props\n\n  const [preview, setPreview] = React.useState('Loading...')\n  const { schemaPath } = useFieldProps()\n\n  const { cellData, richTextComponentMap } = 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  let featureProviderComponents: GeneratedFeatureProviderComponent[] = richTextComponentMap.get(\n    'features',\n  ) as GeneratedFeatureProviderComponent[] // TODO: Type better\n  // order by order\n  featureProviderComponents = featureProviderComponents.sort((a, b) => a.order - b.order)\n\n  const featureComponentsWithFeaturesLength =\n    Array.from(richTextComponentMap.keys()).filter(\n      (key) => key.startsWith(`feature.`) && !key.includes('.fields.'),\n    ).length + featureProviderComponents.length\n\n  useEffect(() => {\n    if (!hasLoadedFeatures) {\n      const featureProvidersLocal: FeatureProviderClient<unknown>[] = []\n      let featureProvidersAndComponentsLoaded = 0\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 === featureComponentsWithFeaturesLength) {\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          ),\n        )\n      }\n    }\n  }, [\n    hasLoadedFeatures,\n    clientFunctions,\n    schemaPath,\n    featureProviderComponents.length,\n    featureProviders,\n    finalSanitizedEditorConfig,\n    lexicalEditorConfig,\n    featureComponentsWithFeaturesLength,\n  ])\n\n  useEffect(() => {\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            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":["lexicalHeadlessImport","createHeadlessEditor","lexicalImport","$getRoot","useTableCell","useFieldProps","useClientFunctions","React","useEffect","useState","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","getEnabledNodes","RichTextCell","props","lexicalEditorConfig","preview","setPreview","schemaPath","cellData","richTextComponentMap","clientFunctions","hasLoadedFeatures","setHasLoadedFeatures","featureProviders","setFeatureProviders","finalSanitizedEditorConfig","setFinalSanitizedEditorConfig","featureProviderComponents","get","sort","a","b","order","featureComponentsWithFeaturesLength","Array","from","keys","filter","key","startsWith","includes","length","featureProvidersLocal","featureProvidersAndComponentsLoaded","Object","entries","forEach","plugin","push","resolvedClientFeatures","unSanitizedEditorConfig","features","lexical","dataToUse","hooks","load","hook","incomingEditorState","isArray","headlessEditor","namespace","nodes","editorConfig","theme","setEditorState","parseEditorState","textContent","getEditorState","read","getTextContent","Fragment","map","featureProvider","featureComponentKeys","featureComponents","FeatureComponent","ClientComponent","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"file":"index.js","names":["createHeadlessEditor","useClientFunctions","useTableCell","$getRoot","React","useEffect","useState","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","getEnabledNodes","RichTextCell","props","admin","field","_schemaPath","richTextComponentMap","lexicalEditorConfig","preview","setPreview","cellData","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","schemaPath","unSanitizedEditorConfig","features","lexical","dataToUse","hooks","load","hook","incomingEditorState","isArray","headlessEditor","namespace","nodes","editorConfig","theme","setEditorState","parseEditorState","textContent","getEditorState","read","getTextContent","_jsx","Fragment","map","featureComponents","_jsxs","FeatureComponent","ClientFeature"],"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 { useClientFunctions, useTableCell } from '@payloadcms/ui'\nimport { $getRoot } from 'lexical'\nimport React, { useEffect, useState } 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: { _schemaPath, richTextComponentMap },\n    lexicalEditorConfig,\n  } = props\n\n  const [preview, setPreview] = React.useState('Loading...')\n\n  const { cellData } = useTableCell()\n\n  const clientFunctions = useClientFunctions()\n  const [hasLoadedFeatures, setHasLoadedFeatures] = useState(false)\n\n  const [featureProviders, setFeatureProviders] = useState<\n    FeatureProviderClient<unknown, unknown>[]\n  >([])\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, 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('.lexical_internal_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: _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(\n                `lexical_internal_feature.${featureProvider.key}.lexical_internal_components.`,\n              ),\n            )\n\n            const featureComponents: React.ReactNode[] = featureComponentKeys.map((key) => {\n              return richTextComponentMap.get(key)\n            }) as React.ReactNode[]\n\n            return (\n              <React.Fragment key={featureProvider.key}>\n                {featureComponents?.length\n                  ? featureComponents.map((FeatureComponent) => {\n                      return FeatureComponent\n                    })\n                  : null}\n                {featureProvider.ClientFeature}\n              </React.Fragment>\n            )\n          })}\n      </React.Fragment>\n    )\n  }\n\n  return <span>{preview}</span>\n}\n"],"mappings":"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","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-SUWHJ4HF.js

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