@portabletext/editor 2.8.4 → 2.9.1

package/lib/index.js

@@ -2284,8 +2284,12 @@ PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
 function validateSelection(slateEditor, activeElement) {
   if (!slateEditor.selection)
     return;
-  const root = ReactEditor.findDocumentOrShadowRoot(slateEditor);
-  if (activeElement !== root.activeElement)
+  let root;
+  try {
+    root = ReactEditor.findDocumentOrShadowRoot(slateEditor);
+  } catch {
+  }
+  if (!root || activeElement !== root.activeElement)
     return;
   const domSelection = ReactEditor.getWindow(slateEditor).getSelection();
   if (!domSelection || domSelection.rangeCount === 0)
@@ -8269,28 +8273,104 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
   on: "insert.blocks",
   guard: ({
     event
-  }) => event.placement === "before",
+  }) => {
+    const onlyBlock = event.blocks.length === 1 ? event.blocks.at(0) : void 0;
+    return onlyBlock ? {
+      onlyBlock
+    } : !1;
+  },
   actions: [({
     event
-  }) => event.blocks.map((block, index) => raise({
+  }, {
+    onlyBlock
+  }) => [raise({
+    type: "insert.block",
+    block: onlyBlock,
+    placement: event.placement,
+    select: event.select ?? "end"
+  })]]
+}), defineBehavior({
+  on: "insert.blocks",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    if (event.placement !== "before")
+      return !1;
+    const firstBlockKey = event.blocks.at(0)?._key ?? snapshot.context.keyGenerator(), lastBlockKey = event.blocks.at(-1)?._key ?? snapshot.context.keyGenerator();
+    return {
+      firstBlockKey,
+      lastBlockKey
+    };
+  },
+  actions: [({
+    snapshot,
+    event
+  }, {
+    firstBlockKey,
+    lastBlockKey
+  }) => [...event.blocks.map((block, index) => raise({
     type: "insert.block",
     block,
     placement: index === 0 ? "before" : "after",
-    select: event.select ?? "end"
-  }))]
+    select: index !== event.blocks.length - 1 ? "end" : "none"
+  })), ...event.select === "none" ? [raise({
+    type: "select",
+    at: snapshot.context.selection
+  })] : event.select === "start" ? [raise({
+    type: "select.block",
+    at: [{
+      _key: firstBlockKey
+    }],
+    select: "start"
+  })] : [raise({
+    type: "select.block",
+    at: [{
+      _key: lastBlockKey
+    }],
+    select: "end"
+  })]]]
 }), defineBehavior({
   on: "insert.blocks",
   guard: ({
+    snapshot,
     event
-  }) => event.placement === "after",
+  }) => {
+    if (event.placement !== "after")
+      return !1;
+    const firstBlockKey = event.blocks.at(0)?._key ?? snapshot.context.keyGenerator(), lastBlockKey = event.blocks.at(-1)?._key ?? snapshot.context.keyGenerator();
+    return {
+      firstBlockKey,
+      lastBlockKey
+    };
+  },
   actions: [({
+    snapshot,
     event
-  }) => event.blocks.map((block) => raise({
+  }, {
+    firstBlockKey,
+    lastBlockKey
+  }) => [...event.blocks.map((block, index) => raise({
     type: "insert.block",
     block,
     placement: "after",
-    select: event.select ?? "end"
-  }))]
+    select: index !== event.blocks.length - 1 ? "end" : "none"
+  })), ...event.select === "none" ? [raise({
+    type: "select",
+    at: snapshot.context.selection
+  })] : event.select === "start" ? [raise({
+    type: "select.block",
+    at: [{
+      _key: firstBlockKey
+    }],
+    select: "start"
+  })] : [raise({
+    type: "select.block",
+    at: [{
+      _key: lastBlockKey
+    }],
+    select: "end"
+  })]]]
 }), defineBehavior({
   on: "insert.blocks",
   guard: ({
@@ -8300,49 +8380,123 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     if (event.placement !== "auto")
       return !1;
     const focusTextBlock = getFocusTextBlock(snapshot);
-    return focusTextBlock ? {
-      focusTextBlock
-    } : !1;
+    if (!focusTextBlock || !isEmptyTextBlock(snapshot.context, focusTextBlock.node))
+      return !1;
+    const firstBlockKey = event.blocks.at(0)?._key ?? snapshot.context.keyGenerator(), lastBlockKey = event.blocks.at(-1)?._key ?? snapshot.context.keyGenerator();
+    return {
+      focusTextBlock,
+      firstBlockKey,
+      lastBlockKey
+    };
   },
   actions: [({
-    snapshot,
     event
   }, {
-    focusTextBlock
-  }) => event.blocks.length === 1 ? [raise({
-    type: "insert.block",
-    block: event.blocks[0],
-    placement: "auto",
-    select: event.select ?? "end"
-  })] : isEmptyTextBlock(snapshot.context, focusTextBlock.node) ? event.blocks.map((block, index) => raise({
+    firstBlockKey,
+    lastBlockKey
+  }) => [...event.blocks.map((block, index) => raise({
     type: "insert.block",
     block,
     placement: index === 0 ? "auto" : "after",
-    select: event.select ?? "end"
-  })) : event.blocks.flatMap((block, index) => index === 0 ? [raise({
-    type: "split"
-  }), raise({
-    type: "select.previous block",
+    select: index !== event.blocks.length - 1 ? "end" : "none"
+  })), ...event.select === "none" || event.select === "start" ? [raise({
+    type: "select.block",
+    at: [{
+      _key: firstBlockKey
+    }],
+    select: "start"
+  })] : [raise({
+    type: "select.block",
+    at: [{
+      _key: lastBlockKey
+    }],
     select: "end"
-  }), raise({
+  })]]]
+}), defineBehavior({
+  on: "insert.blocks",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    if (event.placement !== "auto")
+      return !1;
+    const focusTextBlock = getFocusTextBlock(snapshot);
+    if (!focusTextBlock || !snapshot.context.selection)
+      return !1;
+    const focusBlockStartPoint = getBlockStartPoint({
+      context: snapshot.context,
+      block: focusTextBlock
+    }), focusBlockEndPoint = getBlockEndPoint({
+      context: snapshot.context,
+      block: focusTextBlock
+    }), focusTextBlockAfter = sliceTextBlock({
+      context: {
+        schema: snapshot.context.schema,
+        selection: {
+          anchor: snapshot.context.selection.focus,
+          focus: focusBlockEndPoint
+        }
+      },
+      block: focusTextBlock.node
+    });
+    return {
+      firstBlockKey: event.blocks.at(0)?._key ?? snapshot.context.keyGenerator(),
+      focusBlockStartPoint,
+      focusBlockEndPoint,
+      focusTextBlockAfter,
+      selection: snapshot.context.selection
+    };
+  },
+  actions: [({
+    event
+  }, {
+    focusBlockEndPoint,
+    focusTextBlockAfter,
+    selection,
+    firstBlockKey,
+    focusBlockStartPoint
+  }) => [...event.blocks.flatMap((block, index) => index === 0 ? [...isEqualSelectionPoints(selection.focus, focusBlockEndPoint) ? [] : [raise({
+    type: "delete",
+    at: {
+      anchor: selection.focus,
+      focus: focusBlockEndPoint
+    }
+  })], raise({
     type: "insert.block",
     block,
     placement: "auto",
-    select: event.select ?? "end"
+    select: "end"
   })] : index === event.blocks.length - 1 ? [raise({
-    type: "select.next block",
-    select: "start"
-  }), raise({
     type: "insert.block",
     block,
+    placement: "after",
+    select: "end"
+  }), raise({
+    type: "insert.block",
+    block: focusTextBlockAfter,
     placement: "auto",
-    select: event.select ?? "end"
+    select: event.select === "end" ? "none" : "end"
   })] : [raise({
     type: "insert.block",
     block,
     placement: "after",
-    select: event.select ?? "end"
-  })])]
+    select: "end"
+  })]), ...event.select === "none" ? [raise({
+    type: "select",
+    at: selection
+  })] : event.select === "start" ? [isEqualSelectionPoints(selection.focus, focusBlockStartPoint) ? raise({
+    type: "select.block",
+    at: [{
+      _key: firstBlockKey
+    }],
+    select: "start"
+  }) : raise({
+    type: "select",
+    at: {
+      anchor: selection.focus,
+      focus: selection.focus
+    }
+  })] : []]]
 }), defineBehavior({
   on: "insert.blocks",
   guard: ({
@@ -8598,62 +8752,99 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
     to: nextBlock.path
   })]]
 })], abstractSelectBehaviors = [defineBehavior({
-  on: "select.previous block",
+  on: "select.block",
   guard: ({
     snapshot,
     event
   }) => {
-    const previousBlock = getPreviousBlock(snapshot);
-    if (!previousBlock)
+    if (event.select !== "end")
       return !1;
-    const point = event.select === "end" ? getBlockEndPoint({
-      context: snapshot.context,
-      block: previousBlock
-    }) : getBlockStartPoint({
-      context: snapshot.context,
-      block: previousBlock
-    });
-    return {
-      selection: {
-        anchor: point,
-        focus: point
+    const block = getFocusBlock$1({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: {
+          anchor: {
+            path: event.at,
+            offset: 0
+          },
+          focus: {
+            path: event.at,
+            offset: 0
+          }
+        }
       }
-    };
+    });
+    return block ? {
+      blockEndPoint: getBlockEndPoint({
+        context: snapshot.context,
+        block
+      })
+    } : !1;
   },
   actions: [(_, {
-    selection
+    blockEndPoint
   }) => [raise({
     type: "select",
-    at: selection
+    at: {
+      anchor: blockEndPoint,
+      focus: blockEndPoint
+    }
   })]]
 }), defineBehavior({
-  on: "select.next block",
+  on: "select.block",
+  actions: [({
+    event
+  }) => [raise({
+    type: "select",
+    at: {
+      anchor: {
+        path: event.at,
+        offset: 0
+      },
+      focus: {
+        path: event.at,
+        offset: 0
+      }
+    }
+  })]]
+}), defineBehavior({
+  on: "select.previous block",
   guard: ({
-    snapshot,
+    snapshot
+  }) => {
+    const previousBlock = getPreviousBlock(snapshot);
+    return previousBlock ? {
+      previousBlock
+    } : !1;
+  },
+  actions: [({
     event
+  }, {
+    previousBlock
+  }) => [raise({
+    type: "select.block",
+    at: previousBlock.path,
+    select: event.select
+  })]]
+}), defineBehavior({
+  on: "select.next block",
+  guard: ({
+    snapshot
   }) => {
     const nextBlock = getNextBlock(snapshot);
-    if (!nextBlock)
-      return !1;
-    const point = event.select === "end" ? getBlockEndPoint({
-      context: snapshot.context,
-      block: nextBlock
-    }) : getBlockStartPoint({
-      context: snapshot.context,
-      block: nextBlock
-    });
-    return {
-      selection: {
-        anchor: point,
-        focus: point
-      }
-    };
+    return nextBlock ? {
+      nextBlock
+    } : !1;
   },
-  actions: [(_, {
-    selection
+  actions: [({
+    event
+  }, {
+    nextBlock
   }) => [raise({
-    type: "select",
-    at: selection
+    type: "select.block",
+    at: nextBlock.path,
+    select: event.select
   })]]
 })], abstractSerializeBehaviors = [defineBehavior({
   on: "serialize",
@@ -9027,7 +9218,7 @@ const MAX_LIST_LEVEL = 10, clearListOnBackspace = defineBehavior({
 function isSyntheticBehaviorEvent(event) {
   return !isCustomBehaviorEvent(event) && !isNativeBehaviorEvent(event) && !isAbstractBehaviorEvent(event);
 }
-const abstractBehaviorEventTypes = ["annotation.set", "annotation.toggle", "decorator.toggle", "delete.backward", "delete.block", "delete.child", "delete.forward", "delete.text", "deserialize", "deserialize.data", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.inline object", "insert.soft break", "insert.span", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.previous block", "select.next block", "serialize", "serialize.data", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
+const abstractBehaviorEventTypes = ["annotation.set", "annotation.toggle", "decorator.toggle", "delete.backward", "delete.block", "delete.child", "delete.forward", "delete.text", "deserialize", "deserialize.data", "deserialization.success", "deserialization.failure", "insert.blocks", "insert.break", "insert.inline object", "insert.soft break", "insert.span", "list item.add", "list item.remove", "list item.toggle", "move.block down", "move.block up", "select.block", "select.previous block", "select.next block", "serialize", "serialize.data", "serialization.success", "serialization.failure", "split", "style.add", "style.remove", "style.toggle"];
 function isAbstractBehaviorEvent(event) {
   return abstractBehaviorEventTypes.includes(event.type);
 }