@portabletext/editor 1.24.0 → 1.26.0

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

@@ -28,6 +28,8 @@ import {KEY_TO_VALUE_ELEMENT} from '../internal-utils/weakMaps'
 import type {PickFromUnion} from '../type-utils'
 import {blockOffsetToSpanSelectionPoint} from '../utils/util.block-offset'
 import {insertBlock} from './behavior.action-utils.insert-block'
+import {blockSetBehaviorActionImplementation} from './behavior.action.block.set'
+import {blockUnsetBehaviorActionImplementation} from './behavior.action.block.unset'
 import {dataTransferSetActionImplementation} from './behavior.action.data-transfer-set'
 import {insertBlockObjectActionImplementation} from './behavior.action.insert-block-object'
 import {insertBlocksActionImplementation} from './behavior.action.insert-blocks'
@@ -37,6 +39,7 @@ import {
 } from './behavior.action.insert-break'
 import {insertInlineObjectActionImplementation} from './behavior.action.insert-inline-object'
 import {insertSpanActionImplementation} from './behavior.action.insert-span'
+import {insertBlockActionImplementation} from './behavior.action.insert.block'
 import {
   addListItemActionImplementation,
   removeListItemActionImplementation,
@@ -74,6 +77,8 @@ const behaviorActionImplementations: BehaviorActionImplementations = {
   'annotation.add': addAnnotationActionImplementation,
   'annotation.remove': removeAnnotationActionImplementation,
   'annotation.toggle': toggleAnnotationActionImplementation,
+  'block.set': blockSetBehaviorActionImplementation,
+  'block.unset': blockUnsetBehaviorActionImplementation,
   'blur': ({action}) => {
     ReactEditor.blur(action.editor)
   },
@@ -161,6 +166,7 @@ const behaviorActionImplementations: BehaviorActionImplementations = {
       },
     })
   },
+  'insert.block': insertBlockActionImplementation,
   'insert.blocks': insertBlocksActionImplementation,
   'insert.block object': insertBlockObjectActionImplementation,
   'insert.break': insertBreakActionImplementation,
