@pie-element/explicit-constructed-response 3.9.3-next.728 → 3.9.3-next.742

package/configure/lib/defaults.js

@@ -13,7 +13,8 @@ var _default = {
     markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
     toolbarEditorPosition: 'bottom',
     displayType: 'block',
-    spellCheckEnabled: false,
+    spellCheckEnabled: true,
+    playerSpellCheckEnabled: true,
     choices: {
       0: [{
         label: 'cow',
@@ -67,7 +68,12 @@ var _default = {
       label: 'Rationale'
     },
     spellCheck: {
-      label: "Spellcheck",
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    playerSpellCheck: {
+      label: 'Student Spellcheck',
       settings: true,
       enabled: true
     },

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","disabled","mode","prompt","shuffle","markup","toolbarEditorPosition","displayType","spellCheckEnabled","choices","label","value","correct","maxLengthPerChoiceEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","partialScoring","rationale","spellCheck","enabled","teacherInstructions","maxLengthPerChoice"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,yCAHH;AAILC,IAAAA,OAAO,EAAE,IAJJ;AAKLC,IAAAA,MAAM,EAAE,yCALH;AAMLC,IAAAA,qBAAqB,EAAE,QANlB;AAOLC,IAAAA,WAAW,EAAE,OAPR;AAQLC,IAAAA,iBAAiB,EAAC,KARb;AASLC,IAAAA,OAAO,EAAE;AACP,SAAG,CACD;AACEC,QAAAA,KAAK,EAAE,KADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OADC,EAKD;AACED,QAAAA,KAAK,EAAE,QADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OALC,EASD;AACED,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE,GAFT;AAGEC,QAAAA,OAAO,EAAE;AAHX,OATC,CADI;AAgBP,SAAG,CACD;AACEF,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OADC,EAKD;AACED,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OALC,EASD;AACED,QAAAA,KAAK,EAAE,QADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OATC,CAhBI;AA8BP,SAAG,CACD;AACED,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OADC,EAKD;AACED,QAAAA,KAAK,EAAE,WADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OALC,EASD;AACED,QAAAA,KAAK,EAAE,QADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OATC;AA9BI,KATJ;AAsDLE,IAAAA,yBAAyB,EAAE,IAtDtB;AAuDLC,IAAAA,gBAAgB,EAAE,IAvDb;AAwDLC,IAAAA,aAAa,EAAE,IAxDV;AAyDLC,IAAAA,0BAA0B,EAAE,IAzDvB;AA0DLC,IAAAA,0BAA0B,EAAE;AA1DvB,GADM;AA6DbC,EAAAA,aAAa,EAAE;AACbf,IAAAA,MAAM,EAAE;AACNgB,MAAAA,QAAQ,EAAE,IADJ;AAENT,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbU,IAAAA,cAAc,EAAE;AACdD,MAAAA,QAAQ,EAAE,KADI;AAEdT,MAAAA,KAAK,EAAE;AAFO,KALH;AASbW,IAAAA,SAAS,EAAE;AACTF,MAAAA,QAAQ,EAAE,IADD;AAETT,MAAAA,KAAK,EAAE;AAFE,KATE;AAabY,IAAAA,UAAU,EAAE;AACVZ,MAAAA,KAAK,EAAE,YADG;AAEVS,MAAAA,QAAQ,EAAC,IAFC;AAGVI,MAAAA,OAAO,EAAC;AAHE,KAbC;AAkBbC,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,IADS;AAEnBT,MAAAA,KAAK,EAAE;AAFY,KAlBR;AAsBbe,IAAAA,kBAAkB,EAAE;AAClBN,MAAAA,QAAQ,EAAE,IADQ;AAElBT,MAAAA,KAAK,EAAE;AAFW;AAtBP;AA7DF,C","sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the inputs to complete the sentence',\n    shuffle: true,\n    markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',\n    toolbarEditorPosition: 'bottom',\n    displayType: 'block',\n    spellCheckEnabled:false,\n    choices: {\n      0: [\n        {\n          label: 'cow',\n          value: '0'\n        },\n        {\n          label: 'cattle',\n          value: '1'\n        },\n        {\n          label: 'calf',\n          value: '2',\n          correct: false\n        }\n      ],\n      1: [\n        {\n          label: 'over',\n          value: '0'\n        },\n        {\n          label: 'past',\n          value: '1'\n        },\n        {\n          label: 'beyond',\n          value: '2'\n        }\n      ],\n      2: [\n        {\n          label: 'moon',\n          value: '0'\n        },\n        {\n          label: 'satellite',\n          value: '2'\n        },\n        {\n          label: 'house ',\n          value: '3'\n        }\n      ]\n    },\n    maxLengthPerChoiceEnabled: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    spellCheck: {\n      label: \"Spellcheck\",\n      settings:true,\n      enabled:true\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    maxLengthPerChoice: {\n      settings: true,\n      label: 'Maximum Length Per Choice'\n    }\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","disabled","mode","prompt","shuffle","markup","toolbarEditorPosition","displayType","spellCheckEnabled","playerSpellCheckEnabled","choices","label","value","correct","maxLengthPerChoiceEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","partialScoring","rationale","spellCheck","enabled","playerSpellCheck","teacherInstructions","maxLengthPerChoice"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,yCAHH;AAILC,IAAAA,OAAO,EAAE,IAJJ;AAKLC,IAAAA,MAAM,EAAE,yCALH;AAMLC,IAAAA,qBAAqB,EAAE,QANlB;AAOLC,IAAAA,WAAW,EAAE,OAPR;AAQLC,IAAAA,iBAAiB,EAAC,IARb;AASLC,IAAAA,uBAAuB,EAAC,IATnB;AAULC,IAAAA,OAAO,EAAE;AACP,SAAG,CACD;AACEC,QAAAA,KAAK,EAAE,KADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OADC,EAKD;AACED,QAAAA,KAAK,EAAE,QADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OALC,EASD;AACED,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE,GAFT;AAGEC,QAAAA,OAAO,EAAE;AAHX,OATC,CADI;AAgBP,SAAG,CACD;AACEF,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OADC,EAKD;AACED,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OALC,EASD;AACED,QAAAA,KAAK,EAAE,QADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OATC,CAhBI;AA8BP,SAAG,CACD;AACED,QAAAA,KAAK,EAAE,MADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OADC,EAKD;AACED,QAAAA,KAAK,EAAE,WADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OALC,EASD;AACED,QAAAA,KAAK,EAAE,QADT;AAEEC,QAAAA,KAAK,EAAE;AAFT,OATC;AA9BI,KAVJ;AAuDLE,IAAAA,yBAAyB,EAAE,IAvDtB;AAwDLC,IAAAA,gBAAgB,EAAE,IAxDb;AAyDLC,IAAAA,aAAa,EAAE,IAzDV;AA0DLC,IAAAA,0BAA0B,EAAE,IA1DvB;AA2DLC,IAAAA,0BAA0B,EAAE;AA3DvB,GADM;AA8DbC,EAAAA,aAAa,EAAE;AACbhB,IAAAA,MAAM,EAAE;AACNiB,MAAAA,QAAQ,EAAE,IADJ;AAENT,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbU,IAAAA,cAAc,EAAE;AACdD,MAAAA,QAAQ,EAAE,KADI;AAEdT,MAAAA,KAAK,EAAE;AAFO,KALH;AASbW,IAAAA,SAAS,EAAE;AACTF,MAAAA,QAAQ,EAAE,IADD;AAETT,MAAAA,KAAK,EAAE;AAFE,KATE;AAabY,IAAAA,UAAU,EAAE;AACVZ,MAAAA,KAAK,EAAE,YADG;AAEVS,MAAAA,QAAQ,EAAC,KAFC;AAGVI,MAAAA,OAAO,EAAC;AAHE,KAbC;AAkBbC,IAAAA,gBAAgB,EAAE;AAChBd,MAAAA,KAAK,EAAE,oBADS;AAEhBS,MAAAA,QAAQ,EAAC,IAFO;AAGhBI,MAAAA,OAAO,EAAC;AAHQ,KAlBL;AAuBbE,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBT,MAAAA,KAAK,EAAE;AAFY,KAvBR;AA2BbgB,IAAAA,kBAAkB,EAAE;AAClBP,MAAAA,QAAQ,EAAE,IADQ;AAElBT,MAAAA,KAAK,EAAE;AAFW;AA3BP;AA9DF,C","sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the inputs to complete the sentence',\n    shuffle: true,\n    markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',\n    toolbarEditorPosition: 'bottom',\n    displayType: 'block',\n    spellCheckEnabled:true,\n    playerSpellCheckEnabled:true,\n    choices: {\n      0: [\n        {\n          label: 'cow',\n          value: '0'\n        },\n        {\n          label: 'cattle',\n          value: '1'\n        },\n        {\n          label: 'calf',\n          value: '2',\n          correct: false\n        }\n      ],\n      1: [\n        {\n          label: 'over',\n          value: '0'\n        },\n        {\n          label: 'past',\n          value: '1'\n        },\n        {\n          label: 'beyond',\n          value: '2'\n        }\n      ],\n      2: [\n        {\n          label: 'moon',\n          value: '0'\n        },\n        {\n          label: 'satellite',\n          value: '2'\n        },\n        {\n          label: 'house ',\n          value: '3'\n        }\n      ]\n    },\n    maxLengthPerChoiceEnabled: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    playerSpellCheck: {\n      label: 'Student Spellcheck',\n      settings:true,\n      enabled:true\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    maxLengthPerChoice: {\n      settings: true,\n      label: 'Maximum Length Per Choice'\n    }\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/main.js

@@ -336,7 +336,9 @@ var Main = /*#__PURE__*/function (_React$Component) {
           _ref$maxLengthPerChoi = _ref.maxLengthPerChoice,
           maxLengthPerChoice = _ref$maxLengthPerChoi === void 0 ? {} : _ref$maxLengthPerChoi,
           _ref$spellCheck = _ref.spellCheck,
-          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+          _ref$playerSpellCheck = _ref.playerSpellCheck,
+          playerSpellCheck = _ref$playerSpellCheck === void 0 ? {} : _ref$playerSpellCheck;
 
       var _ref2 = model || {},
           teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
@@ -378,7 +380,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
               teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
               rationaleEnabled: rationale.settings && toggle(rationale.label),
               promptEnabled: prompt.settings && toggle(prompt.label),
-              spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label)
+              spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+              playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
             }
           }
         })

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","color","fontFamily","fontSize","lineHeight","marginTop","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","newVal","props","onModelChanged","model","rationale","teacherInstructions","slateMarkup","choices","maxLengthPerChoice","index","newValLength","length","label","value","nbOfMissingChoices","Array","fill","splice","domMarkup","allRespAreas","querySelectorAll","allChoices","updatedMaxLengthPerChoice","forEach","el","newChoices","dataset","callback","setState","cachedChoices","undefined","nodes","state","newCachedChoices","node","keyForNode","data","get","Object","assign","hasOwnProperty","trailing","leading","undefinedLengths","values","choice","labelLengthsArr","map","Math","max","classes","configuration","onConfigurationChanged","imageSupport","partialScoring","spellCheck","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","maxLengthPerChoiceEnabled","spellCheckEnabled","toolbarOpts","toolbarEditorPosition","position","onModelChange","Settings","Properties","onTeacherInstructionsChanged","onPromptChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","onToolbarDone","correctChoice","onChangeResponse","onHandleAreaChange","onChange","onBlur","onResponsesChanged","onLengthChanged","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEmpty from 'lodash/isEmpty';\nimport pick from 'lodash/pick';\nimport throttle from 'lodash/throttle';\nimport EditableHtml, {ALL_PLUGINS} from '@pie-lib/editable-html';\nimport {InputContainer, layout, settings} from '@pie-lib/config-ui';\nimport {withStyles} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ECRToolbar from './ecr-toolbar';\nimport AlternateResponses from './alternateResponses';\nimport { getAdjustedLength } from './markupUtils';\n\nconst { toggle, Panel } = settings;\n\nconst styles = theme => ({\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  },\n  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px'\n    }\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  text: {\n    color: '#495B8F',\n    fontFamily: 'Cerebri Sans',\n    fontSize: '16px',\n    lineHeight: '19px',\n    marginTop: theme.spacing.unit * 4\n  }\n});\n\nconst createElementFromHTML = htmlString => {\n  const div = document.createElement('div');\n\n  div.innerHTML = htmlString.trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  state = {};\n\n  componentDidMount() {\n    const {\n      model: { slateMarkup, choices, maxLengthPerChoice = []},\n      onModelChanged\n    } = this.props;\n    const undefinedLengths = !maxLengthPerChoice.length;\n\n    this.setState({ markup: slateMarkup });\n\n    // calculate maxLengthPerChoice array if it is not defined or defined incorrectly\n    Object.values(choices).forEach((choice, index) => {\n      const labelLengthsArr = (choice || []).map(choice => (choice.label || '').length);\n      const length = Math.max(...labelLengthsArr);\n\n      if (\n        undefinedLengths\n        || !maxLengthPerChoice[index]\n        || maxLengthPerChoice[index] < length\n        || maxLengthPerChoice[index] > length + 10\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(length);\n      }\n    });\n\n    onModelChanged({\n      ...this.props.model,\n      maxLengthPerChoice\n    });\n  }\n\n  onModelChange = newVal => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      ...newVal\n    });\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onRationaleChanged = rationale => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({\n      ...model,\n      teacherInstructions\n    });\n  };\n\n  onMarkupChanged = slateMarkup => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup\n    });\n  };\n\n  onResponsesChanged = choices => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      choices\n    });\n  };\n\n  onLengthChanged = maxLengthPerChoice => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({\n      ...model,\n      maxLengthPerChoice\n    });\n  };\n\n  onChangeResponse = (index, newVal) => {\n    const { model, onModelChanged} = this.props;\n    const { choices } = model;\n    let { maxLengthPerChoice } = model;\n    const newValLength = (newVal || '').length;\n\n    if (!choices[index]) {\n      choices[index] = [{ label: newVal || '', value: '0' }];\n\n      // add default values for missing choices up to the new index position\n      const nbOfMissingChoices = index > maxLengthPerChoice.length ? index - maxLengthPerChoice.length : 0;\n\n      maxLengthPerChoice = [ ...maxLengthPerChoice, ...Array(nbOfMissingChoices).fill(1) ];\n\n      maxLengthPerChoice.splice(index, 0, getAdjustedLength(newValLength));\n    } else {\n      choices[index][0].label = newVal || '';\n\n      if (\n        maxLengthPerChoice\n        && (maxLengthPerChoice[index] < newValLength || maxLengthPerChoice[index] > newValLength + 10)\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(newValLength);\n      }\n    }\n\n    onModelChanged({\n      ...model,\n      choices,\n      maxLengthPerChoice\n    });\n  };\n\n  onChange = markup => {\n    const {\n      model: { choices, maxLengthPerChoice },\n      onModelChanged\n    } = this.props;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll(\n      '[data-type=\"explicit_constructed_response\"]'\n    );\n\n    const allChoices = {};\n    const updatedMaxLengthPerChoice = [];\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = cloneDeep(choices[el.dataset.index]);\n\n      if (newChoices) {\n        newChoices[0] = {\n          label: el.dataset.value || '',\n          value: '0'\n        };\n\n        updatedMaxLengthPerChoice[index] = maxLengthPerChoice[el.dataset.index];\n      }\n\n      allChoices[index] = newChoices;\n      el.dataset.index = index;\n    });\n\n    const callback = () => onModelChanged({\n      ...this.props.model,\n      choices: allChoices,\n      slateMarkup: domMarkup.innerHTML,\n      maxLengthPerChoice: updatedMaxLengthPerChoice\n    });\n\n    this.setState({\n      cachedChoices: undefined\n    }, callback);\n  };\n\n  onHandleAreaChange = throttle((nodes) => {\n    const {\n      model: { choices },\n      onModelChanged\n    } = this.props;\n    const { cachedChoices } = this.state;\n\n    if (!nodes) {\n      return;\n    }\n\n    const newChoices = choices ? cloneDeep(choices) : {};\n    const newCachedChoices = cachedChoices ? cloneDeep(cachedChoices) : {};\n\n    nodes.forEach((node) => {\n      const keyForNode = node.data.get('index');\n\n      if (!newChoices[keyForNode] && newCachedChoices[keyForNode]) {\n        Object.assign(newChoices, pick(newCachedChoices, keyForNode));\n\n        if (newCachedChoices.hasOwnProperty(keyForNode)) {\n          delete newCachedChoices[keyForNode];\n        }\n      } else {\n        Object.assign(newCachedChoices, pick(newChoices, keyForNode));\n\n        if (newChoices.hasOwnProperty(keyForNode)) {\n          delete newChoices[keyForNode];\n        }\n      }\n    });\n\n    const callback = () => onModelChanged({\n      ...this.props.model,\n      choices: newChoices\n    });\n\n    this.setState({\n      cachedChoices: newCachedChoices\n    }, callback);\n  }, 500, { trailing: false, leading: true });\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      imageSupport\n    } = this.props;\n    const {\n      prompt = {},\n      partialScoring = {},\n      rationale = {},\n      teacherInstructions = {},\n      maxLengthPerChoice = {},\n      spellCheck = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, maxLengthPerChoiceEnabled, spellCheckEnabled } = model || {};\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={model => this.onModelChange(model)}\n              onChangeConfiguration={configuration =>\n                onConfigurationChanged(configuration, true)\n              }\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  maxLengthPerChoiceEnabled:\n                    maxLengthPerChoice.settings && toggle(maxLengthPerChoice.label),\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  spellCheckEnabled:\n                  spellCheck.settings && toggle(spellCheck.label),\n                }\n              }}\n            />\n          }\n        >\n          <div>\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.onTeacherInstructionsChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                />\n              </InputContainer>\n            )}\n            {promptEnabled && (\n              <InputContainer\n                label={prompt.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.prompt}\n                  onChange={this.onPromptChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                />\n              </InputContainer>\n            )}\n            <Typography className={classes.text}>\n              Define Template, Choices, and Correct Responses\n            </Typography>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              spellCheck={spellCheckEnabled}\n              responseAreaProps={{\n                type: 'explicit-constructed-response',\n                options: {\n                  duplicates: true\n                },\n                respAreaToolbar: (node, value, onToolbarDone) => {\n                  const { model } = this.props;\n                  const correctChoice = (model.choices[\n                    node.data.get('index')\n                  ] || [])[0];\n\n                  return () => (\n                    <ECRToolbar\n                      onChangeResponse={newVal =>\n                        this.onChangeResponse(node.data.get('index'), newVal)\n                      }\n                      node={node}\n                      value={value}\n                      onToolbarDone={onToolbarDone}\n                      correctChoice={correctChoice}\n                    />\n                  );\n                },\n                onHandleAreaChange: this.onHandleAreaChange\n              }}\n              className={classes.markup}\n              markup={model.slateMarkup}\n              onChange={this.onChange}\n              imageSupport={imageSupport}\n              onBlur={this.onBlur}\n              disabled={false}\n              highlightShape={false}\n            />\n            {!isEmpty(model.choices) && (\n              <Typography className={classes.text}>\n                {`Define Alternates ${maxLengthPerChoiceEnabled ? 'and Character Limits' : ''}`}\n              </Typography>\n            )}\n            <AlternateResponses\n              model={model}\n              onChange={this.onResponsesChanged}\n              onLengthChange={this.onLengthChanged}\n              maxLengthPerChoiceEnabled={maxLengthPerChoiceEnabled}\n              spellCheck={spellCheckEnabled}\n            />\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.rationale || ''}\n                  onChange={this.onRationaleChanged}\n                  imageSupport={imageSupport}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                />\n              </InputContainer>\n            )}\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["toggle","settings","Panel","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","color","fontFamily","fontSize","lineHeight","marginTop","createElementFromHTML","htmlString","div","document","createElement","innerHTML","trim","Main","newVal","props","onModelChanged","model","rationale","teacherInstructions","slateMarkup","choices","maxLengthPerChoice","index","newValLength","length","label","value","nbOfMissingChoices","Array","fill","splice","domMarkup","allRespAreas","querySelectorAll","allChoices","updatedMaxLengthPerChoice","forEach","el","newChoices","dataset","callback","setState","cachedChoices","undefined","nodes","state","newCachedChoices","node","keyForNode","data","get","Object","assign","hasOwnProperty","trailing","leading","undefinedLengths","values","choice","labelLengthsArr","map","Math","max","classes","configuration","onConfigurationChanged","imageSupport","partialScoring","spellCheck","playerSpellCheck","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","maxLengthPerChoiceEnabled","spellCheckEnabled","toolbarOpts","toolbarEditorPosition","position","onModelChange","Settings","Properties","playerSpellCheckEnabled","onTeacherInstructionsChanged","onPromptChanged","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","onToolbarDone","correctChoice","onChangeResponse","onHandleAreaChange","onChange","onBlur","onResponsesChanged","onLengthChanged","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cloneDeep from 'lodash/cloneDeep';\nimport isEmpty from 'lodash/isEmpty';\nimport pick from 'lodash/pick';\nimport throttle from 'lodash/throttle';\nimport EditableHtml, {ALL_PLUGINS} from '@pie-lib/editable-html';\nimport {InputContainer, layout, settings} from '@pie-lib/config-ui';\nimport {withStyles} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport ECRToolbar from './ecr-toolbar';\nimport AlternateResponses from './alternateResponses';\nimport { getAdjustedLength } from './markupUtils';\n\nconst { toggle, Panel } = settings;\n\nconst styles = theme => ({\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  },\n  markup: {\n    minHeight: '100px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '100px'\n    }\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3\n  },\n  choiceConfiguration: {\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0\n  },\n  addButton: {\n    float: 'right'\n  },\n  text: {\n    color: '#495B8F',\n    fontFamily: 'Cerebri Sans',\n    fontSize: '16px',\n    lineHeight: '19px',\n    marginTop: theme.spacing.unit * 4\n  }\n});\n\nconst createElementFromHTML = htmlString => {\n  const div = document.createElement('div');\n\n  div.innerHTML = htmlString.trim();\n\n  return div;\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    configuration: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  state = {};\n\n  componentDidMount() {\n    const {\n      model: { slateMarkup, choices, maxLengthPerChoice = []},\n      onModelChanged\n    } = this.props;\n    const undefinedLengths = !maxLengthPerChoice.length;\n\n    this.setState({ markup: slateMarkup });\n\n    // calculate maxLengthPerChoice array if it is not defined or defined incorrectly\n    Object.values(choices).forEach((choice, index) => {\n      const labelLengthsArr = (choice || []).map(choice => (choice.label || '').length);\n      const length = Math.max(...labelLengthsArr);\n\n      if (\n        undefinedLengths\n        || !maxLengthPerChoice[index]\n        || maxLengthPerChoice[index] < length\n        || maxLengthPerChoice[index] > length + 10\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(length);\n      }\n    });\n\n    onModelChanged({\n      ...this.props.model,\n      maxLengthPerChoice\n    });\n  }\n\n  onModelChange = newVal => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      ...newVal\n    });\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onRationaleChanged = rationale => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({\n      ...model,\n      teacherInstructions\n    });\n  };\n\n  onMarkupChanged = slateMarkup => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup\n    });\n  };\n\n  onResponsesChanged = choices => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      choices\n    });\n  };\n\n  onLengthChanged = maxLengthPerChoice => {\n    const { model, onModelChanged } = this.props;\n\n    onModelChanged({\n      ...model,\n      maxLengthPerChoice\n    });\n  };\n\n  onChangeResponse = (index, newVal) => {\n    const { model, onModelChanged} = this.props;\n    const { choices } = model;\n    let { maxLengthPerChoice } = model;\n    const newValLength = (newVal || '').length;\n\n    if (!choices[index]) {\n      choices[index] = [{ label: newVal || '', value: '0' }];\n\n      // add default values for missing choices up to the new index position\n      const nbOfMissingChoices = index > maxLengthPerChoice.length ? index - maxLengthPerChoice.length : 0;\n\n      maxLengthPerChoice = [ ...maxLengthPerChoice, ...Array(nbOfMissingChoices).fill(1) ];\n\n      maxLengthPerChoice.splice(index, 0, getAdjustedLength(newValLength));\n    } else {\n      choices[index][0].label = newVal || '';\n\n      if (\n        maxLengthPerChoice\n        && (maxLengthPerChoice[index] < newValLength || maxLengthPerChoice[index] > newValLength + 10)\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(newValLength);\n      }\n    }\n\n    onModelChanged({\n      ...model,\n      choices,\n      maxLengthPerChoice\n    });\n  };\n\n  onChange = markup => {\n    const {\n      model: { choices, maxLengthPerChoice },\n      onModelChanged\n    } = this.props;\n    const domMarkup = createElementFromHTML(markup);\n    const allRespAreas = domMarkup.querySelectorAll(\n      '[data-type=\"explicit_constructed_response\"]'\n    );\n\n    const allChoices = {};\n    const updatedMaxLengthPerChoice = [];\n\n    allRespAreas.forEach((el, index) => {\n      const newChoices = cloneDeep(choices[el.dataset.index]);\n\n      if (newChoices) {\n        newChoices[0] = {\n          label: el.dataset.value || '',\n          value: '0'\n        };\n\n        updatedMaxLengthPerChoice[index] = maxLengthPerChoice[el.dataset.index];\n      }\n\n      allChoices[index] = newChoices;\n      el.dataset.index = index;\n    });\n\n    const callback = () => onModelChanged({\n      ...this.props.model,\n      choices: allChoices,\n      slateMarkup: domMarkup.innerHTML,\n      maxLengthPerChoice: updatedMaxLengthPerChoice\n    });\n\n    this.setState({\n      cachedChoices: undefined\n    }, callback);\n  };\n\n  onHandleAreaChange = throttle((nodes) => {\n    const {\n      model: { choices },\n      onModelChanged\n    } = this.props;\n    const { cachedChoices } = this.state;\n\n    if (!nodes) {\n      return;\n    }\n\n    const newChoices = choices ? cloneDeep(choices) : {};\n    const newCachedChoices = cachedChoices ? cloneDeep(cachedChoices) : {};\n\n    nodes.forEach((node) => {\n      const keyForNode = node.data.get('index');\n\n      if (!newChoices[keyForNode] && newCachedChoices[keyForNode]) {\n        Object.assign(newChoices, pick(newCachedChoices, keyForNode));\n\n        if (newCachedChoices.hasOwnProperty(keyForNode)) {\n          delete newCachedChoices[keyForNode];\n        }\n      } else {\n        Object.assign(newCachedChoices, pick(newChoices, keyForNode));\n\n        if (newChoices.hasOwnProperty(keyForNode)) {\n          delete newChoices[keyForNode];\n        }\n      }\n    });\n\n    const callback = () => onModelChanged({\n      ...this.props.model,\n      choices: newChoices\n    });\n\n    this.setState({\n      cachedChoices: newCachedChoices\n    }, callback);\n  }, 500, { trailing: false, leading: true });\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      imageSupport\n    } = this.props;\n    const {\n      prompt = {},\n      partialScoring = {},\n      rationale = {},\n      teacherInstructions = {},\n      maxLengthPerChoice = {},\n      spellCheck = {},\n      playerSpellCheck = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, maxLengthPerChoiceEnabled, spellCheckEnabled } = model || {};\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n    return (\n      <div className={classes.design}>\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              configuration={configuration}\n              onChangeModel={model => this.onModelChange(model)}\n              onChangeConfiguration={configuration =>\n                onConfigurationChanged(configuration, true)\n              }\n              groups={{\n                Settings: {\n                  partialScoring:\n                    partialScoring.settings && toggle(partialScoring.label),\n                  maxLengthPerChoiceEnabled:\n                    maxLengthPerChoice.settings && toggle(maxLengthPerChoice.label),\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                  promptEnabled: prompt.settings && toggle(prompt.label),\n                  spellCheckEnabled:\n                  spellCheck.settings && toggle(spellCheck.label),\n                  playerSpellCheckEnabled:\n                  playerSpellCheck.settings && toggle(playerSpellCheck.label),\n                }\n              }}\n            />\n          }\n        >\n          <div>\n            {teacherInstructionsEnabled && (\n              <InputContainer\n                label={teacherInstructions.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.teacherInstructions || ''}\n                  onChange={this.onTeacherInstructionsChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                />\n              </InputContainer>\n            )}\n            {promptEnabled && (\n              <InputContainer\n                label={prompt.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.prompt}\n                  onChange={this.onPromptChanged}\n                  imageSupport={imageSupport}\n                  nonEmpty={false}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                />\n              </InputContainer>\n            )}\n            <Typography className={classes.text}>\n              Define Template, Choices, and Correct Responses\n            </Typography>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              toolbarOpts={{ position: 'top' }}\n              spellCheck={spellCheckEnabled}\n              responseAreaProps={{\n                type: 'explicit-constructed-response',\n                options: {\n                  duplicates: true\n                },\n                respAreaToolbar: (node, value, onToolbarDone) => {\n                  const { model } = this.props;\n                  const correctChoice = (model.choices[\n                    node.data.get('index')\n                  ] || [])[0];\n\n                  return () => (\n                    <ECRToolbar\n                      onChangeResponse={newVal =>\n                        this.onChangeResponse(node.data.get('index'), newVal)\n                      }\n                      node={node}\n                      value={value}\n                      onToolbarDone={onToolbarDone}\n                      correctChoice={correctChoice}\n                    />\n                  );\n                },\n                onHandleAreaChange: this.onHandleAreaChange\n              }}\n              className={classes.markup}\n              markup={model.slateMarkup}\n              onChange={this.onChange}\n              imageSupport={imageSupport}\n              onBlur={this.onBlur}\n              disabled={false}\n              highlightShape={false}\n            />\n            {!isEmpty(model.choices) && (\n              <Typography className={classes.text}>\n                {`Define Alternates ${maxLengthPerChoiceEnabled ? 'and Character Limits' : ''}`}\n              </Typography>\n            )}\n            <AlternateResponses\n              model={model}\n              onChange={this.onResponsesChanged}\n              onLengthChange={this.onLengthChanged}\n              maxLengthPerChoiceEnabled={maxLengthPerChoiceEnabled}\n              spellCheck={spellCheckEnabled}\n            />\n            {rationaleEnabled && (\n              <InputContainer\n                label={rationale.label}\n                className={classes.promptHolder}\n              >\n                <EditableHtml\n                  className={classes.prompt}\n                  markup={model.rationale || ''}\n                  onChange={this.onRationaleChanged}\n                  imageSupport={imageSupport}\n                  toolbarOpts={toolbarOpts}\n                  spellCheck={spellCheckEnabled}\n                />\n              </InputContainer>\n            )}\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/controller/lib/index.js

@@ -187,6 +187,7 @@ function model(question, session, env) {
                 maxLengthPerChoice: maxLengthPerChoice,
                 maxLengthPerChoiceEnabled: maxLengthPerChoiceEnabled,
                 displayType: normalizedQuestion.displayType,
+                playerSpellCheckEnabled: normalizedQuestion.playerSpellCheckEnabled,
                 responseCorrect: env.mode === 'evaluate' ? getScore(normalizedQuestion, session) === 1 : undefined
               };
 

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","prepareChoice","mode","defaultFeedback","choice","out","label","value","correct","feedbackType","feedback","type","getFeedback","getAdjustedLength","length","normalize","question","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","model","session","env","Promise","resolve","choices","Object","keys","forEach","key","map","item","index","normalizedQuestion","assign","incorrect","preparChoiceFn","obj","area","respArea","chosenValue","val","c","prepareVal","showNote","values","maxLengthPerChoice","maxLengthPerChoiceEnabled","undefinedLengths","labelLengthsArr","Math","max","disabled","prompt","markup","note","displayType","responseCorrect","getScore","undefined","role","rationale","teacherInstructions","getTextFromHTML","html","replace","trim","config","responseAreas","match","maxScore","correctCount","total","str","toFixed","parseFloat","outcome","partialScoringEnabled","partialScoring","enabled","score","empty","createCorrectResponseSession","i","id"],"mappings":"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","sourcesContent":["import map from 'lodash/map';\nimport reduce from 'lodash/reduce';\nimport find from 'lodash/find';\nimport isEmpty from 'lodash/isEmpty';\nimport debug from 'debug';\nimport { partialScoring } from '@pie-lib/controller-utils';\n\nconst log = debug('explicit-constructed-response:controller');\n\nexport const prepareChoice = (mode, defaultFeedback) => choice => {\n  const out = {\n    label: choice.label,\n    value: choice.value\n  };\n\n  if (mode === 'evaluate') {\n    out.correct = true;\n\n    const feedbackType = (choice.feedback && choice.feedback.type) || 'none';\n\n    if (feedbackType === 'default') {\n      out.feedback = defaultFeedback['correct'];\n    } else if (feedbackType === 'custom') {\n      out.feedback = choice.feedback.value;\n    }\n  }\n\n  return out;\n};\n\nconst getFeedback = value => {\n  if (value) {\n    return 'correct';\n  }\n\n  return 'incorrect';\n};\n\n// also used in configure/src/markupUtils.js\nconst getAdjustedLength = length => {\n  if (length <= 2) {\n    return length + 2;\n  }\n\n  if (length <= 4) {\n    return length + 3;\n  }\n\n  if (length <= 6) {\n    return length + 4;\n  }\n\n  return length + 5;\n};\n\nexport const normalize = question => ({\n  rationaleEnabled: true,\n  promptEnabled: true,\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  ...question,\n});\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport function model(question, session, env) {\n  return new Promise(async resolve => {\n    // this was added to treat an exception, when the model has choices without the \"value\" property\n    // like: { label: 'test' }\n    if (question.choices) {\n      Object.keys(question.choices).forEach(key => {\n        question.choices[key] = (question.choices[key] || []).map((item, index) => {\n          if (!item.value) {\n            log('Choice does not contain \"value\" property, which is required.', item);\n            return { value: `${index}`, ...item };\n          }\n\n          return item;\n        })\n      });\n    }\n\n    const normalizedQuestion = normalize(question);\n    const defaultFeedback = Object.assign(\n      { correct: 'Correct', incorrect: 'Incorrect' },\n      normalizedQuestion.defaultFeedback\n    );\n\n    const { value = {} } = session || {};\n\n    const preparChoiceFn = prepareChoice(env.mode, defaultFeedback);\n\n    let choices = reduce(\n      normalizedQuestion.choices,\n      (obj, area, key) => {\n        obj[key] = map(area, preparChoiceFn);\n\n        return obj;\n      },\n      {}\n    );\n    let feedback = {};\n\n    if (env.mode === 'evaluate') {\n      feedback = reduce(normalizedQuestion.choices, (obj, respArea, key) => {\n        const chosenValue = value && value[key];\n        const val = !isEmpty(chosenValue) && find(respArea, c => prepareVal(c.label) === prepareVal(chosenValue));\n\n        obj[key] = getFeedback(val);\n\n        return obj;\n      }, {});\n    }\n\n    let showNote = false;\n    // check if a choice has an alternate\n    Object.values(choices).forEach(choice => {\n       if (choice && choice.length > 1) {\n         showNote = true;\n       }\n    });\n\n    const { maxLengthPerChoice = [], maxLengthPerChoiceEnabled } = normalizedQuestion;\n    const undefinedLengths = !maxLengthPerChoice.length;\n\n    // calculate maxLengthPerChoice array if it is not defined or defined incorrectly\n    Object.values(choices).forEach((choice, index) => {\n      const labelLengthsArr = (choice || []).map(choice => (choice.label || '').length);\n      const length = Math.max(...labelLengthsArr);\n\n      if (\n        undefinedLengths\n        || !maxLengthPerChoice[index]\n        || maxLengthPerChoice[index] < length\n        || maxLengthPerChoice[index] > length + 10\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(length);\n      }\n    });\n\n    const out = {\n      disabled: env.mode !== 'gather',\n      mode: env.mode,\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      markup: normalizedQuestion.markup,\n      choices,\n      feedback,\n      env,\n      note: normalizedQuestion.note,\n      showNote,\n      maxLengthPerChoice,\n      maxLengthPerChoiceEnabled,\n      displayType: normalizedQuestion.displayType,\n      responseCorrect:\n        env.mode === 'evaluate' ? getScore(normalizedQuestion, session) === 1 : undefined\n    };\n\n    if (\n      env.role === 'instructor' &&\n      (env.mode === 'view' || env.mode === 'evaluate')\n    ) {\n      out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;\n    } else {\n      out.rationale = null;\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n}\n\nconst getTextFromHTML = (html) => {\n  return (html || '').replace(/<\\/?[^>]+(>|$)/g, '');\n};\n\nexport const prepareVal = html => {\n  const value = getTextFromHTML(html);\n\n  return value.trim();\n};\n\nexport const getScore = (config, session) => {\n  const { value } = session || {};\n\n  if (!session || isEmpty(session) || !value) {\n    return 0;\n  }\n\n  const responseAreas = config.markup && config.markup.match(/\\{\\{(.)\\}\\}/g);\n  const maxScore = responseAreas ? responseAreas.length : 0;\n  const correctCount = reduce(config.choices, (total, respArea, key) => {\n    const chosenValue = value && value[key];\n\n    if (isEmpty(chosenValue) || !find(respArea, c => prepareVal(c.label) === prepareVal(chosenValue))) {\n      return total;\n    }\n\n    return total + 1;\n  }, 0);\n\n  const str = maxScore ? (correctCount / maxScore).toFixed(2) : 0;\n\n  return parseFloat(str);\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring =\n * false. the value in `env` will override the value in `model`.\n * @param {Object} model - the main model\n * @param {boolean} model.partialScoring - is partial scoring enabled (if undefined set to to true)\n * @param {*} session\n * @param {Object} env\n * @param {boolean} env.partialScoring - is partial scoring enabled (if undefined default to true) This overrides\n *   `model.partialScoring`.\n */\nexport function outcome(model, session, env = {}) {\n  return new Promise(resolve => {\n    const partialScoringEnabled = partialScoring.enabled(model, env);\n    const score = getScore(model, session);\n\n    resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0, empty: isEmpty(session) });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { choices } = question;\n      const value = {};\n\n      Object.keys(choices).forEach((key, i) => {\n        value[i] = choices[key][0].label;\n      });\n\n      resolve({\n        id: '1',\n        value\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","prepareChoice","mode","defaultFeedback","choice","out","label","value","correct","feedbackType","feedback","type","getFeedback","getAdjustedLength","length","normalize","question","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","model","session","env","Promise","resolve","choices","Object","keys","forEach","key","map","item","index","normalizedQuestion","assign","incorrect","preparChoiceFn","obj","area","respArea","chosenValue","val","c","prepareVal","showNote","values","maxLengthPerChoice","maxLengthPerChoiceEnabled","undefinedLengths","labelLengthsArr","Math","max","disabled","prompt","markup","note","displayType","playerSpellCheckEnabled","responseCorrect","getScore","undefined","role","rationale","teacherInstructions","getTextFromHTML","html","replace","trim","config","responseAreas","match","maxScore","correctCount","total","str","toFixed","parseFloat","outcome","partialScoringEnabled","partialScoring","enabled","score","empty","createCorrectResponseSession","i","id"],"mappings":"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","sourcesContent":["import map from 'lodash/map';\nimport reduce from 'lodash/reduce';\nimport find from 'lodash/find';\nimport isEmpty from 'lodash/isEmpty';\nimport debug from 'debug';\nimport { partialScoring } from '@pie-lib/controller-utils';\n\nconst log = debug('explicit-constructed-response:controller');\n\nexport const prepareChoice = (mode, defaultFeedback) => choice => {\n  const out = {\n    label: choice.label,\n    value: choice.value\n  };\n\n  if (mode === 'evaluate') {\n    out.correct = true;\n\n    const feedbackType = (choice.feedback && choice.feedback.type) || 'none';\n\n    if (feedbackType === 'default') {\n      out.feedback = defaultFeedback['correct'];\n    } else if (feedbackType === 'custom') {\n      out.feedback = choice.feedback.value;\n    }\n  }\n\n  return out;\n};\n\nconst getFeedback = value => {\n  if (value) {\n    return 'correct';\n  }\n\n  return 'incorrect';\n};\n\n// also used in configure/src/markupUtils.js\nconst getAdjustedLength = length => {\n  if (length <= 2) {\n    return length + 2;\n  }\n\n  if (length <= 4) {\n    return length + 3;\n  }\n\n  if (length <= 6) {\n    return length + 4;\n  }\n\n  return length + 5;\n};\n\nexport const normalize = question => ({\n  rationaleEnabled: true,\n  promptEnabled: true,\n  teacherInstructionsEnabled: true,\n  studentInstructionsEnabled: true,\n  ...question,\n});\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport function model(question, session, env) {\n  return new Promise(async resolve => {\n    // this was added to treat an exception, when the model has choices without the \"value\" property\n    // like: { label: 'test' }\n    if (question.choices) {\n      Object.keys(question.choices).forEach(key => {\n        question.choices[key] = (question.choices[key] || []).map((item, index) => {\n          if (!item.value) {\n            log('Choice does not contain \"value\" property, which is required.', item);\n            return { value: `${index}`, ...item };\n          }\n\n          return item;\n        })\n      });\n    }\n\n    const normalizedQuestion = normalize(question);\n    const defaultFeedback = Object.assign(\n      { correct: 'Correct', incorrect: 'Incorrect' },\n      normalizedQuestion.defaultFeedback\n    );\n\n    const { value = {} } = session || {};\n\n    const preparChoiceFn = prepareChoice(env.mode, defaultFeedback);\n\n    let choices = reduce(\n      normalizedQuestion.choices,\n      (obj, area, key) => {\n        obj[key] = map(area, preparChoiceFn);\n\n        return obj;\n      },\n      {}\n    );\n    let feedback = {};\n\n    if (env.mode === 'evaluate') {\n      feedback = reduce(normalizedQuestion.choices, (obj, respArea, key) => {\n        const chosenValue = value && value[key];\n        const val = !isEmpty(chosenValue) && find(respArea, c => prepareVal(c.label) === prepareVal(chosenValue));\n\n        obj[key] = getFeedback(val);\n\n        return obj;\n      }, {});\n    }\n\n    let showNote = false;\n    // check if a choice has an alternate\n    Object.values(choices).forEach(choice => {\n       if (choice && choice.length > 1) {\n         showNote = true;\n       }\n    });\n\n    const { maxLengthPerChoice = [], maxLengthPerChoiceEnabled } = normalizedQuestion;\n    const undefinedLengths = !maxLengthPerChoice.length;\n\n    // calculate maxLengthPerChoice array if it is not defined or defined incorrectly\n    Object.values(choices).forEach((choice, index) => {\n      const labelLengthsArr = (choice || []).map(choice => (choice.label || '').length);\n      const length = Math.max(...labelLengthsArr);\n\n      if (\n        undefinedLengths\n        || !maxLengthPerChoice[index]\n        || maxLengthPerChoice[index] < length\n        || maxLengthPerChoice[index] > length + 10\n      ) {\n        maxLengthPerChoice[index] = getAdjustedLength(length);\n      }\n    });\n\n    const out = {\n      disabled: env.mode !== 'gather',\n      mode: env.mode,\n      prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n      markup: normalizedQuestion.markup,\n      choices,\n      feedback,\n      env,\n      note: normalizedQuestion.note,\n      showNote,\n      maxLengthPerChoice,\n      maxLengthPerChoiceEnabled,\n      displayType: normalizedQuestion.displayType,\n      playerSpellCheckEnabled: normalizedQuestion.playerSpellCheckEnabled,\n      responseCorrect:\n        env.mode === 'evaluate' ? getScore(normalizedQuestion, session) === 1 : undefined\n    };\n\n    if (\n      env.role === 'instructor' &&\n      (env.mode === 'view' || env.mode === 'evaluate')\n    ) {\n      out.rationale = normalizedQuestion.rationaleEnabled ? normalizedQuestion.rationale : null;\n      out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;\n    } else {\n      out.rationale = null;\n      out.teacherInstructions = null;\n    }\n\n    resolve(out);\n  });\n}\n\nconst getTextFromHTML = (html) => {\n  return (html || '').replace(/<\\/?[^>]+(>|$)/g, '');\n};\n\nexport const prepareVal = html => {\n  const value = getTextFromHTML(html);\n\n  return value.trim();\n};\n\nexport const getScore = (config, session) => {\n  const { value } = session || {};\n\n  if (!session || isEmpty(session) || !value) {\n    return 0;\n  }\n\n  const responseAreas = config.markup && config.markup.match(/\\{\\{(.)\\}\\}/g);\n  const maxScore = responseAreas ? responseAreas.length : 0;\n  const correctCount = reduce(config.choices, (total, respArea, key) => {\n    const chosenValue = value && value[key];\n\n    if (isEmpty(chosenValue) || !find(respArea, c => prepareVal(c.label) === prepareVal(chosenValue))) {\n      return total;\n    }\n\n    return total + 1;\n  }, 0);\n\n  const str = maxScore ? (correctCount / maxScore).toFixed(2) : 0;\n\n  return parseFloat(str);\n};\n\n/**\n *\n * The score is partial by default for checkbox mode, allOrNothing for radio mode.\n * To disable partial scoring for checkbox mode you either set model.partialScoring = false or env.partialScoring =\n * false. the value in `env` will override the value in `model`.\n * @param {Object} model - the main model\n * @param {boolean} model.partialScoring - is partial scoring enabled (if undefined set to to true)\n * @param {*} session\n * @param {Object} env\n * @param {boolean} env.partialScoring - is partial scoring enabled (if undefined default to true) This overrides\n *   `model.partialScoring`.\n */\nexport function outcome(model, session, env = {}) {\n  return new Promise(resolve => {\n    const partialScoringEnabled = partialScoring.enabled(model, env);\n    const score = getScore(model, session);\n\n    resolve({ score: partialScoringEnabled ? score : score === 1 ? 1 : 0, empty: isEmpty(session) });\n  });\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise(resolve => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      const { choices } = question;\n      const value = {};\n\n      Object.keys(choices).forEach((key, i) => {\n        value[i] = choices[key][0].label;\n      });\n\n      resolve({\n        id: '1',\n        value\n      });\n    } else {\n      resolve(null);\n    }\n  });\n};\n"],"file":"index.js"}

package/docs/config-schema.json

@@ -67,6 +67,22 @@
         }
       }
     },
