@portabletext/editor 2.12.2 → 2.13.0

package/lib/index.js

@@ -157,17 +157,6 @@ 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$1.isElement(children[0]) && children[0]._type === schemaTypes.block.name && "style" in children[0] && children[0].style === schemaTypes.styles[0].name && !("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 getBlockPath({
-  editor,
-  _key
-}) {
-  const [, blockPath] = Array.from(Editor.nodes(editor, {
-    at: [],
-    match: (n) => n._key === _key
-  })).at(0) ?? [void 0, void 0], blockIndex = blockPath?.at(0);
-  if (blockIndex !== void 0)
-    return [blockIndex];
-}
 function getFocusBlock({
   editor
 }) {
@@ -1734,7 +1723,7 @@ function createDecorate(schema, slateEditor) {
   };
 }
 const RelayActorContext = createContext({}), debug$d = debugWithName("component:Editable"), PortableTextEditable = forwardRef(function(props, forwardedRef) {
-  const $ = c(172);
+  const $ = c(171);
   let hotkeys, onBeforeInput, onBlur, onClick, onCopy, onCut, onDrag, onDragEnd, onDragEnter, onDragLeave, onDragOver, onDragStart, onDrop, onFocus, onPaste, propsSelection, rangeDecorations, renderAnnotation, renderBlock, renderChild, renderDecorator, renderListItem, renderPlaceholder, renderStyle, restProps, scrollSelectionIntoView, spellCheck;
   $[0] !== props ? ({
     hotkeys,
@@ -2271,50 +2260,16 @@ const RelayActorContext = createContext({}), debug$d = debugWithName("component:
   }, $[140] = editorActor, $[141] = onDragLeave, $[142] = slateEditor, $[143] = t34) : t34 = $[143];
   const handleDragLeave = t34;
   let t35;
-  $[144] !== forwardedRef || $[145] !== slateEditor ? (t35 = (node) => {
-    if (typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node), node) {
-      const mutationObserver = new MutationObserver(() => {
-        validateSelection(slateEditor, node);
-      });
-      return mutationObserver.observe(node, {
-        attributeOldValue: !1,
-        attributes: !1,
-        characterData: !1,
-        childList: !0,
-        subtree: !0
-      }), () => {
-        mutationObserver.disconnect();
-      };
-    }
-  }, $[144] = forwardedRef, $[145] = slateEditor, $[146] = t35) : t35 = $[146];
+  $[144] !== forwardedRef ? (t35 = (node) => {
+    typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
+  }, $[144] = forwardedRef, $[145] = t35) : t35 = $[145];
   const callbackRef = t35;
   if (!portableTextEditor)
     return null;
   let t36;
-  return $[147] !== callbackRef || $[148] !== decorate || $[149] !== handleClick || $[150] !== handleCopy || $[151] !== handleCut || $[152] !== handleDrag || $[153] !== handleDragEnd || $[154] !== handleDragEnter || $[155] !== handleDragLeave || $[156] !== handleDragOver || $[157] !== handleDragStart || $[158] !== handleDrop || $[159] !== handleKeyDown || $[160] !== handleKeyUp || $[161] !== handleOnBeforeInput || $[162] !== handleOnBlur || $[163] !== handleOnFocus || $[164] !== handlePaste || $[165] !== hasInvalidValue || $[166] !== readOnly || $[167] !== renderElement || $[168] !== renderLeaf || $[169] !== restProps || $[170] !== scrollSelectionIntoViewToSlate ? (t36 = hasInvalidValue ? null : /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }), $[147] = callbackRef, $[148] = decorate, $[149] = handleClick, $[150] = handleCopy, $[151] = handleCut, $[152] = handleDrag, $[153] = handleDragEnd, $[154] = handleDragEnter, $[155] = handleDragLeave, $[156] = handleDragOver, $[157] = handleDragStart, $[158] = handleDrop, $[159] = handleKeyDown, $[160] = handleKeyUp, $[161] = handleOnBeforeInput, $[162] = handleOnBlur, $[163] = handleOnFocus, $[164] = handlePaste, $[165] = hasInvalidValue, $[166] = readOnly, $[167] = renderElement, $[168] = renderLeaf, $[169] = restProps, $[170] = scrollSelectionIntoViewToSlate, $[171] = t36) : t36 = $[171], t36;
+  return $[146] !== callbackRef || $[147] !== decorate || $[148] !== handleClick || $[149] !== handleCopy || $[150] !== handleCut || $[151] !== handleDrag || $[152] !== handleDragEnd || $[153] !== handleDragEnter || $[154] !== handleDragLeave || $[155] !== handleDragOver || $[156] !== handleDragStart || $[157] !== handleDrop || $[158] !== handleKeyDown || $[159] !== handleKeyUp || $[160] !== handleOnBeforeInput || $[161] !== handleOnBlur || $[162] !== handleOnFocus || $[163] !== handlePaste || $[164] !== hasInvalidValue || $[165] !== readOnly || $[166] !== renderElement || $[167] !== renderLeaf || $[168] !== restProps || $[169] !== scrollSelectionIntoViewToSlate ? (t36 = hasInvalidValue ? null : /* @__PURE__ */ jsx(Editable, { ...restProps, ref: callbackRef, "data-read-only": readOnly, autoFocus: !1, className: restProps.className || "pt-editable", decorate, onBlur: handleOnBlur, onCopy: handleCopy, onCut: handleCut, onClick: handleClick, onDOMBeforeInput: handleOnBeforeInput, onDragStart: handleDragStart, onDrag: handleDrag, onDragEnd: handleDragEnd, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDrop: handleDrop, onDragLeave: handleDragLeave, onFocus: handleOnFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onPaste: handlePaste, readOnly, renderPlaceholder: void 0, renderElement, renderLeaf, renderText, scrollSelectionIntoView: scrollSelectionIntoViewToSlate }), $[146] = callbackRef, $[147] = decorate, $[148] = handleClick, $[149] = handleCopy, $[150] = handleCut, $[151] = handleDrag, $[152] = handleDragEnd, $[153] = handleDragEnter, $[154] = handleDragLeave, $[155] = handleDragOver, $[156] = handleDragStart, $[157] = handleDrop, $[158] = handleKeyDown, $[159] = handleKeyUp, $[160] = handleOnBeforeInput, $[161] = handleOnBlur, $[162] = handleOnFocus, $[163] = handlePaste, $[164] = hasInvalidValue, $[165] = readOnly, $[166] = renderElement, $[167] = renderLeaf, $[168] = restProps, $[169] = scrollSelectionIntoViewToSlate, $[170] = t36) : t36 = $[170], t36;
 });
 PortableTextEditable.displayName = "ForwardRef(PortableTextEditable)";
