@payloadcms/richtext-lexical 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

package/dist/field/Field.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FieldDescription, FieldError, FieldLabel, useField, useFieldProps, withCondition } from '@payloadcms/ui';
+import { FieldLabel, useEditDepth, useField, withCondition } from '@payloadcms/ui';
 import React, { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { LexicalProvider } from '../lexical/LexicalProvider.js';
@@ -9,32 +9,26 @@ import './bundled.css';
 const baseClass = 'rich-text-lexical';
 const RichTextComponent = props => {
   const {
-    descriptionProps,
     editorConfig,
-    errorProps,
     field: {
       name,
-      _path: pathFromProps,
       admin: {
         className,
-        components: {
-          Description,
-          Error,
-          Label
-        },
         readOnly: readOnlyFromAdmin,
         style,
         width
       } = {},
       label,
+      localized,
       required
     },
-    field,
-    labelProps,
+    path: pathFromProps,
     readOnly: readOnlyFromTopLevelProps,
     validate
   } = props;
   const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const path = pathFromProps ?? name;
+  const editDepth = useEditDepth();
   const memoizedValidate = useCallback((value, validationOptions) => {
     if (typeof validate === 'function') {
       return validate(value, {
@@ -49,50 +43,46 @@ const RichTextComponent = props => {
   // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709
   [validate, required]);
   const {
-    path: pathFromContext,
-    readOnly: readOnlyFromContext
-  } = useFieldProps();
-  const fieldType = useField({
-    path: pathFromContext ?? pathFromProps ?? name,
-    validate: memoizedValidate
-  });
-  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
     formInitializing,
     formProcessing,
     initialValue,
-    path,
     setValue,
     showError,
     value: value_0
-  } = fieldType;
-  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
+  } = useField({
+    path,
+    // @ts-expect-error: TODO: Fix this
+    validate: memoizedValidate
+  });
+  const disabled = readOnlyFromProps || formProcessing || formInitializing;
   const classes = [baseClass, 'field-type', className, showError && 'error', disabled && `${baseClass}--read-only`, editorConfig?.admin?.hideGutter !== true ? `${baseClass}--show-gutter` : null].filter(Boolean).join(' ');
+  const pathWithEditDepth = `${path}.${editDepth}`;
   return /*#__PURE__*/_jsxs("div", {
     className: classes,
     style: {
       ...style,
       width
     },
-    children: [/*#__PURE__*/_jsx(FieldError, {
-      CustomError: Error,
-      field: field,
-      path: path,
-      ...(errorProps || {}),
-      alignCaret: "left"
-    }), /*#__PURE__*/_jsx(FieldLabel, {
-      Label: Label,
-      field: field,
+    children: [Error, Label || /*#__PURE__*/_jsx(FieldLabel, {
       label: label,
-      required: required,
-      ...(labelProps || {})
+      localized: localized,
+      required: required
     }), /*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsx(ErrorBoundary, {
+      children: [/*#__PURE__*/_jsxs(ErrorBoundary, {
         fallbackRender: fallbackRender,
         onReset: () => {},
-        children: /*#__PURE__*/_jsx(LexicalProvider, {
+        children: [BeforeInput, /*#__PURE__*/_jsx(LexicalProvider, {
+          composerKey: pathWithEditDepth,
           editorConfig: editorConfig,
-          field: field,
+          fieldProps: props,
           onChange: editorState => {
             let serializedEditorState = editorState.toJSON();
             // Transform state through save hooks
@@ -105,20 +95,15 @@ const RichTextComponent = props => {
             }
             setValue(serializedEditorState);
           },
-          path: path,
           readOnly: disabled,
           value: value_0
         }, JSON.stringify({
           initialValue,
           path
-        }))
-      }), /*#__PURE__*/_jsx(FieldDescription, {
-        Description: Description,
-        field: field,
-        ...(descriptionProps || {})
-      })]
+        })), AfterInput]
+      }), Description]
     })]
-  }, path);
+  }, pathWithEditDepth);
 };
 function fallbackRender({
   error

package/dist/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["FieldDescription","FieldError","FieldLabel","useField","useFieldProps","withCondition","React","useCallback","ErrorBoundary","LexicalProvider","baseClass","RichTextComponent","props","descriptionProps","editorConfig","errorProps","field","name","_path","pathFromProps","admin","className","components","Description","Error","Label","readOnly","readOnlyFromAdmin","style","width","label","required","labelProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","memoizedValidate","value","validationOptions","path","pathFromContext","readOnlyFromContext","fieldType","formInitializing","formProcessing","initialValue","setValue","showError","disabled","classes","hideGutter","filter","Boolean","join","_jsxs","_jsx","CustomError","alignCaret","fallbackRender","onReset","onChange","editorState","serializedEditorState","toJSON","features","hooks","save","length","forEach","hook","incomingEditorState","JSON","stringify","error","role","color","message","RichText"],"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { SerializedEditorState } from 'lexical'\n\nimport {\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  useField,\n  useFieldProps,\n  withCondition,\n} from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalRichTextFieldProps } from '../types.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport './bundled.css'\nimport './index.scss'\nimport '../lexical/theme/EditorTheme.scss'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n  {\n    readonly editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n  } & LexicalRichTextFieldProps\n> = (props) => {\n  const {\n    descriptionProps,\n    editorConfig,\n    errorProps,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        components: { Description, Error, Label },\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {},\n      label,\n      required,\n    },\n    field,\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, props, required })\n      }\n    },\n    // Important: do not add props to the dependencies array.\n    // This would cause an infinite loop and endless re-rendering.\n    // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709\n    [validate, required],\n  )\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const fieldType = useField<SerializedEditorState>({\n    path: pathFromContext ?? pathFromProps ?? name,\n    validate: memoizedValidate,\n  })\n\n  const { formInitializing, formProcessing, initialValue, path, setValue, showError, value } =\n    fieldType\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true ? `${baseClass}--show-gutter` : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      className={classes}\n      key={path}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError\n        CustomError={Error}\n        field={field}\n        path={path}\n        {...(errorProps || {})}\n        alignCaret=\"left\"\n      />\n      <FieldLabel\n        Label={Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${baseClass}__wrap`}>\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          <LexicalProvider\n            editorConfig={editorConfig}\n            field={field}\n            key={JSON.stringify({ initialValue, path })} // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)\n            onChange={(editorState) => {\n              let serializedEditorState = editorState.toJSON()\n\n              // Transform state through save hooks\n              if (editorConfig?.features?.hooks?.save?.length) {\n                editorConfig.features.hooks.save.forEach((hook) => {\n                  serializedEditorState = hook({ incomingEditorState: serializedEditorState })\n                })\n              }\n\n              setValue(serializedEditorState)\n            }}\n            path={path}\n            readOnly={disabled}\n            value={value}\n          />\n        </ErrorBoundary>\n        <FieldDescription Description={Description} field={field} {...(descriptionProps || {})} />\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }): React.ReactElement {\n  // Call resetErrorBoundary() to reset the error boundary and retry the render.\n\n  return (\n    <div className=\"errorBoundary\" role=\"alert\">\n      <p>Something went wrong:</p>\n      <pre style={{ color: 'red' }}>{error.message}</pre>\n    </div>\n  )\n}\n\nexport const RichText: typeof RichTextComponent = withCondition(RichTextComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Field.js","names":["FieldLabel","useEditDepth","useField","withCondition","React","useCallback","ErrorBoundary","LexicalProvider","baseClass","RichTextComponent","props","editorConfig","field","name","admin","className","readOnly","readOnlyFromAdmin","style","width","label","localized","required","path","pathFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","editDepth","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","formInitializing","formProcessing","initialValue","setValue","showError","disabled","classes","hideGutter","filter","Boolean","join","pathWithEditDepth","_jsxs","_jsx","fallbackRender","onReset","composerKey","fieldProps","onChange","editorState","serializedEditorState","toJSON","features","hooks","save","length","forEach","hook","incomingEditorState","JSON","stringify","error","role","color","message","RichText"],"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { SerializedEditorState } from 'lexical'\n\nimport { FieldLabel, useEditDepth, useField, withCondition } from '@payloadcms/ui'\nimport React, { useCallback } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\nimport type { LexicalRichTextFieldProps } from '../types.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport './bundled.css'\nimport './index.scss'\nimport '../lexical/theme/EditorTheme.scss'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n  {\n    readonly editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n  } & LexicalRichTextFieldProps\n> = (props) => {\n  const {\n    editorConfig,\n    field: {\n      name,\n      admin: { className, readOnly: readOnlyFromAdmin, style, width } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n  const path = pathFromProps ?? name\n\n  const editDepth = useEditDepth()\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, props, required })\n      }\n    },\n    // Important: do not add props to the dependencies array.\n    // This would cause an infinite loop and endless re-rendering.\n    // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    formInitializing,\n    formProcessing,\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<SerializedEditorState>({\n    path,\n    // @ts-expect-error: TODO: Fix this\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || formProcessing || formInitializing\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true ? `${baseClass}--show-gutter` : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const pathWithEditDepth = `${path}.${editDepth}`\n\n  return (\n    <div\n      className={classes}\n      key={pathWithEditDepth}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      {Error}\n      {Label || <FieldLabel label={label} localized={localized} required={required} />}\n      <div className={`${baseClass}__wrap`}>\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          {BeforeInput}\n          <LexicalProvider\n            composerKey={pathWithEditDepth}\n            editorConfig={editorConfig}\n            fieldProps={props}\n            key={JSON.stringify({ initialValue, path })} // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)\n            onChange={(editorState) => {\n              let serializedEditorState = editorState.toJSON()\n\n              // Transform state through save hooks\n              if (editorConfig?.features?.hooks?.save?.length) {\n                editorConfig.features.hooks.save.forEach((hook) => {\n                  serializedEditorState = hook({ incomingEditorState: serializedEditorState })\n                })\n              }\n\n              setValue(serializedEditorState)\n            }}\n            readOnly={disabled}\n            value={value}\n          />\n          {AfterInput}\n        </ErrorBoundary>\n        {Description}\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }): React.ReactElement {\n  // Call resetErrorBoundary() to reset the error boundary and retry the render.\n\n  return (\n    <div className=\"errorBoundary\" role=\"alert\">\n      <p>Something went wrong:</p>\n      <pre style={{ color: 'red' }}>{error.message}</pre>\n    </div>\n  )\n}\n\nexport const RichText: typeof RichTextComponent = withCondition(RichTextComponent)\n"],"mappings":"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","ignoreList":[]}