+    "playerSpellCheck": {
+      "title": "ConfigureProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "autoScoring": {
       "title": "ConfigureProp",
       "type": "object",

package/docs/config-schema.json.md

@@ -50,6 +50,18 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `playerSpellCheck` (object)
+
+Properties of the `playerSpellCheck` object:
+
+## `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+## `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
 # `autoScoring` (object)
 
 Properties of the `autoScoring` object:

package/docs/pie-schema.json

@@ -55,10 +55,15 @@
       "title": "promptEnabled"
     },
     "spellCheckEnabled": {
-      "description": "Indicates if spellcheck is enabled",
+      "description": "Indicates if spellcheck is enabled for the author. Default value is true",
       "type": "boolean",
       "title": "spellCheckEnabled"
     },
+    "playerSpellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled for the player. Default value is true",
+      "type": "boolean",
+      "title": "playerSpellCheckEnabled"
+    },
     "rationale": {
       "description": "Indicates correct answer rationale",
       "type": "string",
@@ -144,6 +149,7 @@
     "element",
     "id",
     "markup",
+    "playerSpellCheckEnabled",
     "rationale",
     "rationaleEnabled",
     "rubric",

package/docs/pie-schema.json.md

@@ -25,7 +25,11 @@ Indicates if the prompt is enabled
 
 # `spellCheckEnabled` (boolean, required)
 
-Indicates if spellcheck is enabled
+Indicates if spellcheck is enabled for the author. Default value is true
+
+# `playerSpellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the player. Default value is true
 
 # `rationale` (string, required)
 

package/lib/index.js

@@ -62,6 +62,7 @@ var InlineDropdown = /*#__PURE__*/function (_HTMLElement) {
           mode: _this._model.mode,
           maxLengthPerChoice: _this._model.maxLengthPerChoice,
           maxLengthPerChoiceEnabled: _this._model.maxLengthPerChoiceEnabled,
+          playerSpellCheckEnabled: _this._model.playerSpellCheckEnabled,
           value: _this._session.value,
           feedback: _this._model.feedback,
           displayType: _this._model.displayType,

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["InlineDropdown","_model","_session","elem","React","createElement","Main","teacherInstructions","prompt","note","showNote","env","rationale","disabled","choices","markup","mode","maxLengthPerChoice","maxLengthPerChoiceEnabled","value","feedback","displayType","onChange","changeSession","ReactDOM","render","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","session","dispatchChangedEvent","_render","m","ModelSetEvent","s","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;;AAEA;;;;;;IAEqBA,c;;;;;AACnB,4BAAc;AAAA;;AAAA;AACZ;AADY,gGA4BJ,YAAM;AACd,UAAI,MAAKC,MAAL,IAAe,MAAKC,QAAxB,EAAkC;AAChC,YAAIC,IAAI,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,UAAAA,mBAAmB,EAAE,MAAKN,MAAL,CAAYM,mBADE;AAEnCC,UAAAA,MAAM,EAAE,MAAKP,MAAL,CAAYO,MAFe;AAGnCC,UAAAA,IAAI,EAAE,MAAKR,MAAL,CAAYQ,IAHiB;AAInCC,UAAAA,QAAQ,EAAE,MAAKT,MAAL,CAAYS,QAJa;AAKnCC,UAAAA,GAAG,EAAE,MAAKV,MAAL,CAAYU,GALkB;AAMnCC,UAAAA,SAAS,EAAE,MAAKX,MAAL,CAAYW,SANY;AAOnCC,UAAAA,QAAQ,EAAE,MAAKZ,MAAL,CAAYY,QAPa;AAQnCC,UAAAA,OAAO,EAAE,MAAKb,MAAL,CAAYa,OARc;AASnCC,UAAAA,MAAM,EAAE,MAAKd,MAAL,CAAYc,MATe;AAUnCC,UAAAA,IAAI,EAAE,MAAKf,MAAL,CAAYe,IAViB;AAWnCC,UAAAA,kBAAkB,EAAE,MAAKhB,MAAL,CAAYgB,kBAXG;AAYnCC,UAAAA,yBAAyB,EAAE,MAAKjB,MAAL,CAAYiB,yBAZJ;AAanCC,UAAAA,KAAK,EAAE,MAAKjB,QAAL,CAAciB,KAbc;AAcnCC,UAAAA,QAAQ,EAAE,MAAKnB,MAAL,CAAYmB,QAda;AAenCC,UAAAA,WAAW,EAAE,MAAKpB,MAAL,CAAYoB,WAfU;AAgBnCC,UAAAA,QAAQ,EAAE,MAAKC;AAhBoB,SAA1B,CAAX;;AAkBAC,6BAASC,MAAT,CAAgBtB,IAAhB,kDAA4B,YAAM;AAChC;AACD,SAFD;AAGD;AACF,KApDa;AAAA,6GAsDS,YAAM;AAC3B,YAAKuB,aAAL,CACE,IAAIC,oCAAJ,CACE,MAAKC,OAAL,CAAaC,WAAb,EADF,EAEE,MAAKC,OAAL,IAAgB,CAAC,CAAC,MAAKA,OAAL,CAAaX,KAFjC,CADF;AAMD,KA7Da;AAAA,sGA+DE,UAAAA,KAAK,EAAI;AACvB,YAAKW,OAAL,CAAaX,KAAb,GAAqBA,KAArB;;AACA,YAAKY,oBAAL;;AACA,YAAKC,OAAL;AACD,KAnEa;AAEZ,UAAK/B,MAAL,GAAc,IAAd;AACA,UAAKC,QAAL,GAAgB,IAAhB;AAHY;AAIb;;;;SAED,aAAU+B,CAAV,EAAa;AACX,WAAKhC,MAAL,GAAcgC,CAAd;AACA,WAAKP,aAAL,CACE,IAAIQ,8BAAJ,CACE,KAAKN,OAAL,CAAaC,WAAb,EADF,EAEE,KAAKC,OAAL,IAAgB,CAAC,CAAC,KAAKA,OAAL,CAAaX,KAFjC,EAGE,CAAC,CAAC,KAAKlB,MAHT,CADF;;AAQA,WAAK+B,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAK9B,QAAZ;AACD,K;SAPD,aAAYiC,CAAZ,EAAe;AACb,WAAKjC,QAAL,GAAgBiC,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WA+CD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;kDAxEyCI,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  ModelSetEvent,\n  SessionChangedEvent\n} from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport Main from './main';\n\nexport default class InlineDropdown extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(\n      new ModelSetEvent(\n        this.tagName.toLowerCase(),\n        this.session && !!this.session.value,\n        !!this._model\n      )\n    );\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  _render = () => {\n    if (this._model && this._session) {\n      let elem = React.createElement(Main, {\n        teacherInstructions: this._model.teacherInstructions,\n        prompt: this._model.prompt,\n        note: this._model.note,\n        showNote: this._model.showNote,\n        env: this._model.env,\n        rationale: this._model.rationale,\n        disabled: this._model.disabled,\n        choices: this._model.choices,\n        markup: this._model.markup,\n        mode: this._model.mode,\n        maxLengthPerChoice: this._model.maxLengthPerChoice,\n        maxLengthPerChoiceEnabled: this._model.maxLengthPerChoiceEnabled,\n        value: this._session.value,\n        feedback: this._model.feedback,\n        displayType: this._model.displayType,\n        onChange: this.changeSession\n      });\n      ReactDOM.render(elem, this, () => {\n        renderMath(this);\n      });\n    }\n  };\n\n  dispatchChangedEvent = () => {\n    this.dispatchEvent(\n      new SessionChangedEvent(\n        this.tagName.toLowerCase(),\n        this.session && !!this.session.value\n      )\n    );\n  };\n\n  changeSession = value => {\n    this.session.value = value;\n    this.dispatchChangedEvent();\n    this._render();\n  };\n\n  connectedCallback() {\n    this._render();\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["InlineDropdown","_model","_session","elem","React","createElement","Main","teacherInstructions","prompt","note","showNote","env","rationale","disabled","choices","markup","mode","maxLengthPerChoice","maxLengthPerChoiceEnabled","playerSpellCheckEnabled","value","feedback","displayType","onChange","changeSession","ReactDOM","render","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","session","dispatchChangedEvent","_render","m","ModelSetEvent","s","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAIA;;AAEA;;;;;;IAEqBA,c;;;;;AACnB,4BAAc;AAAA;;AAAA;AACZ;AADY,gGA4BJ,YAAM;AACd,UAAI,MAAKC,MAAL,IAAe,MAAKC,QAAxB,EAAkC;AAChC,YAAIC,IAAI,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,UAAAA,mBAAmB,EAAE,MAAKN,MAAL,CAAYM,mBADE;AAEnCC,UAAAA,MAAM,EAAE,MAAKP,MAAL,CAAYO,MAFe;AAGnCC,UAAAA,IAAI,EAAE,MAAKR,MAAL,CAAYQ,IAHiB;AAInCC,UAAAA,QAAQ,EAAE,MAAKT,MAAL,CAAYS,QAJa;AAKnCC,UAAAA,GAAG,EAAE,MAAKV,MAAL,CAAYU,GALkB;AAMnCC,UAAAA,SAAS,EAAE,MAAKX,MAAL,CAAYW,SANY;AAOnCC,UAAAA,QAAQ,EAAE,MAAKZ,MAAL,CAAYY,QAPa;AAQnCC,UAAAA,OAAO,EAAE,MAAKb,MAAL,CAAYa,OARc;AASnCC,UAAAA,MAAM,EAAE,MAAKd,MAAL,CAAYc,MATe;AAUnCC,UAAAA,IAAI,EAAE,MAAKf,MAAL,CAAYe,IAViB;AAWnCC,UAAAA,kBAAkB,EAAE,MAAKhB,MAAL,CAAYgB,kBAXG;AAYnCC,UAAAA,yBAAyB,EAAE,MAAKjB,MAAL,CAAYiB,yBAZJ;AAanCC,UAAAA,uBAAuB,EAAE,MAAKlB,MAAL,CAAYkB,uBAbF;AAcnCC,UAAAA,KAAK,EAAE,MAAKlB,QAAL,CAAckB,KAdc;AAenCC,UAAAA,QAAQ,EAAE,MAAKpB,MAAL,CAAYoB,QAfa;AAgBnCC,UAAAA,WAAW,EAAE,MAAKrB,MAAL,CAAYqB,WAhBU;AAiBnCC,UAAAA,QAAQ,EAAE,MAAKC;AAjBoB,SAA1B,CAAX;;AAmBAC,6BAASC,MAAT,CAAgBvB,IAAhB,kDAA4B,YAAM;AAChC;AACD,SAFD;AAGD;AACF,KArDa;AAAA,6GAuDS,YAAM;AAC3B,YAAKwB,aAAL,CACE,IAAIC,oCAAJ,CACE,MAAKC,OAAL,CAAaC,WAAb,EADF,EAEE,MAAKC,OAAL,IAAgB,CAAC,CAAC,MAAKA,OAAL,CAAaX,KAFjC,CADF;AAMD,KA9Da;AAAA,sGAgEE,UAAAA,KAAK,EAAI;AACvB,YAAKW,OAAL,CAAaX,KAAb,GAAqBA,KAArB;;AACA,YAAKY,oBAAL;;AACA,YAAKC,OAAL;AACD,KApEa;AAEZ,UAAKhC,MAAL,GAAc,IAAd;AACA,UAAKC,QAAL,GAAgB,IAAhB;AAHY;AAIb;;;;SAED,aAAUgC,CAAV,EAAa;AACX,WAAKjC,MAAL,GAAciC,CAAd;AACA,WAAKP,aAAL,CACE,IAAIQ,8BAAJ,CACE,KAAKN,OAAL,CAAaC,WAAb,EADF,EAEE,KAAKC,OAAL,IAAgB,CAAC,CAAC,KAAKA,OAAL,CAAaX,KAFjC,EAGE,CAAC,CAAC,KAAKnB,MAHT,CADF;;AAQA,WAAKgC,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAK/B,QAAZ;AACD,K;SAPD,aAAYkC,CAAZ,EAAe;AACb,WAAKlC,QAAL,GAAgBkC,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAgDD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;kDAzEyCI,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n  ModelSetEvent,\n  SessionChangedEvent\n} from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport Main from './main';\n\nexport default class InlineDropdown extends HTMLElement {\n  constructor() {\n    super();\n    this._model = null;\n    this._session = null;\n  }\n\n  set model(m) {\n    this._model = m;\n    this.dispatchEvent(\n      new ModelSetEvent(\n        this.tagName.toLowerCase(),\n        this.session && !!this.session.value,\n        !!this._model\n      )\n    );\n\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  _render = () => {\n    if (this._model && this._session) {\n      let elem = React.createElement(Main, {\n        teacherInstructions: this._model.teacherInstructions,\n        prompt: this._model.prompt,\n        note: this._model.note,\n        showNote: this._model.showNote,\n        env: this._model.env,\n        rationale: this._model.rationale,\n        disabled: this._model.disabled,\n        choices: this._model.choices,\n        markup: this._model.markup,\n        mode: this._model.mode,\n        maxLengthPerChoice: this._model.maxLengthPerChoice,\n        maxLengthPerChoiceEnabled: this._model.maxLengthPerChoiceEnabled,\n        playerSpellCheckEnabled: this._model.playerSpellCheckEnabled,\n        value: this._session.value,\n        feedback: this._model.feedback,\n        displayType: this._model.displayType,\n        onChange: this.changeSession\n      });\n      ReactDOM.render(elem, this, () => {\n        renderMath(this);\n      });\n    }\n  };\n\n  dispatchChangedEvent = () => {\n    this.dispatchEvent(\n      new SessionChangedEvent(\n        this.tagName.toLowerCase(),\n        this.session && !!this.session.value\n      )\n    );\n  };\n\n  changeSession = value => {\n    this.session.value = value;\n    this.dispatchChangedEvent();\n    this._render();\n  };\n\n  connectedCallback() {\n    this._render();\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -129,7 +129,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           alwaysShowCorrect = _this$props.alwaysShowCorrect,
           maxLengthPerChoice = _this$props.maxLengthPerChoice,
           maxLengthPerChoiceEnabled = _this$props.maxLengthPerChoiceEnabled,
-          displayType = _this$props.displayType;
+          displayType = _this$props.displayType,
+          playerSpellCheckEnabled = _this$props.playerSpellCheckEnabled;
 
       var _ref = env || {},
           role = _ref.role;
@@ -169,7 +170,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
         showCorrectAnswer: showCorrectAnswer,
         value: value,
         maxLength: maxLengthPerChoice,
-        adjustedLimit: maxLengthPerChoiceEnabled
+        adjustedLimit: maxLengthPerChoiceEnabled,
+        spellCheck: playerSpellCheckEnabled
       })), displayNote && /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.note, 'note'),
         dangerouslySetInnerHTML: {
@@ -205,7 +207,8 @@ exports.Main = Main;
   onChange: _propTypes["default"].func,
   alwaysShowCorrect: _propTypes["default"].bool,
   animationsDisabled: _propTypes["default"].bool,
-  maxLengthPerChoice: _propTypes["default"].array
+  maxLengthPerChoice: _propTypes["default"].array,
+  playerSpellCheckEnabled: _propTypes["default"].bool
 });
 (0, _defineProperty2["default"])(Main, "defaultProps", {
   value: {}

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.js"],"names":["Main","showCorrectAnswer","props","alwaysShowCorrect","value","maxLengthPerChoice","every","val","i","arr","onChange","maxWait","setState","state","getChangeSession","changeSession","nextProps","feedback","classes","mode","prompt","rationale","teacherInstructions","note","showNote","env","animationsDisabled","maxLengthPerChoiceEnabled","displayType","role","displayNote","mainClasses","mainContainer","noBorderColor","teacherInstructionsDiv","rationaleDiv","display","collapsible","hidden","visible","toggleShowCorrect","__html","React","Component","PropTypes","object","isRequired","string","bool","disabled","markup","func","array","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","inlineDisplay","blockDisplay","margin","borderColor"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport isEmpty from 'lodash/isEmpty';\nimport isEqual from 'lodash/isEqual';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { ConstructedResponse } from '@pie-lib/mask-markup';\nimport {color, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    prompt: PropTypes.string,\n    note: PropTypes.string,\n    showNote: PropTypes.bool,\n    env: PropTypes.object,\n    rationale: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n    alwaysShowCorrect: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n    maxLengthPerChoice: PropTypes.array\n  };\n\n  static defaultProps = {\n    value: {}\n  };\n\n  state = {\n    showCorrectAnswer: this.props.alwaysShowCorrect || false,\n    value: this.props.value\n  };\n\n  // if for all responses max length is 1, call onChange for each keystroke\n  getChangeSession = maxLengthPerChoice =>\n    maxLengthPerChoice && maxLengthPerChoice.every((val, i, arr) => val === arr[0] && val === 1) ? this.props.onChange\n      : debounce(this.props.onChange, 1500, { maxWait: 1500 });\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { maxLengthPerChoice } = this.props;\n\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n\n    if (nextProps.alwaysShowCorrect) {\n      this.setState({ showCorrectAnswer: true });\n    }\n\n    if (maxLengthPerChoice && !isEqual(maxLengthPerChoice, nextProps.maxLengthPerChoice)) {\n      this.changeSession = this.getChangeSession(nextProps.maxLengthPerChoice);\n    }\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  changeSession = this.getChangeSession(this.props.maxLengthPerChoice);\n\n  onChange = value => {\n    this.setState({ value });\n\n    this.changeSession(value);\n  };\n\n  render() {\n    const { showCorrectAnswer, value } = this.state;\n    const {\n      classes,\n      mode,\n      prompt,\n      rationale,\n      teacherInstructions,\n      note,\n      showNote,\n      env,\n      animationsDisabled,\n      alwaysShowCorrect,\n      maxLengthPerChoice,\n      maxLengthPerChoiceEnabled,\n      displayType\n    } = this.props;\n    const { role } = env || {};\n    const displayNote = (showCorrectAnswer || mode === 'view' && role === 'instructor') && showNote && note;\n    const mainClasses = classNames([classes.mainContainer, {\n      [classes.noBorderColor]: alwaysShowCorrect\n    }]);\n\n    const teacherInstructionsDiv = <PreviewPrompt defaultClassName=\"teacher-instructions\" prompt={teacherInstructions} />;\n\n    const rationaleDiv = <PreviewPrompt prompt={rationale} />;\n\n    return (\n      <div className={mainClasses} style={{ display: `${displayType}` }}>\n        {\n          teacherInstructions && hasText(teacherInstructions) && (\n            <div className={classes.collapsible}>\n              {!animationsDisabled ? <Collapsible\n                  labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                >\n                  {teacherInstructionsDiv}\n                </Collapsible>\n                : teacherInstructionsDiv}\n            </div>\n          )\n        }\n        {!alwaysShowCorrect && <CorrectAnswerToggle\n          show={mode === 'evaluate'}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />}\n        {prompt && <PreviewPrompt prompt={prompt} />}\n        <ConstructedResponse\n          {...this.props}\n          onChange={this.onChange}\n          showCorrectAnswer={showCorrectAnswer}\n          value={value}\n          maxLength={maxLengthPerChoice}\n          adjustedLimit={maxLengthPerChoiceEnabled}\n        />\n        {displayNote && (\n          <div\n            className={classNames(classes.note, 'note')}\n            dangerouslySetInnerHTML={{ __html: `<strong>Note:</strong> ${note}` }}\n          />\n        )}\n        {rationale && hasText(rationale) && (\n          <div className={classes.collapsible}>\n            {!animationsDisabled ? <Collapsible\n                labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n              >\n                {rationaleDiv}\n              </Collapsible>\n              : rationaleDiv}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  inlineDisplay: {\n    display: 'inline-block'\n  },\n  blockDisplay: {\n    display: 'block'\n  },\n  note: {\n    padding: '5px 0'\n  },\n  collapsible: {\n    margin: `${theme.spacing.unit * 2}px 0`\n  },\n  noBorderColor: {\n    '& *': {\n      borderColor: `${color.text()} !important`\n    }\n  }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.js"],"names":["Main","showCorrectAnswer","props","alwaysShowCorrect","value","maxLengthPerChoice","every","val","i","arr","onChange","maxWait","setState","state","getChangeSession","changeSession","nextProps","feedback","classes","mode","prompt","rationale","teacherInstructions","note","showNote","env","animationsDisabled","maxLengthPerChoiceEnabled","displayType","playerSpellCheckEnabled","role","displayNote","mainClasses","mainContainer","noBorderColor","teacherInstructionsDiv","rationaleDiv","display","collapsible","hidden","visible","toggleShowCorrect","__html","React","Component","PropTypes","object","isRequired","string","bool","disabled","markup","func","array","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","inlineDisplay","blockDisplay","margin","borderColor"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport debounce from 'lodash/debounce';\nimport isEmpty from 'lodash/isEmpty';\nimport isEqual from 'lodash/isEqual';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { ConstructedResponse } from '@pie-lib/mask-markup';\nimport {color, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    prompt: PropTypes.string,\n    note: PropTypes.string,\n    showNote: PropTypes.bool,\n    env: PropTypes.object,\n    rationale: PropTypes.string,\n    disabled: PropTypes.bool,\n    markup: PropTypes.string,\n    mode: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    value: PropTypes.object,\n    feedback: PropTypes.object,\n    onChange: PropTypes.func,\n    alwaysShowCorrect: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n    maxLengthPerChoice: PropTypes.array,\n    playerSpellCheckEnabled: PropTypes.bool\n  };\n\n  static defaultProps = {\n    value: {}\n  };\n\n  state = {\n    showCorrectAnswer: this.props.alwaysShowCorrect || false,\n    value: this.props.value\n  };\n\n  // if for all responses max length is 1, call onChange for each keystroke\n  getChangeSession = maxLengthPerChoice =>\n    maxLengthPerChoice && maxLengthPerChoice.every((val, i, arr) => val === arr[0] && val === 1) ? this.props.onChange\n      : debounce(this.props.onChange, 1500, { maxWait: 1500 });\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { maxLengthPerChoice } = this.props;\n\n    if (isEmpty(nextProps.feedback)) {\n      this.setState({ showCorrectAnswer: false });\n    }\n\n    if (nextProps.alwaysShowCorrect) {\n      this.setState({ showCorrectAnswer: true });\n    }\n\n    if (maxLengthPerChoice && !isEqual(maxLengthPerChoice, nextProps.maxLengthPerChoice)) {\n      this.changeSession = this.getChangeSession(nextProps.maxLengthPerChoice);\n    }\n  }\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  changeSession = this.getChangeSession(this.props.maxLengthPerChoice);\n\n  onChange = value => {\n    this.setState({ value });\n\n    this.changeSession(value);\n  };\n\n  render() {\n    const { showCorrectAnswer, value } = this.state;\n    const {\n      classes,\n      mode,\n      prompt,\n      rationale,\n      teacherInstructions,\n      note,\n      showNote,\n      env,\n      animationsDisabled,\n      alwaysShowCorrect,\n      maxLengthPerChoice,\n      maxLengthPerChoiceEnabled,\n      displayType,\n      playerSpellCheckEnabled\n    } = this.props;\n\n    const { role } = env || {};\n    const displayNote = (showCorrectAnswer || mode === 'view' && role === 'instructor') && showNote && note;\n    const mainClasses = classNames([classes.mainContainer, {\n      [classes.noBorderColor]: alwaysShowCorrect\n    }]);\n\n    const teacherInstructionsDiv = <PreviewPrompt defaultClassName=\"teacher-instructions\" prompt={teacherInstructions} />;\n\n    const rationaleDiv = <PreviewPrompt prompt={rationale} />;\n\n    return (\n      <div className={mainClasses} style={{ display: `${displayType}` }}>\n        {\n          teacherInstructions && hasText(teacherInstructions) && (\n            <div className={classes.collapsible}>\n              {!animationsDisabled ? <Collapsible\n                  labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                >\n                  {teacherInstructionsDiv}\n                </Collapsible>\n                : teacherInstructionsDiv}\n            </div>\n          )\n        }\n        {!alwaysShowCorrect && <CorrectAnswerToggle\n          show={mode === 'evaluate'}\n          toggled={showCorrectAnswer}\n          onToggle={this.toggleShowCorrect}\n        />}\n        {prompt && <PreviewPrompt prompt={prompt} />}\n        <ConstructedResponse\n          {...this.props}\n          onChange={this.onChange}\n          showCorrectAnswer={showCorrectAnswer}\n          value={value}\n          maxLength={maxLengthPerChoice}\n          adjustedLimit={maxLengthPerChoiceEnabled}\n          spellCheck={playerSpellCheckEnabled}\n        />\n        {displayNote && (\n          <div\n            className={classNames(classes.note, 'note')}\n            dangerouslySetInnerHTML={{ __html: `<strong>Note:</strong> ${note}` }}\n          />\n        )}\n        {rationale && hasText(rationale) && (\n          <div className={classes.collapsible}>\n            {!animationsDisabled ? <Collapsible\n                labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n              >\n                {rationaleDiv}\n              </Collapsible>\n              : rationaleDiv}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  inlineDisplay: {\n    display: 'inline-block'\n  },\n  blockDisplay: {\n    display: 'block'\n  },\n  note: {\n    padding: '5px 0'\n  },\n  collapsible: {\n    margin: `${theme.spacing.unit * 2}px 0`\n  },\n  noBorderColor: {\n    '& *': {\n      borderColor: `${color.text()} !important`\n    }\n  }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_material_ui__icons, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.8/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.7/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.31/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_lodash, _dll_material_ui__icons, _dll_react_dom, _dll_debug} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.2.8/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.0.32/module/index.js";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -1543,7 +1543,7 @@ const require$$17 = _dll_pie_lib__config_ui;
       value: function render() {
         var _this2 = this;
         var _this$props7 = this.props, classes = _this$props7.classes, model = _this$props7.model, configuration = _this$props7.configuration, onConfigurationChanged = _this$props7.onConfigurationChanged, imageSupport = _this$props7.imageSupport;
-        var _ref = configuration || ({}), _ref$prompt = _ref.prompt, prompt = _ref$prompt === void 0 ? {} : _ref$prompt, _ref$partialScoring = _ref.partialScoring, partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring, _ref$rationale = _ref.rationale, rationale = _ref$rationale === void 0 ? {} : _ref$rationale, _ref$teacherInstructi = _ref.teacherInstructions, teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi, _ref$maxLengthPerChoi = _ref.maxLengthPerChoice, maxLengthPerChoice = _ref$maxLengthPerChoi === void 0 ? {} : _ref$maxLengthPerChoi, _ref$spellCheck = _ref.spellCheck, spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
+        var _ref = configuration || ({}), _ref$prompt = _ref.prompt, prompt = _ref$prompt === void 0 ? {} : _ref$prompt, _ref$partialScoring = _ref.partialScoring, partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring, _ref$rationale = _ref.rationale, rationale = _ref$rationale === void 0 ? {} : _ref$rationale, _ref$teacherInstructi = _ref.teacherInstructions, teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi, _ref$maxLengthPerChoi = _ref.maxLengthPerChoice, maxLengthPerChoice = _ref$maxLengthPerChoi === void 0 ? {} : _ref$maxLengthPerChoi, _ref$spellCheck = _ref.spellCheck, spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck, _ref$playerSpellCheck = _ref.playerSpellCheck, playerSpellCheck = _ref$playerSpellCheck === void 0 ? {} : _ref$playerSpellCheck;
         var _ref2 = model || ({}), teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled, promptEnabled = _ref2.promptEnabled, rationaleEnabled = _ref2.rationaleEnabled, maxLengthPerChoiceEnabled = _ref2.maxLengthPerChoiceEnabled, spellCheckEnabled = _ref2.spellCheckEnabled;
         var toolbarOpts = {};
         switch (model.toolbarEditorPosition) {
@@ -1575,7 +1575,8 @@ const require$$17 = _dll_pie_lib__config_ui;
                 teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
                 rationaleEnabled: rationale.settings && toggle(rationale.label),
                 promptEnabled: prompt.settings && toggle(prompt.label),
-                spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label)
+                spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+                playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
               }
             }
           })
