@portabletext/editor 1.0.11 → 1.0.13

package/lib/index.esm.js

@@ -5,7 +5,7 @@ import { useRef, useState, useMemo, useEffect, useCallback, createContext, useCo
 import { Editor, Element as Element$1, Range, Point, Text, Path, Transforms, Node, Operation, createEditor } from "slate";
 import { useSlateStatic, ReactEditor, useSelected, withReact, Slate, useSlate, Editable } from "slate-react";
 import debug$m from "debug";
-import { isKeySegment, isPortableTextSpan, isPortableTextTextBlock, isPortableTextListBlock } from "@sanity/types";
+import { isKeySegment, isPortableTextSpan as isPortableTextSpan$1, isPortableTextTextBlock, isPortableTextListBlock } from "@sanity/types";
 import { styled } from "styled-components";
 import uniq from "lodash/uniq.js";
 import { Subject } from "rxjs";
@@ -185,8 +185,7 @@ function fromSlateValue(value, textBlockType, keyMap = {}) {
   });
 }
 function isEqualToEmptyEditor(children, schemaTypes) {
-  var _a;
-  return children === void 0 || children && Array.isArray(children) && children.length === 0 || children && Array.isArray(children) && children.length === 1 && Element$1.isElement(children[0]) && children[0]._type === schemaTypes.block.name && "style" in children[0] && children[0].style === schemaTypes.styles[0].value && !("listItem" in children[0]) && Array.isArray(children[0].children) && children[0].children.length === 1 && Text.isText(children[0].children[0]) && children[0].children[0]._type === "span" && !((_a = children[0].children[0].marks) != null && _a.join("")) && children[0].children[0].text === "";
+  return children === void 0 || children && Array.isArray(children) && children.length === 0 || children && Array.isArray(children) && children.length === 1 && Element$1.isElement(children[0]) && children[0]._type === schemaTypes.block.name && "style" in children[0] && children[0].style === schemaTypes.styles[0].value && !("listItem" in children[0]) && Array.isArray(children[0].children) && children[0].children.length === 1 && Text.isText(children[0].children[0]) && children[0].children[0]._type === "span" && !children[0].children[0].marks?.join("") && children[0].children[0].text === "";
 }
 const IS_PROCESSING_REMOTE_CHANGES = /* @__PURE__ */ new WeakMap(), IS_PROCESSING_LOCAL_CHANGES = /* @__PURE__ */ new WeakMap(), IS_DRAGGING = /* @__PURE__ */ new WeakMap(), IS_DRAGGING_BLOCK_ELEMENT = /* @__PURE__ */ new WeakMap(), IS_DRAGGING_ELEMENT_TARGET = /* @__PURE__ */ new WeakMap(), IS_DRAGGING_BLOCK_TARGET_POSITION = /* @__PURE__ */ new WeakMap(), KEY_TO_SLATE_ELEMENT = /* @__PURE__ */ new WeakMap(), KEY_TO_VALUE_ELEMENT = /* @__PURE__ */ new WeakMap(), SLATE_TO_PORTABLE_TEXT_RANGE = /* @__PURE__ */ new WeakMap(), DefaultObject = (props) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(props.value, null, 2) }) }), DefaultBlockObject = styled.div`
   user-select: none;
@@ -655,13 +654,12 @@ function DefaultAnnotation(props) {
   return /* @__PURE__ */ jsx("span", { style: { color: "blue" }, onClick: handleClick, children: props.children });
 }
 function getPortableTextMemberSchemaTypes(portableTextType) {
-  var _a, _b, _c;
   if (!portableTextType)
     throw new Error("Parameter 'portabletextType' missing (required)");
-  const blockType = (_a = portableTextType.of) == null ? void 0 : _a.find(findBlockType);
+  const blockType = portableTextType.of?.find(findBlockType);
   if (!blockType)
     throw new Error("Block type is not defined in this schema (required)");
-  const childrenField = (_b = blockType.fields) == null ? void 0 : _b.find((field) => field.name === "children");
+  const childrenField = blockType.fields?.find((field) => field.name === "children");
   if (!childrenField)
     throw new Error("Children field for block type found in schema (required)");
   const ofType = childrenField.type.of;
@@ -670,7 +668,7 @@ function getPortableTextMemberSchemaTypes(portableTextType) {
   const spanType = ofType.find((memberType) => memberType.name === "span");
   if (!spanType)
     throw new Error("Span type not found in schema (required)");
-  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = ((_c = portableTextType.of) == null ? void 0 : _c.filter((field) => field.name !== blockType.name)) || [];
+  const inlineObjectTypes = ofType.filter((memberType) => memberType.name !== "span") || [], blockObjectTypes = portableTextType.of?.filter((field) => field.name !== blockType.name) || [];
   return {
     styles: resolveEnabledStyles(blockType),
     decorators: resolveEnabledDecorators(spanType),
@@ -684,11 +682,10 @@ function getPortableTextMemberSchemaTypes(portableTextType) {
   };
 }
 function resolveEnabledStyles(blockType) {
-  var _a, _b, _c;
-  const styleField = (_a = blockType.fields) == null ? void 0 : _a.find((btField) => btField.name === "style");
+  const styleField = blockType.fields?.find((btField) => btField.name === "style");
   if (!styleField)
     throw new Error("A field with name 'style' is not defined in the block type (required).");
-  const textStyles = ((_b = styleField.type.options) == null ? void 0 : _b.list) && ((_c = styleField.type.options.list) == null ? void 0 : _c.filter((style) => style.value));
+  const textStyles = styleField.type.options?.list && styleField.type.options.list?.filter((style) => style.value);
   if (!textStyles || textStyles.length === 0)
     throw new Error(
       "The style fields need at least one style defined. I.e: {title: 'Normal', value: 'normal'}."
@@ -699,11 +696,10 @@ function resolveEnabledDecorators(spanType) {
   return spanType.decorators;
 }
 function resolveEnabledListItems(blockType) {
-  var _a, _b;
-  const listField = (_a = blockType.fields) == null ? void 0 : _a.find((btField) => btField.name === "listItem");
+  const listField = blockType.fields?.find((btField) => btField.name === "listItem");
   if (!listField)
     throw new Error("A field with name 'listItem' is not defined in the block type (required).");
-  const listItems = ((_b = listField.type.options) == null ? void 0 : _b.list) && listField.type.options.list.filter((list) => list.value);
+  const listItems = listField.type.options?.list && listField.type.options.list.filter((list) => list.value);
   if (!listItems)
     throw new Error("The list field need at least to be an empty array");
   return listItems;
@@ -718,7 +714,6 @@ function compileType(rawType) {
   }).get(rawType.name);
 }
 const debug$k = debugWithName("operationToPatches");
-debug$k.enabled = !1;
 function createOperationToPatches(types) {
   const textBlockName = types.block.name;
   function insertTextPatch(editor, operation, beforeValue) {
@@ -781,7 +776,7 @@ function createOperationToPatches(types) {
   function insertNodePatch(editor, operation, beforeValue) {
     const block = beforeValue[operation.path[0]], isTextBlock = editor.isTextBlock(block);
     if (operation.path.length === 1) {
-      const position = operation.path[0] === 0 ? "before" : "after", beforeBlock = beforeValue[operation.path[0] - 1], targetKey = operation.path[0] === 0 ? block == null ? void 0 : block._key : beforeBlock == null ? void 0 : beforeBlock._key;
+      const position = operation.path[0] === 0 ? "before" : "after", beforeBlock = beforeValue[operation.path[0] - 1], targetKey = operation.path[0] === 0 ? block?._key : beforeBlock?._key;
       return targetKey ? [
         insert([fromSlateValue([operation.node], textBlockName)[0]], position, [
           { _key: targetKey }
@@ -883,7 +878,7 @@ function createOperationToPatches(types) {
   function mergeNodePatch(editor, operation, beforeValue) {
     const patches = [], block = beforeValue[operation.path[0]], targetBlock = editor.children[operation.path[0]];
     if (operation.path.length === 1)
-      if (block != null && block._key) {
+      if (block?._key) {
         const newBlock = fromSlateValue([editor.children[operation.path[0] - 1]], textBlockName)[0];
         patches.push(set(newBlock, [{ _key: newBlock._key }])), patches.push(unset([{ _key: block._key }]));
       } else
@@ -981,7 +976,6 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
         }
       },
       insertChild: (type, value) => {
-        var _a;
         if (!editor.selection)
           throw new Error("The editor has no selection");
         const [focusBlock] = Array.from(
@@ -1013,14 +1007,13 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
         return isSpanNode && focusNode._type !== types.span.name && (debug$j("Inserting span child next to inline object child, moving selection + 1"), editor.move({ distance: 1, unit: "character" })), Transforms.insertNodes(editor, child, {
           select: !0,
           at: editor.selection
-        }), editor.onChange(), ((_a = toPortableTextRange(
+        }), editor.onChange(), toPortableTextRange(
           fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
           editor.selection,
           types
-        )) == null ? void 0 : _a.focus.path) || [];
+        )?.focus.path || [];
       },
       insertBlock: (type, value) => {
-        var _a, _b, _c;
         const block = toSlateValue(
           [
             {
@@ -1039,11 +1032,11 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
               reverse: !0
             })
           )[0];
-          return Editor.insertNode(editor, block), lastBlock && isEqualToEmptyEditor([lastBlock[0]], types) && Transforms.removeNodes(editor, { at: lastBlock[1] }), editor.onChange(), (_b = (_a = toPortableTextRange(
+          return Editor.insertNode(editor, block), lastBlock && isEqualToEmptyEditor([lastBlock[0]], types) && Transforms.removeNodes(editor, { at: lastBlock[1] }), editor.onChange(), toPortableTextRange(
             fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
             editor.selection,
             types
-          )) == null ? void 0 : _a.focus.path) != null ? _b : [];
+          )?.focus.path ?? [];
         }
         const focusBlock = Array.from(
           Editor.nodes(editor, {
@@ -1051,11 +1044,11 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
             match: (n) => n._type === types.block.name
           })
         )[0];
-        return Editor.insertNode(editor, block), focusBlock && isEqualToEmptyEditor([focusBlock[0]], types) && Transforms.removeNodes(editor, { at: focusBlock[1] }), editor.onChange(), ((_c = toPortableTextRange(
+        return Editor.insertNode(editor, block), focusBlock && isEqualToEmptyEditor([focusBlock[0]], types) && Transforms.removeNodes(editor, { at: focusBlock[1] }), editor.onChange(), toPortableTextRange(
           fromSlateValue(editor.children, types.block.name, KEY_TO_VALUE_ELEMENT.get(editor)),
           editor.selection,
           types
-        )) == null ? void 0 : _c.focus.path) || [];
+        )?.focus.path || [];
       },
       hasBlockStyle: (style) => {
         try {
@@ -1111,7 +1104,6 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
         return node;
       },
       activeAnnotations: () => {
-        var _a;
         if (!editor.selection || editor.selection.focus.path.length < 2)
           return [];
         try {
@@ -1121,9 +1113,9 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
           });
           for (const [span, path] of spans) {
             const [block] = Editor.node(editor, path, { depth: 1 });
-            editor.isTextBlock(block) && ((_a = block.markDefs) == null || _a.forEach((def) => {
+            editor.isTextBlock(block) && block.markDefs?.forEach((def) => {
               Text.isText(span) && span.marks && Array.isArray(span.marks) && span.marks.includes(def._key) && activeAnnotations.push(def);
-            }));
+            });
           }
           return activeAnnotations;
         } catch {
@@ -1141,27 +1133,16 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
             })
           ];
           if (spans.length === 0 || spans.some(
-            ([span]) => {
-              var _a;
-              return !isPortableTextSpan(span) || !span.marks || ((_a = span.marks) == null ? void 0 : _a.length) === 0;
-            }
+            ([span]) => !isPortableTextSpan$1(span) || !span.marks || span.marks?.length === 0
           ))
             return !1;
           const selectionMarkDefs = spans.reduce((accMarkDefs, [, path]) => {
             const [block] = Editor.node(editor, path, { depth: 1 });
             return editor.isTextBlock(block) && block.markDefs ? [...accMarkDefs, ...block.markDefs] : accMarkDefs;
           }, []);
-          return spans.every(([span]) => {
-            var _a;
-            if (!isPortableTextSpan(span)) return !1;
-            const spanMarkDefs = (_a = span.marks) == null ? void 0 : _a.map(
-              (markKey) => {
-                var _a2;
-                return (_a2 = selectionMarkDefs.find((def) => (def == null ? void 0 : def._key) === markKey)) == null ? void 0 : _a2._type;
-              }
-            );
-            return spanMarkDefs == null ? void 0 : spanMarkDefs.includes(annotationType);
-          });
+          return spans.every(([span]) => isPortableTextSpan$1(span) ? span.marks?.map(
+            (markKey) => selectionMarkDefs.find((def) => def?._key === markKey)?._type
+          )?.includes(annotationType) : !1);
         } catch {
           return !1;
         }
@@ -1221,7 +1202,7 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
           if (!(range && range.anchor.path.length > 0 && range.focus.path.length > 0))
             throw new Error("Invalid range");
           if (range) {
-            if (!(options != null && options.mode) || (options == null ? void 0 : options.mode) === "selected") {
+            if (!options?.mode || options?.mode === "selected") {
               debug$j("Deleting content in selection"), Transforms.delete(editor, {
                 at: range,
                 hanging: !0,
@@ -1229,11 +1210,11 @@ function createWithEditableAPI(portableTextEditor, types, keyGenerator) {
               }), editor.onChange();
               return;
             }
-            (options == null ? void 0 : options.mode) === "blocks" && (debug$j("Deleting blocks touched by selection"), Transforms.removeNodes(editor, {
+            options?.mode === "blocks" && (debug$j("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 == null ? void 0 : options.mode) === "children" && (debug$j("Deleting children touched by selection"), Transforms.removeNodes(editor, {
+            })), options?.mode === "children" && (debug$j("Deleting children touched by selection"), Transforms.removeNodes(editor, {
               at: range,
               voids: !0,
               match: (node) => node._type === types.span.name || // Text children
@@ -1332,6 +1313,10 @@ function withPreserveKeys(editor, fn) {
   const prev = isPreservingKeys(editor);
   PRESERVE_KEYS.set(editor, !0), fn(), PRESERVE_KEYS.set(editor, prev);
 }
+function withoutPreserveKeys(editor, fn) {
+  const prev = isPreservingKeys(editor);
+  PRESERVE_KEYS.set(editor, !1), fn(), PRESERVE_KEYS.set(editor, prev);
+}
 function isPreservingKeys(editor) {
   return PRESERVE_KEYS.get(editor);
 }
@@ -1342,17 +1327,27 @@ function createWithObjectKeys(schemaTypes, keyGenerator) {
     return editor.apply = (operation) => {
       if (operation.type === "split_node") {
         const withNewKey = !isPreservingKeys(editor) || !("_key" in operation.properties);
-        operation.properties = {
-          ...operation.properties,
-          ...withNewKey ? { _key: keyGenerator() } : {}
-        };
+        apply2({
+          ...operation,
+          properties: {
+            ...operation.properties,
+            ...withNewKey ? { _key: keyGenerator() } : {}
+          }
+        });
+        return;
       }
       if (operation.type === "insert_node") {
         const withNewKey = !isPreservingKeys(editor) || !("_key" in operation.node);
-        Editor.isEditor(operation.node) || (operation.node = {
-          ...operation.node,
-          ...withNewKey ? { _key: keyGenerator() } : {}
-        });
+        if (!Editor.isEditor(operation.node)) {
+          apply2({
+            ...operation,
+            node: {
+              ...operation.node,
+              ...withNewKey ? { _key: keyGenerator() } : {}
+            }
+          });
+          return;
+        }
       }
       apply2(operation);
     }, editor.normalizeNode = (entry) => {
@@ -2240,7 +2235,7 @@ function findBlockAndChildFromPath(editor, path) {
     const isMatch = isKeyedSegment(path[2]) ? node._key === path[2]._key : index === path[2];
     return isMatch && (childIndex = index), isMatch;
   });
-  return child ? { block, child, blockPath, childPath: blockPath == null ? void 0 : blockPath.concat(childIndex) } : { block, blockPath, child: void 0, childPath: void 0 };
+  return child ? { block, child, blockPath, childPath: blockPath?.concat(childIndex) } : { block, blockPath, child: void 0, childPath: void 0 };
 }
 function withRemoteChanges(editor, fn) {
   const prev = isChangingRemotely(editor) || !1;
@@ -2329,11 +2324,12 @@ function createWithUndoRedo(options) {
               )
             );
           });
+          const reversedOperations = transformedOperations.map(Operation.inverse).reverse();
           try {
             Editor.withoutNormalizing(editor, () => {
               withPreserveKeys(editor, () => {
                 withoutSaving(editor, () => {
-                  transformedOperations.map(Operation.inverse).reverse().forEach((op) => {
+                  reversedOperations.forEach((op) => {
                     editor.apply(op);
                   });
                 });
@@ -2406,14 +2402,13 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
   if (patch.type === "diffMatchPatch") {
     const operationTargetBlock = findOperationTargetBlock(editor, transformedOperation);
     return !operationTargetBlock || !isEqual({ _key: operationTargetBlock._key }, patch.path[0]) ? [transformedOperation] : (parse(patch.value).forEach((diffPatch) => {
-      var _a, _b, _c, _d;
       let adjustOffsetBy = 0, changedOffset = diffPatch.utf8Start1;
       const { diffs } = diffPatch;
       if (diffs.forEach((diff2, index) => {
         const [diffType, text] = diff2;
         diffType === DIFF_INSERT ? (adjustOffsetBy += text.length, changedOffset += text.length) : diffType === DIFF_DELETE ? (adjustOffsetBy -= text.length, changedOffset -= text.length) : diffType === DIFF_EQUAL && (diffs.slice(index).every(([dType]) => dType === DIFF_EQUAL) || (changedOffset += text.length));
       }), transformedOperation.type === "insert_text" && changedOffset < transformedOperation.offset && (transformedOperation.offset += adjustOffsetBy), transformedOperation.type === "remove_text" && changedOffset <= transformedOperation.offset - transformedOperation.text.length && (transformedOperation.offset += adjustOffsetBy), transformedOperation.type === "set_selection") {
-        const currentFocus = (_a = transformedOperation.properties) != null && _a.focus ? { ...transformedOperation.properties.focus } : void 0, currentAnchor = (_b = transformedOperation == null ? void 0 : transformedOperation.properties) != null && _b.anchor ? { ...transformedOperation.properties.anchor } : void 0, newFocus = (_c = transformedOperation == null ? void 0 : transformedOperation.newProperties) != null && _c.focus ? { ...transformedOperation.newProperties.focus } : void 0, newAnchor = (_d = transformedOperation == null ? void 0 : transformedOperation.newProperties) != null && _d.anchor ? { ...transformedOperation.newProperties.anchor } : void 0;
+        const currentFocus = transformedOperation.properties?.focus ? { ...transformedOperation.properties.focus } : void 0, currentAnchor = transformedOperation?.properties?.anchor ? { ...transformedOperation.properties.anchor } : void 0, newFocus = transformedOperation?.newProperties?.focus ? { ...transformedOperation.newProperties.focus } : void 0, newAnchor = transformedOperation?.newProperties?.anchor ? { ...transformedOperation.newProperties.anchor } : void 0;
         (currentFocus && currentAnchor || newFocus && newAnchor) && ([currentFocus, currentAnchor, newFocus, newAnchor].forEach((point) => {
           point && changedOffset < point.offset && (point.offset += adjustOffsetBy);
         }), currentFocus && currentAnchor && (transformedOperation.properties = {
@@ -2429,14 +2424,13 @@ function transformOperation(editor, patch, operation, snapshot, previousSnapshot
   return [transformedOperation];
 }
 function adjustBlockPath(operation, level, blockIndex) {
-  var _a, _b, _c, _d;
   const transformedOperation = { ...operation };
   if (blockIndex >= 0 && transformedOperation.type !== "set_selection" && Array.isArray(transformedOperation.path) && transformedOperation.path[0] >= blockIndex + level && transformedOperation.path[0] + level > -1) {
     const newPath = [transformedOperation.path[0] + level, ...transformedOperation.path.slice(1)];
     transformedOperation.path = newPath;
   }
   if (transformedOperation.type === "set_selection") {
-    const currentFocus = (_a = transformedOperation.properties) != null && _a.focus ? { ...transformedOperation.properties.focus } : void 0, currentAnchor = (_b = transformedOperation == null ? void 0 : transformedOperation.properties) != null && _b.anchor ? { ...transformedOperation.properties.anchor } : void 0, newFocus = (_c = transformedOperation == null ? void 0 : transformedOperation.newProperties) != null && _c.focus ? { ...transformedOperation.newProperties.focus } : void 0, newAnchor = (_d = transformedOperation == null ? void 0 : transformedOperation.newProperties) != null && _d.anchor ? { ...transformedOperation.newProperties.anchor } : void 0;
+    const currentFocus = transformedOperation.properties?.focus ? { ...transformedOperation.properties.focus } : void 0, currentAnchor = transformedOperation?.properties?.anchor ? { ...transformedOperation.properties.anchor } : void 0, newFocus = transformedOperation?.newProperties?.focus ? { ...transformedOperation.newProperties.focus } : void 0, newAnchor = transformedOperation?.newProperties?.anchor ? { ...transformedOperation.newProperties.anchor } : void 0;
     (currentFocus && currentAnchor || newFocus && newAnchor) && ([currentFocus, currentAnchor, newFocus, newAnchor].forEach((point) => {
       point && point.path[0] >= blockIndex + level && point.path[0] + level > -1 && (point.path = [point.path[0] + level, ...point.path.slice(1)]);
     }), currentFocus && currentAnchor && (transformedOperation.properties = {
@@ -2734,8 +2728,23 @@ function createWithPortableTextLists(types) {
     }, editor;
   };
 }
+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"));
+}
+function isPortableTextBlock(node) {
+  return (
+    // A block doesn't _have_ to be named 'block' - to differentiate between
+    // allowed child types and marks, one might name them differently
+    typeof node._type == "string" && // Toolkit-types like nested spans are @-prefixed
+    node._type[0] !== "@" && // `markDefs` isn't _required_ per say, but if it's there, it needs to be an array
+    (!("markDefs" in node) || !node.markDefs || Array.isArray(node.markDefs) && // Every mark definition needs to have an `_key` to be mappable in child spans
+    node.markDefs.every((def) => typeof def._key == "string")) && // `children` is required and needs to be an array
+    "children" in node && Array.isArray(node.children) && // All children are objects with `_type` (usually spans, but can contain other stuff)
+    node.children.every((child) => typeof child == "object" && "_type" in child)
+  );
+}
 const debug$c = debugWithName("plugin:withPortableTextMarkModel");
-function createWithPortableTextMarkModel(types, change$) {
+function createWithPortableTextMarkModel(types, change$, keyGenerator) {
   return function(editor) {
     const { apply: apply2, normalizeNode } = editor, decorators = types.decorators.map((t) => t.value), forceNewSelection = () => {
       editor.selection && (Transforms.select(editor, { ...editor.selection }), editor.selection = { ...editor.selection });
@@ -2761,10 +2770,7 @@ function createWithPortableTextMarkModel(types, change$) {
           );
           if (annotationMarks.length > 0) {
             const [block] = Editor.node(editor, Path.parent(path)), orphanedMarks = editor.isTextBlock(block) && annotationMarks.filter(
-              (mark) => {
-                var _a;
-                return !((_a = block.markDefs) != null && _a.find((def) => def._key === mark));
-              }
+              (mark) => !block.markDefs?.find((def) => def._key === mark)
             ) || [];
             orphanedMarks.length > 0 && (debug$c("Removing orphaned .marks from span node"), Transforms.setNodes(
               editor,
@@ -2816,10 +2822,9 @@ function createWithPortableTextMarkModel(types, change$) {
         ), editor.onChange());
       }
     }, editor.apply = (op) => {
-      var _a, _b;
       if (op.type === "insert_text") {
         const { selection } = editor;
-        if (selection && Range.isCollapsed(selection) && (_b = (_a = Editor.marks(editor)) == null ? void 0 : _a.marks) != null && _b.some((mark) => !decorators.includes(mark))) {
+        if (selection && Range.isCollapsed(selection) && Editor.marks(editor)?.marks?.some((mark) => !decorators.includes(mark))) {
           const [node] = Array.from(
             Editor.nodes(editor, {
               mode: "lowest",
@@ -2829,18 +2834,41 @@ function createWithPortableTextMarkModel(types, change$) {
             })
           )[0] || [void 0];
           if (Text.isText(node) && node.text.length === selection.focus.offset && Array.isArray(node.marks) && node.marks.length > 0) {
-            apply2(op), Transforms.splitNodes(editor, {
-              match: Text.isText,
-              at: { ...selection.focus, offset: selection.focus.offset }
-            });
             const marksWithoutAnnotationMarks = ({
               ...Editor.marks(editor) || {}
             }.marks || []).filter((mark) => decorators.includes(mark));
-            Transforms.setNodes(
-              editor,
-              { marks: marksWithoutAnnotationMarks },
-              { at: Path.next(selection.focus.path) }
-            ), debug$c("Inserting text at end of annotation");
+            Transforms.insertNodes(editor, {
+              _type: "span",
+              _key: keyGenerator(),
+              text: op.text,
+              marks: marksWithoutAnnotationMarks
+            }), debug$c("Inserting text at end of annotation");
+            return;
+          }
+        }
+      }
+      if (op.type === "remove_text") {
+        const node = Array.from(
+          Editor.nodes(editor, {
+            mode: "lowest",
+            at: { path: op.path, offset: op.offset },
+            match: (n) => n._type === types.span.name,
+            voids: !1
+          })
+        )[0][0], block = Editor.node(editor, Path.parent(op.path))[0];
+        if (node && isPortableTextSpan(node) && block && isPortableTextBlock(block)) {
+          const markDefs = block.markDefs ?? [], nodeHasAnnotations = (node.marks ?? []).some(
+            (mark) => markDefs.find((markDef) => markDef._key === mark)
+          ), deletingPartOfTheNode = op.offset !== 0, deletingFromTheEnd = op.offset + op.text.length === node.text.length;
+          if (nodeHasAnnotations && deletingPartOfTheNode && deletingFromTheEnd) {
+            Editor.withoutNormalizing(editor, () => {
+              withoutPreserveKeys(editor, () => {
+                Transforms.splitNodes(editor, {
+                  match: Text.isText,
+                  at: { path: op.path, offset: op.offset }
+                });
+              }), Transforms.removeNodes(editor, { at: Path.next(op.path) });
+            }), editor.onChange();
             return;
           }
         }
@@ -2853,10 +2881,7 @@ function createWithPortableTextMarkModel(types, change$) {
           const splitTextNodes = [
             ...Editor.nodes(editor, { at: editor.selection, match: Text.isText })
           ];
-          if (splitTextNodes.every((node) => {
-            var _a;
-            return (_a = node[0].marks) == null ? void 0 : _a.includes(mark);
-          }))
+          if (splitTextNodes.every((node) => node[0].marks?.includes(mark)))
             return editor.removeMark(mark), editor;
           Editor.withoutNormalizing(editor, () => {
             splitTextNodes.forEach(([node, path]) => {
@@ -2925,9 +2950,8 @@ function createWithPortableTextMarkModel(types, change$) {
         Editor.nodes(editor, { match: Text.isText, at: editor.selection })
       );
       return Range.isExpanded(editor.selection) ? selectedNodes.every((n) => {
-        var _a;
         const [node] = n;
-        return (_a = node.marks) == null ? void 0 : _a.includes(mark);
+        return node.marks?.includes(mark);
       }) : ({
         ...Editor.marks(editor) || {}
       }.marks || []).includes(mark);
@@ -2937,18 +2961,22 @@ function createWithPortableTextMarkModel(types, change$) {
   };
   function mergeSpans(editor) {
     const { selection } = editor;
-    if (selection)
-      for (const [node, path] of Array.from(
+    if (selection) {
+      const textNodesInSelection = Array.from(
         Editor.nodes(editor, {
-          at: Editor.range(editor, [selection.anchor.path[0]], [selection.focus.path[0]])
+          at: Editor.range(editor, [selection.anchor.path[0]], [selection.focus.path[0]]),
+          match: Text.isText,
+          reverse: !0
         })
-      ).reverse()) {
+      );
+      for (const [node, path] of textNodesInSelection) {
         const [parent] = path.length > 1 ? Editor.node(editor, Path.parent(path)) : [void 0], nextPath = [path[0], path[1] + 1];
         if (editor.isTextBlock(parent)) {
           const nextNode = parent.children[nextPath[1]];
-          Text.isText(node) && Text.isText(nextNode) && isEqual(nextNode.marks, node.marks) && (debug$c("Merging spans"), Transforms.mergeNodes(editor, { at: nextPath, voids: !0 }), editor.onChange());
+          Text.isText(nextNode) && isEqual(nextNode.marks, node.marks) && (debug$c("Merging spans"), Transforms.mergeNodes(editor, { at: nextPath, voids: !0 }), editor.onChange());
         }
       }
+    }
   }
 }
 const debug$b = debugWithName("plugin:withPortableTextSelections"), debugVerbose$2 = debug$b.enabled && !1;
@@ -2987,7 +3015,7 @@ function createWithSchemaTypes({
   keyGenerator
 }) {
   return function(editor) {
-    editor.isTextBlock = (value) => isPortableTextTextBlock(value) && value._type === schemaTypes.block.name, editor.isTextSpan = (value) => isPortableTextSpan(value) && value._type == schemaTypes.span.name, editor.isListBlock = (value) => isPortableTextListBlock(value) && value._type === schemaTypes.block.name, editor.isVoid = (element) => schemaTypes.block.name !== element._type && (schemaTypes.blockObjects.map((obj) => obj.name).includes(element._type) || schemaTypes.inlineObjects.map((obj) => obj.name).includes(element._type)), editor.isInline = (element) => schemaTypes.inlineObjects.map((obj) => obj.name).includes(element._type) && "__inline" in element && element.__inline === !0;
+    editor.isTextBlock = (value) => isPortableTextTextBlock(value) && value._type === schemaTypes.block.name, editor.isTextSpan = (value) => isPortableTextSpan$1(value) && value._type == schemaTypes.span.name, editor.isListBlock = (value) => isPortableTextListBlock(value) && value._type === schemaTypes.block.name, editor.isVoid = (element) => schemaTypes.block.name !== element._type && (schemaTypes.blockObjects.map((obj) => obj.name).includes(element._type) || schemaTypes.inlineObjects.map((obj) => obj.name).includes(element._type)), editor.isInline = (element) => schemaTypes.inlineObjects.map((obj) => obj.name).includes(element._type) && "__inline" in element && element.__inline === !0;
     const { normalizeNode } = editor;
     return editor.normalizeNode = (entry) => {
       const [node, path] = entry;
@@ -3060,7 +3088,6 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
   const reservedHotkeys = ["enter", "tab", "shift", "delete", "end"], activeHotkeys = hotkeysFromOptions || DEFAULT_HOTKEYS;
   return function(editor) {
     return editor.pteWithHotKeys = (event) => {
-      var _a, _b, _c, _d, _e, _f;
       Object.keys(activeHotkeys).forEach((cat) => {
         if (cat === "marks")
           for (const hotkey in activeHotkeys[cat]) {
@@ -3107,7 +3134,7 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
         }
       }
       if (isBackspace && editor.selection && editor.selection.focus.path[0] === 0 && Range.isCollapsed(editor.selection)) {
-        const focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1)), nextPath = Path.next(editor.selection.focus.path.slice(0, 1)), nextBlock = Node.has(editor, nextPath), isTextBlock = isPortableTextTextBlock(focusBlock), isEmptyFocusBlock = isTextBlock && focusBlock.children.length === 1 && ((_b = (_a = focusBlock.children) == null ? void 0 : _a[0]) == null ? void 0 : _b.text) === "";
+        const focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1)), nextPath = Path.next(editor.selection.focus.path.slice(0, 1)), nextBlock = Node.has(editor, nextPath), isTextBlock = isPortableTextTextBlock(focusBlock), isEmptyFocusBlock = isTextBlock && focusBlock.children.length === 1 && focusBlock.children?.[0]?.text === "";
         if (nextBlock && isTextBlock && isEmptyFocusBlock) {
           event.preventDefault(), event.stopPropagation(), Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), editor.onChange();
           return;
@@ -3117,7 +3144,7 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
         const prevPath = Path.previous(editor.selection.focus.path.slice(0, 1)), prevBlock = Node.descendant(editor, prevPath), focusBlock = Node.descendant(editor, editor.selection.focus.path.slice(0, 1));
         if (prevBlock && focusBlock && Editor.isVoid(editor, prevBlock) && editor.selection.focus.offset === 0) {
           debug$8("Preventing deleting void block above"), event.preventDefault(), event.stopPropagation();
-          const isTextBlock = isPortableTextTextBlock(focusBlock), isEmptyFocusBlock = isTextBlock && focusBlock.children.length === 1 && ((_d = (_c = focusBlock.children) == null ? void 0 : _c[0]) == null ? void 0 : _d.text) === "";
+          const isTextBlock = isPortableTextTextBlock(focusBlock), isEmptyFocusBlock = isTextBlock && focusBlock.children.length === 1 && focusBlock.children?.[0]?.text === "";
           if (!isTextBlock || isEmptyFocusBlock) {
             Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), Transforms.select(editor, prevPath), editor.onChange();
             return;
@@ -3133,17 +3160,17 @@ function createWithHotkeys(types, portableTextEditor, hotkeysFromOptions) {
         const nextBlock = Node.descendant(
           editor,
           Path.next(editor.selection.focus.path.slice(0, 1))
-        ), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath), isEmptyFocusBlock = isPortableTextTextBlock(focusBlock) && focusBlock.children.length === 1 && ((_f = (_e = focusBlock.children) == null ? void 0 : _e[0]) == null ? void 0 : _f.text) === "";
+        ), focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath), isEmptyFocusBlock = isPortableTextTextBlock(focusBlock) && focusBlock.children.length === 1 && focusBlock.children?.[0]?.text === "";
         if (nextBlock && focusBlock && !Editor.isVoid(editor, focusBlock) && Editor.isVoid(editor, nextBlock) && isEmptyFocusBlock) {
           debug$8("Preventing deleting void block below"), event.preventDefault(), event.stopPropagation(), Transforms.removeNodes(editor, { match: (n) => n === focusBlock }), Transforms.select(editor, focusBlockPath), editor.onChange();
           return;
         }
       }
       if ((isTab || isShiftTab) && editor.selection) {
-        const [focusChild] = Editor.node(editor, editor.selection.focus, { depth: 2 }), [focusBlock] = isPortableTextSpan(focusChild) ? Editor.node(editor, editor.selection.focus, { depth: 1 }) : [], hasAnnotationFocus = focusChild && isPortableTextTextBlock(focusBlock) && isPortableTextSpan(focusChild) && (focusChild.marks || []).filter(
+        const [focusChild] = Editor.node(editor, editor.selection.focus, { depth: 2 }), [focusBlock] = isPortableTextSpan$1(focusChild) ? Editor.node(editor, editor.selection.focus, { depth: 1 }) : [], hasAnnotationFocus = focusChild && isPortableTextTextBlock(focusBlock) && isPortableTextSpan$1(focusChild) && (focusChild.marks || []).filter(
           (m) => (focusBlock.markDefs || []).map((def) => def._key).includes(m)
         ).length > 0, [start] = Range.edges(editor.selection), atStartOfNode = Editor.isStart(editor, start, start.path);
-        focusChild && isPortableTextSpan(focusChild) && (!hasAnnotationFocus || atStartOfNode) && editor.pteIncrementBlockLevels(isShiftTab) && event.preventDefault();
+        focusChild && isPortableTextSpan$1(focusChild) && (!hasAnnotationFocus || atStartOfNode) && editor.pteIncrementBlockLevels(isShiftTab) && event.preventDefault();
       }
       if (isEnter && !isShiftEnter && editor.selection) {
         const focusBlockPath = editor.selection.focus.path.slice(0, 1), focusBlock = Node.descendant(editor, focusBlockPath);
@@ -3438,13 +3465,7 @@ function validateValue(value, types, keyGenerator) {
 const debug$7 = debugWithName("plugin:withInsertData");
 function createWithInsertData(change$, schemaTypes, keyGenerator) {
   return function(editor) {
-    const blockTypeName = schemaTypes.block.name, spanTypeName = schemaTypes.span.name, whitespaceOnPasteMode = schemaTypes.block.options.unstable_whitespaceOnPasteMode, toPlainText = (blocks) => blocks.map((block) => {
-      var _a;
-      return editor.isTextBlock(block) ? block.children.map((child) => {
-        var _a2;
-        return child._type === spanTypeName ? child.text : `[${((_a2 = schemaTypes.inlineObjects.find((t) => t.name === child._type)) == null ? void 0 : _a2.title) || "Object"}]`;
-      }).join("") : `[${((_a = schemaTypes.blockObjects.find((t) => t.name === block._type)) == null ? void 0 : _a.title) || "Object"}]`;
-    }).join(`
+    const blockTypeName = schemaTypes.block.name, spanTypeName = schemaTypes.span.name, whitespaceOnPasteMode = schemaTypes.block.options.unstable_whitespaceOnPasteMode, toPlainText = (blocks) => blocks.map((block) => editor.isTextBlock(block) ? block.children.map((child) => child._type === spanTypeName ? child.text : `[${schemaTypes.inlineObjects.find((t) => t.name === child._type)?.title || "Object"}]`).join("") : `[${schemaTypes.blockObjects.find((t) => t.name === block._type)?.title || "Object"}]`).join(`
 
 `);
     return editor.setFragmentData = (data, originEvent) => {
@@ -3476,7 +3497,6 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
       const fragment = editor.getFragment(), portableText = fromSlateValue(fragment, blockTypeName), asJSON = JSON.stringify(portableText), asPlainText = toPlainText(portableText);
       data.clearData(), data.setData("text/plain", asPlainText), data.setData("text/html", asHTML), data.setData("application/json", asJSON), data.setData("application/x-portable-text", asJSON), debug$7("text", asPlainText), data.setData("application/x-portable-text-event-origin", originEvent || "external"), debug$7("Set fragment data", asJSON, asHTML);
     }, editor.insertPortableTextData = (data) => {
-      var _a, _b;
       if (!editor.selection)
         return !1;
       const pText = data.getData("application/x-portable-text"), origin = data.getData("application/x-portable-text-event-origin");
@@ -3490,8 +3510,8 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
             spanTypeName,
             schemaTypes
           ), validation = validateValue(parsed, schemaTypes, keyGenerator);
