@portabletext/editor 3.0.9 → 3.1.0

package/lib/index.js

@@ -5,7 +5,7 @@ import noop from "lodash/noop.js";
 import { createContext, useContext, useEffect, useState, useRef, forwardRef, Component, startTransition } from "react";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Path, Transforms, Operation, deleteText, createEditor } from "slate";
 import { useSelected, useSlateSelector, useSlateStatic, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
-import debug$j from "debug";
+import debug$i from "debug";
 import { DOMEditor, isDOMNode, EDITOR_TO_PENDING_SELECTION, IS_FOCUSED, IS_READ_ONLY } from "slate-dom";
 import { getBlockEndPoint, getBlockStartPoint, getBlockKeyFromSelectionPoint, isSelectionCollapsed, isEqualSelectionPoints, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, defaultKeyGenerator, parseBlocks, parseBlock, parseAnnotation, parseMarkDefs, parseSpan, parseInlineObject, isKeyedSegment, isListBlock, isTypedObject, getSelectionStartPoint, getSelectionEndPoint } from "./_chunks-es/util.slice-blocks.js";
 import isEqual from "lodash/isEqual.js";
@@ -29,10 +29,10 @@ import { EditorContext } from "./_chunks-es/use-editor.js";
 import { useEditor } from "./_chunks-es/use-editor.js";
 import { Subject } from "rxjs";
 const rootName = "sanity-pte:";
-debug$j(rootName);
+debug$i(rootName);
 function debugWithName(name) {
   const namespace = `${rootName}${name}`;
-  return debug$j && debug$j.enabled(namespace) ? debug$j(namespace) : debug$j(rootName);
+  return debug$i && debug$i.enabled(namespace) ? debug$i(namespace) : debug$i(rootName);
 }
 const VOID_CHILD_KEY = "void-child";
 function keepObjectEquality(object, keyMap) {
@@ -1538,7 +1538,7 @@ function toKeyName(name) {
   const keyName = name.toLowerCase();
   return aliases[keyName] ?? keyName;
 }
-const debug$i = debugWithName("plugin:withHotKeys");
+const debug$h = debugWithName("plugin:withHotKeys");
 function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions) {
   const reservedHotkeys = ["enter", "tab", "shift", "delete", "end"], activeHotkeys = hotkeysFromOptions ?? {};
   return function(editor) {
@@ -1553,7 +1553,7 @@ function createWithHotkeys(editorActor, portableTextEditor, hotkeysFromOptions)
               const possibleMark = activeHotkeys[cat];
               if (possibleMark) {
                 const mark = possibleMark[hotkey];
-                debug$i(`HotKey ${hotkey} to toggle ${mark}`), editorActor.send({
+                debug$h(`HotKey ${hotkey} to toggle ${mark}`), editorActor.send({
                   type: "behavior event",
                   behaviorEvent: {
                     type: "decorator.toggle",
@@ -1882,7 +1882,7 @@ function createDecorate(schema, slateEditor) {
     }) || Range.includes(decoratedRange, path));
   };
 }
-const RelayActorContext = createContext({}), debug$h = debugWithName("validate selection machine"), validateSelectionSetup = setup({
+const RelayActorContext = createContext({}), debug$g = debugWithName("validate selection machine"), validateSelectionSetup = setup({
   types: {
     context: {},
     input: {},
@@ -1954,12 +1954,12 @@ function validateSelection(slateEditor, editorElement) {
   const existingDOMRange = domSelection.getRangeAt(0);
   try {
     const newDOMRange = ReactEditor.toDOMRange(slateEditor, slateEditor.selection);
-    (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug$h("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
+    (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug$g("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
   } catch {
-    debug$h("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.onChange();
+    debug$g("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, Editor.start(slateEditor, [])), slateEditor.onChange();
   }
 }
-const debug$g = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
+const debug$f = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
   const $ = c(176);
   let hotkeys, onBeforeInput, onBlur, onClick, onCopy, onCut, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onFocus, onPaste, propsSelection, rangeDecorations, renderAnnotation, renderBlock, renderChild, renderDecorator, renderListItem, renderPlaceholder, renderStyle, restProps, scrollSelectionIntoView, spellCheck;
   $[0] !== props ? ({
@@ -2048,10 +2048,10 @@ const debug$g = debugWithName("component:Editable"), PortableTextEditable = forw
   let t14;
   $[63] !== editorActor || $[64] !== propsSelection || $[65] !== slateEditor ? (t14 = () => {
     if (propsSelection) {
-      debug$g(`Selection from props ${JSON.stringify(propsSelection)}`);
+      debug$f(`Selection from props ${JSON.stringify(propsSelection)}`);
       const normalizedSelection = normalizeSelection(propsSelection, slateEditor.value);
       if (normalizedSelection !== null) {
-        debug$g(`Normalized selection from props ${JSON.stringify(normalizedSelection)}`);
+        debug$f(`Normalized selection from props ${JSON.stringify(normalizedSelection)}`);
         const slateRange = toSlateRange({
           context: {
             schema: editorActor.getSnapshot().context.schema,
@@ -2163,8 +2163,8 @@ const debug$g = debugWithName("component:Editable"), PortableTextEditable = forw
       event_1.preventDefault(), relayActor.send({
         type: "loading"
       }), Promise.resolve(onPasteResult).then((result_1) => {
-        if (debug$g("Custom paste function from client resolved", result_1), !result_1 || !result_1.insert) {
-          debug$g("No result from custom paste handler, pasting normally");
+        if (debug$f("Custom paste function from client resolved", result_1), !result_1 || !result_1.insert) {
+          debug$f("No result from custom paste handler, pasting normally");
           const selection_1 = editorActor.getSnapshot().context.selection, position_1 = selection_1 ? {
             selection: selection_1
           } : void 0;
@@ -2232,7 +2232,7 @@ const debug$g = debugWithName("component:Editable"), PortableTextEditable = forw
         nativeEvent: event_1
       });
     }
-    debug$g("No result from custom paste handler, pasting normally");
+    debug$f("No result from custom paste handler, pasting normally");
   }, $[85] = editorActor, $[86] = onPaste, $[87] = portableTextEditor, $[88] = relayActor, $[89] = slateEditor, $[90] = t21) : t21 = $[90];
   const handlePaste = t21;
   let t22;
@@ -2972,7 +2972,7 @@ function mergeIntoLastStep(steps, lastStep, op) {
     operations: [...lastStep.operations, op]
   }];
 }
-const debug$f = debugWithName("plugin:history"), UNDO_STEP_LIMIT = 1e3;
+const debug$e = debugWithName("plugin:history"), UNDO_STEP_LIMIT = 1e3;
 function pluginHistory({
   editorActor,
   subscriptions
@@ -2989,7 +2989,7 @@ function pluginHistory({
         for (const patch of patches)
           if (!reset && patch.origin !== "local") {
             if (patch.type === "unset" && patch.path.length === 0) {
-              debug$f("Someone else cleared the content, resetting undo/redo history"), editor.history = {
+              debug$e("Someone else cleared the content, resetting undo/redo history"), editor.history = {
                 undos: [],
                 redos: []
               }, remotePatches.splice(0, remotePatches.length), setWithHistory(editor, !0), reset = !0;
@@ -3074,7 +3074,7 @@ function getNextSpan({
     }
   return nextSpan;
 }
-const debug$e = debugWithName("plugin:withPortableTextMarkModel");
+const debug$d = debugWithName("plugin:withPortableTextMarkModel");
 function createWithPortableTextMarkModel(editorActor) {
   return function(editor) {
     const {
@@ -3088,7 +3088,7 @@ function createWithPortableTextMarkModel(editorActor) {
         for (const [child, childPath] of children) {
           const nextNode = node.children[childPath[1] + 1];
           if (editor.isTextSpan(child) && editor.isTextSpan(nextNode) && child.marks?.every((mark) => nextNode.marks?.includes(mark)) && nextNode.marks?.every((mark) => child.marks?.includes(mark))) {
-            debug$e("Merging spans", JSON.stringify(child, null, 2), JSON.stringify(nextNode, null, 2)), withNormalizeNode(editor, () => {
+            debug$d("Merging spans", JSON.stringify(child, null, 2), JSON.stringify(nextNode, null, 2)), withNormalizeNode(editor, () => {
               Transforms.mergeNodes(editor, {
                 at: [childPath[0], childPath[1] + 1],
                 voids: !0
@@ -3099,7 +3099,7 @@ function createWithPortableTextMarkModel(editorActor) {
         }
       }
       if (editor.isTextBlock(node) && !Array.isArray(node.markDefs)) {
-        debug$e("Adding .markDefs to block node"), withNormalizeNode(editor, () => {
+        debug$d("Adding .markDefs to block node"), withNormalizeNode(editor, () => {
           Transforms.setNodes(editor, {
             markDefs: []
           }, {
@@ -3109,7 +3109,7 @@ function createWithPortableTextMarkModel(editorActor) {
         return;
       }
       if (defaultStyle && editor.isTextBlock(node) && typeof node.style > "u") {
-        debug$e("Adding .style to block node"), withNormalizeNode(editor, () => {
+        debug$d("Adding .style to block node"), withNormalizeNode(editor, () => {
           Transforms.setNodes(editor, {
             style: defaultStyle
           }, {
@@ -3119,7 +3119,7 @@ function createWithPortableTextMarkModel(editorActor) {
         return;
       }
       if (editor.isTextSpan(node) && !Array.isArray(node.marks)) {
-        debug$e("Adding .marks to span node"), withNormalizeNode(editor, () => {
+        debug$d("Adding .marks to span node"), withNormalizeNode(editor, () => {
           Transforms.setNodes(editor, {
             marks: []
           }, {
@@ -3131,7 +3131,7 @@ function createWithPortableTextMarkModel(editorActor) {
       if (editor.isTextSpan(node)) {
         const blockPath = Path.parent(path), [block] = Editor.node(editor, blockPath), decorators2 = editorActor.getSnapshot().context.schema.decorators.map((decorator) => decorator.name), annotations = node.marks?.filter((mark) => !decorators2.includes(mark));
         if (editor.isTextBlock(block) && node.text === "" && annotations && annotations.length > 0) {
-          debug$e("Removing annotations from empty span node"), withNormalizeNode(editor, () => {
+          debug$d("Removing annotations from empty span node"), withNormalizeNode(editor, () => {
             Transforms.setNodes(editor, {
               marks: node.marks?.filter((mark) => decorators2.includes(mark))
             }, {
@@ -3147,7 +3147,7 @@ function createWithPortableTextMarkModel(editorActor) {
           if (editor.isTextSpan(child)) {
             const marks = child.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !node.markDefs?.find((def) => def._key === mark));
             if (orphanedAnnotations.length > 0) {
-              debug$e("Removing orphaned annotations from span node"), withNormalizeNode(editor, () => {
+              debug$d("Removing orphaned annotations from span node"), withNormalizeNode(editor, () => {
                 Transforms.setNodes(editor, {
                   marks: marks.filter((mark) => !orphanedAnnotations.includes(mark))
                 }, {
@@ -3163,7 +3163,7 @@ function createWithPortableTextMarkModel(editorActor) {
         if (editor.isTextBlock(block)) {
           const decorators2 = editorActor.getSnapshot().context.schema.decorators.map((decorator) => decorator.name), marks = node.marks ?? [], orphanedAnnotations = marks.filter((mark) => !decorators2.includes(mark) && !block.markDefs?.find((def) => def._key === mark));
           if (orphanedAnnotations.length > 0) {
-            debug$e("Removing orphaned annotations from span node"), withNormalizeNode(editor, () => {
+            debug$d("Removing orphaned annotations from span node"), withNormalizeNode(editor, () => {
               Transforms.setNodes(editor, {
                 marks: marks.filter((mark) => !orphanedAnnotations.includes(mark))
               }, {
@@ -3179,7 +3179,7 @@ function createWithPortableTextMarkModel(editorActor) {
         for (const markDef of markDefs)
           markDefKeys.has(markDef._key) || (markDefKeys.add(markDef._key), newMarkDefs.push(markDef));
         if (markDefs.length !== newMarkDefs.length) {
-          debug$e("Removing duplicate markDefs"), withNormalizeNode(editor, () => {
+          debug$d("Removing duplicate markDefs"), withNormalizeNode(editor, () => {
             Transforms.setNodes(editor, {
               markDefs: newMarkDefs
             }, {
@@ -3192,7 +3192,7 @@ function createWithPortableTextMarkModel(editorActor) {
       if (editor.isTextBlock(node) && !editor.operations.some((op) => op.type === "merge_node" && "markDefs" in op.properties && op.path.length === 1)) {
         const newMarkDefs = (node.markDefs || []).filter((def) => node.children.find((child) => Text.isText(child) && Array.isArray(child.marks) && child.marks.includes(def._key)));
         if (node.markDefs && !isEqual(newMarkDefs, node.markDefs)) {
-          debug$e("Removing markDef not in use"), withNormalizeNode(editor, () => {
+          debug$d("Removing markDef not in use"), withNormalizeNode(editor, () => {
             Transforms.setNodes(editor, {
               markDefs: newMarkDefs
             }, {
@@ -3284,7 +3284,7 @@ function createWithPortableTextMarkModel(editorActor) {
         const [targetBlock, targetPath] = Editor.node(editor, [op.path[0] - 1]);
         if (editor.isTextBlock(targetBlock)) {
           const oldDefs = Array.isArray(targetBlock.markDefs) && targetBlock.markDefs || [], newMarkDefs = uniq([...oldDefs, ...op.properties.markDefs]);
-          debug$e("Copying markDefs over to merged block", op), Transforms.setNodes(editor, {
+          debug$d("Copying markDefs over to merged block", op), Transforms.setNodes(editor, {
             markDefs: newMarkDefs
           }, {
             at: targetPath,
@@ -3980,7 +3980,7 @@ function parse(textline) {
 function toInt(num) {
   return parseInt(num, 10);
 }
-const debug$d = debugWithName("transformOperation");
+const debug$c = debugWithName("transformOperation");
 function transformOperation(editor, patch, operation, snapshot, previousSnapshot) {
   const transformedOperation = {
     ...operation
@@ -3989,16 +3989,16 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
     const insertBlockIndex = (snapshot || []).findIndex((blk) => isEqual({
       _key: blk._key
     }, patch.path[0]));
-    return debug$d(`Adjusting block path (+${patch.items.length}) for '${transformedOperation.type}' operation and patch '${patch.type}'`), [adjustBlockPath(transformedOperation, patch.items.length, insertBlockIndex)];
+    return debug$c(`Adjusting block path (+${patch.items.length}) for '${transformedOperation.type}' operation and patch '${patch.type}'`), [adjustBlockPath(transformedOperation, patch.items.length, insertBlockIndex)];
   }
   if (patch.type === "unset" && patch.path.length === 1) {
     const unsetBlockIndex = (previousSnapshot || []).findIndex((blk) => isEqual({
       _key: blk._key
     }, patch.path[0]));
-    return "path" in transformedOperation && Array.isArray(transformedOperation.path) && transformedOperation.path[0] === unsetBlockIndex ? (debug$d("Skipping transformation that targeted removed block"), []) : [adjustBlockPath(transformedOperation, -1, unsetBlockIndex)];
+    return "path" in transformedOperation && Array.isArray(transformedOperation.path) && transformedOperation.path[0] === unsetBlockIndex ? (debug$c("Skipping transformation that targeted removed block"), []) : [adjustBlockPath(transformedOperation, -1, unsetBlockIndex)];
   }
   if (patch.type === "unset" && patch.path.length === 0)
-    return debug$d(`Adjusting selection for unset everything patch and ${operation.type} operation`), [];
+    return debug$c(`Adjusting selection for unset everything patch and ${operation.type} operation`), [];
   if (patch.type === "diffMatchPatch") {
     const operationTargetBlock = findOperationTargetBlock(editor, transformedOperation);
     return !operationTargetBlock || !isEqual({
@@ -4069,7 +4069,7 @@ function findOperationTargetBlock(editor, operation) {
   let block;
   return operation.type === "set_selection" && editor.selection ? block = editor.children[editor.selection.focus.path[0]] : "path" in operation && (block = editor.children[operation.path[0]]), block;
 }
-const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOperationImplementation = ({
+const debug$b = debugWithName("behavior.operation.history.redo"), historyRedoOperationImplementation = ({
   operation
 }) => {
   const editor = operation.editor, {
@@ -4077,7 +4077,7 @@ const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOpe
   } = editor.history, remotePatches = getRemotePatches(editor);
   if (redos.length > 0) {
     const step = redos[redos.length - 1];
-    if (debug$c("Redoing", step), step.operations.length > 0) {
+    if (debug$b("Redoing", step), step.operations.length > 0) {
       const otherPatches = remotePatches.filter((item) => item.time >= step.timestamp);
       let transformedOperations = step.operations;
       otherPatches.forEach((item) => {
@@ -4094,7 +4094,7 @@ const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOpe
           });
         });
       } catch (err) {
-        debug$c("Could not perform redo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
+        debug$b("Could not perform redo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
           undos: [],
           redos: []
         }, setWithHistory(editor, !0), setIsRedoing(editor, !1), editor.onChange();
@@ -4103,7 +4103,7 @@ const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOpe
       editor.history.undos.push(step), editor.history.redos.pop();
     }
   }
-}, debug$b = debugWithName("behavior.operation.history.undo"), historyUndoOperationImplementation = ({
+}, debug$a = debugWithName("behavior.operation.history.undo"), historyUndoOperationImplementation = ({
   operation
 }) => {
   const editor = operation.editor, {
@@ -4111,7 +4111,7 @@ const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOpe
   } = editor.history, remotePatches = getRemotePatches(editor);
   if (undos.length > 0) {
     const step = undos[undos.length - 1];
-    if (debug$b("Undoing", step), step.operations.length > 0) {
+    if (debug$a("Undoing", step), step.operations.length > 0) {
       const otherPatches = remotePatches.filter((item) => item.time >= step.timestamp);
       let transformedOperations = step.operations;
       otherPatches.forEach((item) => {
@@ -4129,7 +4129,7 @@ const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOpe
           });
         });
       } catch (err) {
-        debug$b("Could not perform undo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
+        debug$a("Could not perform undo step", err), remotePatches.splice(0, remotePatches.length), Transforms.deselect(editor), editor.history = {
           undos: [],
           redos: []
         }, setWithHistory(editor, !0), setIsUndoing(editor, !1), editor.onChange();
@@ -4586,6 +4586,16 @@ const debug$c = debugWithName("behavior.operation.history.redo"), historyRedoOpe
     }), operation.editor.children.length === 0 && Transforms.insertNodes(operation.editor, createPlaceholderBlock(context));
     return;
   }
+  if (operation.unit === "child") {
+    const range = at ?? operation.editor.selection ?? void 0;
+    if (!range)
+      throw new Error("Unable to delete children without a selection");
+    Transforms.removeNodes(operation.editor, {
+      at: range,
+      match: (node) => isSpan(context, node) && node._key !== VOID_CHILD_KEY || "__inline" in node && node.__inline === !0
+    });
+    return;
+  }
   if (operation.direction === "backward" && operation.unit === "line") {
     const range = at ?? operation.editor.selection ?? void 0;
     if (!range)
@@ -5565,16 +5575,16 @@ function createWithObjectKeys(editorActor) {
     }, editor;
   };
 }
-function createApplyPatch(schema) {
+function createApplyPatch(context) {
   return (editor, patch) => {
     let changed = !1;
     try {
       switch (patch.type) {
         case "insert":
-          changed = insertPatch(editor, patch, schema);
+          changed = insertPatch(context, editor, patch);
           break;
         case "unset":
-          changed = unsetPatch(editor, patch);
+          changed = unsetPatch(context, editor, patch);
           break;
         case "set":
           changed = setPatch(editor, patch);
@@ -5614,7 +5624,7 @@ function diffMatchPatch(editor, patch) {
     }) : op === DIFF_EQUAL && (offset += text.length);
   return !0;
 }
-function insertPatch(editor, patch, schema) {
+function insertPatch(context, editor, patch) {
   const block = findBlock(editor.children, patch.path);
   if (!block || patch.path.length > 1 && patch.path[1] !== "children")
     return !1;
@@ -5623,8 +5633,8 @@ function insertPatch(editor, patch, schema) {
       items: items2,
       position: position2
     } = patch, blocksToInsert = items2.map((item) => toSlateBlock(item, {
-      schemaTypes: schema
-    }, KEY_TO_SLATE_ELEMENT.get(editor))), targetBlockIndex = block.index, normalizedIdx2 = position2 === "after" ? targetBlockIndex + 1 : targetBlockIndex, editorWasEmptyBefore = isEqualToEmptyEditor(editor.value, schema);
+      schemaTypes: context.schema
+    }, KEY_TO_SLATE_ELEMENT.get(editor))), targetBlockIndex = block.index, normalizedIdx2 = position2 === "after" ? targetBlockIndex + 1 : targetBlockIndex, editorWasEmptyBefore = isEqualToEmptyEditor(editor.value, context.schema);
     return Transforms.insertNodes(editor, blocksToInsert, {
       at: [normalizedIdx2]
     }), editorWasEmptyBefore && typeof patch.path[0] == "number" && patch.path[0] === 0 && Transforms.removeNodes(editor, {
@@ -5641,7 +5651,7 @@ function insertPatch(editor, patch, schema) {
     ...block.node,
     children: items
   }, {
-    schemaTypes: schema
+    schemaTypes: context.schema
   }, KEY_TO_SLATE_ELEMENT.get(editor)), normalizedIdx = position === "after" ? targetChild.index + 1 : targetChild.index, childInsertPath = [block.index, normalizedIdx];
   return childrenToInsert && Element$1.isElement(childrenToInsert) && Transforms.insertNodes(editor, childrenToInsert.children, {
     at: childInsertPath
@@ -5781,7 +5791,7 @@ function setPatch(editor, patch) {
       return !1;
   return !0;
 }
-function unsetPatch(editor, patch) {
+function unsetPatch(context, editor, patch) {
   if (patch.path.length === 0) {
     const previousSelection = editor.selection;
     Transforms.deselect(editor);
@@ -5792,9 +5802,7 @@ function unsetPatch(editor, patch) {
       Transforms.removeNodes(editor, {
         at: path
       });
-    return Transforms.insertNodes(editor, editor.pteCreateTextBlock({
-      decorators: []
-    })), previousSelection && Transforms.select(editor, {
+    return Transforms.insertNodes(editor, createPlaceholderBlock(context)), previousSelection && Transforms.select(editor, {
       anchor: {
         path: [0, 0],
         offset: 0
@@ -5813,9 +5821,7 @@ function unsetPatch(editor, patch) {
       const previousSelection = editor.selection;
       return Transforms.deselect(editor), Transforms.removeNodes(editor, {
         at: [block.index]
-      }), Transforms.insertNodes(editor, editor.pteCreateTextBlock({
-        decorators: []
-      })), previousSelection && Transforms.select(editor, {
+      }), Transforms.insertNodes(editor, createPlaceholderBlock(context)), previousSelection && Transforms.select(editor, {
         anchor: {
           path: [0, 0],
           offset: 0
@@ -6220,14 +6226,14 @@ function withoutPatching(editor, fn) {
 function isPatching(editor) {
   return PATCHING.get(editor);
 }
-const debug$a = debugWithName("plugin:withPatches");
+const debug$9 = debugWithName("plugin:withPatches");
 function createWithPatches({
   editorActor,
   relayActor,
   subscriptions
 }) {
   let previousValue;
-  const applyPatch = createApplyPatch(editorActor.getSnapshot().context.schema);
+  const applyPatch = createApplyPatch(editorActor.getSnapshot().context);
   return function(editor) {
     IS_PROCESSING_REMOTE_CHANGES.set(editor, !1), PATCHING.set(editor, !0), previousValue = [...editor.value];
     const {
@@ -6245,7 +6251,7 @@ function createWithPatches({
           withoutPatching(editor, () => {
             pluginWithoutHistory(editor, () => {
               for (const patch of patches) {
-                debug$a.enabled && debug$a(`Handling remote patch ${JSON.stringify(patch)}`);
+                debug$9.enabled && debug$9(`Handling remote patch ${JSON.stringify(patch)}`);
                 try {
                   changed = applyPatch(editor, patch);
                 } catch (error) {
@@ -6263,10 +6269,10 @@ function createWithPatches({
       remotePatches.length !== 0 && (bufferedPatches = bufferedPatches.concat(remotePatches), handleBufferedRemotePatches());
     };
     return subscriptions.push(() => {
-      debug$a("Subscribing to remote patches");
+      debug$9("Subscribing to remote patches");
       const sub = editorActor.on("patches", handlePatches);
       return () => {
-        debug$a("Unsubscribing to remote patches"), sub.unsubscribe();
+        debug$9("Unsubscribing to remote patches"), sub.unsubscribe();
       };
     }), editor.apply = (operation) => {
       let patches = [];
@@ -6320,7 +6326,7 @@ function createWithPatches({
     }, editor;
   };
 }
-const debug$9 = debugWithName("plugin:withPlaceholderBlock");
+const debug$8 = debugWithName("plugin:withPlaceholderBlock");
 function createWithPlaceholderBlock(editorActor) {
   return function(editor) {
     const {
@@ -6343,15 +6349,13 @@ function createWithPlaceholderBlock(editorActor) {
       }
       if (op.type === "remove_node") {
         const blockIndex = op.path.at(0), isLonelyBlock = op.path.length === 1 && blockIndex === 0 && editor.children.length === 1, isBlockObject = op.node._type !== editorActor.getSnapshot().context.schema.block.name;
-        isLonelyBlock && isBlockObject && (debug$9("Adding placeholder block"), Editor.insertNode(editor, editor.pteCreateTextBlock({
-          decorators: []
-        })));
+        isLonelyBlock && isBlockObject && (debug$8("Adding placeholder block"), Editor.insertNode(editor, createPlaceholderBlock(editorActor.getSnapshot().context)));
       }
       apply2(op);
     }, editor;
   };
 }
-const debug$8 = debugWithName("plugin:withSchemaTypes");
+const debug$7 = debugWithName("plugin:withSchemaTypes");
 function createWithSchemaTypes({
   editorActor
 }) {
@@ -6363,7 +6367,7 @@ function createWithSchemaTypes({
     return editor.normalizeNode = (entry) => {
       const [node, path] = entry;
       if (node._type === void 0 && path.length === 2) {
-        debug$8("Setting span type on text node without a type");
+        debug$7("Setting span type on text node without a type");
         const span = node, key = span._key || editorActor.getSnapshot().context.keyGenerator();
         withNormalizeNode(editor, () => {
           Transforms.setNodes(editor, {
@@ -6377,7 +6381,7 @@ function createWithSchemaTypes({
         return;
       }
       if (node._key === void 0 && (path.length === 1 || path.length === 2)) {
-        debug$8("Setting missing key on child node without a key");
+        debug$7("Setting missing key on child node without a key");
         const key = editorActor.getSnapshot().context.keyGenerator();
         withNormalizeNode(editor, () => {
           Transforms.setNodes(editor, {
@@ -6394,34 +6398,6 @@ function createWithSchemaTypes({
     }, editor;
   };
 }
-function createWithUtils({
-  editorActor
-}) {
-  return function(editor) {
-    return editor.pteCreateTextBlock = (options) => toSlateBlock({
-      _type: editorActor.getSnapshot().context.schema.block.name,
-      _key: editorActor.getSnapshot().context.keyGenerator(),
-      style: editorActor.getSnapshot().context.schema.styles[0].name || "normal",
-      ...options.listItem ? {
-        listItem: options.listItem
-      } : {},
-      ...options.level ? {
-        level: options.level
-      } : {},
-      markDefs: [],
-      children: [{
-        _type: "span",
-        _key: editorActor.getSnapshot().context.keyGenerator(),
-        text: "",
-        marks: options.decorators.filter((decorator) => editorActor.getSnapshot().context.schema.decorators.find(({
-          name
-        }) => name === decorator))
-      }]
-    }, {
-      schemaTypes: editorActor.getSnapshot().context.schema
-    }), editor;
-  };
-}
 function pluginUpdateSelection({
   editor,
   editorActor
@@ -6762,16 +6738,14 @@ const withPlugins = (editor, options) => {
   }), withUndoRedo = pluginHistory({
     editorActor,
     subscriptions: options.subscriptions
-  }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor), withPlaceholderBlock = createWithPlaceholderBlock(editorActor), withUtils = createWithUtils({
-    editorActor
-  });
-  return createWithEventListeners(editorActor)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPlaceholderBlock(withUtils(withUndoRedo(withPatches(pluginUpdateValue(editorActor.getSnapshot().context, pluginUpdateSelection({
+  }), withPortableTextMarkModel = createWithPortableTextMarkModel(editorActor), withPlaceholderBlock = createWithPlaceholderBlock(editorActor);
+  return createWithEventListeners(editorActor)(withSchemaTypes(withObjectKeys(withPortableTextMarkModel(withPlaceholderBlock(withUndoRedo(withPatches(pluginUpdateValue(editorActor.getSnapshot().context, pluginUpdateSelection({
     editorActor,
     editor: e
-  }))))))))));
-}, debug$7 = debugWithName("setup");
+  })))))))));
+}, debug$6 = debugWithName("setup");
 function createSlateEditor(config) {
-  debug$7("Creating new Slate editor instance");
+  debug$6("Creating new Slate editor instance");
   const placeholderBlock = createPlaceholderBlock(config.editorActor.getSnapshot().context), editor = createEditor();
   editor.decoratedRanges = [], editor.decoratorState = {}, editor.value = [placeholderBlock], editor.blockIndexMap = /* @__PURE__ */ new Map(), editor.listIndexMap = /* @__PURE__ */ new Map();
   const instance = withPlugins(withReact(editor), {
@@ -9847,7 +9821,7 @@ function isNativeBehaviorEvent(event) {
 function isCustomBehaviorEvent(event) {
   return event.type.startsWith("custom.");
 }
-const debug$6 = debugWithName("behaviors:event");
+const debug$5 = debugWithName("behaviors:event");
 function eventCategory(event) {
   return isNativeBehaviorEvent(event) ? "native" : isAbstractBehaviorEvent(event) ? "synthetic" : isCustomBehaviorEvent(event) ? "custom" : "synthetic";
 }
@@ -9863,7 +9837,7 @@ function performEvent({
   nativeEvent,
   sendBack
 }) {
-  mode === "send" && !isNativeBehaviorEvent(event) && createUndoStepId(editor), debug$6(`(${mode}:${eventCategory(event)})`, JSON.stringify(event, null, 2));
+  mode === "send" && !isNativeBehaviorEvent(event) && createUndoStepId(editor), debug$5(`(${mode}:${eventCategory(event)})`, JSON.stringify(event, null, 2));
   const eventBehaviors = [...remainingEventBehaviors, ...abstractBehaviors].filter((behavior) => {
     if (behavior.on === "*")
       return !0;
@@ -9872,7 +9846,7 @@ function performEvent({
   });
   if (eventBehaviors.length === 0 && isSyntheticBehaviorEvent(event)) {
     nativeEvent?.preventDefault(), mode === "send" && clearUndoStepId(editor), withPerformingBehaviorOperation(editor, () => {
-      debug$6(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
+      debug$5(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
         context: {
           keyGenerator,
           schema
@@ -9983,7 +9957,7 @@ function performEvent({
     break;
   }
   !defaultBehaviorOverwritten && isSyntheticBehaviorEvent(event) ? (nativeEvent?.preventDefault(), mode === "send" && clearUndoStepId(editor), withPerformingBehaviorOperation(editor, () => {
-    debug$6(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
+    debug$5(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({
       context: {
         keyGenerator,
         schema
@@ -10063,7 +10037,7 @@ function createEditorSnapshot({
     decoratorState: editor.decoratorState
   };
 }
-const debug$5 = debugWithName("editor machine");
+const debug$4 = debugWithName("editor machine");
 function rerouteExternalBehaviorEvent({
   event,
   slateEditor
@@ -10320,10 +10294,10 @@ const editorMachine = setup({
           states: {
             "determine initial edit mode": {
               entry: [() => {
-                debug$5("entry: edit mode->read only->determine initial edit mode");
+                debug$4("entry: edit mode->read only->determine initial edit mode");
               }],
               exit: [() => {
-                debug$5("exit: edit mode->read only->determine initial edit mode");
+                debug$4("exit: edit mode->read only->determine initial edit mode");
               }],
               on: {
                 "done syncing value": [{
@@ -10338,10 +10312,10 @@ const editorMachine = setup({
             },
             "read only": {
               entry: [() => {
-                debug$5("entry: edit mode->read only->read only");
+                debug$4("entry: edit mode->read only->read only");
               }],
               exit: [() => {
-                debug$5("exit: edit mode->read only->read only");
+                debug$4("exit: edit mode->read only->read only");
               }],
               on: {
                 "update readOnly": {
@@ -10383,10 +10357,10 @@ const editorMachine = setup({
           states: {
             idle: {
               entry: [() => {
-                debug$5("entry: edit mode->editable->idle");
+                debug$4("entry: edit mode->editable->idle");
               }],
               exit: [() => {
-                debug$5("exit: edit mode->editable-idle");
+                debug$4("exit: edit mode->editable-idle");
               }],
               on: {
                 dragstart: {
@@ -10406,10 +10380,10 @@ const editorMachine = setup({
               states: {
                 "checking if busy": {
                   entry: [() => {
-                    debug$5("entry: edit mode->editable->focusing->checking if busy");
+                    debug$4("entry: edit mode->editable->focusing->checking if busy");
                   }],
                   exit: [() => {
-                    debug$5("exit: edit mode->editable->focusing->checking if busy");
+                    debug$4("exit: edit mode->editable->focusing->checking if busy");
                   }],
                   always: [{
                     guard: "slate is busy",
@@ -10421,10 +10395,10 @@ const editorMachine = setup({
                 },
                 busy: {
                   entry: [() => {
-                    debug$5("entry: edit mode->editable->focusing-busy");
+                    debug$4("entry: edit mode->editable->focusing-busy");
                   }],
                   exit: [() => {
-                    debug$5("exit: edit mode->editable->focusing->busy");
+                    debug$4("exit: edit mode->editable->focusing->busy");
                   }],
                   after: {
                     10: {
@@ -10436,10 +10410,10 @@ const editorMachine = setup({
             },
             "dragging internally": {
               entry: [() => {
-                debug$5("entry: edit mode->editable->dragging internally");
+                debug$4("entry: edit mode->editable->dragging internally");
               }],
               exit: [() => {
-                debug$5("exit: edit mode->editable->dragging internally");
+                debug$4("exit: edit mode->editable->dragging internally");
               }, ({
                 context
               }) => {
@@ -10473,10 +10447,10 @@ const editorMachine = setup({
       states: {
         "setting up": {
           entry: [() => {
-            debug$5("entry: setup->setting up");
+            debug$4("entry: setup->setting up");
           }],
           exit: [() => {
-            debug$5("exit: setup->setting up");
+            debug$4("exit: setup->setting up");
           }, "emit ready", "emit pending incoming patches", "clear pending incoming patches"],
           on: {
             "internal.patch": {
@@ -10501,10 +10475,10 @@ const editorMachine = setup({
               states: {
                 idle: {
                   entry: [() => {
-                    debug$5("entry: setup->set up->value sync->idle");
+                    debug$4("entry: setup->set up->value sync->idle");
                   }],
                   exit: [() => {
-                    debug$5("exit: setup->set up->value sync->idle");
+                    debug$4("exit: setup->set up->value sync->idle");
                   }],
                   on: {
                     patches: {
@@ -10519,10 +10493,10 @@ const editorMachine = setup({
                 },
                 "syncing value": {
                   entry: [() => {
-                    debug$5("entry: setup->set up->value sync->syncing value");
+                    debug$4("entry: setup->set up->value sync->syncing value");
                   }],
                   exit: [() => {
-                    debug$5("exit: setup->set up->value sync->syncing value");
+                    debug$4("exit: setup->set up->value sync->syncing value");
                   }, "emit pending incoming patches", "clear pending incoming patches"],
                   on: {
                     patches: {
@@ -10543,10 +10517,10 @@ const editorMachine = setup({
                   states: {
                     idle: {
                       entry: [() => {
-                        debug$5("entry: setup->set up->writing->pristine->idle");
+                        debug$4("entry: setup->set up->writing->pristine->idle");
                       }],
                       exit: [() => {
-                        debug$5("exit: setup->set up->writing->pristine->idle");
+                        debug$4("exit: setup->set up->writing->pristine->idle");
                       }],
                       on: {
                         "internal.patch": [{
@@ -10569,10 +10543,10 @@ const editorMachine = setup({
                 },
                 dirty: {
                   entry: [() => {
-                    debug$5("entry: setup->set up->writing->dirty");
+                    debug$4("entry: setup->set up->writing->dirty");
                   }, "emit pending events", "clear pending events"],
                   exit: [() => {
-                    debug$5("exit: setup->set up->writing->dirty");
+                    debug$4("exit: setup->set up->writing->dirty");
                   }],
                   on: {
                     "internal.patch": {
@@ -10590,7 +10564,7 @@ const editorMachine = setup({
       }
     }
   }
-}), debug$4 = debugWithName("mutation-machine"), mutationMachine = setup({
+}), debug$3 = debugWithName("mutation-machine"), mutationMachine = setup({
   types: {
     context: {},
     events: {},
@@ -10738,10 +10712,10 @@ const editorMachine = setup({
       states: {
         idle: {
           entry: [() => {
-            debug$4("entry: typing->idle");
+            debug$3("entry: typing->idle");
           }],
           exit: [() => {
-            debug$4("exit: typing->idle"), debug$4("entry: typing->typing");
+            debug$3("exit: typing->idle"), debug$3("entry: typing->typing");
           }],
           on: {
             typing: {
@@ -10756,7 +10730,7 @@ const editorMachine = setup({
               actions: [raise$1({
                 type: "emit changes"
               }), () => {
-                debug$4("exit: typing->typing");
+                debug$3("exit: typing->typing");
               }]
             }
           },
@@ -10780,10 +10754,10 @@ const editorMachine = setup({
       states: {
         idle: {
           entry: [() => {
-            debug$4("entry: mutations->idle");
+            debug$3("entry: mutations->idle");
           }],
           exit: [() => {
-            debug$4("exit: mutations->idle");
+            debug$3("exit: mutations->idle");
           }],
           on: {
             patch: [{
@@ -10798,10 +10772,10 @@ const editorMachine = setup({
         },
         "has pending mutations": {
           entry: [() => {
-            debug$4("entry: mutations->has pending mutations");
+            debug$3("entry: mutations->has pending mutations");
           }, "emit has pending mutations"],
           exit: [() => {
-            debug$4("exit: mutations->has pending mutations");
+            debug$3("exit: mutations->has pending mutations");
           }],
           invoke: {
             src: "mutation interval"
@@ -10823,7 +10797,7 @@ const editorMachine = setup({
       }
     }
   }
-}), debug$3 = debugWithName("API:editable");
+});
 function createEditableAPI(editor, editorActor) {
   const types = editorActor.getSnapshot().context.schema;
   return {
@@ -11083,48 +11057,15 @@ function createEditableAPI(editor, editorActor) {
         };
     },
     delete: (selection, options) => {
-      if (selection) {
-        const range = toSlateRange({
-          context: {
-            schema: editorActor.getSnapshot().context.schema,
-            value: editor.value,
-            selection
-          },
-          blockIndexMap: editor.blockIndexMap
-        });
-        if (!(range && range.anchor.path.length > 0 && range.focus.path.length > 0))
-          throw new Error("Invalid range");
-        if (range) {
-          if (!options?.mode || options?.mode === "selected") {
-            debug$3("Deleting content in selection"), Transforms.delete(editor, {
-              at: range,
-              hanging: !0,
-              voids: !0
-            }), editor.onChange();
-            return;
-          }
-          if (options?.mode === "blocks" && (debug$3("Deleting blocks touched by selection"), Transforms.removeNodes(editor, {
-            at: range,
-            voids: !0,
-            match: (node) => editor.isTextBlock(node) || !editor.isTextBlock(node) && Element$1.isElement(node)
-          })), options?.mode === "children" && (debug$3("Deleting children touched by selection"), Transforms.removeNodes(editor, {
-            at: range,
-            voids: !0,
-            match: (node) => node._type === types.span.name || // Text children
-            !editor.isTextBlock(node) && Element$1.isElement(node)
-          })), editor.children.length === 0) {
-            const placeholderBlock = createPlaceholderBlock(editorActor.getSnapshot().context);
-            editor.children = [placeholderBlock], editor.value = [placeholderBlock], buildIndexMaps({
-              schema: editorActor.getSnapshot().context.schema,
-              value: editor.value
-            }, {
-              blockIndexMap: editor.blockIndexMap,
-              listIndexMap: editor.listIndexMap
-            });
-          }
-          editor.onChange();
-        }
-      }
+      selection && editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "delete",
+          at: selection,
+          unit: options?.mode === "blocks" ? "block" : options?.mode === "children" ? "child" : void 0
+        },
+        editor
+      });
     },
     removeAnnotation: (type) => {
       editorActor.send({
@@ -11825,6 +11766,7 @@ async function updateValue({
   let doneSyncing = !1, isChanged = !1, isValid = !0;
   const hadSelection = !!slateEditor.selection;
   if ((!value || value.length === 0) && (debug$2("Value is empty"), clearEditor({
+    context,
     slateEditor,
     doneSyncing,
     hadSelection
@@ -11934,6 +11876,7 @@ async function* getStreamedBlocks({
     index % 10 === 0 && await new Promise((resolve) => setTimeout(resolve, 0)), yield [block, index], index++;
 }
 function clearEditor({
+  context,
   slateEditor,
   doneSyncing,
   hadSelection
@@ -11950,9 +11893,7 @@ function clearEditor({
             Transforms.removeNodes(slateEditor, {
               at: [childrenLength - 1 - index]
             });
-          }), Transforms.insertNodes(slateEditor, slateEditor.pteCreateTextBlock({
-            decorators: []
-          }), {
+          }), Transforms.insertNodes(slateEditor, createPlaceholderBlock(context), {
             at: [0]
           }), hadSelection && Transforms.select(slateEditor, [0, 0]);
         });
@@ -12537,6 +12478,20 @@ class PortableTextEditor extends Component {
   static blur = (editor) => {
     debug("Host blurred"), editor.editable?.blur();
   };
+  /**
+   * @deprecated
+   * Use `editor.send(...)` instead
+   *
+   * ```
+   * const editor = useEditor()
+   * editor.send({
+   *  type: 'delete',
+   *  at: {...},
+   *  direction: '...',
+   *  unit: '...',
+   * })
+   * ```
+   */
   static delete = (editor, selection, options) => editor.editable?.delete(selection, options);
   static findDOMNode = (editor, element) => editor.editable?.findDOMNode(element);
   static findByPath = (editor, path) => editor.editable?.findByPath(path) || [];