@portabletext/editor 4.2.2 → 4.2.3

package/lib/_chunks-dts/behavior.types.action.d.ts

@@ -1,9 +1,9 @@
 import * as _portabletext_schema6 from "@portabletext/schema";
 import { AnnotationDefinition, AnnotationSchemaType, BaseDefinition, BlockObjectDefinition, BlockObjectSchemaType, DecoratorDefinition, DecoratorSchemaType, FieldDefinition, InlineObjectDefinition, InlineObjectSchemaType, ListDefinition, ListSchemaType, PortableTextBlock, PortableTextBlock as PortableTextBlock$1, PortableTextChild, PortableTextChild as PortableTextChild$1, PortableTextListBlock, PortableTextObject, PortableTextObject as PortableTextObject$1, PortableTextSpan, PortableTextSpan as PortableTextSpan$1, PortableTextTextBlock, PortableTextTextBlock as PortableTextTextBlock$1, Schema, SchemaDefinition, SchemaDefinition as SchemaDefinition$1, StyleDefinition, StyleSchemaType, TypedObject, defineSchema } from "@portabletext/schema";
 import { BaseRange, Descendant, Operation, Range } from "slate";
-import * as xstate71 from "xstate";
+import * as xstate75 from "xstate";
 import { ActorRef, ActorRefFrom, EventObject, Snapshot } from "xstate";
-import * as react10 from "react";
+import * as react8 from "react";
 import React$1, { BaseSyntheticEvent, ClipboardEvent, Component, FocusEvent, JSX, MutableRefObject, PropsWithChildren, ReactElement, RefObject, TextareaHTMLAttributes } from "react";
 import { Patch, Patch as Patch$1 } from "@portabletext/patches";
 import { Observable, Subject } from "rxjs";
@@ -306,7 +306,7 @@ declare class PortableTextEditor extends Component<PortableTextEditorProps<Inter
   componentDidUpdate(prevProps: PortableTextEditorProps): void;
   componentWillUnmount(): void;
   setEditable: (editable: EditableAPI) => void;
-  render(): react10.JSX.Element;
+  render(): react8.JSX.Element;
   /**
    * @deprecated
    * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
@@ -715,7 +715,7 @@ type PortableTextEditableProps = Omit<TextareaHTMLAttributes<HTMLDivElement>, 'o
  * ```
  * @group Components
  */
