@portabletext/toolbar 2.1.1 → 2.2.0

package/dist/index.js

@@ -1,13 +1,14 @@
 import { c } from "react/compiler-runtime";
 import { useEditor, useEditorSelector } from "@portabletext/editor";
-import { defineBehavior, raise, effect, forward } from "@portabletext/editor/behaviors";
+import { defineBehavior, execute, raise, effect, forward } from "@portabletext/editor/behaviors";
 import * as selectors from "@portabletext/editor/selectors";
+import { isActiveAnnotation } from "@portabletext/editor/selectors";
 import { useActor, useActorRef } from "@xstate/react";
 import { fromCallback, setup, assign } from "xstate";
 import * as React from "react";
 import { useEffect } from "react";
 function useToolbarSchema(props) {
-  const $ = c(37), editor = useEditor(), schema = useEditorSelector(editor, _temp$1);
+  const $ = c(37), editor = useEditor(), schema = useEditorSelector(editor, _temp$2);
   let t0;
   if ($[0] !== props || $[1] !== schema.decorators) {
     let t12;
@@ -54,7 +55,7 @@ function useToolbarSchema(props) {
     styles: t5
   }, $[30] = t0, $[31] = t1, $[32] = t2, $[33] = t3, $[34] = t4, $[35] = t5, $[36] = t6) : t6 = $[36], t6;
 }
-function _temp$1(snapshot) {
+function _temp$2(snapshot) {
   return snapshot.context.schema;
 }
 const disableListener = fromCallback(({
@@ -66,7 +67,49 @@ const disableListener = fromCallback(({
   }) : sendBack({
     type: "enable"
   });
-}).unsubscribe), activeListener$6 = fromCallback(({
+}).unsubscribe);
+function useMutuallyExclusiveAnnotation(props) {
+  const $ = c(5), editor = useEditor();
+  let t0, t1;
+  $[0] !== editor || $[1] !== props.schemaType.mutuallyExclusive || $[2] !== props.schemaType.name ? (t0 = () => {
+    const mutuallyExclusive = props.schemaType.mutuallyExclusive;
+    if (mutuallyExclusive)
+      return editor.registerBehavior({
+        behavior: defineBehavior({
+          on: "annotation.add",
+          guard: (t2) => {
+            const {
+              snapshot,
+              event
+            } = t2;
+            return event.annotation.name !== props.schemaType.name ? !1 : {
+              activeMutuallyExclusive: mutuallyExclusive.filter((annotation) => isActiveAnnotation(annotation, {
+                mode: "partial"
+              })(snapshot))
+            };
+          },
+          actions: [_temp2]
+        })
+      });
+  }, t1 = [editor, props.schemaType.name, props.schemaType.mutuallyExclusive], $[0] = editor, $[1] = props.schemaType.mutuallyExclusive, $[2] = props.schemaType.name, $[3] = t0, $[4] = t1) : (t0 = $[3], t1 = $[4]), useEffect(t0, t1);
+}
+function _temp2(t0, t1) {
+  const {
+    event: event_0
+  } = t0, {
+    activeMutuallyExclusive: activeMutuallyExclusive_0
+  } = t1;
+  return [...activeMutuallyExclusive_0.map(_temp$1), execute(event_0)];
+}
+function _temp$1(annotation_0) {
+  return raise({
+    type: "annotation.remove",
+    annotation: {
+      name: annotation_0
+    }
+  });
+}
+const activeListener$6 = fromCallback(({
   input,
   sendBack
 }) => input.editor.on("*", () => {
@@ -288,6 +331,7 @@ function useAnnotationButton(props) {
     }
   }, $[0] = editor, $[1] = props.schemaType, $[2] = t0) : t0 = $[2];
   const [snapshot, send] = useActor(annotationButtonMachine, t0);
+  useMutuallyExclusiveAnnotation(props);
   let t1;
   $[3] !== snapshot ? (t1 = {
     matches: (state) => snapshot.matches(state)