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

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,

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/general-config-block.jsx"],"names":["registered","styles","theme","container","marginTop","spacing","unit","marginBottom","display","flexDirection","templateTitle","fontSize","addResponseButton","border","width","flexContainer","alignItems","justifyContent","selectContainer","flex","inputContainer","responseEditor","minWidth","maxWidth","height","minHeight","textAlign","padding","promptHolder","paddingBottom","prompt","paddingTop","blockContainer","margin","blockContainerGeneric","blockResponse","color","background","borderRight","blockResponseGeneric","blockMath","REGEX","TEMPORARY_RESPONSE_FIELD","ANSWER_BLOCK_REGEX","NEWLINE_BLOCK","NEWLINE_LATEX","prepareForStatic","expression","answerBlocks","replace","prepareForModel","GeneralConfigBlock","props","name","evtOrValue","model","onChange","newModel","target","value","setState","showKeypad","responseAreas","state","root","Object","keys","length","forEach","responseId","idx","el","querySelector","indexEl","MQ","MathQuill","getInterface","StaticMath","textContent","responseIdCounter","newCounter","responses","find","response","id","validation","answer","alternates","concat","index","classes","window","registerEmbed","data","genericAnswerBlock","htmlString","text","latex","handleAnswerBlockDomUpdate","imageSupport","configuration","promptEnabled","rationaleEnabled","toolbarOpts","equationEditor","promptEquationEditor","responseType","rationale","cRationale","cPrompt","ignoreOrder","cIgnoreOrder","allowTrailingZeros","cAllowTrailingZeros","classNames","editor","mathToolbar","responsesToUse","ResponseTypes","advanced","slice","r","label","onPromptFocus","math","controlledKeypadMode","select","onFocus","onDone","map","simple","onResponseChange","React","Component","PropTypes","object","isRequired","func","bool"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Response from './response';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport isEqual from 'lodash/isEqual';\nimport { ResponseTypes } from './utils';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet registered = false;\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  templateTitle: {\n    fontSize: '0.85rem',\n  },\n  addResponseButton: {\n    border: '1px solid lightgrey',\n    float: 'right',\n    width: '150px',\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  selectContainer: {\n    flex: 'initial',\n    width: '40%',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  inputContainer: {\n    marginBottom: theme.spacing.unit * 4,\n    display: 'flex',\n    flexDirection: 'column',\n    width: '90%',\n  },\n  responseEditor: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n    minWidth: '500px',\n    maxWidth: 'inherit',\n    height: 'auto',\n    minHeight: '130px',\n    textAlign: 'left',\n    padding: theme.spacing.unit,\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    maxWidth: '600px',\n  },\n  blockContainer: {\n    margin: theme.spacing.unit,\n    display: 'inline-flex',\n    border: '2px solid grey',\n  },\n  blockContainerGeneric: {\n    margin: theme.spacing.unit / 2,\n  },\n  blockResponse: {\n    flex: 2,\n    color: 'grey',\n    background: 'lightgrey',\n    fontSize: '0.8rem',\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRight: '2px solid grey',\n  },\n  blockResponseGeneric: {\n    borderRight: 0,\n  },\n  blockMath: {\n    color: '#bdbdbd',\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flex: 8,\n    '& > .mq-math-mode': {\n      '& > .mq-hasCursor': {\n        '& > .mq-cursor': {\n          display: 'none',\n        },\n      },\n    },\n  },\n});\n\nconst REGEX = /{{response}}/gm;\nconst TEMPORARY_RESPONSE_FIELD = /\\\\%response\\\\%/gm;\nconst ANSWER_BLOCK_REGEX = /\\\\embed\\{answerBlock\\}\\[r\\d*\\]/g;\nconst NEWLINE_BLOCK = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = /\\\\newline/g;\n\nfunction prepareForStatic(expression) {\n  if (expression) {\n    let answerBlocks = 1; // assume one at least\n\n    return expression.replace(\n      REGEX,\n      () => `\\\\embed{answerBlock}[r${answerBlocks++}]`\n    ).replace(NEWLINE_LATEX, '\\\\embed{newLine}[]');\n  }\n}\n\nfunction prepareForModel(expression) {\n  if (expression) {\n    return expression\n      .replace(ANSWER_BLOCK_REGEX, () => '{{response}}')\n      .replace(TEMPORARY_RESPONSE_FIELD, () => '{{response}}')\n      .replace(NEWLINE_BLOCK, () => '\\\\newline');\n  }\n}\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object,\n    configuration: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    promptEnabled: PropTypes.bool,\n    rationaleEnabled: PropTypes.bool,\n    toolbarOpts: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n\n    const responseAreas = {};\n\n    if (props.model && props.model.expression) {\n      let answerBlocks = 1; // assume one at least\n      // build out local state model using responses declared in expression\n\n      props.model.expression.replace(REGEX, () => {\n        responseAreas[`r${answerBlocks++}`] = {\n          value: '',\n        };\n      });\n    }\n\n    this.state = {\n      showKeypad: false,\n      responseAreas,\n      responseIdCounter: Object.keys(responseAreas).length,\n    };\n  }\n\n  onChange = (name) => (evtOrValue) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (typeof evtOrValue === 'object') {\n      newModel[name] = evtOrValue.target.value;\n    } else {\n      newModel[name] = evtOrValue;\n    }\n\n    if (name === 'expression') {\n      newModel[name] = prepareForModel(evtOrValue);\n    }\n\n    onChange(newModel);\n  };\n\n  onDone = () => {\n    this.setState({ showKeypad: false });\n  };\n\n  onFocus = () => {\n    this.setState({ showKeypad: true });\n  };\n\n  onPromptFocus = () => {\n    this.setState({ showKeypad: false });\n  };\n\n  UNSAFE_componentWillMount() {\n    const { classes } = this.props;\n\n    if (typeof window !== 'undefined') {\n      // const MathQuill = require('@pie-framework/mathquill');\n      let MQ = MathQuill.getInterface(2);\n\n      if (!registered) {\n        MQ.registerEmbed('answerBlock', (data) => {\n          // not used until we implement individual answer tracking\n          // const individualAnswerBlock = `<div class=\"${classes.blockContainer}\">\n          //     <div class=\"${classes.blockResponse}\" id=\"${data}Index\">R</div>\n          //     <div class=\"${classes.blockMath}\">\n          //        <span id=\"${data}\"></span>\n          //      </div>\n          //   </div>`;\n\n          const genericAnswerBlock = `<div class=\"${cx(\n            classes.blockContainer,\n            classes.blockContainerGeneric\n          )}\">\n                <div class=\"${cx(\n            classes.blockResponse,\n            classes.blockResponseGeneric\n          )}\" id=\"${data}Index\">Response</div>\n              </div>`;\n\n          return {\n            htmlString: genericAnswerBlock,\n            text: () => 'text',\n            latex: () => `\\\\embed{answerBlock}[${data}]`,\n          };\n        });\n\n        registered = true;\n      }\n    }\n  }\n\n  componentDidMount() {\n    this.handleAnswerBlockDomUpdate();\n  }\n\n  componentDidUpdate() {\n    this.handleAnswerBlockDomUpdate();\n  }\n\n  handleAnswerBlockDomUpdate = () => {\n    const { model } = this.props;\n\n    const responseAreas = {};\n\n    if (model && model.expression) {\n      let answerBlocks = 1; // assume one at least\n      // build out local state model using responses declared in expression\n\n      model.expression.replace(REGEX, () => {\n        responseAreas[`r${answerBlocks++}`] = {\n          value: '',\n        };\n      });\n    }\n\n    if (!isEqual(responseAreas, this.state.responseAreas)) {\n      this.setState(\n        {\n          responseAreas,\n        },\n        () => {\n          if (this.root && Object.keys(responseAreas).length) {\n            Object.keys(responseAreas).forEach((responseId, idx) => {\n              const el = this.root.querySelector(`#${responseId}`);\n              const indexEl = this.root.querySelector(`#${responseId}Index`);\n\n              if (el) {\n                // const MathQuill = require('@pie-framework/mathquill');\n                let MQ = MathQuill.getInterface(2);\n                // We no longer have individual answers, so we cannot set text content of blocks\n                // el.textContent = response.answer;\n                MQ.StaticMath(el);\n                indexEl.textContent = `R${idx + 1}`;\n              }\n            });\n          }\n        }\n      );\n    }\n  };\n\n  onAddResponse = () => {\n    const { model, onChange } = this.props;\n    const { responseIdCounter } = this.state;\n    const newModel = { ...model };\n\n    let newCounter = responseIdCounter;\n\n    while (model.responses.find((response) => response.id === newCounter)) {\n      newCounter++;\n    }\n\n    const response = {\n      id: newCounter,\n      validation: 'literal',\n      answer: '',\n      alternates: {},\n    };\n\n    newModel.responses = newModel.responses.concat(response);\n    onChange(newModel);\n\n    this.setState({\n      responseIdCounter: response.id,\n    });\n  };\n\n  onResponseChange = (response, index) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    newModel.responses[index] = response;\n    onChange(newModel);\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      imageSupport,\n      configuration,\n      promptEnabled,\n      rationaleEnabled,\n      toolbarOpts\n    } = this.props;\n    const { showKeypad } = this.state;\n    const {\n      prompt,\n      expression,\n      equationEditor,\n      promptEquationEditor = '8',\n      responses,\n      responseType,\n      rationale,\n    } = model;\n    const { rationale: cRationale = {}, prompt: cPrompt = {}, ignoreOrder: cIgnoreOrder = {}, allowTrailingZeros: cAllowTrailingZeros = {} } = configuration || {};\n\n    const classNames = {\n      editor: classes.responseEditor,\n      mathToolbar: classes.mathToolbar,\n    };\n\n    const responsesToUse =\n      responseType === ResponseTypes.advanced\n        ? responses\n        : responses.slice(0, 1);\n\n    return (\n      <div\n        ref={(r) => (this.root = r || this.root)}\n        className={classes.container}\n      >\n        {promptEnabled && (\n          <InputContainer label={cPrompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              onFocus={this.onPromptFocus}\n              className={classes.prompt}\n              markup={prompt || ''}\n              onChange={this.onChange('prompt')}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n            />\n          </InputContainer>\n        )}\n        {rationaleEnabled && (\n          <InputContainer\n            label={cRationale.label}\n            className={classes.promptHolder}\n          >\n            <EditableHtml\n              className={classes.prompt}\n              markup={rationale || ''}\n              pluginProps={{\n                math: {\n                  controlledKeypadMode: false\n                }\n              }}\n              onChange={this.onChange('rationale')}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n            />\n          </InputContainer>\n        )}\n        {responseType === ResponseTypes.advanced && ([\n          <InputContainer\n            key=\"templateEditorType\"\n            label=\"Response Template Equation Editor\"\n            className={classes.selectContainer}\n          >\n            <Select\n              className={classes.select}\n              onChange={this.onChange('promptEquationEditor')}\n              value={promptEquationEditor}\n            >\n              <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n              <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n              <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n              <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n              <MenuItem value={1}>Grade 1 - 2</MenuItem>\n              <MenuItem value={3}>Grade 3 - 5</MenuItem>\n              <MenuItem value={6}>Grade 6 - 7</MenuItem>\n              <MenuItem value={8}>Grade 8 - HS</MenuItem>\n              <MenuItem value={'geometry'}>Geometry</MenuItem>\n              <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n              <MenuItem value={'statistics'}>Statistics</MenuItem>\n              <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n            </Select>\n          </InputContainer>,\n          <div className={classes.inputContainer} key=\"templateHolder\">\n            <InputLabel className={classes.templateTitle}>\n              RESPONSE TEMPLATE\n            </InputLabel>\n            <MathToolbar\n              classNames={classNames}\n              allowAnswerBlock\n              keypadMode={promptEquationEditor}\n              controlledKeypad\n              showKeypad={showKeypad}\n              latex={prepareForStatic(expression) || ''}\n              onChange={this.onChange('expression')}\n              onFocus={this.onFocus}\n              onDone={this.onDone}\n            />\n          </div>\n        ])}\n        <h3>Define Correct Response</h3>\n        <div className={classes.flexContainer}>\n          <InputContainer\n            label=\"Equation Editor\"\n            className={classes.selectContainer}\n          >\n            <Select\n              className={classes.select}\n              onChange={this.onChange('equationEditor')}\n              value={equationEditor}\n            >\n              <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n              <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n              <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n              <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n              <MenuItem value={1}>Grade 1 - 2</MenuItem>\n              <MenuItem value={3}>Grade 3 - 5</MenuItem>\n              <MenuItem value={6}>Grade 6 - 7</MenuItem>\n              <MenuItem value={8}>Grade 8 - HS</MenuItem>\n              <MenuItem value={'geometry'}>Geometry</MenuItem>\n              <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n              <MenuItem value={'statistics'}>Statistics</MenuItem>\n              <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n            </Select>\n          </InputContainer>\n        </div>\n        {responsesToUse.map((response, idx) => (\n          <Response\n            key={response.id}\n            mode={equationEditor}\n            response={response}\n            defaultResponse={responseType === ResponseTypes.simple}\n            onResponseChange={this.onResponseChange}\n            index={idx}\n            cIgnoreOrder={cIgnoreOrder}\n            cAllowTrailingZeros={cAllowTrailingZeros}\n          />\n        ))}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}
+{"version":3,"sources":["../src/general-config-block.jsx"],"names":["registered","styles","theme","container","marginTop","spacing","unit","marginBottom","display","flexDirection","templateTitle","fontSize","addResponseButton","border","width","flexContainer","alignItems","justifyContent","selectContainer","flex","inputContainer","responseEditor","minWidth","maxWidth","height","minHeight","textAlign","padding","promptHolder","paddingBottom","prompt","paddingTop","blockContainer","margin","blockContainerGeneric","blockResponse","fontFamily","color","background","borderRight","blockResponseGeneric","blockMath","tooltip","whiteSpace","errorText","REGEX","TEMPORARY_RESPONSE_FIELD","ANSWER_BLOCK_REGEX","NEWLINE_BLOCK","NEWLINE_LATEX","prepareForStatic","expression","answerBlocks","replace","prepareForModel","GeneralConfigBlock","props","name","evtOrValue","model","onChange","newModel","target","value","setState","showKeypad","responseAreas","state","root","Object","keys","length","forEach","responseId","idx","el","querySelector","indexEl","MQ","MathQuill","getInterface","StaticMath","textContent","responseIdCounter","newCounter","responses","find","response","id","validation","answer","alternates","concat","index","classes","window","registerEmbed","data","genericAnswerBlock","htmlString","text","latex","handleAnswerBlockDomUpdate","imageSupport","uploadSoundSupport","configuration","promptEnabled","rationaleEnabled","toolbarOpts","equationEditor","promptEquationEditor","responseType","rationale","spellCheckEnabled","errors","cRationale","cPrompt","ignoreOrder","cIgnoreOrder","allowTrailingZeros","cAllowTrailingZeros","maxResponseAreas","maxImageWidth","maxImageHeight","validationMessage","responsesErrors","responseAreasError","defaultImageMaxWidth","defaultImageMaxHeight","classNames","editor","mathToolbar","responsesToUse","ResponseTypes","advanced","slice","r","label","onPromptFocus","language","math","controlledKeypadMode","marginLeft","select","onFocus","onDone","map","simple","onResponseChange","React","Component","PropTypes","object","isRequired","func","bool"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Response from './response';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport isEqual from 'lodash/isEqual';\nimport { ResponseTypes, generateValidationMessage } from './utils';\nimport MathQuill from '@pie-framework/mathquill';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nlet registered = false;\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  templateTitle: {\n    fontSize: '0.85rem',\n  },\n  addResponseButton: {\n    border: '1px solid lightgrey',\n    float: 'right',\n    width: '150px',\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  selectContainer: {\n    flex: 'initial',\n    width: '40%',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  inputContainer: {\n    marginBottom: theme.spacing.unit * 4,\n    display: 'flex',\n    flexDirection: 'column',\n    width: '90%',\n  },\n  responseEditor: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n    minWidth: '500px',\n    maxWidth: 'inherit',\n    height: 'auto',\n    minHeight: '130px',\n    textAlign: 'left',\n    padding: theme.spacing.unit,\n  },\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    maxWidth: '600px',\n  },\n  blockContainer: {\n    margin: theme.spacing.unit,\n    display: 'inline-flex',\n    border: '2px solid grey',\n  },\n  blockContainerGeneric: {\n    margin: theme.spacing.unit / 2,\n  },\n  blockResponse: {\n    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n    flex: 2,\n    color: 'grey',\n    background: 'lightgrey',\n    fontSize: '0.8rem',\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRight: '2px solid grey',\n  },\n  blockResponseGeneric: {\n    borderRight: 0,\n  },\n  blockMath: {\n    color: '#bdbdbd',\n    padding: theme.spacing.unit / 2,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flex: 8,\n    '& > .mq-math-mode': {\n      '& > .mq-hasCursor': {\n        '& > .mq-cursor': {\n          display: 'none',\n        },\n      },\n    },\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre-wrap',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\n\nconst REGEX = /{{response}}/gm;\nconst TEMPORARY_RESPONSE_FIELD = /\\\\%response\\\\%/gm;\nconst ANSWER_BLOCK_REGEX = /\\\\embed\\{answerBlock\\}\\[r\\d*\\]/g;\nconst NEWLINE_BLOCK = /\\\\embed\\{newLine\\}\\[\\]/g;\nconst NEWLINE_LATEX = /\\\\newline/g;\n\nfunction prepareForStatic(expression) {\n  if (expression) {\n    let answerBlocks = 1; // assume one at least\n\n    return expression\n      .replace(REGEX, () => `\\\\embed{answerBlock}[r${answerBlocks++}]`)\n      .replace(NEWLINE_LATEX, '\\\\embed{newLine}[]');\n  }\n}\n\nfunction prepareForModel(expression) {\n  if (expression) {\n    return expression\n      .replace(ANSWER_BLOCK_REGEX, () => '{{response}}')\n      .replace(TEMPORARY_RESPONSE_FIELD, () => '{{response}}')\n      .replace(NEWLINE_BLOCK, () => '\\\\newline');\n  }\n}\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object,\n    uploadSoundSupport: PropTypes.object,\n    configuration: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    promptEnabled: PropTypes.bool,\n    rationaleEnabled: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const responseAreas = {};\n\n    if (props.model && props.model.expression) {\n      let answerBlocks = 1; // assume one at least\n      // build out local state model using responses declared in expression\n\n      props.model.expression.replace(REGEX, () => {\n        responseAreas[`r${answerBlocks++}`] = {\n          value: '',\n        };\n      });\n    }\n\n    this.state = {\n      showKeypad: false,\n      responseAreas,\n      responseIdCounter: Object.keys(responseAreas).length,\n    };\n  }\n\n  onChange = (name) => (evtOrValue) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (typeof evtOrValue === 'object') {\n      newModel[name] = evtOrValue.target.value;\n    } else {\n      newModel[name] = evtOrValue;\n    }\n\n    if (name === 'expression') {\n      newModel[name] = prepareForModel(evtOrValue);\n    }\n\n    onChange(newModel);\n  };\n\n  onDone = () => {\n    this.setState({ showKeypad: false });\n  };\n\n  onFocus = () => {\n    this.setState({ showKeypad: true });\n  };\n\n  onPromptFocus = () => {\n    this.setState({ showKeypad: false });\n  };\n\n  UNSAFE_componentWillMount() {\n    const { classes } = this.props;\n\n    if (typeof window !== 'undefined') {\n      // const MathQuill = require('@pie-framework/mathquill');\n      let MQ = MathQuill.getInterface(2);\n\n      if (!registered) {\n        MQ.registerEmbed('answerBlock', (data) => {\n          // not used until we implement individual answer tracking\n          // const individualAnswerBlock = `<div class=\"${classes.blockContainer}\">\n          //     <div class=\"${classes.blockResponse}\" id=\"${data}Index\">R</div>\n          //     <div class=\"${classes.blockMath}\">\n          //        <span id=\"${data}\"></span>\n          //      </div>\n          //   </div>`;\n\n          const genericAnswerBlock = `<div class=\"${cx(classes.blockContainer, classes.blockContainerGeneric)}\">\n                <div class=\"${cx(classes.blockResponse, classes.blockResponseGeneric)}\" id=\"${data}Index\">Response</div>\n              </div>`;\n\n          return {\n            htmlString: genericAnswerBlock,\n            text: () => 'text',\n            latex: () => `\\\\embed{answerBlock}[${data}]`,\n          };\n        });\n\n        registered = true;\n      }\n    }\n  }\n\n  componentDidMount() {\n    this.handleAnswerBlockDomUpdate();\n  }\n\n  componentDidUpdate() {\n    this.handleAnswerBlockDomUpdate();\n  }\n\n  handleAnswerBlockDomUpdate = () => {\n    const { model } = this.props;\n\n    const responseAreas = {};\n\n    if (model && model.expression) {\n      let answerBlocks = 1; // assume one at least\n      // build out local state model using responses declared in expression\n\n      model.expression.replace(REGEX, () => {\n        responseAreas[`r${answerBlocks++}`] = {\n          value: '',\n        };\n      });\n    }\n\n    if (!isEqual(responseAreas, this.state.responseAreas)) {\n      this.setState(\n        {\n          responseAreas,\n        },\n        () => {\n          if (this.root && Object.keys(responseAreas).length) {\n            Object.keys(responseAreas).forEach((responseId, idx) => {\n              const el = this.root.querySelector(`#${responseId}`);\n              const indexEl = this.root.querySelector(`#${responseId}Index`);\n\n              if (el) {\n                // const MathQuill = require('@pie-framework/mathquill');\n                let MQ = MathQuill.getInterface(2);\n                // We no longer have individual answers, so we cannot set text content of blocks\n                // el.textContent = response.answer;\n                MQ.StaticMath(el);\n                indexEl.textContent = `R${idx + 1}`;\n              }\n            });\n          }\n        },\n      );\n    }\n  };\n\n  onAddResponse = () => {\n    const { model, onChange } = this.props;\n    const { responseIdCounter } = this.state;\n    const newModel = { ...model };\n\n    let newCounter = responseIdCounter;\n\n    while (model.responses.find((response) => response.id === newCounter)) {\n      newCounter++;\n    }\n\n    const response = {\n      id: newCounter,\n      validation: 'literal',\n      answer: '',\n      alternates: {},\n    };\n\n    newModel.responses = newModel.responses.concat(response);\n    onChange(newModel);\n\n    this.setState({\n      responseIdCounter: response.id,\n    });\n  };\n\n  onResponseChange = (response, index) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    newModel.responses[index] = response;\n    onChange(newModel);\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      imageSupport,\n      uploadSoundSupport,\n      configuration,\n      promptEnabled,\n      rationaleEnabled,\n      toolbarOpts,\n    } = this.props;\n    const { showKeypad } = this.state;\n    const {\n      prompt,\n      expression,\n      equationEditor,\n      promptEquationEditor = '8',\n      responses,\n      responseType,\n      rationale,\n      spellCheckEnabled,\n      errors = {},\n    } = model;\n    const {\n      rationale: cRationale = {},\n      prompt: cPrompt = {},\n      ignoreOrder: cIgnoreOrder = {},\n      allowTrailingZeros: cAllowTrailingZeros = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n    } = configuration || {};\n    const validationMessage = generateValidationMessage(configuration, model);\n    const { responsesErrors, responseAreasError } = errors;\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const classNames = {\n      editor: classes.responseEditor,\n      mathToolbar: classes.mathToolbar,\n    };\n\n    const responsesToUse = responseType === ResponseTypes.advanced ? responses : responses.slice(0, 1);\n\n    return (\n      <div ref={(r) => (this.root = r || this.root)} className={classes.container}>\n        {promptEnabled && (\n          <InputContainer label={cPrompt.label} className={classes.promptHolder}>\n            <EditableHtml\n              onFocus={this.onPromptFocus}\n              className={classes.prompt}\n              markup={prompt || ''}\n              onChange={this.onChange('prompt')}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n        {rationaleEnabled && (\n          <InputContainer label={cRationale.label} className={classes.promptHolder}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={rationale || ''}\n              pluginProps={{\n                math: {\n                  controlledKeypadMode: false,\n                },\n              }}\n              onChange={this.onChange('rationale')}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n          </InputContainer>\n        )}\n        <div className={classes.flexContainer} style={{ justifyContent: 'flex-start' }}>\n          <h3>Define Response</h3>\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }} />\n          </Tooltip>\n        </div>\n        {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n\n        {responseType === ResponseTypes.advanced && [\n          <InputContainer\n            key=\"templateEditorType\"\n            label=\"Response Template Equation Editor\"\n            className={classes.selectContainer}\n          >\n            <Select\n              className={classes.select}\n              onChange={this.onChange('promptEquationEditor')}\n              value={promptEquationEditor}\n            >\n              <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n              <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n              <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n              <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n              <MenuItem value={1}>Grade 1 - 2</MenuItem>\n              <MenuItem value={3}>Grade 3 - 5</MenuItem>\n              <MenuItem value={6}>Grade 6 - 7</MenuItem>\n              <MenuItem value={8}>Grade 8 - HS</MenuItem>\n              <MenuItem value={'geometry'}>Geometry</MenuItem>\n              <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n              <MenuItem value={'statistics'}>Statistics</MenuItem>\n              <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n            </Select>\n          </InputContainer>,\n          <div className={classes.inputContainer} key=\"templateHolder\">\n            <InputLabel className={classes.templateTitle}>RESPONSE TEMPLATE</InputLabel>\n            <MathToolbar\n              classNames={classNames}\n              allowAnswerBlock\n              keypadMode={promptEquationEditor}\n              controlledKeypad\n              showKeypad={showKeypad}\n              latex={prepareForStatic(expression) || ''}\n              onChange={this.onChange('expression')}\n              onFocus={this.onFocus}\n              onDone={this.onDone}\n              maxResponseAreas={maxResponseAreas}\n              error={responseAreasError}\n            />\n          </div>,\n        ]}\n        <h4>Define Correct Response</h4>\n        <div className={classes.flexContainer}>\n          <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n            <Select className={classes.select} onChange={this.onChange('equationEditor')} value={equationEditor}>\n              <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n              <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n              <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n              <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n              <MenuItem value={1}>Grade 1 - 2</MenuItem>\n              <MenuItem value={3}>Grade 3 - 5</MenuItem>\n              <MenuItem value={6}>Grade 6 - 7</MenuItem>\n              <MenuItem value={8}>Grade 8 - HS</MenuItem>\n              <MenuItem value={'geometry'}>Geometry</MenuItem>\n              <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n              <MenuItem value={'statistics'}>Statistics</MenuItem>\n              <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n            </Select>\n          </InputContainer>\n        </div>\n        {responsesToUse.map((response, idx) => (\n          <Response\n            key={response.id}\n            mode={equationEditor}\n            response={response}\n            defaultResponse={responseType === ResponseTypes.simple}\n            onResponseChange={this.onResponseChange}\n            index={idx}\n            cIgnoreOrder={cIgnoreOrder}\n            cAllowTrailingZeros={cAllowTrailingZeros}\n            error={responsesErrors && responsesErrors[idx]}\n          />\n        ))}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}

package/configure/lib/index.js

@@ -35,9 +35,9 @@ var _debug = _interopRequireDefault(require("debug"));
 
 var _defaults = _interopRequireDefault(require("./defaults"));
 
-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); }; }
 
