@portabletext/editor 2.12.1 → 2.12.3

package/lib/index.js

@@ -1734,7 +1734,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 +2271,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"
@@ -8739,6 +8705,20 @@ const abstractAnnotationBehaviors = [defineBehavior({
       type: "insert.break"
     })]]
   }),
+  /**
+   * On Firefox, Enter might collapse the selection. To mitigate this, we
+   * `raise` an `insert.break` event manually.
+   */
+  defineBehavior({
+    on: "keyboard.keydown",
+    guard: ({
+      snapshot,
+      event
+    }) => defaultKeyboardShortcuts.break.guard(event.originEvent) && isSelectionExpanded(snapshot),
+    actions: [() => [raise({
+      type: "insert.break"
+    })]]
+  }),
   /**
    * On WebKit, Shift+Enter results in an `insertParagraph` input event rather
    * than an `insertLineBreak` input event. This Behavior makes sure we catch
@@ -9488,86 +9468,88 @@ function performEvent({
     } catch (error) {
       console.error(new Error(`Evaluating guard for "${event.type}" failed due to: ${error.message}`));
     }
-    if (shouldRun) {
-      defaultBehaviorOverwritten = !0, eventBehavior.actions.length === 0 && (nativeEventPrevented = !0);
-      for (const actionSet of eventBehavior.actions) {
-        const actionsSnapshot = getSnapshot();
-        let actions = [];
-        try {
-          actions = actionSet({
-            snapshot: actionsSnapshot,
-            event,
-            dom: createEditorDom(sendBack, editor)
-          }, shouldRun);
-        } catch (error) {
-          console.error(new Error(`Evaluating actions for "${event.type}" failed due to: ${error.message}`));
-        }
-        if (actions.length === 0)
-          continue;
-        nativeEventPrevented = actions.some((action) => action.type === "raise" || action.type === "execute") || !actions.some((action) => action.type === "forward");
-        let undoStepCreated = !1;
-        actions.some((action) => action.type === "execute") && (createUndoStep(editor), undoStepCreated = !0);
-        const actionTypes = actions.map((action) => action.type), uniqueActionTypes = new Set(actionTypes), raiseGroup = actionTypes.length > 1 && uniqueActionTypes.size === 1 && uniqueActionTypes.has("raise"), executeGroup = actionTypes.length > 1 && uniqueActionTypes.size === 1 && uniqueActionTypes.has("execute");
-        withoutNormalizingConditional(editor, () => raiseGroup || executeGroup, () => {
-          for (const action of actions) {
-            if (action.type === "effect") {
-              try {
-                action.effect({
-                  send: sendBack
-                });
-              } catch (error) {
-                console.error(new Error(`Executing effect as a result of "${event.type}" failed due to: ${error.message}`));
-              }
-              continue;
-            }
-            if (action.type === "forward") {
-              const remainingEventBehaviors2 = eventBehaviors.slice(eventBehaviorIndex + 1);
-              performEvent({
-                mode: mode === "execute" ? "execute" : "forward",
-                behaviors,
-                remainingEventBehaviors: remainingEventBehaviors2,
-                event: action.event,
-                editor,
-                keyGenerator,
-                schema,
-                getSnapshot,
-                nativeEvent,
-                sendBack
-              });
-              continue;
-            }
-            if (action.type === "raise") {
-              performEvent({
-                mode: mode === "execute" ? "execute" : "raise",
-                behaviors,
-                remainingEventBehaviors: mode === "execute" ? remainingEventBehaviors : behaviors,
-                event: action.event,
-                editor,
-                keyGenerator,
-                schema,
-                getSnapshot,
-                nativeEvent,
-                sendBack
+    if (!shouldRun)
+      continue;
+    defaultBehaviorOverwritten = !0, eventBehavior.actions.length === 0 && (nativeEventPrevented = !0);
+    let actionSetIndex = -1;
+    for (const actionSet of eventBehavior.actions) {
+      actionSetIndex++;
+      const actionsSnapshot = getSnapshot();
+      let actions = [];
+      try {
+        actions = actionSet({
+          snapshot: actionsSnapshot,
+          event,
+          dom: createEditorDom(sendBack, editor)
+        }, shouldRun);
+      } catch (error) {
+        console.error(new Error(`Evaluating actions for "${event.type}" failed due to: ${error.message}`));
+      }
+      if (actions.length === 0)
+        continue;
+      nativeEventPrevented = actions.some((action) => action.type === "raise" || action.type === "execute") || !actions.some((action) => action.type === "forward");
+      let undoStepCreated = !1;
+      actionSetIndex > 0 && (createUndoStep(editor), undoStepCreated = !0), !undoStepCreated && actions.some((action) => action.type === "execute") && (createUndoStep(editor), undoStepCreated = !0);
+      const actionTypes = actions.map((action) => action.type), uniqueActionTypes = new Set(actionTypes), raiseGroup = actionTypes.length > 1 && uniqueActionTypes.size === 1 && uniqueActionTypes.has("raise"), executeGroup = actionTypes.length > 1 && uniqueActionTypes.size === 1 && uniqueActionTypes.has("execute");
+      withoutNormalizingConditional(editor, () => raiseGroup || executeGroup, () => {
+        for (const action of actions) {
+          if (action.type === "effect") {
+            try {
+              action.effect({
+                send: sendBack
               });
-              continue;
+            } catch (error) {
+              console.error(new Error(`Executing effect as a result of "${event.type}" failed due to: ${error.message}`));
             }
+            continue;
+          }
+          if (action.type === "forward") {
+            const remainingEventBehaviors2 = eventBehaviors.slice(eventBehaviorIndex + 1);
             performEvent({
-              mode: "execute",
+              mode: mode === "execute" ? "execute" : "forward",
               behaviors,
-              remainingEventBehaviors: [],
+              remainingEventBehaviors: remainingEventBehaviors2,
               event: action.event,
               editor,
               keyGenerator,
               schema,
               getSnapshot,
-              nativeEvent: void 0,
+              nativeEvent,
               sendBack
             });
+            continue;
           }
-        }), undoStepCreated && clearUndoStep(editor);
-      }
-      break;
+          if (action.type === "raise") {
+            performEvent({
+              mode: mode === "execute" ? "execute" : "raise",
+              behaviors,
+              remainingEventBehaviors: mode === "execute" ? remainingEventBehaviors : behaviors,
+              event: action.event,
+              editor,
+              keyGenerator,
+              schema,
+              getSnapshot,
+              nativeEvent,
+              sendBack
+            });
+            continue;
+          }
+          performEvent({
+            mode: "execute",
+            behaviors,
+            remainingEventBehaviors: [],
+            event: action.event,
+            editor,
+            keyGenerator,
+            schema,
+            getSnapshot,
+            nativeEvent: void 0,
+            sendBack
+          });
+        }
+      }), undoStepCreated && clearUndoStep(editor);
     }
+    break;
   }
   !defaultBehaviorOverwritten && isSyntheticBehaviorEvent(event) ? (nativeEvent?.preventDefault(), mode === "send" && clearUndoStep(editor), withPerformingBehaviorOperation(editor, () => {
     debug$6(`(execute:${eventCategory(event)})`, JSON.stringify(event, null, 2)), performOperation({