@pie-element/drag-in-the-blank 4.1.9 → 4.1.10-next.173

package/configure/lib/defaults.js

@@ -64,6 +64,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","markup","choices","choicesPosition","correctResponse","duplicates","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","spellCheck","label","settings","enabled","lockChoiceOrder","partialScoring","rationale","teacherInstructions","maxResponseAreas","maxImageWidth","maxImageHeight"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,yCAHH;AAILC,IAAAA,MAAM,EAAE,EAJH;AAKLC,IAAAA,OAAO,EAAE,EALJ;AAMLC,IAAAA,eAAe,EAAE,OANZ;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,UAAU,EAAE,IARP;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,aAAa,EAAE,IAVV;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE;AAblB,GADM;AAgBbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAC;AAHE,KADC;AAMbZ,IAAAA,eAAe,EAAE;AACfW,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KANJ;AAUbb,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAEND,MAAAA,KAAK,EAAE;AAFD,KAVK;AAcbR,IAAAA,UAAU,EAAE;AACVS,MAAAA,QAAQ,EAAE,IADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAdC;AAkBbG,IAAAA,eAAe,EAAE;AACfF,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KAlBJ;AAsBbI,IAAAA,cAAc,EAAE;AACdH,MAAAA,QAAQ,EAAE,KADI;AAEdD,MAAAA,KAAK,EAAE;AAFO,KAtBH;AA0BbK,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAE,IADD;AAETD,MAAAA,KAAK,EAAE;AAFE,KA1BE;AA8BbM,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KA9BR;AAkCbO,IAAAA,gBAAgB,EAAE,EAlCL;AAmCbC,IAAAA,aAAa,EAAE;AACbF,MAAAA,mBAAmB,EAAE,GADR;AAEbnB,MAAAA,MAAM,EAAE,GAFK;AAGbkB,MAAAA,SAAS,EAAE;AAHE,KAnCF;AAwCbI,IAAAA,cAAc,EAAE;AACdH,MAAAA,mBAAmB,EAAE,GADP;AAEdnB,MAAAA,MAAM,EAAE,GAFM;AAGdkB,MAAAA,SAAS,EAAE;AAHG;AAxCH;AAhBF,C","sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the inputs to complete the sentence',\n    markup: '',\n    choices: [],\n    choicesPosition: 'below',\n    correctResponse: {},\n    duplicates: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled:true\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    duplicates: {\n      settings: true,\n      label: 'Duplicates'\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\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","markup","choices","choicesPosition","correctResponse","duplicates","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","spellCheck","label","settings","enabled","lockChoiceOrder","partialScoring","rationale","teacherInstructions","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,yCAHH;AAILC,IAAAA,MAAM,EAAE,EAJH;AAKLC,IAAAA,OAAO,EAAE,EALJ;AAMLC,IAAAA,eAAe,EAAE,OANZ;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,UAAU,EAAE,IARP;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,aAAa,EAAE,IAVV;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE;AAblB,GADM;AAgBbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAC;AAHE,KADC;AAMbZ,IAAAA,eAAe,EAAE;AACfW,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KANJ;AAUbb,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAEND,MAAAA,KAAK,EAAE;AAFD,KAVK;AAcbR,IAAAA,UAAU,EAAE;AACVS,MAAAA,QAAQ,EAAE,IADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAdC;AAkBbG,IAAAA,eAAe,EAAE;AACfF,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KAlBJ;AAsBbI,IAAAA,cAAc,EAAE;AACdH,MAAAA,QAAQ,EAAE,KADI;AAEdD,MAAAA,KAAK,EAAE;AAFO,KAtBH;AA0BbK,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAE,IADD;AAETD,MAAAA,KAAK,EAAE;AAFE,KA1BE;AA8BbM,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KA9BR;AAkCbO,IAAAA,gBAAgB,EAAE,EAlCL;AAmCbC,IAAAA,aAAa,EAAE;AACbF,MAAAA,mBAAmB,EAAE,GADR;AAEbnB,MAAAA,MAAM,EAAE,GAFK;AAGbkB,MAAAA,SAAS,EAAE;AAHE,KAnCF;AAwCbI,IAAAA,cAAc,EAAE;AACdH,MAAAA,mBAAmB,EAAE,GADP;AAEdnB,MAAAA,MAAM,EAAE,GAFM;AAGdkB,MAAAA,SAAS,EAAE;AAHG,KAxCH;AA6CbK,IAAAA,UAAU,EAAE;AACVT,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG;AA7CC;AAhBF,C","sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the inputs to complete the sentence',\n    markup: '',\n    choices: [],\n    choicesPosition: 'below',\n    correctResponse: {},\n    duplicates: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled:true\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    duplicates: {\n      settings: true,\n      label: 'Duplicates'\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\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

