@portabletext/editor 1.28.0 → 1.30.0

package/lib/_chunks-es/plugin.event-listener.js

@@ -5,7 +5,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { withReact, ReactEditor, Slate } from "slate-react";
 import { useSelector, useActorRef } from "@xstate/react";
 import debug$f from "debug";
-import { Editor, Element, Range, Point, Text, Operation, Transforms, Path, Node, createEditor as createEditor$1, deleteBackward, deleteForward, insertText } from "slate";
+import { Editor, Element, Range, Point, Text, Operation, Transforms, Path, Node, createEditor as createEditor$1, select, deleteFragment, insertText, deleteBackward, deleteForward } from "slate";
 import { setup, emit, assign, fromCallback, assertEvent, enqueueActions, createActor } from "xstate";
 import isEqual from "lodash/isEqual.js";
 import { unset, set, setIfMissing, insert, diffMatchPatch as diffMatchPatch$1, applyAll } from "@portabletext/patches";
@@ -13,6 +13,7 @@ import { defineType, defineField, isKeySegment, isPortableTextTextBlock, isPorta
 import flatten from "lodash/flatten.js";
 import isPlainObject from "lodash/isPlainObject.js";
 import uniq from "lodash/uniq.js";
+import { parseBlock } from "./parse-blocks.js";
 import { sliceBlocks } from "./util.slice-blocks.js";
 import { htmlToBlocks } from "@portabletext/block-tools";
 import { toHTML } from "@portabletext/to-html";
@@ -2236,83 +2237,7 @@ const converterJson = {
       reason: "No application/x-portable-text Converter found"
     };
   }
-};
-function isTypedObject(object) {
-  return isRecord(object) && typeof object._type == "string";
-}
-function isRecord(value) {
-  return !!value && (typeof value == "object" || typeof value == "function");
-}
-function parseBlock({
-  context,
-  block,
-  options
-}) {
-  if (!isTypedObject(block) || block._type !== context.schema.block.name && !context.schema.blockObjects.some((blockObject) => blockObject.name === block._type))
-    return;
-  if (block._type !== context.schema.block.name) {
-    const _key = options.refreshKeys ? context.keyGenerator() : typeof block._key == "string" ? block._key : context.keyGenerator();
-    return {
-      ...block,
-      _key
-    };
-  }
-  if (!isPortableTextTextBlock(block))
-    return {
-      _type: context.schema.block.name,
-      _key: options.refreshKeys ? context.keyGenerator() : typeof block._key == "string" ? block._key : context.keyGenerator(),
-      children: [{
-        _key: context.keyGenerator(),
-        _type: context.schema.span.name,
-        text: "",
-        marks: []
-      }],
-      markDefs: [],
-      style: context.schema.styles[0].value
-    };
-  const markDefKeyMap = /* @__PURE__ */ new Map(), markDefs = (block.markDefs ?? []).flatMap((markDef) => {
-    if (context.schema.annotations.some((annotation) => annotation.name === markDef._type)) {
-      const _key = options.refreshKeys ? context.keyGenerator() : markDef._key;
-      return markDefKeyMap.set(markDef._key, _key), [{
-        ...markDef,
-        _key
-      }];
-    }
-    return [];
-  }), children = block.children.flatMap((child) => {
-    if (!isTypedObject(child))
-      return [];
-    if (child._type !== context.schema.span.name && !context.schema.inlineObjects.some((inlineObject) => inlineObject.name === child._type))
-      return [];
-    if (!isPortableTextSpan$1(child))
-      return [{
-        ...child,
-        _key: options.refreshKeys ? context.keyGenerator() : child._key
-      }];
-    const marks = (child.marks ?? []).flatMap((mark) => markDefKeyMap.has(mark) ? [markDefKeyMap.get(mark)] : context.schema.decorators.some((decorator) => decorator.value === mark) ? [mark] : []);
-    return [{
-      ...child,
-      _key: options.refreshKeys ? context.keyGenerator() : child._key,
-      marks
-    }];
-  }), parsedBlock = {
-    ...block,
-    _key: options.refreshKeys ? context.keyGenerator() : block._key,
-    children: children.length > 0 ? children : [{
-      _key: context.keyGenerator(),
-      _type: context.schema.span.name,
-      text: "",
-      marks: []
-    }],
-    markDefs
-  };
-  if (!context.schema.styles.find((style) => style.value === block.style)) {
-    const defaultStyle = context.schema.styles[0].value;
-    defaultStyle !== void 0 ? parsedBlock.style = defaultStyle : delete parsedBlock.style;
-  }
-  return context.schema.lists.find((list) => list.value === block.listItem) || (delete parsedBlock.listItem, delete parsedBlock.level), parsedBlock;
-}
-const converterPortableText = {
+}, converterPortableText = {
   mimeType: "application/x-portable-text",
   serialize: ({
     context,
@@ -2742,7 +2667,7 @@ function createWithEventListeners(editorActor, subscriptions) {
       insertData,
       insertSoftBreak,
       insertText: insertText2,
-      select,
+      select: select2,
       setFragmentData
     } = editor;
     return editor.deleteBackward = (unit) => {
@@ -2827,7 +2752,7 @@ function createWithEventListeners(editorActor, subscriptions) {
       });
     }, editor.select = (location) => {
       if (isApplyingBehaviorActions(editor)) {
-        select(location);
+        select2(location);
         return;
       }
       const range = Editor.range(editor, location);
@@ -2839,7 +2764,7 @@ function createWithEventListeners(editorActor, subscriptions) {
         },
         editor,
         defaultActionCallback: () => {
-          select(location);
+          select2(location);
         }
       });
     }, editor.setFragmentData = (dataTransfer, originEvent) => {
@@ -3125,15 +3050,20 @@ function setPatch(editor, patch) {
         node: c2
       });
     });
