@portabletext/editor 1.44.1 → 1.44.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.44.1",
+  "version": "1.44.2",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",

package/src/behavior-actions/behavior.actions.ts

@@ -32,8 +32,6 @@ import {insertSpanActionImplementation} from './behavior.action.insert-span'
 import {insertBlockActionImplementation} from './behavior.action.insert.block'
 import {insertTextActionImplementation} from './behavior.action.insert.text'
 import {moveBlockActionImplementation} from './behavior.action.move.block'
-import {moveBlockDownActionImplementation} from './behavior.action.move.block-down'
-import {moveBlockUpActionImplementation} from './behavior.action.move.block-up'
 import {noopActionImplementation} from './behavior.action.noop'
 import {selectActionImplementation} from './behavior.action.select'
 
@@ -83,8 +81,6 @@ const behaviorActionImplementations: BehaviorActionImplementations = {
   'insert.text': insertTextActionImplementation,
   'effect': effectActionImplementation,
   'move.block': moveBlockActionImplementation,
-  'move.block down': moveBlockDownActionImplementation,
-  'move.block up': moveBlockUpActionImplementation,
   'noop': noopActionImplementation,
   'select': selectActionImplementation,
 }
@@ -260,20 +256,6 @@ export function performAction({
       })
       break
     }
-    case 'move.block down': {
-      behaviorActionImplementations['move.block down']({
-        context,
-        action,
-      })
-      break
-    }
-    case 'move.block up': {
-      behaviorActionImplementations['move.block up']({
-        context,
-        action,
-      })
-      break
-    }
     case 'noop': {
       behaviorActionImplementations.noop({
         context,

package/src/behaviors/{behavior.internal.annotation.ts → behavior.abstract.annotation.ts}

@@ -2,7 +2,7 @@ import {isActiveAnnotation} from '../selectors'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
-export const internalAnnotationBehaviors = [
+export const abstractAnnotationBehaviors = [
   defineBehavior({
     on: 'annotation.toggle',
     guard: ({snapshot, event}) =>

package/src/behaviors/{behavior.internal.decorator.ts → behavior.abstract.decorator.ts}

@@ -3,7 +3,7 @@ import {blockOffsetsToSelection} from '../utils'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
-export const internalDecoratorBehaviors = [
+export const abstractDecoratorBehaviors = [
   defineBehavior({
     on: 'decorator.toggle',
     guard: ({snapshot, event}) => isActiveDecorator(event.decorator)(snapshot),

package/src/behaviors/{behavior.internal.insert.ts → behavior.abstract.insert.ts}

@@ -2,7 +2,7 @@ import {getFocusTextBlock} from '../selectors'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
-export const internalInsertBehaviors = [
+export const abstractInsertBehaviors = [
   defineBehavior({
     on: 'insert.blocks',
     guard: ({event}) => event.placement === 'before',

package/src/behaviors/{behavior.internal.list-item.ts → behavior.abstract.list-item.ts}

@@ -2,7 +2,7 @@ import {getSelectedTextBlocks, isActiveListItem} from '../selectors'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
-export const internalListItemBehaviors = [
+export const abstractListItemBehaviors = [
   defineBehavior({
     on: 'list item.add',
     guard: ({snapshot}) => {

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

@@ -0,0 +1,78 @@
+import {getNextBlock, getPreviousBlock} from '../selectors'
+import {raise} from './behavior.types.action'
+import {defineBehavior} from './behavior.types.behavior'
+
+export const abstractMoveBehaviors = [
+  defineBehavior({
+    on: 'move.block up',
+    guard: ({snapshot, event}) => {
+      const previousBlock = getPreviousBlock({
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: {
+            anchor: {
+              path: event.at,
+              offset: 0,
+            },
+            focus: {
+              path: event.at,
+              offset: 0,
+            },
+          },
+        },
+      })
+
+      if (previousBlock) {
+        return {previousBlock}
+      }
+
+      return false
+    },
+    actions: [
+      ({event}, {previousBlock}) => [
+        raise({
+          type: 'move.block',
+          at: event.at,
+          to: previousBlock.path,
+        }),
+      ],
+    ],
+  }),
+  defineBehavior({
+    on: 'move.block down',
+    guard: ({snapshot, event}) => {
+      const nextBlock = getNextBlock({
+        ...snapshot,
+        context: {
+          ...snapshot.context,
+          selection: {
+            anchor: {
+              path: event.at,
+              offset: 0,
+            },
+            focus: {
+              path: event.at,
+              offset: 0,
+            },
+          },
+        },
+      })
+
+      if (nextBlock) {
+        return {nextBlock}
+      }
+
+      return false
+    },
+    actions: [
+      ({event}, {nextBlock}) => [
+        raise({
+          type: 'move.block',
+          at: event.at,
+          to: nextBlock.path,
+        }),
+      ],
+    ],
+  }),
+]

package/src/behaviors/{behavior.internal.select.ts → behavior.abstract.select.ts}

@@ -3,7 +3,7 @@ import {getBlockEndPoint, getBlockStartPoint} from '../utils'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
-export const internalSelectBehaviors = [
+export const abstractSelectBehaviors = [
   defineBehavior({
     on: 'select.previous block',
     guard: ({snapshot, event}) => {

package/src/behaviors/{behavior.internal.style.ts → behavior.abstract.style.ts}

@@ -2,7 +2,7 @@ import {getSelectedTextBlocks, isActiveStyle} from '../selectors'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
-export const internalStyleBehaviors = [
+export const abstractStyleBehaviors = [
   defineBehavior({
     on: 'style.add',
     guard: ({snapshot}) => {

package/src/behaviors/behavior.code-editor.ts

@@ -1,5 +1,6 @@
 import {isHotkey} from '../internal-utils/is-hotkey'
 import * as selectors from '../selectors'
+import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
 /**
@@ -35,10 +36,12 @@ export function createCodeEditorBehaviors(config: CodeEditorBehaviorsConfig) {
       },
       actions: [
         (_, {paths}) =>
-          paths.map((at) => ({
-            type: 'move.block up',
-            at,
-          })),
+          paths.map((at) =>
+            raise({
+              type: 'move.block up',
+              at,
+            }),
+          ),
       ],
     }),
     defineBehavior({
@@ -62,10 +65,12 @@ export function createCodeEditorBehaviors(config: CodeEditorBehaviorsConfig) {
       },
       actions: [
         (_, {paths}) =>
-          paths.map((at) => ({
-            type: 'move.block down',
-            at,
-          })),
+          paths.map((at) =>
+            raise({
+              type: 'move.block down',
+              at,
+            }),
+          ),
       ],
     }),
   ]

package/src/behaviors/behavior.default.ts

@@ -1,13 +1,14 @@
 import {isTextBlock} from '../internal-utils/parse-blocks'
 import * as selectors from '../selectors'
 import {getTextBlockText} from '../utils'
+import {abstractAnnotationBehaviors} from './behavior.abstract.annotation'
+import {abstractDecoratorBehaviors} from './behavior.abstract.decorator'
+import {abstractInsertBehaviors} from './behavior.abstract.insert'
+import {abstractListItemBehaviors} from './behavior.abstract.list-item'
+import {abstractMoveBehaviors} from './behavior.abstract.move'
+import {abstractSelectBehaviors} from './behavior.abstract.select'
+import {abstractStyleBehaviors} from './behavior.abstract.style'
 import {raiseInsertSoftBreak} from './behavior.default.raise-soft-break'
-import {internalAnnotationBehaviors} from './behavior.internal.annotation'
-import {internalDecoratorBehaviors} from './behavior.internal.decorator'
-import {internalInsertBehaviors} from './behavior.internal.insert'
-import {internalListItemBehaviors} from './behavior.internal.list-item'
-import {internalSelectBehaviors} from './behavior.internal.select'
-import {internalStyleBehaviors} from './behavior.internal.style'
 import {raise} from './behavior.types.action'
 import {defineBehavior} from './behavior.types.behavior'
 
@@ -442,12 +443,13 @@ export const defaultBehaviors = [
       ],
     ],
   }),
-  ...internalAnnotationBehaviors,
-  ...internalDecoratorBehaviors,
-  ...internalInsertBehaviors,
-  ...internalListItemBehaviors,
-  ...internalStyleBehaviors,
-  ...internalSelectBehaviors,
+  ...abstractAnnotationBehaviors,
+  ...abstractDecoratorBehaviors,
+  ...abstractInsertBehaviors,
+  ...abstractListItemBehaviors,
+  ...abstractMoveBehaviors,
+  ...abstractStyleBehaviors,
+  ...abstractSelectBehaviors,
   raiseDeserializationSuccessOrFailure,
   raiseSerializationSuccessOrFailure,
   raiseInsertSoftBreak,

package/src/behaviors/behavior.perform-event.ts

@@ -10,8 +10,8 @@ import {debugWithName} from '../internal-utils/debug'
 import type {PortableTextSlateEditor} from '../types/editor'
 import type {InternalBehaviorAction} from './behavior.types.action'
 import {
+  isAbstractBehaviorEvent,
   isCustomBehaviorEvent,
-  isInternalBehaviorEvent,
   isNativeBehaviorEvent,
 } from './behavior.types.event'
 
@@ -20,8 +20,8 @@ const debug = debugWithName('behaviors:event')
 function eventCategory(event: BehaviorEvent) {
   return isNativeBehaviorEvent(event)
     ? 'native'
-    : isInternalBehaviorEvent(event)
-      ? 'internal'
+    : isAbstractBehaviorEvent(event)
+      ? 'abstract'
       : isCustomBehaviorEvent(event)
         ? 'custom'
         : 'synthetic'
@@ -55,7 +55,7 @@ export function performEvent({
   const defaultAction =
     isCustomBehaviorEvent(event) ||
     isNativeBehaviorEvent(event) ||
-    isInternalBehaviorEvent(event)
+    isAbstractBehaviorEvent(event)
       ? undefined
       : ({
           ...event,

package/src/behaviors/behavior.types.action.ts

@@ -2,8 +2,8 @@ import type {EditorContext, EditorSnapshot} from '../editor/editor-snapshot'
 import type {OmitFromUnion, PickFromUnion} from '../type-utils'
 import type {PortableTextSlateEditor} from '../types/editor'
 import type {
+  AbstractBehaviorEvent,
   CustomBehaviorEvent,
-  InternalBehaviorEvent,
   SyntheticBehaviorEvent,
 } from './behavior.types.event'
 
@@ -15,7 +15,7 @@ export type BehaviorAction =
   | {
       type: 'raise'
       event:
-        | InternalBehaviorEvent
+        | AbstractBehaviorEvent
         | SyntheticBehaviorEvent
         | CustomBehaviorEvent
     }
@@ -31,7 +31,7 @@ export type BehaviorAction =
  * @beta
  */
 export function raise(
-  event: InternalBehaviorEvent | SyntheticBehaviorEvent | CustomBehaviorEvent,
+  event: AbstractBehaviorEvent | SyntheticBehaviorEvent | CustomBehaviorEvent,
 ): PickFromUnion<BehaviorAction, 'type', 'raise'> {
   return {type: 'raise', event}
 }

package/src/behaviors/behavior.types.behavior.ts

@@ -23,17 +23,18 @@ export type Behavior<
     ResolveBehaviorEvent<TBehaviorEventType> = ResolveBehaviorEvent<TBehaviorEventType>,
 > = {
   /**
-   * The internal editor event that triggers this behavior.
+   * Editor Event that triggers this Behavior.
    */
   on: TBehaviorEventType
   /**
-   * Predicate function that determines if the behavior should be executed.
+   * Predicate function that determines if the Behavior should be executed.
    * Returning a non-nullable value from the guard will pass the value to the
    * actions and execute them.
    */
   guard?: BehaviorGuard<TBehaviorEvent, TGuardResponse>
   /**
-   * Array of behavior action sets.
+   * Array of Behavior Action sets.
+   * Each set represents a step in the history stack.
    */
   actions: Array<BehaviorActionSet<TBehaviorEvent, TGuardResponse>>
 }