@portabletext/editor 1.36.6 → 1.37.0

package/lib/_chunks-es/behavior.markdown.js

@@ -1,6 +1,6 @@
 import { isPortableTextTextBlock } from "@sanity/types";
-import { isSelectionCollapsed, getFocusTextBlock, getFocusSpan, getPreviousInlineObject, getFocusBlock } from "./selector.is-at-the-start-of-block.js";
 import { spanSelectionPointToBlockOffset, getTextBlockText } from "./util.slice-blocks.js";
+import { isSelectionCollapsed, getFocusTextBlock, getFocusSpan, getPreviousInlineObject, getFocusBlock } from "./selector.is-at-the-start-of-block.js";
 import { getBlockTextBefore } from "./selector.get-text-before.js";
 import { defineBehavior } from "./behavior.core.js";
 function createMarkdownBehaviors(config) {

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

@@ -5,7 +5,7 @@ import { ReactEditor, withReact, Slate } from "slate-react";
 import { useSelector, useActorRef } from "@xstate/react";
 import debug$e from "debug";
 import isEqual from "lodash/isEqual.js";
-import { Editor, Element, Range, Point, Text, Operation, Transforms, Path, Node, insertText, select, deleteFragment, deleteForward, createEditor as createEditor$1 } from "slate";
+import { Editor, Element, Range, Point, Text, Operation, Transforms, Path, Node, insertText, deleteForward, createEditor as createEditor$1 } from "slate";
 import { setup, emit, enqueueActions, assign, assertEvent, fromCallback, stateIn, and, not, createActor } from "xstate";
 import { unset, set, setIfMissing, insert, diffMatchPatch as diffMatchPatch$1, applyAll } from "@portabletext/patches";
 import { defineType, defineField, isKeySegment, isPortableTextTextBlock, isPortableTextSpan as isPortableTextSpan$1, isPortableTextListBlock } from "@sanity/types";
@@ -3065,6 +3065,7 @@ const decoratorAddActionImplementation = ({
         activeDecorators: [],
         converters: [],
         keyGenerator: context.keyGenerator,
+        readOnly: !1,
         schema: context.schema,
         selection: newSelection,
         value: newValue
@@ -4259,7 +4260,9 @@ const blockSetBehaviorActionImplementation = ({
   const range = toSlateRange(action.selection, action.editor);
   if (!range)
     throw new Error(`Failed to get Slate Range for selection ${JSON.stringify(action.selection)}`);
-  select(action.editor, range), deleteFragment(action.editor);
+  action.editor.delete({
+    at: range
+  });
 }, deleteTextActionImplementation = ({
   context,
   action
@@ -4282,6 +4285,7 @@ const blockSetBehaviorActionImplementation = ({
       schema: context.schema,
       keyGenerator: context.keyGenerator,
       activeDecorators: [],
+      readOnly: !1,
       value,
       selection
     }
@@ -4347,6 +4351,44 @@ const blockSetBehaviorActionImplementation = ({
     const nextPath = [focusPath[0] + 1];
     Transforms.insertNodes(action.editor, fragment, {
       at: nextPath
+    });
+    const [nextBlock, nextBlockPath] = Editor.node(action.editor, Path.next(focusPath), {
+      depth: 1
+    }), nextChild = Node.child(nextBlock, 0);
+    !action.editor.isTextSpan(nextChild) && Transforms.insertNodes(action.editor, {
+      _key: context.keyGenerator(),
+      _type: "span",
+      text: "",
+      marks: []
+    }, {
+      at: [nextBlockPath[0], 0]
+    }), Transforms.select(action.editor, {
+      anchor: {
+        path: [nextPath[0], 0],
+        offset: 0
+      },
+      focus: {
+        path: [nextPath[0], 0],
+        offset: 0
+      }
+    });
+    return;
+  }
+  if (!action.editor.isTextBlock(focusBlock)) {
+    const nextPath = [focusPath[0] + 1];
+    Transforms.insertNodes(action.editor, fragment, {
+      at: nextPath
+    });
+    const [nextBlock, nextBlockPath] = Editor.node(action.editor, Path.next(focusPath), {
+      depth: 1
+    }), nextChild = Node.child(nextBlock, 0);
+    !action.editor.isTextSpan(nextChild) && Transforms.insertNodes(action.editor, {
+      _key: context.keyGenerator(),
+      _type: "span",
+      text: "",
+      marks: []
+    }, {
+      at: [nextBlockPath[0], 0]
     }), Transforms.select(action.editor, {
       anchor: {
         path: [nextPath[0], 0],
@@ -5053,7 +5095,7 @@ function createWithEventListeners(editorActor, subscriptions) {
       insertBreak,
       insertData,
       insertText: insertText2,
-      select: select2,
+      select,
       setFragmentData
     } = editor;
     return editor.deleteBackward = (unit) => {
@@ -5168,7 +5210,7 @@ function createWithEventListeners(editorActor, subscriptions) {
       });
     }, editor.select = (location) => {
       if (isApplyingBehaviorActions(editor)) {
-        select2(location);
+        select(location);
         return;
       }
       const range = Editor.range(editor, location);
@@ -5180,7 +5222,7 @@ function createWithEventListeners(editorActor, subscriptions) {
         },
         editor,
         defaultActionCallback: () => {
-          select2(location);
+          select(location);
         }
       });
     }, editor.setFragmentData = (dataTransfer, originEvent) => {
@@ -6082,6 +6124,7 @@ function createEditorSnapshot({
   converters,
   editor,
   keyGenerator,
+  readOnly,
   schema,
   hasTag
 }) {
@@ -6094,6 +6137,7 @@ function createEditorSnapshot({
       }),
       converters,
       keyGenerator,
+      readOnly,
       schema,
       selection,
       value
@@ -6201,7 +6245,10 @@ const editorMachine = setup({
         withApplyingBehaviorActions(event.editor, () => {
           try {
             performAction({
-              context,
+              context: {
+                keyGenerator: context.keyGenerator,
+                schema: context.schema
+              },
               action: defaultAction
             });
           } catch (error) {
@@ -6214,6 +6261,9 @@ const editorMachine = setup({
         converters: [...context.converters],
         editor: event.editor,
         keyGenerator: context.keyGenerator,
+        readOnly: self.getSnapshot().matches({
+          "edit mode": "read only"
+        }),
         schema: context.schema,
         hasTag: (tag) => self.getSnapshot().hasTag(tag)
       });
@@ -6252,7 +6302,10 @@ const editorMachine = setup({
               };
               try {
                 performAction({
-                  context,
+                  context: {
+                    keyGenerator: context.keyGenerator,
+                    schema: context.schema
+                  },
                   action: internalAction
                 });
               } catch (error) {
@@ -6282,7 +6335,10 @@ const editorMachine = setup({
         withApplyingBehaviorActions(event.editor, () => {
           try {
             performAction({
-              context,
+              context: {
+                keyGenerator: context.keyGenerator,
+                schema: context.schema
+              },
               action: defaultAction
             });
           } catch (error) {
@@ -6673,6 +6729,9 @@ function getEditorSnapshot({
         slateEditorInstance
       }),
       keyGenerator: editorActorSnapshot.context.keyGenerator,
+      readOnly: editorActorSnapshot.matches({
+        "edit mode": "read only"
+      }),
       schema: editorActorSnapshot.context.schema,
       selection: editorActorSnapshot.context.selection,
       value: getValue({