-          if (!validation.valid && !((_a = validation.resolution) != null && _a.autoResolve)) {
-            const errorDescription = `${(_b = validation.resolution) == null ? void 0 : _b.description}`;
+          if (!validation.valid && !validation.resolution?.autoResolve) {
+            const errorDescription = `${validation.resolution?.description}`;
             return change$.next({
               type: "error",
               level: "warning",
@@ -3505,7 +3525,6 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
       }
       return !1;
     }, editor.insertTextOrHTMLData = (data) => {
-      var _a;
       if (!editor.selection)
         return debug$7("No selection, not inserting"), !1;
       change$.next({ type: "loading", isLoading: !0 });
@@ -3531,7 +3550,7 @@ function createWithInsertData(change$, schemaTypes, keyGenerator) {
         const validation = validateValue(portableText, schemaTypes, keyGenerator);
         if (!validation.valid) {
           const errorDescription = `Could not validate the resulting portable text to insert.
-${(_a = validation.resolution) == null ? void 0 : _a.description}
+${validation.resolution?.description}
 Try to insert as plain text (shift-paste) instead.`;
           return change$.next({
             type: "error",
@@ -3638,7 +3657,11 @@ const originalFnMap = /* @__PURE__ */ new WeakMap(), withPlugins = (editor, opti
     readOnly,
     patches$,
     blockSchemaType: schemaTypes.block
-  }), withPortableTextMarkModel = createWithPortableTextMarkModel(schemaTypes, change$), withPortableTextBlockStyle = createWithPortableTextBlockStyle(schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(), withInsertBreak = createWithInsertBreak(schemaTypes), withUtils = createWithUtils({ keyGenerator, schemaTypes, portableTextEditor }), withPortableTextSelections = createWithPortableTextSelections(change$, schemaTypes);
+  }), withPortableTextMarkModel = createWithPortableTextMarkModel(
+    schemaTypes,
+    change$,
+    keyGenerator
+  ), withPortableTextBlockStyle = createWithPortableTextBlockStyle(schemaTypes), withPlaceholderBlock = createWithPlaceholderBlock(), withInsertBreak = createWithInsertBreak(schemaTypes), withUtils = createWithUtils({ keyGenerator, schemaTypes, portableTextEditor }), withPortableTextSelections = createWithPortableTextSelections(change$, schemaTypes);
   return e.destroy = () => {
     const originalFunctions = originalFnMap.get(e);
     if (!originalFunctions)
@@ -3796,15 +3819,14 @@ function useSyncValue(props) {
                   isChanged = !0;
                 }
                 slateValueFromProps.forEach((currentBlock, currentBlockIndex) => {
-                  var _a, _b, _c, _d, _e;
                   const oldBlock = slateEditor.children[currentBlockIndex];
                   if (oldBlock && !isEqual(currentBlock, oldBlock) && isValid) {
                     const validationValue = [value[currentBlockIndex]], validation = validateValue(validationValue, schemaTypes, keyGenerator);
-                    !validation.valid && (_a = validation.resolution) != null && _a.autoResolve && ((_b = validation.resolution) == null ? void 0 : _b.patches.length) > 0 && !readOnly && previousValue.current && previousValue.current !== value && (console.warn(
-                      `${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${(_c = validation.resolution) == null ? void 0 : _c.description}`
+                    !validation.valid && validation.resolution?.autoResolve && validation.resolution?.patches.length > 0 && !readOnly && previousValue.current && previousValue.current !== value && (console.warn(
+                      `${validation.resolution.action} for block with _key '${validationValue[0]._key}'. ${validation.resolution?.description}`
                     ), validation.resolution.patches.forEach((patch) => {
                       change$.next({ type: "patch", patch });
-                    })), validation.valid || (_d = validation.resolution) != null && _d.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$5.enabled && debug$5("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$5.enabled && debug$5("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), isChanged = !0) : (change$.next({
+                    })), validation.valid || validation.resolution?.autoResolve ? (oldBlock._key === currentBlock._key ? (debug$5.enabled && debug$5("Updating block", oldBlock, currentBlock), _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex)) : (debug$5.enabled && debug$5("Replacing block", oldBlock, currentBlock), _replaceBlock(slateEditor, currentBlock, currentBlockIndex)), isChanged = !0) : (change$.next({
                       type: "invalidValue",
                       resolution: validation.resolution,
                       value
@@ -3815,7 +3837,7 @@ function useSyncValue(props) {
                     debug$5.enabled && debug$5(
                       "Validating and inserting new block in the end of the value",
                       currentBlock
-                    ), validation.valid || (_e = validation.resolution) != null && _e.autoResolve ? withPreserveKeys(slateEditor, () => {
+                    ), validation.valid || validation.resolution?.autoResolve ? withPreserveKeys(slateEditor, () => {
                       Transforms.insertNodes(slateEditor, currentBlock, {
                         at: [currentBlockIndex]
                       });
@@ -3885,9 +3907,9 @@ function _updateBlock(slateEditor, currentBlock, oldBlock, currentBlockIndex) {
         }));
       }
     ), currentBlock.children.forEach((currentBlockChild, currentBlockChildIndex) => {
-      const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(currentBlockChild.text, oldBlockChild == null ? void 0 : oldBlockChild.text), path = [currentBlockIndex, currentBlockChildIndex];
+      const oldBlockChild = oldBlock.children[currentBlockChildIndex], isChildChanged = !isEqual(currentBlockChild, oldBlockChild), isTextChanged = !isEqual(currentBlockChild.text, oldBlockChild?.text), path = [currentBlockIndex, currentBlockChildIndex];
       if (isChildChanged)
-        if (currentBlockChild._key === (oldBlockChild == null ? void 0 : oldBlockChild._key)) {
+        if (currentBlockChild._key === oldBlockChild?._key) {
           debug$5("Updating changed child", currentBlockChild, oldBlockChild), Transforms.setNodes(slateEditor, currentBlockChild, {
             at: path
           });
@@ -4003,16 +4025,22 @@ function PortableTextEditorSelectionProvider(props) {
     };
   }, [change$]), /* @__PURE__ */ jsx(PortableTextEditorSelectionContext.Provider, { value: selection, children: props.children });
 }
-var __defProp = Object.defineProperty, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
 const debug$2 = debugWithName("component:PortableTextEditor");
 class PortableTextEditor extends Component {
+  /**
+   * An observable of all the editor changes.
+   */
+  change$ = new Subject();
+  /**
+   * A lookup table for all the relevant schema types for this portable text type.
+   */
+  schemaTypes;
+  /**
+   * The editor API (currently implemented with Slate).
+   */
+  editable;
   constructor(props) {
-    if (super(props), __publicField(this, "change$", new Subject()), __publicField(this, "schemaTypes"), __publicField(this, "editable"), __publicField(this, "setEditable", (editable) => {
-      this.editable = { ...this.editable, ...editable };
-    }), __publicField(this, "getValue", () => {
-      if (this.editable)
-        return this.editable.getValue();
-    }), !props.schemaType)
+    if (super(props), !props.schemaType)
       throw new Error('PortableTextEditor: missing "schemaType" property');
     props.incomingPatches$ && console.warn("The prop 'incomingPatches$' is deprecated and renamed to 'patches$'"), this.change$.next({ type: "loading", isLoading: !0 }), this.schemaTypes = getPortableTextMemberSchemaTypes(
       props.schemaType.hasOwnProperty("jsonType") ? props.schemaType : compileType(props.schemaType)
@@ -4023,6 +4051,13 @@ class PortableTextEditor extends Component {
       this.props.schemaType.hasOwnProperty("jsonType") ? this.props.schemaType : compileType(this.props.schemaType)
     )), this.props.editorRef !== prevProps.editorRef && this.props.editorRef && (this.props.editorRef.current = this);
   }
+  setEditable = (editable) => {
+    this.editable = { ...this.editable, ...editable };
+  };
+  getValue = () => {
+    if (this.editable)
+      return this.editable.getValue();
+  };
   render() {
     const { onChange, value, children, patches$, incomingPatches$ } = this.props, { change$ } = this, _patches$ = incomingPatches$ || patches$, maxBlocks = typeof this.props.maxBlocks > "u" ? void 0 : parseInt(this.props.maxBlocks.toString(), 10) || void 0, readOnly = !!this.props.readOnly, keyGenerator = this.props.keyGenerator || defaultKeyGenerator;
     return /* @__PURE__ */ jsx(
@@ -4048,99 +4083,59 @@ class PortableTextEditor extends Component {
       }
     );
   }
+  // Static API methods
+  static activeAnnotations = (editor) => editor && editor.editable ? editor.editable.activeAnnotations() : [];
+  static isAnnotationActive = (editor, annotationType) => editor && editor.editable ? editor.editable.isAnnotationActive(annotationType) : !1;
+  static addAnnotation = (editor, type, value) => editor.editable?.addAnnotation(type, value);
+  static blur = (editor) => {
+    debug$2("Host blurred"), editor.editable?.blur();
+  };
+  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) || [];
+  static focus = (editor) => {
+    debug$2("Host requesting focus"), editor.editable?.focus();
+  };
+  static focusBlock = (editor) => editor.editable?.focusBlock();
+  static focusChild = (editor) => editor.editable?.focusChild();
+  static getSelection = (editor) => editor.editable ? editor.editable.getSelection() : null;
+  static getValue = (editor) => editor.editable?.getValue();
+  static hasBlockStyle = (editor, blockStyle) => editor.editable?.hasBlockStyle(blockStyle);
+  static hasListStyle = (editor, listStyle) => editor.editable?.hasListStyle(listStyle);
+  static isCollapsedSelection = (editor) => editor.editable?.isCollapsedSelection();
+  static isExpandedSelection = (editor) => editor.editable?.isExpandedSelection();
+  static isMarkActive = (editor, mark) => editor.editable?.isMarkActive(mark);
+  static insertChild = (editor, type, value) => (debug$2("Host inserting child"), editor.editable?.insertChild(type, value));
+  static insertBlock = (editor, type, value) => editor.editable?.insertBlock(type, value);
+  static insertBreak = (editor) => editor.editable?.insertBreak();
+  static isVoid = (editor, element) => editor.editable?.isVoid(element);
+  static isObjectPath = (editor, path) => {
+    if (!path || !Array.isArray(path)) return !1;
+    const isChildObjectEditPath = path.length > 3 && path[1] === "children";
+    return path.length > 1 && path[1] !== "children" || isChildObjectEditPath;
+  };
+  static marks = (editor) => editor.editable?.marks();
+  static select = (editor, selection) => {
+    debug$2("Host setting selection", selection), editor.editable?.select(selection);
+  };
+  static removeAnnotation = (editor, type) => editor.editable?.removeAnnotation(type);
+  static toggleBlockStyle = (editor, blockStyle) => (debug$2("Host is toggling block style"), editor.editable?.toggleBlockStyle(blockStyle));
+  static toggleList = (editor, listStyle) => editor.editable?.toggleList(listStyle);
+  static toggleMark = (editor, mark) => {
+    debug$2("Host toggling mark", mark), editor.editable?.toggleMark(mark);
+  };
+  static getFragment = (editor) => (debug$2("Host getting fragment"), editor.editable?.getFragment());
+  static undo = (editor) => {
+    debug$2("Host undoing"), editor.editable?.undo();
+  };
+  static redo = (editor) => {
+    debug$2("Host redoing"), editor.editable?.redo();
+  };
+  static isSelectionsOverlapping = (editor, selectionA, selectionB) => editor.editable?.isSelectionsOverlapping(selectionA, selectionB);
 }
-__publicField(PortableTextEditor, "activeAnnotations", (editor) => editor && editor.editable ? editor.editable.activeAnnotations() : []), __publicField(PortableTextEditor, "isAnnotationActive", (editor, annotationType) => editor && editor.editable ? editor.editable.isAnnotationActive(annotationType) : !1), __publicField(PortableTextEditor, "addAnnotation", (editor, type, value) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.addAnnotation(type, value);
-}), __publicField(PortableTextEditor, "blur", (editor) => {
-  var _a;
-  debug$2("Host blurred"), (_a = editor.editable) == null || _a.blur();
-}), __publicField(PortableTextEditor, "delete", (editor, selection, options) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.delete(selection, options);
-}), __publicField(PortableTextEditor, "findDOMNode", (editor, element) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.findDOMNode(element);
-}), __publicField(PortableTextEditor, "findByPath", (editor, path) => {
-  var _a;
-  return ((_a = editor.editable) == null ? void 0 : _a.findByPath(path)) || [];
-}), __publicField(PortableTextEditor, "focus", (editor) => {
-  var _a;
-  debug$2("Host requesting focus"), (_a = editor.editable) == null || _a.focus();
-}), __publicField(PortableTextEditor, "focusBlock", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.focusBlock();
-}), __publicField(PortableTextEditor, "focusChild", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.focusChild();
-}), __publicField(PortableTextEditor, "getSelection", (editor) => editor.editable ? editor.editable.getSelection() : null), __publicField(PortableTextEditor, "getValue", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.getValue();
-}), __publicField(PortableTextEditor, "hasBlockStyle", (editor, blockStyle) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.hasBlockStyle(blockStyle);
-}), __publicField(PortableTextEditor, "hasListStyle", (editor, listStyle) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.hasListStyle(listStyle);
-}), __publicField(PortableTextEditor, "isCollapsedSelection", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.isCollapsedSelection();
-}), __publicField(PortableTextEditor, "isExpandedSelection", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.isExpandedSelection();
-}), __publicField(PortableTextEditor, "isMarkActive", (editor, mark) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.isMarkActive(mark);
-}), __publicField(PortableTextEditor, "insertChild", (editor, type, value) => {
-  var _a;
-  return debug$2("Host inserting child"), (_a = editor.editable) == null ? void 0 : _a.insertChild(type, value);
-}), __publicField(PortableTextEditor, "insertBlock", (editor, type, value) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.insertBlock(type, value);
-}), __publicField(PortableTextEditor, "insertBreak", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.insertBreak();
-}), __publicField(PortableTextEditor, "isVoid", (editor, element) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.isVoid(element);
-}), __publicField(PortableTextEditor, "isObjectPath", (editor, path) => {
-  if (!path || !Array.isArray(path)) return !1;
-  const isChildObjectEditPath = path.length > 3 && path[1] === "children";
-  return path.length > 1 && path[1] !== "children" || isChildObjectEditPath;
-}), __publicField(PortableTextEditor, "marks", (editor) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.marks();
-}), __publicField(PortableTextEditor, "select", (editor, selection) => {
-  var _a;
-  debug$2("Host setting selection", selection), (_a = editor.editable) == null || _a.select(selection);
-}), __publicField(PortableTextEditor, "removeAnnotation", (editor, type) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.removeAnnotation(type);
-}), __publicField(PortableTextEditor, "toggleBlockStyle", (editor, blockStyle) => {
-  var _a;
-  return debug$2("Host is toggling block style"), (_a = editor.editable) == null ? void 0 : _a.toggleBlockStyle(blockStyle);
-}), __publicField(PortableTextEditor, "toggleList", (editor, listStyle) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.toggleList(listStyle);
-}), __publicField(PortableTextEditor, "toggleMark", (editor, mark) => {
-  var _a;
-  debug$2("Host toggling mark", mark), (_a = editor.editable) == null || _a.toggleMark(mark);
-}), __publicField(PortableTextEditor, "getFragment", (editor) => {
-  var _a;
-  return debug$2("Host getting fragment"), (_a = editor.editable) == null ? void 0 : _a.getFragment();
-}), __publicField(PortableTextEditor, "undo", (editor) => {
-  var _a;
-  debug$2("Host undoing"), (_a = editor.editable) == null || _a.undo();
-}), __publicField(PortableTextEditor, "redo", (editor) => {
-  var _a;
-  debug$2("Host redoing"), (_a = editor.editable) == null || _a.redo();
-}), __publicField(PortableTextEditor, "isSelectionsOverlapping", (editor, selectionA, selectionB) => {
-  var _a;
-  return (_a = editor.editable) == null ? void 0 : _a.isSelectionsOverlapping(selectionA, selectionB);
-});
 const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (props) => {
   const { attributes, children, leaf, schemaTypes, renderChild, renderDecorator, renderAnnotation } = props, spanRef = useRef(null), portableTextEditor = usePortableTextEditor(), blockSelected = useSelected(), [focused, setFocused] = useState(!1), [selected, setSelected] = useState(!1), block = children.props.parent, path = useMemo(
-    () => block ? [{ _key: block == null ? void 0 : block._key }, "children", { _key: leaf._key }] : [],
+    () => block ? [{ _key: block?._key }, "children", { _key: leaf._key }] : [],
     [block, leaf._key]
   ), decoratorValues = useMemo(
     () => schemaTypes.decorators.map((dec) => dec.value),
@@ -4150,10 +4145,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     [decoratorValues, leaf.marks]
   ), annotationMarks = Array.isArray(leaf.marks) ? leaf.marks : EMPTY_MARKS, annotations = useMemo(
     () => annotationMarks.map(
-      (mark) => {
-        var _a;
-        return !decoratorValues.includes(mark) && ((_a = block == null ? void 0 : block.markDefs) == null ? void 0 : _a.find((def) => def._key === mark));
-      }
+      (mark) => !decoratorValues.includes(mark) && block?.markDefs?.find((def) => def._key === mark)
     ).filter(Boolean),
     [annotationMarks, block, decoratorValues]
   ), shouldTrackSelectionAndFocus = annotations.length > 0 && blockSelected;
@@ -4464,7 +4456,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
         debug("Pasting normally"), slateEditor.insertData(event.clipboardData);
         return;
       }
