@payloadcms/richtext-lexical 3.0.0-canary.95fcd13 → 3.0.0-canary.9beaa28

package/dist/features/upload/server/validate.js

@@ -0,0 +1,58 @@
+import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema';
+import { isValidID } from 'payload';
+export const uploadValidation = props => {
+  return async ({
+    node,
+    validation: {
+      options: {
+        id,
+        operation,
+        preferences,
+        req,
+        req: {
+          payload,
+          t
+        }
+      }
+    }
+  }) => {
+    const idType = payload.collections[node.relationTo].customIDType || payload.db.defaultIDType;
+    // @ts-expect-error
+    const nodeID = node?.value?.id || node?.value // for backwards-compatibility
+    ;
+    if (!isValidID(nodeID, idType)) {
+      return t('validation:validUploadID');
+    }
+    if (!props?.collections) {
+      return true;
+    }
+    if (Object.keys(props?.collections).length === 0) {
+      return true;
+    }
+    const collection = props?.collections[node.relationTo];
+    if (!collection?.fields?.length) {
+      return true;
+    }
+    const result = await buildStateFromSchema({
+      id,
+      collectionSlug: node.relationTo,
+      data: node?.fields ?? {},
+      fieldSchema: collection.fields,
+      operation: operation === 'create' || operation === 'update' ? operation : 'update',
+      preferences,
+      req,
+      siblingData: node?.fields ?? {}
+    });
+    let errorPaths = [];
+    for (const fieldKey in result) {
+      if (result[fieldKey].errorPaths) {
+        errorPaths = errorPaths.concat(result[fieldKey].errorPaths);
+      }
+    }
+    if (errorPaths.length) {
+      return 'The following fields are invalid: ' + errorPaths.join(', ');
+    }
+    return true;
+  };
+};
+//# sourceMappingURL=validate.js.map

