headings Active

wax-prosemirror-components/src/components/Button.js

@@ -19,7 +19,7 @@ const Button = ({ view = {}, item }) => {
     run(state, dispatch);
   };
 
-  const isActive = active && active(state);
+  const isActive = active && active(state, activeViewId);
 
   const isDisabled =
     enable && !enable(state) && !(select && select(state, activeViewId));

wax-prosemirror-services/src/DisplayBlockLevel/HeadingService/Heading1.js

@@ -19,8 +19,17 @@ class Heading1 extends Tools {
   }
 
   get active() {
-    return state => {
-      return Commands.blockActive(state.config.schema.nodes.heading, {
+    return (state, activeViewId) => {
+      let isActive = true;
+      if (activeViewId !== 'main') return false;
+      const { from, to } = state.selection;
+      state.doc.nodesBetween(from, to, (node, pos) => {
+        if (node.type.name === 'list_item') {
+          isActive = false;
+        }
+      });
+      if (!isActive) return false;
+      return !Commands.setBlockType(state.config.schema.nodes.heading, {
         level: 1,
       })(state);
     };

wax-prosemirror-services/src/DisplayBlockLevel/HeadingService/Heading2.js

@@ -19,8 +19,17 @@ class Heading2 extends Tools {
   }
 
   get active() {
-    return state => {
-      return Commands.blockActive(state.config.schema.nodes.heading, {
+    return (state, activeViewId) => {
+      let isActive = true;
+      if (activeViewId !== 'main') return false;
+      const { from, to } = state.selection;
+      state.doc.nodesBetween(from, to, (node, pos) => {
+        if (node.type.name === 'list_item') {
+          isActive = false;
+        }
+      });
+      if (!isActive) return false;
+      return !Commands.setBlockType(state.config.schema.nodes.heading, {
         level: 2,
       })(state);
     };

wax-prosemirror-services/src/DisplayBlockLevel/HeadingService/Heading3.js

@@ -19,8 +19,17 @@ class Heading3 extends Tools {
   }
 
   get active() {
-    return state => {
-      return Commands.blockActive(state.config.schema.nodes.heading, {
+    return (state, activeViewId) => {
+      let isActive = true;
+      if (activeViewId !== 'main') return false;
+      const { from, to } = state.selection;
+      state.doc.nodesBetween(from, to, (node, pos) => {
+        if (node.type.name === 'list_item') {
+          isActive = false;
+        }
+      });
+      if (!isActive) return false;
+      return !Commands.setBlockType(state.config.schema.nodes.heading, {
         level: 3,
       })(state);
     };