@pie-element/explicit-constructed-response 4.1.9 → 4.2.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@4.1.9...@pie-element/explicit-constructed-response@4.2.0) (2022-10-17)
+
+
+### Bug Fixes
+
+* update snapshots ([9781596](https://github.com/pie-framework/pie-elements/commit/978159686bbbd6b727dff4b88ce4ab9606504586))
+
+
+### Features
+
+* set withRubric to false in item default configurations. Set rubricEnabled to true if it's enabled for drawing-response and extended-text-entry ([a209057](https://github.com/pie-framework/pie-elements/commit/a209057f5a3fa5438efc8595453c89c11959a8f5))
+* update libs ([7e174fb](https://github.com/pie-framework/pie-elements/commit/7e174fba75e7ea668900ad5c103751cefe33e2af))
+* **docs:** update docs ([23cab69](https://github.com/pie-framework/pie-elements/commit/23cab69700cfee41395941f99599253cba8a28a3))
+* **explicit-constructed-response:** add pie-api config PD-23 ([df3e8bd](https://github.com/pie-framework/pie-elements/commit/df3e8bdbb19a3d6356f4bd639ab34aaac5068d61))
+* **explicit-constructed-response:** add settings to enable rubric. Add withRubric prop to configuration and rubricEnabled prop to model PD-2097 ([8c0acd3](https://github.com/pie-framework/pie-elements/commit/8c0acd3c19cf0cbf9ef39e1e045f895f996c9127))
+* **explicit-constructed-response:** updated snapshot PD-2097 ([a04ac3d](https://github.com/pie-framework/pie-elements/commit/a04ac3d45a591db3513a9ccd1293d04e5dce5049))
+* enable spanish and special characters in author PD-2120 ([85fd3dd](https://github.com/pie-framework/pie-elements/commit/85fd3dd0fc10da1a2dfd5a842809c625790f8ba9))
+* **explicit-constructed-response:** add uploadSoundSupport property PD-23-updated ([f701b37](https://github.com/pie-framework/pie-elements/commit/f701b37884cb81499c1be1b16fa6de5c6d5a1b5f))
+
+
+
+
+
 ## [4.1.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response@4.1.8...@pie-element/explicit-constructed-response@4.1.9) (2022-09-29)
 
 **Note:** Version bump only for package @pie-element/explicit-constructed-response

package/configure/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.2.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.9...@pie-element/explicit-constructed-response-configure@4.2.0) (2022-10-17)
+
+
+### Bug Fixes
+
+* update snapshots ([9781596](https://github.com/pie-framework/pie-elements/commit/978159686bbbd6b727dff4b88ce4ab9606504586))
+
+
+### Features
+
+* set withRubric to false in item default configurations. Set rubricEnabled to true if it's enabled for drawing-response and extended-text-entry ([a209057](https://github.com/pie-framework/pie-elements/commit/a209057f5a3fa5438efc8595453c89c11959a8f5))
+* update libs ([7e174fb](https://github.com/pie-framework/pie-elements/commit/7e174fba75e7ea668900ad5c103751cefe33e2af))
+* **explicit-constructed-response:** add pie-api config PD-23 ([df3e8bd](https://github.com/pie-framework/pie-elements/commit/df3e8bdbb19a3d6356f4bd639ab34aaac5068d61))
+* **explicit-constructed-response:** add settings to enable rubric. Add withRubric prop to configuration and rubricEnabled prop to model PD-2097 ([8c0acd3](https://github.com/pie-framework/pie-elements/commit/8c0acd3c19cf0cbf9ef39e1e045f895f996c9127))
+* **explicit-constructed-response:** updated snapshot PD-2097 ([a04ac3d](https://github.com/pie-framework/pie-elements/commit/a04ac3d45a591db3513a9ccd1293d04e5dce5049))
+* enable spanish and special characters in author PD-2120 ([85fd3dd](https://github.com/pie-framework/pie-elements/commit/85fd3dd0fc10da1a2dfd5a842809c625790f8ba9))
+* **explicit-constructed-response:** add uploadSoundSupport property PD-23-updated ([f701b37](https://github.com/pie-framework/pie-elements/commit/f701b37884cb81499c1be1b16fa6de5c6d5a1b5f))
+
+
+
+
+
 ## [4.1.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/explicit-constructed-response-configure@4.1.8...@pie-element/explicit-constructed-response-configure@4.1.9) (2022-09-29)
 
 **Note:** Version bump only for package @pie-element/explicit-constructed-response-configure

package/configure/lib/defaults.js

@@ -95,6 +95,10 @@ var _default = {
       teacherInstructions: 300,
       prompt: 300,
       rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","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","maxResponseAreas","maxImageWidth","maxImageHeight"],"mappings":"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","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    maxResponseAreas: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    }\n  }\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","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric"],"mappings":"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","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    maxResponseAreas: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric'\n    }\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/main.js

@@ -364,7 +364,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           _ref$maxImageWidth = _ref.maxImageWidth,
           maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
           _ref$maxImageHeight = _ref.maxImageHeight,
-          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight;
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
+          withRubric = _ref.withRubric;
 
       var _ref2 = model || {},
           teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
@@ -372,7 +373,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           rationaleEnabled = _ref2.rationaleEnabled,
           maxLengthPerChoiceEnabled = _ref2.maxLengthPerChoiceEnabled,
           spellCheckEnabled = _ref2.spellCheckEnabled,
-          errors = _ref2.errors;
+          errors = _ref2.errors,
+          rubricEnabled = _ref2.rubricEnabled;
 
       var toolbarOpts = {};
 
@@ -417,7 +419,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
               rationaleEnabled: rationale.settings && toggle(rationale.label),
               promptEnabled: prompt.settings && toggle(prompt.label),
               spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-              playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
+              playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),
+              rubricEnabled: withRubric.settings && toggle(withRubric.label)
             }
           }
         })
@@ -434,7 +437,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
         spellCheck: spellCheckEnabled,
         maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
         maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptHolder
@@ -449,7 +457,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
         spellCheck: spellCheckEnabled,
         maxImageWidth: defaultImageMaxWidth,
         maxImageHeight: defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.flexContainer
       }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -510,7 +523,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
         disabled: false,
         highlightShape: false,
         error: responseAreasError,
-        uploadSoundSupport: uploadSoundSupport
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       }), !(0, _isEmpty["default"])(model.choices) && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         className: classes.text
       }, "Define Alternates ".concat(maxLengthPerChoiceEnabled ? 'and Character Limits' : '')), /*#__PURE__*/_react["default"].createElement(_alternateResponses["default"], {
@@ -532,7 +550,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
         spellCheck: spellCheckEnabled,
         maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
         maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
-        uploadSoundSupport: uploadSoundSupport
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })))));
     }
   }]);

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","tooltip","whiteSpace","maxWidth","errorText","padding","flexContainer","display","alignItems","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","uploadSoundSupport","partialScoring","spellCheck","playerSpellCheck","maxResponseAreas","maxImageWidth","maxImageHeight","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","maxLengthPerChoiceEnabled","spellCheckEnabled","errors","toolbarOpts","responseAreasError","choicesErrors","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarEditorPosition","position","onModelChange","Settings","Properties","playerSpellCheckEnabled","onTeacherInstructionsChanged","onPromptChanged","marginLeft","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","onToolbarDone","correctChoice","onChangeResponse","error","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';\n// import EditableHtmlNew from '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 Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport ECRToolbar from './ecr-toolbar';\nimport AlternateResponses from './alternateResponses';\nimport { getAdjustedLength } from './markupUtils';\nimport {generateValidationMessage} from './utils';\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  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0'\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'end'\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      uploadSoundSupport\n    } = this.props;\n    const {\n      prompt = {},\n      partialScoring = {},\n      rationale = {},\n      teacherInstructions = {},\n      maxLengthPerChoice = {},\n      spellCheck = {},\n      playerSpellCheck = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      maxLengthPerChoiceEnabled,\n      spellCheckEnabled,\n      errors\n    } = model || {};\n    const toolbarOpts = {};\n\n    const { responseAreasError, choicesErrors = {} } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\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                  maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\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                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n                {/*<EditableHtmlNew*/}\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            <div className={classes.flexContainer}>\n              <Typography className={classes.text}>\n                Define Template, Choices, and Correct Responses\n              </Typography>\n              <Tooltip\n                classes={{tooltip: classes.tooltip}}\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }}/>\n              </Tooltip>\n            </div>\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n\n            <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                maxResponseAreas: maxResponseAreas,\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                error: () => choicesErrors,\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              error={responseAreasError}\n              uploadSoundSupport={uploadSoundSupport}\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              choicesErrors={choicesErrors}\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                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\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","tooltip","whiteSpace","maxWidth","errorText","padding","flexContainer","display","alignItems","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","uploadSoundSupport","partialScoring","spellCheck","playerSpellCheck","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","maxLengthPerChoiceEnabled","spellCheckEnabled","errors","rubricEnabled","toolbarOpts","responseAreasError","choicesErrors","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarEditorPosition","position","onModelChange","Settings","Properties","playerSpellCheckEnabled","onTeacherInstructionsChanged","language","onPromptChanged","marginLeft","ALL_PLUGINS","type","options","duplicates","respAreaToolbar","onToolbarDone","correctChoice","onChangeResponse","error","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';\n// import EditableHtmlNew from '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 Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport ECRToolbar from './ecr-toolbar';\nimport AlternateResponses from './alternateResponses';\nimport { getAdjustedLength } from './markupUtils';\nimport {generateValidationMessage} from './utils';\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  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    padding: '5px 0'\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'end'\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      uploadSoundSupport\n    } = this.props;\n    const {\n      prompt = {},\n      partialScoring = {},\n      rationale = {},\n      teacherInstructions = {},\n      maxLengthPerChoice = {},\n      spellCheck = {},\n      playerSpellCheck = {},\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric,\n    } = configuration || {};\n    const {\n      teacherInstructionsEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      maxLengthPerChoiceEnabled,\n      spellCheckEnabled,\n      errors,\n      rubricEnabled\n    } = model || {};\n    const toolbarOpts = {};\n\n    const { responseAreasError, choicesErrors = {} } = errors || {};\n    const validationMessage = generateValidationMessage(configuration);\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\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                  rubricEnabled: withRubric.settings && toggle(withRubric.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                  maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n            {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                  maxImageWidth={defaultImageMaxWidth}\n                  maxImageHeight={defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n                {/*<EditableHtmlNew*/}\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            <div className={classes.flexContainer}>\n              <Typography className={classes.text}>\n                Define Template, Choices, and Correct Responses\n              </Typography>\n              <Tooltip\n                classes={{tooltip: classes.tooltip}}\n                disableFocusListener\n                disableTouchListener\n                placement={'right'}\n                title={validationMessage}\n              >\n                <Info fontSize={'small'} color={'primary'} style={{ marginLeft: '5px' }}/>\n              </Tooltip>\n            </div>\n            {responseAreasError && <div className={classes.errorText}>{responseAreasError}</div>}\n\n            <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                maxResponseAreas: maxResponseAreas,\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                error: () => choicesErrors,\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              error={responseAreasError}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\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              choicesErrors={choicesErrors}\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                  maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n                  maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n                  uploadSoundSupport={uploadSoundSupport}\n                  languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                />\n              </InputContainer>\n            )}\n          </div>\n        </layout.ConfigLayout>\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}

package/configure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/explicit-constructed-response-configure",
-  "version": "4.1.9",
+  "version": "4.2.0",
   "private": true,
   "main": "lib/index.js",
   "modue": "src/index.js",
@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "^11.0.19",
+    "@pie-lib/config-ui": "^11.0.20",
     "@pie-lib/editable-html": "^9.2.2",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",

package/docs/config-schema.json

@@ -226,6 +226,22 @@
         }
       }
     },
+    "withRubric": {
+      "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"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,

package/docs/config-schema.json.md

@@ -170,6 +170,18 @@ Indicates the max dimension for images in prompt - this is also the default dime
 
 Indicates the max dimension for images in rationale
 
+# `withRubric` (object)
+
+Properties of the `withRubric` 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
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not

package/docs/demo/generate.js

@@ -16,5 +16,6 @@ exports.model = (id, element) => ({
   prompt: 'Complete the sentence',
   note: 'The answer shown above is the most common correct answer for this item. One or more additional correct answers are also defined, and will also be recognized as correct.',
   promptEnabled: true,
-  toolbarEditorPosition: 'bottom'
+  toolbarEditorPosition: 'bottom',
+  rubricEnabled: false
 });

package/docs/pie-schema.json

@@ -131,6 +131,11 @@
       },
       "title": "maxLengthPerChoice"
     },
+    "rubricEnabled": {
+      "description": "Indicates if Rubric is enabled",
+      "type": "boolean",
+      "title": "rubricEnabled"
+    },
     "id": {
       "description": "Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.",
       "type": "string",
@@ -153,6 +158,7 @@
     "rationale",
     "rationaleEnabled",
     "rubric",
+    "rubricEnabled",
     "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled"

package/docs/pie-schema.json.md

@@ -89,6 +89,10 @@ Indicates the maximum length for each response area
 
 The object is an array with all elements of the type `number`.
 
+# `rubricEnabled` (boolean, required)
+
+Indicates if Rubric is enabled
+
 # `id` (string, required)
 
 Identifier to identify the Pie Element in html markup, Must be unique within a pie item config.

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.1.9",
+  "version": "4.2.0",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "f60d1edac928da4682a9789000e3c8cf464348c0",
+  "gitHead": "2d74cf6e1f9ad7921efc46779c0e5028d787b9d3",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {