@portabletext/editor 1.24.0 → 1.26.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_isAtTheStartOfBlock = require("./selector.is-at-the-start-of-block.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_isAtTheStartOfBlock.isActiveAnnotation(event.annotation.name)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "annotation.remove",
+    annotation: event.annotation
+  })]]
+}, toggleAnnotationOn = {
+  on: "annotation.toggle",
+  guard: ({
+    context,
+    event
+  }) => !selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.getFocusBlockObject({
       context
-    }), nextBlock = selector_isSelectionCollapsed.getNextBlock({
+    }), nextBlock = selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.getFocusBlockObject({
       context
-    }), previousBlock = selector_isSelectionCollapsed.getPreviousBlock({
+    }), previousBlock = selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.getFocusBlockObject({
       context
     });
-    return selector_isSelectionCollapsed.isSelectionCollapsed({
+    return selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.getFocusTextBlock({
       context
-    }), selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    }), selectionCollapsed = selector_isAtTheStartOfBlock.isSelectionCollapsed({
       context
-    }), previousBlock = selector_isSelectionCollapsed.getPreviousBlock({
+    }), previousBlock = selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.getFocusTextBlock({
       context
-    }), selectionCollapsed = selector_isSelectionCollapsed.isSelectionCollapsed({
+    }), selectionCollapsed = selector_isAtTheStartOfBlock.isSelectionCollapsed({
       context
-    }), nextBlock = selector_isSelectionCollapsed.getNextBlock({
+    }), nextBlock = selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.isActiveDecorator(event.decorator)({
+      context
+    }),
+    actions: [({
+      event
+    }) => [raise({
+      type: "decorator.remove",
+      decorator: event.decorator
+    })]]
+  },
+  toggleDecoratorOn: {
+    on: "decorator.toggle",
+    guard: ({
+      context,
+      event
+    }) => !selector_isAtTheStartOfBlock.isActiveDecorator(event.decorator)({
+      context
+    }),
+    actions: [({
+      event
+    }) => [raise({
+      type: "decorator.add",
+      decorator: event.decorator
+    })]]
+  },
   strongShortcut: {
     on: "key.down",
     guard: ({
@@ -327,16 +388,138 @@ const arrowDownOnLonelyBlockObject = {
     ...deserializeEvent,
     dataTransfer: event.dataTransfer
   })]]
-}, MAX_LIST_LEVEL = 10, clearListOnBackspace = {
+}, atTheEndOfTextBlock = {
+  on: "insert.break",
+  guard: ({
+    context
+  }) => {
+    const focusTextBlock = selector_isAtTheStartOfBlock.getFocusTextBlock({
+      context
+    }), selectionCollapsed = selector_isAtTheStartOfBlock.isSelectionCollapsed({
+      context
+    });
+    if (!context.selection || !focusTextBlock || !selectionCollapsed)
+      return !1;
+    const atTheEndOfBlock = selector_isAtTheStartOfBlock.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 = selector_isAtTheStartOfBlock.getFocusTextBlock({
+      context
+    }), selectionCollapsed = selector_isAtTheStartOfBlock.isSelectionCollapsed({
+      context
+    });
+    if (!context.selection || !focusTextBlock || !selectionCollapsed)
+      return !1;
+    const focusSpan = selector_isAtTheStartOfBlock.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 selector_isAtTheStartOfBlock.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
+  }) => selector_isAtTheStartOfBlock.isActiveListItem(event.listItem)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "list item.remove",
+    listItem: event.listItem
+  })]]
+}, toggleListItemOn = {
+  on: "list item.toggle",
+  guard: ({
+    context,
+    event
+  }) => !selector_isAtTheStartOfBlock.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_isAtTheStartOfBlock.isSelectionCollapsed({
       context
-    }), focusTextBlock = selector_isSelectionCollapsed.getFocusTextBlock({
+    }), focusTextBlock = selector_isAtTheStartOfBlock.getFocusTextBlock({
       context
-    }), focusSpan = selector_isSelectionCollapsed.getFocusSpan({
+    }), focusSpan = selector_isAtTheStartOfBlock.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 +528,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_isAtTheStartOfBlock.isSelectionCollapsed({
       context
-    }), focusTextBlock = selector_isSelectionCollapsed.getFocusTextBlock({
+    }), focusTextBlock = selector_isAtTheStartOfBlock.getFocusTextBlock({
       context
-    }), focusSpan = selector_isSelectionCollapsed.getFocusSpan({
+    }), focusSpan = selector_isAtTheStartOfBlock.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 +553,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_isAtTheStartOfBlock.isSelectionCollapsed({
       context
-    }), focusListBlock = selector_isSelectionCollapsed.getFocusListBlock({
+    }), focusListBlock = selector_isAtTheStartOfBlock.getFocusListBlock({
       context
     });
     return !selectionCollapsed || !focusListBlock || !util_isEmptyTextBlock.isEmptyTextBlock(focusListBlock.node) ? !1 : {
@@ -391,11 +574,11 @@ const arrowDownOnLonelyBlockObject = {
   },
   actions: [(_, {
     focusListBlock
-  }) => [{
+  }) => [raise({
     type: "text block.unset",
     props: ["listItem", "level"],
     at: focusListBlock.path
-  }]]
+  })]]
 }, indentListOnTab = {
   on: "key.down",
   guard: ({
@@ -404,9 +587,9 @@ const arrowDownOnLonelyBlockObject = {
   }) => {
     if (!isHotkey("Tab", event.keyboardEvent))
       return !1;
-    const selectedBlocks = selector_isSelectionCollapsed.getSelectedBlocks({
+    const selectedBlocks = selector_isAtTheStartOfBlock.getSelectedBlocks({
       context
-    }), guards = selector_isSelectionCollapsed.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
+    }), guards = selector_isAtTheStartOfBlock.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
       node: block.node,
       path: block.path
     }] : []);
@@ -416,7 +599,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 +612,9 @@ const arrowDownOnLonelyBlockObject = {
   }) => {
     if (!isHotkey("Shift+Tab", event.keyboardEvent))
       return !1;
-    const selectedBlocks = selector_isSelectionCollapsed.getSelectedBlocks({
+    const selectedBlocks = selector_isAtTheStartOfBlock.getSelectedBlocks({
       context
-    }), guards = selector_isSelectionCollapsed.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
+    }), guards = selector_isAtTheStartOfBlock.createGuards(context), selectedListBlocks = selectedBlocks.flatMap((block) => guards.isListBlock(block.node) ? [{
       node: block.node,
       path: block.path
     }] : []);
@@ -441,12 +624,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,20 +670,54 @@ const arrowDownOnLonelyBlockObject = {
       mimeType: event.mimeType
     })]]
   }
+}, toggleStyleOff = {
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => selector_isAtTheStartOfBlock.isActiveStyle(event.style)({
+    context
+  }),
+  actions: [({
+    event
+  }) => [raise({
+    type: "style.remove",
+    style: event.style
+  })]]
+}, toggleStyleOn = {
+  on: "style.toggle",
+  guard: ({
+    context,
+    event
+  }) => !selector_isAtTheStartOfBlock.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
 };
 exports.coreBehavior = coreBehavior;
 exports.coreBehaviors = coreBehaviors;