@portabletext/toolbar 2.1.2 → 2.2.1

package/dist/index.cjs

@@ -18,7 +18,7 @@ function _interopNamespaceCompat(e) {
 }
 var selectors__namespace = /* @__PURE__ */ _interopNamespaceCompat(selectors), React__namespace = /* @__PURE__ */ _interopNamespaceCompat(React);
 function useToolbarSchema(props) {
-  const $ = compilerRuntime.c(37), editor$1 = editor.useEditor(), schema = editor.useEditorSelector(editor$1, _temp$1);
+  const $ = compilerRuntime.c(37), editor$1 = editor.useEditor(), schema = editor.useEditorSelector(editor$1, _temp$2);
   let t0;
   if ($[0] !== props || $[1] !== schema.decorators) {
     let t12;
@@ -65,7 +65,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 = xstate.fromCallback(({
@@ -77,7 +77,49 @@ const disableListener = xstate.fromCallback(({
   }) : sendBack({
     type: "enable"
   });
-}).unsubscribe), activeListener$6 = xstate.fromCallback(({
+}).unsubscribe);
+function useMutuallyExclusiveAnnotation(props) {
+  const $ = compilerRuntime.c(5), editor$1 = editor.useEditor();
+  let t0, t1;
+  $[0] !== editor$1 || $[1] !== props.schemaType.mutuallyExclusive || $[2] !== props.schemaType.name ? (t0 = () => {
+    const mutuallyExclusive = props.schemaType.mutuallyExclusive;
+    if (mutuallyExclusive)
+      return editor$1.registerBehavior({
+        behavior: behaviors.defineBehavior({
+          on: "annotation.add",
+          guard: (t2) => {
+            const {
+              snapshot,
+              event
+            } = t2;
+            return event.annotation.name !== props.schemaType.name ? !1 : {
+              activeMutuallyExclusive: mutuallyExclusive.filter((annotation) => selectors.isActiveAnnotation(annotation, {
+                mode: "partial"
+              })(snapshot))
+            };
+          },
+          actions: [_temp2]
+        })
+      });
+  }, t1 = [editor$1, props.schemaType.name, props.schemaType.mutuallyExclusive], $[0] = editor$1, $[1] = props.schemaType.mutuallyExclusive, $[2] = props.schemaType.name, $[3] = t0, $[4] = t1) : (t0 = $[3], t1 = $[4]), React.useEffect(t0, t1);
+}
+function _temp2(t0, t1) {
+  const {
+    event: event_0
+  } = t0, {
+    activeMutuallyExclusive: activeMutuallyExclusive_0
+  } = t1;
+  return [...activeMutuallyExclusive_0.map(_temp$1), behaviors.execute(event_0)];
+}
+function _temp$1(annotation_0) {
+  return behaviors.raise({
+    type: "annotation.remove",
+    annotation: {
+      name: annotation_0
+    }
+  });
+}
+const activeListener$6 = xstate.fromCallback(({
   input,
   sendBack
 }) => input.editor.on("*", () => {
@@ -299,6 +341,7 @@ function useAnnotationButton(props) {
     }
   }, $[0] = editor$1, $[1] = props.schemaType, $[2] = t0) : t0 = $[2];
   const [snapshot, send] = react.useActor(annotationButtonMachine, t0);
+  useMutuallyExclusiveAnnotation(props);
   let t1;
   $[3] !== snapshot ? (t1 = {
     matches: (state) => snapshot.matches(state)