@@ -110,6 +110,16 @@ var MathInlineConfigure = /*#__PURE__*/function (_HTMLElement) {
     value: function onDeleteImage(src, done) {
       this.dispatchEvent(new _pieConfigureEvents.DeleteImageEvent(src, done));
     }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
   }, {
     key: "_render",
     value: function _render() {
@@ -122,6 +132,10 @@ var MathInlineConfigure = /*#__PURE__*/function (_HTMLElement) {
           imageSupport: {
             add: this.insertImage.bind(this),
             "delete": this.onDeleteImage.bind(this)
+          },
+          uploadSoundSupport: {
+            add: this.insertSound.bind(this),
+            "delete": this.onDeleteSound.bind(this)
           }
         });
 

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","MathInlineConfigure","_model","createDefaultModel","_configuration","defaults","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","onModelChanged","handler","InsertImageEvent","src","done","DeleteImageEvent","el","React","createElement","Configure","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","ReactDOM","render","HTMLElement","responses","map","correctResponse","validation","validationDefault","allowTrailingZeros","allowTrailingZerosDefault","ignoreOrder","ignoreOrderDefault"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport isEmpty from 'lodash/isEmpty';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\n\nimport defaults from './defaults';\n\nconst log = debug('pie-elements:math-inline:configure');\n\nexport default class MathInlineConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n\n    // making sure that defaults are set\n    if (!isEmpty(model.responses)) {\n      model.responses = model.responses.map(correctResponse => ({\n        ...correctResponse,\n        validation: correctResponse.validation || defaults.model.validationDefault,\n        allowTrailingZeros: correctResponse.allowTrailingZeros || defaults.model.allowTrailingZerosDefault,\n        ignoreOrder: correctResponse.ignoreOrder || defaults.model.ignoreOrderDefault || false\n      }))\n    }\n\n    return { ...defaults.model, ...model }\n  };\n\n  constructor() {\n    super();\n    this._model = MathInlineConfigure.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(m) {\n    this._model = MathInlineConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this)\n        }\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","MathInlineConfigure","_model","createDefaultModel","_configuration","defaults","configuration","m","_render","c","model","dispatchEvent","ModelUpdatedEvent","onModelChanged","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","el","React","createElement","Configure","bind","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement","responses","map","correctResponse","validation","validationDefault","allowTrailingZeros","allowTrailingZerosDefault","ignoreOrder","ignoreOrderDefault"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Configure from './configure';\nimport isEmpty from 'lodash/isEmpty';\nimport {\n  ModelUpdatedEvent,\n  DeleteImageEvent,\n  InsertImageEvent,\n  InsertSoundEvent,\n  DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\nimport debug from 'debug';\n\nimport defaults from './defaults';\n\nconst log = debug('pie-elements:math-inline:configure');\n\nexport default class MathInlineConfigure extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    // making sure that defaults are set\n    if (!isEmpty(model.responses)) {\n      model.responses = model.responses.map((correctResponse) => ({\n        ...correctResponse,\n        validation: correctResponse.validation || defaults.model.validationDefault,\n        allowTrailingZeros: correctResponse.allowTrailingZeros || defaults.model.allowTrailingZerosDefault,\n        ignoreOrder: correctResponse.ignoreOrder || defaults.model.ignoreOrderDefault || false,\n      }));\n    }\n\n    return { ...defaults.model, ...model };\n  };\n\n  constructor() {\n    super();\n    this._model = MathInlineConfigure.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(m) {\n    this._model = MathInlineConfigure.createDefaultModel(m);\n    this._render();\n  }\n\n  set configuration(c) {\n    this._configuration = c;\n    this._render();\n  }\n\n  onModelChanged(model) {\n    this._model = model;\n    log('[onModelChanged]: ', this._model);\n    this._render();\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n  }\n\n  onConfigurationChanged(c) {\n    this._configuration = c;\n\n    if (this._model) {\n      this.onModelChanged(this._model);\n    }\n\n    this._render();\n  }\n\n  /**\n   *\n   * @param {done, progress, file} handler\n   */\n  insertImage(handler) {\n    this.dispatchEvent(new InsertImageEvent(handler));\n  }\n\n  onDeleteImage(src, done) {\n    this.dispatchEvent(new DeleteImageEvent(src, done));\n  }\n\n  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _render() {\n    if (this._model) {\n      const el = React.createElement(Configure, {\n        onModelChanged: this.onModelChanged.bind(this),\n        onConfigurationChanged: this.onConfigurationChanged.bind(this),\n        model: this._model,\n        configuration: this._configuration,\n        imageSupport: {\n          add: this.insertImage.bind(this),\n          delete: this.onDeleteImage.bind(this),\n        },\n        uploadSoundSupport: {\n          add: this.insertSound.bind(this),\n          delete: this.onDeleteSound.bind(this),\n        },\n      });\n\n      ReactDOM.render(el, this);\n    }\n  }\n}\n"],"file":"index.js"}

package/configure/lib/response.js

@@ -51,13 +51,15 @@ var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 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 || _typeof(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 +132,11 @@ var styles = function styles(theme) {
     },
     configLabel: {
       marginRight: 'auto'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      padding: '5px 0'
     }
   };
 };
@@ -319,7 +326,8 @@ var Response = /*#__PURE__*/function (_React$Component) {
           index = _this$props8.index,
           response = _this$props8.response,
           cAllowTrailingZeros = _this$props8.cAllowTrailingZeros,
-          cIgnoreOrder = _this$props8.cIgnoreOrder;
+          cIgnoreOrder = _this$props8.cIgnoreOrder,
+          error = _this$props8.error;
       var showKeypad = this.state.showKeypad;
       var validation = response.validation,
           answer = response.answer,
@@ -344,7 +352,7 @@ var Response = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(_Typography["default"], {
         className: classes.title,
         component: "h2"
-      }, "Response", ' ', INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED ? defaultResponse ? '' : index + 1 : ''), /*#__PURE__*/React.createElement(_configUi.InputContainer, {
+      }, "Response ", INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED ? defaultResponse ? '' : index + 1 : ''), /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: "Validation",
         className: classes.selectContainer
       }, /*#__PURE__*/React.createElement(_Select["default"], {
@@ -379,8 +387,11 @@ var Response = /*#__PURE__*/function (_React$Component) {
         latex: answer || '',
         onChange: this.onAnswerChange,
         onFocus: this.onFocus,
-        onDone: this.onDone
-      })), hasAlternates && Object.keys(alternates).map(function (alternateId, altIdx) {
+        onDone: this.onDone,
+        error: error && error.answer
+      }), error && error.answer ? /*#__PURE__*/React.createElement("div", {
+        className: classes.errorText
+      }, error.answer) : null), hasAlternates && Object.keys(alternates).map(function (alternateId, altIdx) {
         return /*#__PURE__*/React.createElement("div", {
           className: classes.inputContainer,
           key: alternateId
@@ -398,8 +409,11 @@ var Response = /*#__PURE__*/function (_React$Component) {
           latex: alternates[alternateId] || '',
           onChange: _this2.onAlternateAnswerChange(alternateId),
           onFocus: _this2.onAlternateFocus(alternateId),
-          onDone: _this2.onAlternateDone(alternateId)
-        }));
+          onDone: _this2.onAlternateDone(alternateId),
+          error: error && error[alternateId]
+        }), error && error[alternateId] ? /*#__PURE__*/React.createElement("div", {
+          className: classes.errorText
+        }, error[alternateId]) : null);
       }), /*#__PURE__*/React.createElement("div", {
         className: classes.configPanel
       }, /*#__PURE__*/React.createElement(_Button["default"], {

package/configure/lib/response.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/response.jsx"],"names":["INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED","styles","theme","responseContainer","marginTop","spacing","unit","width","border","display","flexDirection","justifyContent","cardContent","paddingBottom","title","fontWeight","fontSize","flex","selectContainer","inputContainer","titleBar","alignItems","responseEditor","minWidth","maxWidth","height","minHeight","mathToolbar","configPanel","alternateButton","removeAlternateButton","marginLeft","color","checkboxContainer","configLabel","marginRight","Response","props","name","evt","response","onResponseChange","index","newResponse","target","value","checked","answer","alternateId","alternates","alternateIdCounter","state","setState","showKeypad","openCount","main","alternatesLength","Object","keys","length","classes","mode","defaultResponse","cAllowTrailingZeros","cIgnoreOrder","validation","ignoreOrder","allowTrailingZeros","hasAlternates","classNames","editor","select","onChange","flexContainer","enabled","label","onLiteralOptionsChange","onAnswerChange","onFocus","onDone","map","altIdx","alternateBar","onRemoveAlternate","onAlternateAnswerChange","onAlternateFocus","onAlternateDone","onAddAlternate","React","Component","PropTypes","object","isRequired","bool","oneOfType","string","number","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Typography from '@material-ui/core/Typography';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\n\n// TODO once we support individual response correctness, we need to remove this constant\nconst INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED = false;\n\nconst styles = (theme) => ({\n  responseContainer: {\n    marginTop: theme.spacing.unit * 2,\n    width: '100%',\n    border: '1px solid darkgray',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  cardContent: {\n    paddingBottom: `${theme.spacing.unit}px !important`,\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '1.2rem',\n    flex: 3,\n  },\n  selectContainer: {\n    flex: 2,\n  },\n  inputContainer: {\n    marginTop: theme.spacing.unit,\n  },\n  titleBar: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  responseEditor: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    minWidth: '500px',\n    maxWidth: '900px',\n    height: 'auto',\n    minHeight: '40px',\n  },\n  mathToolbar: {\n    width: '100%',\n  },\n  configPanel: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  alternateButton: {\n    border: '1px solid lightgrey',\n  },\n  removeAlternateButton: {\n    marginLeft: theme.spacing.unit * 2,\n    border: '1px solid lightgrey',\n    color: 'gray',\n    fontSize: '0.8rem',\n  },\n  checkboxContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  configLabel: {\n    marginRight: 'auto',\n  },\n});\n\nclass Response extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    defaultResponse: PropTypes.bool,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    index: PropTypes.number,\n    onResponseChange: PropTypes.func.isRequired,\n    response: PropTypes.object.isRequired,\n    cIgnoreOrder: PropTypes.object.isRequired,\n    cAllowTrailingZeros: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    defaultResponse: false,\n    mode: 'miscellaneous',\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { response: { alternates } = {} } = props || {};\n    const alternatesLength = Object.keys(alternates || {}).length;\n\n    this.state = {\n      alternateIdCounter: alternatesLength + 1,\n      showKeypad: {\n        openCount: 0,\n        main: false,\n      },\n    };\n  }\n\n  onChange = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.value;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onConfigChanged = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.checked;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onLiteralOptionsChange = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = !response[name];\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAnswerChange = (answer) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.answer = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAlternateAnswerChange = (alternateId) => (answer) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.alternates[alternateId] = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAddAlternate = () => {\n    const { response, onResponseChange, index } = this.props;\n    const { alternateIdCounter } = this.state;\n    const newResponse = { ...response };\n\n    if (!newResponse.alternates) {\n      newResponse.alternates = {};\n    }\n\n    newResponse.alternates[alternateIdCounter] = '';\n\n    onResponseChange(newResponse, index);\n\n    this.setState({\n      alternateIdCounter: alternateIdCounter + 1,\n    });\n  };\n\n  onRemoveAlternate = (alternateId) => () => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    delete newResponse.alternates[alternateId];\n\n    onResponseChange(newResponse, index);\n\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId]\n          ? state.showKeypad.openCount\n          : state.showKeypad.openCount - 1,\n      },\n    }));\n  };\n\n  onDone = () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        main: false,\n      },\n    }));\n  };\n\n  onFocus = () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad.main\n          ? state.showKeypad.openCount + 1\n          : state.showKeypad.openCount,\n        main: true,\n      },\n    }));\n  };\n\n  onAlternateFocus = (alternateId) => () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId]\n          ? state.showKeypad.openCount + 1\n          : state.showKeypad.openCount,\n        [alternateId]: true,\n      },\n    }));\n  };\n\n  onAlternateDone = (alternateId) => () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        [alternateId]: false,\n      },\n    }));\n  };\n\n  render() {\n    const {\n      classes,\n      mode,\n      defaultResponse,\n      index,\n      response,\n      cAllowTrailingZeros,\n      cIgnoreOrder,\n    } = this.props;\n\n    const { showKeypad } = this.state;\n    const {\n      validation,\n      answer,\n      alternates,\n      ignoreOrder,\n      allowTrailingZeros,\n    } = response;\n    const hasAlternates = Object.keys(alternates || {}).length > 0;\n    const classNames = {\n      editor: classes.responseEditor,\n      mathToolbar: classes.mathToolbar,\n    };\n    const styles = {\n      minHeight: `${showKeypad.openCount > 0 ? 430 : 230}px`,\n    };\n\n    return (\n      <Card className={classes.responseContainer} style={styles}>\n        <CardContent className={classes.cardContent}>\n          <div className={classes.titleBar}>\n            <Typography className={classes.title} component=\"h2\">\n              Response{' '}\n              {INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED\n                ? defaultResponse\n                  ? ''\n                  : index + 1\n                : ''}\n            </Typography>\n            <InputContainer\n              label=\"Validation\"\n              className={classes.selectContainer}\n            >\n              <Select\n                className={classes.select}\n                onChange={this.onChange('validation')}\n                value={validation || 'literal'}\n              >\n                <MenuItem value=\"literal\">Literal Validation</MenuItem>\n                <MenuItem value=\"symbolic\">Symbolic Validation</MenuItem>\n              </Select>\n            </InputContainer>\n          </div>\n          {validation === 'literal' && (\n            <div className={classes.flexContainer}>\n              {cAllowTrailingZeros.enabled && (\n                <FormControlLabel\n                  label={cAllowTrailingZeros.label}\n                  control={\n                    <Checkbox\n                      checked={allowTrailingZeros}\n                      onChange={this.onLiteralOptionsChange(\n                        'allowTrailingZeros'\n                      )}\n                    />\n                  }\n                />\n              )}\n\n              {cIgnoreOrder.enabled && (\n                <FormControlLabel\n                  label={cIgnoreOrder.label}\n                  control={\n                    <Checkbox\n                      checked={ignoreOrder}\n                      onChange={this.onLiteralOptionsChange('ignoreOrder')}\n                    />\n                  }\n                />\n              )}\n            </div>\n          )}\n          <div className={classes.inputContainer}>\n            <InputLabel>Correct Answer</InputLabel>\n            <MathToolbar\n              keypadMode={mode}\n              classNames={classNames}\n              controlledKeypad\n              showKeypad={showKeypad.main}\n              latex={answer || ''}\n              onChange={this.onAnswerChange}\n              onFocus={this.onFocus}\n              onDone={this.onDone}\n            />\n          </div>\n          {hasAlternates &&\n            Object.keys(alternates).map((alternateId, altIdx) => (\n              <div className={classes.inputContainer} key={alternateId}>\n                <div className={classes.alternateBar}>\n                  <InputLabel>\n                    Alternate\n                    {Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''}\n                  </InputLabel>\n                  <Button\n                    className={classes.removeAlternateButton}\n                    type=\"secondary\"\n                    onClick={this.onRemoveAlternate(alternateId)}\n                  >\n                    Remove\n                  </Button>\n                </div>\n                <MathToolbar\n                  classNames={classNames}\n                  controlledKeypad\n                  keypadMode={mode}\n                  showKeypad={showKeypad[alternateId] || false}\n                  latex={alternates[alternateId] || ''}\n                  onChange={this.onAlternateAnswerChange(alternateId)}\n                  onFocus={this.onAlternateFocus(alternateId)}\n                  onDone={this.onAlternateDone(alternateId)}\n                />\n              </div>\n            ))}\n            <div className={classes.configPanel}>\n              <Button\n                className={classes.alternateButton}\n                type=\"primary\"\n                onClick={this.onAddAlternate}\n              >\n                ADD ALTERNATE\n              </Button>\n              <div className={classes.checkboxContainer}></div>\n            </div>\n        </CardContent>\n      </Card>\n    );\n  }\n}\n\nexport default withStyles(styles)(Response);\n"],"file":"response.js"}
+{"version":3,"sources":["../src/response.jsx"],"names":["INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED","styles","theme","responseContainer","marginTop","spacing","unit","width","border","display","flexDirection","justifyContent","cardContent","paddingBottom","title","fontWeight","fontSize","flex","selectContainer","inputContainer","titleBar","alignItems","responseEditor","minWidth","maxWidth","height","minHeight","mathToolbar","configPanel","alternateButton","removeAlternateButton","marginLeft","color","checkboxContainer","configLabel","marginRight","errorText","padding","Response","props","name","evt","response","onResponseChange","index","newResponse","target","value","checked","answer","alternateId","alternates","alternateIdCounter","state","setState","showKeypad","openCount","main","alternatesLength","Object","keys","length","classes","mode","defaultResponse","cAllowTrailingZeros","cIgnoreOrder","error","validation","ignoreOrder","allowTrailingZeros","hasAlternates","classNames","editor","select","onChange","flexContainer","enabled","label","onLiteralOptionsChange","onAnswerChange","onFocus","onDone","map","altIdx","alternateBar","onRemoveAlternate","onAlternateAnswerChange","onAlternateFocus","onAlternateDone","onAddAlternate","React","Component","PropTypes","object","isRequired","bool","oneOfType","string","number","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA;AACA,IAAMA,yCAAyC,GAAG,KAAlD;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADf;AAEjBC,MAAAA,KAAK,EAAE,MAFU;AAGjBC,MAAAA,MAAM,EAAE,oBAHS;AAIjBC,MAAAA,OAAO,EAAE,MAJQ;AAKjBC,MAAAA,aAAa,EAAE,QALE;AAMjBC,MAAAA,cAAc,EAAE;AANC,KADM;AASzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,aAAa,YAAKX,KAAK,CAACG,OAAN,CAAcC,IAAnB;AADF,KATY;AAYzBQ,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAE,GADP;AAELC,MAAAA,QAAQ,EAAE,QAFL;AAGLC,MAAAA,IAAI,EAAE;AAHD,KAZkB;AAiBzBC,IAAAA,eAAe,EAAE;AACfD,MAAAA,IAAI,EAAE;AADS,KAjBQ;AAoBzBE,IAAAA,cAAc,EAAE;AACdf,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC;AADX,KApBS;AAuBzBc,IAAAA,QAAQ,EAAE;AACRX,MAAAA,OAAO,EAAE,MADD;AAERY,MAAAA,UAAU,EAAE,QAFJ;AAGRV,MAAAA,cAAc,EAAE;AAHR,KAvBe;AA4BzBW,IAAAA,cAAc,EAAE;AACdb,MAAAA,OAAO,EAAE,MADK;AAEdY,MAAAA,UAAU,EAAE,QAFE;AAGdV,MAAAA,cAAc,EAAE,QAHF;AAIdJ,MAAAA,KAAK,EAAE,MAJO;AAKdgB,MAAAA,QAAQ,EAAE,OALI;AAMdC,MAAAA,QAAQ,EAAE,OANI;AAOdC,MAAAA,MAAM,EAAE,MAPM;AAQdC,MAAAA,SAAS,EAAE;AARG,KA5BS;AAsCzBC,IAAAA,WAAW,EAAE;AACXpB,MAAAA,KAAK,EAAE;AADI,KAtCY;AAyCzBqB,IAAAA,WAAW,EAAE;AACXnB,MAAAA,OAAO,EAAE,MADE;AAEXE,MAAAA,cAAc,EAAE,eAFL;AAGXU,MAAAA,UAAU,EAAE;AAHD,KAzCY;AA8CzBQ,IAAAA,eAAe,EAAE;AACfrB,MAAAA,MAAM,EAAE;AADO,KA9CQ;AAiDzBsB,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,UAAU,EAAE7B,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADZ;AAErBE,MAAAA,MAAM,EAAE,qBAFa;AAGrBwB,MAAAA,KAAK,EAAE,MAHc;AAIrBhB,MAAAA,QAAQ,EAAE;AAJW,KAjDE;AAuDzBiB,IAAAA,iBAAiB,EAAE;AACjB7B,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADf;AAEjBG,MAAAA,OAAO,EAAE,MAFQ;AAGjBC,MAAAA,aAAa,EAAE,QAHE;AAIjBW,MAAAA,UAAU,EAAE;AAJK,KAvDM;AA6DzBa,IAAAA,WAAW,EAAE;AACXC,MAAAA,WAAW,EAAE;AADF,KA7DY;AAgEzBC,IAAAA,SAAS,EAAE;AACTpB,MAAAA,QAAQ,EAAE,MADD;AAETgB,MAAAA,KAAK,EAAE,KAFE;AAGTK,MAAAA,OAAO,EAAE;AAHA;AAhEc,GAAZ;AAAA,CAAf;;IAuEMC,Q;;;;;AAiBJ,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAeR,UAACC,IAAD;AAAA,aAAU,UAACC,GAAD,EAAS;AAC5B,0BAA8C,MAAKF,KAAnD;AAAA,YAAQG,QAAR,eAAQA,QAAR;AAAA,YAAkBC,gBAAlB,eAAkBA,gBAAlB;AAAA,YAAoCC,KAApC,eAAoCA,KAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACL,IAAD,CAAX,GAAoBC,GAAG,CAACK,MAAJ,CAAWC,KAA/B;AAEAJ,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;AACD,OAPU;AAAA,KAfQ;AAAA,wGAwBD,UAACJ,IAAD;AAAA,aAAU,UAACC,GAAD,EAAS;AACnC,2BAA8C,MAAKF,KAAnD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,KAApC,gBAAoCA,KAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACL,IAAD,CAAX,GAAoBC,GAAG,CAACK,MAAJ,CAAWE,OAA/B;AAEAL,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;AACD,OAPiB;AAAA,KAxBC;AAAA,+GAiCM,UAACJ,IAAD;AAAA,aAAU,UAACC,GAAD,EAAS;AAC1C,2BAA8C,MAAKF,KAAnD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,KAApC,gBAAoCA,KAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACL,IAAD,CAAX,GAAoB,CAACE,QAAQ,CAACF,IAAD,CAA7B;AAEAG,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;AACD,OAPwB;AAAA,KAjCN;AAAA,uGA0CF,UAACK,MAAD,EAAY;AAC3B,yBAA8C,MAAKV,KAAnD;AAAA,UAAQG,QAAR,gBAAQA,QAAR;AAAA,UAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,UAAoCC,KAApC,gBAAoCA,KAApC;;AACA,UAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,MAAAA,WAAW,CAACI,MAAZ,GAAqBA,MAArB;AAEAN,MAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;AACD,KAjDkB;AAAA,gHAmDO,UAACM,WAAD;AAAA,aAAiB,UAACD,MAAD,EAAY;AACrD,2BAA8C,MAAKV,KAAnD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,KAApC,gBAAoCA,KAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEAG,QAAAA,WAAW,CAACM,UAAZ,CAAuBD,WAAvB,IAAsCD,MAAtC;AAEAN,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;AACD,OAPyB;AAAA,KAnDP;AAAA,uGA4DF,YAAM;AACrB,yBAA8C,MAAKL,KAAnD;AAAA,UAAQG,QAAR,gBAAQA,QAAR;AAAA,UAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,UAAoCC,KAApC,gBAAoCA,KAApC;AACA,UAAQQ,kBAAR,GAA+B,MAAKC,KAApC,CAAQD,kBAAR;;AACA,UAAMP,WAAW,qBAAQH,QAAR,CAAjB;;AAEA,UAAI,CAACG,WAAW,CAACM,UAAjB,EAA6B;AAC3BN,QAAAA,WAAW,CAACM,UAAZ,GAAyB,EAAzB;AACD;;AAEDN,MAAAA,WAAW,CAACM,UAAZ,CAAuBC,kBAAvB,IAA6C,EAA7C;AAEAT,MAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;;AAEA,YAAKU,QAAL,CAAc;AACZF,QAAAA,kBAAkB,EAAEA,kBAAkB,GAAG;AAD7B,OAAd;AAGD,KA5EkB;AAAA,0GA8EC,UAACF,WAAD;AAAA,aAAiB,YAAM;AACzC,2BAA8C,MAAKX,KAAnD;AAAA,YAAQG,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,gBAAlB,gBAAkBA,gBAAlB;AAAA,YAAoCC,KAApC,gBAAoCA,KAApC;;AACA,YAAMC,WAAW,qBAAQH,QAAR,CAAjB;;AAEA,eAAOG,WAAW,CAACM,UAAZ,CAAuBD,WAAvB,CAAP;AAEAP,QAAAA,gBAAgB,CAACE,WAAD,EAAcD,KAAd,CAAhB;;AAEA,cAAKU,QAAL,CAAc,UAACD,KAAD;AAAA,iBAAY;AACxBE,YAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,cAAAA,SAAS,EAAE,CAACH,KAAK,CAACE,UAAN,CAAiBL,WAAjB,CAAD,GAAiCG,KAAK,CAACE,UAAN,CAAiBC,SAAlD,GAA8DH,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B;AAF9F;AADc,WAAZ;AAAA,SAAd;AAMD,OAdmB;AAAA,KA9ED;AAAA,+FA8FV,YAAM;AACb,YAAKF,QAAL,CAAc,UAACD,KAAD;AAAA,eAAY;AACxBE,UAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,YAAAA,SAAS,EAAEH,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B,CAFhC;AAGRC,YAAAA,IAAI,EAAE;AAHE;AADc,SAAZ;AAAA,OAAd;AAOD,KAtGkB;AAAA,gGAwGT,YAAM;AACd,YAAKH,QAAL,CAAc,UAACD,KAAD;AAAA,eAAY;AACxBE,UAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,YAAAA,SAAS,EAAE,CAACH,KAAK,CAACE,UAAN,CAAiBE,IAAlB,GAAyBJ,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B,CAAtD,GAA0DH,KAAK,CAACE,UAAN,CAAiBC,SAF9E;AAGRC,YAAAA,IAAI,EAAE;AAHE;AADc,SAAZ;AAAA,OAAd;AAOD,KAhHkB;AAAA,yGAkHA,UAACP,WAAD;AAAA,aAAiB,YAAM;AACxC,cAAKI,QAAL,CAAc,UAACD,KAAD;AAAA,iBAAY;AACxBE,YAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,cAAAA,SAAS,EAAE,CAACH,KAAK,CAACE,UAAN,CAAiBL,WAAjB,CAAD,GAAiCG,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B,CAA9D,GAAkEH,KAAK,CAACE,UAAN,CAAiBC;AAFtF,eAGPN,WAHO,EAGO,IAHP;AADc,WAAZ;AAAA,SAAd;AAOD,OARkB;AAAA,KAlHA;AAAA,wGA4HD,UAACA,WAAD;AAAA,aAAiB,YAAM;AACvC,cAAKI,QAAL,CAAc,UAACD,KAAD;AAAA,iBAAY;AACxBE,YAAAA,UAAU,kCACLF,KAAK,CAACE,UADD;AAERC,cAAAA,SAAS,EAAEH,KAAK,CAACE,UAAN,CAAiBC,SAAjB,GAA6B;AAFhC,eAGPN,WAHO,EAGO,KAHP;AADc,WAAZ;AAAA,SAAd;AAOD,OARiB;AAAA,KA5HC;;AAGjB,eAA0CX,KAAK,IAAI,EAAnD;AAAA,6BAAQG,QAAR;;AAAA,+CAAmC,EAAnC;AAAA,QAAoBS,UAApB,iBAAoBA,UAApB;AACA,QAAMO,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYT,UAAU,IAAI,EAA1B,EAA8BU,MAAvD;AAEA,UAAKR,KAAL,GAAa;AACXD,MAAAA,kBAAkB,EAAEM,gBAAgB,GAAG,CAD5B;AAEXH,MAAAA,UAAU,EAAE;AACVC,QAAAA,SAAS,EAAE,CADD;AAEVC,QAAAA,IAAI,EAAE;AAFI;AAFD,KAAb;AANiB;AAalB;;;;WAyHD,kBAAS;AAAA;;AACP,yBAAsG,KAAKlB,KAA3G;AAAA,UAAQuB,OAAR,gBAAQA,OAAR;AAAA,UAAiBC,IAAjB,gBAAiBA,IAAjB;AAAA,UAAuBC,eAAvB,gBAAuBA,eAAvB;AAAA,UAAwCpB,KAAxC,gBAAwCA,KAAxC;AAAA,UAA+CF,QAA/C,gBAA+CA,QAA/C;AAAA,UAAyDuB,mBAAzD,gBAAyDA,mBAAzD;AAAA,UAA8EC,YAA9E,gBAA8EA,YAA9E;AAAA,UAA4FC,KAA5F,gBAA4FA,KAA5F;AAEA,UAAQZ,UAAR,GAAuB,KAAKF,KAA5B,CAAQE,UAAR;AACA,UAAQa,UAAR,GAA4E1B,QAA5E,CAAQ0B,UAAR;AAAA,UAAoBnB,MAApB,GAA4EP,QAA5E,CAAoBO,MAApB;AAAA,UAA4BE,UAA5B,GAA4ET,QAA5E,CAA4BS,UAA5B;AAAA,UAAwCkB,WAAxC,GAA4E3B,QAA5E,CAAwC2B,WAAxC;AAAA,UAAqDC,kBAArD,GAA4E5B,QAA5E,CAAqD4B,kBAArD;AACA,UAAMC,aAAa,GAAGZ,MAAM,CAACC,IAAP,CAAYT,UAAU,IAAI,EAA1B,EAA8BU,MAA9B,GAAuC,CAA7D;AACA,UAAMW,UAAU,GAAG;AACjBC,QAAAA,MAAM,EAAEX,OAAO,CAACxC,cADC;AAEjBK,QAAAA,WAAW,EAAEmC,OAAO,CAACnC;AAFJ,OAAnB;AAIA,UAAM1B,MAAM,GAAG;AACbyB,QAAAA,SAAS,YAAK6B,UAAU,CAACC,SAAX,GAAuB,CAAvB,GAA2B,GAA3B,GAAiC,GAAtC;AADI,OAAf;AAIA,0BACE,oBAAC,gBAAD;AAAM,QAAA,SAAS,EAAEM,OAAO,CAAC3D,iBAAzB;AAA4C,QAAA,KAAK,EAAEF;AAAnD,sBACE,oBAAC,uBAAD;AAAa,QAAA,SAAS,EAAE6D,OAAO,CAAClD;AAAhC,sBACE;AAAK,QAAA,SAAS,EAAEkD,OAAO,CAAC1C;AAAxB,sBACE,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAE0C,OAAO,CAAChD,KAA/B;AAAsC,QAAA,SAAS,EAAC;AAAhD,sBACYd,yCAAyC,GAAIgE,eAAe,GAAG,EAAH,GAAQpB,KAAK,GAAG,CAAnC,GAAwC,EAD7F,CADF,eAIE,oBAAC,wBAAD;AAAgB,QAAA,KAAK,EAAC,YAAtB;AAAmC,QAAA,SAAS,EAAEkB,OAAO,CAAC5C;AAAtD,sBACE,oBAAC,kBAAD;AAAQ,QAAA,SAAS,EAAE4C,OAAO,CAACY,MAA3B;AAAmC,QAAA,QAAQ,EAAE,KAAKC,QAAL,CAAc,YAAd,CAA7C;AAA0E,QAAA,KAAK,EAAEP,UAAU,IAAI;AAA/F,sBACE,oBAAC,oBAAD;AAAU,QAAA,KAAK,EAAC;AAAhB,8BADF,eAEE,oBAAC,oBAAD;AAAU,QAAA,KAAK,EAAC;AAAhB,+BAFF,CADF,CAJF,CADF,EAYGA,UAAU,KAAK,SAAf,iBACC;AAAK,QAAA,SAAS,EAAEN,OAAO,CAACc;AAAxB,SACGX,mBAAmB,CAACY,OAApB,iBACC,oBAAC,4BAAD;AACE,QAAA,KAAK,EAAEZ,mBAAmB,CAACa,KAD7B;AAEE,QAAA,OAAO,eACL,oBAAC,oBAAD;AACE,UAAA,OAAO,EAAER,kBADX;AAEE,UAAA,QAAQ,EAAE,KAAKS,sBAAL,CAA4B,oBAA5B;AAFZ;AAHJ,QAFJ,EAaGb,YAAY,CAACW,OAAb,iBACC,oBAAC,4BAAD;AACE,QAAA,KAAK,EAAEX,YAAY,CAACY,KADtB;AAEE,QAAA,OAAO,eAAE,oBAAC,oBAAD;AAAU,UAAA,OAAO,EAAET,WAAnB;AAAgC,UAAA,QAAQ,EAAE,KAAKU,sBAAL,CAA4B,aAA5B;AAA1C;AAFX,QAdJ,CAbJ,eAkCE;AAAK,QAAA,SAAS,EAAEjB,OAAO,CAAC3C;AAAxB,sBACE,oBAAC,sBAAD,yBADF,eAEE,oBAAC,wBAAD;AACE,QAAA,UAAU,EAAE4C,IADd;AAEE,QAAA,UAAU,EAAES,UAFd;AAGE,QAAA,gBAAgB,MAHlB;AAIE,QAAA,UAAU,EAAEjB,UAAU,CAACE,IAJzB;AAKE,QAAA,KAAK,EAAER,MAAM,IAAI,EALnB;AAME,QAAA,QAAQ,EAAE,KAAK+B,cANjB;AAOE,QAAA,OAAO,EAAE,KAAKC,OAPhB;AAQE,QAAA,MAAM,EAAE,KAAKC,MARf;AASE,QAAA,KAAK,EAAEf,KAAK,IAAIA,KAAK,CAAClB;AATxB,QAFF,EAaGkB,KAAK,IAAIA,KAAK,CAAClB,MAAf,gBAAwB;AAAK,QAAA,SAAS,EAAEa,OAAO,CAAC1B;AAAxB,SAAoC+B,KAAK,CAAClB,MAA1C,CAAxB,GAAkF,IAbrF,CAlCF,EAiDGsB,aAAa,IACZZ,MAAM,CAACC,IAAP,CAAYT,UAAZ,EAAwBgC,GAAxB,CAA4B,UAACjC,WAAD,EAAckC,MAAd;AAAA,4BAC1B;AAAK,UAAA,SAAS,EAAEtB,OAAO,CAAC3C,cAAxB;AAAwC,UAAA,GAAG,EAAE+B;AAA7C,wBACE;AAAK,UAAA,SAAS,EAAEY,OAAO,CAACuB;AAAxB,wBACE,oBAAC,sBAAD,qBAEG1B,MAAM,CAACC,IAAP,CAAYT,UAAZ,EAAwBU,MAAxB,GAAiC,CAAjC,cAAyCuB,MAAM,GAAG,CAAlD,IAAwD,EAF3D,CADF,eAKE,oBAAC,kBAAD;AACE,UAAA,SAAS,EAAEtB,OAAO,CAAChC,qBADrB;AAEE,UAAA,IAAI,EAAC,WAFP;AAGE,UAAA,OAAO,EAAE,MAAI,CAACwD,iBAAL,CAAuBpC,WAAvB;AAHX,oBALF,CADF,eAcE,oBAAC,wBAAD;AACE,UAAA,UAAU,EAAEsB,UADd;AAEE,UAAA,gBAAgB,MAFlB;AAGE,UAAA,UAAU,EAAET,IAHd;AAIE,UAAA,UAAU,EAAER,UAAU,CAACL,WAAD,CAAV,IAA2B,KAJzC;AAKE,UAAA,KAAK,EAAEC,UAAU,CAACD,WAAD,CAAV,IAA2B,EALpC;AAME,UAAA,QAAQ,EAAE,MAAI,CAACqC,uBAAL,CAA6BrC,WAA7B,CANZ;AAOE,UAAA,OAAO,EAAE,MAAI,CAACsC,gBAAL,CAAsBtC,WAAtB,CAPX;AAQE,UAAA,MAAM,EAAE,MAAI,CAACuC,eAAL,CAAqBvC,WAArB,CARV;AASE,UAAA,KAAK,EAAEiB,KAAK,IAAIA,KAAK,CAACjB,WAAD;AATvB,UAdF,EAyBGiB,KAAK,IAAIA,KAAK,CAACjB,WAAD,CAAd,gBAA8B;AAAK,UAAA,SAAS,EAAEY,OAAO,CAAC1B;AAAxB,WAAoC+B,KAAK,CAACjB,WAAD,CAAzC,CAA9B,GAA8F,IAzBjG,CAD0B;AAAA,OAA5B,CAlDJ,eA+EE;AAAK,QAAA,SAAS,EAAEY,OAAO,CAAClC;AAAxB,sBACE,oBAAC,kBAAD;AAAQ,QAAA,SAAS,EAAEkC,OAAO,CAACjC,eAA3B;AAA4C,QAAA,IAAI,EAAC,SAAjD;AAA2D,QAAA,OAAO,EAAE,KAAK6D;AAAzE,yBADF,eAIE;AAAK,QAAA,SAAS,EAAE5B,OAAO,CAAC7B;AAAxB,QAJF,CA/EF,CADF,CADF;AA0FD;;;EA/PoB0D,KAAK,CAACC,S;;iCAAvBtD,Q,eACe;AACjBwB,EAAAA,OAAO,EAAE+B,sBAAUC,MAAV,CAAiBC,UADT;AAEjB/B,EAAAA,eAAe,EAAE6B,sBAAUG,IAFV;AAGjBjC,EAAAA,IAAI,EAAE8B,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUM,MAA7B,CAApB,CAHW;AAIjBvD,EAAAA,KAAK,EAAEiD,sBAAUM,MAJA;AAKjBxD,EAAAA,gBAAgB,EAAEkD,sBAAUO,IAAV,CAAeL,UALhB;AAMjBrD,EAAAA,QAAQ,EAAEmD,sBAAUC,MAAV,CAAiBC,UANV;AAOjB7B,EAAAA,YAAY,EAAE2B,sBAAUC,MAAV,CAAiBC,UAPd;AAQjB9B,EAAAA,mBAAmB,EAAE4B,sBAAUC,MAAV,CAAiBC;AARrB,C;iCADfzD,Q,kBAYkB;AACpB0B,EAAAA,eAAe,EAAE,KADG;AAEpBD,EAAAA,IAAI,EAAE;AAFc,C;;eAsPT,wBAAW9D,MAAX,EAAmBqC,QAAnB,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { InputContainer } from '@pie-lib/config-ui';\nimport { MathToolbar } from '@pie-lib/math-toolbar';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Button from '@material-ui/core/Button';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Typography from '@material-ui/core/Typography';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport cx from 'classnames';\n\n// TODO once we support individual response correctness, we need to remove this constant\nconst INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED = false;\n\nconst styles = (theme) => ({\n  responseContainer: {\n    marginTop: theme.spacing.unit * 2,\n    width: '100%',\n    border: '1px solid darkgray',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  cardContent: {\n    paddingBottom: `${theme.spacing.unit}px !important`,\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '1.2rem',\n    flex: 3,\n  },\n  selectContainer: {\n    flex: 2,\n  },\n  inputContainer: {\n    marginTop: theme.spacing.unit,\n  },\n  titleBar: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  responseEditor: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    minWidth: '500px',\n    maxWidth: '900px',\n    height: 'auto',\n    minHeight: '40px',\n  },\n  mathToolbar: {\n    width: '100%',\n  },\n  configPanel: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  alternateButton: {\n    border: '1px solid lightgrey',\n  },\n  removeAlternateButton: {\n    marginLeft: theme.spacing.unit * 2,\n    border: '1px solid lightgrey',\n    color: 'gray',\n    fontSize: '0.8rem',\n  },\n  checkboxContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  configLabel: {\n    marginRight: 'auto',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0',\n  },\n});\n\nclass Response extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    defaultResponse: PropTypes.bool,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    index: PropTypes.number,\n    onResponseChange: PropTypes.func.isRequired,\n    response: PropTypes.object.isRequired,\n    cIgnoreOrder: PropTypes.object.isRequired,\n    cAllowTrailingZeros: PropTypes.object.isRequired,\n  };\n\n  static defaultProps = {\n    defaultResponse: false,\n    mode: 'miscellaneous',\n  };\n\n  constructor(props) {\n    super(props);\n\n    const { response: { alternates } = {} } = props || {};\n    const alternatesLength = Object.keys(alternates || {}).length;\n\n    this.state = {\n      alternateIdCounter: alternatesLength + 1,\n      showKeypad: {\n        openCount: 0,\n        main: false,\n      },\n    };\n  }\n\n  onChange = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.value;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onConfigChanged = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = evt.target.checked;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onLiteralOptionsChange = (name) => (evt) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse[name] = !response[name];\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAnswerChange = (answer) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.answer = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAlternateAnswerChange = (alternateId) => (answer) => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    newResponse.alternates[alternateId] = answer;\n\n    onResponseChange(newResponse, index);\n  };\n\n  onAddAlternate = () => {\n    const { response, onResponseChange, index } = this.props;\n    const { alternateIdCounter } = this.state;\n    const newResponse = { ...response };\n\n    if (!newResponse.alternates) {\n      newResponse.alternates = {};\n    }\n\n    newResponse.alternates[alternateIdCounter] = '';\n\n    onResponseChange(newResponse, index);\n\n    this.setState({\n      alternateIdCounter: alternateIdCounter + 1,\n    });\n  };\n\n  onRemoveAlternate = (alternateId) => () => {\n    const { response, onResponseChange, index } = this.props;\n    const newResponse = { ...response };\n\n    delete newResponse.alternates[alternateId];\n\n    onResponseChange(newResponse, index);\n\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId] ? state.showKeypad.openCount : state.showKeypad.openCount - 1,\n      },\n    }));\n  };\n\n  onDone = () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        main: false,\n      },\n    }));\n  };\n\n  onFocus = () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad.main ? state.showKeypad.openCount + 1 : state.showKeypad.openCount,\n        main: true,\n      },\n    }));\n  };\n\n  onAlternateFocus = (alternateId) => () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: !state.showKeypad[alternateId] ? state.showKeypad.openCount + 1 : state.showKeypad.openCount,\n        [alternateId]: true,\n      },\n    }));\n  };\n\n  onAlternateDone = (alternateId) => () => {\n    this.setState((state) => ({\n      showKeypad: {\n        ...state.showKeypad,\n        openCount: state.showKeypad.openCount - 1,\n        [alternateId]: false,\n      },\n    }));\n  };\n\n  render() {\n    const { classes, mode, defaultResponse, index, response, cAllowTrailingZeros, cIgnoreOrder, error } = this.props;\n\n    const { showKeypad } = this.state;\n    const { validation, answer, alternates, ignoreOrder, allowTrailingZeros } = response;\n    const hasAlternates = Object.keys(alternates || {}).length > 0;\n    const classNames = {\n      editor: classes.responseEditor,\n      mathToolbar: classes.mathToolbar,\n    };\n    const styles = {\n      minHeight: `${showKeypad.openCount > 0 ? 430 : 230}px`,\n    };\n\n    return (\n      <Card className={classes.responseContainer} style={styles}>\n        <CardContent className={classes.cardContent}>\n          <div className={classes.titleBar}>\n            <Typography className={classes.title} component=\"h2\">\n              Response {INDIVIDUAL_RESPONSE_CORRECTNESS_SUPPORTED ? (defaultResponse ? '' : index + 1) : ''}\n            </Typography>\n            <InputContainer label=\"Validation\" className={classes.selectContainer}>\n              <Select className={classes.select} onChange={this.onChange('validation')} value={validation || 'literal'}>\n                <MenuItem value=\"literal\">Literal Validation</MenuItem>\n                <MenuItem value=\"symbolic\">Symbolic Validation</MenuItem>\n              </Select>\n            </InputContainer>\n          </div>\n          {validation === 'literal' && (\n            <div className={classes.flexContainer}>\n              {cAllowTrailingZeros.enabled && (\n                <FormControlLabel\n                  label={cAllowTrailingZeros.label}\n                  control={\n                    <Checkbox\n                      checked={allowTrailingZeros}\n                      onChange={this.onLiteralOptionsChange('allowTrailingZeros')}\n                    />\n                  }\n                />\n              )}\n\n              {cIgnoreOrder.enabled && (\n                <FormControlLabel\n                  label={cIgnoreOrder.label}\n                  control={<Checkbox checked={ignoreOrder} onChange={this.onLiteralOptionsChange('ignoreOrder')} />}\n                />\n              )}\n            </div>\n          )}\n          <div className={classes.inputContainer}>\n            <InputLabel>Correct Answer</InputLabel>\n            <MathToolbar\n              keypadMode={mode}\n              classNames={classNames}\n              controlledKeypad\n              showKeypad={showKeypad.main}\n              latex={answer || ''}\n              onChange={this.onAnswerChange}\n              onFocus={this.onFocus}\n              onDone={this.onDone}\n              error={error && error.answer}\n            />\n            {error && error.answer ? <div className={classes.errorText}>{error.answer}</div> : null}\n          </div>\n          {hasAlternates &&\n            Object.keys(alternates).map((alternateId, altIdx) => (\n              <div className={classes.inputContainer} key={alternateId}>\n                <div className={classes.alternateBar}>\n                  <InputLabel>\n                    Alternate\n                    {Object.keys(alternates).length > 1 ? ` ${altIdx + 1}` : ''}\n                  </InputLabel>\n                  <Button\n                    className={classes.removeAlternateButton}\n                    type=\"secondary\"\n                    onClick={this.onRemoveAlternate(alternateId)}\n                  >\n                    Remove\n                  </Button>\n                </div>\n                <MathToolbar\n                  classNames={classNames}\n                  controlledKeypad\n                  keypadMode={mode}\n                  showKeypad={showKeypad[alternateId] || false}\n                  latex={alternates[alternateId] || ''}\n                  onChange={this.onAlternateAnswerChange(alternateId)}\n                  onFocus={this.onAlternateFocus(alternateId)}\n                  onDone={this.onAlternateDone(alternateId)}\n                  error={error && error[alternateId]}\n                />\n                {error && error[alternateId] ? <div className={classes.errorText}>{error[alternateId]}</div> : null}\n              </div>\n            ))}\n          <div className={classes.configPanel}>\n            <Button className={classes.alternateButton} type=\"primary\" onClick={this.onAddAlternate}>\n              ADD ALTERNATE\n            </Button>\n            <div className={classes.checkboxContainer}></div>\n          </div>\n        </CardContent>\n      </Card>\n    );\n  }\n}\n\nexport default withStyles(styles)(Response);\n"],"file":"response.js"}