@pie-element/math-inline 5.9.0 → 5.9.1-beta.1443

package/configure/lib/configure.js

@@ -37,9 +37,9 @@ var _generalConfigBlock = _interopRequireDefault(require("./general-config-block
 
 var _utils = require("./utils");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -114,49 +114,69 @@ var Configure = /*#__PURE__*/function (_React$Component) {
           imageSupport = _this$props2.imageSupport,
           onModelChanged = _this$props2.onModelChanged,
           configuration = _this$props2.configuration,
-          onConfigurationChanged = _this$props2.onConfigurationChanged;
+          onConfigurationChanged = _this$props2.onConfigurationChanged,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
 
       var _ref = configuration || {},
+          _ref$allowTrailingZer = _ref.allowTrailingZeros,
+          allowTrailingZeros = _ref$allowTrailingZer === void 0 ? {} : _ref$allowTrailingZer,
           _ref$feedback = _ref.feedback,
           feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
-          _ref$responseType = _ref.responseType,
-          responseType = _ref$responseType === void 0 ? {} : _ref$responseType,
-          _ref$teacherInstructi = _ref.teacherInstructions,
-          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
-          _ref$studentInstructi = _ref.studentInstructions,
-          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
-          _ref$rationale = _ref.rationale,
-          rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
+          _ref$ignoreOrder = _ref.ignoreOrder,
+          ignoreOrder = _ref$ignoreOrder === void 0 ? {} : _ref$ignoreOrder,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
           _ref$prompt = _ref.prompt,
           prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
+          _ref$rationale = _ref.rationale,
+          rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
+          _ref$responseType = _ref.responseType,
+          responseType = _ref$responseType === void 0 ? {} : _ref$responseType,
           _ref$scoringType = _ref.scoringType,
           scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
-          _ref$ignoreOrder = _ref.ignoreOrder,
-          ignoreOrder = _ref$ignoreOrder === void 0 ? {} : _ref$ignoreOrder,
-          _ref$allowTrailingZer = _ref.allowTrailingZeros,
-          allowTrailingZeros = _ref$allowTrailingZer === void 0 ? {} : _ref$allowTrailingZer;
-
-      log('[render] model', model);
+          settingsPanelDisabled = _ref.settingsPanelDisabled,
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+          _ref$studentInstructi = _ref.studentInstructions,
+          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+          _ref$withRubric = _ref.withRubric,
+          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
 
       var _ref2 = model || {},
-          rationaleEnabled = _ref2.rationaleEnabled,
+          feedbackEnabled = _ref2.feedbackEnabled,
           promptEnabled = _ref2.promptEnabled,
+          rationaleEnabled = _ref2.rationaleEnabled,
+          spellCheckEnabled = _ref2.spellCheckEnabled,
           teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
-          feedbackEnabled = _ref2.feedbackEnabled;
-
-      var toolbarOpts = {};
-
-      switch (model.toolbarEditorPosition) {
-        case 'top':
-          toolbarOpts.position = 'top';
-          break;
-
-        default:
-          toolbarOpts.position = 'bottom';
-          break;
-      }
+          toolbarEditorPosition = _ref2.toolbarEditorPosition;
 
+      log('[render] model', model);
+      var toolbarOpts = {
+        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+      };
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var panelSettings = {
+        responseType: responseType.settings && radio(responseType.label, [_utils.ResponseTypes.simple, _utils.ResponseTypes.advanced]),
+        feedbackEnabled: feedback.settings && toggle(feedback.label),
+        promptEnabled: prompt.settings && toggle(prompt.label)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        rationaleEnabled: rationale.settings && toggle(rationale.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
+        'ignoreOrder.enabled': ignoreOrder.settings && toggle(ignoreOrder.label),
+        'allowTrailingZeros.enabled': allowTrailingZeros.settings && toggle(allowTrailingZeros.label),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
+      };
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
           configuration: configuration,
@@ -167,19 +187,8 @@ var Configure = /*#__PURE__*/function (_React$Component) {
             return onConfigurationChanged(config);
           },
           groups: {
-            'Settings': {
-              responseType: responseType.settings && radio(responseType.label, [_utils.ResponseTypes.simple, _utils.ResponseTypes.advanced]),
-              feedbackEnabled: feedback.settings && toggle(feedback.label),
-              'promptEnabled': prompt.settings && toggle(prompt.label)
-            },
-            'Properties': {
-              teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-              studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-              rationaleEnabled: rationale.settings && toggle(rationale.label),
-              scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
-              'ignoreOrder.enabled': ignoreOrder.settings && toggle(ignoreOrder.label),
-              'allowTrailingZeros.enabled': allowTrailingZeros.settings && toggle(allowTrailingZeros.label)
-            }
+            Settings: panelSettings,
+            Properties: panelProperties
           }
         })
       }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -193,15 +202,26 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         onChange: this.changeTeacherInstructions,
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), /*#__PURE__*/_react["default"].createElement(_generalConfigBlock["default"], {
         imageSupport: imageSupport,
+        uploadSoundSupport: uploadSoundSupport,
         model: model,
         configuration: configuration,
         onChange: this.onChange,
         rationaleEnabled: rationaleEnabled,
         promptEnabled: promptEnabled,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled
       }), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
         feedback: model.feedback,
         onChange: this.onFeedbackChange,
