add essay question node

editors/demo/src/Editors.js

@@ -70,7 +70,7 @@ const Editors = () => {
       case 'ncbi':
         return <NCBI />;
       default:
-        return <Editoria />;
+        return <HHMI />;
     }
   };
 

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

 import { injectable } from 'inversify';
 import { wrapIn } from 'prosemirror-commands';
+import { v4 as uuidv4 } from 'uuid';
 import Tools from '../lib/Tools';
 
 @injectable()
@@ -11,7 +12,9 @@ class EssayQuestion extends Tools {
 
   get run() {
     return (state, dispatch) => {
-      wrapIn(state.config.schema.nodes.essay)(state, dispatch);
+      wrapIn(state.config.schema.nodes.essay, {
+        id: uuidv4(),
+      })(state, dispatch);
     };
   }
 

wax-prosemirror-services/src/EssayService/components/EditorComponent.js

@@ -45,6 +45,7 @@ const EditorComponent = ({ node, view, getPos }) => {
   const editorRef = useRef();
 
   const context = useContext(WaxContext);
+  const { activeViewId } = context;
   let questionView;
   const questionId = node.attrs.id;
   const isEditable = context.view.main.props.editable(editable => {
@@ -98,21 +99,14 @@ const EditorComponent = ({ node, view, getPos }) => {
         disallowedTools: ['Images', 'Lists', 'lift', 'MultipleChoice'],
         handleDOMEvents: {
           mousedown: () => {
-            context.view.main.dispatch(
-              context.view.main.state.tr.setSelection(
-                new TextSelection(
-                  context.view.main.state.tr.doc.resolve(getPos() + 2),
+            context.view[activeViewId].dispatch(
+              context.view[activeViewId].state.tr.setSelection(
+                TextSelection.between(
+                  context.view[activeViewId].state.selection.$anchor,
+                  context.view[activeViewId].state.selection.$head,
                 ),
               ),
             );
-            // context.view[activeViewId].dispatch(
-            //   context.view[activeViewId].state.tr.setSelection(
-            //     TextSelection.between(
-            //       context.view[activeViewId].state.selection.$anchor,
-            //       context.view[activeViewId].state.selection.$head,
-            //     ),
-            //   ),
-            // );
             context.updateView({}, questionId);
             // Kludge to prevent issues due to the fact that the whole
             // footnote is node-selected (and thus DOM-selected) when

wax-prosemirror-services/src/EssayService/components/EssayComponent.js

+/* eslint-disable react/prop-types */
 import React from 'react';
+import EditorComponent from './EditorComponent';
 
 export default ({ node, view, getPos }) => {
-  return <span>Essay</span>;
+  return <EditorComponent getPos={getPos} node={node} view={view} />;
 };

wax-prosemirror-services/src/EssayService/schema/essayNode.js

 const essayNode = {
   attrs: {
     class: { default: 'essay' },
+    id: { default: '' },
   },
   group: 'block questions',
-  atom: true,
   selectable: true,
   draggable: true,
   content: 'block+',