@portabletext/editor 1.50.8 → 1.52.0

package/lib/utils/index.js

@@ -1,14 +1,25 @@
-import { sliceBlocks, isSpan } from "../_chunks-es/util.slice-blocks.js";
-import { blockOffsetToSpanSelectionPoint, getBlockStartPoint, getTextBlockText, isKeyedSegment, reverseSelection, spanSelectionPointToBlockOffset } from "../_chunks-es/util.slice-blocks.js";
+import { sliceBlocks, isSpan } from "../_chunks-es/selection-point.js";
+import { blockOffsetToSpanSelectionPoint, getBlockStartPoint, getSelectionEndPoint, getSelectionStartPoint, getTextBlockText, isKeyedSegment, spanSelectionPointToBlockOffset } from "../_chunks-es/selection-point.js";
 import { blockOffsetToBlockSelectionPoint, blockOffsetToSelectionPoint, blockOffsetsToSelection, childSelectionPointToBlockOffset } from "../_chunks-es/util.child-selection-point-to-block-offset.js";
 import { isEqualSelectionPoints } from "../_chunks-es/util.is-equal-selection-points.js";
 import { getBlockEndPoint, isEmptyTextBlock } from "../_chunks-es/util.is-equal-selection-points.js";
-import { getSelectionEndPoint, getSelectionStartPoint, isSelectionCollapsed, selectionPointToBlockOffset } from "../_chunks-es/util.selection-point-to-block-offset.js";
+import { isSelectionCollapsed, selectionPointToBlockOffset } from "../_chunks-es/util.selection-point-to-block-offset.js";
 import { isTextBlock } from "../_chunks-es/util.merge-text-blocks.js";
 import { mergeTextBlocks } from "../_chunks-es/util.merge-text-blocks.js";
 function isEqualSelections(a, b) {
   return !a && !b ? !0 : !a || !b ? !1 : isEqualSelectionPoints(a.anchor, b.anchor) && isEqualSelectionPoints(a.focus, b.focus);
 }