-declare const PortableTextEditable: react10.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react10.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
+declare const PortableTextEditable: react8.ForwardRefExoticComponent<Omit<PortableTextEditableProps, "ref"> & react8.RefAttributes<Omit<HTMLDivElement, "as" | "onPaste" | "onBeforeInput">>>;
 /** @beta */
 interface EditableAPIDeleteOptions {
   mode?: 'blocks' | 'children' | 'selected';
@@ -1375,7 +1375,7 @@ type EditorActor = ActorRefFrom<typeof editorMachine>;
 /**
  * @internal
  */
-declare const editorMachine: xstate71.StateMachine<{
+declare const editorMachine: xstate75.StateMachine<{
   behaviors: Set<BehaviorConfig>;
   behaviorIndex: BehaviorIndex;
   abstractBehaviorIndex: BehaviorIndex;
@@ -1439,46 +1439,46 @@ declare const editorMachine: xstate71.StateMachine<{
   editor: PortableTextSlateEditor;
 }, {}, never, {
   type: "add behavior to context";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "remove behavior from context";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "add slate editor to context";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit patch event";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit mutation event";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit read only";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit editable";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "defer event";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit pending events";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit ready";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "clear pending events";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "defer incoming patches";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "emit pending incoming patches";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "clear pending incoming patches";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 } | {
   type: "handle blur";
   params: unknown;
@@ -1490,7 +1490,7 @@ declare const editorMachine: xstate71.StateMachine<{
   params: unknown;
 } | {
   type: "index behaviors";
-  params: xstate71.NonReducibleUnknown;
+  params: xstate75.NonReducibleUnknown;
 }, {
   type: "slate is busy";
   params: unknown;
@@ -1520,9 +1520,9 @@ declare const editorMachine: xstate71.StateMachine<{
   readOnly?: boolean;
   schema: EditorSchema;
   initialValue?: Array<PortableTextBlock>;
-}, xstate71.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
+}, xstate75.NonReducibleUnknown, InternalPatchEvent | MutationEvent | PatchesEvent | {
   type: "blurred";
-  event: react10.FocusEvent<HTMLDivElement, Element>;
+  event: react8.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "done loading";
 } | {
@@ -1534,7 +1534,7 @@ declare const editorMachine: xstate71.StateMachine<{
   data: unknown;
 } | {
   type: "focused";
-  event: react10.FocusEvent<HTMLDivElement, Element>;
+  event: react8.FocusEvent<HTMLDivElement, Element>;
 } | {
   type: "invalid value";
   resolution: InvalidValueResolution | null;
@@ -1551,7 +1551,7 @@ declare const editorMachine: xstate71.StateMachine<{
 } | {
   type: "value changed";
   value: Array<PortableTextBlock> | undefined;
-}, xstate71.MetaObject, {
+}, xstate75.MetaObject, {
   id: "editor";
   states: {
     readonly 'edit mode': {

package/lib/index.js

@@ -3,7 +3,7 @@ import { c } from "react/compiler-runtime";
 import { useSelector, useActorRef } from "@xstate/react";
 import { createContext, useContext, useRef, useState, useEffect, forwardRef, Component, startTransition } from "react";
 import { Element as Element$1, Text, Range, Editor, Node, Point, Path, Transforms, createEditor, deleteText, Operation } from "slate";
-import { useSlateStatic, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
+import { useSlateStatic, useSlateSelector, ReactEditor, useSlate, Editable, withReact, Slate } from "slate-react";
 import rawDebug from "debug";
 import { DOMEditor, isDOMNode, EDITOR_TO_PENDING_SELECTION, IS_FOCUSED, IS_READ_ONLY } from "slate-dom";
 import { getBlockEndPoint, getBlockStartPoint, getBlockKeyFromSelectionPoint, isSelectionCollapsed, isKeyedSegment, isEqualSelectionPoints, getChildKeyFromSelectionPoint, blockOffsetToSpanSelectionPoint, defaultKeyGenerator, parseBlocks, parseBlock, isListBlock, isTypedObject, getSelectionStartPoint as getSelectionStartPoint$1, getSelectionEndPoint as getSelectionEndPoint$1, parseAnnotation, parseMarkDefs, parseSpan, parseInlineObject } from "./_chunks-es/util.slice-blocks.js";
@@ -1575,90 +1575,90 @@ function RenderChild$1({
   });
 }
 function RenderTextBlock(props) {
-  const $ = c(77), blockRef = useRef(null), {
+  const $ = c(76), blockRef = useRef(null), {
     selectedBlockKeys,
     focusedBlockKey
   } = useContext(SelectionStateContext);
   let t0;
   $[0] !== props.textBlock._key || $[1] !== selectedBlockKeys ? (t0 = selectedBlockKeys.has(props.textBlock._key), $[0] = props.textBlock._key, $[1] = selectedBlockKeys, $[2] = t0) : t0 = $[2];
-  const selected = t0, focused = focusedBlockKey === props.textBlock._key, slateEditor = useSlateStatic();
+  const selected = t0, focused = focusedBlockKey === props.textBlock._key;
   let t1;
-  $[3] !== props.textBlock._key || $[4] !== slateEditor.listIndexMap ? (t1 = slateEditor.listIndexMap.get(props.textBlock._key), $[3] = props.textBlock._key, $[4] = slateEditor.listIndexMap, $[5] = t1) : t1 = $[5];
-  const listIndex = t1;
+  $[3] !== props.textBlock._key ? (t1 = (editor) => editor.listIndexMap.get(props.textBlock._key), $[3] = props.textBlock._key, $[4] = t1) : t1 = $[4];
+  const listIndex = useSlateSelector(t1);
   let children = props.children;
   if (props.renderStyle && props.textBlock.style) {
     let t22;
-    $[6] !== props.legacySchema || $[7] !== props.textBlock.style ? (t22 = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0, $[6] = props.legacySchema, $[7] = props.textBlock.style, $[8] = t22) : t22 = $[8];
+    $[5] !== props.legacySchema || $[6] !== props.textBlock.style ? (t22 = props.textBlock.style !== void 0 ? props.legacySchema.styles.find((style) => style.value === props.textBlock.style) : void 0, $[5] = props.legacySchema, $[6] = props.textBlock.style, $[7] = t22) : t22 = $[7];
     const legacyStyleSchemaType = t22;
     if (legacyStyleSchemaType) {
       let t32;
-      $[9] !== props.textBlock._key ? (t32 = [{
+      $[8] !== props.textBlock._key ? (t32 = [{
         _key: props.textBlock._key
-      }], $[9] = props.textBlock._key, $[10] = t32) : t32 = $[10];
+      }], $[8] = props.textBlock._key, $[9] = t32) : t32 = $[9];
       let t42;
-      $[11] !== children || $[12] !== focused || $[13] !== legacyStyleSchemaType || $[14] !== props.renderStyle || $[15] !== props.textBlock || $[16] !== selected || $[17] !== t32 ? (t42 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t32, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[11] = children, $[12] = focused, $[13] = legacyStyleSchemaType, $[14] = props.renderStyle, $[15] = props.textBlock, $[16] = selected, $[17] = t32, $[18] = t42) : t42 = $[18], children = t42;
+      $[10] !== children || $[11] !== focused || $[12] !== legacyStyleSchemaType || $[13] !== props.renderStyle || $[14] !== props.textBlock || $[15] !== selected || $[16] !== t32 ? (t42 = /* @__PURE__ */ jsx(RenderStyle, { renderStyle: props.renderStyle, block: props.textBlock, editorElementRef: blockRef, focused, path: t32, schemaType: legacyStyleSchemaType, selected, value: props.textBlock.style, children }), $[10] = children, $[11] = focused, $[12] = legacyStyleSchemaType, $[13] = props.renderStyle, $[14] = props.textBlock, $[15] = selected, $[16] = t32, $[17] = t42) : t42 = $[17], children = t42;
     } else
       console.error(`Unable to find Schema type for text block style ${props.textBlock.style}`);
   }
   if (props.renderListItem && props.textBlock.listItem) {
     let t22;
-    if ($[19] !== props.legacySchema.lists || $[20] !== props.textBlock.listItem) {
+    if ($[18] !== props.legacySchema.lists || $[19] !== props.textBlock.listItem) {
       let t32;
-      $[22] !== props.textBlock.listItem ? (t32 = (list) => list.value === props.textBlock.listItem, $[22] = props.textBlock.listItem, $[23] = t32) : t32 = $[23], t22 = props.legacySchema.lists.find(t32), $[19] = props.legacySchema.lists, $[20] = props.textBlock.listItem, $[21] = t22;
+      $[21] !== props.textBlock.listItem ? (t32 = (list) => list.value === props.textBlock.listItem, $[21] = props.textBlock.listItem, $[22] = t32) : t32 = $[22], t22 = props.legacySchema.lists.find(t32), $[18] = props.legacySchema.lists, $[19] = props.textBlock.listItem, $[20] = t22;
     } else
-      t22 = $[21];
+      t22 = $[20];
     const legacyListItemSchemaType = t22;
     if (legacyListItemSchemaType) {
       const t32 = props.textBlock.level ?? 1;
       let t42;
-      $[24] !== props.textBlock._key ? (t42 = [{
+      $[23] !== props.textBlock._key ? (t42 = [{
         _key: props.textBlock._key
-      }], $[24] = props.textBlock._key, $[25] = t42) : t42 = $[25];
+      }], $[23] = props.textBlock._key, $[24] = t42) : t42 = $[24];
       let t52;
-      $[26] !== children || $[27] !== focused || $[28] !== legacyListItemSchemaType || $[29] !== props.renderListItem || $[30] !== props.textBlock || $[31] !== selected || $[32] !== t32 || $[33] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t32, path: t42, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[26] = children, $[27] = focused, $[28] = legacyListItemSchemaType, $[29] = props.renderListItem, $[30] = props.textBlock, $[31] = selected, $[32] = t32, $[33] = t42, $[34] = t52) : t52 = $[34], children = t52;
+      $[25] !== children || $[26] !== focused || $[27] !== legacyListItemSchemaType || $[28] !== props.renderListItem || $[29] !== props.textBlock || $[30] !== selected || $[31] !== t32 || $[32] !== t42 ? (t52 = /* @__PURE__ */ jsx(RenderListItem, { renderListItem: props.renderListItem, block: props.textBlock, editorElementRef: blockRef, focused, level: t32, path: t42, selected, value: props.textBlock.listItem, schemaType: legacyListItemSchemaType, children }), $[25] = children, $[26] = focused, $[27] = legacyListItemSchemaType, $[28] = props.renderListItem, $[29] = props.textBlock, $[30] = selected, $[31] = t32, $[32] = t42, $[33] = t52) : t52 = $[33], children = t52;
     } else
       console.error(`Unable to find Schema type for text block list item ${props.textBlock.listItem}`);
   }
   const t2 = props.attributes;
   let t3;
-  $[35] !== props.textBlock.style ? (t3 = props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], $[35] = props.textBlock.style, $[36] = t3) : t3 = $[36];
+  $[34] !== props.textBlock.style ? (t3 = props.textBlock.style ? [`pt-text-block-style-${props.textBlock.style}`] : [], $[34] = props.textBlock.style, $[35] = t3) : t3 = $[35];
   let t4;
-  $[37] !== props.textBlock.level || $[38] !== props.textBlock.listItem ? (t4 = props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : [], $[37] = props.textBlock.level, $[38] = props.textBlock.listItem, $[39] = t4) : t4 = $[39];
+  $[36] !== props.textBlock.level || $[37] !== props.textBlock.listItem ? (t4 = props.textBlock.listItem ? ["pt-list-item", `pt-list-item-${props.textBlock.listItem}`, `pt-list-item-level-${props.textBlock.level ?? 1}`] : [], $[36] = props.textBlock.level, $[37] = props.textBlock.listItem, $[38] = t4) : t4 = $[38];
   let t5;
-  $[40] !== t3 || $[41] !== t4 ? (t5 = ["pt-block", "pt-text-block", ...t3, ...t4], $[40] = t3, $[41] = t4, $[42] = t5) : t5 = $[42];
+  $[39] !== t3 || $[40] !== t4 ? (t5 = ["pt-block", "pt-text-block", ...t3, ...t4], $[39] = t3, $[40] = t4, $[41] = t5) : t5 = $[41];
   const t6 = t5.join(" ");
   let t7;
-  $[43] !== props.textBlock.listItem ? (t7 = props.textBlock.listItem !== void 0 ? {
+  $[42] !== props.textBlock.listItem ? (t7 = props.textBlock.listItem !== void 0 ? {
     "data-list-item": props.textBlock.listItem
-  } : {}, $[43] = props.textBlock.listItem, $[44] = t7) : t7 = $[44];
+  } : {}, $[42] = props.textBlock.listItem, $[43] = t7) : t7 = $[43];
   let t8;
-  $[45] !== props.textBlock.level ? (t8 = props.textBlock.level !== void 0 ? {
+  $[44] !== props.textBlock.level ? (t8 = props.textBlock.level !== void 0 ? {
     "data-level": props.textBlock.level
-  } : {}, $[45] = props.textBlock.level, $[46] = t8) : t8 = $[46];
+  } : {}, $[44] = props.textBlock.level, $[45] = t8) : t8 = $[45];
   let t9;
-  $[47] !== props.textBlock.style ? (t9 = props.textBlock.style !== void 0 ? {
+  $[46] !== props.textBlock.style ? (t9 = props.textBlock.style !== void 0 ? {
     "data-style": props.textBlock.style
-  } : {}, $[47] = props.textBlock.style, $[48] = t9) : t9 = $[48];
+  } : {}, $[46] = props.textBlock.style, $[47] = t9) : t9 = $[47];
   let t10;
-  $[49] !== listIndex ? (t10 = listIndex !== void 0 ? {
+  $[48] !== listIndex ? (t10 = listIndex !== void 0 ? {
     "data-list-index": listIndex
-  } : {}, $[49] = listIndex, $[50] = t10) : t10 = $[50];
+  } : {}, $[48] = listIndex, $[49] = t10) : t10 = $[49];
   let t11;
-  $[51] !== props.dropPosition ? (t11 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[51] = props.dropPosition, $[52] = t11) : t11 = $[52];
+  $[50] !== props.dropPosition ? (t11 = props.dropPosition === "start" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[50] = props.dropPosition, $[51] = t11) : t11 = $[51];
   let t12;
-  $[53] !== children || $[54] !== focused || $[55] !== props.legacySchema || $[56] !== props.renderBlock || $[57] !== props.textBlock || $[58] !== selected ? (t12 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
+  $[52] !== children || $[53] !== focused || $[54] !== props.legacySchema || $[55] !== props.renderBlock || $[56] !== props.textBlock || $[57] !== selected ? (t12 = props.renderBlock ? /* @__PURE__ */ jsx(RenderBlock, { renderBlock: props.renderBlock, editorElementRef: blockRef, focused, level: props.textBlock.level, listItem: props.textBlock.listItem, path: [{
     _key: props.textBlock._key
-  }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[53] = children, $[54] = focused, $[55] = props.legacySchema, $[56] = props.renderBlock, $[57] = props.textBlock, $[58] = selected, $[59] = t12) : t12 = $[59];
+  }], selected, schemaType: props.legacySchema.block, style: props.textBlock.style, type: props.legacySchema.block, value: props.textBlock, children }) : children, $[52] = children, $[53] = focused, $[54] = props.legacySchema, $[55] = props.renderBlock, $[56] = props.textBlock, $[57] = selected, $[58] = t12) : t12 = $[58];
   let t13;
-  $[60] !== t12 ? (t13 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t12 }), $[60] = t12, $[61] = t13) : t13 = $[61];
+  $[59] !== t12 ? (t13 = /* @__PURE__ */ jsx("div", { ref: blockRef, children: t12 }), $[59] = t12, $[60] = t13) : t13 = $[60];
   let t14;
-  $[62] !== props.dropPosition ? (t14 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[62] = props.dropPosition, $[63] = t14) : t14 = $[63];
+  $[61] !== props.dropPosition ? (t14 = props.dropPosition === "end" ? /* @__PURE__ */ jsx(DropIndicator, {}) : null, $[61] = props.dropPosition, $[62] = t14) : t14 = $[62];
   let t15;
-  return $[64] !== props.attributes || $[65] !== props.spellCheck || $[66] !== props.textBlock._key || $[67] !== props.textBlock._type || $[68] !== t10 || $[69] !== t11 || $[70] !== t13 || $[71] !== t14 || $[72] !== t6 || $[73] !== t7 || $[74] !== t8 || $[75] !== t9 ? (t15 = /* @__PURE__ */ jsxs("div", { ...t2, className: t6, spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...t7, ...t8, ...t9, ...t10, children: [
+  return $[63] !== props.attributes || $[64] !== props.spellCheck || $[65] !== props.textBlock._key || $[66] !== props.textBlock._type || $[67] !== t10 || $[68] !== t11 || $[69] !== t13 || $[70] !== t14 || $[71] !== t6 || $[72] !== t7 || $[73] !== t8 || $[74] !== t9 ? (t15 = /* @__PURE__ */ jsxs("div", { ...t2, className: t6, spellCheck: props.spellCheck, "data-block-key": props.textBlock._key, "data-block-name": props.textBlock._type, "data-block-type": "text", ...t7, ...t8, ...t9, ...t10, children: [
     t11,
     t13,
     t14
-  ] }), $[64] = props.attributes, $[65] = props.spellCheck, $[66] = props.textBlock._key, $[67] = props.textBlock._type, $[68] = t10, $[69] = t11, $[70] = t13, $[71] = t14, $[72] = t6, $[73] = t7, $[74] = t8, $[75] = t9, $[76] = t15) : t15 = $[76], t15;
+  ] }), $[63] = props.attributes, $[64] = props.spellCheck, $[65] = props.textBlock._key, $[66] = props.textBlock._type, $[67] = t10, $[68] = t11, $[69] = t13, $[70] = t14, $[71] = t6, $[72] = t7, $[73] = t8, $[74] = t9, $[75] = t15) : t15 = $[75], t15;
 }
 function RenderBlock({
   renderBlock,
@@ -9667,69 +9667,69 @@ const addAnnotationOperationImplementation = ({
     },
     blockIndexMap: operation.editor.blockIndexMap
   }) : operation.editor.selection;
-  if (!at)
-    throw new Error("Unable to add decorator without a selection");
-  if (Range.isExpanded(at)) {
-    const rangeRef = Editor.rangeRef(editor, at, {
-      affinity: "inward"
-    }), [start, end] = Range.edges(at), endAtEndOfNode = Editor.isEnd(editor, end, end.path);
-    Transforms.splitNodes(editor, {
-      at: end,
-      match: Text.isText,
-      mode: "lowest",
-      voids: !1,
-      always: !endAtEndOfNode
-    });
-    const startAtStartOfNode = Editor.isStart(editor, start, start.path);
-    if (Transforms.splitNodes(editor, {
-      at: start,
-      match: Text.isText,
-      mode: "lowest",
-      voids: !1,
-      always: !startAtStartOfNode
-    }), at = rangeRef.unref(), !at)
-      throw new Error("Unable to add decorator without a selection");
-    operation.at || Transforms.select(editor, at);
-    const splitTextNodes = Editor.nodes(editor, {
-      at,
-      match: Text.isText
-    });
-    for (const [node, path] of splitTextNodes) {
-      const marks = [...(Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark), mark];
-      Transforms.setNodes(editor, {
-        marks
-      }, {
-        at: path,
+  if (at) {
+    if (Range.isExpanded(at)) {
+      const rangeRef = Editor.rangeRef(editor, at, {
+        affinity: "inward"
+      }), [start, end] = Range.edges(at), endAtEndOfNode = Editor.isEnd(editor, end, end.path);
+      Transforms.splitNodes(editor, {
+        at: end,
         match: Text.isText,
-        split: !0,
-        hanging: !0
+        mode: "lowest",
+        voids: !1,
+        always: !endAtEndOfNode
       });
-    }
-  } else {
-    if (!Array.from(Editor.nodes(editor, {
-      at,
-      match: (node) => editor.isTextSpan(node)
-    }))?.at(0))
-      return;
-    const [block, blockPath] = Editor.node(editor, at, {
-      depth: 1
-    }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
-    if (lonelyEmptySpan) {
-      const existingMarks = lonelyEmptySpan.marks ?? [], existingMarksWithoutDecorator = existingMarks.filter((existingMark) => existingMark !== mark);
-      Transforms.setNodes(editor, {
-        marks: existingMarks.length === existingMarksWithoutDecorator.length ? [...existingMarks, mark] : existingMarksWithoutDecorator
-      }, {
-        at: blockPath,
-        match: (node) => editor.isTextSpan(node)
+      const startAtStartOfNode = Editor.isStart(editor, start, start.path);
+      if (Transforms.splitNodes(editor, {
+        at: start,
+        match: Text.isText,
+        mode: "lowest",
+        voids: !1,
+        always: !startAtStartOfNode
+      }), at = rangeRef.unref(), !at)
+        throw new Error("Unable to add decorator without a selection");
+      operation.at || Transforms.select(editor, at);
+      const splitTextNodes = Editor.nodes(editor, {
+        at,
+        match: Text.isText
       });
-    } else
-      editor.decoratorState[mark] = !0;
-  }
-  if (editor.selection) {
-    const selection = editor.selection;
-    editor.selection = {
-      ...selection
-    };
+      for (const [node, path] of splitTextNodes) {
+        const marks = [...(Array.isArray(node.marks) ? node.marks : []).filter((eMark) => eMark !== mark), mark];
+        Transforms.setNodes(editor, {
+          marks
+        }, {
+          at: path,
+          match: Text.isText,
+          split: !0,
+          hanging: !0
+        });
+      }
+    } else {
+      if (!Array.from(Editor.nodes(editor, {
+        at,
+        match: (node) => editor.isTextSpan(node)
+      }))?.at(0))
+        return;
+      const [block, blockPath] = Editor.node(editor, at, {
+        depth: 1
+      }), lonelyEmptySpan = editor.isTextBlock(block) && block.children.length === 1 && editor.isTextSpan(block.children[0]) && block.children[0].text === "" ? block.children[0] : void 0;
+      if (lonelyEmptySpan) {
+        const existingMarks = lonelyEmptySpan.marks ?? [], existingMarksWithoutDecorator = existingMarks.filter((existingMark) => existingMark !== mark);
+        Transforms.setNodes(editor, {
+          marks: existingMarks.length === existingMarksWithoutDecorator.length ? [...existingMarks, mark] : existingMarksWithoutDecorator
+        }, {
+          at: blockPath,
+          match: (node) => editor.isTextSpan(node)
+        });
+      } else
+        editor.decoratorState[mark] = !0;
+    }
+    if (editor.selection) {
+      const selection = editor.selection;
+      editor.selection = {
+        ...selection
+      };
+    }
   }
 }, decoratorRemoveOperationImplementation = ({
   context,