@portabletext/editor 1.24.0 → 1.26.0

package/lib/_chunks-es/behavior.core.js

@@ -1,7 +1,50 @@
+import { isActiveAnnotation, getFocusBlockObject, getNextBlock, getPreviousBlock, isSelectionCollapsed, getFocusTextBlock, isActiveDecorator, isAtTheEndOfBlock, getFocusSpan, isAtTheStartOfBlock, isActiveListItem, getFocusListBlock, getSelectedBlocks, createGuards, isActiveStyle } from "./selector.is-at-the-start-of-block.js";
 import { isPortableTextTextBlock } from "@sanity/types";
-import { getFocusBlockObject, getNextBlock, getPreviousBlock, isSelectionCollapsed, getFocusTextBlock, getFocusSpan, getFocusListBlock, getSelectedBlocks, createGuards } from "./selector.is-selection-collapsed.js";
 import { isEmptyTextBlock } from "./util.is-empty-text-block.js";
-const IS_MAC = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent), modifiers = {
+function isCustomBehaviorEvent(event) {
+  return event.type.startsWith("custom.");
+}
+function raise(event) {
+  return {
+    type: "raise",
+    event
+  };
+}
+function defineBehavior(behavior) {
+  return behavior;
+}
+const toggleAnnotationOff = {
+  on: "annotation.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveAnnotation(event.annotation.name)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}, toggleAnnotationOn = {
+  on: "annotation.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveAnnotation(event.annotation.name)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.add",
+    annotation: event.annotation
+  })]]
+}, coreAnnotationBehaviors = {
+  toggleAnnotationOff,
+  toggleAnnotationOn
+}, IS_MAC = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent), modifiers = {
   alt: "altKey",
   control: "ctrlKey",
   meta: "metaKey",
@@ -113,18 +156,6 @@ function toKeyName(name) {
   const keyName = name.toLowerCase();
   return aliases[keyName] ?? keyName;
 }
-function isCustomBehaviorEvent(event) {
-  return event.type.startsWith("custom.");
-}
-function raise(event) {
-  return {
-    type: "raise",
-    event
-  };
-}
-function defineBehavior(behavior) {
-  return behavior;
-}
 const arrowDownOnLonelyBlockObject = {
   on: "key.down",
   guard: ({
@@ -138,10 +169,10 @@ const arrowDownOnLonelyBlockObject = {
     });
     return isArrowDown && focusBlockObject && !nextBlock;
   },
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text block",
     placement: "after"
-  }]]
+  })]]
 }, arrowUpOnLonelyBlockObject = {
   on: "key.down",
   guard: ({
@@ -155,12 +186,12 @@ const arrowDownOnLonelyBlockObject = {
     });
     return isArrowUp && focusBlockObject && !previousBlock;
   },
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text block",
     placement: "before"
-  }, {
+  }), raise({
     type: "select.previous block"
-  }]]
+  })]]
 }, breakingBlockObject = {
   on: "insert.break",
   guard: ({
@@ -173,10 +204,10 @@ const arrowDownOnLonelyBlockObject = {
       context
     }) && focusBlockObject !== void 0;
   },
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text block",
     placement: "after"
-  }]]
+  })]]
 }, deletingEmptyTextBlockAfterBlockObject = {
   on: "delete.backward",
   guard: ({
@@ -197,10 +228,10 @@ const arrowDownOnLonelyBlockObject = {
   actions: [(_, {
     focusTextBlock,
     previousBlock
-  }) => [{
+  }) => [raise({
     type: "delete.block",
     blockPath: focusTextBlock.path
-  }, {
+  }), raise({
     type: "select",
     selection: {
       anchor: {
@@ -212,7 +243,7 @@ const arrowDownOnLonelyBlockObject = {
         offset: 0
       }
     }
-  }]]
+  })]]
 }, deletingEmptyTextBlockBeforeBlockObject = {
   on: "delete.forward",
   guard: ({
@@ -233,10 +264,10 @@ const arrowDownOnLonelyBlockObject = {
   actions: [(_, {
     focusTextBlock,
     nextBlock
-  }) => [{
+  }) => [raise({
     type: "delete.block",
     blockPath: focusTextBlock.path
-  }, {
+  }), raise({
     type: "select",
     selection: {
       anchor: {
@@ -248,7 +279,7 @@ const arrowDownOnLonelyBlockObject = {
         offset: 0
       }
     }
-  }]]
+  })]]
 }, coreBlockObjectBehaviors = {
   arrowDownOnLonelyBlockObject,
   arrowUpOnLonelyBlockObject,
@@ -256,6 +287,36 @@ const arrowDownOnLonelyBlockObject = {
   deletingEmptyTextBlockAfterBlockObject,
   deletingEmptyTextBlockBeforeBlockObject
 }, coreDecoratorBehaviors = {
+  toggleDecoratorOff: {
+    on: "decorator.toggle",
+    guard: ({
+      context,
+      event
+    }) => isActiveDecorator(event.decorator)({
+      context
+    }),
+    actions: [({
+      event
+    }) => [raise({
+      type: "decorator.remove",
+      decorator: event.decorator
+    })]]
+  },
+  toggleDecoratorOn: {
+    on: "decorator.toggle",
+    guard: ({
+      context,
+      event
+    }) => !isActiveDecorator(event.decorator)({
+      context
+    }),
+    actions: [({
+      event
+    }) => [raise({
+      type: "decorator.add",
+      decorator: event.decorator
+    })]]
+  },
   strongShortcut: {
     on: "key.down",
     guard: ({
@@ -328,7 +389,129 @@ const arrowDownOnLonelyBlockObject = {
     ...deserializeEvent,
     dataTransfer: event.dataTransfer
   })]]
-}, MAX_LIST_LEVEL = 10, clearListOnBackspace = {
+}, atTheEndOfTextBlock = {
+  on: "insert.break",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock({
+      context
+    }), selectionCollapsed = isSelectionCollapsed({
+      context
+    });
+    if (!context.selection || !focusTextBlock || !selectionCollapsed)
+      return !1;
+    const atTheEndOfBlock = isAtTheEndOfBlock(focusTextBlock)({
+      context
+    }), focusListItem = focusTextBlock.node.listItem, focusLevel = focusTextBlock.node.level;
+    return atTheEndOfBlock ? {
+      focusListItem,
+      focusLevel
+    } : !1;
+  },
+  actions: [({
+    context
+  }, {
+    focusListItem,
+    focusLevel
+  }) => [raise({
+    type: "insert.block",
+    block: {
+      _type: context.schema.block.name,
+      _key: context.keyGenerator(),
+      children: [{
+        _key: context.keyGenerator(),
+        _type: context.schema.span.name,
+        text: "",
+        marks: []
+      }],
+      markDefs: [],
+      listItem: focusListItem,
+      level: focusLevel,
+      style: context.schema.styles[0]?.value
+    },
+    placement: "after"
+  })]]
+}, atTheStartOfTextBlock = {
+  on: "insert.break",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = getFocusTextBlock({
+      context
+    }), selectionCollapsed = isSelectionCollapsed({
+      context
+    });
+    if (!context.selection || !focusTextBlock || !selectionCollapsed)
+      return !1;
+    const focusSpan = getFocusSpan({
+      context
+    }), focusDecorators = focusSpan?.node.marks?.filter((mark) => context.schema.decorators.some((decorator) => decorator.value === mark) ?? []), focusAnnotations = focusSpan?.node.marks?.filter((mark) => !context.schema.decorators.some((decorator) => decorator.value === mark)) ?? [], focusListItem = focusTextBlock.node.listItem, focusLevel = focusTextBlock.node.level;
+    return isAtTheStartOfBlock(focusTextBlock)({
+      context
+    }) ? {
+      focusAnnotations,
+      focusDecorators,
+      focusListItem,
+      focusLevel
+    } : !1;
+  },
+  actions: [({
+    context
+  }, {
+    focusAnnotations,
+    focusDecorators,
+    focusListItem,
+    focusLevel
+  }) => [raise({
+    type: "insert.block",
+    block: {
+      _key: context.keyGenerator(),
+      _type: context.schema.block.name,
+      children: [{
+        _key: context.keyGenerator(),
+        _type: context.schema.span.name,
+        marks: focusAnnotations.length === 0 ? focusDecorators : [],
+        text: ""
+      }],
+      listItem: focusListItem,
+      level: focusLevel,
+      style: context.schema.styles[0]?.value
+    },
+    placement: "before"
+  })]]
+}, coreInsertBreakBehaviors = {
+  atTheEndOfTextBlock,
+  atTheStartOfTextBlock
+}, MAX_LIST_LEVEL = 10, toggleListItemOff = {
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.remove",
+    listItem: event.listItem
+  })]]
+}, toggleListItemOn = {
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.add",
+    listItem: event.listItem
+  })]]
+}, clearListOnBackspace = {
   on: "delete.backward",
   guard: ({
     context
@@ -346,11 +529,11 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     focusTextBlock
-  }) => [{
+  }) => [raise({
     type: "text block.unset",
     props: ["listItem", "level"],
     at: focusTextBlock.path
-  }]]
+  })]]
 }, unindentListOnBackspace = {
   on: "delete.backward",
   guard: ({
@@ -371,11 +554,11 @@ const arrowDownOnLonelyBlockObject = {
   actions: [(_, {
     focusTextBlock,
     level
-  }) => [{
+  }) => [raise({
     type: "text block.set",
     level,
     at: focusTextBlock.path
-  }]]
+  })]]
 }, clearListOnEnter = {
   on: "insert.break",
   guard: ({
@@ -392,11 +575,11 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     focusListBlock
-  }) => [{
+  }) => [raise({
     type: "text block.unset",
     props: ["listItem", "level"],
     at: focusListBlock.path
-  }]]
+  })]]
 }, indentListOnTab = {
   on: "key.down",
   guard: ({
@@ -417,7 +600,7 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     selectedListBlocks
-  }) => selectedListBlocks.map((selectedListBlock) => ({
+  }) => selectedListBlocks.map((selectedListBlock) => raise({
     type: "text block.set",
     level: Math.min(MAX_LIST_LEVEL, Math.max(1, selectedListBlock.node.level + 1)),
     at: selectedListBlock.path
@@ -442,12 +625,14 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     selectedListBlocks
-  }) => selectedListBlocks.map((selectedListBlock) => ({
+  }) => selectedListBlocks.map((selectedListBlock) => raise({
     type: "text block.set",
     level: Math.min(MAX_LIST_LEVEL, Math.max(1, selectedListBlock.node.level - 1)),
     at: selectedListBlock.path
   }))]
 }, coreListBehaviors = {
+  toggleListItemOff,
+  toggleListItemOn,
   clearListOnBackspace,
   unindentListOnBackspace,
   clearListOnEnter,
@@ -486,20 +671,54 @@ const arrowDownOnLonelyBlockObject = {
       mimeType: event.mimeType
     })]]
   }
