@portabletext/editor 1.47.2 → 1.47.4

package/lib/_chunks-es/editor-provider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import React, { useEffect, useMemo, createContext, useContext, useState, startTransition, Component } from "react";
-import { ReactEditor, withReact, Slate } from "slate-react";
+import { withReact, ReactEditor, Slate } from "slate-react";
 import { useSelector, useActorRef } from "@xstate/react";
 import debug$g from "debug";
 import isEqual from "lodash/isEqual.js";
@@ -1339,12 +1339,12 @@ const CURRENT_BEHAVIOR_ACTION_SET = /* @__PURE__ */ new WeakMap();
 function withApplyingBehaviorActionSet(editor, fn) {
   const current = CURRENT_BEHAVIOR_ACTION_SET.get(editor);
   if (current) {
-    withApplyingBehaviorActions(editor, fn);
+    fn();
     return;
   }
   CURRENT_BEHAVIOR_ACTION_SET.set(editor, current ?? {
     actionSetId: defaultKeyGenerator()
-  }), withApplyingBehaviorActions(editor, fn), CURRENT_BEHAVIOR_ACTION_SET.set(editor, void 0);
+  }), fn(), CURRENT_BEHAVIOR_ACTION_SET.set(editor, void 0);
 }
 function getCurrentBehaviorActionSetId(editor) {
   return CURRENT_BEHAVIOR_ACTION_SET.get(editor)?.actionSetId;
@@ -2655,7 +2655,10 @@ function createOperationToPatches(editorActor) {
 const insertTextActionImplementation = ({
   action
 }) => {
-  Transforms.insertText(action.editor, action.text);
+  action.editor.marks ? Transforms.insertNodes(action.editor, {
+    text: action.text,
+    ...action.editor.marks
+  }) : Transforms.insertText(action.editor, action.text), action.editor.marks = null;
 };
 function isPortableTextSpan(node) {
   return node._type === "span" && "text" in node && typeof node.text == "string" && (typeof node.marks > "u" || Array.isArray(node.marks) && node.marks.every((mark) => typeof mark == "string"));
@@ -3414,10 +3417,6 @@ const blockSetBehaviorActionImplementation = ({
   }, {
     at: location
   });
-}, blurActionImplementation = ({
-  action
-}) => {
-  ReactEditor.blur(action.editor);
 };
 function getFocusBlock({
   editor
@@ -3748,10 +3747,6 @@ const decoratorAddActionImplementation = ({
   action
 }) => {
   action.effect();
-}, focusActionImplementation = ({
-  action
-}) => {
-  ReactEditor.focus(action.editor);
 }, insertInlineObjectActionImplementation = ({
   context,
   action
@@ -4064,10 +4059,8 @@ const moveBackwardActionImplementation = ({
   "annotation.remove": removeAnnotationActionImplementation,
   "block.set": blockSetBehaviorActionImplementation,
   "block.unset": blockUnsetBehaviorActionImplementation,
-  blur: blurActionImplementation,
   "decorator.add": decoratorAddActionImplementation,
   "decorator.remove": removeDecoratorActionImplementation,
-  focus: focusActionImplementation,
   delete: deleteActionImplementation,
   "delete.backward": deleteBackwardActionImplementation,
   "delete.forward": deleteForwardActionImplementation,
@@ -4119,13 +4112,6 @@ function performAction({
       });
       break;
     }
-    case "blur": {
-      behaviorActionImplementations.blur({
-        context,
-        action
-      });
-      break;
-    }
     case "decorator.add": {
       behaviorActionImplementations["decorator.add"]({
         context,
@@ -4175,13 +4161,6 @@ function performAction({
       });
       break;
     }
-    case "focus": {
-      behaviorActionImplementations.focus({
-        context,
-        action
-      });
-      break;
-    }
     case "history.redo": {
       behaviorActionImplementations["history.redo"]({
         context,
@@ -4358,10 +4337,7 @@ function createWithEventListeners(editorActor) {
           type: "insert.text",
           text
         },
-        editor,
-        defaultActionCallback: () => {
-          insertText(text, options);
-        }
+        editor
       });
     }, editor.redo = () => {
       if (isApplyingBehaviorActions(editor)) {
@@ -4400,10 +4376,7 @@ function createWithEventListeners(editorActor) {
             range
           })
         },
-        editor,
-        defaultActionCallback: () => {
-          select(location);
-        }
+        editor
       });
     }, editor.setFragmentData = () => {
       console.warn("Unexpected call to .setFragmentData(...)");
@@ -5886,8 +5859,7 @@ function performEvent({
   keyGenerator,
   schema,
   getSnapshot,
-  nativeEvent,
-  defaultActionCallback
+  nativeEvent
 }) {
   debug$3(`(${eventCategory(event)})`, JSON.stringify(event, null, 2));
   const defaultAction = isCustomBehaviorEvent(event) || isNativeBehaviorEvent(event) || isAbstractBehaviorEvent(event) ? void 0 : {
@@ -5900,16 +5872,6 @@ function performEvent({
     return listenedNamespace !== void 0 && eventNamespace !== void 0 && listenedNamespace === eventNamespace || listenedNamespace !== void 0 && eventNamespace === void 0 && listenedNamespace === event.type ? !0 : behavior.on === event.type;
   });
   if (eventBehaviors.length === 0) {
-    if (defaultActionCallback) {
-      withApplyingBehaviorActions(editor, () => {
-        try {
-          defaultActionCallback();
-        } catch (error) {
-          console.error(new Error(`Performing action "${event.type}" failed due to: ${error.message}`));
-        }
-      });
-      return;
-    }
     if (!defaultAction)
       return;
     withApplyingBehaviorActions(editor, () => {
@@ -5920,11 +5882,11 @@ function performEvent({
             schema
           },
           action: defaultAction
-        }), editor.onChange();
+        });
       } catch (error) {
         console.error(new Error(`Performing action "${defaultAction.type}" as a result of "${event.type}" failed due to: ${error.message}`));
       }
-    });
+    }), editor.onChange();
     return;
   }
   const guardSnapshot = getSnapshot();
@@ -5951,7 +5913,6 @@ function performEvent({
                 keyGenerator,
                 schema,
                 getSnapshot,
-                defaultActionCallback: void 0,
                 nativeEvent: void 0
               });
               continue;
@@ -5966,45 +5927,53 @@ function performEvent({
                   keyGenerator,
                   schema,
                   getSnapshot,
-                  defaultActionCallback: void 0,
                   nativeEvent: void 0
                 });
-              else
-                try {
-                  performAction({
-                    context: {
-                      keyGenerator,
-                      schema
-                    },
-                    action: {
-                      ...action.event,
-                      editor
-                    }
-                  });
-                } catch (error) {
-                  console.error(new Error(`Performing action "${action.event.type}" as a result of "${event.type}" failed due to: ${error.message}`));
+              else {
+                const internalAction2 = {
+                  ...action.event,
+                  editor
+                };
+                let actionFailed2 = !1;
+                if (withApplyingBehaviorActions(editor, () => {
+                  try {
+                    performAction({
+                      context: {
+                        keyGenerator,
+                        schema
+                      },
+                      action: internalAction2
+                    });
+                  } catch (error) {
+                    console.error(new Error(`Performing action "${action.event.type}" as a result of "${event.type}" failed due to: ${error.message}`)), actionFailed2 = !0;
+                  }
+                }), actionFailed2)
                   break;
-                }
+                editor.onChange();
+              }
               continue;
             }
             const internalAction = {
               ...action,
               editor
             };
-            try {
-              performAction({
-                context: {
-                  keyGenerator,
-                  schema
-                },
-                action: internalAction
-              });
-            } catch (error) {
-              console.error(new Error(`Performing action "${internalAction.type}" as a result of "${event.type}" failed due to: ${error.message}`));
+            let actionFailed = !1;
+            if (withApplyingBehaviorActions(editor, () => {
+              try {
+                performAction({
+                  context: {
+                    keyGenerator,
+                    schema
+                  },
+                  action: internalAction
+                });
+              } catch (error) {
+                console.error(new Error(`Performing action "${internalAction.type}" as a result of "${event.type}" failed due to: ${error.message}`)), actionFailed = !0;
+              }
+            }), actionFailed)
               break;
-            }
+            editor.onChange();
           }
-          editor.onChange();
         }));
       }
       if (behaviorOverwritten) {
@@ -6014,16 +5983,6 @@ function performEvent({
     }
   }
   if (!behaviorOverwritten) {
-    if (defaultActionCallback) {
-      withApplyingBehaviorActions(editor, () => {
-        try {
-          defaultActionCallback();
-        } catch (error) {
-          console.error(new Error(`Performing "${event.type}" failed due to: ${error.message}`));
-        }
-      });
-      return;
-    }
     if (!defaultAction)
       return;
     withApplyingBehaviorActions(editor, () => {
@@ -6034,11 +5993,11 @@ function performEvent({
             schema
           },
           action: defaultAction
-        }), editor.onChange();
+        });
       } catch (error) {
         console.error(new Error(`Performing action "${defaultAction.type}" as a result of "${event.type}" failed due to: ${error.message}`));
       }
-    });
+    }), editor.onChange();
   }
 }
 function slateChildrenToBlocks(schema, value) {
@@ -6182,6 +6141,30 @@ const editorMachine = setup({
     "clear pending events": assign({
       pendingEvents: []
     }),
+    "handle blur": ({
+      event
+    }) => {
+      assertEvent(event, "blur");
+      try {
+        ReactEditor.blur(event.editor);
+      } catch (error) {
+        console.error(new Error(`Failed to blur editor: ${error.message}`));
+      }
+    },
+    "handle focus": ({
+      context
+    }) => {
+      if (!context.slateEditor) {
+        console.error("No Slate editor found to focus");
+        return;
+      }
+      try {
+        const currentSelection = context.slateEditor.selection;
+        ReactEditor.focus(context.slateEditor), currentSelection && Transforms.select(context.slateEditor, currentSelection);
+      } catch (error) {
+        console.error(new Error(`Failed to focus editor: ${error.message}`));
+      }
+    },
     "handle behavior event": ({
       context,
       event,
@@ -6205,10 +6188,14 @@ const editorMachine = setup({
           hasTag: (tag) => self.getSnapshot().hasTag(tag),
           internalDrag: context.internalDrag
         }),
-        nativeEvent: event.nativeEvent,
-        defaultActionCallback: event.type === "behavior event" ? event.defaultActionCallback : void 0
+        nativeEvent: event.nativeEvent
       });
     }
+  },
+  guards: {
+    "slate is busy": ({
+      context
+    }) => context.slateEditor ? context.slateEditor.operations.length > 0 : !1
   }
 }).createMachine({
   id: "editor",
@@ -6387,6 +6374,17 @@ const editorMachine = setup({
             },
             "behavior event": {
               actions: "handle behavior event"
+            },
+            blur: {
+              actions: "handle blur"
+            },
+            focus: {
+              target: ".focusing",
+              actions: [assign({
+                slateEditor: ({
+                  event
+                }) => event.editor
+              })]
             }
           },
           initial: "idle",
@@ -6406,6 +6404,27 @@ const editorMachine = setup({
                 }
               }
             },
+            focusing: {
+              initial: "checking if busy",
+              states: {
+                "checking if busy": {
+                  always: [{
+                    guard: "slate is busy",
+                    target: "busy"
+                  }, {
+                    target: "#editor.edit mode.editable.idle",
+                    actions: ["handle focus"]
+                  }]
+                },
+                busy: {
+                  after: {
+                    10: {
+                      target: "checking if busy"
+                    }
+                  }
+                }
+              }
+            },
             "dragging internally": {
               exit: [({
                 context
@@ -6738,19 +6757,13 @@ function createEditableAPI(editor, editorActor) {
   return {
     focus: () => {
       editorActor.send({
-        type: "behavior event",
-        behaviorEvent: {
-          type: "focus"
-        },
+        type: "focus",
         editor
       });
     },
     blur: () => {
       editorActor.send({
-        type: "behavior event",
-        behaviorEvent: {
-          type: "blur"
-        },
+        type: "blur",
         editor
       });
     },
@@ -7162,6 +7175,18 @@ function createInternalEditorFromActor(editorActor, legacySchema) {
         case "update maxBlocks":
           editorActor.send(event);
           break;
+        case "blur":
+          editorActor.send({
+            type: "blur",
+            editor: slateEditor.instance
+          });
+          break;
+        case "focus":
+          editorActor.send({
+            type: "focus",
+            editor: slateEditor.instance
+          });
+          break;
         case "insert.block object":
           editorActor.send({
             type: "behavior event",