+function reverseSelection(selection) {
+  return selection && (selection.backward ? {
+    anchor: selection.focus,
+    focus: selection.anchor,
+    backward: !1
+  } : {
+    anchor: selection.focus,
+    focus: selection.anchor,
+    backward: !0
+  });
+}
 function splitTextBlock({
   context,
   block,

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/util.is-equal-selections.ts","../../src/utils/util.split-text-block.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 {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    context: {\n      schema: context.schema,\n      selection: {\n        anchor: {\n          path: [{_key: block._key}, 'children', {_key: firstChild._key}],\n          offset: 0,\n        },\n        focus: point,\n      },\n    },\n    blocks: [block],\n  }).at(0)\n  const after = sliceBlocks({\n    context: {\n      schema: context.schema,\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    },\n    blocks: [block],\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":["isEqualSelections","a","b","isEqualSelectionPoints","anchor","focus","splitTextBlock","context","block","point","firstChild","children","at","lastChild","length","before","sliceBlocks","schema","selection","path","_key","offset","blocks","after","isSpan","text","isTextBlock"],"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;ACTO,SAASC,eAAe;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAKF,GAA8E;AAC5E,QAAMC,aAAaF,MAAMG,SAASC,GAAG,CAAC,GAChCC,YAAYL,MAAMG,SAASC,GAAGJ,MAAMG,SAASG,SAAS,CAAC;AAEzD,MAAA,CAACJ,cAAc,CAACG;AAClB;AAGF,QAAME,SAASC,YAAY;AAAA,IACzBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBC,WAAW;AAAA,QACTd,QAAQ;AAAA,UACNe,MAAM,CAAC;AAAA,YAACC,MAAMZ,MAAMY;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMV,WAAWU;AAAAA,UAAAA,CAAK;AAAA,UAC9DC,QAAQ;AAAA,QACV;AAAA,QACAhB,OAAOI;AAAAA,MAAAA;AAAAA,IAEX;AAAA,IACAa,QAAQ,CAACd,KAAK;AAAA,EACf,CAAA,EAAEI,GAAG,CAAC,GACDW,QAAQP,YAAY;AAAA,IACxBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBC,WAAW;AAAA,QACTd,QAAQK;AAAAA,QACRJ,OAAO;AAAA,UACLc,MAAM,CAAC;AAAA,YAACC,MAAMZ,MAAMY;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMP,UAAUO;AAAAA,UAAAA,CAAK;AAAA,UAC7DC,QAAQG,OAAOjB,SAASM,SAAS,IAAIA,UAAUY,KAAKX,SAAS;AAAA,QAAA;AAAA,MAC/D;AAAA,IAEJ;AAAA,IACAQ,QAAQ,CAACd,KAAK;AAAA,EAAA,CACf,EAAEI,GAAG,CAAC;AAEP,MAAI,EAACG,CAAAA,UAAU,CAACQ,UAIZ,EAACG,CAAAA,YAAYnB,SAASQ,MAAM,KAAK,CAACW,YAAYnB,SAASgB,KAAK;AAIzD,WAAA;AAAA,MAACR;AAAAA,MAAQQ;AAAAA,IAAK;AACvB;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/util.is-equal-selections.ts","../../src/utils/util.reverse-selection.ts","../../src/utils/util.split-text-block.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 reverseSelection<\n  TEditorSelection extends NonNullable<EditorSelection> | null,\n>(selection: TEditorSelection): TEditorSelection {\n  if (!selection) {\n    return selection\n  }\n\n  if (selection.backward) {\n    return {\n      anchor: selection.focus,\n      focus: selection.anchor,\n      backward: false,\n    } as TEditorSelection\n  }\n\n  return {\n    anchor: selection.focus,\n    focus: selection.anchor,\n    backward: true,\n  } as TEditorSelection\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    context: {\n      schema: context.schema,\n      selection: {\n        anchor: {\n          path: [{_key: block._key}, 'children', {_key: firstChild._key}],\n          offset: 0,\n        },\n        focus: point,\n      },\n    },\n    blocks: [block],\n  }).at(0)\n  const after = sliceBlocks({\n    context: {\n      schema: context.schema,\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    },\n    blocks: [block],\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":["isEqualSelections","a","b","isEqualSelectionPoints","anchor","focus","reverseSelection","selection","backward","splitTextBlock","context","block","point","firstChild","children","at","lastChild","length","before","sliceBlocks","schema","path","_key","offset","blocks","after","isSpan","text","isTextBlock"],"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,iBAEdC,WAA+C;AAC1CA,SAAAA,cAIDA,UAAUC,WACL;AAAA,IACLJ,QAAQG,UAAUF;AAAAA,IAClBA,OAAOE,UAAUH;AAAAA,IACjBI,UAAU;AAAA,EAAA,IAIP;AAAA,IACLJ,QAAQG,UAAUF;AAAAA,IAClBA,OAAOE,UAAUH;AAAAA,IACjBI,UAAU;AAAA,EAAA;AAEd;ACfO,SAASC,eAAe;AAAA,EAC7BC;AAAAA,EACAC;AAAAA,EACAC;AAKF,GAA8E;AAC5E,QAAMC,aAAaF,MAAMG,SAASC,GAAG,CAAC,GAChCC,YAAYL,MAAMG,SAASC,GAAGJ,MAAMG,SAASG,SAAS,CAAC;AAEzD,MAAA,CAACJ,cAAc,CAACG;AAClB;AAGF,QAAME,SAASC,YAAY;AAAA,IACzBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBb,WAAW;AAAA,QACTH,QAAQ;AAAA,UACNiB,MAAM,CAAC;AAAA,YAACC,MAAMX,MAAMW;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMT,WAAWS;AAAAA,UAAAA,CAAK;AAAA,UAC9DC,QAAQ;AAAA,QACV;AAAA,QACAlB,OAAOO;AAAAA,MAAAA;AAAAA,IAEX;AAAA,IACAY,QAAQ,CAACb,KAAK;AAAA,EACf,CAAA,EAAEI,GAAG,CAAC,GACDU,QAAQN,YAAY;AAAA,IACxBT,SAAS;AAAA,MACPU,QAAQV,QAAQU;AAAAA,MAChBb,WAAW;AAAA,QACTH,QAAQQ;AAAAA,QACRP,OAAO;AAAA,UACLgB,MAAM,CAAC;AAAA,YAACC,MAAMX,MAAMW;AAAAA,aAAO,YAAY;AAAA,YAACA,MAAMN,UAAUM;AAAAA,UAAAA,CAAK;AAAA,UAC7DC,QAAQG,OAAOhB,SAASM,SAAS,IAAIA,UAAUW,KAAKV,SAAS;AAAA,QAAA;AAAA,MAC/D;AAAA,IAEJ;AAAA,IACAO,QAAQ,CAACb,KAAK;AAAA,EAAA,CACf,EAAEI,GAAG,CAAC;AAEP,MAAI,EAACG,CAAAA,UAAU,CAACO,UAIZ,EAACG,CAAAA,YAAYlB,SAASQ,MAAM,KAAK,CAACU,YAAYlB,SAASe,KAAK;AAIzD,WAAA;AAAA,MAACP;AAAAA,MAAQO;AAAAA,IAAK;AACvB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.50.8",
+  "version": "1.52.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -68,27 +68,27 @@
   ],
   "dependencies": {
     "@portabletext/to-html": "^2.0.14",
-    "@xstate/react": "^5.0.4",
+    "@xstate/react": "^5.0.5",
     "debug": "^4.4.1",
     "get-random-values-esm": "^1.0.2",
     "immer": "^10.1.1",
     "lodash": "^4.17.21",
     "lodash.startcase": "^4.4.0",
     "react-compiler-runtime": "19.1.0-rc.1",
-    "slate": "0.114.0",
+    "slate": "0.115.1",
     "slate-dom": "^0.114.0",
     "slate-react": "0.114.2",
-    "use-effect-event": "^1.0.2",
-    "xstate": "^5.19.3",
-    "@portabletext/patches": "1.1.4",
-    "@portabletext/block-tools": "1.1.28"
+    "use-effect-event": "^2.0.0",
+    "xstate": "^5.19.4",
+    "@portabletext/block-tools": "1.1.29",
+    "@portabletext/patches": "1.1.4"
   },
   "devDependencies": {
     "@portabletext/toolkit": "^2.0.17",
     "@sanity/diff-match-patch": "^3.2.0",
     "@sanity/pkg-utils": "^7.2.3",
-    "@sanity/schema": "^3.90.0",
-    "@sanity/types": "^3.90.0",
+    "@sanity/schema": "^3.91.0",
+    "@sanity/types": "^3.91.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/debug": "^4.1.12",
@@ -99,8 +99,8 @@
     "@typescript-eslint/eslint-plugin": "^8.33.0",
     "@typescript-eslint/parser": "^8.33.0",
     "@vitejs/plugin-react": "^4.4.1",
-    "@vitest/browser": "^3.1.4",
-    "@vitest/coverage-istanbul": "^3.1.4",
+    "@vitest/browser": "^3.2.1",
+    "@vitest/coverage-istanbul": "^3.2.1",
     "babel-plugin-react-compiler": "19.1.0-rc.1",
     "eslint": "8.57.1",
     "eslint-plugin-react-hooks": "0.0.0-experimental-f9ae0a4c-20250527",
@@ -110,13 +110,13 @@
     "rxjs": "^7.8.2",
     "typescript": "5.8.3",
     "vite": "^6.2.5",
-    "vitest": "^3.1.4",
+    "vitest": "^3.2.1",
     "vitest-browser-react": "^0.2.0",
     "racejar": "1.2.5"
   },
   "peerDependencies": {
-    "@sanity/schema": "^3.90.0",
-    "@sanity/types": "^3.90.0",
+    "@sanity/schema": "^3.91.0",
+    "@sanity/types": "^3.91.0",
     "react": "^16.9 || ^17 || ^18 || ^19",
     "rxjs": "^7.8.2"
   },

package/src/behaviors/behavior.abstract.delete.ts

@@ -80,8 +80,6 @@ export const abstractDeleteBehaviors = [
         beta: {
           activeAnnotations: [],
           activeDecorators: [],
-          hasTag: () => false,
-          internalDrag: undefined,
         },
         context: {
           converters: [],

package/src/behaviors/behavior.abstract.insert.ts

@@ -14,7 +14,7 @@ export const abstractInsertBehaviors = [
             type: 'insert.block',
             block,
             placement: index === 0 ? 'before' : 'after',
-            select: 'end',
+            select: event.select ?? 'end',
           }),
         ),
     ],
@@ -29,7 +29,7 @@ export const abstractInsertBehaviors = [
             type: 'insert.block',
             block,
             placement: 'after',
-            select: 'end',
+            select: event.select ?? 'end',
           }),
         ),
     ],