@@ -219,7 +239,8 @@ exports.Configure = Configure;
   classes: _propTypes["default"].object,
   model: _propTypes["default"].object.isRequired,
   configuration: _propTypes["default"].object.isRequired,
-  imageSupport: _propTypes["default"].object
+  imageSupport: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object
 });
 
 var _default = (0, _styles.withStyles)(styles)(Configure);

package/configure/lib/configure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","model","props","onModelChanged","teacherInstructions","feedback","classes","imageSupport","configuration","onConfigurationChanged","responseType","studentInstructions","rationale","scoringType","ignoreOrder","allowTrailingZeros","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","config","label","ResponseTypes","simple","advanced","studentInstructionsEnabled","changeTeacherInstructions","onChange","onFeedbackChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  FeedbackConfig,\n  settings,\n  layout,\n  InputContainer,\n} from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport EditableHtml from '@pie-lib/editable-html';\nimport GeneralConfigBlock from './general-config-block';\nimport { ResponseTypes } from './utils';\n\nconst log = debug('@pie-element:math-inline:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  },\n});\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object\n  };\n\n  onChange = model => {\n    this.props.onModelChanged(model);\n  };\n\n  changeTeacherInstructions = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onFeedbackChange = feedback => {\n    const { model, onModelChanged } = this.props;\n    model.feedback = feedback;\n    onModelChanged(model);\n  };\n\n  render() {\n    const { classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged } = this.props;\n    const {\n      feedback = {},\n      responseType = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      prompt = {},\n      scoringType = {},\n      ignoreOrder = {},\n      allowTrailingZeros={}\n    } = configuration || {};\n    log('[render] model', model);\n    const { rationaleEnabled, promptEnabled, teacherInstructionsEnabled, feedbackEnabled } = model || {};\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    return (\n      <div>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={model => onModelChanged(model)}\n              onChangeConfiguration={config => onConfigurationChanged(config)}\n              groups={{\n                'Settings': {\n                  responseType: responseType.settings &&\n                    radio(responseType.label, [ResponseTypes.simple, ResponseTypes.advanced]),\n                  feedbackEnabled: feedback.settings &&\n                    toggle(feedback.label),\n                  'promptEnabled': prompt.settings &&\n                    toggle(prompt.label)\n                },\n                'Properties': {\n                  teacherInstructionsEnabled: teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  studentInstructionsEnabled: studentInstructions.settings &&\n                    toggle(studentInstructions.label),\n                  rationaleEnabled: rationale.settings && toggle(rationale.label),\n                  scoringType: scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric']),\n                  'ignoreOrder.enabled':\n                    ignoreOrder.settings && toggle(ignoreOrder.label),\n                  'allowTrailingZeros.enabled':\n                    allowTrailingZeros.settings && toggle(allowTrailingZeros.label),\n                },\n              }}\n            />\n          }\n        >\n          <div>\n            <div className={classes.content}>\n              {teacherInstructionsEnabled && (\n                <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n                  <EditableHtml\n                    className={classes.prompt}\n                    markup={model.teacherInstructions || ''}\n                    onChange={this.changeTeacherInstructions}\n                    imageSupport={imageSupport}\n                    nonEmpty={false}\n                    toolbarOpts={toolbarOpts}\n                  />\n                </InputContainer>\n              )}\n\n              <GeneralConfigBlock\n                imageSupport={imageSupport}\n                model={model}\n                configuration={configuration}\n                onChange={this.onChange}\n                rationaleEnabled={rationaleEnabled}\n                promptEnabled={promptEnabled}\n                toolbarOpts={toolbarOpts}\n              />\n              {\n                feedbackEnabled && (\n                  <FeedbackConfig\n                    feedback={model.feedback}\n                    onChange={this.onFeedbackChange}\n                    toolbarOpts={toolbarOpts}\n                  />\n                )\n              }\n            </div>\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}
+{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","model","props","onModelChanged","teacherInstructions","feedback","classes","imageSupport","configuration","onConfigurationChanged","uploadSoundSupport","allowTrailingZeros","ignoreOrder","maxImageWidth","maxImageHeight","rationale","responseType","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","withRubric","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","toolbarOpts","position","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","label","ResponseTypes","simple","advanced","panelProperties","studentInstructionsEnabled","rubricEnabled","config","Settings","Properties","changeTeacherInstructions","language","onChange","onFeedbackChange","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FeedbackConfig, settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport EditableHtml from '@pie-lib/editable-html';\nimport GeneralConfigBlock from './general-config-block';\nimport { ResponseTypes } from './utils';\n\nconst log = debug('@pie-element:math-inline:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit,\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n});\n\nexport class Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  onChange = (model) => {\n    this.props.onModelChanged(model);\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions,\n    });\n  };\n\n  onFeedbackChange = (feedback) => {\n    const { model, onModelChanged } = this.props;\n    model.feedback = feedback;\n    onModelChanged(model);\n  };\n\n  render() {\n    const { classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      allowTrailingZeros = {},\n      feedback = {},\n      ignoreOrder = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      prompt = {},\n      rationale = {},\n      responseType = {},\n      scoringType = {},\n      settingsPanelDisabled,\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    log('[render] model', model);\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      responseType: responseType.settings && radio(responseType.label, [ResponseTypes.simple, ResponseTypes.advanced]),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      'ignoreOrder.enabled': ignoreOrder.settings && toggle(ignoreOrder.label),\n      'allowTrailingZeros.enabled': allowTrailingZeros.settings && toggle(allowTrailingZeros.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    return (\n      <div>\n        <layout.ConfigLayout\n          hideSettings={settingsPanelDisabled}\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={(model) => onModelChanged(model)}\n              onChangeConfiguration={(config) => onConfigurationChanged(config)}\n              groups={{\n                Settings: panelSettings,\n                Properties: panelProperties,\n              }}\n            />\n          }\n        >\n          <div>\n            <div className={classes.content}>\n              {teacherInstructionsEnabled && (\n                <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n                  <EditableHtml\n                    className={classes.prompt}\n                    markup={model.teacherInstructions || ''}\n                    onChange={this.changeTeacherInstructions}\n                    imageSupport={imageSupport}\n                    nonEmpty={false}\n                    toolbarOpts={toolbarOpts}\n                    spellCheck={spellCheckEnabled}\n                    maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                    maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                  />\n                </InputContainer>\n              )}\n\n              <GeneralConfigBlock\n                imageSupport={imageSupport}\n                uploadSoundSupport={uploadSoundSupport}\n                model={model}\n                configuration={configuration}\n                onChange={this.onChange}\n                rationaleEnabled={rationaleEnabled}\n                promptEnabled={promptEnabled}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n              />\n\n              {feedbackEnabled && (\n                <FeedbackConfig feedback={model.feedback} onChange={this.onFeedbackChange} toolbarOpts={toolbarOpts} />\n              )}\n            </div>\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}

package/configure/lib/defaults.js

@@ -65,6 +65,12 @@ var _default = {
       settings: true,
       label: 'Rationale'
     },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
     scoringType: {
       settings: false,
       label: 'Scoring Type'
@@ -90,6 +96,20 @@ var _default = {
       settings: false,
       label: 'Allow Trailing Zeros',
       enabled: true
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","partialScoring","responseType","ResponseTypes","advanced","element","feedback","correct","type","incorrect","partial","equationEditor","expression","rationale","note","prompt","responses","customKeys","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","validationDefault","ignoreOrderDefault","allowTrailingZerosDefault","configuration","settings","label","studentInstructions","teacherInstructions","ignoreOrder","enabled","allowTrailingZeros"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,cAAc,EAAE,IADX;AAELC,IAAAA,YAAY,EAAEC,qBAAcC,QAFvB;AAGLC,IAAAA,OAAO,EAAE,aAHJ;AAILC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,OAAO,EAAE;AACP,mBAAS,SADF;AAEPC,QAAAA,IAAI,EAAE;AAFC,OADD;AAKRC,MAAAA,SAAS,EAAE;AACT,mBAAS,WADA;AAETD,QAAAA,IAAI,EAAE;AAFG,OALH;AASRE,MAAAA,OAAO,EAAE;AACP,mBAAS,QADF;AAEPF,QAAAA,IAAI,EAAE;AAFC;AATD,KAJL;AAkBLG,IAAAA,cAAc,EAAE,GAlBX;AAmBLC,IAAAA,UAAU,EAAE,EAnBP;AAoBLC,IAAAA,SAAS,EAAE,sBApBN;AAqBLC,IAAAA,IAAI,EACF,kJAtBG;AAuBLC,IAAAA,MAAM,EAAE,EAvBH;AAwBLC,IAAAA,SAAS,EAAE,EAxBN;AAyBLC,IAAAA,UAAU,EAAE,EAzBP;AA0BLC,IAAAA,WAAW,EAAE,MA1BR;AA2BLC,IAAAA,eAAe,EAAE,IA3BZ;AA4BLC,IAAAA,aAAa,EAAE,IA5BV;AA6BLC,IAAAA,gBAAgB,EAAE,IA7Bb;AA8BLC,IAAAA,0BAA0B,EAAE,IA9BvB;AA+BLC,IAAAA,0BAA0B,EAAE,IA/BvB;AAgCLC,IAAAA,qBAAqB,EAAE,QAhClB;AAiCLC,IAAAA,iBAAiB,EAAE,SAjCd;AAkCLC,IAAAA,kBAAkB,EAAE,KAlCf;AAmCLC,IAAAA,yBAAyB,EAAE;AAnCtB,GADM;AAsCbC,EAAAA,aAAa,EAAE;AACbb,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbxB,IAAAA,QAAQ,EAAE;AACRuB,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE;AAFC,KALG;AASb5B,IAAAA,YAAY,EAAE;AACZ2B,MAAAA,QAAQ,EAAE,IADE;AAEZC,MAAAA,KAAK,EAAE;AAFK,KATD;AAabjB,IAAAA,SAAS,EAAE;AACTgB,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAbE;AAiBbZ,IAAAA,WAAW,EAAE;AACXW,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KAjBA;AAqBbC,IAAAA,mBAAmB,EAAE;AACnBF,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KArBR;AAyBbE,IAAAA,mBAAmB,EAAE;AACnBH,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAzBR;AA6Bb7B,IAAAA,cAAc,EAAE;AACd4B,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KA7BH;AAiCbG,IAAAA,WAAW,EAAE;AACXJ,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE,cAFI;AAGXI,MAAAA,OAAO,EAAE;AAHE,KAjCA;AAsCbC,IAAAA,kBAAkB,EAAE;AAClBN,MAAAA,QAAQ,EAAE,KADQ;AAElBC,MAAAA,KAAK,EAAE,sBAFW;AAGlBI,MAAAA,OAAO,EAAE;AAHS;AAtCP;AAtCF,C","sourcesContent":["import { ResponseTypes } from './utils';\n\n/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\n\nexport default {\n  model: {\n    partialScoring: true,\n    responseType: ResponseTypes.advanced,\n    element: 'math-inline',\n    feedback: {\n      correct: {\n        default: 'Correct',\n        type: 'none',\n      },\n      incorrect: {\n        default: 'Incorrect',\n        type: 'none',\n      },\n      partial: {\n        default: 'Nearly',\n        type: 'none',\n      },\n    },\n    equationEditor: '8',\n    expression: '',\n    rationale: 'Rationale goes here.',\n    note:\n      'The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.',\n    prompt: '',\n    responses: [],\n    customKeys: [],\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    validationDefault: 'literal',\n    ignoreOrderDefault: false,\n    allowTrailingZerosDefault: false,\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n    },\n    responseType: {\n      settings: true,\n      label: 'Response type',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    ignoreOrder: {\n      settings: false,\n      label: 'Ignore Order',\n      enabled: true,\n    },\n    allowTrailingZeros: {\n      settings: false,\n      label: 'Allow Trailing Zeros',\n      enabled: true\n    },\n  },\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","partialScoring","responseType","ResponseTypes","advanced","element","feedback","correct","type","incorrect","partial","equationEditor","expression","rationale","note","prompt","responses","customKeys","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","validationDefault","ignoreOrderDefault","allowTrailingZerosDefault","configuration","settings","label","settingsPanelDisabled","spellCheck","enabled","studentInstructions","teacherInstructions","ignoreOrder","allowTrailingZeros","maxImageWidth","maxImageHeight","withRubric"],"mappings":"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","sourcesContent":["import { ResponseTypes } from './utils';\n\n/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\n\nexport default {\n  model: {\n    partialScoring: true,\n    responseType: ResponseTypes.advanced,\n    element: 'math-inline',\n    feedback: {\n      correct: {\n        default: 'Correct',\n        type: 'none',\n      },\n      incorrect: {\n        default: 'Incorrect',\n        type: 'none',\n      },\n      partial: {\n        default: 'Nearly',\n        type: 'none',\n      },\n    },\n    equationEditor: '8',\n    expression: '',\n    rationale: 'Rationale goes here.',\n    note: 'The answer shown above is the primary correct answer specified by the author for this item, but other answers may also be recognized as correct.',\n    prompt: '',\n    responses: [],\n    customKeys: [],\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n    validationDefault: 'literal',\n    ignoreOrderDefault: false,\n    allowTrailingZerosDefault: false,\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n    },\n    responseType: {\n      settings: true,\n      label: 'Response type',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    settingsPanelDisabled: false,\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type',\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions',\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    ignoreOrder: {\n      settings: false,\n      label: 'Ignore Order',\n      enabled: true,\n    },\n    allowTrailingZeros: {\n      settings: false,\n      label: 'Allow Trailing Zeros',\n      enabled: true,\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/general-config-block.js

@@ -53,13 +53,17 @@ var _utils = require("./utils");
 
 var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
 
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -130,6 +134,7 @@ var styles = function styles(theme) {
       margin: theme.spacing.unit / 2
     },
     blockResponse: {
+      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
       flex: 2,
       color: 'grey',
       background: 'lightgrey',
@@ -157,6 +162,15 @@ var styles = function styles(theme) {
           }
         }
       }
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre-wrap'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
     }
   };
 };
@@ -386,6 +400,7 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
           classes = _this$props4.classes,
           model = _this$props4.model,
           imageSupport = _this$props4.imageSupport,
+          uploadSoundSupport = _this$props4.uploadSoundSupport,
           configuration = _this$props4.configuration,
           promptEnabled = _this$props4.promptEnabled,
           rationaleEnabled = _this$props4.rationaleEnabled,
@@ -398,7 +413,10 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
           promptEquationEditor = _model$promptEquation === void 0 ? '8' : _model$promptEquation,
           responses = model.responses,
           responseType = model.responseType,
-          rationale = model.rationale;
+          rationale = model.rationale,
+          spellCheckEnabled = model.spellCheckEnabled,
+          _model$errors = model.errors,
+          errors = _model$errors === void 0 ? {} : _model$errors;
 
       var _ref = configuration || {},
           _ref$rationale = _ref.rationale,
@@ -408,8 +426,18 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
           _ref$ignoreOrder = _ref.ignoreOrder,
           cIgnoreOrder = _ref$ignoreOrder === void 0 ? {} : _ref$ignoreOrder,
           _ref$allowTrailingZer = _ref.allowTrailingZeros,
-          cAllowTrailingZeros = _ref$allowTrailingZer === void 0 ? {} : _ref$allowTrailingZer;
-
+          cAllowTrailingZeros = _ref$allowTrailingZer === void 0 ? {} : _ref$allowTrailingZer,
+          maxResponseAreas = _ref.maxResponseAreas,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight;
+
+      var validationMessage = (0, _utils.generateValidationMessage)(configuration, model);
+      var responsesErrors = errors.responsesErrors,
+          responseAreasError = errors.responseAreasError;
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
       var classNames = {
         editor: classes.responseEditor,
         mathToolbar: classes.mathToolbar
@@ -430,7 +458,16 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
         onChange: this.onChange('prompt'),
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: defaultImageMaxWidth,
+        maxImageHeight: defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), rationaleEnabled && /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: cRationale.label,
         className: classes.promptHolder
@@ -445,8 +482,38 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
         onChange: this.onChange('rationale'),
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
-      })), responseType === _utils.ResponseTypes.advanced && [/*#__PURE__*/React.createElement(_configUi.InputContainer, {
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
+      })), /*#__PURE__*/React.createElement("div", {
+        className: classes.flexContainer,
+        style: {
+          justifyContent: 'flex-start'
+        }
+      }, /*#__PURE__*/React.createElement("h3", null, "Define Response"), /*#__PURE__*/React.createElement(_Tooltip["default"], {
+        classes: {
+          tooltip: classes.tooltip
+        },
+        disableFocusListener: true,
+        disableTouchListener: true,
+        placement: 'right',
+        title: validationMessage
+      }, /*#__PURE__*/React.createElement(_Info["default"], {
+        fontSize: 'small',
+        color: 'primary',
+        style: {
+          marginLeft: '5px'
+        }
+      }))), responseAreasError && /*#__PURE__*/React.createElement("div", {
+        className: classes.errorText
+      }, responseAreasError), responseType === _utils.ResponseTypes.advanced && [/*#__PURE__*/React.createElement(_configUi.InputContainer, {
         key: "templateEditorType",
         label: "Response Template Equation Editor",
         className: classes.selectContainer
@@ -492,8 +559,10 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
         latex: prepareForStatic(expression) || '',
         onChange: this.onChange('expression'),
         onFocus: this.onFocus,
-        onDone: this.onDone
-      }))], /*#__PURE__*/React.createElement("h3", null, "Define Correct Response"), /*#__PURE__*/React.createElement("div", {
+        onDone: this.onDone,
+        maxResponseAreas: maxResponseAreas,
+        error: responseAreasError
+      }))], /*#__PURE__*/React.createElement("h4", null, "Define Correct Response"), /*#__PURE__*/React.createElement("div", {
         className: classes.flexContainer
       }, /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: "Equation Editor",
@@ -535,7 +604,8 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
           onResponseChange: _this2.onResponseChange,
           index: idx,
           cIgnoreOrder: cIgnoreOrder,
-          cAllowTrailingZeros: cAllowTrailingZeros
+          cAllowTrailingZeros: cAllowTrailingZeros,
+          error: responsesErrors && responsesErrors[idx]
         });
       }));
     }
@@ -547,6 +617,7 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
   classes: _propTypes["default"].object.isRequired,
   model: _propTypes["default"].object.isRequired,
   imageSupport: _propTypes["default"].object,
+  uploadSoundSupport: _propTypes["default"].object,
   configuration: _propTypes["default"].object,
   onChange: _propTypes["default"].func.isRequired,
   promptEnabled: _propTypes["default"].bool,