@@ -1695,7 +1696,8 @@ var defaults = {};
       markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
       toolbarEditorPosition: 'bottom',
       displayType: 'block',
-      spellCheckEnabled: false,
+      spellCheckEnabled: true,
+      playerSpellCheckEnabled: true,
       choices: {
         0: [{
           label: 'cow',
@@ -1749,7 +1751,12 @@ var defaults = {};
         label: 'Rationale'
       },
       spellCheck: {
-        label: "Spellcheck",
+        label: 'Spellcheck',
+        settings: false,
+        enabled: true
+      },
+      playerSpellCheck: {
+        label: 'Student Spellcheck',
         settings: true,
         enabled: true
       },

package/module/controller.js

@@ -21248,6 +21248,7 @@ function model(question, session, env) {
       maxLengthPerChoice,
       maxLengthPerChoiceEnabled,
       displayType: normalizedQuestion.displayType,
+      playerSpellCheckEnabled: normalizedQuestion.playerSpellCheckEnabled,
       responseCorrect:
         env.mode === 'evaluate' ? getScore(normalizedQuestion, session) === 1 : undefined
     };

package/module/element.js

@@ -1,6 +1,6 @@
-import {_dll_debug, _dll_lodash, _dll_react, _dll_react_dom_server, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_classnames, _dll_react_dom, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle} from "../../../@pie-lib/shared-module@^1.4.8/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.33/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.31/module/index.js";
+import {_dll_debug, _dll_lodash, _dll_react, _dll_react_dom_server, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_classnames, _dll_react_dom, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.34/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.32/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 var lib$1 = {};
 Object.defineProperty(lib$1, "__esModule", {
@@ -14503,7 +14503,8 @@ class Main extends React$1.Component {
       onChange: PropTypes.func,
       alwaysShowCorrect: PropTypes.bool,
       animationsDisabled: PropTypes.bool,
-      maxLengthPerChoice: PropTypes.array
+      maxLengthPerChoice: PropTypes.array,
+      playerSpellCheckEnabled: PropTypes.bool
     };
   }
   static __initStatic2() {
@@ -14558,7 +14559,7 @@ class Main extends React$1.Component {
   }
   render() {
     const {showCorrectAnswer, value} = this.state;
-    const {classes, mode, prompt, rationale, teacherInstructions, note, showNote, env, animationsDisabled, alwaysShowCorrect, maxLengthPerChoice, maxLengthPerChoiceEnabled, displayType} = this.props;
+    const {classes, mode, prompt, rationale, teacherInstructions, note, showNote, env, animationsDisabled, alwaysShowCorrect, maxLengthPerChoice, maxLengthPerChoiceEnabled, displayType, playerSpellCheckEnabled} = this.props;
     const {role} = env || ({});
     const displayNote = (showCorrectAnswer || mode === 'view' && role === 'instructor') && showNote && note;
     const mainClasses = classNames([classes.mainContainer, {
@@ -14570,7 +14571,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97
+        lineNumber: 100
       }
     });
     const rationaleDiv = React$1.createElement(PreviewPrompt, {
@@ -14578,7 +14579,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99
+        lineNumber: 102
       }
     });
     return React$1.createElement('div', {
@@ -14589,14 +14590,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102
+        lineNumber: 105
       }
     }, teacherInstructions && hasText(teacherInstructions) && React$1.createElement('div', {
       className: classes.collapsible,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105
+        lineNumber: 108
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -14606,7 +14607,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106
+        lineNumber: 109
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), !alwaysShowCorrect && React$1.createElement(CorrectAnswerToggle, {
       show: mode === 'evaluate',
@@ -14615,14 +14616,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115
+        lineNumber: 118
       }
     }), prompt && React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120
+        lineNumber: 123
       }
     }), React$1.createElement(ConstructedResponse, {
       ...this.props,
@@ -14631,10 +14632,11 @@ class Main extends React$1.Component {
       value: value,
       maxLength: maxLengthPerChoice,
       adjustedLimit: maxLengthPerChoiceEnabled,
+      spellCheck: playerSpellCheckEnabled,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121
+        lineNumber: 124
       }
     }), displayNote && React$1.createElement('div', {
       className: classNames(classes.note, 'note'),
@@ -14644,14 +14646,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130
+        lineNumber: 134
       }
     }), rationale && hasText(rationale) && React$1.createElement('div', {
       className: classes.collapsible,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136
+        lineNumber: 140
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -14661,7 +14663,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137
+        lineNumber: 141
       }
     }, rationaleDiv) : rationaleDiv));
   }
