@contentful/field-editor-rich-text 3.8.3 → 3.9.1

package/dist/cjs/RichTextEditor.js

@@ -25,13 +25,12 @@ const _emotion = require("emotion");
 const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
 const _noop = _interop_require_default(require("lodash/noop"));
 const _ContentfulEditorProvider = require("./ContentfulEditorProvider");
-const _callbacks = require("./helpers/callbacks");
 const _toSlateValue = require("./helpers/toSlateValue");
 const _misc = require("./internal/misc");
 const _plugins = require("./plugins");
 const _RichTextEditorstyles = require("./RichTextEditor.styles");
 const _SdkProvider = require("./SdkProvider");
-const _SyncEditorValue = require("./SyncEditorValue");
+const _SyncEditorChanges = require("./SyncEditorChanges");
 const _Toolbar = _interop_require_default(require("./Toolbar"));
 const _StickyToolbarWrapper = _interop_require_default(require("./Toolbar/components/StickyToolbarWrapper"));
 function _interop_require_default(obj) {
@@ -86,7 +85,6 @@ const ConnectedRichTextEditor = (props)=>{
         onAction,
         restrictedMarks
     ]);
-    const handleChange = props.onChange;
     const initialValue = _react.useMemo(()=>{
         return (0, _misc.normalizeInitialValue)({
             plugins,
@@ -96,13 +94,10 @@ const ConnectedRichTextEditor = (props)=>{
         props.value,
         plugins
     ]);
-    const onChange = _react.useMemo(()=>(0, _callbacks.createOnChangeCallback)((document)=>{
-            handleChange?.(document);
-        }), [
-        handleChange
-    ]);
     const classNames = (0, _emotion.cx)(_RichTextEditorstyles.styles.editor, props.minHeight !== undefined ? (0, _emotion.css)({
         minHeight: props.minHeight
+    }) : undefined, props.maxHeight !== undefined ? (0, _emotion.css)({
+        maxHeight: props.maxHeight
     }) : undefined, props.isDisabled ? _RichTextEditorstyles.styles.disabled : _RichTextEditorstyles.styles.enabled, props.isToolbarHidden && _RichTextEditorstyles.styles.hiddenToolbar);
     return _react.createElement(_SdkProvider.SdkProvider, {
         sdk: sdk
@@ -115,14 +110,14 @@ const ConnectedRichTextEditor = (props)=>{
         id: id,
         initialValue: initialValue,
         plugins: plugins,
-        disableCorePlugins: _plugins.disableCorePlugins,
-        onChange: onChange
+        disableCorePlugins: _plugins.disableCorePlugins
     }, !props.isToolbarHidden && _react.createElement(_StickyToolbarWrapper.default, {
         isDisabled: props.isDisabled
     }, _react.createElement(_Toolbar.default, {
         isDisabled: props.isDisabled
-    })), _react.createElement(_SyncEditorValue.SyncEditorValue, {
-        incomingValue: initialValue
+    })), _react.createElement(_SyncEditorChanges.SyncEditorChanges, {
+        incomingValue: initialValue,
+        onChange: props.onChange
     }), _react.createElement(_platecore.Plate, {
         id: id,
         editableProps: {

package/dist/cjs/RichTextEditor.styles.js

@@ -28,6 +28,7 @@ const styles = {
         fontSize: _f36tokens.default.spacingM,
         fontFamily: _f36tokens.default.fontStackPrimary,
         minHeight: '400px',
+        overflowY: 'auto',
         background: _f36tokens.default.colorWhite,
         outline: 'none',
         whiteSpace: 'pre-wrap',

package/dist/cjs/{SyncEditorValue.js → SyncEditorChanges.js}

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "SyncEditorValue", {
+Object.defineProperty(exports, "SyncEditorChanges", {
     enumerable: true,
     get: function() {
-        return SyncEditorValue;
+        return SyncEditorChanges;
     }
 });
 const _react = _interop_require_wildcard(require("react"));
+const _platecore = require("@udecode/plate-core");
 const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
+const _callbacks = require("./helpers/callbacks");
 const _hooks = require("./internal/hooks");
-const _misc = require("./internal/misc");
-const _queries = require("./internal/queries");
 const _transforms = require("./internal/transforms");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -58,39 +58,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const setEditorContent = (editor, nodes)=>{
-    (0, _misc.withoutNormalizing)(editor, ()=>{
-        const children = [
-            ...editor.children
-        ];
-        children.forEach((node)=>editor.apply({
-                type: 'remove_node',
-                path: [
-                    0
-                ],
-                node
-            }));
-        if (nodes) {
-            const nodesArray = (0, _queries.isNode)(nodes) ? [
-                nodes
-            ] : nodes;
-            nodesArray.forEach((node, i)=>{
-                editor.apply({
-                    type: 'insert_node',
-                    path: [
-                        i
-                    ],
-                    node
-                });
-            });
-        }
-        const point = (0, _queries.getEndPoint)(editor, []);
-        if (point) {
-            (0, _transforms.select)(editor, point);
-        }
-    });
-};
-const SyncEditorValue = ({ incomingValue  })=>{
+const useAcceptIncomingChanges = (incomingValue)=>{
     const editor = (0, _hooks.usePlateSelectors)().editor();
     const lastIncomingValue = _react.useRef(incomingValue);
     _react.useEffect(()=>{
@@ -98,10 +66,36 @@ const SyncEditorValue = ({ incomingValue  })=>{
             return;
         }
         lastIncomingValue.current = incomingValue;
-        setEditorContent(editor, incomingValue);
+        (0, _transforms.setEditorValue)(editor, incomingValue);
     }, [
         editor,
         incomingValue
     ]);
+};
+const useOnValueChanged = (onChange)=>{
+    const editor = (0, _hooks.usePlateSelectors)().editor();
+    const setEditorOnChange = (0, _platecore.usePlateActions)().onChange();
+    _react.useEffect(()=>{
+        const cb = (0, _callbacks.createOnChangeCallback)(onChange);
+        setEditorOnChange({
+            fn: (document)=>{
+                const operations = editor?.operations.filter((op)=>{
+                    return op.type !== 'set_selection';
+                });
+                if (operations.length === 0) {
+                    return;
+                }
+                cb(document);
+            }
+        });
+    }, [
+        editor,
+        onChange,
+        setEditorOnChange
+    ]);
+};
+const SyncEditorChanges = ({ incomingValue , onChange  })=>{
+    useAcceptIncomingChanges(incomingValue);
+    useOnValueChanged(onChange);
     return null;
 };

package/dist/cjs/helpers/callbacks.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "createOnChangeCallback", {
     }
 });
 const _contentfulslatejsadapter = require("@contentful/contentful-slatejs-adapter");
-const _fastdeepequal = _interop_require_default(require("fast-deep-equal"));
 const _debounce = _interop_require_default(require("lodash/debounce"));
 const _Schema = _interop_require_default(require("../constants/Schema"));
 const _removeInternalMarks = require("./removeInternalMarks");
@@ -18,13 +17,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const createOnChangeCallback = (handler)=>{
-    let cache = null;
-    return (0, _debounce.default)((document)=>{
-        if ((0, _fastdeepequal.default)(document, cache)) {
-            return;
-        }
-        cache = document;
+const createOnChangeCallback = (handler)=>(0, _debounce.default)((document)=>{
         const doc = (0, _removeInternalMarks.removeInternalMarks)((0, _contentfulslatejsadapter.toContentfulDocument)({
             document: document,
             schema: _Schema.default
@@ -32,4 +25,3 @@ const createOnChangeCallback = (handler)=>{
         const cleanedDocument = (0, _removeInternalMarks.removeInternalMarks)(doc);
         handler?.(cleanedDocument);
     }, 500);
-};

package/dist/cjs/internal/misc.js

@@ -15,9 +15,6 @@ _export(exports, {
     normalizeInitialValue: function() {
         return normalizeInitialValue;
     },
-    withoutNormalizing: function() {
-        return withoutNormalizing;
-    },
     focusEditor: function() {
         return focusEditor;
     },
@@ -88,9 +85,6 @@ const normalizeInitialValue = (options, initialValue)=>{
     });
     return editor.children;
 };
-const withoutNormalizing = (editor, fn)=>{
-    return _platecore.withoutNormalizing(editor, fn);
-};
 const focusEditor = (editor, target)=>{
     _platecore.focusEditor(editor, target);
 };

package/dist/cjs/internal/transforms.js

@@ -12,6 +12,9 @@ _export(exports, {
     normalize: function() {
         return normalize;
     },
+    withoutNormalizing: function() {
+        return withoutNormalizing;
+    },
     setSelection: function() {
         return setSelection;
     },
@@ -77,9 +80,13 @@ _export(exports, {
     },
     deleteFragment: function() {
         return deleteFragment;
+    },
+    setEditorValue: function() {
+        return setEditorValue;
     }
 });
 const _platecore = _interop_require_wildcard(require("@udecode/plate-core"));
+const _queries = require("./queries");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -124,6 +131,9 @@ const normalize = (editor, options = {
 })=>{
     return _platecore.normalizeEditor(editor, options);
 };
+const withoutNormalizing = (editor, fn)=>{
+    return _platecore.withoutNormalizing(editor, fn);
+};
 const setSelection = (editor, props)=>{
     return _platecore.setSelection(editor, props);
 };
@@ -193,3 +203,35 @@ const moveNodes = (editor, opts)=>{
 const deleteFragment = (editor, options)=>{
     return _platecore.deleteFragment(editor, options);
 };
+const setEditorValue = (editor, nodes)=>{
+    withoutNormalizing(editor, ()=>{
+        const children = [
+            ...editor.children
+        ];
+        children.forEach((node)=>editor.apply({
+                type: 'remove_node',
+                path: [
+                    0
+                ],
+                node
+            }));
+        if (nodes) {
+            const nodesArray = (0, _queries.isNode)(nodes) ? [
+                nodes
+            ] : nodes;
+            nodesArray.forEach((node, i)=>{
+                editor.apply({
+                    type: 'insert_node',
+                    path: [
+                        i
+                    ],
+                    node
+                });
+            });
+        }
+        const point = (0, _queries.getEndPoint)(editor, []);
+        if (point) {
+            select(editor, point);
+        }
+    });
+};

package/dist/cjs/plugins/List/transforms/moveListItemDown.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "moveListItemDown", {
     }
 });
 const _platelist = require("@udecode/plate-list");
-const _misc = require("../../../internal/misc");
+const _internal = require("../../../internal");
 const _queries = require("../../../internal/queries");
 const _transforms = require("../../../internal/transforms");
 const moveListItemDown = (editor, { list , listItem  })=>{
@@ -28,7 +28,7 @@ const moveListItemDown = (editor, { list , listItem  })=>{
                 type: (0, _platelist.getListTypes)(editor)
             }));
         const newPath = (0, _queries.getNextPath)((0, _queries.getLastChildPath)(subList ?? previousSiblingItem));
-        (0, _misc.withoutNormalizing)(editor, ()=>{
+        (0, _internal.withoutNormalizing)(editor, ()=>{
             if (!subList) {
                 (0, _transforms.wrapNodes)(editor, {
                     type: listNode.type,

package/dist/cjs/plugins/List/transforms/moveListItems.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "moveListItems", {
     }
 });
 const _platelist = require("@udecode/plate-list");
-const _misc = require("../../../internal/misc");
+const _internal = require("../../../internal");
 const _queries = require("../../../internal/queries");
 const _moveListItemDown = require("./moveListItemDown");
 const moveListItems = (editor, { increase =true , at =editor.selection ?? undefined  } = {})=>{
@@ -36,7 +36,7 @@ const moveListItems = (editor, { increase =true , at =editor.selection ?? undefi
         }
     });
     const licPathRefsToMove = increase ? highestLicPathRefs : highestLicPathRefs.reverse();
-    (0, _misc.withoutNormalizing)(editor, ()=>{
+    (0, _internal.withoutNormalizing)(editor, ()=>{
         licPathRefsToMove.forEach((licPathRef)=>{
             const licPath = licPathRef.unref();
             if (!licPath) return;

package/dist/cjs/plugins/List/transforms/toggleList.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "toggleList", {
 });
 const _richtexttypes = require("@contentful/rich-text-types");
 const _platelist = require("@udecode/plate-list");
+const _internal = require("../../../internal");
 const _constants = require("../../../internal/constants");
-const _misc = require("../../../internal/misc");
 const _queries = require("../../../internal/queries");
 const _transforms = require("../../../internal/transforms");
 const _unwrapList = require("./unwrapList");
@@ -19,7 +19,7 @@ const listTypes = [
     _richtexttypes.BLOCKS.UL_LIST,
     _richtexttypes.BLOCKS.OL_LIST
 ];
-const toggleList = (editor, { type  })=>(0, _misc.withoutNormalizing)(editor, ()=>{
+const toggleList = (editor, { type  })=>(0, _internal.withoutNormalizing)(editor, ()=>{
         if (!editor.selection) {
             return;
         }

package/dist/esm/RichTextEditor.js

@@ -7,13 +7,12 @@ import { css, cx } from 'emotion';
 import deepEquals from 'fast-deep-equal';
 import noop from 'lodash/noop';
 import { ContentfulEditorIdProvider, getContentfulEditorId } from './ContentfulEditorProvider';
-import { createOnChangeCallback } from './helpers/callbacks';
 import { toSlateValue } from './helpers/toSlateValue';
 import { normalizeInitialValue } from './internal/misc';
 import { getPlugins, disableCorePlugins } from './plugins';
 import { styles } from './RichTextEditor.styles';
 import { SdkProvider } from './SdkProvider';
-import { SyncEditorValue } from './SyncEditorValue';
+import { SyncEditorChanges } from './SyncEditorChanges';
 import Toolbar from './Toolbar';
 import StickyToolbarWrapper from './Toolbar/components/StickyToolbarWrapper';
 export const ConnectedRichTextEditor = (props)=>{
@@ -24,7 +23,6 @@ export const ConnectedRichTextEditor = (props)=>{
         onAction,
         restrictedMarks
     ]);
-    const handleChange = props.onChange;
     const initialValue = React.useMemo(()=>{
         return normalizeInitialValue({
             plugins,
@@ -34,13 +32,10 @@ export const ConnectedRichTextEditor = (props)=>{
         props.value,
         plugins
     ]);
-    const onChange = React.useMemo(()=>createOnChangeCallback((document)=>{
-            handleChange?.(document);
-        }), [
-        handleChange
-    ]);
     const classNames = cx(styles.editor, props.minHeight !== undefined ? css({
         minHeight: props.minHeight
+    }) : undefined, props.maxHeight !== undefined ? css({
+        maxHeight: props.maxHeight
     }) : undefined, props.isDisabled ? styles.disabled : styles.enabled, props.isToolbarHidden && styles.hiddenToolbar);
     return React.createElement(SdkProvider, {
         sdk: sdk
@@ -53,14 +48,14 @@ export const ConnectedRichTextEditor = (props)=>{
         id: id,
         initialValue: initialValue,
         plugins: plugins,
-        disableCorePlugins: disableCorePlugins,
-        onChange: onChange
+        disableCorePlugins: disableCorePlugins
     }, !props.isToolbarHidden && React.createElement(StickyToolbarWrapper, {
         isDisabled: props.isDisabled
     }, React.createElement(Toolbar, {
         isDisabled: props.isDisabled
-    })), React.createElement(SyncEditorValue, {
-        incomingValue: initialValue
+    })), React.createElement(SyncEditorChanges, {
+        incomingValue: initialValue,
+        onChange: props.onChange
     }), React.createElement(Plate, {
         id: id,
         editableProps: {

package/dist/esm/RichTextEditor.styles.js

@@ -13,6 +13,7 @@ export const styles = {
         fontSize: tokens.spacingM,
         fontFamily: tokens.fontStackPrimary,
         minHeight: '400px',
+        overflowY: 'auto',
         background: tokens.colorWhite,
         outline: 'none',
         whiteSpace: 'pre-wrap',

package/dist/esm/SyncEditorChanges.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { usePlateActions } from '@udecode/plate-core';
+import equal from 'fast-deep-equal';
+import { createOnChangeCallback } from './helpers/callbacks';
+import { usePlateSelectors } from './internal/hooks';
+import { setEditorValue } from './internal/transforms';
+const useAcceptIncomingChanges = (incomingValue)=>{
+    const editor = usePlateSelectors().editor();
+    const lastIncomingValue = React.useRef(incomingValue);
+    React.useEffect(()=>{
+        if (equal(lastIncomingValue.current, incomingValue)) {
+            return;
+        }
+        lastIncomingValue.current = incomingValue;
+        setEditorValue(editor, incomingValue);
+    }, [
+        editor,
+        incomingValue
+    ]);
+};
+const useOnValueChanged = (onChange)=>{
+    const editor = usePlateSelectors().editor();
+    const setEditorOnChange = usePlateActions().onChange();
+    React.useEffect(()=>{
+        const cb = createOnChangeCallback(onChange);
+        setEditorOnChange({
+            fn: (document)=>{
+                const operations = editor?.operations.filter((op)=>{
+                    return op.type !== 'set_selection';
+                });
+                if (operations.length === 0) {
+                    return;
+                }
+                cb(document);
+            }
+        });
+    }, [
+        editor,
+        onChange,
+        setEditorOnChange
+    ]);
+};
+export const SyncEditorChanges = ({ incomingValue , onChange  })=>{
+    useAcceptIncomingChanges(incomingValue);
+    useOnValueChanged(onChange);
+    return null;
+};

package/dist/esm/helpers/callbacks.js

@@ -1,15 +1,8 @@
 import { toContentfulDocument } from '@contentful/contentful-slatejs-adapter';
-import equal from 'fast-deep-equal';
 import debounce from 'lodash/debounce';
 import schema from '../constants/Schema';
 import { removeInternalMarks } from './removeInternalMarks';
-export const createOnChangeCallback = (handler)=>{
-    let cache = null;
-    return debounce((document)=>{
-        if (equal(document, cache)) {
-            return;
-        }
-        cache = document;
+export const createOnChangeCallback = (handler)=>debounce((document)=>{
         const doc = removeInternalMarks(toContentfulDocument({
             document: document,
             schema: schema
@@ -17,4 +10,3 @@ export const createOnChangeCallback = (handler)=>{
         const cleanedDocument = removeInternalMarks(doc);
         handler?.(cleanedDocument);
     }, 500);
-};

package/dist/esm/internal/misc.js

@@ -13,9 +13,6 @@ export const normalizeInitialValue = (options, initialValue)=>{
     });
     return editor.children;
 };
-export const withoutNormalizing = (editor, fn)=>{
-    return p.withoutNormalizing(editor, fn);
-};
 export const focusEditor = (editor, target)=>{
     p.focusEditor(editor, target);
 };

package/dist/esm/internal/transforms.js

@@ -1,9 +1,13 @@
 import * as p from '@udecode/plate-core';
+import { getEndPoint, isNode } from './queries';
 export const normalize = (editor, options = {
     force: true
 })=>{
     return p.normalizeEditor(editor, options);
 };
+export const withoutNormalizing = (editor, fn)=>{
+    return p.withoutNormalizing(editor, fn);
+};
 export const setSelection = (editor, props)=>{
     return p.setSelection(editor, props);
 };
@@ -73,3 +77,35 @@ export const moveNodes = (editor, opts)=>{
 export const deleteFragment = (editor, options)=>{
     return p.deleteFragment(editor, options);
 };
+export const setEditorValue = (editor, nodes)=>{
+    withoutNormalizing(editor, ()=>{
+        const children = [
+            ...editor.children
+        ];
+        children.forEach((node)=>editor.apply({
+                type: 'remove_node',
+                path: [
+                    0
+                ],
+                node
+            }));
+        if (nodes) {
+            const nodesArray = isNode(nodes) ? [
+                nodes
+            ] : nodes;
+            nodesArray.forEach((node, i)=>{
+                editor.apply({
+                    type: 'insert_node',
+                    path: [
+                        i
+                    ],
+                    node
+                });
+            });
+        }
+        const point = getEndPoint(editor, []);
+        if (point) {
+            select(editor, point);
+        }
+    });
+};

package/dist/esm/plugins/List/transforms/moveListItemDown.js

@@ -1,5 +1,5 @@
 import { getListTypes } from '@udecode/plate-list';
-import { withoutNormalizing } from '../../../internal/misc';
+import { withoutNormalizing } from '../../../internal';
 import { getNodeEntry, getNodeChildren, getNextPath, getPreviousPath, getLastChildPath, match } from '../../../internal/queries';
 import { wrapNodes, moveNodes } from '../../../internal/transforms';
 export const moveListItemDown = (editor, { list , listItem  })=>{

package/dist/esm/plugins/List/transforms/moveListItems.js

@@ -1,5 +1,5 @@
 import { isListNested, ELEMENT_LIC, getListItemEntry, moveListItemUp } from '@udecode/plate-list';
-import { withoutNormalizing } from '../../../internal/misc';
+import { withoutNormalizing } from '../../../internal';
 import { getNodeEntries, getPluginType, createPathRef, getParentPath, isAncestorPath } from '../../../internal/queries';
 import { moveListItemDown } from './moveListItemDown';
 export const moveListItems = (editor, { increase =true , at =editor.selection ?? undefined  } = {})=>{

package/dist/esm/plugins/List/transforms/toggleList.js

@@ -1,8 +1,8 @@
 import { BLOCKS } from '@contentful/rich-text-types';
 import { ELEMENT_LIC } from '@udecode/plate-list';
 import { getListItemEntry } from '@udecode/plate-list';
+import { withoutNormalizing } from '../../../internal';
 import { ELEMENT_DEFAULT } from '../../../internal/constants';
-import { withoutNormalizing } from '../../../internal/misc';
 import { findNode, getNodeEntries, isRangeCollapsed, getRangeEdges, isRangeAcrossBlocks, getParentNode, getPluginType, getCommonNode, getRangeStart, getRangeEnd } from '../../../internal/queries';
 import { setNodes, wrapNodes } from '../../../internal/transforms';
 import { unwrapList } from './unwrapList';

package/dist/types/RichTextEditor.d.ts

@@ -6,6 +6,7 @@ type ConnectedProps = {
     sdk: FieldExtensionSDK;
     onAction?: RichTextTrackingActionHandler;
     minHeight?: string | number;
+    maxHeight?: string | number;
     value?: Contentful.Document;
     isDisabled?: boolean;
     onChange?: (doc: Contentful.Document) => unknown;

package/dist/types/SyncEditorChanges.d.ts

@@ -0,0 +1,16 @@
+import * as Contentful from '@contentful/rich-text-types';
+import { Value } from './internal/types';
+export type SyncEditorStateProps = {
+    incomingValue?: Value;
+    onChange?: (doc: Contentful.Document) => unknown;
+};
+/**
+ * A void component that's responsible for keeping the editor
+ * state in sync with incoming changes (aka. external updates) and
+ * triggering onChange events.
+ *
+ * This component is a hack to work around the limitation of Plate v17+
+ * where we can no longer access the editor instance outside the Plate
+ * provider.
+ */
+export declare const SyncEditorChanges: ({ incomingValue, onChange }: SyncEditorStateProps) => null;

package/dist/types/internal/misc.d.ts

@@ -48,7 +48,6 @@ export declare const createPlateEditor: (options?: CreatePlateEditorOptions) =>
  *      examples.
  */
 export declare const normalizeInitialValue: (options: CreatePlateEditorOptions, initialValue?: Value) => Value;
-export declare const withoutNormalizing: (editor: PlateEditor, fn: () => boolean | void) => boolean;
 export declare const focusEditor: (editor: PlateEditor, target?: Location) => void;
 export declare const blurEditor: (editor: PlateEditor) => void;
 export declare const selectEditor: (editor: PlateEditor, opts: p.SelectEditorOptions) => void;

package/dist/types/internal/transforms.d.ts

@@ -6,6 +6,7 @@ import { PlateEditor, Node, ToggleNodeTypeOptions, EditorNodesOptions, BaseRange
  * Apply editor normalization rules
  */
 export declare const normalize: (editor: PlateEditor, options?: s.EditorNormalizeOptions) => void;
+export declare const withoutNormalizing: (editor: PlateEditor, fn: () => boolean | void) => boolean;
 /**
  * Set the selection to a location
  */
@@ -31,3 +32,11 @@ export declare const deleteText: (editor: PlateEditor, opts?: Parameters<typeof
 export declare const removeNodes: (editor: PlateEditor, opts?: p.RemoveNodesOptions<Value>) => void;
 export declare const moveNodes: (editor: PlateEditor, opts?: p.MoveNodesOptions<Value>) => void;
 export declare const deleteFragment: (editor: PlateEditor, options?: s.EditorFragmentDeletionOptions | undefined) => void;
+/**
+ * Plate api doesn't allow to modify (easily) the editor value
+ * programmatically after the editor instance is created.
+ *
+ * This function is inspired by:
+ * https://github.com/udecode/plate/issues/1269#issuecomment-1057643622
+ */
+export declare const setEditorValue: (editor: PlateEditor, nodes?: Node[]) => void;

package/dist/types/test-utils/jsx.d.ts

@@ -3,7 +3,7 @@
  *
  * Add items as needed. Don't forget to adjust hyperscript.d.ts
  */
-export declare const jsx: <S extends "text" | "selection" | "editor" | "anchor" | "element" | "focus" | "cursor" | "fragment">(tagName: S, attributes?: Object | undefined, ...children: any[]) => ReturnType<({
+export declare const jsx: <S extends "text" | "selection" | "editor" | "element" | "anchor" | "focus" | "cursor" | "fragment">(tagName: S, attributes?: Object | undefined, ...children: any[]) => ReturnType<({
     anchor: typeof import("slate-hyperscript/dist/creators").createAnchor;
     cursor: typeof import("slate-hyperscript/dist/creators").createCursor;
     editor: (tagName: string, attributes: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-rich-text",
-  "version": "3.8.3",
+  "version": "3.9.1",
   "source": "./src/index.tsx",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -81,5 +81,5 @@
     "prism-react-renderer": "2.0.5",
     "react": ">=16.14.0"
   },
-  "gitHead": "b7e8ebd1b812512d967805061f812350b4cb08bf"
+  "gitHead": "9d756d6a40beb272f5f2fa7b445d3e2f0ef45719"
 }

package/dist/esm/SyncEditorValue.js

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import equal from 'fast-deep-equal';
-import { usePlateSelectors } from './internal/hooks';
-import { withoutNormalizing } from './internal/misc';
-import { isNode, getEndPoint } from './internal/queries';
-import { select } from './internal/transforms';
-const setEditorContent = (editor, nodes)=>{
-    withoutNormalizing(editor, ()=>{
-        const children = [
-            ...editor.children
-        ];
-        children.forEach((node)=>editor.apply({
-                type: 'remove_node',
-                path: [
-                    0
-                ],
-                node
-            }));
-        if (nodes) {
-            const nodesArray = isNode(nodes) ? [
-                nodes
-            ] : nodes;
-            nodesArray.forEach((node, i)=>{
-                editor.apply({
-                    type: 'insert_node',
-                    path: [
-                        i
-                    ],
-                    node
-                });
-            });
-        }
-        const point = getEndPoint(editor, []);
-        if (point) {
-            select(editor, point);
-        }
-    });
-};
-export const SyncEditorValue = ({ incomingValue  })=>{
-    const editor = usePlateSelectors().editor();
-    const lastIncomingValue = React.useRef(incomingValue);
-    React.useEffect(()=>{
-        if (equal(lastIncomingValue.current, incomingValue)) {
-            return;
-        }
-        lastIncomingValue.current = incomingValue;
-        setEditorContent(editor, incomingValue);
-    }, [
-        editor,
-        incomingValue
-    ]);
-    return null;
-};

package/dist/types/SyncEditorValue.d.ts

@@ -1,13 +0,0 @@
-import { Value } from './internal/types';
-export type SyncEditorStateProps = {
-    incomingValue?: Value;
-};
-/**
- * A void component that's responsible for keeping the editor
- * state in sync with incoming changes (aka. external updates)
- *
- * This component is a hack to workaround the limitation of Plate v17+
- * where we can no longer access the editor instance outside the Plate
- * provider.
- */
-export declare const SyncEditorValue: ({ incomingValue }: SyncEditorStateProps) => null;