-      const value = PortableTextEditor.getValue(portableTextEditor), ptRange = toPortableTextRange(value, slateEditor.selection, schemaTypes), path = (ptRange == null ? void 0 : ptRange.focus.path) || [], onPasteResult = onPaste({ event, value, path, schemaTypes });
+      const value = PortableTextEditor.getValue(portableTextEditor), path = toPortableTextRange(value, slateEditor.selection, schemaTypes)?.focus.path || [], onPasteResult = onPaste({ event, value, path, schemaTypes });
       onPasteResult === void 0 ? (debug("No result from custom paste handler, pasting normally"), slateEditor.insertData(event.clipboardData)) : (change$.next({ type: "loading", isLoading: !0 }), Promise.resolve(onPasteResult).then((result) => {
         debug("Custom paste function from client resolved", result), !result || !result.insert ? (debug("No result from custom paste handler, pasting normally"), slateEditor.insertData(event.clipboardData)) : result.insert ? slateEditor.insertFragment(
           toSlateValue(result.insert, { schemaTypes })
@@ -4520,7 +4512,7 @@ const debug$1 = debugWithName("components:Leaf"), EMPTY_MARKS = [], Leaf = (prop
     const existingDOMRange = domSelection.getRangeAt(0);
     try {
       const newDOMRange = ReactEditor.toDOMRange(slateEditor, slateEditor.selection);
-      (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug("DOM range out of sync, validating selection"), domSelection == null || domSelection.removeAllRanges(), domSelection.addRange(newDOMRange));
+      (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
     } catch {
       debug("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
     }