package/dist/features/upload/server/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","names":["buildStateFromSchema","isValidID","uploadValidation","props","node","validation","options","id","operation","preferences","req","payload","t","idType","collections","relationTo","customIDType","db","defaultIDType","nodeID","value","Object","keys","length","collection","fields","result","collectionSlug","data","fieldSchema","siblingData","errorPaths","fieldKey","concat","join"],"sources":["../../../../src/features/upload/server/validate.ts"],"sourcesContent":["import { buildStateFromSchema } from '@payloadcms/ui/forms/buildStateFromSchema'\nimport { isValidID } from 'payload'\n\nimport type { NodeValidation } from '../../typesServer.js'\nimport type { UploadFeatureProps } from './feature.server.js'\nimport type { SerializedUploadNode } from './nodes/UploadNode.js'\n\nexport const uploadValidation = (\n  props: UploadFeatureProps,\n): NodeValidation<SerializedUploadNode> => {\n  return async ({\n    node,\n    validation: {\n      options: {\n        id,\n        operation,\n        preferences,\n        req,\n        req: { payload, t },\n      },\n    },\n  }) => {\n    const idType = payload.collections[node.relationTo].customIDType || payload.db.defaultIDType\n    // @ts-expect-error\n    const nodeID = node?.value?.id || node?.value // for backwards-compatibility\n\n    if (!isValidID(nodeID, idType)) {\n      return t('validation:validUploadID')\n    }\n\n    if (!props?.collections) {\n      return true\n    }\n\n    if (Object.keys(props?.collections).length === 0) {\n      return true\n    }\n\n    const collection = props?.collections[node.relationTo]\n\n    if (!collection?.fields?.length) {\n      return true\n    }\n\n    const result = await buildStateFromSchema({\n      id,\n      collectionSlug: node.relationTo,\n      data: node?.fields ?? {},\n      fieldSchema: collection.fields,\n      operation: operation === 'create' || operation === 'update' ? operation : 'update',\n      preferences,\n      req,\n      siblingData: node?.fields ?? {},\n    })\n\n    let errorPaths = []\n    for (const fieldKey in result) {\n      if (result[fieldKey].errorPaths) {\n        errorPaths = errorPaths.concat(result[fieldKey].errorPaths)\n      }\n    }\n\n    if (errorPaths.length) {\n      return 'The following fields are invalid: ' + errorPaths.join(', ')\n    }\n\n    return true\n  }\n}\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ;AACrC,SAASC,SAAS,QAAQ;AAM1B,OAAO,MAAMC,gBAAA,GACXC,KAAA;EAEA,OAAO,OAAO;IACZC,IAAI;IACJC,UAAA,EAAY;MACVC,OAAA,EAAS;QACPC,EAAE;QACFC,SAAS;QACTC,WAAW;QACXC,GAAG;QACHA,GAAA,EAAK;UAAEC,OAAO;UAAEC;QAAC;MAAE;IACpB;EACF,CACF;IACC,MAAMC,MAAA,GAASF,OAAA,CAAQG,WAAW,CAACV,IAAA,CAAKW,UAAU,CAAC,CAACC,YAAY,IAAIL,OAAA,CAAQM,EAAE,CAACC,aAAa;IAC5F;IACA,MAAMC,MAAA,GAASf,IAAA,EAAMgB,KAAA,EAAOb,EAAA,IAAMH,IAAA,EAAMgB,KAAA,CAAM;IAAA;IAE9C,IAAI,CAACnB,SAAA,CAAUkB,MAAA,EAAQN,MAAA,GAAS;MAC9B,OAAOD,CAAA,CAAE;IACX;IAEA,IAAI,CAACT,KAAA,EAAOW,WAAA,EAAa;MACvB,OAAO;IACT;IAEA,IAAIO,MAAA,CAAOC,IAAI,CAACnB,KAAA,EAAOW,WAAA,EAAaS,MAAM,KAAK,GAAG;MAChD,OAAO;IACT;IAEA,MAAMC,UAAA,GAAarB,KAAA,EAAOW,WAAW,CAACV,IAAA,CAAKW,UAAU,CAAC;IAEtD,IAAI,CAACS,UAAA,EAAYC,MAAA,EAAQF,MAAA,EAAQ;MAC/B,OAAO;IACT;IAEA,MAAMG,MAAA,GAAS,MAAM1B,oBAAA,CAAqB;MACxCO,EAAA;MACAoB,cAAA,EAAgBvB,IAAA,CAAKW,UAAU;MAC/Ba,IAAA,EAAMxB,IAAA,EAAMqB,MAAA,IAAU,CAAC;MACvBI,WAAA,EAAaL,UAAA,CAAWC,MAAM;MAC9BjB,SAAA,EAAWA,SAAA,KAAc,YAAYA,SAAA,KAAc,WAAWA,SAAA,GAAY;MAC1EC,WAAA;MACAC,GAAA;MACAoB,WAAA,EAAa1B,IAAA,EAAMqB,MAAA,IAAU,CAAC;IAChC;IAEA,IAAIM,UAAA,GAAa,EAAE;IACnB,KAAK,MAAMC,QAAA,IAAYN,MAAA,EAAQ;MAC7B,IAAIA,MAAM,CAACM,QAAA,CAAS,CAACD,UAAU,EAAE;QAC/BA,UAAA,GAAaA,UAAA,CAAWE,MAAM,CAACP,MAAM,CAACM,QAAA,CAAS,CAACD,UAAU;MAC5D;IACF;IAEA,IAAIA,UAAA,CAAWR,MAAM,EAAE;MACrB,OAAO,uCAAuCQ,UAAA,CAAWG,IAAI,CAAC;IAChE;IAEA,OAAO;EACT;AACF","ignoreList":[]}

package/dist/field/Field.d.ts

@@ -1,12 +1,12 @@
-import type { FormFieldBase } from 'payload';
 import React from 'react';
 import type { SanitizedClientEditorConfig } from '../lexical/config/types.js';
+import type { LexicalRichTextFieldProps } from '../types.js';
 import './bundled.css';
 import './index.scss';
-export declare const RichText: React.FC<{
-    editorConfig: SanitizedClientEditorConfig;
-    name: string;
-    richTextComponentMap: Map<string, React.ReactNode>;
-    width?: string;
-} & FormFieldBase>;
+import '../lexical/theme/EditorTheme.scss';
+declare const RichTextComponent: React.FC<{
+    readonly editorConfig: SanitizedClientEditorConfig;
+} & LexicalRichTextFieldProps>;
+export declare const RichText: typeof RichTextComponent;
+export {};
 //# sourceMappingURL=Field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAU5C,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAG7E,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AAsIrB,eAAO,MAAM,QAAQ;kBAhIH,2BAA2B;UACnC,MAAM;0BACU,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;YAC1C,MAAM;kBA6HsC,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAC7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAG5D,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AACrB,OAAO,mCAAmC,CAAA;AAI1C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CA8G9B,CAAA;AAaD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAoD,CAAA"}

package/dist/field/Field.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldDescription, FieldError, FieldLabel, useField, useFieldProps, withCondition } from '@payloadcms/ui';
 import React, { useCallback } from 'react';
@@ -6,112 +7,135 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { LexicalProvider } from '../lexical/LexicalProvider.js';
 import './bundled.css';
 const baseClass = 'rich-text-lexical';
-const RichTextComponent = (props)=>{
-    const { name, CustomDescription, CustomError, CustomLabel, className, descriptionProps, editorConfig, errorProps, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, required, style, validate, width } = props;
-    const memoizedValidate = useCallback((value, validationOptions)=>{
-        if (typeof validate === 'function') {
-            return validate(value, {
-                ...validationOptions,
-                props,
-                required
-            });
-        }
-    }, // Important: do not add props to the dependencies array.
-    // This would cause an infinite loop and endless re-rendering.
-    // 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 { errorMessage, formInitializing, formProcessing, initialValue, path, schemaPath, setValue, showError, value } = fieldType;
-    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
-    const classes = [
-        baseClass,
-        'field-type',
+const RichTextComponent = props => {
+  const {
+    descriptionProps,
+    editorConfig,
+    errorProps,
+    field: {
+      name,
+      _path: pathFromProps,
+      admin: {
         className,
-        showError && 'error',
-        disabled && `${baseClass}--read-only`,
-        editorConfig?.admin?.hideGutter !== true ? `${baseClass}--show-gutter` : null
-    ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ _jsxs("div", {
-        className: classes,
-        style: {
-            ...style,
-            width
+        components: {
+          Description,
+          Error,
+          Label
         },
-        children: [
-            /*#__PURE__*/ _jsx(FieldError, {
-                CustomError: CustomError,
-                path: path,
-                ...errorProps || {},
-                alignCaret: "left"
-            }),
-            /*#__PURE__*/ _jsx(FieldLabel, {
-                CustomLabel: CustomLabel,
-                label: label,
-                required: required,
-                ...labelProps || {}
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: `${baseClass}__wrap`,
-                children: [
-                    /*#__PURE__*/ _jsx(ErrorBoundary, {
-                        fallbackRender: fallbackRender,
-                        onReset: ()=>{},
-                        children: /*#__PURE__*/ _jsx(LexicalProvider, {
-                            editorConfig: editorConfig,
-                            fieldProps: props,
-                            onChange: (editorState)=>{
-                                let serializedEditorState = editorState.toJSON();
-                                // Transform state through save hooks
-                                if (editorConfig?.features?.hooks?.save?.length) {
-                                    editorConfig.features.hooks.save.forEach((hook)=>{
-                                        serializedEditorState = hook({
-                                            incomingEditorState: serializedEditorState
-                                        });
-                                    });
-                                }
-                                setValue(serializedEditorState);
-                            },
-                            path: path,
-                            readOnly: disabled,
-                            value: value
-                        }, JSON.stringify({
-                            initialValue,
-                            path
-                        }))
-                    }),
-                    CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
-                        ...descriptionProps || {}
-                    })
-                ]
-            })
-        ]
-    }, path);
+        readOnly: readOnlyFromAdmin,
+        style,
+        width
+      } = {},
+      label,
+      required
+    },
+    field,
+    labelProps,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const memoizedValidate = useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...validationOptions,
+        props,
+        required
+      });
+    }
+  },
+  // Important: do not add props to the dependencies array.
+  // This would cause an infinite loop and endless re-rendering.
+  // 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 {
+    formInitializing,
+    formProcessing,
+    initialValue,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = fieldType;
+  const disabled = readOnlyFromProps || readOnlyFromContext || 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(' ');
+  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,
+      label: label,
+      required: required,
+      ...(labelProps || {})
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsx(ErrorBoundary, {
+        fallbackRender: fallbackRender,
+        onReset: () => {},
+        children: /*#__PURE__*/_jsx(LexicalProvider, {
+          editorConfig: editorConfig,
+          field: field,
+          onChange: editorState => {
+            let serializedEditorState = editorState.toJSON();
+            // Transform state through save hooks
+            if (editorConfig?.features?.hooks?.save?.length) {
+              editorConfig.features.hooks.save.forEach(hook => {
+                serializedEditorState = hook({
+                  incomingEditorState: serializedEditorState
+                });
+              });
+            }
+            setValue(serializedEditorState);
+          },
+          path: path,
+          readOnly: disabled,
+          value: value_0
+        }, JSON.stringify({
+          initialValue,
+          path
+        }))
+      }), /*#__PURE__*/_jsx(FieldDescription, {
+        Description: Description,
+        field: field,
+        ...(descriptionProps || {})
+      })]
+    })]
+  }, path);
 };