+}, toggleStyleOff = {
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.remove",
+    style: event.style
+  })]]
+}, toggleStyleOn = {
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => !isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.add",
+    style: event.style
+  })]]
+}, coreStyleBehaviors = {
+  toggleStyleOff,
+  toggleStyleOn
 }, softReturn = {
   on: "insert.soft break",
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text",
     text: `
 `
-  }]]
-}, coreBehaviors = [softReturn, coreDecoratorBehaviors.strongShortcut, coreDecoratorBehaviors.emShortcut, coreDecoratorBehaviors.underlineShortcut, coreDecoratorBehaviors.codeShortcut, coreDeserializeBehavior, coreBlockObjectBehaviors.arrowDownOnLonelyBlockObject, coreBlockObjectBehaviors.arrowUpOnLonelyBlockObject, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace, coreListBehaviors.clearListOnEnter, coreListBehaviors.indentListOnTab, coreListBehaviors.unindentListOnShiftTab, coreSerializeBehaviors.serialize, coreSerializeBehaviors["serialization.success"]], coreBehavior = {
+  })]]
+}, coreBehaviors = [softReturn, coreAnnotationBehaviors.toggleAnnotationOff, coreAnnotationBehaviors.toggleAnnotationOn, coreDecoratorBehaviors.toggleDecoratorOff, coreDecoratorBehaviors.toggleDecoratorOn, coreDecoratorBehaviors.strongShortcut, coreDecoratorBehaviors.emShortcut, coreDecoratorBehaviors.underlineShortcut, coreDecoratorBehaviors.codeShortcut, coreDeserializeBehavior, coreBlockObjectBehaviors.arrowDownOnLonelyBlockObject, coreBlockObjectBehaviors.arrowUpOnLonelyBlockObject, coreBlockObjectBehaviors.breakingBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockAfterBlockObject, coreBlockObjectBehaviors.deletingEmptyTextBlockBeforeBlockObject, coreListBehaviors.toggleListItemOff, coreListBehaviors.toggleListItemOn, coreListBehaviors.clearListOnBackspace, coreListBehaviors.unindentListOnBackspace, coreListBehaviors.clearListOnEnter, coreListBehaviors.indentListOnTab, coreListBehaviors.unindentListOnShiftTab, coreInsertBreakBehaviors.atTheEndOfTextBlock, coreInsertBreakBehaviors.atTheStartOfTextBlock, coreSerializeBehaviors.serialize, coreSerializeBehaviors["serialization.success"], coreStyleBehaviors.toggleStyleOff, coreStyleBehaviors.toggleStyleOn], coreBehavior = {
   softReturn,
+  annotation: coreAnnotationBehaviors,
   decorators: coreDecoratorBehaviors,
   deserialize: coreDeserializeBehavior,
   blockObjects: coreBlockObjectBehaviors,
+  insertBreak: coreInsertBreakBehaviors,
   lists: coreListBehaviors,
-  ...coreSerializeBehaviors
+  ...coreSerializeBehaviors,
+  style: coreSerializeBehaviors
 };
 export {
   coreBehavior,