add active

wax-prosemirror-services/src/EssayService/EssayQuestion.js

@@ -104,6 +104,17 @@ class EssayQuestion extends Tools {
     };
   }
 
+  get active() {
+    return state => {
+      if (
+        Commands.isParentOfType(state, state.config.schema.nodes.essay_question)
+      ) {
+        return true;
+      }
+      return false;
+    };
+  }
+
   select = (state, activeView) => {
     let status = true;
     const { from, to } = state.selection;

wax-prosemirror-services/src/FillTheGapQuestionService/FillTheGapQuestion.js

 import { injectable } from 'inversify';
 import { findWrapping } from 'prosemirror-transform';
 import { v4 as uuidv4 } from 'uuid';
-import { Tools } from 'wax-prosemirror-core';
+import { Commands, Tools } from 'wax-prosemirror-core';
 import helpers from '../MultipleChoiceQuestionService/helpers/helpers';
 
 @injectable()
@@ -30,6 +30,20 @@ class FillTheGapQuestion extends Tools {
     };
   }
 
+  get active() {
+    return state => {
+      if (
+        Commands.isParentOfType(
+          state,
+          state.config.schema.nodes.fill_the_gap_container,
+        )
+      ) {
+        return true;
+      }
+      return false;
+    };
+  }
+
   select = (state, activeViewId, activeView) => {
     const { disallowedTools } = activeView.props;
     let status = true;

wax-prosemirror-services/src/MatchingService/MatchingQuestion.js

@@ -3,7 +3,7 @@ import { Fragment } from 'prosemirror-model';
 import { findWrapping } from 'prosemirror-transform';
 import { TextSelection } from 'prosemirror-state';
 import { v4 as uuidv4 } from 'uuid';
-import { Tools } from 'wax-prosemirror-core';
+import { Tools, Commands } from 'wax-prosemirror-core';
 import helpers from '../MultipleChoiceQuestionService/helpers/helpers';
 
 @injectable()
@@ -48,6 +48,20 @@ class MatchingQuestion extends Tools {
     };
   }
 
+  get active() {
+    return state => {
+      if (
+        Commands.isParentOfType(
+          state,
+          state.config.schema.nodes.matching_container,
+        )
+      ) {
+        return true;
+      }
+      return false;
+    };
+  }
+
   select = (state, activeViewId, activeView) => {
     const { disallowedTools } = activeView.props;
     let status = true;
@@ -61,13 +75,5 @@ class MatchingQuestion extends Tools {
     });
     return status;
   };
-
-  get active() {
-    return state => {};
-  }
-
-  get enable() {
-    return state => {};
-  }
 }
 export default MatchingQuestion;

wax-prosemirror-services/src/MultipleDropDownService/MultipleDropDownQuestion.js

 import { injectable } from 'inversify';
 import { findWrapping } from 'prosemirror-transform';
 import { v4 as uuidv4 } from 'uuid';
-import { Tools } from 'wax-prosemirror-core';
+import { Tools, Commands } from 'wax-prosemirror-core';
 import helpers from '../MultipleChoiceQuestionService/helpers/helpers';
 
 @injectable()
@@ -35,7 +35,17 @@ class MultipleDropDownQuestion extends Tools {
   }
 
   get active() {
-    return state => {};
+    return state => {
+      if (
+        Commands.isParentOfType(
+          state,
+          state.config.schema.nodes.multiple_drop_down_container,
+        )
+      ) {
+        return true;
+      }
+      return false;
+    };
   }
 
   select = (state, activeViewId, activeView) => {

wax-prosemirror-services/src/WaxToolGroups/QuestionsDropDownToolGroupService/DropDownComponent.js

@@ -94,8 +94,8 @@ const DropDownComponent = ({ view, tools }) => {
   ];
 
   useEffect(() => {
-    setLabel('Question Types');
-    dropDownOptions.forEach((option, i) => {
+    setLabel('Question Type');
+    dropDownOptions.forEach(option => {
       if (option.item.active(main.state)) {
         setTimeout(() => {
           setLabel(option.label);
@@ -118,7 +118,7 @@ const DropDownComponent = ({ view, tools }) => {
           key={uuidv4()}
           onChange={option => onChange(option)}
           options={dropDownOptions}
-          placeholder="Question Types"
+          placeholder="Question Type"
           select={isDisabled}
           value={label}
         />