add create tool and service

editors/demo/src/HHMI/FillTheGapQuestionService/CreateGapService/CreateGap.js

+import { injectable } from 'inversify';
+import { Tools } from 'wax-prosemirror-services';
+
+@injectable()
+class CreateGap extends Tools {
+  title = 'Create Gap Option';
+  label = 'Create Gap';
+  name = 'Create Gap';
+
+  get run() {
+    return (state, dispatch) => {};
+  }
+
+  get active() {
+    return state => {};
+  }
+
+  select = (state, activeViewId) => {};
+
+  get enable() {
+    return state => {};
+  }
+}
+
+export default CreateGap;

editors/demo/src/HHMI/FillTheGapQuestionService/CreateGapService/CreateGapService.js

+import { Service } from 'wax-prosemirror-services';
+import CreateGap from './CreateGap';
+
+class FillTheGapQuestionService extends Service {
+  register() {
+    this.container.bind('CreateGap').to(CreateGap);
+  }
+}
+
+export default FillTheGapQuestionService;

editors/demo/src/HHMI/FillTheGapQuestionService/FillTheGapQuestion.js

 import { injectable } from 'inversify';
 import { wrapIn } from 'prosemirror-commands';
-
 import { Tools } from 'wax-prosemirror-services';
+
 @injectable()
 class FillTheGapQuestion extends Tools {
   title = 'Add Fill The Gap Question';

editors/demo/src/HHMI/FillTheGapQuestionService/FillTheGapQuestionService.js

@@ -2,6 +2,7 @@ import { Service } from 'wax-prosemirror-services';
 import FillTheGapQuestion from './FillTheGapQuestion';
 import fillTheGapContainerNode from './schema/fillTheGapContainerNode';
 import fillTheGapNode from './schema/fillTheGapNode';
+import CreateGapService from './CreateGapService/CreateGapService';
 
 class FillTheGapQuestionService extends Service {
   register() {
@@ -13,6 +14,7 @@ class FillTheGapQuestionService extends Service {
       fill_the_gap_container: fillTheGapContainerNode,
     });
   }
+  dependencies = [new CreateGapService()];
 }
 
 export default FillTheGapQuestionService;

editors/demo/src/HHMI/FillTheGapToolGroupService/FillTheGap.js

@@ -4,9 +4,12 @@ import { ToolGroup } from 'wax-prosemirror-services';
 @injectable()
 class FillTheGap extends ToolGroup {
   tools = [];
-  constructor(@inject('FillTheGapQuestion') FillTheGapQuestion) {
+  constructor(
+    @inject('FillTheGapQuestion') FillTheGapQuestion,
+    @inject('CreateGap') CreateGap,
+  ) {
     super();
-    this.tools = [FillTheGapQuestion];
+    this.tools = [FillTheGapQuestion, CreateGap];
   }
 }
 

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

@@ -345,4 +345,33 @@ export default css`
       padding: 5px 5px 0 5px;
     }
   }
+
+  /* -- Fill The Gap ---------------------------------- */
+
+  .fill-the-gap {
+    border: 3px solid #f5f5f7;
+    margin-bottom: 30px;
+    margin-top: 30px;
+    padding: 3px;
+
+    &:before {
+      background-color: #fff;
+      bottom: 22px;
+      color: #535e76;
+      content: 'Fill The Gap';
+      height: 10px;
+      left: -1px;
+      position: relative;
+      width: 30px;
+    }
+
+    p {
+      bottom: 22px;
+      position: relative;
+    }
+
+    p:last-child {
+      margin-bottom: -1em;
+    }
+  }
 `;

wax-prosemirror-services/src/BaseService/BaseService.js

-import Service from "../Service";
-import BaseServices from "./index";
+import Service from '../Service';
+import BaseServices from './index';
 
 class BaseService extends Service {
   dependencies = BaseServices;

wax-prosemirror-services/src/InlineAnnotations/InlineAnnotationsService.js

-import Service from "../Service";
-import InlineServices from "./index";
+import Service from '../Service';
+import InlineServices from './index';
 
 class InlineAnnotationsService extends Service {
   dependencies = InlineServices;

wax-prosemirror-services/src/ListsService/ListsService.js

-import Service from "../Service";
-import ListsServices from "./index";
+import Service from '../Service';
+import ListsServices from './index';
 
 class ListsService extends Service {
   dependencies = ListsServices;

wax-prosemirror-services/src/TablesService/TablesService.js

-import Service from "../Service";
-import TablesServices from "./index";
+import Service from '../Service';
+import TablesServices from './index';
 
 class TablesService extends Service {
   dependencies = TablesServices;

wax-prosemirror-services/src/TextBlockLevel/TextBlockLevelService.js

-import Service from "../Service";
-import TextServices from "./index";
+import Service from '../Service';
+import TextServices from './index';
 
 class TextBlockLevelService extends Service {
   dependencies = TextServices;