@portabletext/editor 1.52.4 → 1.52.5

package/lib/index.cjs

@@ -4542,40 +4542,6 @@ function createWithPlaceholderBlock(editorActor) {
     }, editor;
   };
 }
-debugWithName("plugin:withPortableTextSelections");
-function createWithPortableTextSelections(editorActor) {
-  let prevSelection = null;
-  return function(editor) {
-    const emitPortableTextSelection = () => {
-      if (prevSelection !== editor.selection) {
-        let ptRange = null;
-        if (editor.selection) {
-          const existing = SLATE_TO_PORTABLE_TEXT_RANGE.get(editor.selection);
-          existing ? ptRange = existing : (ptRange = slateRangeToSelection({
-            schema: editorActor.getSnapshot().context.schema,
-            editor,
-            range: editor.selection
-          }), SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, ptRange));
-        }
-        ptRange ? editorActor.send({
-          type: "update selection",
-          selection: ptRange
-        }) : editorActor.send({
-          type: "update selection",
-          selection: null
-        });
-      }
-      prevSelection = editor.selection;
-    }, {
-      onChange
-    } = editor;
-    return editor.onChange = () => {
-      onChange(), editorActor.getSnapshot().matches({
-        setup: "setting up"
-      }) || emitPortableTextSelection();
-    }, editor;
-  };
-}
 const debug$b = debugWithName("plugin:withSchemaTypes");
 function createWithSchemaTypes({
   editorActor
@@ -4741,6 +4707,43 @@ function pluginUpdateMarkState(context, editor) {
     });
   }, editor;
 }
+function pluginUpdateSelection({
+  editor,
+  editorActor
+}) {
+  const updateSelection = () => {
+    if (editor.selection) {
+      const existingSelection = SLATE_TO_PORTABLE_TEXT_RANGE.get(editor.selection);
+      if (existingSelection)
+        editorActor.send({
+          type: "update selection",
+          selection: existingSelection
+        });
+      else {
+        const selection = slateRangeToSelection({
+          schema: editorActor.getSnapshot().context.schema,
+          editor,
+          range: editor.selection
+        });
+        SLATE_TO_PORTABLE_TEXT_RANGE.set(editor.selection, selection), editorActor.send({
+          type: "update selection",
+          selection
+        });
+      }
+    } else
+      editorActor.send({
+        type: "update selection",
+        selection: null
+      });
+  }, {
+    onChange
+  } = editor;
+  return editor.onChange = () => {
+    onChange(), editorActor.getSnapshot().matches({
+      setup: "setting up"
+    }) || updateSelection();
+  }, editor;
+}
 function isEditorNode(node) {
   return typeof node == "object" && node !== null ? !("_type" in node) && "children" in node && Array.isArray(node.children) : !1;
 }
@@ -5036,8 +5039,11 @@ const withPlugins = (editor, options) => {
     subscriptions: options.subscriptions
   }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor), withPlaceholderBlock = createWithPlaceholderBlock(editorActor), withUtils = createWithUtils({
     editorActor
-  }), withPortableTextSelections = createWithPortableTextSelections(editorActor);
-  return createWithEventListeners(editorActor)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPlaceholderBlock(withUtils(withMaxBlocks(withUndoRedo(withPatches(withPortableTextSelections(pluginUpdateValue(editorActor.getSnapshot().context, pluginUpdateMarkState(editorActor.getSnapshot().context, e))))))))))));
+  });
+  return createWithEventListeners(editorActor)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPlaceholderBlock(withUtils(withMaxBlocks(withUndoRedo(withPatches(pluginUpdateSelection({
+    editorActor,
+    editor: pluginUpdateValue(editorActor.getSnapshot().context, pluginUpdateMarkState(editorActor.getSnapshot().context, e))
+  }))))))))));
 }, debug$a = debugWithName("setup");
 function createSlateEditor(config) {
   debug$a("Creating new Slate editor instance");
@@ -8422,16 +8428,58 @@ function isAnnotationActive({
 }
 const relayMachine = xstate.setup({
   types: {
+    context: {},
     events: {},
     emitted: {}
   }
 }).createMachine({
   id: "relay",
+  context: {
+    prevSelection: null,
+    lastEventWasFocused: !1
+  },
   on: {
+    focused: {
+      actions: [xstate.assign({
+        lastEventWasFocused: !0
+      }), xstate.emit(({
+        event
+      }) => event)]
+    },
+    selection: [{
+      guard: ({
+        context
+      }) => context.lastEventWasFocused,
+      actions: [xstate.assign({
+        prevSelection: ({
+          event
+        }) => event.selection
+      }), xstate.emit(({
+        event
+      }) => event), xstate.assign({
+        lastEventWasFocused: !1
+      })]
+    }, {
+      guard: ({
+        context,
+        event
+      }) => context.prevSelection !== event.selection,
+      actions: [xstate.assign({
+        prevSelection: ({
+          event
+        }) => event.selection
+      }), xstate.emit(({
+        event
+      }) => event), xstate.assign({
+        lastEventWasFocused: !1
+      })]
+    }],
     "*": {
-      actions: xstate.emit(({
+      actions: [xstate.emit(({
         event
-      }) => event)
+      }) => event), xstate.assign({
+        lastEventWasFocused: !1
+      })]
     }
   }
 });
@@ -10719,22 +10767,11 @@ const debug = debugWithName("component:Editable"), PortableTextEditable = React.
     }
     debug("No result from custom paste handler, pasting normally");
   }, [editorActor, onPaste, portableTextEditor, relayActor, slateEditor]), handleOnFocus = React.useCallback((event_2) => {
-    if (onFocus && onFocus(event_2), !event_2.isDefaultPrevented()) {
-      relayActor.send({
-        type: "focused",
-        event: event_2
-      });
-      const selection_3 = slateEditor.selection ? slateRangeToSelection({
-        schema: editorActor.getSnapshot().context.schema,
-        editor: slateEditor,
-        range: slateEditor.selection
-      }) : null;
-      selection_3 && editorActor.send({
-        type: "update selection",
-        selection: selection_3
-      });
-    }
-  }, [editorActor, onFocus, slateEditor, relayActor]), handleClick = React.useCallback((event_3) => {
+    onFocus && onFocus(event_2), event_2.isDefaultPrevented() || relayActor.send({
+      type: "focused",
+      event: event_2
+    });
+  }, [onFocus, relayActor]), handleClick = React.useCallback((event_3) => {
     if (onClick && onClick(event_3), event_3.isDefaultPrevented() || event_3.isPropagationStopped())
       return;
     const position_3 = getEventPosition({