@portabletext/editor 1.44.0 → 1.44.1

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

@@ -23,7 +23,7 @@ import isUndefined from "lodash/isUndefined.js";
 import omitBy from "lodash/omitBy.js";
 import omit from "lodash/omit.js";
 import { selectionPointToBlockOffset, blockOffsetsToSelection } from "./util.selection-point-to-block-offset.js";
-import { getTrimmedSelection, getSelectedTextBlocks, isActiveListItem, isActiveStyle, isActiveAnnotation, isActiveDecorator, isSelectingEntireBlocks, getActiveAnnotations } from "./selector.is-selecting-entire-blocks.js";
+import { getTrimmedSelection, isActiveAnnotation, isActiveDecorator, getSelectedTextBlocks, isActiveListItem, isActiveStyle, isSelectingEntireBlocks, getActiveAnnotations } from "./selector.is-selecting-entire-blocks.js";
 import { DOMEditor } from "slate-dom";
 import startCase from "lodash.startcase";
 import { defineBehavior, raise, coreBehaviors } from "./behavior.core.js";
@@ -3005,112 +3005,6 @@ function isPortableTextBlock(node) {
     node.children.every((child) => typeof child == "object" && "_type" in child)
   );
 }
-const decoratorAddActionImplementation = ({
-  context,
-  action
-}) => {
-  const editor = action.editor, mark = action.decorator, value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), manualAnchor = action.offsets?.anchor ? blockOffsetToSpanSelectionPoint({
-    value,
-    blockOffset: action.offsets.anchor,
-    direction: "backward"
-  }) : void 0, manualFocus = action.offsets?.focus ? blockOffsetToSpanSelectionPoint({
-    value,
-    blockOffset: action.offsets.focus,
-    direction: "forward"
-  }) : void 0, manualSelection = manualAnchor && manualFocus ? {
-    anchor: manualAnchor,
-    focus: manualFocus
-  } : void 0, selection = manualSelection ? toSlateRange(manualSelection, action.editor) ?? editor.selection : editor.selection;
-  if (!selection)
-    return;
-  const editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? selectionPointToBlockOffset({
-    value,
-    selectionPoint: editorSelection.anchor
-  }) : void 0, focusOffset = editorSelection ? selectionPointToBlockOffset({
-    value,
-    selectionPoint: editorSelection.focus
-  }) : void 0;
-  if (!anchorOffset || !focusOffset)
-    throw new Error("Unable to find anchor or focus offset");
-  if (Range.isExpanded(selection)) {
-    Transforms.setNodes(editor, {}, {
-      at: selection,
-      match: Text.isText,
-      split: !0,
-      hanging: !0
-    });
-    const newValue = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), newSelection = blockOffsetsToSelection({
-      value: newValue,
-      offsets: {
-        anchor: anchorOffset,
-        focus: focusOffset
-      },
-      backward: editorSelection?.backward
-    }), trimmedSelection = getTrimmedSelection({
-      context: {
-        activeDecorators: [],
-        converters: [],
-        keyGenerator: context.keyGenerator,
-        readOnly: !1,
-        schema: context.schema,
-        selection: newSelection,
-        value: newValue
-      }
-    });
-    if (!trimmedSelection)
-      throw new Error("Unable to find trimmed selection");
-    const newRange = toSlateRange(trimmedSelection, editor);
-    if (!newRange)
-      throw new Error("Unable to find new selection");
-    const splitTextNodes = Range.isRange(newRange) ? [...Editor.nodes(editor, {
-      at: newRange,
-      match: (node) => Text.isText(node)
-    })] : [];
-    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: selection,
-      match: (node) => editor.isTextSpan(node)
-    }))?.at(0))
-      return;
-    const [block, blockPath] = Editor.node(editor, selection, {
-      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 {
-      const existingMarks = {
-        ...Editor.marks(editor) || {}
-      }.marks || [], marks = {
-        ...Editor.marks(editor) || {},
-        marks: [...existingMarks, mark]
-      };
-      editor.marks = marks;
-    }
-  }
-  if (editor.selection) {
-    const selection2 = editor.selection;
-    editor.selection = {
-      ...selection2
-    };
-  }
-};
 function getPreviousSpan({
   editor,
   blockPath,
@@ -3568,25 +3462,7 @@ function isDecoratorActive({
     ...Editor.marks(editor) || {}
   }.marks || []).includes(decorator);
 }
-const toggleDecoratorActionImplementation = ({
-  context,
-  action
-}) => {
-  isDecoratorActive({
-    editor: action.editor,
-    decorator: action.decorator
-  }) ? removeDecoratorActionImplementation({
-    action: {
-      editor: action.editor,
-      decorator: action.decorator
-    }
-  }) : decoratorAddActionImplementation({
-    context,
-    action: {
-      ...action
-    }
-  });
-}, debug$a = debugWithName("API:editable");
+const debug$a = debugWithName("API:editable");
 function createEditableAPI(editor, editorActor) {
   const types = editorActor.getSnapshot().context.schema;
   return {
@@ -4057,30 +3933,6 @@ const addAnnotationActionImplementation = ({
         }
       }
     }
-}, toggleAnnotationActionImplementation = ({
-  context,
-  action
-}) => {
-  if (isAnnotationActive({
-    editor: action.editor,
-    annotation: {
-      name: action.annotation.name
-    }
-  }))
-    removeAnnotationActionImplementation({
-      action: {
-        annotation: action.annotation,
-        editor: action.editor
-      }
-    });
-  else
-    return addAnnotationActionImplementation({
-      context,
-      action: {
-        annotation: action.annotation,
-        editor: action.editor
-      }
-    });
 }, blockSetBehaviorActionImplementation = ({
   context,
   action
@@ -4195,6 +4047,111 @@ const addAnnotationActionImplementation = ({
   action
 }) => {
   ReactEditor.blur(action.editor);
+}, decoratorAddActionImplementation = ({
+  context,
+  action
+}) => {
+  const editor = action.editor, mark = action.decorator, value = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), manualAnchor = action.offsets?.anchor ? blockOffsetToSpanSelectionPoint({
+    value,
+    blockOffset: action.offsets.anchor,
+    direction: "backward"
+  }) : void 0, manualFocus = action.offsets?.focus ? blockOffsetToSpanSelectionPoint({
+    value,
+    blockOffset: action.offsets.focus,
+    direction: "forward"
+  }) : void 0, manualSelection = manualAnchor && manualFocus ? {
+    anchor: manualAnchor,
+    focus: manualFocus
+  } : void 0, selection = manualSelection ? toSlateRange(manualSelection, action.editor) ?? editor.selection : editor.selection;
+  if (!selection)
+    return;
+  const editorSelection = toPortableTextRange(value, selection, context.schema), anchorOffset = editorSelection ? selectionPointToBlockOffset({
+    value,
+    selectionPoint: editorSelection.anchor
+  }) : void 0, focusOffset = editorSelection ? selectionPointToBlockOffset({
+    value,
+    selectionPoint: editorSelection.focus
+  }) : void 0;
+  if (!anchorOffset || !focusOffset)
+    throw new Error("Unable to find anchor or focus offset");
+  if (Range.isExpanded(selection)) {
+    Transforms.setNodes(editor, {}, {
+      at: selection,
+      match: Text.isText,
+      split: !0,
+      hanging: !0
+    });
+    const newValue = fromSlateValue(editor.children, context.schema.block.name, KEY_TO_VALUE_ELEMENT.get(editor)), newSelection = blockOffsetsToSelection({
+      value: newValue,
+      offsets: {
+        anchor: anchorOffset,
+        focus: focusOffset
+      },
+      backward: editorSelection?.backward
+    }), trimmedSelection = getTrimmedSelection({
+      context: {
+        activeDecorators: [],
+        converters: [],
+        keyGenerator: context.keyGenerator,
+        readOnly: !1,
+        schema: context.schema,
+        selection: newSelection,
+        value: newValue
+      }
+    });
+    if (!trimmedSelection)
+      throw new Error("Unable to find trimmed selection");
+    const newRange = toSlateRange(trimmedSelection, editor);
+    if (!newRange)
+      throw new Error("Unable to find new selection");
+    const splitTextNodes = Range.isRange(newRange) ? [...Editor.nodes(editor, {
+      at: newRange,
+      match: (node) => Text.isText(node)
+    })] : [];
+    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: selection,
+      match: (node) => editor.isTextSpan(node)
+    }))?.at(0))
+      return;
+    const [block, blockPath] = Editor.node(editor, selection, {
+      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 {
+      const existingMarks = {
+        ...Editor.marks(editor) || {}
+      }.marks || [], marks = {
+        ...Editor.marks(editor) || {},
+        marks: [...existingMarks, mark]
+      };
+      editor.marks = marks;
+    }
+  }
+  if (editor.selection) {
+    const selection2 = editor.selection;
+    editor.selection = {
+      ...selection2
+    };
+  }
 }, deleteActionImplementation = ({
   action
 }) => {
@@ -4561,13 +4518,11 @@ const insertTextActionImplementation = ({
 }, debug$9 = debugWithName("behaviors:action"), behaviorActionImplementations = {
   "annotation.add": addAnnotationActionImplementation,
   "annotation.remove": removeAnnotationActionImplementation,
-  "annotation.toggle": toggleAnnotationActionImplementation,
   "block.set": blockSetBehaviorActionImplementation,
   "block.unset": blockUnsetBehaviorActionImplementation,
   blur: blurActionImplementation,
   "decorator.add": decoratorAddActionImplementation,
   "decorator.remove": removeDecoratorActionImplementation,
-  "decorator.toggle": toggleDecoratorActionImplementation,
   focus: focusActionImplementation,
   delete: deleteActionImplementation,
   "delete.backward": deleteBackwardActionImplementation,
@@ -4608,13 +4563,6 @@ function performAction({
       });
       break;
     }
-    case "annotation.toggle": {
-      behaviorActionImplementations["annotation.toggle"]({
-        context,
-        action
-      });
-      break;
-    }
     case "block.set": {
       behaviorActionImplementations["block.set"]({
         context,
@@ -4650,13 +4598,6 @@ function performAction({
       });
       break;
     }
-    case "decorator.toggle": {
-      behaviorActionImplementations["decorator.toggle"]({
-        context,
-        action
-      });
-      break;
-    }
     case "delete": {
       behaviorActionImplementations.delete({
         context,
@@ -5695,7 +5636,67 @@ const keyIs = {
   actions: [() => [raise({
     type: "insert.soft break"
   })]]
-}), internalInsertBehaviors = [defineBehavior({
+}), internalAnnotationBehaviors = [defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => isActiveAnnotation(event.annotation.name)(snapshot),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}), defineBehavior({
+  on: "annotation.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => !isActiveAnnotation(event.annotation.name)(snapshot),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.add",
+    annotation: event.annotation
+  })]]
+})], internalDecoratorBehaviors = [defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => isActiveDecorator(event.decorator)(snapshot),
+  actions: [({
+    event
+  }) => [raise({
+    type: "decorator.remove",
+    decorator: event.decorator
+  })]]
+}), defineBehavior({
+  on: "decorator.toggle",
+  guard: ({
+    snapshot,
+    event
+  }) => {
+    const manualSelection = event.offsets ? blockOffsetsToSelection({
+      value: snapshot.context.value,
+      offsets: event.offsets
+    }) : null;
+    return manualSelection ? !isActiveDecorator(event.decorator)({
+      ...snapshot,
+      context: {
+        ...snapshot.context,
+        selection: manualSelection
+      }
+    }) : !isActiveDecorator(event.decorator)(snapshot);
+  },
+  actions: [({
+    event
+  }) => [raise({
+    ...event,
+    type: "decorator.add"
+  })]]
+})], internalInsertBehaviors = [defineBehavior({
   on: "insert.blocks",
   guard: ({
     event
@@ -5930,67 +5931,7 @@ const keyIs = {
     type: "style.add",
     style: event.style
   })]]
-})], toggleAnnotationOff = defineBehavior({
-  on: "annotation.toggle",
-  guard: ({
-    snapshot,
-    event
-  }) => isActiveAnnotation(event.annotation.name)(snapshot),
-  actions: [({
-    event
-  }) => [raise({
-    type: "annotation.remove",
-    annotation: event.annotation
-  })]]
-}), toggleAnnotationOn = defineBehavior({
-  on: "annotation.toggle",
-  guard: ({
-    snapshot,
-    event
-  }) => !isActiveAnnotation(event.annotation.name)(snapshot),
-  actions: [({
-    event
-  }) => [raise({
-    type: "annotation.add",
-    annotation: event.annotation
-  })]]
-}), toggleDecoratorOff = defineBehavior({
-  on: "decorator.toggle",
-  guard: ({
-    snapshot,
-    event
-  }) => isActiveDecorator(event.decorator)(snapshot),
-  actions: [({
-    event
-  }) => [raise({
-    type: "decorator.remove",
-    decorator: event.decorator
-  })]]
-}), toggleDecoratorOn = defineBehavior({
-  on: "decorator.toggle",
-  guard: ({
-    snapshot,
-    event
-  }) => {
-    const manualSelection = event.offsets ? blockOffsetsToSelection({
-      value: snapshot.context.value,
-      offsets: event.offsets
-    }) : null;
-    return manualSelection ? !isActiveDecorator(event.decorator)({
-      ...snapshot,
-      context: {
-        ...snapshot.context,
-        selection: manualSelection
-      }
-    }) : !isActiveDecorator(event.decorator)(snapshot);
-  },
-  actions: [({
-    event
-  }) => [raise({
-    ...event,
-    type: "decorator.add"
-  })]]
-}), raiseDeserializationSuccessOrFailure = defineBehavior({
+})], raiseDeserializationSuccessOrFailure = defineBehavior({
   on: "deserialize",
   guard: ({
     snapshot,
@@ -6318,14 +6259,12 @@ const keyIs = {
       originEvent: event
     })]]
   }),
+  ...internalAnnotationBehaviors,
+  ...internalDecoratorBehaviors,
   ...internalInsertBehaviors,
   ...internalListItemBehaviors,
   ...internalStyleBehaviors,
   ...internalSelectBehaviors,
-  toggleAnnotationOff,
-  toggleAnnotationOn,
-  toggleDecoratorOff,
-  toggleDecoratorOn,
   raiseDeserializationSuccessOrFailure,
   raiseSerializationSuccessOrFailure,
   raiseInsertSoftBreak