@payloadcms/richtext-lexical 3.81.0-canary.3 → 3.81.0-internal-debug.1a0f4d0

package/dist/field/Field.js

@@ -1,194 +1,249 @@
 'use client';
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { BulkUploadProvider, FieldDescription, FieldError, FieldLabel, isFieldRTL, RenderCustomComponent, useConfig, useEditDepth, useEffectEvent, useField, useLocale } from '@payloadcms/ui';
 import { mergeFieldStyles } from '@payloadcms/ui/shared';
 import { dequal } from 'dequal/lite';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
+import '../lexical/theme/EditorTheme.scss';
 import './bundled.css';
+import './index.scss';
 import { LexicalProvider } from '../lexical/LexicalProvider.js';
 import { useRunDeprioritized } from '../utilities/useRunDeprioritized.js';
 const baseClass = 'rich-text-lexical';
-const RichTextComponent = props => {
-  const {
-    editorConfig,
-    field,
-    field: {
-      admin: {
-        className,
-        description,
-        readOnly: readOnlyFromAdmin
-      } = {},
-      label,
-      localized,
-      required
-    },
-    path: pathFromProps,
-    readOnly: readOnlyFromTopLevelProps,
-    validate
-  } = props;
-  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
-  const locale = useLocale();
-  const {
-    config: {
-      localization: localizationConfig
-    }
-  } = useConfig();
-  const rtl = isFieldRTL({
-    fieldLocalized: localized,
-    locale,
-    localizationConfig: localizationConfig || undefined
-  });
-  const editDepth = useEditDepth();
-  const memoizedValidate = useCallback((value, validationOptions) => {
-    if (typeof validate === 'function') {
-      // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
-      return validate(value, {
-        ...validationOptions,
+const RichTextComponent = // With rendered features n stuff
+(props)=>{
+    const { editorConfig, field, field: { admin: { className, description, readOnly: readOnlyFromAdmin } = {}, label, localized, required }, path: pathFromProps, readOnly: readOnlyFromTopLevelProps, validate } = // Users can pass in client side validation if they WANT to, but it's not required anymore
+    props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+    const locale = useLocale();
+    const { config: { localization: localizationConfig } } = useConfig();
+    const rtl = isFieldRTL({
+        fieldLocalized: localized,
+        locale,
+        localizationConfig: localizationConfig || undefined
+    });
+    const editDepth = useEditDepth();
+    const memoizedValidate = useCallback((value, validationOptions)=>{
+        if (typeof validate === 'function') {
+            // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
+            return validate(value, {
+                ...validationOptions,
+                required
+            });
+        }
+        return true;
+    }, // 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
-      });
-    }
-    return true;
-  },
-  // 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 {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Error,
-      Label
-    } = {},
-    disabled: disabledFromField,
-    initialValue,
-    path,
-    setValue,
-    showError,
-    value: value_0
-  } = useField({
-    potentiallyStalePath: pathFromProps,
-    validate: memoizedValidate
-  });
-  const disabled = readOnlyFromProps || disabledFromField;
-  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
-  const [rerenderProviderKey, setRerenderProviderKey] = useState();
-  const prevInitialValueRef = React.useRef(initialValue);
-  const prevValueRef = React.useRef(value_0);
-  useEffect(() => {
-    const updateViewPortWidth = () => {
-      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches;
-      if (isNextSmallWidthViewport !== isSmallWidthViewport) {
-        setIsSmallWidthViewport(isNextSmallWidthViewport);
-      }
-    };
-    updateViewPortWidth();
-    window.addEventListener('resize', updateViewPortWidth);
-    return () => {
-      window.removeEventListener('resize', updateViewPortWidth);
-    };
-  }, [isSmallWidthViewport]);
-  const classes = [baseClass, 'field-type', className, showError && 'error', disabled && `${baseClass}--read-only`, editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport ? `${baseClass}--show-gutter` : null].filter(Boolean).join(' ');
-  const pathWithEditDepth = `${path}.${editDepth}`;
-  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout
-;
-  const handleChange = useCallback(editorState => {
-    // Capture `editorState` in the closure so we can safely run later.
-    const updateFieldValue = () => {
-      const newState = editorState.toJSON();
-      prevValueRef.current = newState;
-      setValue(newState);
-    };
-    // Queue the update for the browser’s idle time (or Safari shim)
-    // and let the hook handle debouncing/cancellation.
-    void runDeprioritized(updateFieldValue);
-  }, [setValue, runDeprioritized]);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  const handleInitialValueChange = useEffectEvent(initialValue_0 => {
-    // Object deep equality check here, as re-mounting the editor if
-    // the new value is the same as the old one is not necessary.
-    // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,
-    // so we need to do a deep equality check here that does not care about key order => we use dequal.
-    // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.
-    if (prevValueRef.current !== value_0 && !dequal(prevValueRef.current != null ? JSON.parse(JSON.stringify(prevValueRef.current)) : prevValueRef.current, value_0)) {
-      prevInitialValueRef.current = initialValue_0;
-      prevValueRef.current = value_0;
-      setRerenderProviderKey(new Date());
-    }
-  });
-  useEffect(() => {
-    // Needs to trigger for object reference changes - otherwise,
-    // reacting to the same initial value change twice will cause
-    // the second change to be ignored, even though the value has changed.
-    // That's because initialValue is not kept up-to-date
-    if (!Object.is(initialValue, prevInitialValueRef.current)) {
-      handleInitialValueChange(initialValue);
-    }
-  }, [initialValue]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: classes,
-    style: styles,
-    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
-      CustomComponent: Error,
-      Fallback: /*#__PURE__*/_jsx(FieldError, {
-        path: path,
-        showError: showError
-      })
-    }), Label || /*#__PURE__*/_jsx(FieldLabel, {
-      label: label,
-      localized: localized,
-      path: path,
-      required: required
-    }), /*#__PURE__*/_jsxs("div", {
-      className: `${baseClass}__wrap`,
-      children: [/*#__PURE__*/_jsxs(ErrorBoundary, {
-        fallbackRender: fallbackRender,
-        onReset: () => {},
-        children: [BeforeInput, /*#__PURE__*/_jsx(BulkUploadProvider, {
-          drawerSlugPrefix: path,
-          children: /*#__PURE__*/_jsx(LexicalProvider, {
-            composerKey: pathWithEditDepth,
-            editorConfig: editorConfig,
-            fieldProps: props,
-            isSmallWidthViewport: isSmallWidthViewport,
-            onChange: handleChange,
-            readOnly: disabled,
-            rtl: rtl,
-            value: value_0
-          }, JSON.stringify({
-            path,
-            rerenderProviderKey
-          }))
-        }), AfterInput]
-      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
-        CustomComponent: Description,
-        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-          description: description,
-          path: path
-        })
-      })]
-    })]
-  }, pathWithEditDepth);
+    ]);
+    const { customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {}, disabled: disabledFromField, initialValue, path, setValue, showError, value } = useField({
+        potentiallyStalePath: pathFromProps,
+        validate: memoizedValidate
+    });
+    const disabled = readOnlyFromProps || disabledFromField;
+    const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
+    const [rerenderProviderKey, setRerenderProviderKey] = useState();
+    const prevInitialValueRef = React.useRef(initialValue);
+    const prevValueRef = React.useRef(value);
+    useEffect(()=>{
+        const updateViewPortWidth = ()=>{
+            const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches;
+            if (isNextSmallWidthViewport !== isSmallWidthViewport) {
+                setIsSmallWidthViewport(isNextSmallWidthViewport);
+            }
+        };
+        updateViewPortWidth();
+        window.addEventListener('resize', updateViewPortWidth);
+        return ()=>{
+            window.removeEventListener('resize', updateViewPortWidth);
+        };
+    }, [
+        isSmallWidthViewport
+    ]);
+    const classes = [
+        baseClass,
+        'field-type',
+        className,
+        showError && 'error',
+        disabled && `${baseClass}--read-only`,
+        editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport ? `${baseClass}--show-gutter` : null
+    ].filter(Boolean).join(' ');
+    const pathWithEditDepth = `${path}.${editDepth}`;
+    const runDeprioritized = useRunDeprioritized();
+    // defaults to 500 ms timeout
+    const handleChange = useCallback((editorState)=>{
+        // Capture `editorState` in the closure so we can safely run later.
+        const updateFieldValue = ()=>{
+            const newState = editorState.toJSON();
+            prevValueRef.current = newState;
+            setValue(newState);
+        };
+        // Queue the update for the browser’s idle time (or Safari shim)
+        // and let the hook handle debouncing/cancellation.
+        void runDeprioritized(updateFieldValue);
+    }, [
+        setValue,
+        runDeprioritized
+    ]);
+    // `runDeprioritized` is stable (useCallback inside hook)
+    const styles = useMemo(()=>mergeFieldStyles(field), [
+        field
+    ]);
+    const handleInitialValueChange = useEffectEvent((initialValue)=>{
+        // Object deep equality check here, as re-mounting the editor if
+        // the new value is the same as the old one is not necessary.
+        // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,
+        // so we need to do a deep equality check here that does not care about key order => we use dequal.
+        // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.
+        if (prevValueRef.current !== value && !dequal(prevValueRef.current != null ? JSON.parse(JSON.stringify(prevValueRef.current)) : prevValueRef.current, value)) {
+            prevInitialValueRef.current = initialValue;
+            prevValueRef.current = value;
+            setRerenderProviderKey(new Date());
+        }
+    });
+    useEffect(()=>{
+        // Needs to trigger for object reference changes - otherwise,
+        // reacting to the same initial value change twice will cause
+        // the second change to be ignored, even though the value has changed.
+        // That's because initialValue is not kept up-to-date
+        if (!Object.is(initialValue, prevInitialValueRef.current)) {
+            handleInitialValueChange(initialValue);
+        }
+    }, [
+        initialValue
+    ]);
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: classes,
+        style: styles,
+        children: [
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Error,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
+                    path: path,
+                    showError: showError
+                }, void 0, false, {
+                    fileName: "src/field/Field.tsx",
+                    lineNumber: 193,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/field/Field.tsx",
+                lineNumber: 191,
+                columnNumber: 7
+            }, this),
+            Label || /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                label: label,
+                localized: localized,
+                path: path,
+                required: required
+            }, void 0, false, {
+                fileName: "src/field/Field.tsx",
+                lineNumber: 195,
+                columnNumber: 17
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(ErrorBoundary, {
+                        fallbackRender: fallbackRender,
+                        onReset: ()=>{},
+                        children: [
+                            BeforeInput,
+                            /* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer
+          is rendered in the correct depth (not displayed *behind* the current drawer)*/ /*#__PURE__*/ _jsxDEV(BulkUploadProvider, {
+                                drawerSlugPrefix: path,
+                                children: /*#__PURE__*/ _jsxDEV(LexicalProvider, {
+                                    composerKey: pathWithEditDepth,
+                                    editorConfig: editorConfig,
+                                    fieldProps: props,
+                                    isSmallWidthViewport: isSmallWidthViewport,
+                                    // 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)
+                                    onChange: handleChange,
+                                    readOnly: disabled,
+                                    rtl: rtl,
+                                    value: value
+                                }, JSON.stringify({
+                                    path,
+                                    rerenderProviderKey
+                                }), false, {
+                                    fileName: "src/field/Field.tsx",
+                                    lineNumber: 202,
+                                    columnNumber: 13
+                                }, this)
+                            }, void 0, false, {
+                                fileName: "src/field/Field.tsx",
+                                lineNumber: 201,
+                                columnNumber: 11
+                            }, this),
+                            AfterInput
+                        ]
+                    }, void 0, true, {
+                        fileName: "src/field/Field.tsx",
+                        lineNumber: 197,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Description,
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                            description: description,
+                            path: path
+                        }, void 0, false, {
+                            fileName: "src/field/Field.tsx",
+                            lineNumber: 218,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/field/Field.tsx",
+                        lineNumber: 216,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/field/Field.tsx",
+                lineNumber: 196,
+                columnNumber: 7
+            }, this)
+        ]
+    }, pathWithEditDepth, true, {
+        fileName: "src/field/Field.tsx",
+        lineNumber: 190,
+        columnNumber: 5
+    }, this);
 };