-function fallbackRender({ error }) {
-    // Call resetErrorBoundary() to reset the error boundary and retry the render.
-    return /*#__PURE__*/ _jsxs("div", {
-        className: "errorBoundary",
-        role: "alert",
-        children: [
-            /*#__PURE__*/ _jsx("p", {
-                children: "Something went wrong:"
-            }),
-            /*#__PURE__*/ _jsx("pre", {
-                style: {
-                    color: 'red'
-                },
-                children: error.message
-            })
-        ]
-    });
+function fallbackRender({
+  error
+}) {
+  // Call resetErrorBoundary() to reset the error boundary and retry the render.
+  return /*#__PURE__*/_jsxs("div", {
+    className: "errorBoundary",
+    role: "alert",
+    children: [/*#__PURE__*/_jsx("p", {
+      children: "Something went wrong:"
+    }), /*#__PURE__*/_jsx("pre", {
+      style: {
+        color: 'red'
+      },
+      children: error.message
+    })]
+  });
 }
 export const RichText = withCondition(RichTextComponent);
-
 //# sourceMappingURL=Field.js.map

package/dist/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { SerializedEditorState } from 'lexical'\nimport type { FormFieldBase } from 'payload'\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'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport './bundled.css'\nimport './index.scss'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n  {\n    editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n    name: string\n    richTextComponentMap: Map<string, React.ReactNode>\n    width?: string\n  } & FormFieldBase\n> = (props) => {\n  const {\n    name,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    editorConfig,\n    errorProps,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n    width,\n  } = props\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 {\n    errorMessage,\n    formInitializing,\n    formProcessing,\n    initialValue,\n    path,\n    schemaPath,\n    setValue,\n    showError,\n    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 CustomError={CustomError} path={path} {...(errorProps || {})} alignCaret=\"left\" />\n      <FieldLabel\n        CustomLabel={CustomLabel}\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            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            path={path}\n            readOnly={disabled}\n            value={value}\n          />\n        </ErrorBoundary>\n        {CustomDescription !== undefined ? (\n          CustomDescription\n        ) : (\n          <FieldDescription {...(descriptionProps || {})} />\n        )}\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 = withCondition(RichTextComponent)\n"],"names":["FieldDescription","FieldError","FieldLabel","useField","useFieldProps","withCondition","React","useCallback","ErrorBoundary","LexicalProvider","baseClass","RichTextComponent","props","name","CustomDescription","CustomError","CustomLabel","className","descriptionProps","editorConfig","errorProps","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","memoizedValidate","value","validationOptions","pathFromContext","readOnlyFromContext","fieldType","errorMessage","formInitializing","formProcessing","initialValue","schemaPath","setValue","showError","disabled","classes","admin","hideGutter","filter","Boolean","join","div","alignCaret","fallbackRender","onReset","fieldProps","onChange","editorState","serializedEditorState","toJSON","features","hooks","save","length","forEach","hook","incomingEditorState","JSON","stringify","undefined","error","role","p","pre","color","message","RichText"],"mappings":"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"}
+{"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":"AAAA;;;AAGA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,UAAU,EACVC,QAAQ,EACRC,aAAa,EACbC,aAAa,QACR;AACP,OAAOC,KAAA,IAASC,WAAW,QAAQ;AACnC,SAASC,aAAa,QAAQ;AAK9B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAIP,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAIDC,KAAA;EACH,MAAM;IACJC,gBAAgB;IAChBC,YAAY;IACZC,UAAU;IACVC,KAAA,EAAO;MACLC,IAAI;MACJC,KAAA,EAAOC,aAAa;MACpBC,KAAA,EAAO;QACLC,SAAS;QACTC,UAAA,EAAY;UAAEC,WAAW;UAAEC,KAAK;UAAEC;QAAK,CAAE;QACzCC,QAAA,EAAUC,iBAAiB;QAC3BC,KAAK;QACLC;MAAK,CACN,GAAG,CAAC,CAAC;MACNC,KAAK;MACLC;IAAQ,CACT;IACDf,KAAK;IACLgB,UAAU;IACVN,QAAA,EAAUO,yBAAyB;IACnCC;EAAQ,CACT,GAAGtB,KAAA;EACJ,MAAMuB,iBAAA,GAAoBF,yBAAA,IAA6BN,iBAAA;EAEvD,MAAMS,gBAAA,GAAmB7B,WAAA,CACvB,CAAC8B,KAAA,EAAOC,iBAAA;IACN,IAAI,OAAOJ,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASG,KAAA,EAAO;QAAE,GAAGC,iBAAiB;QAAE1B,KAAA;QAAOmB;MAAS;IACjE;EACF;EACA;EACA;EACA;EACA,CAACG,QAAA,EAAUH,QAAA,CAAS;EAEtB,MAAM;IAAEQ,IAAA,EAAMC,eAAe;IAAEd,QAAA,EAAUe;EAAmB,CAAE,GAAGrC,aAAA;EAEjE,MAAMsC,SAAA,GAAYvC,QAAA,CAAgC;IAChDoC,IAAA,EAAMC,eAAA,IAAmBrB,aAAA,IAAiBF,IAAA;IAC1CiB,QAAA,EAAUE;EACZ;EAEA,MAAM;IAAEO,gBAAgB;IAAEC,cAAc;IAAEC,YAAY;IAAEN,IAAI;IAAEO,QAAQ;IAAEC,SAAS;IAAEV,KAAK,EAALA;EAAK,CAAE,GACxFK,SAAA;EAEF,MAAMM,QAAA,GAAWb,iBAAA,IAAqBM,mBAAA,IAAuBG,cAAA,IAAkBD,gBAAA;EAE/E,MAAMM,OAAA,GAAU,CACdvC,SAAA,EACA,cACAW,SAAA,EACA0B,SAAA,IAAa,SACbC,QAAA,IAAY,GAAGtC,SAAA,aAAsB,EACrCI,YAAA,EAAcM,KAAA,EAAO8B,UAAA,KAAe,OAAO,GAAGxC,SAAA,eAAwB,GAAG,KAC1E,CACEyC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EAER,oBACEC,KAAA,CAAC;IACCjC,SAAA,EAAW4B,OAAA;IAEXrB,KAAA,EAAO;MACL,GAAGA,KAAK;MACRC;IACF;4BAEA0B,IAAA,CAACtD,UAAA;MACCuD,WAAA,EAAahC,KAAA;MACbR,KAAA,EAAOA,KAAA;MACPuB,IAAA,EAAMA,IAAA;MACL,IAAIxB,UAAA,IAAc,CAAC,CAAC;MACrB0C,UAAA,EAAW;qBAEbF,IAAA,CAACrD,UAAA;MACCuB,KAAA,EAAOA,KAAA;MACPT,KAAA,EAAOA,KAAA;MACPc,KAAA,EAAOA,KAAA;MACPC,QAAA,EAAUA,QAAA;MACT,IAAIC,UAAA,IAAc,CAAC,CAAC;qBAEvBsB,KAAA,CAAC;MAAIjC,SAAA,EAAW,GAAGX,SAAA,QAAiB;8BAClC6C,IAAA,CAAC/C,aAAA;QAAckD,cAAA,EAAgBA,cAAA;QAAgBC,OAAA,EAASA,CAAA,MAAO;kBAC7D,aAAAJ,IAAA,CAAC9C,eAAA;UACCK,YAAA,EAAcA,YAAA;UACdE,KAAA,EAAOA,KAAA;UAEP4C,QAAA,EAAWC,WAAA;YACT,IAAIC,qBAAA,GAAwBD,WAAA,CAAYE,MAAM;YAE9C;YACA,IAAIjD,YAAA,EAAckD,QAAA,EAAUC,KAAA,EAAOC,IAAA,EAAMC,MAAA,EAAQ;cAC/CrD,YAAA,CAAakD,QAAQ,CAACC,KAAK,CAACC,IAAI,CAACE,OAAO,CAAEC,IAAA;gBACxCP,qBAAA,GAAwBO,IAAA,CAAK;kBAAEC,mBAAA,EAAqBR;gBAAsB;cAC5E;YACF;YAEAhB,QAAA,CAASgB,qBAAA;UACX;UACAvB,IAAA,EAAMA,IAAA;UACNb,QAAA,EAAUsB,QAAA;UACVX,KAAA,EAAOA;WAfFkC,IAAA,CAAKC,SAAS,CAAC;UAAE3B,YAAA;UAAcN;QAAK;uBAkB7CgB,IAAA,CAACvD,gBAAA;QAAiBuB,WAAA,EAAaA,WAAA;QAAaP,KAAA,EAAOA,KAAA;QAAQ,IAAIH,gBAAA,IAAoB,CAAC,CAAC;;;KA3ClF0B,IAAA;AA+CX;AAEA,SAASmB,eAAe;EAAEe;AAAK,CAAE;EAC/B;EAEA,oBACEnB,KAAA,CAAC;IAAIjC,SAAA,EAAU;IAAgBqD,IAAA,EAAK;4BAClCnB,IAAA,CAAC;gBAAE;qBACHA,IAAA,CAAC;MAAI3B,KAAA,EAAO;QAAE+C,KAAA,EAAO;MAAM;gBAAIF,KAAA,CAAMG;;;AAG3C;AAEA,OAAO,MAAMC,QAAA,GAAqCxE,aAAA,CAAcM,iBAAA","ignoreList":[]}