@@ -308,309 +314,323 @@ export function performAction({
   action: BehaviorAction
 }) {
   switch (action.type) {
-    case 'annotation.toggle': {
-      behaviorActionImplementations['annotation.toggle']({
+    case 'noop': {
+      behaviorActionImplementations.noop({
         context,
         action,
       })
       break
     }
-    case 'decorator.add': {
-      behaviorActionImplementations['decorator.add']({
+    case 'effect': {
+      behaviorActionImplementations.effect({
         context,
         action,
       })
       break
     }
-    case 'decorator.remove': {
-      behaviorActionImplementations['decorator.remove']({
+    default: {
+      performDefaultAction({context, action})
+    }
+  }
+}
+
+function performDefaultAction({
+  context,
+  action,
+}: {
+  context: BehaviorActionImplementationContext
+  action: PickFromUnion<BehaviorAction, 'type', SyntheticBehaviorEvent['type']>
+}) {
+  switch (action.type) {
+    case 'annotation.add': {
+      behaviorActionImplementations['annotation.add']({
         context,
         action,
       })
       break
     }
-    case 'delete.block': {
-      behaviorActionImplementations['delete.block']({
+    case 'annotation.remove': {
+      behaviorActionImplementations['annotation.remove']({
         context,
         action,
       })
       break
     }
-    case 'delete.text': {
-      behaviorActionImplementations['delete.text']({
+    case 'annotation.toggle': {
+      behaviorActionImplementations['annotation.toggle']({
         context,
         action,
       })
       break
     }
-    case 'insert.span': {
-      behaviorActionImplementations['insert.span']({
+    case 'block.set': {
+      behaviorActionImplementations['block.set']({
         context,
         action,
       })
       break
     }
-    case 'insert.text block': {
-      behaviorActionImplementations['insert.text block']({
+    case 'block.unset': {
+      behaviorActionImplementations['block.unset']({
         context,
         action,
       })
       break
     }
-    case 'list item.add': {
-      behaviorActionImplementations['list item.add']({
+    case 'blur': {
+      behaviorActionImplementations.blur({
         context,
         action,
       })
       break
     }
-    case 'list item.remove': {
-      behaviorActionImplementations['list item.remove']({
+    case 'data transfer.set': {
+      behaviorActionImplementations['data transfer.set']({
         context,
         action,
       })
       break
     }
-    case 'move.block': {
-      behaviorActionImplementations['move.block']({
+    case 'decorator.add': {
+      behaviorActionImplementations['decorator.add']({
         context,
         action,
       })
       break
     }
-    case 'move.block down': {
-      behaviorActionImplementations['move.block down']({
+    case 'decorator.remove': {
+      behaviorActionImplementations['decorator.remove']({
         context,
         action,
       })
       break
     }
-    case 'move.block up': {
-      behaviorActionImplementations['move.block up']({
+    case 'decorator.toggle': {
+      behaviorActionImplementations['decorator.toggle']({
         context,
         action,
       })
       break
     }
-    case 'noop': {
-      behaviorActionImplementations.noop({
+    case 'delete.backward': {
+      behaviorActionImplementations['delete.backward']({
         context,
         action,
       })
       break
     }
-    case 'effect': {
-      behaviorActionImplementations.effect({
+    case 'delete.block': {
+      behaviorActionImplementations['delete.block']({
         context,
         action,
       })
       break
     }
-    case 'select': {
-      behaviorActionImplementations.select({
+    case 'delete.forward': {
+      behaviorActionImplementations['delete.forward']({
         context,
         action,
       })
       break
     }
-    case 'select.previous block': {
-      behaviorActionImplementations['select.previous block']({
+    case 'delete.text': {
+      behaviorActionImplementations['delete.text']({
         context,
         action,
       })
       break
     }
-    case 'select.next block': {
-      behaviorActionImplementations['select.next block']({
+    case 'deserialization.failure': {
+      behaviorActionImplementations['deserialization.failure']({
         context,
         action,
       })
       break
     }
-    case 'style.add': {
-      behaviorActionImplementations['style.add']({
+    case 'deserialization.success': {
+      behaviorActionImplementations['deserialization.success']({
         context,
         action,
       })
       break
     }
-    case 'style.remove': {
-      behaviorActionImplementations['style.remove']({
+    case 'focus': {
+      behaviorActionImplementations.focus({
         context,
         action,
       })
       break
     }
-    case 'text block.set': {
-      behaviorActionImplementations['text block.set']({
+    case 'insert.block': {
+      behaviorActionImplementations['insert.block']({
         context,
         action,
       })
       break
     }
-    case 'text block.unset': {
-      behaviorActionImplementations['text block.unset']({
+    case 'insert.blocks': {
+      behaviorActionImplementations['insert.blocks']({
         context,
         action,
       })
       break
     }
-    default: {
-      performDefaultAction({context, action})
+    case 'insert.block object': {
+      behaviorActionImplementations['insert.block object']({
+        context,
+        action,
+      })
+      break
     }
-  }
-}
-
-function performDefaultAction({
-  context,
-  action,
-}: {
-  context: BehaviorActionImplementationContext
-  action: PickFromUnion<BehaviorAction, 'type', SyntheticBehaviorEvent['type']>
-}) {
-  switch (action.type) {
-    case 'annotation.add': {
-      behaviorActionImplementations['annotation.add']({
+    case 'insert.inline object': {
+      behaviorActionImplementations['insert.inline object']({
         context,
         action,
       })
       break
     }
-    case 'annotation.remove': {
-      behaviorActionImplementations['annotation.remove']({
+    case 'insert.break': {
+      behaviorActionImplementations['insert.break']({
         context,
         action,
       })
       break
     }
-    case 'blur': {
-      behaviorActionImplementations.blur({
+    case 'insert.soft break': {
+      behaviorActionImplementations['insert.soft break']({
         context,
         action,
       })
       break
     }
-    case 'data transfer.set': {
-      behaviorActionImplementations['data transfer.set']({
+    case 'insert.span': {
+      behaviorActionImplementations['insert.span']({
         context,
         action,
       })
       break
     }
-    case 'decorator.toggle': {
-      behaviorActionImplementations['decorator.toggle']({
+    case 'insert.text': {
+      behaviorActionImplementations['insert.text']({
         context,
         action,
       })
       break
     }
-    case 'delete.backward': {
-      behaviorActionImplementations['delete.backward']({
+    case 'insert.text block': {
+      behaviorActionImplementations['insert.text block']({
         context,
         action,
       })
       break
     }
-    case 'delete.forward': {
-      behaviorActionImplementations['delete.forward']({
+    case 'list item.add': {
+      behaviorActionImplementations['list item.add']({
         context,
         action,
       })
       break
     }
-    case 'deserialization.failure': {
-      behaviorActionImplementations['deserialization.failure']({
+    case 'list item.remove': {
+      behaviorActionImplementations['list item.remove']({
         context,
         action,
       })
       break
     }
-    case 'deserialization.success': {
-      behaviorActionImplementations['deserialization.success']({
+    case 'list item.toggle': {
+      behaviorActionImplementations['list item.toggle']({
         context,
         action,
       })
       break
     }
-    case 'focus': {
-      behaviorActionImplementations.focus({
+    case 'move.block': {
+      behaviorActionImplementations['move.block']({
         context,
         action,
       })
       break
     }
-    case 'insert.blocks': {
-      behaviorActionImplementations['insert.blocks']({
+    case 'move.block down': {
+      behaviorActionImplementations['move.block down']({
         context,
         action,
       })
       break
     }
-    case 'insert.block object': {
-      behaviorActionImplementations['insert.block object']({
+    case 'move.block up': {
+      behaviorActionImplementations['move.block up']({
         context,
         action,
       })
       break
     }
-    case 'insert.inline object': {
-      behaviorActionImplementations['insert.inline object']({
+    case 'select': {
+      behaviorActionImplementations.select({
         context,
         action,
       })
       break
     }
-    case 'insert.break': {
-      behaviorActionImplementations['insert.break']({
+    case 'select.previous block': {
+      behaviorActionImplementations['select.previous block']({
         context,
         action,
       })
       break
     }
-    case 'insert.soft break': {
-      behaviorActionImplementations['insert.soft break']({
+    case 'select.next block': {
+      behaviorActionImplementations['select.next block']({
         context,
         action,
       })
       break
     }
-    case 'insert.text': {
-      behaviorActionImplementations['insert.text']({
+    case 'serialization.failure': {
+      behaviorActionImplementations['serialization.failure']({
         context,
         action,
       })
       break
     }
-    case 'list item.toggle': {
-      behaviorActionImplementations['list item.toggle']({
+    case 'serialization.success': {
+      behaviorActionImplementations['serialization.success']({
         context,
         action,
       })
       break
     }
-    case 'select': {
-      behaviorActionImplementations.select({
+    case 'style.add': {
+      behaviorActionImplementations['style.add']({
         context,
         action,
       })
       break
     }
-    case 'serialization.failure': {
-      behaviorActionImplementations['serialization.failure']({
+    case 'style.remove': {
+      behaviorActionImplementations['style.remove']({
         context,
         action,
       })
       break
     }
-    case 'serialization.success': {
-      behaviorActionImplementations['serialization.success']({
+    case 'style.toggle': {
+      behaviorActionImplementations['style.toggle']({
+        context,
+        action,
+      })
+      break
+    }
+    case 'text block.set': {
+      behaviorActionImplementations['text block.set']({
         context,
         action,
       })
       break
     }
     default: {
-      behaviorActionImplementations['style.toggle']({
+      behaviorActionImplementations['text block.unset']({
         context,
         action,
       })

package/src/behaviors/behavior.core.annotations.ts

@@ -0,0 +1,29 @@
+import * as selectors from '../selectors'
+import {defineBehavior, raise} from './behavior.types'
+
+const toggleAnnotationOff = defineBehavior({
+  on: 'annotation.toggle',
+  guard: ({context, event}) =>
+    selectors.isActiveAnnotation(event.annotation.name)({context}),
+  actions: [
+    ({event}) => [
+      raise({type: 'annotation.remove', annotation: event.annotation}),
+    ],
+  ],
+})
+
+const toggleAnnotationOn = defineBehavior({
+  on: 'annotation.toggle',
+  guard: ({context, event}) =>
+    !selectors.isActiveAnnotation(event.annotation.name)({context}),
+  actions: [
+    ({event}) => [
+      raise({type: 'annotation.add', annotation: event.annotation}),
+    ],
+  ],
+})
+
+export const coreAnnotationBehaviors = {
+  toggleAnnotationOff,
+  toggleAnnotationOn,
+}

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

@@ -2,7 +2,7 @@ import {isPortableTextTextBlock} from '@sanity/types'
 import {isHotkey} from '../internal-utils/is-hotkey'
 import * as selectors from '../selectors'
 import {isEmptyTextBlock} from '../utils/util.is-empty-text-block'
-import {defineBehavior} from './behavior.types'
+import {defineBehavior, raise} from './behavior.types'
 
 const arrowDownOnLonelyBlockObject = defineBehavior({
   on: 'key.down',
@@ -13,7 +13,7 @@ const arrowDownOnLonelyBlockObject = defineBehavior({
 
     return isArrowDown && focusBlockObject && !nextBlock
   },
-  actions: [() => [{type: 'insert.text block', placement: 'after'}]],
+  actions: [() => [raise({type: 'insert.text block', placement: 'after'})]],
 })
 
 const arrowUpOnLonelyBlockObject = defineBehavior({
@@ -27,8 +27,8 @@ const arrowUpOnLonelyBlockObject = defineBehavior({
   },
   actions: [
     () => [
-      {type: 'insert.text block', placement: 'before'},
-      {type: 'select.previous block'},
+      raise({type: 'insert.text block', placement: 'before'}),
+      raise({type: 'select.previous block'}),
     ],
   ],
 })
@@ -41,7 +41,7 @@ const breakingBlockObject = defineBehavior({
 
     return collapsedSelection && focusBlockObject !== undefined
   },
-  actions: [() => [{type: 'insert.text block', placement: 'after'}]],
+  actions: [() => [raise({type: 'insert.text block', placement: 'after'})]],
 })
 
 const deletingEmptyTextBlockAfterBlockObject = defineBehavior({
@@ -66,17 +66,17 @@ const deletingEmptyTextBlockAfterBlockObject = defineBehavior({
   },
   actions: [
     (_, {focusTextBlock, previousBlock}) => [
-      {
+      raise({
         type: 'delete.block',
         blockPath: focusTextBlock.path,
-      },
-      {
+      }),
+      raise({
         type: 'select',
         selection: {
           anchor: {path: previousBlock.path, offset: 0},
           focus: {path: previousBlock.path, offset: 0},
         },
-      },
+      }),
     ],
   ],
 })
@@ -103,17 +103,17 @@ const deletingEmptyTextBlockBeforeBlockObject = defineBehavior({
   },
   actions: [
     (_, {focusTextBlock, nextBlock}) => [
-      {
+      raise({
         type: 'delete.block',
         blockPath: focusTextBlock.path,
-      },
-      {
+      }),
+      raise({
         type: 'select',
         selection: {
           anchor: {path: nextBlock.path, offset: 0},
           focus: {path: nextBlock.path, offset: 0},
         },
-      },
+      }),
     ],
   ],
 })

package/src/behaviors/behavior.core.decorators.ts

@@ -1,7 +1,26 @@
 import {isHotkey} from '../internal-utils/is-hotkey'
+import * as selectors from '../selectors'
 import {defineBehavior, raise} from './behavior.types'
 
 export const coreDecoratorBehaviors = {
+  toggleDecoratorOff: defineBehavior({
+    on: 'decorator.toggle',
+    guard: ({context, event}) =>
+      selectors.isActiveDecorator(event.decorator)({context}),
+    actions: [
+      ({event}) => [
+        raise({type: 'decorator.remove', decorator: event.decorator}),
+      ],
+    ],
+  }),
+  toggleDecoratorOn: defineBehavior({
+    on: 'decorator.toggle',
+    guard: ({context, event}) =>
+      !selectors.isActiveDecorator(event.decorator)({context}),
+    actions: [
+      ({event}) => [raise({type: 'decorator.add', decorator: event.decorator})],
+    ],
+  }),
   strongShortcut: defineBehavior({
     on: 'key.down',
     guard: ({context, event}) =>