@portabletext/editor 2.2.0 → 2.3.0

package/lib/plugins/index.d.cts

@@ -1,5 +1,5 @@
 import { Behavior, Editor, EditorEmittedEvent, EditorSchema } from "../_chunks-dts/behavior.types.action.cjs";
-import * as react21 from "react";
+import * as react22 from "react";
 import React from "react";
 /**
  * @beta
@@ -181,7 +181,7 @@ type MarkdownPluginConfig = MarkdownBehaviorsConfig & {
  */
 declare function MarkdownPlugin(props: {
   config: MarkdownPluginConfig;
-}): react21.JSX.Element;
+}): react22.JSX.Element;
 /**
  * @beta
  * Restrict the editor to one line. The plugin takes care of blocking
@@ -192,5 +192,5 @@ declare function MarkdownPlugin(props: {
  *
  * @deprecated Install the plugin from `@portabletext/plugin-one-line`
  */
-declare function OneLinePlugin(): react21.JSX.Element;
+declare function OneLinePlugin(): react22.JSX.Element;
 export { BehaviorPlugin, DecoratorShortcutPlugin, EditorRefPlugin, EventListenerPlugin, MarkdownPlugin, type MarkdownPluginConfig, OneLinePlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -80,8 +80,8 @@
     "slate-react": "0.117.4",
     "xstate": "^5.20.2",
     "@portabletext/block-tools": "2.0.8",
-    "@portabletext/keyboard-shortcuts": "1.1.1",
-    "@portabletext/patches": "1.1.6"
+    "@portabletext/patches": "1.1.6",
+    "@portabletext/keyboard-shortcuts": "1.1.1"
   },
   "devDependencies": {
     "@portabletext/toolkit": "^2.0.17",

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

@@ -1,4 +1,4 @@
-import {isSpan} from '../internal-utils/parse-blocks'
+import {isSpan, isTextBlock} from '../internal-utils/parse-blocks'
 import * as selectors from '../selectors'
 import * as utils from '../utils'
 import {raise} from './behavior.types.action'
@@ -25,6 +25,57 @@ export const abstractDeleteBehaviors = [
       ],
     ],
   }),
+  defineBehavior({
+    on: 'delete',
+    guard: ({snapshot, event}) => {
+      if (event.direction !== 'backward') {
+        return false
+      }
+
+      const previousBlock = selectors.getPreviousBlock(snapshot)
+      const focusTextBlock = selectors.getFocusTextBlock(snapshot)
+
+      if (!previousBlock || !focusTextBlock) {
+        return false
+      }
+
+      if (!selectors.isAtTheStartOfBlock(focusTextBlock)(snapshot)) {
+        return false
+      }
+
+      const previousBlockEndPoint = utils.getBlockEndPoint({
+        context: snapshot.context,
+        block: previousBlock,
+      })
+
+      if (!isTextBlock(snapshot.context, previousBlock.node)) {
+        return false
+      }
+
+      return {previousBlockEndPoint, focusTextBlock}
+    },
+    actions: [
+      (_, {previousBlockEndPoint, focusTextBlock}) => [
+        raise({
+          type: 'delete.block',
+          at: focusTextBlock.path,
+        }),
+        raise({
+          type: 'select',
+          at: {
+            anchor: previousBlockEndPoint,
+            focus: previousBlockEndPoint,
+          },
+        }),
+        raise({
+          type: 'insert.block',
+          block: focusTextBlock.node,
+          placement: 'auto',
+          select: 'start',
+        }),
+      ],
+    ],
+  }),
   defineBehavior({
     on: 'delete.forward',
     guard: ({snapshot}) => {
@@ -45,6 +96,45 @@ export const abstractDeleteBehaviors = [
       ],
     ],
   }),
+  defineBehavior({
+    on: 'delete',
+    guard: ({snapshot, event}) => {
+      if (event.direction !== 'forward') {
+        return false
+      }
+
+      const nextBlock = selectors.getNextBlock(snapshot)
+      const focusTextBlock = selectors.getFocusTextBlock(snapshot)
+
+      if (!nextBlock || !focusTextBlock) {
+        return false
+      }
+
+      if (!selectors.isAtTheEndOfBlock(focusTextBlock)(snapshot)) {
+        return false
+      }
+
+      if (!isTextBlock(snapshot.context, nextBlock.node)) {
+        return false
+      }
+
+      return {nextBlock}
+    },
+    actions: [
+      (_, {nextBlock}) => [
+        raise({
+          type: 'delete.block',
+          at: nextBlock.path,
+        }),
+        raise({
+          type: 'insert.block',
+          block: nextBlock.node,
+          placement: 'auto',
+          select: 'none',
+        }),
+      ],
+    ],
+  }),
   defineBehavior({
     on: 'delete.block',
     actions: [