-  } else if (block && "value" in block) {
-    const newVal = applyAll([block.value], [patch])[0];
-    return Transforms.setNodes(editor, {
-      ...block,
-      value: newVal
-    }, {
-      at: blockPath
-    }), !0;
-  }
+  } else if (block && "value" in block)
+    if (patch.path.length > 1 && patch.path[1] !== "children") {
+      const newVal = applyAll(block.value, [{
+        ...patch,
+        path: patch.path.slice(1)
+      }]);
+      Transforms.setNodes(editor, {
+        ...block,
+        value: newVal
+      }, {
+        at: blockPath
+      });
+    } else
+      return !1;
   return debugState(editor, "after"), !0;
 }
 function unsetPatch(editor, patch) {
@@ -4815,6 +4745,13 @@ const blockSetBehaviorActionImplementation = ({
   action
 }) => {
   action.dataTransfer.setData(action.mimeType, action.data);
+}, deleteActionImplementation = ({
+  action
+}) => {
+  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);
 }, insertBlockObjectActionImplementation = ({
   context,
   action
@@ -4924,16 +4861,10 @@ const blockSetBehaviorActionImplementation = ({
     always: !0
   });
 }, insertSoftBreakActionImplementation = ({
-  context,
   action
 }) => {
-  insertBreakActionImplementation({
-    context,
-    action: {
-      ...action,
-      type: "insert.break"
-    }
-  });
+  insertText(action.editor, `
+`);
 }, insertInlineObjectActionImplementation = ({
   context,
   action
@@ -5085,6 +5016,7 @@ const blockSetBehaviorActionImplementation = ({
   }) => {
     ReactEditor.focus(action.editor);
   },
+  delete: deleteActionImplementation,
   "delete.backward": ({
     action
   }) => {
@@ -5393,6 +5325,13 @@ function performDefaultAction({
       });
       break;
     }
+    case "delete": {
+      behaviorActionImplementations.delete({
+        context,
+        action
+      });
+      break;
+    }
     case "delete.backward": {
       behaviorActionImplementations["delete.backward"]({
         context,
@@ -6668,6 +6607,16 @@ class PortableTextEditor extends Component {
   static toggleMark = (editor, mark) => {
     debug("Host toggling mark", mark), editor.editable?.toggleMark(mark);
   };
+  /**
+   * @deprecated
+   * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
+   *
+   * ```
+   * import * as selectors from '@portabletext/editor/selectors'
+   * const editor = useEditor()
+   * const selectedSlice = useEditorSelector(editor, selectors.getSelectedSlice)
+   * ```
+   */
   static getFragment = (editor) => (debug("Host getting fragment"), editor.editable?.getFragment());
   static undo = (editor) => {
     debug("Host undoing"), editor.editable?.undo();
@@ -6675,6 +6624,16 @@ class PortableTextEditor extends Component {
   static redo = (editor) => {
     debug("Host redoing"), editor.editable?.redo();
   };
+  /**
+   * @deprecated
+   * Use built-in selectors or write your own: https://www.portabletext.org/reference/selectors/
+   *
+   * ```
+   * import * as selectors from '@portabletext/editor/selectors'
+   * const editor = useEditor()
+   * const isOverlapping = useEditorSelector(editor, selectors.isOverlappingSelection(selectionB))
+   * ```
+   */
   static isSelectionsOverlapping = (editor, selectionA, selectionB) => editor.editable?.isSelectionsOverlapping(selectionA, selectionB);
 }
 function RoutePatchesObservableToEditorActor(props) {