@portabletext/editor 1.6.0 → 1.6.1

package/lib/index.mjs

@@ -6236,6 +6236,14 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
   return useMemo(() => /* @__PURE__ */ jsx("span", { ...attributes, ref: spanRef, children: content }, leaf._key), [leaf, attributes, content]);
 };
 Leaf.displayName = "Leaf";
+function withSyncRangeDecorations(slateEditor, syncRangeDecorations) {
+  const originalApply = slateEditor.apply;
+  return slateEditor.apply = (op) => {
+    originalApply(op), op.type !== "set_selection" && syncRangeDecorations(op);
+  }, () => {
+    slateEditor.apply = originalApply;
+  };
+}
 const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   position: "absolute",
   userSelect: "none",
@@ -6267,8 +6275,14 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   useImperativeHandle(forwardedRef, () => ref.current);
   const rangeDecorationsRef = useRef(rangeDecorations), editorActor = useContext(EditorActorContext), {
     schemaTypes
-  } = portableTextEditor, slateEditor = useSlate(), blockTypeName = schemaTypes.block.name, withInsertData = useMemo(() => createWithInsertData(editorActor, schemaTypes), [editorActor, schemaTypes]), withHotKeys = useMemo(() => createWithHotkeys(editorActor, portableTextEditor, hotkeys), [editorActor, hotkeys, portableTextEditor]);
-  useMemo(() => readOnly ? (debug("Editable is in read only mode"), withInsertData(slateEditor)) : (debug("Editable is in edit mode"), withInsertData(withHotKeys(slateEditor))), [readOnly, slateEditor, withHotKeys, withInsertData]);
+  } = portableTextEditor, slateEditor = useSlate(), blockTypeName = schemaTypes.block.name;
+  useMemo(() => {
+    const withInsertData = createWithInsertData(editorActor, schemaTypes);
+    if (readOnly)
+      return debug("Editable is in read only mode"), withInsertData(slateEditor);
+    const withHotKeys = createWithHotkeys(editorActor, portableTextEditor, hotkeys);
+    return debug("Editable is in edit mode"), withInsertData(withHotKeys(slateEditor));
+  }, [editorActor, hotkeys, portableTextEditor, readOnly, schemaTypes, slateEditor]);
   const renderElement = useCallback((eProps) => /* @__PURE__ */ jsx(Element, { ...eProps, readOnly, renderBlock, renderChild, renderListItem, renderStyle, schemaTypes, spellCheck }), [schemaTypes, spellCheck, readOnly, renderBlock, renderChild, renderListItem, renderStyle]), renderLeaf = useCallback((lProps) => {
     if (lProps.leaf._type === "span") {
       let rendered = /* @__PURE__ */ jsx(Leaf, { ...lProps, editorActor, schemaTypes, renderAnnotation, renderChild, renderDecorator, readOnly });
@@ -6343,16 +6357,15 @@ const debug = debugWithName("component:Editable"), PLACEHOLDER_STYLE = {
   }, [editorActor, restoreSelectionFromProps]), useEffect(() => {
     propsSelection && !hasInvalidValue && restoreSelectionFromProps();
   }, [hasInvalidValue, propsSelection, restoreSelectionFromProps]);
-  const originalApply = useMemo(() => slateEditor.apply, [slateEditor]), [syncedRangeDecorations, setSyncedRangeDecorations] = useState(!1);
+  const [syncedRangeDecorations, setSyncedRangeDecorations] = useState(!1);
   useEffect(() => {
     syncedRangeDecorations || (setSyncedRangeDecorations(!0), syncRangeDecorations());
   }, [syncRangeDecorations, syncedRangeDecorations]), useEffect(() => {
     isEqual(rangeDecorations, rangeDecorationsRef.current) || syncRangeDecorations(), rangeDecorationsRef.current = rangeDecorations;
-  }, [rangeDecorations, syncRangeDecorations]), useEffect(() => (slateEditor.apply = (op) => {
-    originalApply(op), op.type !== "set_selection" && syncRangeDecorations(op);
-  }, () => {
-    slateEditor.apply = originalApply;
-  }), [originalApply, slateEditor, syncRangeDecorations]);
+  }, [rangeDecorations, syncRangeDecorations]), useEffect(() => {
+    const teardown = withSyncRangeDecorations(slateEditor, syncRangeDecorations);
+    return () => teardown();
+  }, [slateEditor, syncRangeDecorations]);
   const handleCopy = useCallback((event) => {
     onCopy && onCopy(event) !== void 0 && event.preventDefault();
   }, [onCopy]), handlePaste = useCallback((event_0) => {