@payloadcms/richtext-lexical 3.0.0-beta.12 → 3.0.0-beta.121

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;AAOtE,OAAO,KAA6B,MAAM,OAAO,CAAA;AAIjD,OAAO,KAAK,EAAqC,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAS5F,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,CAuH5C,CAAA"}

package/dist/cell/index.js

@@ -1,131 +1,120 @@
 '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 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;
-        }
-        // initialize headless editor
-        const headlessEditor = createHeadlessEditor({
-            namespace: finalSanitizedEditorConfig.lexical.namespace,
-            nodes: getEnabledNodes({
-                editorConfig: finalSanitizedEditorConfig
-            }),
-            theme: finalSanitizedEditorConfig.lexical.theme
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createHeadlessEditor } from '@lexical/headless';
+import { useConfig, useTableCell } from '@payloadcms/ui';
+import { formatAdminURL } from '@payloadcms/ui/shared';
+import { $getRoot } from 'lexical';
+import LinkImport from 'next/link.js';
+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';
+const Link = LinkImport.default || LinkImport;
+export const RichTextCell = props => {
+  const {
+    admin,
+    field: {
+      richTextComponentMap
+    },
+    lexicalEditorConfig
+  } = props;
+  const [preview, setPreview] = React.useState('Loading...');
+  const {
+    cellData,
+    cellProps,
+    columnIndex,
+    customCellContext,
+    rowData
+  } = useTableCell();
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    }
+  } = useConfig();
+  const {
+    link
+  } = cellProps || {};
+  let WrapElement = 'span';
+  const wrapElementProps = {};
+  const isLink = link !== undefined ? link : columnIndex === 0;
+  if (isLink) {
+    WrapElement = Link;
+    wrapElementProps.href = customCellContext?.collectionSlug ? formatAdminURL({
+      adminRoute,
+      path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`
+    }) : '';
+  }
+  const finalSanitizedEditorConfig = useMemo(() => {
+    const clientFeatures = richTextComponentMap?.get('features');
+    const featureProvidersLocal = [];
+    for (const clientFeature of clientFeatures) {
+      featureProvidersLocal.push(clientFeature.clientFeature(clientFeature.clientFeatureProps));
+    }
+    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
         });
-        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__*/ 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 /*#__PURE__*/ React.createElement("span", null, 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]);
+  if (isLink) {
+    return /*#__PURE__*/_jsx(WrapElement, {
+      ...wrapElementProps,
+      children: preview
+    });
+  }
+  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","useConfig","useTableCell","formatAdminURL","$getRoot","LinkImport","React","useEffect","useMemo","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","getEnabledNodes","Link","default","RichTextCell","props","admin","field","richTextComponentMap","lexicalEditorConfig","preview","setPreview","useState","cellData","cellProps","columnIndex","customCellContext","rowData","config","routes","adminRoute","link","WrapElement","wrapElementProps","isLink","undefined","href","collectionSlug","path","id","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 { useConfig, useTableCell } from '@payloadcms/ui'\nimport { formatAdminURL } from '@payloadcms/ui/shared'\nimport { $getRoot } from 'lexical'\nimport LinkImport from 'next/link.js'\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\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\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, cellProps, columnIndex, customCellContext, rowData } = useTableCell()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { link } = cellProps || {}\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {}\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`,\n        })\n      : ''\n  }\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  if (isLink) {\n    return <WrapElement {...wrapElementProps}>{preview}</WrapElement>\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-Y47DV2NP.js

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