-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__*/ _jsxDEV("div", {
+        className: "errorBoundary",
+        role: "alert",
+        children: [
+            /*#__PURE__*/ _jsxDEV("p", {
+                children: "Something went wrong:"
+            }, void 0, false, {
+                fileName: "src/field/Field.tsx",
+                lineNumber: 230,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("pre", {
+                style: {
+                    color: 'red'
+                },
+                children: error.message
+            }, void 0, false, {
+                fileName: "src/field/Field.tsx",
+                lineNumber: 231,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/field/Field.tsx",
+        lineNumber: 229,
+        columnNumber: 5
+    }, this);
 }
 export const RichText = RichTextComponent;
+
 //# sourceMappingURL=Field.js.map

package/dist/field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["BulkUploadProvider","FieldDescription","FieldError","FieldLabel","isFieldRTL","RenderCustomComponent","useConfig","useEditDepth","useEffectEvent","useField","useLocale","mergeFieldStyles","dequal","React","useCallback","useEffect","useMemo","useState","ErrorBoundary","LexicalProvider","useRunDeprioritized","baseClass","RichTextComponent","props","editorConfig","field","admin","className","description","readOnly","readOnlyFromAdmin","label","localized","required","path","pathFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","locale","config","localization","localizationConfig","rtl","fieldLocalized","undefined","editDepth","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","disabledFromField","initialValue","setValue","showError","potentiallyStalePath","isSmallWidthViewport","setIsSmallWidthViewport","rerenderProviderKey","setRerenderProviderKey","prevInitialValueRef","useRef","prevValueRef","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","classes","hideGutter","filter","Boolean","join","pathWithEditDepth","runDeprioritized","handleChange","editorState","updateFieldValue","newState","toJSON","current","styles","handleInitialValueChange","JSON","parse","stringify","Date","Object","is","_jsxs","style","_jsx","CustomComponent","Fallback","fallbackRender","onReset","drawerSlugPrefix","composerKey","fieldProps","onChange","error","role","color","message","RichText"],"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { EditorState, SerializedEditorState } from 'lexical'\n\nimport {\n  BulkUploadProvider,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  isFieldRTL,\n  RenderCustomComponent,\n  useConfig,\n  useEditDepth,\n  useEffectEvent,\n  useField,\n  useLocale,\n} from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\nimport { dequal } from 'dequal/lite'\nimport { type Validate } from 'payload'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\n\nimport '../lexical/theme/EditorTheme.scss'\nimport './bundled.css'\nimport './index.scss'\n\nimport type { LexicalRichTextFieldProps } from '../types.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport { useRunDeprioritized } from '../utilities/useRunDeprioritized.js'\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    field: {\n      admin: { className, description, readOnly: readOnlyFromAdmin } = {},\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\n  const locale = useLocale()\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const rtl = isFieldRTL({\n    fieldLocalized: localized,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const editDepth = useEditDepth()\n\n  const memoizedValidate = useCallback<Validate>(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n        return validate(value, { ...validationOptions, required })\n      }\n      return true\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    disabled: disabledFromField,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<SerializedEditorState>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || disabledFromField\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n  const [rerenderProviderKey, setRerenderProviderKey] = useState<Date>()\n\n  const prevInitialValueRef = React.useRef<SerializedEditorState | undefined>(initialValue)\n  const prevValueRef = React.useRef<SerializedEditorState | undefined>(value)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport\n      ? `${baseClass}--show-gutter`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const pathWithEditDepth = `${path}.${editDepth}`\n\n  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout\n\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      // Capture `editorState` in the closure so we can safely run later.\n      const updateFieldValue = () => {\n        const newState = editorState.toJSON()\n        prevValueRef.current = newState\n        setValue(newState)\n      }\n\n      // Queue the update for the browser’s idle time (or Safari shim)\n      // and let the hook handle debouncing/cancellation.\n      void runDeprioritized(updateFieldValue)\n    },\n    [setValue, runDeprioritized], // `runDeprioritized` is stable (useCallback inside hook)\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const handleInitialValueChange = useEffectEvent(\n    (initialValue: SerializedEditorState | undefined) => {\n      // Object deep equality check here, as re-mounting the editor if\n      // the new value is the same as the old one is not necessary.\n      // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,\n      // so we need to do a deep equality check here that does not care about key order => we use dequal.\n      // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.\n      if (\n        prevValueRef.current !== value &&\n        !dequal(\n          prevValueRef.current != null\n            ? JSON.parse(JSON.stringify(prevValueRef.current))\n            : prevValueRef.current,\n          value,\n        )\n      ) {\n        prevInitialValueRef.current = initialValue\n        prevValueRef.current = value\n        setRerenderProviderKey(new Date())\n      }\n    },\n  )\n\n  useEffect(() => {\n    // Needs to trigger for object reference changes - otherwise,\n    // reacting to the same initial value change twice will cause\n    // the second change to be ignored, even though the value has changed.\n    // That's because initialValue is not kept up-to-date\n    if (!Object.is(initialValue, prevInitialValueRef.current)) {\n      handleInitialValueChange(initialValue)\n    }\n  }, [initialValue])\n\n  return (\n    <div className={classes} key={pathWithEditDepth} style={styles}>\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\n      />\n      {Label || <FieldLabel label={label} localized={localized} path={path} required={required} />}\n      <div className={`${baseClass}__wrap`}>\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          {BeforeInput}\n          {/* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer\n          is rendered in the correct depth (not displayed *behind* the current drawer)*/}\n          <BulkUploadProvider drawerSlugPrefix={path}>\n            <LexicalProvider\n              composerKey={pathWithEditDepth}\n              editorConfig={editorConfig}\n              fieldProps={props}\n              isSmallWidthViewport={isSmallWidthViewport}\n              key={JSON.stringify({ path, rerenderProviderKey })} // 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={handleChange}\n              readOnly={disabled}\n              rtl={rtl}\n              value={value}\n            />\n          </BulkUploadProvider>\n          {AfterInput}\n        </ErrorBoundary>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }: { error: Error }) {\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 = RichTextComponent\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { EditorState, SerializedEditorState } from 'lexical'\n\nimport {\n  BulkUploadProvider,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  isFieldRTL,\n  RenderCustomComponent,\n  useConfig,\n  useEditDepth,\n  useEffectEvent,\n  useField,\n  useLocale,\n} from '@payloadcms/ui'\nimport { mergeFieldStyles } from '@payloadcms/ui/shared'\nimport { dequal } from 'dequal/lite'\nimport { type Validate } from 'payload'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\n\nimport '../lexical/theme/EditorTheme.scss'\nimport './bundled.css'\nimport './index.scss'\n\nimport type { LexicalRichTextFieldProps } from '../types.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport { useRunDeprioritized } from '../utilities/useRunDeprioritized.js'\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    field: {\n      admin: { className, description, readOnly: readOnlyFromAdmin } = {},\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\n  const locale = useLocale()\n  const {\n    config: { localization: localizationConfig },\n  } = useConfig()\n\n  const rtl = isFieldRTL({\n    fieldLocalized: localized,\n    locale,\n    localizationConfig: localizationConfig || undefined,\n  })\n\n  const editDepth = useEditDepth()\n\n  const memoizedValidate = useCallback<Validate>(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n        return validate(value, { ...validationOptions, required })\n      }\n      return true\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    disabled: disabledFromField,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<SerializedEditorState>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || disabledFromField\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n  const [rerenderProviderKey, setRerenderProviderKey] = useState<Date>()\n\n  const prevInitialValueRef = React.useRef<SerializedEditorState | undefined>(initialValue)\n  const prevValueRef = React.useRef<SerializedEditorState | undefined>(value)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport\n      ? `${baseClass}--show-gutter`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const pathWithEditDepth = `${path}.${editDepth}`\n\n  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout\n\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      // Capture `editorState` in the closure so we can safely run later.\n      const updateFieldValue = () => {\n        const newState = editorState.toJSON()\n        prevValueRef.current = newState\n        setValue(newState)\n      }\n\n      // Queue the update for the browser’s idle time (or Safari shim)\n      // and let the hook handle debouncing/cancellation.\n      void runDeprioritized(updateFieldValue)\n    },\n    [setValue, runDeprioritized], // `runDeprioritized` is stable (useCallback inside hook)\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const handleInitialValueChange = useEffectEvent(\n    (initialValue: SerializedEditorState | undefined) => {\n      // Object deep equality check here, as re-mounting the editor if\n      // the new value is the same as the old one is not necessary.\n      // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,\n      // so we need to do a deep equality check here that does not care about key order => we use dequal.\n      // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.\n      if (\n        prevValueRef.current !== value &&\n        !dequal(\n          prevValueRef.current != null\n            ? JSON.parse(JSON.stringify(prevValueRef.current))\n            : prevValueRef.current,\n          value,\n        )\n      ) {\n        prevInitialValueRef.current = initialValue\n        prevValueRef.current = value\n        setRerenderProviderKey(new Date())\n      }\n    },\n  )\n\n  useEffect(() => {\n    // Needs to trigger for object reference changes - otherwise,\n    // reacting to the same initial value change twice will cause\n    // the second change to be ignored, even though the value has changed.\n    // That's because initialValue is not kept up-to-date\n    if (!Object.is(initialValue, prevInitialValueRef.current)) {\n      handleInitialValueChange(initialValue)\n    }\n  }, [initialValue])\n\n  return (\n    <div className={classes} key={pathWithEditDepth} style={styles}>\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\n      />\n      {Label || <FieldLabel label={label} localized={localized} path={path} required={required} />}\n      <div className={`${baseClass}__wrap`}>\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          {BeforeInput}\n          {/* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer\n          is rendered in the correct depth (not displayed *behind* the current drawer)*/}\n          <BulkUploadProvider drawerSlugPrefix={path}>\n            <LexicalProvider\n              composerKey={pathWithEditDepth}\n              editorConfig={editorConfig}\n              fieldProps={props}\n              isSmallWidthViewport={isSmallWidthViewport}\n              key={JSON.stringify({ path, rerenderProviderKey })} // 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={handleChange}\n              readOnly={disabled}\n              rtl={rtl}\n              value={value}\n            />\n          </BulkUploadProvider>\n          {AfterInput}\n        </ErrorBoundary>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }: { error: Error }) {\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 = RichTextComponent\n"],"names":["BulkUploadProvider","FieldDescription","FieldError","FieldLabel","isFieldRTL","RenderCustomComponent","useConfig","useEditDepth","useEffectEvent","useField","useLocale","mergeFieldStyles","dequal","React","useCallback","useEffect","useMemo","useState","ErrorBoundary","LexicalProvider","useRunDeprioritized","baseClass","RichTextComponent","props","editorConfig","field","admin","className","description","readOnly","readOnlyFromAdmin","label","localized","required","path","pathFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","locale","config","localization","localizationConfig","rtl","fieldLocalized","undefined","editDepth","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","disabledFromField","initialValue","setValue","showError","potentiallyStalePath","isSmallWidthViewport","setIsSmallWidthViewport","rerenderProviderKey","setRerenderProviderKey","prevInitialValueRef","useRef","prevValueRef","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","classes","hideGutter","filter","Boolean","join","pathWithEditDepth","runDeprioritized","handleChange","editorState","updateFieldValue","newState","toJSON","current","styles","handleInitialValueChange","JSON","parse","stringify","Date","Object","is","div","style","CustomComponent","Fallback","fallbackRender","onReset","drawerSlugPrefix","composerKey","fieldProps","onChange","error","role","p","pre","color","message","RichText"],"mappings":"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"}