-function validateSelection(slateEditor, activeElement) {
-  if (!slateEditor.selection)
-    return;
-  let root;
-  try {
-    root = ReactEditor.findDocumentOrShadowRoot(slateEditor);
-  } catch {
-  }
-  if (!root || activeElement !== root.activeElement)
-    return;
-  const domSelection = ReactEditor.getWindow(slateEditor).getSelection();
-  if (!domSelection || domSelection.rangeCount === 0)
-    return;
-  const existingDOMRange = domSelection.getRangeAt(0);
-  try {
-    const newDOMRange = ReactEditor.toDOMRange(slateEditor, slateEditor.selection);
-    (newDOMRange.startOffset !== existingDOMRange.startOffset || newDOMRange.endOffset !== existingDOMRange.endOffset) && (debug$d("DOM range out of sync, validating selection"), domSelection?.removeAllRanges(), domSelection.addRange(newDOMRange));
-  } catch {
-    debug$d("Could not resolve selection, selecting top document"), Transforms.deselect(slateEditor), slateEditor.children.length > 0 && Transforms.select(slateEditor, [0, 0]), slateEditor.onChange();
-  }
-}
 function _temp(s) {
   return s.matches({
     "edit mode": "read only"
@@ -4467,16 +4422,19 @@ const addAnnotationOperationImplementation = ({
   const endBlock = operation.editor.value.at(endBlockIndex);
   if (!endBlock)
     throw new Error("Failed to get end block");
-  const anchorBlockPath = anchorBlockKey !== void 0 ? getBlockPath({
-    editor: operation.editor,
-    _key: anchorBlockKey
-  }) : void 0, focusBlockPath = focusBlockKey !== void 0 ? getBlockPath({
-    editor: operation.editor,
-    _key: focusBlockKey
-  }) : void 0;
-  if (operation.at.anchor.path.length === 1 && operation.at.focus.path.length === 1 && anchorBlockPath && focusBlockPath && anchorBlockPath[0] === focusBlockPath[0]) {
+  if (operation.unit === "block") {
     Transforms.removeNodes(operation.editor, {
-      at: [anchorBlockPath[0]]
+      at: {
+        anchor: {
+          path: [startBlockIndex],
+          offset: 0
+        },
+        focus: {
+          path: [endBlockIndex],
+          offset: 0
+        }
+      },
+      mode: "highest"
     }), operation.editor.children.length === 0 && Transforms.insertNodes(operation.editor, createPlaceholderBlock(context));
     return;
   }
@@ -6664,6 +6622,15 @@ const addAnnotationOnCollapsedSelection = defineBehavior({
       shift: !1
     }]
   }),
+  backspace: createKeyboardShortcut({
+    default: [{
+      key: "Backspace",
+      alt: !1,
+      ctrl: !1,
+      meta: !1,
+      shift: !1
+    }]
+  }),
   break: createKeyboardShortcut({
     default: [{
       key: "Enter",
@@ -6682,6 +6649,15 @@ const addAnnotationOnCollapsedSelection = defineBehavior({
     underline,
     code
   },
+  delete: createKeyboardShortcut({
+    default: [{
+      key: "Delete",
+      alt: !1,
+      ctrl: !1,
+      meta: !1,
+      shift: !1
+    }]
+  }),
   history: {
     undo,
     redo
@@ -8077,7 +8053,8 @@ const abstractAnnotationBehaviors = [defineBehavior({
         path: event.at,
         offset: 0
       }
-    }
+    },
+    unit: "block"
   })]]
 }), defineBehavior({
   on: "delete.child",
@@ -8725,6 +8702,38 @@ const abstractAnnotationBehaviors = [defineBehavior({
     alt: !1
   }]
 }), abstractKeyboardBehaviors = [
+  /**
+   * When Backspace is pressed on an inline object, Slate will raise a
+   * `delete.backward` event with `unit: 'block'`. This is wrong and this
+   * Behavior adjusts that.
+   */
+  defineBehavior({
+    on: "keyboard.keydown",
+    guard: ({
+      snapshot,
+      event
+    }) => defaultKeyboardShortcuts.backspace.guard(event.originEvent) && isSelectionCollapsed$1(snapshot) && getFocusInlineObject(snapshot),
+    actions: [() => [raise({
+      type: "delete.backward",
+      unit: "character"
+    })]]
+  }),
+  /**
+   * When Delete is pressed on an inline object, Slate will raise a
+   * `delete.forward` event with `unit: 'block'`. This is wrong and this
+   * Behavior adjusts that.
+   */
+  defineBehavior({
+    on: "keyboard.keydown",
+    guard: ({
+      snapshot,
+      event
+    }) => defaultKeyboardShortcuts.delete.guard(event.originEvent) && isSelectionCollapsed$1(snapshot) && getFocusInlineObject(snapshot),
+    actions: [() => [raise({
+      type: "delete.forward",
+      unit: "character"
+    })]]
+  }),
   /**
    * Allow raising an `insert.break` event when pressing Enter on an inline
    * object.