@portabletext/editor 1.24.0 → 1.25.0

package/lib/_chunks-cjs/behavior.core.cjs

@@ -1,6 +1,49 @@
 "use strict";
-var types = require("@sanity/types"), selector_isSelectionCollapsed = require("./selector.is-selection-collapsed.cjs"), util_isEmptyTextBlock = require("./util.is-empty-text-block.cjs");
-const IS_MAC = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent), modifiers = {
+var selector_isActiveStyle = require("./selector.is-active-style.cjs"), types = require("@sanity/types"), util_isEmptyTextBlock = require("./util.is-empty-text-block.cjs");
+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
+  }) => selector_isActiveStyle.isActiveAnnotation(event.annotation.name)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}, toggleAnnotationOn = {
+  on: "annotation.toggle",
+  guard: ({
+    context,
+    event
+  }) => !selector_isActiveStyle.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",
@@ -112,80 +155,68 @@ 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: ({
     context,
     event
   }) => {
-    const isArrowDown = isHotkey("ArrowDown", event.keyboardEvent), focusBlockObject = selector_isSelectionCollapsed.getFocusBlockObject({
+    const isArrowDown = isHotkey("ArrowDown", event.keyboardEvent), focusBlockObject = selector_isActiveStyle.getFocusBlockObject({
       context
-    }), nextBlock = selector_isSelectionCollapsed.getNextBlock({
+    }), nextBlock = selector_isActiveStyle.getNextBlock({
       context
     });
     return isArrowDown && focusBlockObject && !nextBlock;
   },
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text block",
     placement: "after"
-  }]]
+  })]]
 }, arrowUpOnLonelyBlockObject = {
   on: "key.down",
   guard: ({
     context,
     event
   }) => {
-    const isArrowUp = isHotkey("ArrowUp", event.keyboardEvent), focusBlockObject = selector_isSelectionCollapsed.getFocusBlockObject({
+    const isArrowUp = isHotkey("ArrowUp", event.keyboardEvent), focusBlockObject = selector_isActiveStyle.getFocusBlockObject({
       context
-    }), previousBlock = selector_isSelectionCollapsed.getPreviousBlock({
+    }), previousBlock = selector_isActiveStyle.getPreviousBlock({
       context
     });
     return isArrowUp && focusBlockObject && !previousBlock;
   },
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text block",
     placement: "before"
-  }, {
+  }), raise({
     type: "select.previous block"
-  }]]
+  })]]
 }, breakingBlockObject = {
   on: "insert.break",
   guard: ({
     context
   }) => {
-    const focusBlockObject = selector_isSelectionCollapsed.getFocusBlockObject({
+    const focusBlockObject = selector_isActiveStyle.getFocusBlockObject({
       context
     });
-    return selector_isSelectionCollapsed.isSelectionCollapsed({
+    return selector_isActiveStyle.isSelectionCollapsed({
       context
     }) && focusBlockObject !== void 0;
   },
-  actions: [() => [{
+  actions: [() => [raise({
     type: "insert.text block",
     placement: "after"
-  }]]
+  })]]
 }, deletingEmptyTextBlockAfterBlockObject = {
   on: "delete.backward",
   guard: ({
     context
   }) => {
-    const focusTextBlock = selector_isSelectionCollapsed.getFocusTextBlock({
+    const focusTextBlock = selector_isActiveStyle.getFocusTextBlock({
       context
-    }), selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    }), selectionCollapsed = selector_isActiveStyle.isSelectionCollapsed({
       context
-    }), previousBlock = selector_isSelectionCollapsed.getPreviousBlock({
+    }), previousBlock = selector_isActiveStyle.getPreviousBlock({
       context
     });
     return !focusTextBlock || !selectionCollapsed || !previousBlock ? !1 : util_isEmptyTextBlock.isEmptyTextBlock(focusTextBlock.node) && !types.isPortableTextTextBlock(previousBlock.node) ? {
@@ -196,10 +227,10 @@ const arrowDownOnLonelyBlockObject = {
   actions: [(_, {
     focusTextBlock,
     previousBlock
-  }) => [{
+  }) => [raise({
     type: "delete.block",
     blockPath: focusTextBlock.path
-  }, {
+  }), raise({
     type: "select",
     selection: {
       anchor: {
@@ -211,17 +242,17 @@ const arrowDownOnLonelyBlockObject = {
         offset: 0
       }
     }
-  }]]
+  })]]
 }, deletingEmptyTextBlockBeforeBlockObject = {
   on: "delete.forward",
   guard: ({
     context
   }) => {
-    const focusTextBlock = selector_isSelectionCollapsed.getFocusTextBlock({
+    const focusTextBlock = selector_isActiveStyle.getFocusTextBlock({
       context
-    }), selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    }), selectionCollapsed = selector_isActiveStyle.isSelectionCollapsed({
       context
-    }), nextBlock = selector_isSelectionCollapsed.getNextBlock({
+    }), nextBlock = selector_isActiveStyle.getNextBlock({
       context
     });
     return !focusTextBlock || !selectionCollapsed || !nextBlock ? !1 : util_isEmptyTextBlock.isEmptyTextBlock(focusTextBlock.node) && !types.isPortableTextTextBlock(nextBlock.node) ? {
@@ -232,10 +263,10 @@ const arrowDownOnLonelyBlockObject = {
   actions: [(_, {
     focusTextBlock,
     nextBlock
-  }) => [{
+  }) => [raise({
     type: "delete.block",
     blockPath: focusTextBlock.path
-  }, {
+  }), raise({
     type: "select",
     selection: {
       anchor: {
@@ -247,7 +278,7 @@ const arrowDownOnLonelyBlockObject = {
         offset: 0
       }
     }
-  }]]
+  })]]
 }, coreBlockObjectBehaviors = {
   arrowDownOnLonelyBlockObject,
   arrowUpOnLonelyBlockObject,
@@ -255,6 +286,36 @@ const arrowDownOnLonelyBlockObject = {
   deletingEmptyTextBlockAfterBlockObject,
   deletingEmptyTextBlockBeforeBlockObject
 }, coreDecoratorBehaviors = {
+  toggleDecoratorOff: {
+    on: "decorator.toggle",
+    guard: ({
+      context,
+      event
+    }) => selector_isActiveStyle.isActiveDecorator(event.decorator)({
+      context
+    }),
+    actions: [({
+      event
+    }) => [raise({
+      type: "decorator.remove",
+      decorator: event.decorator
+    })]]
+  },
+  toggleDecoratorOn: {
+    on: "decorator.toggle",
+    guard: ({
+      context,
+      event
+    }) => !selector_isActiveStyle.isActiveDecorator(event.decorator)({
+      context
+    }),
+    actions: [({
+      event
+    }) => [raise({
+      type: "decorator.add",
+      decorator: event.decorator
+    })]]
+  },
   strongShortcut: {
     on: "key.down",
     guard: ({
@@ -327,16 +388,44 @@ const arrowDownOnLonelyBlockObject = {
     ...deserializeEvent,
     dataTransfer: event.dataTransfer
   })]]
-}, MAX_LIST_LEVEL = 10, clearListOnBackspace = {
+}, MAX_LIST_LEVEL = 10, toggleListItemOff = {
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => selector_isActiveStyle.isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.remove",
+    listItem: event.listItem
+  })]]
+}, toggleListItemOn = {
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => !selector_isActiveStyle.isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.add",
+    listItem: event.listItem
+  })]]
+}, clearListOnBackspace = {
   on: "delete.backward",
   guard: ({
     context
   }) => {
-    const selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    const selectionCollapsed = selector_isActiveStyle.isSelectionCollapsed({
       context
-    }), focusTextBlock = selector_isSelectionCollapsed.getFocusTextBlock({
+    }), focusTextBlock = selector_isActiveStyle.getFocusTextBlock({
       context
-    }), focusSpan = selector_isSelectionCollapsed.getFocusSpan({
+    }), focusSpan = selector_isActiveStyle.getFocusSpan({
       context
     });
     return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection?.focus.offset === 0 && focusTextBlock.node.level === 1 ? {
@@ -345,21 +434,21 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     focusTextBlock
-  }) => [{
+  }) => [raise({
     type: "text block.unset",
     props: ["listItem", "level"],
     at: focusTextBlock.path
-  }]]
+  })]]
 }, unindentListOnBackspace = {
   on: "delete.backward",
   guard: ({
     context
   }) => {
-    const selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    const selectionCollapsed = selector_isActiveStyle.isSelectionCollapsed({
       context
-    }), focusTextBlock = selector_isSelectionCollapsed.getFocusTextBlock({
+    }), focusTextBlock = selector_isActiveStyle.getFocusTextBlock({
       context
-    }), focusSpan = selector_isSelectionCollapsed.getFocusSpan({
+    }), focusSpan = selector_isActiveStyle.getFocusSpan({
       context
     });
     return !selectionCollapsed || !focusTextBlock || !focusSpan ? !1 : focusTextBlock.node.children[0]._key === focusSpan.node._key && context.selection?.focus.offset === 0 && focusTextBlock.node.level !== void 0 && focusTextBlock.node.level > 1 ? {
@@ -370,19 +459,19 @@ const arrowDownOnLonelyBlockObject = {
   actions: [(_, {
     focusTextBlock,
     level
-  }) => [{
+  }) => [raise({
     type: "text block.set",
     level,
     at: focusTextBlock.path
-  }]]
+  })]]
 }, clearListOnEnter = {
   on: "insert.break",
   guard: ({
     context
   }) => {
-    const selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    const selectionCollapsed = selector_isActiveStyle.isSelectionCollapsed({
       context
-    }), focusListBlock = selector_isSelectionCollapsed.getFocusListBlock({
+    }), focusListBlock = selector_isActiveStyle.getFocusListBlock({
       context
     });
     return !selectionCollapsed || !focusListBlock || !util_isEmptyTextBlock.isEmptyTextBlock(focusListBlock.node) ? !1 : {
@@ -391,11 +480,11 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     focusListBlock
-  }) => [{
+  }) => [raise({
     type: "text block.unset",
     props: ["listItem", "level"],
     at: focusListBlock.path
-  }]]
+  })]]
 }, indentListOnTab = {
   on: "key.down",
   guard: ({
@@ -404,9 +493,9 @@ const arrowDownOnLonelyBlockObject = {
   }) => {
     if (!isHotkey("Tab", event.keyboardEvent))
       return !1;
-    const selectedBlocks = selector_isSelectionCollapsed.getSelectedBlocks({
+    const selectedBlocks = selector_isActiveStyle.getSelectedBlocks({
       context
-    }), guards = selector_isSelectionCollapsed.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
+    }), guards = selector_isActiveStyle.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
       node: block.node,
       path: block.path
     }] : []);
