diff --git a/editors/demo/src/HHMI/config/config.js b/editors/demo/src/HHMI/config/config.js
index d4f24e412fb6e0790b6a56a60aa597238790e546..163f2146245f787854ad18b184bfe9b8764bd928 100644
--- a/editors/demo/src/HHMI/config/config.js
+++ b/editors/demo/src/HHMI/config/config.js
@@ -53,10 +53,6 @@ export default {
templateArea: 'MultipleDropDown',
toolGroups: ['MultipleDropDown'],
},
- {
- templateArea: 'NumericalAnswer',
- toolGroups: ['NumericalAnswer'],
- },
],
SchemaService: DefaultSchema,
diff --git a/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js b/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js
index 0d1cc820a7c3a26c4c183819ca154e2e9f1d15fd..24d4bfbf4fb4d2fef5dcfca1ffc2f4c42be8ebb8 100644
--- a/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js
+++ b/wax-questions-service/src/MultipleChoiceQuestionService/components/EditorComponent.js
@@ -67,6 +67,7 @@ const QuestionEditorComponent = ({
view,
getPos,
placeholderText = 'Type your item',
+ QuestionType = 'Multiple',
}) => {
const editorRef = useRef();
@@ -191,6 +192,7 @@ const QuestionEditorComponent = ({
}
},
},
+ type: QuestionType,
scrollMargin: 200,
scrollThreshold: 200,
attributes: {
diff --git a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerDropDownService/NumericalAnswerDropDown.js b/wax-questions-service/src/NumericalAnswerService/NumericalAnswerDropDownService/NumericalAnswerDropDown.js
deleted file mode 100644
index 380c11457720094ca049cfad92d58380ca6c6f8f..0000000000000000000000000000000000000000
--- a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerDropDownService/NumericalAnswerDropDown.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import { injectable } from 'inversify';
-import { isEmpty } from 'lodash';
-import { Tools } from 'wax-prosemirror-core';
-import NumericalAnswerDropDownCompontent from '../components/NumericalAnswerDropDownCompontent';
-
-@injectable()
-class NumericalAnswerDropDown extends Tools {
- title = 'Select Numerical Answer Option';
- icon = '';
- name = 'Select Numerical Answer';
- label = 'Select Numerical Answer';
-
- get run() {
- return (state, dispatch) => {};
- }
-
- select = (state, activeViewId, activeView) => {
- if (activeView.props.type && activeView.props.type === 'filltheGapContaier')
- return true;
-
- return false;
- };
-
- renderTool(view) {
- if (isEmpty(view)) return null;
- return this.isDisplayed() ? (
- <NumericalAnswerDropDownCompontent
- item={this.toJSON()}
- key="numerical-answer-options"
- view={view}
- />
- ) : null;
- }
-}
-
-export default NumericalAnswerDropDown;
diff --git a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerDropDownService/NumericalAnswerDropDownService.js b/wax-questions-service/src/NumericalAnswerService/NumericalAnswerDropDownService/NumericalAnswerDropDownService.js
deleted file mode 100644
index 3ac405e5b3324326e678d9cb6a4b8f5feddd1462..0000000000000000000000000000000000000000
--- a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerDropDownService/NumericalAnswerDropDownService.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Service } from 'wax-prosemirror-core';
-import NumericalAnswerDropDown from './NumericalAnswerDropDown';
-import NumericalAnswerToolGroupService from '../NumericalAnswerToolGroupService/NumericalAnswerToolGroupService';
-
-class NumericalAnswerDropDownService extends Service {
- register() {
- this.container.bind('NumericalAnswerDropDown').to(NumericalAnswerDropDown);
- }
-
- dependencies = [new NumericalAnswerToolGroupService()];
-}
-
-export default NumericalAnswerDropDownService;
diff --git a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerService.js b/wax-questions-service/src/NumericalAnswerService/NumericalAnswerService.js
index a2c3480724a85530aa19ba07998e39958d46d36b..bb867dfa2ecd37c446e807dee5d7645456e58b19 100644
--- a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerService.js
+++ b/wax-questions-service/src/NumericalAnswerService/NumericalAnswerService.js
@@ -3,7 +3,6 @@ import NumericalAnswerContainerNode from './schema/NumericalAnswerContainerNode'
import NumericalAnswerQuestion from './NumericalAnswerQuestion';
import NumericalAnswerContainerNodeView from './NumericalAnswerContainerNodeView';
import NumericalAnswerContainerComponent from './components/NumericalAnswerContainerComponent';
-import NumericalAnswerDropDownService from './NumericalAnswerDropDownService/NumericalAnswerDropDownService';
import './numericalAnswer.css';
class NumericalAnswerService extends Service {
@@ -22,8 +21,6 @@ class NumericalAnswerService extends Service {
context: this.app,
});
}
-
- dependencies = [new NumericalAnswerDropDownService()];
}
export default NumericalAnswerService;
diff --git a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerToolGroupService/NumericalAnswer.js b/wax-questions-service/src/NumericalAnswerService/NumericalAnswerToolGroupService/NumericalAnswer.js
deleted file mode 100644
index 210dc52f247b0af6e4c9e8a9f88c9c75ebbce42d..0000000000000000000000000000000000000000
--- a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerToolGroupService/NumericalAnswer.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { injectable, inject } from 'inversify';
-import { ToolGroup } from 'wax-prosemirror-core';
-
-@injectable()
-class NumericalAnswer extends ToolGroup {
- tools = [];
- constructor(@inject('NumericalAnswerDropDown') NumericalAnswerDropDown) {
- super();
- this.tools = [NumericalAnswerDropDown];
- }
-}
-
-export default NumericalAnswer;
diff --git a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerToolGroupService/NumericalAnswerToolGroupService.js b/wax-questions-service/src/NumericalAnswerService/NumericalAnswerToolGroupService/NumericalAnswerToolGroupService.js
deleted file mode 100644
index d18bd11a9159e3e7650898cd73cbb4d9210508a2..0000000000000000000000000000000000000000
--- a/wax-questions-service/src/NumericalAnswerService/NumericalAnswerToolGroupService/NumericalAnswerToolGroupService.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Service } from 'wax-prosemirror-core';
-import NumericalAnswer from './NumericalAnswer';
-
-class NumericalAnswerToolGroupService extends Service {
- register() {
- this.container.bind('NumericalAnswer').to(NumericalAnswer);
- }
-}
-
-export default NumericalAnswerToolGroupService;
diff --git a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js
index f3a1381c0fe144d11fbe32ddd1893d8c17e06c60..759259341660dc81205296657da06cdfdd30bcc5 100644
--- a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js
+++ b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js
@@ -1,13 +1,9 @@
import React, { useContext } from 'react';
-import {
- WaxContext,
- ComponentPlugin,
- DocumentHelpers,
- Icon,
-} from 'wax-prosemirror-core';
+import { WaxContext, DocumentHelpers, Icon } from 'wax-prosemirror-core';
import styled from 'styled-components';
import EditorComponent from '../../MultipleChoiceQuestionService/components/EditorComponent';
import FeedbackComponent from '../../MultipleChoiceQuestionService/components/FeedbackComponent';
+import NumericalAnswerDropDownCompontent from './NumericalAnswerDropDownCompontent';
import ExactAnswerComponent from './ExactAnswerComponent';
import PreciseAnswerComponent from './PreciseAnswerComponent';
import RangeAnswerComponent from './RangeAnswerComponent';
@@ -43,7 +39,7 @@ const ActionButton = styled.button`
margin-top: 16px;
border: none;
position: relative;
- bottom: 14px;
+ bottom: 40px;
left: -11px;
float: right;
`;
@@ -61,8 +57,6 @@ export default ({ node, view, getPos }) => {
} = context;
const { numericalAnswer } = options;
- const NumericalAnswerTool = ComponentPlugin('NumericalAnswer');
-
const customProps = main.props.customValues;
const { testMode } = customProps;
@@ -92,7 +86,7 @@ export default ({ node, view, getPos }) => {
<div>
{!testMode && !readOnly && (
<NumericalAnswerContainerTool>
- <NumericalAnswerTool />
+ <NumericalAnswerDropDownCompontent nodeId={node.attrs.id} />
<ActionButton
aria-label="delete this question"
onClick={removeQuestion}
@@ -104,7 +98,12 @@ export default ({ node, view, getPos }) => {
)}
</div>
<NumericalAnswerContainer className="numerical-answer">
- <EditorComponent getPos={getPos} node={node} view={view} />
+ <EditorComponent
+ getPos={getPos}
+ node={node}
+ type="NumericalAnswer"
+ view={view}
+ />
<NumericalAnswerOption>
{!numericalAnswer && <>No Type Selected</>}
{numericalAnswer === 'exactAnswer' && <ExactAnswerComponent />}
diff --git a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js
index d15511dd7a64889e95c20dc0411b515062970a6c..61efd0d2aa3dc7ec4d5548d4d7370b37de440d36 100644
--- a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js
+++ b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js
@@ -21,6 +21,8 @@ const DropDownButton = styled.button`
cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};
display: flex;
position: relative;
+ top: 2px;
+ left: 3px;
width: 235px;
height: 26px;
@@ -66,7 +68,8 @@ const StyledIcon = styled(Icon)`
position: relative;
`;
-const NumericalAnswerDropDownCompontent = ({ view = {}, item }) => {
+const NumericalAnswerDropDownCompontent = ({ nodeId }) => {
+ console.log(nodeId);
const dropDownOptions = [
{
label: 'Exact answer with margin of error',