@@ -14733,6 +14735,7 @@ class InlineDropdown extends HTMLElement {
           mode: this._model.mode,
           maxLengthPerChoice: this._model.maxLengthPerChoice,
           maxLengthPerChoiceEnabled: this._model.maxLengthPerChoiceEnabled,
+          playerSpellCheckEnabled: this._model.playerSpellCheckEnabled,
           value: this._session.value,
           feedback: this._model.feedback,
           displayType: this._model.displayType,

package/module/manifest.json

@@ -4,15 +4,15 @@
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.8"
+      "version": "^1.4.9"
     },
     {
       "name": "@pie-lib/math-rendering-module",
-      "version": "^1.0.33"
+      "version": "^1.0.34"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.31"
+      "version": "^1.0.32"
     }
   ]
 }

package/module/print.js

@@ -1,6 +1,6 @@
-import {_dll_debug, _dll_lodash, _dll_react, _dll_react_dom_server, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_classnames, _dll_react_dom, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle} from "../../../@pie-lib/shared-module@^1.4.8/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.33/module/index.js";
-import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.31/module/index.js";
+import {_dll_debug, _dll_lodash, _dll_react, _dll_react_dom_server, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_classnames, _dll_react_dom, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle} from "../../../@pie-lib/shared-module@^1.4.9/module/index.js";
+import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.0.34/module/index.js";
+import {_dll_pie_lib__drag} from "../../../@pie-lib/drag-module@^1.0.32/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 var toString$2 = Object.prototype.toString;
 var typeOf = function (val) {
@@ -14466,7 +14466,8 @@ class Main extends React$1.Component {
       onChange: PropTypes.func,
       alwaysShowCorrect: PropTypes.bool,
       animationsDisabled: PropTypes.bool,
-      maxLengthPerChoice: PropTypes.array
+      maxLengthPerChoice: PropTypes.array,
+      playerSpellCheckEnabled: PropTypes.bool
     };
   }
   static __initStatic2() {
@@ -14521,7 +14522,7 @@ class Main extends React$1.Component {
   }
   render() {
     const {showCorrectAnswer, value} = this.state;
-    const {classes, mode, prompt, rationale, teacherInstructions, note, showNote, env, animationsDisabled, alwaysShowCorrect, maxLengthPerChoice, maxLengthPerChoiceEnabled, displayType} = this.props;
+    const {classes, mode, prompt, rationale, teacherInstructions, note, showNote, env, animationsDisabled, alwaysShowCorrect, maxLengthPerChoice, maxLengthPerChoiceEnabled, displayType, playerSpellCheckEnabled} = this.props;
     const {role} = env || ({});
     const displayNote = (showCorrectAnswer || mode === 'view' && role === 'instructor') && showNote && note;
     const mainClasses = classNames([classes.mainContainer, {
@@ -14533,7 +14534,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97
+        lineNumber: 100
       }
     });
     const rationaleDiv = React$1.createElement(PreviewPrompt, {
@@ -14541,7 +14542,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99
+        lineNumber: 102
       }
     });
     return React$1.createElement('div', {
@@ -14552,14 +14553,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102
+        lineNumber: 105
       }
     }, teacherInstructions && hasText(teacherInstructions) && React$1.createElement('div', {
       className: classes.collapsible,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105
+        lineNumber: 108
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -14569,7 +14570,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106
+        lineNumber: 109
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), !alwaysShowCorrect && React$1.createElement(CorrectAnswerToggle, {
       show: mode === 'evaluate',
@@ -14578,14 +14579,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115
+        lineNumber: 118
       }
     }), prompt && React$1.createElement(PreviewPrompt, {
       prompt: prompt,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120
+        lineNumber: 123
       }
     }), React$1.createElement(ConstructedResponse, {
       ...this.props,
@@ -14594,10 +14595,11 @@ class Main extends React$1.Component {
       value: value,
       maxLength: maxLengthPerChoice,
       adjustedLimit: maxLengthPerChoiceEnabled,
+      spellCheck: playerSpellCheckEnabled,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121
+        lineNumber: 124
       }
     }), displayNote && React$1.createElement('div', {
       className: classNames(classes.note, 'note'),
@@ -14607,14 +14609,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130
+        lineNumber: 134
       }
     }), rationale && hasText(rationale) && React$1.createElement('div', {
       className: classes.collapsible,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 136
+        lineNumber: 140
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -14624,7 +14626,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137
+        lineNumber: 141
       }
     }, rationaleDiv) : rationaleDiv));
   }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.9.3-next.728+238b1eb01",
+  "version": "3.9.3-next.742+1ae75c7d5",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "238b1eb014e96c2f25c9dc1bdebdbc6f9f3f0048",
+  "gitHead": "1ae75c7d54eb5a930e552c5d444c781d5219a3b6",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {