@payloadcms/richtext-lexical 3.91.0-internal.c1569dc → 4.0.0-beta.1

package/dist/field/index.css

@@ -0,0 +1,59 @@
+@layer payload-default {
+  .rich-text-lexical {
+    --lexical-border-color: var(--color-border);
+
+    &.error {
+      --lexical-border-color: var(--color-border-danger-strong);
+    }
+
+    & > .field-error.tooltip {
+      inset-inline-end: auto;
+      position: static;
+      margin-bottom: 0.2em;
+      max-width: fit-content;
+    }
+
+    .errorBoundary {
+      pre {
+        text-wrap: unset;
+      }
+    }
+  }
+
+  .rich-text-lexical__label-row {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+
+    label.field-label:not(.unstyled) {
+      margin-inline-end: unset;
+      padding-bottom: unset;
+    }
+  }
+
+  .rich-text-lexical__wrap {
+    width: 100%;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-2);
+  }
+
+  @keyframes rich-text-lexical-fade-in-background {
+    from {
+      background-color: transparent;
+    }
+    to {
+      background-color: var(--color-bg-hover);
+    }
+  }
+
+  .rich-text-lexical--read-only {
+    .editor-container {
+      .editor {
+        animation: rich-text-lexical-fade-in-background 0.5s ease forwards;
+        color: var(--color-text-tertiary);
+      }
+    }
+  }
+}

package/dist/field/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { LexicalRichTextFieldProps } from '../types.js';
+import type { LexicalRichTextFieldProps } from '../types/index.js';
 export declare const RichTextField: React.FC<LexicalRichTextFieldProps>;
 export declare const RichTextFieldImpl: React.FC<LexicalRichTextFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAgC,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAW1F,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAM7D,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0FjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAgC,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAWhG,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAM7D,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0FjE,CAAA"}

package/dist/field/index.js

@@ -82,7 +82,7 @@ export const RichTextFieldImpl = props => {
       const filteredClientFeatures = currentViewConfig?.filterFeatures ? currentViewConfig.filterFeatures(clientFeatures) : clientFeatures;
       const featureProvidersLocal = [];
       for (const clientFeature of Object.values(filteredClientFeatures)) {
-        if (!clientFeature.clientFeatureProvider) {
+        if (!clientFeature.clientFeatureProvider || !clientFeature.clientFeatureProps) {
           continue;
         }
         featureProvidersLocal.push(clientFeature.clientFeatureProvider(clientFeature.clientFeatureProps));

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ShimmerEffect","useConfig","React","lazy","Suspense","useEffect","useState","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","RichTextViewProvider","useRichTextView","RichTextEditor","then","module","default","RichText","RichTextField","props","_jsx","inheritable","views","RichTextFieldImpl","$","admin","t0","clientFeatures","featureClientImportMap","t1","featureClientSchemaMap","field","lexicalEditorConfig","t2","schemaPath","t3","undefined","_admin","t4","_lexicalEditorConfig","currentView","currentViewAdminConfig","viewLexical","lexical","t5","currentViewLexicalEditorConfig","config","finalSanitizedEditorConfig","setFinalSanitizedEditorConfig","t6","t7","view","currentViewConfig","filteredClientFeatures","filterFeatures","featureProvidersLocal","clientFeature","Object","values","clientFeatureProvider","push","clientFeatureProps","resolvedClientFeatures","name","unSanitizedEditorConfig","features","t8","fallback","height","_createElement","editorConfig","key"],"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditorConfig as LexicalEditorConfig } from 'lexical'\nimport type { RichTextFieldClient } from 'payload'\n\nimport { ShimmerEffect, useConfig } from '@payloadcms/ui'\nimport React, { lazy, Suspense, useEffect, useState } from 'react'\n\nimport type { FeatureProviderClient } from '../features/typesClient.js'\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalFieldAdminClientProps, LexicalRichTextFieldProps } 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 { RichTextViewProvider, useRichTextView } from './RichTextViewProvider.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./Field.js').then((module) => ({ default: module.RichText })),\n)\n\nexport const RichTextField: React.FC<LexicalRichTextFieldProps> = (props) => {\n  return (\n    <RichTextViewProvider inheritable={true} views={props.views}>\n      <RichTextFieldImpl {...props} />\n    </RichTextViewProvider>\n  )\n}\n\nexport const RichTextFieldImpl: React.FC<LexicalRichTextFieldProps> = (props) => {\n  const {\n    admin: _admin = {},\n    clientFeatures,\n    featureClientImportMap = {},\n    featureClientSchemaMap,\n    field,\n    lexicalEditorConfig: _lexicalEditorConfig = defaultEditorLexicalConfig,\n    schemaPath,\n    views,\n  } = props\n  const { currentView } = useRichTextView()\n  const currentViewAdminConfig: LexicalFieldAdminClientProps = views?.[currentView]?.admin ?? _admin\n  const viewLexical = views?.[currentView]?.lexical\n  // Resolve function form of lexical config if provided\n  const currentViewLexicalEditorConfig: LexicalEditorConfig =\n    typeof viewLexical === 'function'\n      ? viewLexical(_lexicalEditorConfig)\n      : (viewLexical ?? _lexicalEditorConfig)\n\n  const { config } = useConfig()\n\n  const [finalSanitizedEditorConfig, setFinalSanitizedEditorConfig] =\n    useState<null | SanitizedClientEditorConfig>(null)\n\n  useEffect(() => {\n    if (finalSanitizedEditorConfig && finalSanitizedEditorConfig.view === currentView) {\n      return\n    }\n\n    const currentViewConfig = views?.[currentView]\n    const filteredClientFeatures = currentViewConfig?.filterFeatures\n      ? currentViewConfig.filterFeatures(clientFeatures)\n      : clientFeatures\n\n    const featureProvidersLocal: FeatureProviderClient<any, any>[] = []\n    for (const clientFeature of Object.values(filteredClientFeatures)) {\n      if (!clientFeature.clientFeatureProvider) {\n        continue\n      }\n      featureProvidersLocal.push(\n        clientFeature.clientFeatureProvider(clientFeature.clientFeatureProps),\n      ) // Execute the clientFeatureProvider function here, as the server cannot execute functions imported from use client files\n    }\n\n    const resolvedClientFeatures = loadClientFeatures({\n      config,\n      featureClientImportMap,\n      featureClientSchemaMap,\n      field: field as RichTextFieldClient,\n      schemaPath: schemaPath ?? field.name,\n      unSanitizedEditorConfig: {\n        features: featureProvidersLocal,\n        lexical: currentViewLexicalEditorConfig,\n      },\n    })\n\n    setFinalSanitizedEditorConfig(\n      sanitizeClientEditorConfig(\n        resolvedClientFeatures,\n        currentViewLexicalEditorConfig,\n        currentViewAdminConfig,\n        currentView,\n      ),\n    )\n  }, [\n    currentViewAdminConfig,\n    clientFeatures,\n    config,\n    featureClientImportMap,\n    featureClientSchemaMap,\n    field,\n    finalSanitizedEditorConfig,\n    currentViewLexicalEditorConfig,\n    schemaPath,\n    currentView,\n    views,\n  ]) // TODO: Optimize this and use useMemo for this in the future. This might break sub-richtext-blocks from the blocks feature. Need to investigate\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      {finalSanitizedEditorConfig && (\n        <RichTextEditor\n          {...props}\n          editorConfig={finalSanitizedEditorConfig}\n          key={finalSanitizedEditorConfig.view}\n        />\n      )}\n    </Suspense>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","ShimmerEffect","useConfig","React","lazy","Suspense","useEffect","useState","defaultEditorLexicalConfig","loadClientFeatures","sanitizeClientEditorConfig","RichTextViewProvider","useRichTextView","RichTextEditor","then","module","default","RichText","RichTextField","props","_jsx","inheritable","views","RichTextFieldImpl","$","admin","t0","clientFeatures","featureClientImportMap","t1","featureClientSchemaMap","field","lexicalEditorConfig","t2","schemaPath","t3","undefined","_admin","t4","_lexicalEditorConfig","currentView","currentViewAdminConfig","viewLexical","lexical","t5","currentViewLexicalEditorConfig","config","finalSanitizedEditorConfig","setFinalSanitizedEditorConfig","t6","t7","view","currentViewConfig","filteredClientFeatures","filterFeatures","featureProvidersLocal","clientFeature","Object","values","clientFeatureProvider","clientFeatureProps","push","resolvedClientFeatures","name","unSanitizedEditorConfig","features","t8","fallback","height","_createElement","editorConfig","key"],"sources":["../../src/field/index.tsx"],"sourcesContent":["'use client'\n\nimport type { EditorConfig as LexicalEditorConfig } from 'lexical'\nimport type { RichTextFieldClient } from 'payload'\n\nimport { ShimmerEffect, useConfig } from '@payloadcms/ui'\nimport React, { lazy, Suspense, useEffect, useState } from 'react'\n\nimport type { FeatureProviderClient } from '../features/typesClient.js'\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalFieldAdminClientProps, LexicalRichTextFieldProps } from '../types/index.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 { RichTextViewProvider, useRichTextView } from './RichTextViewProvider.js'\n\nconst RichTextEditor = lazy(() =>\n  import('./Field.js').then((module) => ({ default: module.RichText })),\n)\n\nexport const RichTextField: React.FC<LexicalRichTextFieldProps> = (props) => {\n  return (\n    <RichTextViewProvider inheritable={true} views={props.views}>\n      <RichTextFieldImpl {...props} />\n    </RichTextViewProvider>\n  )\n}\n\nexport const RichTextFieldImpl: React.FC<LexicalRichTextFieldProps> = (props) => {\n  const {\n    admin: _admin = {},\n    clientFeatures,\n    featureClientImportMap = {},\n    featureClientSchemaMap,\n    field,\n    lexicalEditorConfig: _lexicalEditorConfig = defaultEditorLexicalConfig,\n    schemaPath,\n    views,\n  } = props\n  const { currentView } = useRichTextView()\n  const currentViewAdminConfig: LexicalFieldAdminClientProps = views?.[currentView]?.admin ?? _admin\n  const viewLexical = views?.[currentView]?.lexical\n  // Resolve function form of lexical config if provided\n  const currentViewLexicalEditorConfig: LexicalEditorConfig =\n    typeof viewLexical === 'function'\n      ? viewLexical(_lexicalEditorConfig)\n      : (viewLexical ?? _lexicalEditorConfig)\n\n  const { config } = useConfig()\n\n  const [finalSanitizedEditorConfig, setFinalSanitizedEditorConfig] =\n    useState<null | SanitizedClientEditorConfig>(null)\n\n  useEffect(() => {\n    if (finalSanitizedEditorConfig && finalSanitizedEditorConfig.view === currentView) {\n      return\n    }\n\n    const currentViewConfig = views?.[currentView]\n    const filteredClientFeatures = currentViewConfig?.filterFeatures\n      ? currentViewConfig.filterFeatures(clientFeatures)\n      : clientFeatures\n\n    const featureProvidersLocal: FeatureProviderClient<any, any>[] = []\n    for (const clientFeature of Object.values(filteredClientFeatures)) {\n      if (!clientFeature.clientFeatureProvider || !clientFeature.clientFeatureProps) {\n        continue\n      }\n      featureProvidersLocal.push(\n        clientFeature.clientFeatureProvider(clientFeature.clientFeatureProps),\n      )\n    }\n\n    const resolvedClientFeatures = loadClientFeatures({\n      config,\n      featureClientImportMap,\n      featureClientSchemaMap,\n      field: field as RichTextFieldClient,\n      schemaPath: schemaPath ?? field.name,\n      unSanitizedEditorConfig: {\n        features: featureProvidersLocal,\n        lexical: currentViewLexicalEditorConfig,\n      },\n    })\n\n    setFinalSanitizedEditorConfig(\n      sanitizeClientEditorConfig(\n        resolvedClientFeatures,\n        currentViewLexicalEditorConfig,\n        currentViewAdminConfig,\n        currentView,\n      ),\n    )\n  }, [\n    currentViewAdminConfig,\n    clientFeatures,\n    config,\n    featureClientImportMap,\n    featureClientSchemaMap,\n    field,\n    finalSanitizedEditorConfig,\n    currentViewLexicalEditorConfig,\n    schemaPath,\n    currentView,\n    views,\n  ]) // TODO: Optimize this and use useMemo for this in the future. This might break sub-richtext-blocks from the blocks feature. Need to investigate\n\n  return (\n    <Suspense fallback={<ShimmerEffect height=\"35vh\" />}>\n      {finalSanitizedEditorConfig && (\n        <RichTextEditor\n          {...props}\n          editorConfig={finalSanitizedEditorConfig}\n          key={finalSanitizedEditorConfig.view}\n        />\n      )}\n    </Suspense>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/field/rscEntry.d.ts

@@ -1,8 +1,8 @@
 import type { ClientComponentProps, FieldPaths, ServerComponentProps } from 'payload';
 import React from 'react';
 import type { SanitizedServerEditorConfig } from '../lexical/config/types.js';
-import type { LexicalEditorProps } from '../types.js';
+import type { LexicalEditorArgs } from '../types/index.js';
 export declare const RscEntryLexicalField: React.FC<{
     sanitizedEditorConfig: SanitizedServerEditorConfig;
-} & ClientComponentProps & Pick<FieldPaths, 'path'> & Pick<LexicalEditorProps, 'admin' | 'views'> & ServerComponentProps>;
+} & ClientComponentProps & Pick<FieldPaths, 'path'> & Pick<LexicalEditorArgs, 'admin' | 'views'> & ServerComponentProps>;
 //# sourceMappingURL=rscEntry.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rscEntry.d.ts","sourceRoot":"","sources":["../../src/field/rscEntry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,UAAU,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAKhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,aAAa,CAAA;AAOpB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IACE,qBAAqB,EAAE,2BAA2B,CAAA;CACnD,GAAG,oBAAoB,GACtB,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,GACxB,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,OAAO,CAAC,GAC3C,oBAAoB,CAyGvB,CAAA"}
+{"version":3,"file":"rscEntry.d.ts","sourceRoot":"","sources":["../../src/field/rscEntry.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,UAAU,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAMhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,KAAK,EACV,iBAAiB,EAIlB,MAAM,mBAAmB,CAAA;AAO1B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC;IACE,qBAAqB,EAAE,2BAA2B,CAAA;CACnD,GAAG,oBAAoB,GACtB,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,GACxB,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,OAAO,CAAC,GAC1C,oBAAoB,CA0GvB,CAAA"}

package/dist/field/rscEntry.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent';
 import { renderField } from '@payloadcms/ui/forms/renderField';
 import { getFromImportMap } from 'payload/shared';
 import React from 'react';
@@ -43,6 +44,7 @@ export const RscEntryLexicalField = async args => {
         operation: args.operation,
         permissions: args.permissions,
         preferences: args.preferences,
+        renderComponent: args.renderComponent || RenderServerComponent,
         renderFieldFn: renderField,
         req: args.req
       },

package/dist/field/rscEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"rscEntry.js","names":["getTranslation","renderField","getFromImportMap","React","RichTextField","buildInitialState","initLexicalFeatures","RscEntryLexicalField","args","field","path","clientField","name","schemaPath","disabled","readOnly","admin","Error","clientFeatures","featureClientImportMap","featureClientSchemaMap","clientFieldSchemaMap","fieldSchemaMap","i18n","payload","sanitizedEditorConfig","initialLexicalFormState","siblingData","root","children","length","context","id","collectionSlug","documentData","data","lexicalFieldSchemaPath","operation","permissions","preferences","renderFieldFn","req","nodeData","placeholderFromArgs","placeholder","undefined","hideGutter","hideInsertParagraphAtEnd","hideAddBlockButton","hideDraggableBlockElement","props","forceRender","lexicalEditorConfig","lexical","renderedBlocks","views","viewMap","importMap","PayloadComponent","silent","Object","keys","key","_jsx"],"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import type { SerializedLexicalNode } from 'lexical'\nimport type {\n  ClientComponentProps,\n  FieldPaths,\n  RichTextFieldClient,\n  RichTextField as RichTextFieldType,\n  ServerComponentProps,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { renderField } from '@payloadcms/ui/forms/renderField'\nimport { getFromImportMap } from 'payload/shared'\nimport React from 'react'\n\nimport type { SanitizedServerEditorConfig } from '../lexical/config/types.js'\nimport type {\n  LexicalEditorProps,\n  LexicalEditorViewMap,\n  LexicalFieldAdminClientProps,\n  LexicalRichTextFieldProps,\n} from '../types.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { buildInitialState } from '../utilities/buildInitialState.js'\nimport { initLexicalFeatures } from '../utilities/initLexicalFeatures.js'\n\nexport const RscEntryLexicalField: React.FC<\n  {\n    sanitizedEditorConfig: SanitizedServerEditorConfig\n  } & ClientComponentProps &\n    Pick<FieldPaths, 'path'> &\n    Pick<LexicalEditorProps, 'admin' | 'views'> &\n    ServerComponentProps\n> = async (args) => {\n  const field: RichTextFieldType = args.field as RichTextFieldType\n  const path = args.path ?? (args.clientField as RichTextFieldClient).name\n  const schemaPath = args.schemaPath ?? path\n\n  const disabled = args?.readOnly || field?.admin?.readOnly\n\n  if (!(args?.clientField as RichTextFieldClient)?.name) {\n    throw new Error('Initialized lexical RSC field without a field name')\n  }\n\n  const { clientFeatures, featureClientImportMap, featureClientSchemaMap } = initLexicalFeatures({\n    clientFieldSchemaMap: args.clientFieldSchemaMap,\n    fieldSchemaMap: args.fieldSchemaMap,\n    i18n: args.i18n,\n    path,\n    payload: args.payload,\n    sanitizedEditorConfig: args.sanitizedEditorConfig,\n    schemaPath,\n  })\n\n  let initialLexicalFormState = {}\n  if (args.siblingData?.[field.name]?.root?.children?.length) {\n    initialLexicalFormState = await buildInitialState({\n      context: {\n        id: args.id,\n        clientFieldSchemaMap: args.clientFieldSchemaMap,\n        collectionSlug: args.collectionSlug,\n        disabled,\n        documentData: args.data,\n        field,\n        fieldSchemaMap: args.fieldSchemaMap,\n        lexicalFieldSchemaPath: schemaPath,\n        operation: args.operation,\n        permissions: args.permissions,\n        preferences: args.preferences,\n        renderFieldFn: renderField,\n        req: args.req,\n      },\n      nodeData: args.siblingData?.[field.name]?.root?.children as SerializedLexicalNode[],\n    })\n  }\n\n  const placeholderFromArgs = args.admin?.placeholder\n  const placeholder = placeholderFromArgs\n    ? getTranslation(placeholderFromArgs, args.i18n)\n    : undefined\n\n  const admin: LexicalFieldAdminClientProps = {}\n  if (placeholder) {\n    admin.placeholder = placeholder\n  }\n  if (args.admin?.hideGutter) {\n    admin.hideGutter = true\n  }\n  if (args.admin?.hideInsertParagraphAtEnd) {\n    admin.hideInsertParagraphAtEnd = true\n  }\n  if (args.admin?.hideAddBlockButton) {\n    admin.hideAddBlockButton = true\n  }\n  if (args.admin?.hideDraggableBlockElement) {\n    admin.hideDraggableBlockElement = true\n  }\n\n  const props: LexicalRichTextFieldProps = {\n    clientFeatures,\n    featureClientSchemaMap, // TODO: Does client need this? Why cant this just live in the server\n    field: args.clientField as RichTextFieldClient,\n    forceRender: args.forceRender,\n    initialLexicalFormState,\n    lexicalEditorConfig: args.sanitizedEditorConfig.lexical,\n    path,\n    permissions: args.permissions,\n    readOnly: args.readOnly,\n    renderedBlocks: args.renderedBlocks,\n    schemaPath,\n  }\n  if (args?.views) {\n    const viewMap = getFromImportMap<LexicalEditorViewMap>({\n      importMap: args.payload.importMap,\n      PayloadComponent: args.views,\n      schemaPath: 'lexical-viewMap',\n      silent: true,\n    })\n    if (viewMap) {\n      props.views = viewMap\n    }\n  }\n\n  if (Object.keys(admin).length) {\n    props.admin = admin\n  }\n  if (Object.keys(featureClientImportMap).length) {\n    props.featureClientImportMap = featureClientImportMap\n  }\n\n  for (const key in props) {\n    if (props[key as keyof LexicalRichTextFieldProps] === undefined) {\n      delete props[key as keyof LexicalRichTextFieldProps]\n    }\n  }\n\n  return <RichTextField {...props} />\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"rscEntry.js","names":["getTranslation","RenderServerComponent","renderField","getFromImportMap","React","RichTextField","buildInitialState","initLexicalFeatures","RscEntryLexicalField","args","field","path","clientField","name","schemaPath","disabled","readOnly","admin","Error","clientFeatures","featureClientImportMap","featureClientSchemaMap","clientFieldSchemaMap","fieldSchemaMap","i18n","payload","sanitizedEditorConfig","initialLexicalFormState","siblingData","root","children","length","context","id","collectionSlug","documentData","data","lexicalFieldSchemaPath","operation","permissions","preferences","renderComponent","renderFieldFn","req","nodeData","placeholderFromArgs","placeholder","undefined","hideGutter","hideInsertParagraphAtEnd","hideAddBlockButton","hideDraggableBlockElement","props","forceRender","lexicalEditorConfig","lexical","renderedBlocks","views","viewMap","importMap","PayloadComponent","silent","Object","keys","key","_jsx"],"sources":["../../src/field/rscEntry.tsx"],"sourcesContent":["import type { SerializedLexicalNode } from 'lexical'\nimport type {\n  ClientComponentProps,\n  FieldPaths,\n  RichTextFieldClient,\n  RichTextField as RichTextFieldType,\n  ServerComponentProps,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { RenderServerComponent } from '@payloadcms/ui/elements/RenderServerComponent'\nimport { renderField } from '@payloadcms/ui/forms/renderField'\nimport { getFromImportMap } from 'payload/shared'\nimport React from 'react'\n\nimport type { SanitizedServerEditorConfig } from '../lexical/config/types.js'\nimport type {\n  LexicalEditorArgs,\n  LexicalEditorViewMap,\n  LexicalFieldAdminClientProps,\n  LexicalRichTextFieldProps,\n} from '../types/index.js'\n\n// eslint-disable-next-line payload/no-imports-from-exports-dir\nimport { RichTextField } from '../exports/client/index.js'\nimport { buildInitialState } from '../utilities/buildInitialState.js'\nimport { initLexicalFeatures } from '../utilities/initLexicalFeatures.js'\n\nexport const RscEntryLexicalField: React.FC<\n  {\n    sanitizedEditorConfig: SanitizedServerEditorConfig\n  } & ClientComponentProps &\n    Pick<FieldPaths, 'path'> &\n    Pick<LexicalEditorArgs, 'admin' | 'views'> &\n    ServerComponentProps\n> = async (args) => {\n  const field: RichTextFieldType = args.field as RichTextFieldType\n  const path = args.path ?? (args.clientField as RichTextFieldClient).name\n  const schemaPath = args.schemaPath ?? path\n\n  const disabled = args?.readOnly || field?.admin?.readOnly\n\n  if (!(args?.clientField as RichTextFieldClient)?.name) {\n    throw new Error('Initialized lexical RSC field without a field name')\n  }\n\n  const { clientFeatures, featureClientImportMap, featureClientSchemaMap } = initLexicalFeatures({\n    clientFieldSchemaMap: args.clientFieldSchemaMap,\n    fieldSchemaMap: args.fieldSchemaMap,\n    i18n: args.i18n,\n    path,\n    payload: args.payload,\n    sanitizedEditorConfig: args.sanitizedEditorConfig,\n    schemaPath,\n  })\n\n  let initialLexicalFormState = {}\n  if (args.siblingData?.[field.name]?.root?.children?.length) {\n    initialLexicalFormState = await buildInitialState({\n      context: {\n        id: args.id,\n        clientFieldSchemaMap: args.clientFieldSchemaMap,\n        collectionSlug: args.collectionSlug,\n        disabled,\n        documentData: args.data,\n        field,\n        fieldSchemaMap: args.fieldSchemaMap,\n        lexicalFieldSchemaPath: schemaPath,\n        operation: args.operation,\n        permissions: args.permissions,\n        preferences: args.preferences,\n        renderComponent: args.renderComponent || RenderServerComponent,\n        renderFieldFn: renderField,\n        req: args.req,\n      },\n      nodeData: args.siblingData?.[field.name]?.root?.children as SerializedLexicalNode[],\n    })\n  }\n\n  const placeholderFromArgs = args.admin?.placeholder\n  const placeholder = placeholderFromArgs\n    ? getTranslation(placeholderFromArgs, args.i18n)\n    : undefined\n\n  const admin: LexicalFieldAdminClientProps = {}\n  if (placeholder) {\n    admin.placeholder = placeholder\n  }\n  if (args.admin?.hideGutter) {\n    admin.hideGutter = true\n  }\n  if (args.admin?.hideInsertParagraphAtEnd) {\n    admin.hideInsertParagraphAtEnd = true\n  }\n  if (args.admin?.hideAddBlockButton) {\n    admin.hideAddBlockButton = true\n  }\n  if (args.admin?.hideDraggableBlockElement) {\n    admin.hideDraggableBlockElement = true\n  }\n\n  const props: LexicalRichTextFieldProps = {\n    clientFeatures,\n    featureClientSchemaMap, // TODO: Does client need this? Why cant this just live in the server\n    field: args.clientField as RichTextFieldClient,\n    forceRender: args.forceRender,\n    initialLexicalFormState,\n    lexicalEditorConfig: args.sanitizedEditorConfig.lexical,\n    path,\n    permissions: args.permissions,\n    readOnly: args.readOnly,\n    renderedBlocks: args.renderedBlocks,\n    schemaPath,\n  }\n  if (args?.views) {\n    const viewMap = getFromImportMap<LexicalEditorViewMap>({\n      importMap: args.payload.importMap,\n      PayloadComponent: args.views,\n      schemaPath: 'lexical-viewMap',\n      silent: true,\n    })\n    if (viewMap) {\n      props.views = viewMap\n    }\n  }\n\n  if (Object.keys(admin).length) {\n    props.admin = admin\n  }\n  if (Object.keys(featureClientImportMap).length) {\n    props.featureClientImportMap = featureClientImportMap\n  }\n\n  for (const key in props) {\n    if (props[key as keyof LexicalRichTextFieldProps] === undefined) {\n      delete props[key as keyof LexicalRichTextFieldProps]\n    }\n  }\n\n  return <RichTextField {...props} />\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/hooks.d.ts

@@ -0,0 +1,6 @@
+import { type RichTextHooks } from 'payload';
+import type { SanitizedServerEditorConfig } from './lexical/config/types.js';
+export declare const getLexicalHooks: (args: {
+    editorConfig: SanitizedServerEditorConfig;
+}) => RichTextHooks;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,SAAS,CAAA;AAEhB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAA;AAI5E,eAAO,MAAM,eAAe,EAAE,CAAC,IAAI,EAAE;IACnC,YAAY,EAAE,2BAA2B,CAAA;CAC1C,KAAK,aAsmBL,CAAA"}