@portabletext/editor 3.3.2 → 3.3.4

package/lib/_chunks-dts/index.d.ts

@@ -2926,6 +2926,12 @@ type BlockOffset = {
   path: BlockPath;
   offset: number;
 };
+declare global {
+  type DOMNode = typeof globalThis.Node;
+  type DOMRange = typeof globalThis.Range;
+  type DOMSelection = typeof globalThis.Selection;
+  type DOMStaticRange = typeof globalThis.StaticRange;
+}
 type TextBlockWithOptionalKey = Omit<PortableTextTextBlock$1, '_key'> & {
   _key?: PortableTextTextBlock$1['_key'];
 };
@@ -3299,7 +3305,7 @@ declare const editorMachine: xstate228.StateMachine<{
     }, xstate228.AnyEventObject>;
   }) => {
     behaviors: Set<{
-      behavior: Behavior<"*" | "split" | `custom.${string}` | "annotation.add" | "annotation.remove" | "block.set" | "block.unset" | "child.set" | "child.unset" | "decorator.add" | "decorator.remove" | "delete" | "history.redo" | "history.undo" | "insert.block" | "insert.child" | "insert.text" | "move.backward" | "move.block" | "move.forward" | "select" | "annotation.set" | "annotation.toggle" | "decorator.toggle" | "delete.backward" | "delete.block" | "delete.child" | "delete.forward" | "delete.text" | "deserialize" | "deserialize.data" | "deserialization.success" | "deserialization.failure" | "insert.blocks" | "insert.break" | "insert.inline object" | "insert.soft break" | "insert.span" | "list item.add" | "list item.remove" | "list item.toggle" | "move.block down" | "move.block up" | "select.block" | "select.previous block" | "select.next block" | "serialize" | "serialize.data" | "serialization.success" | "serialization.failure" | "style.add" | "style.remove" | "style.toggle" | "clipboard.copy" | "clipboard.cut" | "clipboard.paste" | "drag.dragstart" | "drag.drag" | "drag.dragend" | "drag.dragenter" | "drag.dragover" | "drag.dragleave" | "drag.drop" | "input.*" | "keyboard.keydown" | "keyboard.keyup" | "mouse.click" | "history.*" | "split.*" | "delete.*" | "select.*" | "deserialize.*" | "serialize.*" | "annotation.*" | "block.*" | "child.*" | "decorator.*" | "insert.*" | "move.*" | "deserialization.*" | "list item.*" | "serialization.*" | "style.*" | "clipboard.*" | "drag.*" | "keyboard.*" | "mouse.*", true, {
+      behavior: Behavior<"*" | "split" | `custom.${string}` | "annotation.add" | "annotation.remove" | "block.set" | "block.unset" | "child.set" | "child.unset" | "decorator.add" | "decorator.remove" | "delete" | "history.redo" | "history.undo" | "insert.block" | "insert.child" | "insert.text" | "move.backward" | "move.block" | "move.forward" | "select" | "annotation.set" | "annotation.toggle" | "decorator.toggle" | "delete.backward" | "delete.block" | "delete.child" | "delete.forward" | "delete.text" | "deserialize" | "deserialize.data" | "deserialization.success" | "deserialization.failure" | "insert.blocks" | "insert.break" | "insert.inline object" | "insert.soft break" | "insert.span" | "list item.add" | "list item.remove" | "list item.toggle" | "move.block down" | "move.block up" | "select.block" | "select.previous block" | "select.next block" | "serialize" | "serialize.data" | "serialization.success" | "serialization.failure" | "style.add" | "style.remove" | "style.toggle" | "clipboard.copy" | "clipboard.cut" | "clipboard.paste" | "drag.dragstart" | "drag.drag" | "drag.dragend" | "drag.dragenter" | "drag.dragover" | "drag.dragleave" | "drag.drop" | "input.*" | "keyboard.keydown" | "keyboard.keyup" | "mouse.click" | "style.*" | "history.*" | "split.*" | "delete.*" | "select.*" | "deserialize.*" | "serialize.*" | "annotation.*" | "block.*" | "child.*" | "decorator.*" | "insert.*" | "move.*" | "deserialization.*" | "list item.*" | "serialization.*" | "clipboard.*" | "drag.*" | "keyboard.*" | "mouse.*", true, {
         type: StrictExtract<"split" | "annotation.add" | "annotation.remove" | "block.set" | "block.unset" | "child.set" | "child.unset" | "decorator.add" | "decorator.remove" | "delete" | "history.redo" | "history.undo" | "insert.block" | "insert.child" | "insert.text" | "move.backward" | "move.block" | "move.forward" | "select" | "annotation.set" | "annotation.toggle" | "decorator.toggle" | "delete.backward" | "delete.block" | "delete.child" | "delete.forward" | "delete.text" | "deserialize" | "deserialize.data" | "deserialization.success" | "deserialization.failure" | "insert.blocks" | "insert.break" | "insert.inline object" | "insert.soft break" | "insert.span" | "list item.add" | "list item.remove" | "list item.toggle" | "move.block down" | "move.block up" | "select.block" | "select.previous block" | "select.next block" | "serialize" | "serialize.data" | "serialization.success" | "serialization.failure" | "style.add" | "style.remove" | "style.toggle", "annotation.add">;
         annotation: {
           name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -58,28 +58,27 @@
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",
   "files": [
-    "lib",
-    "src"
+    "lib"
   ],
   "dependencies": {
     "@portabletext/to-html": "^4.0.1",
+    "@sanity/schema": "^4.20.3",
+    "@sanity/types": "^4.20.3",
     "@xstate/react": "^6.0.0",
     "debug": "^4.4.3",
     "lodash": "^4.17.21",
     "lodash.startcase": "^4.4.0",
-    "react-compiler-runtime": "1.0.0",
+    "react-compiler-runtime": "^1.0.0",
     "xstate": "^5.24.0",
-    "@portabletext/block-tools": "^4.1.7",
-    "@portabletext/keyboard-shortcuts": "^2.1.0",
-    "@portabletext/markdown": "^1.0.3",
-    "@portabletext/patches": "^2.0.0",
-    "@portabletext/schema": "^2.0.0"
+    "@portabletext/block-tools": "^4.1.9",
+    "@portabletext/keyboard-shortcuts": "^2.1.1",
+    "@portabletext/markdown": "^1.0.4",
+    "@portabletext/patches": "^2.0.1",
+    "@portabletext/schema": "^2.0.1"
   },
   "devDependencies": {
     "@sanity/diff-match-patch": "^3.2.0",
     "@sanity/pkg-utils": "^10.1.1",
-    "@sanity/schema": "^4.20.3",
-    "@sanity/types": "^4.20.3",
     "@types/debug": "^4.1.12",
     "@types/lodash": "^4.17.20",
     "@types/lodash.startcase": "^4.4.9",
@@ -90,10 +89,10 @@
     "@vitest/browser": "^4.0.14",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-istanbul": "^4.0.14",
-    "babel-plugin-react-compiler": "1.0.0",
+    "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^9.39.1",
     "eslint-formatter-gha": "^1.6.0",
-    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "jsdom": "^27.0.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
@@ -106,14 +105,12 @@
     "vite": "^7.1.12",
     "vitest": "^4.0.14",
     "vitest-browser-react": "^2.0.2",
-    "@portabletext/sanity-bridge": "1.2.10",
-    "@portabletext/test": "^1.0.0",
-    "racejar": "2.0.0"
+    "@portabletext/sanity-bridge": "1.2.12",
+    "@portabletext/test": "^1.0.2",
+    "racejar": "2.0.1"
   },
   "peerDependencies": {
-    "@portabletext/sanity-bridge": "^1.2.10",
-    "@sanity/schema": "^4.20.3",
-    "@sanity/types": "^4.20.3",
+    "@portabletext/sanity-bridge": "^1.2.12",
     "react": "^18.3 || ^19",
     "rxjs": "^7.8.2"
   },

package/src/behaviors/_exports/index.ts

@@ -1 +0,0 @@
-export * from '../index'

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

@@ -1,77 +0,0 @@
-import {getFocusTextBlock} from '../selectors/selector.get-focus-text-block'
-import {isActiveAnnotation} from '../selectors/selector.is-active-annotation'
-import {raise} from './behavior.types.action'
-import {defineBehavior} from './behavior.types.behavior'
-
-export const abstractAnnotationBehaviors = [
-  defineBehavior({
-    on: 'annotation.set',
-    guard: ({snapshot, event}) => {
-      const blockKey = event.at[0]._key
-      const markDefKey = event.at[2]._key
-
-      const block = getFocusTextBlock({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: {
-            anchor: {
-              path: [{_key: blockKey}],
-              offset: 0,
-            },
-            focus: {
-              path: [{_key: blockKey}],
-              offset: 0,
-            },
-          },
-        },
-      })
-
-      if (!block) {
-        return false
-      }
-
-      const updatedMarkDefs = block.node.markDefs?.map((markDef) => {
-        if (markDef._key === markDefKey) {
-          return {
-            ...markDef,
-            ...event.props,
-          }
-        }
-
-        return markDef
-      })
-
-      return {blockKey, updatedMarkDefs}
-    },
-    actions: [
-      (_, {blockKey, updatedMarkDefs}) => [
-        raise({
-          type: 'block.set',
-          at: [{_key: blockKey}],
-          props: {markDefs: updatedMarkDefs},
-        }),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'annotation.toggle',
-    guard: ({snapshot, event}) =>
-      isActiveAnnotation(event.annotation.name)(snapshot),
-    actions: [
-      ({event}) => [
-        raise({type: 'annotation.remove', annotation: event.annotation}),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'annotation.toggle',
-    guard: ({snapshot, event}) =>
-      !isActiveAnnotation(event.annotation.name)(snapshot),
-    actions: [
-      ({event}) => [
-        raise({type: 'annotation.add', annotation: event.annotation}),
-      ],
-    ],
-  }),
-]

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

@@ -1,39 +0,0 @@
-import {isActiveDecorator} from '../selectors/selector.is-active-decorator'
-import {raise} from './behavior.types.action'
-import {defineBehavior} from './behavior.types.behavior'
-
-export const abstractDecoratorBehaviors = [
-  defineBehavior({
-    on: 'decorator.toggle',
-    guard: ({snapshot, event}) => isActiveDecorator(event.decorator)(snapshot),
-    actions: [
-      ({event}) => [
-        raise({type: 'decorator.remove', decorator: event.decorator}),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'decorator.toggle',
-    guard: ({snapshot, event}) => {
-      if (event.at) {
-        return !isActiveDecorator(event.decorator)({
-          ...snapshot,
-          context: {
-            ...snapshot.context,
-            selection: event.at,
-          },
-        })
-      }
-
-      return !isActiveDecorator(event.decorator)(snapshot)
-    },
-    actions: [
-      ({event}) => [
-        raise({
-          ...event,
-          type: 'decorator.add',
-        }),
-      ],
-    ],
-  }),
-]

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

@@ -1,273 +0,0 @@
-import {isSpan, isTextBlock} from '@portabletext/schema'
-import {getFocusChild} from '../selectors/selector.get-focus-child'
-import {getFocusTextBlock} from '../selectors/selector.get-focus-text-block'
-import {getNextBlock} from '../selectors/selector.get-next-block'
-import {getPreviousBlock} from '../selectors/selector.get-previous-block'
-import {isAtTheEndOfBlock} from '../selectors/selector.is-at-the-end-of-block'
-import {isAtTheStartOfBlock} from '../selectors/selector.is-at-the-start-of-block'
-import {getBlockEndPoint} from '../utils/util.get-block-end-point'
-import {getBlockStartPoint} from '../utils/util.get-block-start-point'
-import {isEmptyTextBlock} from '../utils/util.is-empty-text-block'
-import {raise} from './behavior.types.action'
-import {defineBehavior} from './behavior.types.behavior'
-
-export const abstractDeleteBehaviors = [
-  defineBehavior({
-    on: 'delete.backward',
-    guard: ({snapshot}) => {
-      return snapshot.context.selection
-    },
-    actions: [
-      ({event}) => [
-        raise({
-          type: 'delete',
-          direction: 'backward',
-          unit: event.unit,
-        }),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'delete',
-    guard: ({snapshot, event}) => {
-      if (event.direction !== 'backward') {
-        return false
-      }
-
-      const previousBlock = getPreviousBlock(snapshot)
-      const focusTextBlock = getFocusTextBlock(snapshot)
-
-      if (!previousBlock || !focusTextBlock) {
-        return false
-      }
-
-      if (!isAtTheStartOfBlock(focusTextBlock)(snapshot)) {
-        return false
-      }
-
-      const previousBlockEndPoint = 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}) => {
-      return snapshot.context.selection
-    },
-    actions: [
-      ({event}) => [
-        raise({
-          type: 'delete',
-          direction: 'forward',
-          unit: event.unit,
-        }),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'delete',
-    guard: ({snapshot, event}) => {
-      if (event.direction !== 'forward') {
-        return false
-      }
-
-      const at = event.at ?? snapshot.context.selection
-
-      if (!at) {
-        return false
-      }
-
-      const nextBlock = getNextBlock({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: at,
-        },
-      })
-      const focusTextBlock = getFocusTextBlock({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: at,
-        },
-      })
-
-      if (!nextBlock || !focusTextBlock) {
-        return false
-      }
-
-      if (!isEmptyTextBlock(snapshot.context, focusTextBlock.node)) {
-        return false
-      }
-
-      const nextBlockStartPoint = getBlockStartPoint({
-        context: snapshot.context,
-        block: nextBlock,
-      })
-
-      return {focusTextBlock, nextBlockStartPoint}
-    },
-    actions: [
-      (_, {focusTextBlock, nextBlockStartPoint}) => [
-        raise({
-          type: 'delete.block',
-          at: focusTextBlock.path,
-        }),
-        raise({
-          type: 'select',
-          at: {
-            anchor: nextBlockStartPoint,
-            focus: nextBlockStartPoint,
-          },
-        }),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'delete',
-    guard: ({snapshot, event}) => {
-      if (event.direction !== 'forward') {
-        return false
-      }
-
-      const nextBlock = getNextBlock(snapshot)
-      const focusTextBlock = getFocusTextBlock(snapshot)
-
-      if (!nextBlock || !focusTextBlock) {
-        return false
-      }
-
-      if (!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: [
-      ({event}) => [
-        raise({
-          type: 'delete',
-          at: {
-            anchor: {
-              path: event.at,
-              offset: 0,
-            },
-            focus: {
-              path: event.at,
-              offset: 0,
-            },
-          },
-          unit: 'block',
-        }),
-      ],
-    ],
-  }),
-  defineBehavior({
-    on: 'delete.child',
-    guard: ({snapshot, event}) => {
-      const focusChild = getFocusChild({
-        ...snapshot,
-        context: {
-          ...snapshot.context,
-          selection: {
-            anchor: {
-              path: event.at,
-              offset: 0,
-            },
-            focus: {
-              path: event.at,
-              offset: 0,
-            },
-          },
-        },
-      })
-
-      if (!focusChild) {
-        return false
-      }
-
-      if (isSpan(snapshot.context, focusChild.node)) {
-        return {
-          selection: {
-            anchor: {
-              path: event.at,
-              offset: 0,
-            },
-            focus: {
-              path: event.at,
-              offset: focusChild.node.text.length,
-            },
-          },
-        }
-      }
-
-      return {
-        selection: {
-          anchor: {
-            path: event.at,
-            offset: 0,
-          },
-          focus: {
-            path: event.at,
-            offset: 0,
-          },
-        },
-      }
-    },
-    actions: [(_, {selection}) => [raise({type: 'delete', at: selection})]],
-  }),
-  defineBehavior({
-    on: 'delete.text',
-    actions: [({event}) => [raise({...event, type: 'delete'})]],
-  }),
-]