@portabletext/editor 1.40.2 → 1.40.4

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, insertText, Node, createEditor } from "slate";
+import { Editor, Element, Range, Point, Text, Node, Operation, Transforms, Path, insertText, createEditor } from "slate";
 import { setup, stateIn, fromCallback, assign, enqueueActions, emit, assertEvent, 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";
@@ -337,6 +337,65 @@ function fromSlateValue(value, textBlockType, keyMap = {}) {
 function isEqualToEmptyEditor(children, schemaTypes) {
   return children === void 0 || children && Array.isArray(children) && children.length === 0 || children && Array.isArray(children) && children.length === 1 && Element.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 === "";
 }
+function getFocusBlock({
+  editor
+}) {
+  return editor.selection ? Array.from(Editor.nodes(editor, {
+    at: editor.selection.focus.path.slice(0, 1),
+    match: (n) => !Editor.isEditor(n)
+  })).at(0) ?? [void 0, void 0] : [void 0, void 0];
+}
+function getFocusChild({
+  editor
+}) {
+  const [focusBlock, focusBlockPath] = getFocusBlock({
+    editor
+  }), childIndex = editor.selection?.focus.path.at(1);
+  if (!focusBlock || !focusBlockPath || childIndex === void 0)
+    return [void 0, void 0];
+  const focusChild = Node.child(focusBlock, childIndex);
+  return focusChild ? [focusChild, [...focusBlockPath, childIndex]] : [void 0, void 0];
+}
+function getLastBlock({
+  editor
+}) {
+  return Array.from(Editor.nodes(editor, {
+    match: (n) => !Editor.isEditor(n),
+    at: [],
+    reverse: !0
+  })).at(0) ?? [void 0, void 0];
+}
+function getNodeBlock({
+  editor,
+  schema,
+  node
+}) {
+  if (Editor.isEditor(node))
+    return;
+  if (isBlockElement(schema, node))
+    return elementToBlock({
+      schema,
+      element: node
+    });
+  const parent = Array.from(Editor.nodes(editor, {
+    mode: "highest",
+    at: [],
+    match: (n) => isBlockElement(schema, n) && n.children.some((child) => child._key === node._key)
+  })).at(0)?.at(0);
+  return Element.isElement(parent) ? elementToBlock({
+    schema,
+    element: parent
+  }) : void 0;
+}
+function elementToBlock({
+  schema,
+  element
+}) {
+  return fromSlateValue([element], schema.block.name)?.at(0);
+}
+function isBlockElement(schema, node) {
+  return Element.isElement(node) && (schema.block.name === node._type || schema.blockObjects.some((blockObject) => blockObject.name === node._type));
+}
 const IS_PROCESSING_REMOTE_CHANGES = /* @__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(), EditorActorContext = createContext({}), PortableTextEditorContext = createContext(null), usePortableTextEditor = () => {
   const editor = useContext(PortableTextEditorContext);
   if (!editor)
@@ -3756,10 +3815,10 @@ function createEditableAPI(editor, editorActor) {
     insertBlock: (type, value) => (editorActor.send({
       type: "behavior event",
       behaviorEvent: {
-        type: "insert.block object",
-        blockObject: {
-          name: type.name,
-          value
+        type: "insert.block",
+        block: {
+          _type: type.name,
+          ...value || {}
         },
         placement: "auto"
       },
@@ -4241,11 +4300,11 @@ const addAnnotationActionImplementation = ({
 }) => {
   const range = toSlateRange({
     anchor: {
-      path: action.blockPath,
+      path: action.at,
       offset: 0
     },
     focus: {
-      path: action.blockPath,
+      path: action.at,
       offset: 0
     }
   }, action.editor);
@@ -4296,36 +4355,7 @@ const addAnnotationActionImplementation = ({
   action
 }) => {
   console.warn(`Deserialization of ${action.mimeType} failed with reason "${action.reason}"`);
-};
-function getFocusBlock({
-  editor
-}) {
-  return editor.selection ? Array.from(Editor.nodes(editor, {
-    at: editor.selection.focus.path.slice(0, 1),
-    match: (n) => !Editor.isEditor(n)
-  })).at(0) ?? [void 0, void 0] : [void 0, void 0];
-}
-function getFocusChild({
-  editor
-}) {
-  const [focusBlock, focusBlockPath] = getFocusBlock({
-    editor
-  }), childIndex = editor.selection?.focus.path.at(1);
-  if (!focusBlock || !focusBlockPath || childIndex === void 0)
-    return [void 0, void 0];
-  const focusChild = Node.child(focusBlock, childIndex);
-  return focusChild ? [focusChild, [...focusBlockPath, childIndex]] : [void 0, void 0];
-}
-function getLastBlock({
-  editor
-}) {
-  return Array.from(Editor.nodes(editor, {
-    match: (n) => !Editor.isEditor(n),
-    at: [],
-    reverse: !0
-  })).at(0) ?? [void 0, void 0];
-}
-const insertBlockActionImplementation = ({
+}, insertBlockActionImplementation = ({
   context,
   action
 }) => {
@@ -4613,15 +4643,17 @@ const selectActionImplementation = ({
         editor: action.editor,
         schema: context.schema
       }), index++;
-  } else
+  } else {
+    let index = 0;
     for (const block of fragment)
       insertBlock({
         block,
-        placement: "auto",
+        placement: index === 0 ? "auto" : "after",
         select: "end",
         editor: action.editor,
         schema: context.schema
-      });
+      }), index++;
+  }
 }, deserializationSuccessActionImplementation = ({
   context,
   action
@@ -4707,53 +4739,10 @@ const selectActionImplementation = ({
     text: action.text,
     marks: [...annotations?.map((annotation) => annotation._key) ?? [], ...action.decorators ?? []]
   });
-}, insertBlockObjectActionImplementation = ({
-  context,
-  action
-}) => {
-  insertBlockActionImplementation({
-    context,
-    action: {
-      block: {
-        _key: context.keyGenerator(),
-        _type: action.blockObject.name,
-        ...action.blockObject.value ? action.blockObject.value : {}
-      },
-      editor: action.editor,
-      placement: action.placement
-    }
-  });
 }, insertTextActionImplementation = ({
   action
 }) => {
   action.editor.insertText(action.text);
-}, insertTextBlockActionImplementation = ({
-  context,
-  action
-}) => {
-  insertBlockActionImplementation({
-    context,
-    action: {
-      block: {
-        _key: context.keyGenerator(),
-        _type: context.schema.block.name,
-        children: action.textBlock?.children?.map((child) => ({
-          ...child,
-          _key: context.keyGenerator()
-        })) ?? [{
-          _type: context.schema.span.name,
-          _key: context.keyGenerator(),
-          text: "",
-          marks: []
-        }],
-        markDefs: [],
-        style: context.schema.styles[0].value ?? "normal"
-      },
-      editor: action.editor,
-      placement: action.placement,
-      select: "start"
-    }
-  });
 }, moveBlockActionImplementation = ({
   action
 }) => {
@@ -4859,13 +4848,11 @@ const selectActionImplementation = ({
   "history.undo": historyUndoActionImplementation,
   "insert.block": insertBlockActionImplementation,
   "insert.blocks": insertBlocksActionImplementation,
-  "insert.block object": insertBlockObjectActionImplementation,
   "insert.break": insertBreakActionImplementation,
   "insert.inline object": insertInlineObjectActionImplementation,
   "insert.soft break": insertSoftBreakActionImplementation,
   "insert.span": insertSpanActionImplementation,
   "insert.text": insertTextActionImplementation,
-  "insert.text block": insertTextBlockActionImplementation,
   effect: effectActionImplementation,
   "list item.add": addListItemActionImplementation,
   "list item.remove": removeListItemActionImplementation,
@@ -5049,13 +5036,6 @@ function performAction({
       });
       break;
     }
-    case "insert.block object": {
-      behaviorActionImplementations["insert.block object"]({
-        context,
-        action
-      });
-      break;
-    }
     case "insert.inline object": {
       behaviorActionImplementations["insert.inline object"]({
         context,
@@ -5091,13 +5071,6 @@ function performAction({
       });
       break;
     }
-    case "insert.text block": {
-      behaviorActionImplementations["insert.text block"]({
-        context,
-        action
-      });
-      break;
-    }
     case "list item.add": {
       behaviorActionImplementations["list item.add"]({
         context,
@@ -5232,6 +5205,20 @@ function createWithEventListeners(editorActor, subscriptions) {
               editor
             });
             break;
+          case "insert.block object":
+            editorActor.send({
+              type: "behavior event",
+              behaviorEvent: {
+                type: "insert.block",
+                block: {
+                  _type: event.blockObject.name,
+                  ...event.blockObject.value ?? {}
+                },
+                placement: event.placement
+              },
+              editor
+            });
+            break;
           default:
             editorActor.send({
               type: "behavior event",
@@ -6380,7 +6367,7 @@ const keyIs = {
     originEvent
   }) => [...draggingEntireBlocks ? draggedBlocks.map((block) => raise({
     type: "delete.block",
-    blockPath: block.path
+    at: block.path
   })) : [raise({
     type: "delete",
     selection: dragOrigin.selection
@@ -6552,7 +6539,12 @@ const editorMachine = setup({
       const defaultAction = event.type === "custom behavior event" || isClipboardBehaviorEvent(event.behaviorEvent) || isDragBehaviorEvent(event.behaviorEvent) || isInputBehaviorEvent(event.behaviorEvent) || isKeyboardBehaviorEvent(event.behaviorEvent) || isMouseBehaviorEvent(event.behaviorEvent) || event.behaviorEvent.type === "deserialize" || event.behaviorEvent.type === "serialize" ? void 0 : {
         ...event.behaviorEvent,
         editor: event.editor
-      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...context.behaviors.values(), ...defaultBehaviors].filter((behavior) => behavior.on === "*" ? !0 : isClipboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "clipboard.*" || behavior.on === event.behaviorEvent.type : isDragBehaviorEvent(event.behaviorEvent) ? behavior.on === "drag.*" || behavior.on === event.behaviorEvent.type : isInputBehaviorEvent(event.behaviorEvent) ? behavior.on === "input.*" : isKeyboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "keyboard.*" || behavior.on === event.behaviorEvent.type : isMouseBehaviorEvent(event.behaviorEvent) && behavior.on === "mouse.*" || behavior.on === event.behaviorEvent.type);
+      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...context.behaviors.values(), ...defaultBehaviors].filter((behavior) => {
+        if (behavior.on === "*")
+          return !0;
+        const [listenedNamespace] = behavior.on.includes("*") && behavior.on.includes(".") ? behavior.on.split(".") : [void 0], [eventNamespace] = event.behaviorEvent.type.includes(".") ? event.behaviorEvent.type.split(".") : [void 0];
+        return listenedNamespace !== void 0 && eventNamespace !== void 0 && listenedNamespace === eventNamespace || listenedNamespace !== void 0 && eventNamespace === void 0 && listenedNamespace === event.behaviorEvent.type ? !0 : behavior.on === event.behaviorEvent.type;
+      });
       if (eventBehaviors.length === 0) {
         if (defaultActionCallback) {
           withApplyingBehaviorActions(event.editor, () => {
@@ -7738,6 +7730,7 @@ export {
   defineSchema,
   fromSlateValue,
   getEditorSnapshot,
+  getNodeBlock,
   isEqualToEmptyEditor,
   moveRangeByOperation,
   toPortableTextRange,