fix typo and broken import

editors/demo/src/HHMI/HHMI.js

@@ -15,7 +15,7 @@ const renderImage = file => {
   });
 };
 
-const t = `<p class="paragraph">Based on the equation below</p><math-display class="math-node">x + y = 5</math-display><p class="paragraph">Which ones are correct?</p><p class="paragraph"></p><div id="" class="mutiple-choice"><div class="mutiple-choice-option" id="d7b65415-ff82-446f-afa4-accaa3837f4a" correct="false" feedback=""><p class="paragraph">answer 1</p><p class="paragraph"><math-inline class="math-node">x+y=1</math-inline></p></div><div class="mutiple-choice-option" id="e7d6bb2f-7cd7-44f1-92a0-281e72157538" correct="true" feedback=""><p class="paragraph">answer 2</p></div><div class="mutiple-choice-option" id="d6fc749f-afae-4203-9562-d68c380a86e5" correct="false" feedback=""><p class="paragraph">answer 3</p></div></div><div id="" class="fill-the-gap"><p class="paragraph">A <span id="bfd4376c-4424-455e-9187-f53282fa1024" class="fill-the-gap">DNA</span> molecule is very long and usually consists of hundreds or thousands of genes.</p><p class="paragraph">An electron having a certain discrete amount of <span id="14dedf44-728f-4384-835f-e3af82b25623" class="fill-the-gap">energy</span> is something like a ball on a staircase.</p></div><p class="paragraph"></p>`;
+const t = `<p class="paragraph">Based on the equation below</p><math-display class="math-node">x + y = 5</math-display><p class="paragraph">Which ones are correct?</p><p class="paragraph"></p><div id="" class="multiple-choice"><div class="multiple-choice-option" id="d7b65415-ff82-446f-afa4-accaa3837f4a" correct="false" feedback=""><p class="paragraph">answer 1</p><p class="paragraph"><math-inline class="math-node">x+y=1</math-inline></p></div><div class="multiple-choice-option" id="e7d6bb2f-7cd7-44f1-92a0-281e72157538" correct="true" feedback=""><p class="paragraph">answer 2</p></div><div class="multiple-choice-option" id="d6fc749f-afae-4203-9562-d68c380a86e5" correct="false" feedback=""><p class="paragraph">answer 3</p></div></div><div id="" class="fill-the-gap"><p class="paragraph">A <span id="bfd4376c-4424-455e-9187-f53282fa1024" class="fill-the-gap">DNA</span> molecule is very long and usually consists of hundreds or thousands of genes.</p><p class="paragraph">An electron having a certain discrete amount of <span id="14dedf44-728f-4384-835f-e3af82b25623" class="fill-the-gap">energy</span> is something like a ball on a staircase.</p></div><p class="paragraph"></p>`;
 
 const Hhmi = () => {
   return (

editors/demo/src/HHMI/layout/EditorElements.js

@@ -325,7 +325,7 @@ export default css`
 
   /* -- Multiple Choice ---------------------------------- */
 
-  .mutiple-choice {
+  .multiple-choice {
     border: 3px solid #f5f5f7;
     counter-reset: question-item-multiple;
     margin: 38px;

wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceContainerNode.js

 const multipleChoiceContainerNode = {
   attrs: {
     id: { default: '' },
-    class: { default: 'mutiple-choice' },
+    class: { default: 'multiple-choice' },
   },
   group: 'block questions',
   atom: true,
@@ -10,7 +10,7 @@ const multipleChoiceContainerNode = {
   content: 'multiple_choice+',
   parseDOM: [
     {
-      tag: 'div.mutiple-choice',
+      tag: 'div.multiple-choice',
       getAttrs(dom) {
         return {
           id: dom.dataset.id,

wax-prosemirror-services/src/MultipleChoiceQuestionService/schema/multipleChoiceNode.js

@@ -2,7 +2,7 @@ import { v4 as uuidv4 } from 'uuid';
 
 const multipleChoiceNode = {
   attrs: {
-    class: { default: 'mutiple-choice-option' },
+    class: { default: 'multiple-choice-option' },
     id: { default: uuidv4() },
     correct: { default: false },
     feedback: { default: '' },
@@ -14,7 +14,7 @@ const multipleChoiceNode = {
   // atom: true,
   parseDOM: [
     {
-      tag: 'div.mutiple-choice-option',
+      tag: 'div.multiple-choice-option',
       getAttrs(dom) {
         return {
           id: dom.getAttribute('id'),

wax-prosemirror-services/src/WaxToolGroups/FillTheGapToolGroupService/FillTheGap.js

 import { injectable, inject } from 'inversify';
-import { ToolGroup } from 'wax-prosemirror-services';
+import ToolGroup from '../../lib/ToolGroup';
 
 @injectable()
 class FillTheGap extends ToolGroup {

wax-prosemirror-services/src/WaxToolGroups/FillTheGapToolGroupService/FillTheGapToolGroupService.js

-import { Service } from 'wax-prosemirror-services';
+import Service from '../../Service';
 import FillTheGap from './FillTheGap';
 
 class FillTheGapToolGroupService extends Service {