@@ -57,7 +57,7 @@ export const abstractInsertBehaviors = [
                 type: 'insert.block',
                 block: event.blocks[0],
                 placement: 'auto',
-                select: 'end',
+                select: event.select ?? 'end',
               }),
             ]
           : isEmptyTextBlock(snapshot.context, focusTextBlock.node)
@@ -66,7 +66,7 @@ export const abstractInsertBehaviors = [
                   type: 'insert.block',
                   block,
                   placement: index === 0 ? 'auto' : 'after',
-                  select: 'end',
+                  select: event.select ?? 'end',
                 }),
               )
             : event.blocks.flatMap((block, index) =>
@@ -83,7 +83,7 @@ export const abstractInsertBehaviors = [
                         type: 'insert.block',
                         block,
                         placement: 'auto',
-                        select: 'end',
+                        select: event.select ?? 'end',
                       }),
                     ]
                   : index === event.blocks.length - 1
@@ -96,7 +96,7 @@ export const abstractInsertBehaviors = [
                           type: 'insert.block',
                           block,
                           placement: 'auto',
-                          select: 'end',
+                          select: event.select ?? 'end',
                         }),
                       ]
                     : [
@@ -104,7 +104,7 @@ export const abstractInsertBehaviors = [
                           type: 'insert.block',
                           block,
                           placement: 'after',
-                          select: 'end',
+                          select: event.select ?? 'end',
                         }),
                       ],
               ),