@@ -416,7 +505,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
@@ -429,9 +518,9 @@ const arrowDownOnLonelyBlockObject = {
   }) => {
     if (!isHotkey("Shift+Tab", event.keyboardEvent))
       return !1;
-    const selectedBlocks = selector_isSelectionCollapsed.getSelectedBlocks({
+    const selectedBlocks = selector_isActiveStyle.getSelectedBlocks({
       context
-    }), guards = selector_isSelectionCollapsed.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
+    }), guards = selector_isActiveStyle.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
       node: block.node,
       path: block.path
     }] : []);
@@ -441,12 +530,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,
@@ -485,6 +576,37 @@ const arrowDownOnLonelyBlockObject = {
       mimeType: event.mimeType
     })]]
   }
+}, toggleStyleOff = {
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => selector_isActiveStyle.isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.remove",
+    style: event.style
+  })]]
+}, toggleStyleOn = {
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => !selector_isActiveStyle.isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.add",
+    style: event.style
+  })]]
+}, coreStyleBehaviors = {
+  toggleStyleOff,
+  toggleStyleOn
 }, softReturn = {
   on: "insert.soft break",
   actions: [() => [{
@@ -492,13 +614,15 @@ const arrowDownOnLonelyBlockObject = {
     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, coreSerializeBehaviors.serialize, coreSerializeBehaviors["serialization.success"], coreStyleBehaviors.toggleStyleOff, coreStyleBehaviors.toggleStyleOn], coreBehavior = {
   softReturn,
+  annotation: coreAnnotationBehaviors,
   decorators: coreDecoratorBehaviors,
   deserialize: coreDeserializeBehavior,
   blockObjects: coreBlockObjectBehaviors,
   lists: coreListBehaviors,
-  ...coreSerializeBehaviors
+  ...coreSerializeBehaviors,
+  style: coreSerializeBehaviors
 };
 exports.coreBehavior = coreBehavior;
 exports.coreBehaviors = coreBehaviors;