@portabletext/editor 1.39.0 → 1.40.0

package/lib/utils/index.js

@@ -1,92 +1,16 @@
-import { isKeyedSegment, sliceBlocks, isSpan } from "../_chunks-es/util.slice-blocks.js";
-import { blockOffsetToSpanSelectionPoint, getBlockEndPoint, getBlockStartPoint, getTextBlockText, isEmptyTextBlock, isEqualSelectionPoints, reverseSelection, spanSelectionPointToBlockOffset } from "../_chunks-es/util.slice-blocks.js";
-import { parseBlock } from "../_chunks-es/parse-blocks.js";
-import { blockOffsetsToSelection } from "../_chunks-es/parse-blocks.js";
-import { isPortableTextTextBlock, isPortableTextSpan } from "@sanity/types";
-function childSelectionPointToBlockOffset({
-  value,
-  selectionPoint
-}) {
-  let offset = 0;
-  const blockKey = isKeyedSegment(selectionPoint.path[0]) ? selectionPoint.path[0]._key : void 0, childKey = isKeyedSegment(selectionPoint.path[2]) ? selectionPoint.path[2]._key : void 0;
-  if (!(!blockKey || !childKey)) {
-    for (const block of value)
-      if (block._key === blockKey && isPortableTextTextBlock(block))
-        for (const child of block.children) {
-          if (child._key === childKey)
-            return {
-              path: [{
-                _key: block._key
-              }],
-              offset: offset + selectionPoint.offset
-            };
-          isPortableTextSpan(child) && (offset += child.text.length);
-        }
-  }
+import { isEqualSelectionPoints } from "../_chunks-es/util.slice-blocks.js";
+import { blockOffsetToSpanSelectionPoint, getBlockEndPoint, getBlockStartPoint, getTextBlockText, isEmptyTextBlock, isKeyedSegment, isSpan, reverseSelection, sliceBlocks, spanSelectionPointToBlockOffset } from "../_chunks-es/util.slice-blocks.js";
+import { blockOffsetToBlockSelectionPoint, blockOffsetToSelectionPoint, blockOffsetsToSelection, childSelectionPointToBlockOffset, selectionPointToBlockOffset } from "../_chunks-es/util.selection-point-to-block-offset.js";
+import { isTextBlock, mergeTextBlocks, splitTextBlock } from "../_chunks-es/util.split-text-block.js";
+function isEqualSelections(a, b) {
+  return !a && !b ? !0 : !a || !b ? !1 : isEqualSelectionPoints(a.anchor, b.anchor) && isEqualSelectionPoints(a.focus, b.focus);
 }
-function isTextBlock(context, block) {
-  return block._type === context.schema.block.name;
-}
-function mergeTextBlocks({
-  context,
-  targetBlock,
-  incomingBlock
-}) {
-  const parsedIncomingBlock = parseBlock({
-    context,
-    block: incomingBlock,
-    options: {
-      refreshKeys: !0
-    }
-  });
-  return !parsedIncomingBlock || !isTextBlock(context, parsedIncomingBlock) ? targetBlock : {
-    ...targetBlock,
-    children: [...targetBlock.children, ...parsedIncomingBlock.children],
-    markDefs: [...targetBlock.markDefs ?? [], ...parsedIncomingBlock.markDefs ?? []]
-  };
-}
-function splitTextBlock({
-  context,
-  block,
-  point
-}) {
-  const firstChild = block.children.at(0), lastChild = block.children.at(block.children.length - 1);
-  if (!firstChild || !lastChild)
-    return;
-  const before = sliceBlocks({
-    blocks: [block],
-    selection: {
-      anchor: {
-        path: [{
-          _key: block._key
-        }, "children", {
-          _key: firstChild._key
-        }],
-        offset: 0
-      },
-      focus: point
-    }
-  }).at(0), after = sliceBlocks({
-    blocks: [block],
-    selection: {
-      anchor: point,
-      focus: {
-        path: [{
-          _key: block._key
-        }, "children", {
-          _key: lastChild._key
-        }],
-        offset: isSpan(context, lastChild) ? lastChild.text.length : 0
-      }
-    }
-  }).at(0);
-  if (!(!before || !after) && !(!isTextBlock(context, before) || !isTextBlock(context, after)))
-    return {
-      before,
-      after
-    };
+function isSelectionCollapsed(selection) {
+  return selection ? selection.anchor.path.join() === selection.focus.path.join() && selection.anchor.offset === selection.focus.offset : !1;
 }
 export {
+  blockOffsetToBlockSelectionPoint,
+  blockOffsetToSelectionPoint,
   blockOffsetToSpanSelectionPoint,
   blockOffsetsToSelection,
   childSelectionPointToBlockOffset,
@@ -95,11 +19,14 @@ export {
   getTextBlockText,
   isEmptyTextBlock,
   isEqualSelectionPoints,
+  isEqualSelections,
   isKeyedSegment,
+  isSelectionCollapsed,
   isSpan,
   isTextBlock,
   mergeTextBlocks,
   reverseSelection,
+  selectionPointToBlockOffset,
   sliceBlocks,
   spanSelectionPointToBlockOffset,
   splitTextBlock

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/util.child-selection-point-to-block-offset.ts","../../src/utils/util.is-text-block.ts","../../src/utils/util.merge-text-blocks.ts","../../src/utils/util.split-text-block.ts"],"sourcesContent":["import {\n  isPortableTextSpan,\n  isPortableTextTextBlock,\n  type PortableTextBlock,\n} from '@sanity/types'\nimport type {BlockOffset} from '../types/block-offset'\nimport type {EditorSelectionPoint} from '../types/editor'\nimport {isKeyedSegment} from './util.is-keyed-segment'\n\n/**\n * @public\n */\nexport function childSelectionPointToBlockOffset({\n  value,\n  selectionPoint,\n}: {\n  value: Array<PortableTextBlock>\n  selectionPoint: EditorSelectionPoint\n}): BlockOffset | undefined {\n  let offset = 0\n\n  const blockKey = isKeyedSegment(selectionPoint.path[0])\n    ? selectionPoint.path[0]._key\n    : undefined\n  const childKey = isKeyedSegment(selectionPoint.path[2])\n    ? selectionPoint.path[2]._key\n    : undefined\n\n  if (!blockKey || !childKey) {\n    return undefined\n  }\n\n  for (const block of value) {\n    if (block._key !== blockKey) {\n      continue\n    }\n\n    if (!isPortableTextTextBlock(block)) {\n      continue\n    }\n\n    for (const child of block.children) {\n      if (child._key === childKey) {\n        return {\n          path: [{_key: block._key}],\n          offset: offset + selectionPoint.offset,\n        }\n      }\n\n      if (isPortableTextSpan(child)) {\n        offset += child.text.length\n      }\n    }\n  }\n}\n","import type {PortableTextBlock, PortableTextTextBlock} from '@sanity/types'\nimport type {EditorContext} from '..'\n\n/**\n * @public\n */\nexport function isTextBlock(\n  context: Pick<EditorContext, 'schema'>,\n  block: PortableTextBlock,\n): block is PortableTextTextBlock {\n  return block._type === context.schema.block.name\n}\n","import type {PortableTextTextBlock} from '@sanity/types'\nimport type {EditorContext} from '..'\nimport {parseBlock} from '../internal-utils/parse-blocks'\nimport {isTextBlock} from './util.is-text-block'\n\n/**\n * @beta\n */\nexport function mergeTextBlocks({\n  context,\n  targetBlock,\n  incomingBlock,\n}: {\n  context: Pick<EditorContext, 'keyGenerator' | 'schema'>\n  targetBlock: PortableTextTextBlock\n  incomingBlock: PortableTextTextBlock\n}) {\n  const parsedIncomingBlock = parseBlock({\n    context,\n    block: incomingBlock,\n    options: {refreshKeys: true},\n  })\n\n  if (!parsedIncomingBlock || !isTextBlock(context, parsedIncomingBlock)) {\n    return targetBlock\n  }\n\n  return {\n    ...targetBlock,\n    children: [...targetBlock.children, ...parsedIncomingBlock.children],\n    markDefs: [\n      ...(targetBlock.markDefs ?? []),\n      ...(parsedIncomingBlock.markDefs ?? []),\n    ],\n  }\n}\n","import type {PortableTextTextBlock} from '@sanity/types'\nimport type {EditorSelectionPoint} from '..'\nimport type {EditorContext} from '../editor/editor-snapshot'\nimport {isSpan} from './util.is-span'\nimport {isTextBlock} from './util.is-text-block'\nimport {sliceBlocks} from './util.slice-blocks'\n\n/**\n * @beta\n */\nexport function splitTextBlock({\n  context,\n  block,\n  point,\n}: {\n  context: Pick<EditorContext, 'schema'>\n  block: PortableTextTextBlock\n  point: EditorSelectionPoint\n}): {before: PortableTextTextBlock; after: PortableTextTextBlock} | undefined {\n  const firstChild = block.children.at(0)\n  const lastChild = block.children.at(block.children.length - 1)\n\n  if (!firstChild || !lastChild) {\n    return undefined\n  }\n\n  const before = sliceBlocks({\n    blocks: [block],\n    selection: {\n      anchor: {\n        path: [{_key: block._key}, 'children', {_key: firstChild._key}],\n        offset: 0,\n      },\n      focus: point,\n    },\n  }).at(0)\n  const after = sliceBlocks({\n    blocks: [block],\n    selection: {\n      anchor: point,\n      focus: {\n        path: [{_key: block._key}, 'children', {_key: lastChild._key}],\n        offset: isSpan(context, lastChild) ? lastChild.text.length : 0,\n      },\n    },\n  }).at(0)\n\n  if (!before || !after) {\n    return undefined\n  }\n\n  if (!isTextBlock(context, before) || !isTextBlock(context, after)) {\n    return undefined\n  }\n\n  return {before, after}\n}\n"],"names":["childSelectionPointToBlockOffset","value","selectionPoint","offset","blockKey","isKeyedSegment","path","_key","undefined","childKey","block","isPortableTextTextBlock","child","children","isPortableTextSpan","text","length","isTextBlock","context","_type","schema","name","mergeTextBlocks","targetBlock","incomingBlock","parsedIncomingBlock","parseBlock","options","refreshKeys","markDefs","splitTextBlock","point","firstChild","at","lastChild","before","sliceBlocks","blocks","selection","anchor","focus","after","isSpan"],"mappings":";;;;;AAYO,SAASA,iCAAiC;AAAA,EAC/CC;AAAAA,EACAC;AAIF,GAA4B;AAC1B,MAAIC,SAAS;AAEPC,QAAAA,WAAWC,eAAeH,eAAeI,KAAK,CAAC,CAAC,IAClDJ,eAAeI,KAAK,CAAC,EAAEC,OACvBC,QACEC,WAAWJ,eAAeH,eAAeI,KAAK,CAAC,CAAC,IAClDJ,eAAeI,KAAK,CAAC,EAAEC,OACvBC;AAEA,MAAA,EAAA,CAACJ,YAAY,CAACK;AAIlB,eAAWC,SAAST;AAClB,UAAIS,MAAMH,SAASH,YAIdO,wBAAwBD,KAAK;AAIvBE,mBAAAA,SAASF,MAAMG,UAAU;AAClC,cAAID,MAAML,SAASE;AACV,mBAAA;AAAA,cACLH,MAAM,CAAC;AAAA,gBAACC,MAAMG,MAAMH;AAAAA,cAAAA,CAAK;AAAA,cACzBJ,QAAQA,SAASD,eAAeC;AAAAA,YAClC;AAGEW,6BAAmBF,KAAK,MAC1BT,UAAUS,MAAMG,KAAKC;AAAAA,QAAAA;AAAAA;AAI7B;AChDgBC,SAAAA,YACdC,SACAR,OACgC;AAChC,SAAOA,MAAMS,UAAUD,QAAQE,OAAOV,MAAMW;AAC9C;ACHO,SAASC,gBAAgB;AAAA,EAC9BJ;AAAAA,EACAK;AAAAA,EACAC;AAKF,GAAG;AACD,QAAMC,sBAAsBC,WAAW;AAAA,IACrCR;AAAAA,IACAR,OAAOc;AAAAA,IACPG,SAAS;AAAA,MAACC,aAAa;AAAA,IAAA;AAAA,EAAI,CAC5B;AAED,SAAI,CAACH,uBAAuB,CAACR,YAAYC,SAASO,mBAAmB,IAC5DF,cAGF;AAAA,IACL,GAAGA;AAAAA,IACHV,UAAU,CAAC,GAAGU,YAAYV,UAAU,GAAGY,oBAAoBZ,QAAQ;AAAA,IACnEgB,UAAU,CACR,GAAIN,YAAYM,YAAY,CAAA,GAC5B,GAAIJ,oBAAoBI,YAAY,CAAG,CAAA;AAAA,EAE3C;AACF;ACzBO,SAASC,eAAe;AAAA,EAC7BZ;AAAAA,EACAR;AAAAA,EACAqB;AAKF,GAA8E;AAC5E,QAAMC,aAAatB,MAAMG,SAASoB,GAAG,CAAC,GAChCC,YAAYxB,MAAMG,SAASoB,GAAGvB,MAAMG,SAASG,SAAS,CAAC;AAEzD,MAAA,CAACgB,cAAc,CAACE;AAClB;AAGF,QAAMC,SAASC,YAAY;AAAA,IACzBC,QAAQ,CAAC3B,KAAK;AAAA,IACd4B,WAAW;AAAA,MACTC,QAAQ;AAAA,QACNjC,MAAM,CAAC;AAAA,UAACC,MAAMG,MAAMH;AAAAA,WAAO,YAAY;AAAA,UAACA,MAAMyB,WAAWzB;AAAAA,QAAAA,CAAK;AAAA,QAC9DJ,QAAQ;AAAA,MACV;AAAA,MACAqC,OAAOT;AAAAA,IAAAA;AAAAA,EAEV,CAAA,EAAEE,GAAG,CAAC,GACDQ,QAAQL,YAAY;AAAA,IACxBC,QAAQ,CAAC3B,KAAK;AAAA,IACd4B,WAAW;AAAA,MACTC,QAAQR;AAAAA,MACRS,OAAO;AAAA,QACLlC,MAAM,CAAC;AAAA,UAACC,MAAMG,MAAMH;AAAAA,WAAO,YAAY;AAAA,UAACA,MAAM2B,UAAU3B;AAAAA,QAAAA,CAAK;AAAA,QAC7DJ,QAAQuC,OAAOxB,SAASgB,SAAS,IAAIA,UAAUnB,KAAKC,SAAS;AAAA,MAAA;AAAA,IAC/D;AAAA,EACF,CACD,EAAEiB,GAAG,CAAC;AAEP,MAAI,EAACE,CAAAA,UAAU,CAACM,UAIZ,EAACxB,CAAAA,YAAYC,SAASiB,MAAM,KAAK,CAAClB,YAAYC,SAASuB,KAAK;AAIzD,WAAA;AAAA,MAACN;AAAAA,MAAQM;AAAAA,IAAK;AACvB;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/util.is-equal-selections.ts","../../src/utils/util.is-selection-collapsed.ts"],"sourcesContent":["import type {EditorSelection} from '../types/editor'\nimport {isEqualSelectionPoints} from './util.is-equal-selection-points'\n\n/**\n * @public\n */\nexport function isEqualSelections(a: EditorSelection, b: EditorSelection) {\n  if (!a && !b) {\n    return true\n  }\n\n  if (!a || !b) {\n    return false\n  }\n\n  return (\n    isEqualSelectionPoints(a.anchor, b.anchor) &&\n    isEqualSelectionPoints(a.focus, b.focus)\n  )\n}\n","import type {EditorSelection} from '../types/editor'\n\n/**\n * @public\n */\nexport function isSelectionCollapsed(selection: EditorSelection) {\n  if (!selection) {\n    return false\n  }\n\n  return (\n    selection.anchor.path.join() === selection.focus.path.join() &&\n    selection.anchor.offset === selection.focus.offset\n  )\n}\n"],"names":["isEqualSelections","a","b","isEqualSelectionPoints","anchor","focus","isSelectionCollapsed","selection","path","join","offset"],"mappings":";;;;AAMgBA,SAAAA,kBAAkBC,GAAoBC,GAAoB;AACpE,SAAA,CAACD,KAAK,CAACC,IACF,KAGL,CAACD,KAAK,CAACC,IACF,KAIPC,uBAAuBF,EAAEG,QAAQF,EAAEE,MAAM,KACzCD,uBAAuBF,EAAEI,OAAOH,EAAEG,KAAK;AAE3C;ACdO,SAASC,qBAAqBC,WAA4B;AAC/D,SAAKA,YAKHA,UAAUH,OAAOI,KAAKC,KAAAA,MAAWF,UAAUF,MAAMG,KAAKC,KAAAA,KACtDF,UAAUH,OAAOM,WAAWH,UAAUF,MAAMK,SALrC;AAOX;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.39.0",
+  "version": "1.40.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -73,19 +73,19 @@
     "get-random-values-esm": "^1.0.2",
     "lodash": "^4.17.21",
     "lodash.startcase": "^4.4.0",
-    "react-compiler-runtime": "19.0.0-beta-e1e972c-20250221",
+    "react-compiler-runtime": "19.0.0-beta-3229e95-20250315",
     "slate": "0.112.0",
     "slate-dom": "^0.112.2",
     "slate-react": "0.112.1",
     "use-effect-event": "^1.0.2",
     "xstate": "^5.19.2",
-    "@portabletext/block-tools": "1.1.13",
-    "@portabletext/patches": "1.1.3"
+    "@portabletext/patches": "1.1.3",
+    "@portabletext/block-tools": "1.1.13"
   },
   "devDependencies": {
     "@portabletext/toolkit": "^2.0.17",
     "@sanity/diff-match-patch": "^3.2.0",
-    "@sanity/pkg-utils": "^7.0.4",
+    "@sanity/pkg-utils": "^7.1.0",
     "@sanity/schema": "^3.79.0",
     "@sanity/types": "^3.79.0",
     "@testing-library/jest-dom": "^6.6.3",
@@ -95,20 +95,20 @@
     "@types/lodash.startcase": "^4.4.9",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@typescript-eslint/eslint-plugin": "^8.18.1",
-    "@typescript-eslint/parser": "^8.18.1",
+    "@typescript-eslint/eslint-plugin": "^8.26.1",
+    "@typescript-eslint/parser": "^8.26.1",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.8",
     "@vitest/coverage-istanbul": "^3.0.8",
-    "babel-plugin-react-compiler": "19.0.0-beta-bafa41b-20250307",
+    "babel-plugin-react-compiler": "19.0.0-beta-3229e95-20250315",
     "eslint": "8.57.1",
-    "eslint-plugin-react-compiler": "19.0.0-beta-bafa41b-20250307",
+    "eslint-plugin-react-compiler": "19.0.0-beta-3229e95-20250315",
     "eslint-plugin-react-hooks": "experimental",
     "jsdom": "^26.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "rxjs": "^7.8.2",
-    "typescript": "5.7.3",
+    "typescript": "5.8.2",
     "vite": "^6.2.0",
     "vitest": "^3.0.8",
     "vitest-browser-react": "^0.1.1",

package/src/behavior-actions/behavior.action.decorator.add.ts

@@ -49,13 +49,13 @@ export const decoratorAddActionImplementation: BehaviorActionImplementation<
 
   const editorSelection = toPortableTextRange(value, selection, context.schema)
   const anchorOffset = editorSelection
-    ? utils.spanSelectionPointToBlockOffset({
+    ? utils.selectionPointToBlockOffset({
         value,
         selectionPoint: editorSelection.anchor,
       })
     : undefined
   const focusOffset = editorSelection
-    ? utils.spanSelectionPointToBlockOffset({
+    ? utils.selectionPointToBlockOffset({
         value,
         selectionPoint: editorSelection.focus,
       })
@@ -134,6 +134,17 @@ export const decoratorAddActionImplementation: BehaviorActionImplementation<
       )
     }
   } else {
+    const selectedSpan = Array.from(
+      Editor.nodes(editor, {
+        at: selection,
+        match: (node) => editor.isTextSpan(node),
+      }),
+    )?.at(0)
+
+    if (!selectedSpan) {
+      return
+    }
+
     const [block, blockPath] = Editor.node(editor, selection, {
       depth: 1,
     })

package/src/behaviors/behavior.core.block-objects.ts

@@ -8,10 +8,21 @@ const arrowDownOnLonelyBlockObject = defineBehavior({
   on: 'keyboard.keydown',
   guard: ({snapshot, event}) => {
     const isArrowDown = isHotkey('ArrowDown', event.originEvent)
+
+    if (!isArrowDown) {
+      return false
+    }
+
+    const collapsedSelection = selectors.isSelectionCollapsed(snapshot)
+
+    if (!collapsedSelection) {
+      return false
+    }
+
     const focusBlockObject = selectors.getFocusBlockObject(snapshot)
     const nextBlock = selectors.getNextBlock(snapshot)
 
-    return isArrowDown && focusBlockObject && !nextBlock
+    return focusBlockObject && !nextBlock
   },
   actions: [() => [raise({type: 'insert.text block', placement: 'after'})]],
 })
@@ -20,10 +31,21 @@ const arrowUpOnLonelyBlockObject = defineBehavior({
   on: 'keyboard.keydown',
   guard: ({snapshot, event}) => {
     const isArrowUp = isHotkey('ArrowUp', event.originEvent)
+
+    if (!isArrowUp) {
+      return false
+    }
+
+    const collapsedSelection = selectors.isSelectionCollapsed(snapshot)
+
+    if (!collapsedSelection) {
+      return false
+    }
+
     const focusBlockObject = selectors.getFocusBlockObject(snapshot)
     const previousBlock = selectors.getPreviousBlock(snapshot)
 
-    return isArrowUp && focusBlockObject && !previousBlock
+    return focusBlockObject && !previousBlock
   },
   actions: [() => [raise({type: 'insert.text block', placement: 'before'})]],
 })
@@ -42,6 +64,10 @@ const breakingBlockObject = defineBehavior({
 const clickingAboveLonelyBlockObject = defineBehavior({
   on: 'mouse.click',
   guard: ({snapshot, event}) => {
+    if (!selectors.isSelectionCollapsed(snapshot)) {
+      return false
+    }
+
     const focusBlockObject = selectors.getFocusBlockObject(snapshot)
     const previousBlock = selectors.getPreviousBlock(snapshot)
 
@@ -58,6 +84,10 @@ const clickingAboveLonelyBlockObject = defineBehavior({
 const clickingBelowLonelyBlockObject = defineBehavior({
   on: 'mouse.click',
   guard: ({snapshot, event}) => {
+    if (!selectors.isSelectionCollapsed(snapshot)) {
+      return false
+    }
+
     const focusBlockObject = selectors.getFocusBlockObject(snapshot)
     const nextBlock = selectors.getNextBlock(snapshot)
 

package/src/behaviors/behavior.default.ts

@@ -1,4 +1,5 @@
 import * as selectors from '../selectors'
+import {blockOffsetsToSelection} from '../utils'
 import {raiseInsertSoftBreak} from './behavior.default.raise-soft-break'
 import {defineBehavior, raise} from './behavior.types'
 
@@ -37,10 +38,33 @@ const toggleDecoratorOff = defineBehavior({
 
 const toggleDecoratorOn = defineBehavior({
   on: 'decorator.toggle',
-  guard: ({snapshot, event}) =>
-    !selectors.isActiveDecorator(event.decorator)(snapshot),
+  guard: ({snapshot, event}) => {
+    const manualSelection = event.offsets
+      ? blockOffsetsToSelection({
+          value: snapshot.context.value,
+          offsets: event.offsets,
+        })
+      : null
+
+    if (manualSelection) {
+      return !selectors.isActiveDecorator(event.decorator)({
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: manualSelection,
+        },
+      })
+    }
+
+    return !selectors.isActiveDecorator(event.decorator)(snapshot)
+  },
   actions: [
-    ({event}) => [raise({type: 'decorator.add', decorator: event.decorator})],
+    ({event}) => [
+      raise({
+        ...event,
+        type: 'decorator.add',
+      }),
+    ],
   ],
 })
 
@@ -316,24 +340,21 @@ export const defaultBehaviors = [
       })
 
       if (!droppingOnDragOrigin) {
-        return {draggingEntireBlocks, draggedBlocks, dragOrigin}
+        return {
+          draggingEntireBlocks,
+          draggedBlocks,
+          dragOrigin,
+          originEvent: event.originEvent,
+        }
       }
 
       return false
     },
     actions: [
-      ({event}, {draggingEntireBlocks, draggedBlocks, dragOrigin}) => [
-        raise({
-          type: 'insert.blocks',
-          blocks: event.data,
-          placement: draggingEntireBlocks
-            ? event.originEvent.position.block === 'start'
-              ? 'before'
-              : event.originEvent.position.block === 'end'
-                ? 'after'
-                : 'auto'
-            : 'auto',
-        }),
+      (
+        {event},
+        {draggingEntireBlocks, draggedBlocks, dragOrigin, originEvent},
+      ) => [
         ...(draggingEntireBlocks
           ? draggedBlocks.map((block) =>
               raise({
@@ -347,6 +368,17 @@ export const defaultBehaviors = [
                 selection: dragOrigin.selection,
               }),
             ]),
+        raise({
+          type: 'insert.blocks',
+          blocks: event.data,
+          placement: draggingEntireBlocks
+            ? originEvent.position.block === 'start'
+              ? 'before'
+              : originEvent.position.block === 'end'
+                ? 'after'
+                : 'auto'
+            : 'auto',
+        }),
       ],
     ],
   }),
@@ -394,6 +426,17 @@ export const defaultBehaviors = [
       ],
     ],
   }),
+  defineBehavior({
+    on: 'input.*',
+    actions: [
+      ({event}) => [
+        raise({
+          type: 'deserialize',
+          originEvent: event,
+        }),
+      ],
+    ],
+  }),
   toggleAnnotationOff,
   toggleAnnotationOn,
   toggleDecoratorOff,

package/src/behaviors/behavior.types.ts

@@ -68,6 +68,7 @@ export type SyntheticBehaviorEvent =
   | {
       type: 'decorator.toggle'
       decorator: string
+      offsets?: {anchor: BlockOffset; focus: BlockOffset}
     }
   | {
       type: 'delete'
@@ -206,11 +207,13 @@ export type SyntheticBehaviorEvent =
       'type',
       'deserialization.failure' | 'deserialization.success'
     > & {
-      originEvent: PickFromUnion<
-        NativeBehaviorEvent,
-        'type',
-        'drag.drop' | 'clipboard.paste'
-      >
+      originEvent:
+        | PickFromUnion<
+            NativeBehaviorEvent,
+            'type',
+            'drag.drop' | 'clipboard.paste'
+          >
+        | InputBehaviorEvent
     })
   | {
       type: 'serialization.success'
@@ -241,21 +244,21 @@ type ClipboardBehaviorEvent =
       originEvent: {
         dataTransfer: DataTransfer
       }
-      position: EventPosition
+      position: Pick<EventPosition, 'selection'>
     }
   | {
       type: 'clipboard.cut'
       originEvent: {
         dataTransfer: DataTransfer
       }
-      position: EventPosition
+      position: Pick<EventPosition, 'selection'>
     }
   | {
       type: 'clipboard.paste'
       originEvent: {
         dataTransfer: DataTransfer
       }
-      position: EventPosition
+      position: Pick<EventPosition, 'selection'>
     }
 
 export function isClipboardBehaviorEvent(
@@ -270,7 +273,7 @@ type DragBehaviorEvent =
       originEvent: {
         dataTransfer: DataTransfer
       }
-      position: EventPosition
+      position: Pick<EventPosition, 'selection'>
     }
   | {
       type: 'drag.drag'
@@ -318,6 +321,30 @@ export function isDragBehaviorEvent(
   return event.type.startsWith('drag.')
 }
 
+/**
+ * Used to represent native InputEvents that hold a DataTransfer object.
+ *
+ * These can either be one of:
+ *
+ * - insertFromPaste
+ * - insertFromPasteAsQuotation
+ * - insertFromDrop
+ * - insertReplacementText
+ * - insertFromYank
+ */
+export type InputBehaviorEvent = {
+  type: 'input.*'
+  originEvent: {
+    dataTransfer: DataTransfer
+  }
+}
+
+export function isInputBehaviorEvent(
+  event: BehaviorEvent,
+): event is InputBehaviorEvent {
+  return event.type.startsWith('input.')
+}
+
 export type KeyboardBehaviorEvent =
   | {
       type: 'keyboard.keydown'
@@ -343,11 +370,13 @@ export function isKeyboardBehaviorEvent(
 export type DataBehaviorEvent =
   | {
       type: 'deserialize'
-      originEvent: PickFromUnion<
-        NativeBehaviorEvent,
-        'type',
-        'drag.drop' | 'clipboard.paste'
-      >
+      originEvent:
+        | PickFromUnion<
+            NativeBehaviorEvent,
+            'type',
+            'drag.drop' | 'clipboard.paste'
+          >
+        | InputBehaviorEvent
     }
   | {
       type: 'serialize'
@@ -374,9 +403,10 @@ export function isMouseBehaviorEvent(
  */
 export type NativeBehaviorEvent =
   | ClipboardBehaviorEvent
+  | DragBehaviorEvent
+  | InputBehaviorEvent
   | KeyboardBehaviorEvent
   | MouseBehaviorEvent
-  | DragBehaviorEvent
 
 /**
  * @beta
@@ -440,6 +470,7 @@ export type BehaviorEvent =
   | {type: '*'}
   | {type: 'clipboard.*'}
   | {type: 'drag.*'}
+  | {type: 'input.*'}
   | {type: 'keyboard.*'}
   | {type: 'mouse.*'}
 
@@ -455,11 +486,13 @@ export type Behavior<
       ? ClipboardBehaviorEvent
       : TBehaviorEventType extends 'drag.*'
         ? DragBehaviorEvent
-        : TBehaviorEventType extends 'keyboard.*'
-          ? KeyboardBehaviorEvent
-          : TBehaviorEventType extends 'mouse.*'
-            ? MouseBehaviorEvent
-            : PickFromUnion<BehaviorEvent, 'type', TBehaviorEventType>,
+        : TBehaviorEventType extends 'input.*'
+          ? InputBehaviorEvent
+          : TBehaviorEventType extends 'keyboard.*'
+            ? KeyboardBehaviorEvent
+            : TBehaviorEventType extends 'mouse.*'
+              ? MouseBehaviorEvent
+              : PickFromUnion<BehaviorEvent, 'type', TBehaviorEventType>,
 > = {
   /**
    * The internal editor event that triggers this behavior.
@@ -541,11 +574,13 @@ export function defineBehavior<
           ? ClipboardBehaviorEvent
           : TBehaviorEventType extends `drag.*`
             ? DragBehaviorEvent
-            : TBehaviorEventType extends 'keyboard.*'
-              ? KeyboardBehaviorEvent
-              : TBehaviorEventType extends 'mouse.*'
-                ? MouseBehaviorEvent
-                : PickFromUnion<BehaviorEvent, 'type', TBehaviorEventType>
+            : TBehaviorEventType extends 'input.*'
+              ? InputBehaviorEvent
+              : TBehaviorEventType extends 'keyboard.*'
+                ? KeyboardBehaviorEvent
+                : TBehaviorEventType extends 'mouse.*'
+                  ? MouseBehaviorEvent
+                  : PickFromUnion<BehaviorEvent, 'type', TBehaviorEventType>
   >,
 ): Behavior
 export function defineBehavior<
@@ -561,11 +596,13 @@ export function defineBehavior<
         ? ClipboardBehaviorEvent
         : TBehaviorEventType extends `drag.*`
           ? DragBehaviorEvent
-          : TBehaviorEventType extends 'keyboard.*'
-            ? KeyboardBehaviorEvent
-            : TBehaviorEventType extends 'mouse.*'
-              ? MouseBehaviorEvent
-              : PickFromUnion<BehaviorEvent, 'type', TBehaviorEventType>,
+          : TBehaviorEventType extends 'input.*'
+            ? InputBehaviorEvent
+            : TBehaviorEventType extends 'keyboard.*'
+              ? KeyboardBehaviorEvent
+              : TBehaviorEventType extends 'mouse.*'
+                ? MouseBehaviorEvent
+                : PickFromUnion<BehaviorEvent, 'type', TBehaviorEventType>,
 >(
   behavior: Behavior<TBehaviorEventType, TGuardResponse, TBehaviorEvent>,
 ): Behavior {