@@ -120,7 +120,7 @@ export const abstractInsertBehaviors = [
             type: 'insert.block',
             block,
             placement: index === 0 ? 'auto' : 'after',
-            select: 'end',
+            select: event.select ?? 'end',
           }),
         ),
     ],

package/src/behaviors/behavior.abstract.ts

@@ -198,120 +198,7 @@ export const abstractBehaviors = [
       ],
     ],
   }),
-  defineBehavior({
-    on: 'drag.drop',
-    guard: ({snapshot, event}) => {
-      const dragOrigin = snapshot.beta.internalDrag?.origin
-      const dropPosition = event.position.selection
-      const droppingOnDragOrigin = dragOrigin
-        ? selectors.isOverlappingSelection(dropPosition)({
-            ...snapshot,
-            context: {
-              ...snapshot.context,
-              selection: dragOrigin.selection,
-            },
-          })
-        : false
-      return droppingOnDragOrigin
-    },
-    actions: [],
-  }),
-  defineBehavior({
-    on: 'drag.drop',
-    actions: [
-      ({event}) => [
-        raise({
-          type: 'select',
-          at: event.position.selection,
-        }),
-        raise({
-          type: 'deserialize',
-          originEvent: event,
-        }),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'deserialization.success',
-    guard: ({snapshot, event}) => {
-      if (
-        event.originEvent.type !== 'drag.drop' ||
-        snapshot.beta.internalDrag === undefined
-      ) {
-        return false
-      }
 
-      const dragOrigin = snapshot.beta.internalDrag.origin
-      const dropPosition = event.originEvent.position.selection
-      const droppingOnDragOrigin = dragOrigin
-        ? selectors.isOverlappingSelection(dropPosition)({
-            ...snapshot,
-            context: {
-              ...snapshot.context,
-              selection: dragOrigin.selection,
-            },
-          })
-        : false
-
-      const draggingEntireBlocks = selectors.isSelectingEntireBlocks({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: dragOrigin.selection,
-        },
-      })
-
-      const draggedBlocks = selectors.getSelectedBlocks({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: dragOrigin.selection,
-        },
-      })
-
-      if (!droppingOnDragOrigin) {
-        return {
-          draggingEntireBlocks,
-          draggedBlocks,
-          dragOrigin,
-          originEvent: event.originEvent,
-        }
-      }
-
-      return false
-    },
-    actions: [
-      (
-        {event},
-        {draggingEntireBlocks, draggedBlocks, dragOrigin, originEvent},
-      ) => [
-        ...(draggingEntireBlocks
-          ? draggedBlocks.map((block) =>
-              raise({
-                type: 'delete.block',
-                at: block.path,
-              }),
-            )
-          : [
-              raise({
-                type: 'delete',
-                at: dragOrigin.selection,
-              }),
-            ]),
-        raise({
-          type: 'insert.blocks',
-          blocks: event.data,
-          placement: draggingEntireBlocks
-            ? originEvent.position.block === 'start'
-              ? 'before'
-              : originEvent.position.block === 'end'
-                ? 'after'
-                : 'auto'
-            : 'auto',
-        }),
-      ],
-    ],
-  }),
   /**
    * If we are pasting text/plain into a text block then we can probably
    * assume that the intended behavior is that the pasted text inherits

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

@@ -1,3 +1,4 @@
+import {getDragSelection} from '../internal-utils/drag-selection'
 import type {EventPositionBlock} from '../internal-utils/event-position'
 import {corePriority} from '../priority/priority.core'
 import {createEditorPriority} from '../priority/priority.types'
@@ -31,17 +32,22 @@ export function createCoreBlockElementBehaviorsConfig({
             return false
           }
 
-          const dragOrigin = snapshot.beta.internalDrag?.origin
+          const dragOrigin = event.dragOrigin
 
           if (!dragOrigin) {
             return false
           }
 
+          const dragSelection = getDragSelection({
+            eventSelection: dragOrigin.selection,
+            snapshot,
+          })
+
           const draggedBlocks = selectors.getSelectedBlocks({
             ...snapshot,
             context: {
               ...snapshot.context,
-              selection: dragOrigin.selection,
+              selection: dragSelection,
             },
           })
 
@@ -55,7 +61,7 @@ export function createCoreBlockElementBehaviorsConfig({
             ...snapshot,
             context: {
               ...snapshot.context,
-              selection: dragOrigin.selection,
+              selection: dragSelection,
             },
           })