@@ -219,14 +219,16 @@ 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 || {},
           rationaleEnabled = _ref2.rationaleEnabled,
           promptEnabled = _ref2.promptEnabled,
           teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
           spellCheckEnabled = _ref2.spellCheckEnabled,
-          errors = _ref2.errors;
+          errors = _ref2.errors,
+          rubricEnabled = _ref2.rubricEnabled;
 
       var toolbarOpts = {};
 
@@ -271,7 +273,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
               teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
               rationaleEnabled: rationale.settings && toggle(rationale.label),
               spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-              promptEnabled: prompt.settings && toggle(prompt.label)
+              promptEnabled: prompt.settings && toggle(prompt.label),
+              rubricEnabled: withRubric.settings && toggle(withRubric.label)
             }
           }
         })
@@ -288,7 +291,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
@@ -303,7 +311,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"], {
@@ -343,7 +356,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
         disableUnderline: true,
         toolbarOpts: toolbarOpts,
         spellCheck: spellCheckEnabled,
-        uploadSoundSupport: uploadSoundSupport
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       }), /*#__PURE__*/_react["default"].createElement(_choices["default"], {
         model: model,
         duplicates: model.duplicates,
@@ -363,7 +381,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":["dropdown","settings","toggle","Panel","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","lineHeight","color","tooltip","whiteSpace","maxWidth","errorText","padding","flexContainer","display","alignItems","Main","newVal","props","onModelChanged","model","rationale","teacherInstructions","slateMarkup","choices","correctResponse","domNode","ReactDOM","findDOMNode","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","duplicates","partialScoring","lockChoiceOrder","choicesPosition","spellCheck","maxChoices","maxResponseAreas","maxImageWidth","maxImageHeight","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","errors","toolbarOpts","responseAreasError","choicesError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarEditorPosition","position","onModelChange","Settings","label","Properties","onTeacherInstructionsChanged","onPromptChanged","marginLeft","ALL_PLUGINS","type","options","onMarkupChanged","onResponsesChanged","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { withDragContext } from '@pie-lib/drag';\nimport { renderMath } from '@pie-lib/math-rendering';\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 Choices from './choices';\nimport { createSlateMarkup } from './markupUtils';\nimport {generateValidationMessage} from '../utils';\nconst { dropdown, 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: '235px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '235px'\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    fontFamily: 'Cerebri Sans',\n    fontSize: '16px',\n    lineHeight: '19px',\n    color: '#495B8F'\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\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  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\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    this.props.onModelChanged({\n      ...this.props.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    const {\n      model: { correctResponse, markup }\n    } = this.props;\n    const slateMarkup = createSlateMarkup(markup, choices, correctResponse);\n\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n      choices\n    });\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      imageSupport,\n      uploadSoundSupport\n    } = this.props;\n    const {\n      duplicates = {},\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      teacherInstructions = {},\n      choicesPosition = {},\n      spellCheck = {},\n      maxChoices,\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const { rationaleEnabled, promptEnabled, teacherInstructionsEnabled, spellCheckEnabled, errors } =\n      model || {};\n    const toolbarOpts = {};\n\n    const { responseAreasError, choicesError }  = 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                  duplicates: duplicates.settings && toggle(duplicates.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                  choicesPosition:\n                    choicesPosition.settings &&\n                    dropdown(choicesPosition.label, [\n                      'above',\n                      'below',\n                      'left',\n                      'right'\n                    ])\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                    spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                  promptEnabled: prompt.settings && toggle(prompt.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              </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            {choicesError && <div className={classes.errorText}>{choicesError}</div>}\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              responseAreaProps={{\n                type: 'drag-in-the-blank',\n                options: {\n                  duplicates: model.duplicates\n                },\n                maxResponseAreas: maxResponseAreas,\n              }}\n              className={classes.markup}\n              markup={model.slateMarkup}\n              onChange={this.onMarkupChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              uploadSoundSupport={uploadSoundSupport}\n            />\n            <Choices\n              model={model}\n              duplicates={model.duplicates}\n              onChange={this.onResponsesChanged}\n              toolbarOpts={toolbarOpts}\n              maxChoices={maxChoices}\n              uploadSoundSupport={uploadSoundSupport}\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 withDragContext(Styled);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["dropdown","settings","toggle","Panel","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","markup","minHeight","design","choiceConfiguration","switchElement","justifyContent","margin","addButton","text","fontFamily","fontSize","lineHeight","color","tooltip","whiteSpace","maxWidth","errorText","padding","flexContainer","display","alignItems","Main","newVal","props","onModelChanged","model","rationale","teacherInstructions","slateMarkup","choices","correctResponse","domNode","ReactDOM","findDOMNode","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","duplicates","partialScoring","lockChoiceOrder","choicesPosition","spellCheck","maxChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","spellCheckEnabled","errors","rubricEnabled","toolbarOpts","responseAreasError","choicesError","validationMessage","defaultImageMaxWidth","defaultImageMaxHeight","toolbarEditorPosition","position","onModelChange","Settings","label","Properties","onTeacherInstructionsChanged","language","onPromptChanged","marginLeft","ALL_PLUGINS","type","options","onMarkupChanged","onResponsesChanged","onRationaleChanged","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\nimport { InputContainer, layout, settings } from '@pie-lib/config-ui';\nimport { withDragContext } from '@pie-lib/drag';\nimport { renderMath } from '@pie-lib/math-rendering';\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 Choices from './choices';\nimport { createSlateMarkup } from './markupUtils';\nimport {generateValidationMessage} from '../utils';\nconst { dropdown, 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: '235px',\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n    '& [data-slate-editor=\"true\"]': {\n      minHeight: '235px'\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    fontFamily: 'Cerebri Sans',\n    fontSize: '16px',\n    lineHeight: '19px',\n    color: '#495B8F'\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\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  componentDidUpdate() {\n    // eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\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    this.props.onModelChanged({\n      ...this.props.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    const {\n      model: { correctResponse, markup }\n    } = this.props;\n    const slateMarkup = createSlateMarkup(markup, choices, correctResponse);\n\n    this.props.onModelChanged({\n      ...this.props.model,\n      slateMarkup,\n      choices\n    });\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      configuration,\n      onConfigurationChanged,\n      imageSupport,\n      uploadSoundSupport\n    } = this.props;\n    const {\n      duplicates = {},\n      prompt = {},\n      partialScoring = {},\n      lockChoiceOrder = {},\n      rationale = {},\n      teacherInstructions = {},\n      choicesPosition = {},\n      spellCheck = {},\n      maxChoices,\n      maxResponseAreas,\n      maxImageWidth = {},\n      maxImageHeight = {},\n      withRubric,\n    } = configuration || {};\n    const {\n      rationaleEnabled,\n      promptEnabled,\n      teacherInstructionsEnabled,\n      spellCheckEnabled,\n      errors,\n      rubricEnabled\n    } = model || {};\n    const toolbarOpts = {};\n\n    const { responseAreasError, choicesError }  = 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                  duplicates: duplicates.settings && toggle(duplicates.label),\n                  lockChoiceOrder:\n                    lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                  choicesPosition:\n                    choicesPosition.settings &&\n                    dropdown(choicesPosition.label, [\n                      'above',\n                      'below',\n                      'left',\n                      'right'\n                    ])\n                },\n                Properties: {\n                  teacherInstructionsEnabled:\n                    teacherInstructions.settings &&\n                    toggle(teacherInstructions.label),\n                  rationaleEnabled:\n                    rationale.settings && toggle(rationale.label),\n                    spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                  promptEnabled: prompt.settings && toggle(prompt.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              </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            {choicesError && <div className={classes.errorText}>{choicesError}</div>}\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              responseAreaProps={{\n                type: 'drag-in-the-blank',\n                options: {\n                  duplicates: model.duplicates\n                },\n                maxResponseAreas: maxResponseAreas,\n              }}\n              className={classes.markup}\n              markup={model.slateMarkup}\n              onChange={this.onMarkupChanged}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              disableUnderline\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n            />\n            <Choices\n              model={model}\n              duplicates={model.duplicates}\n              onChange={this.onResponsesChanged}\n              toolbarOpts={toolbarOpts}\n              maxChoices={maxChoices}\n              uploadSoundSupport={uploadSoundSupport}\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 withDragContext(Styled);\n"],"file":"main.js"}

package/configure/package.json

@@ -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/drag": "^1.1.52",
     "@pie-lib/editable-html": "^9.2.2",
     "@pie-lib/math-rendering": "^2.5.0",

package/docs/config-schema.json

@@ -188,6 +188,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

@@ -142,6 +142,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

@@ -35,5 +35,6 @@ exports.model = (id, element) => ({
   'mode': 'gather',
   'disabled': false,
   'teacherInstructions': null,
-  'toolbarEditorPosition': 'bottom'
+  'toolbarEditorPosition': 'bottom',
+  'rubricEnabled': false
 });

package/docs/pie-schema.json

@@ -140,6 +140,11 @@
       "type": "string",
       "title": "toolbarEditorPosition"
     },
+    "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",
@@ -161,6 +166,7 @@
     "rationale",
     "rationaleEnabled",
     "rubric",
+    "rubricEnabled",
     "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled"

package/docs/pie-schema.json.md

@@ -104,6 +104,10 @@ This element must be one of the following enum values:
 
 Default: `": 'bottom'"`
 
+# `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.1.10-next.173+d434ce108",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -25,7 +25,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "f60d1edac928da4682a9789000e3c8cf464348c0",
+  "gitHead": "d434ce108dd12cb05f72f676a79bbfba67944cb3",
   "main": "lib/index.js",
   "module": "src/index.js"
 }