@portabletext/editor 1.38.1 → 1.39.1

package/lib/_chunks-cjs/editor-provider.cjs

@@ -193,7 +193,7 @@ function toSlateRange(selection, editor) {
     path: toSlatePath(selection.focus.path, editor),
     offset: selection.focus.offset
   };
-  return focus.path.length === 0 || anchor.path.length === 0 ? null : focus ? {
+  return focus.path.length === 0 || anchor.path.length === 0 ? null : anchor && focus ? {
     anchor,
     focus
   } : null;
@@ -2922,14 +2922,12 @@ const insertBreakActionImplementation = ({
   }) ? removeListItemActionImplementation({
     context,
     action: {
-      ...action,
-      type: "list item.remove"
+      ...action
     }
   }) : addListItemActionImplementation({
     context,
     action: {
-      ...action,
-      type: "list item.add"
+      ...action
     }
   });
 }, removeListItemActionImplementation = ({
@@ -2986,14 +2984,12 @@ const toggleStyleActionImplementation = ({
   }) ? removeStyleActionImplementation({
     context,
     action: {
-      ...action,
-      type: "style.remove"
+      ...action
     }
   }) : addStyleActionImplementation({
     context,
     action: {
-      ...action,
-      type: "style.add"
+      ...action
     }
   });
 }, removeStyleActionImplementation = ({
@@ -3098,10 +3094,6 @@ const decoratorAddActionImplementation = ({
       },
       backward: editorSelection?.backward
     }), trimmedSelection = selector_isOverlappingSelection.getTrimmedSelection({
-      beta: {
-        hasTag: () => !1,
-        internalDrag: void 0
-      },
       context: {
         activeDecorators: [],
         converters: [],
@@ -3626,16 +3618,13 @@ const toggleDecoratorActionImplementation = ({
     editor: action.editor,
     decorator: action.decorator
   }) ? removeDecoratorActionImplementation({
-    context,
     action: {
-      type: "decorator.remove",
       editor: action.editor,
       decorator: action.decorator
     }
   }) : decoratorAddActionImplementation({
     context,
     action: {
-      type: "decorator.add",
       editor: action.editor,
       decorator: action.decorator
     }
@@ -3896,7 +3885,6 @@ function createEditableAPI(editor, editorActor) {
             schema: types2
           },
           action: {
-            type: "annotation.add",
             annotation: {
               name: type.name,
               value: value ?? {}
@@ -4123,9 +4111,7 @@ const addAnnotationActionImplementation = ({
     }
   }))
     removeAnnotationActionImplementation({
-      context,
       action: {
-        type: "annotation.remove",
         annotation: action.annotation,
         editor: action.editor
       }
@@ -4134,7 +4120,6 @@ const addAnnotationActionImplementation = ({
     return addAnnotationActionImplementation({
       context,
       action: {
-        type: "annotation.add",
         annotation: action.annotation,
         editor: action.editor
       }
@@ -4308,10 +4293,6 @@ const addAnnotationActionImplementation = ({
   if (!selection)
     throw new Error("Unable to find selection from block offsets");
   const trimmedSelection = selector_isOverlappingSelection.getTrimmedSelection({
-    beta: {
-      hasTag: () => !1,
-      internalDrag: void 0
-    },
     context: {
       converters: [],
       schema: context.schema,
@@ -4530,9 +4511,7 @@ const selectActionImplementation = ({
     return;
   }
   selectActionImplementation({
-    context,
     action: {
-      type: "select",
       selection: newSelection,
       editor: action.editor
     }
@@ -4559,9 +4538,7 @@ const selectActionImplementation = ({
     return;
   }
   selectActionImplementation({
-    context,
     action: {
-      type: "select",
       selection: newSelection,
       editor: action.editor
     }
@@ -4622,13 +4599,11 @@ const selectActionImplementation = ({
       index === 0 ? (insertBreakActionImplementation({
         context,
         action: {
-          type: "insert.break",
           editor: action.editor
         }
       }), selectPreviousBlockActionImplementation({
         context,
         action: {
-          type: "select.previous block",
           editor: action.editor,
           select: "end"
         }
@@ -4641,7 +4616,6 @@ const selectActionImplementation = ({
       })) : index === fragment.length - 1 ? (selectNextBlockActionImplementation({
         context,
         action: {
-          type: "select.next block",
           editor: action.editor,
           select: "start"
         }
@@ -4674,7 +4648,6 @@ const selectActionImplementation = ({
   insertBlocksActionImplementation({
     context,
     action: {
-      type: "insert.blocks",
       blocks: action.data,
       editor: action.editor,
       placement: "auto"
@@ -4760,7 +4733,6 @@ const selectActionImplementation = ({
   insertBlockActionImplementation({
     context,
     action: {
-      type: "insert.block",
       block: {
         _key: context.keyGenerator(),
         _type: action.blockObject.name,
@@ -4781,7 +4753,6 @@ const selectActionImplementation = ({
   insertBlockActionImplementation({
     context,
     action: {
-      type: "insert.block",
       block: {
         _key: context.keyGenerator(),
         _type: context.schema.block.name,
@@ -4830,9 +4801,7 @@ const selectActionImplementation = ({
     return;
   }
   moveBlockActionImplementation({
-    context,
     action: {
-      type: "move.block",
       at: action.at,
       to: [{
         _key: destinationBlockKey
@@ -4862,9 +4831,7 @@ const selectActionImplementation = ({
     return;
   }
   moveBlockActionImplementation({
-    context,
     action: {
-      type: "move.block",
       at: action.at,
       to: [{
         _key: destinationBlockKey
@@ -4882,10 +4849,10 @@ const selectActionImplementation = ({
   action
 }) => {
   dataTransferSetActionImplementation({
-    context,
     action: {
-      ...action,
-      type: "data transfer.set"
+      data: action.data,
+      dataTransfer: action.originEvent.originEvent.dataTransfer,
+      mimeType: action.mimeType
     }
   });
 }, behaviorActionImplementations = {
@@ -5342,8 +5309,22 @@ function createWithEventListeners(editorActor, subscriptions) {
         },
         editor
       });
-    }, editor.insertData = () => {
-      console.warn("Unexpected call to .insertData(...)");
+    }, editor.insertData = (dataTransfer) => {
+      if (isApplyingBehaviorActions(editor))
+        throw new Error("Unexpected call to .insertData(...)");
+      editorActor.send({
+        type: "behavior event",
+        behaviorEvent: {
+          type: "deserialize",
+          originEvent: {
+            type: "input.*",
+            originEvent: {
+              dataTransfer
+            }
+          }
+        },
+        editor
+      });
     }, editor.insertSoftBreak = () => {
       if (isApplyingBehaviorActions(editor)) {
         insertSoftBreakActionImplementation({
@@ -5352,7 +5333,6 @@ function createWithEventListeners(editorActor, subscriptions) {
             schema: editorActor.getSnapshot().context.schema
           },
           action: {
-            type: "insert.soft break",
             editor
           }
         });
@@ -6123,10 +6103,10 @@ function createSlateEditor(config) {
 const keyIs = {
   lineBreak: (event) => event.key === "Enter" && event.shiftKey
 }, raiseInsertSoftBreak = behavior_core.defineBehavior({
-  on: "key.down",
+  on: "keyboard.keydown",
   guard: ({
     event
-  }) => keyIs.lineBreak(event.keyboardEvent),
+  }) => keyIs.lineBreak(event.originEvent),
   actions: [() => [behavior_core.raise({
     type: "insert.soft break"
   })]]
@@ -6233,7 +6213,7 @@ const keyIs = {
     event
   }) => {
     const deserializeEvents = snapshot.context.converters.flatMap((converter) => {
-      const data = event.dataTransfer.getData(converter.mimeType);
+      const data = event.originEvent.originEvent.dataTransfer.getData(converter.mimeType);
       return data ? [converter.deserialize({
         snapshot,
         event: {
@@ -6252,7 +6232,6 @@ const keyIs = {
     event
   }, deserializeEvent) => [behavior_core.raise({
     ...deserializeEvent,
-    dataTransfer: event.dataTransfer,
     originEvent: event.originEvent
   })]]
 }), raiseSerializationSuccessOrFailure = behavior_core.defineBehavior({
@@ -6276,11 +6255,10 @@ const keyIs = {
     event
   }, serializeEvents) => serializeEvents.map((serializeEvent) => behavior_core.raise({
     ...serializeEvent,
-    originEvent: event.originEvent,
-    dataTransfer: event.dataTransfer
+    originEvent: event.originEvent
   }))]
 }), defaultBehaviors = [behavior_core.defineBehavior({
-  on: "copy",
+  on: "clipboard.copy",
   guard: ({
     snapshot
   }) => {
@@ -6291,16 +6269,15 @@ const keyIs = {
     type: "noop"
   }]]
 }), behavior_core.defineBehavior({
-  on: "copy",
+  on: "clipboard.copy",
   actions: [({
     event
   }) => [behavior_core.raise({
     type: "serialize",
-    dataTransfer: event.data,
     originEvent: event
   })]]
 }), behavior_core.defineBehavior({
-  on: "cut",
+  on: "clipboard.cut",
   guard: ({
     snapshot
   }) => {
@@ -6311,7 +6288,7 @@ const keyIs = {
     type: "noop"
   }]]
 }), behavior_core.defineBehavior({
-  on: "cut",
+  on: "clipboard.cut",
   guard: ({
     snapshot
   }) => snapshot.context.selection ? {
@@ -6323,7 +6300,6 @@ const keyIs = {
     selection
   }) => [behavior_core.raise({
     type: "serialize",
-    dataTransfer: event.dataTransfer,
     originEvent: event
   }), behavior_core.raise({
     type: "delete",
@@ -6335,7 +6311,6 @@ const keyIs = {
     event
   }) => [behavior_core.raise({
     type: "serialize",
-    dataTransfer: event.dataTransfer,
     originEvent: event
   })]]
 }), behavior_core.defineBehavior({
@@ -6345,7 +6320,7 @@ const keyIs = {
   }) => [behavior_core.raise({
     type: "data transfer.set",
     data: event.data,
-    dataTransfer: event.dataTransfer,
+    dataTransfer: event.originEvent.originEvent.dataTransfer,
     mimeType: event.mimeType
   })]]
 }), behavior_core.defineBehavior({
@@ -6372,7 +6347,6 @@ const keyIs = {
     event
   }) => [behavior_core.raise({
     type: "deserialize",
-    dataTransfer: event.dataTransfer,
     originEvent: event
   })]]
 }), behavior_core.defineBehavior({
@@ -6390,13 +6364,11 @@ const keyIs = {
         selection: dragOrigin.selection
       }
     }) : !1, draggingEntireBlocks = selector_isOverlappingSelection.isSelectingEntireBlocks({
-      ...snapshot,
       context: {
         ...snapshot.context,
         selection: dragOrigin.selection
       }
     }), draggedBlocks = selector_isAtTheStartOfBlock.getSelectedBlocks({
-      ...snapshot,
       context: {
         ...snapshot.context,
         selection: dragOrigin.selection
@@ -6405,7 +6377,8 @@ const keyIs = {
     return droppingOnDragOrigin ? !1 : {
       draggingEntireBlocks,
       draggedBlocks,
-      dragOrigin
+      dragOrigin,
+      originEvent: event.originEvent
     };
   },
   actions: [({
@@ -6413,11 +6386,12 @@ const keyIs = {
   }, {
     draggingEntireBlocks,
     draggedBlocks,
-    dragOrigin
+    dragOrigin,
+    originEvent
   }) => [behavior_core.raise({
     type: "insert.blocks",
     blocks: event.data,
-    placement: draggingEntireBlocks ? event.originEvent.position.block === "start" ? "before" : event.originEvent.position.block === "end" ? "after" : "auto" : "auto"
+    placement: draggingEntireBlocks ? originEvent.position.block === "start" ? "before" : originEvent.position.block === "end" ? "after" : "auto" : "auto"
   }), ...draggingEntireBlocks ? draggedBlocks.map((block) => behavior_core.raise({
     type: "delete.block",
     blockPath: block.path
@@ -6435,7 +6409,7 @@ const keyIs = {
     placement: "auto"
   })]]
 }), behavior_core.defineBehavior({
-  on: "paste",
+  on: "clipboard.paste",
   guard: ({
     snapshot
   }) => snapshot.context.selection && selector_isAtTheStartOfBlock.isSelectionExpanded(snapshot) ? {
@@ -6450,16 +6424,22 @@ const keyIs = {
     selection
   }), behavior_core.raise({
     type: "deserialize",
-    dataTransfer: event.data,
     originEvent: event
   })]]
 }), behavior_core.defineBehavior({
-  on: "paste",
+  on: "clipboard.paste",
+  actions: [({
+    event
+  }) => [behavior_core.raise({
+    type: "deserialize",
+    originEvent: event
+  })]]
+}), behavior_core.defineBehavior({
+  on: "input.*",
   actions: [({
     event
   }) => [behavior_core.raise({
     type: "deserialize",
-    dataTransfer: event.data,
     originEvent: event
   })]]
 }), toggleAnnotationOff, toggleAnnotationOn, toggleDecoratorOff, toggleDecoratorOn, toggleListItemOff, toggleListItemOn, toggleStyleOff, toggleStyleOn, raiseDeserializationSuccessOrFailure, raiseSerializationSuccessOrFailure, raiseInsertSoftBreak];
@@ -6570,10 +6550,10 @@ const editorMachine = xstate.setup({
       self
     }) => {
       xstate.assertEvent(event, ["behavior event", "custom behavior event"]);
-      const defaultAction = event.type === "custom behavior event" || behavior_core.isDragBehaviorEvent(event.behaviorEvent) || event.behaviorEvent.type === "copy" || event.behaviorEvent.type === "cut" || event.behaviorEvent.type === "deserialize" || event.behaviorEvent.type === "key.down" || event.behaviorEvent.type === "key.up" || behavior_core.isMouseBehaviorEvent(event.behaviorEvent) || event.behaviorEvent.type === "paste" || event.behaviorEvent.type === "serialize" ? void 0 : {
+      const defaultAction = event.type === "custom behavior event" || behavior_core.isClipboardBehaviorEvent(event.behaviorEvent) || behavior_core.isDragBehaviorEvent(event.behaviorEvent) || behavior_core.isInputBehaviorEvent(event.behaviorEvent) || behavior_core.isKeyboardBehaviorEvent(event.behaviorEvent) || behavior_core.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 : behavior_core.isDragBehaviorEvent(event.behaviorEvent) && behavior.on === "drag.*" || behavior.on === event.behaviorEvent.type);
+      }, defaultActionCallback = event.type === "behavior event" ? event.defaultActionCallback : void 0, eventBehaviors = [...context.behaviors.values(), ...defaultBehaviors].filter((behavior) => behavior.on === "*" ? !0 : behavior_core.isClipboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "clipboard.*" || behavior.on === event.behaviorEvent.type : behavior_core.isDragBehaviorEvent(event.behaviorEvent) ? behavior.on === "drag.*" || behavior.on === event.behaviorEvent.type : behavior_core.isInputBehaviorEvent(event.behaviorEvent) ? behavior.on === "input.*" : behavior_core.isKeyboardBehaviorEvent(event.behaviorEvent) ? behavior.on === "keyboard.*" || behavior.on === event.behaviorEvent.type : behavior_core.isMouseBehaviorEvent(event.behaviorEvent) && behavior.on === "mouse.*" || behavior.on === event.behaviorEvent.type);
       if (eventBehaviors.length === 0) {
         if (defaultActionCallback) {
           withApplyingBehaviorActions(event.editor, () => {
@@ -6831,7 +6811,7 @@ const editorMachine = xstate.setup({
               actions: "handle behavior event",
               guard: ({
                 event
-              }) => event.behaviorEvent.type === "copy" || event.behaviorEvent.type === "data transfer.set" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
+              }) => event.behaviorEvent.type === "clipboard.copy" || event.behaviorEvent.type === "data transfer.set" || event.behaviorEvent.type === "serialize" || event.behaviorEvent.type === "serialization.failure" || event.behaviorEvent.type === "serialization.success" || event.behaviorEvent.type === "select"
             }
           },
           states: {