@pie-element/extended-text-entry 11.1.5-next.17 → 11.1.5-next.25

package/configure/lib/main.js

@@ -152,6 +152,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
       var _ref2 = model || {},
           _ref2$errors = _ref2.errors,
           errors = _ref2$errors === void 0 ? {} : _ref2$errors,
+          extraCSSRules = _ref2.extraCSSRules,
           feedbackEnabled = _ref2.feedbackEnabled,
           promptEnabled = _ref2.promptEnabled,
           spellCheckEnabled = _ref2.spellCheckEnabled,
@@ -202,6 +203,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
       };
 
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        extraCSSRules: extraCSSRules,
         dimensions: contentDimensions,
         hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","numberFields","dropdown","defaultFeedback","type","Main","props","markup","onModelChanged","model","prompt","feedback","update","teacherInstructions","state","setDimensions","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","annotations","contentDimensions","dimensions","equationEditor","playerSpellCheck","settingsPanelDisabled","spanishInput","specialInput","spellCheck","studentInstructions","mathInput","maxImageWidth","maxImageHeight","multiple","withRubric","mathMlOptions","baseInputConfiguration","errors","feedbackEnabled","promptEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","width","suffix","min","max","height","annotationsEnabled","playerSpellCheckDisabled","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","Object","assign","config","Settings","Properties","promptContainer","changeTeacherInstructions","language","inputConfiguration","errorText","ALL_PLUGINS","onPromptChange","header","changeFeedback","React","Component","PropTypes","func","isRequired","object","theme","paddingBottom","spacing","unit","paddingTop","marginBottom","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FeedbackSelector, InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle, numberFields, dropdown } = settings;\n\nconst defaultFeedback = {\n  type: 'default',\n  default: 'Your answer has been submitted',\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { setDimensions: true };\n  }\n\n  onPromptChange = (markup) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, prompt: markup });\n  };\n\n  changeFeedback = (feedback) => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, feedback };\n\n    onModelChanged(update);\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, teacherInstructions };\n\n    onModelChanged(update);\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      annotations= {},\n      contentDimensions = {},\n      dimensions = {},\n      equationEditor = {},\n      feedback = {},\n      playerSpellCheck = {},\n      prompt = {},\n      settingsPanelDisabled,\n      spanishInput = {},\n      specialInput = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      mathInput = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      multiple = {},\n      withRubric = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      feedbackEnabled,\n      promptEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { prompt: promptError, teacherInstructions: teacherInstructionsError } = errors;\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      mathInput: mathInput.settings && toggle(mathInput.label),\n      equationEditor:\n        equationEditor.enabled &&\n        model.mathInput &&\n        dropdown(equationEditor.label, [\n          'non-negative-integers',\n          'integers',\n          'decimals',\n          'fractions',\n          'Grade 1 - 2',\n          'Grade 3 - 5',\n          'Grade 6 - 7',\n          'Grade 8 - HS',\n          'geometry',\n          'advanced-algebra',\n          'statistics',\n          'item-authoring',\n        ]),\n      spanishInput: spanishInput.settings && toggle(spanishInput.label),\n      specialInput: specialInput.settings && toggle(specialInput.label),\n      dimensions: numberFields(dimensions.label, {\n        width: { label: 'Width (px)', suffix: 'px', min: 100, max: 500 },\n        height: { label: 'Height (px)', suffix: 'px', min: 100, max: 500 },\n      }),\n      'multiple.enabled': multiple.settings && toggle(multiple.label, true),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      annotationsEnabled: annotations.settings && toggle(annotations.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      playerSpellCheckDisabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n          {\n            ...baseInputConfiguration,\n          },\n          props || {},\n      );\n    };\n\n    return (\n      <layout.ConfigLayout\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptContainer}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.changeTeacherInstructions}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\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              mathMlOptions={mathMlOptions}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              className={classes.prompt}\n              markup={model.prompt || ''}\n              onChange={this.onPromptChange}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        {feedbackEnabled && (\n          <React.Fragment>\n            <Typography className={classes.header} variant=\"subheading\">\n              Feedback\n            </Typography>\n\n            <FeedbackSelector\n              label=\"When submitted, show\"\n              feedback={model.feedback || defaultFeedback}\n              onChange={this.changeFeedback}\n              toolbarOpts={toolbarOpts}\n            />\n          </React.Fragment>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles((theme) => ({\n  header: {\n    paddingBottom: theme.spacing.unit,\n  },\n  promptContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n}))(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","numberFields","dropdown","defaultFeedback","type","Main","props","markup","onModelChanged","model","prompt","feedback","update","teacherInstructions","state","setDimensions","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","annotations","contentDimensions","dimensions","equationEditor","playerSpellCheck","settingsPanelDisabled","spanishInput","specialInput","spellCheck","studentInstructions","mathInput","maxImageWidth","maxImageHeight","multiple","withRubric","mathMlOptions","baseInputConfiguration","errors","extraCSSRules","feedbackEnabled","promptEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","promptError","teacherInstructionsError","defaultImageMaxWidth","defaultImageMaxHeight","toolbarOpts","position","panelSettings","label","enabled","width","suffix","min","max","height","annotationsEnabled","playerSpellCheckDisabled","panelProperties","studentInstructionsEnabled","rubricEnabled","getPluginProps","Object","assign","config","Settings","Properties","promptContainer","changeTeacherInstructions","language","inputConfiguration","errorText","ALL_PLUGINS","onPromptChange","header","changeFeedback","React","Component","PropTypes","func","isRequired","object","theme","paddingBottom","spacing","unit","paddingTop","marginBottom","fontSize","typography","color","palette","error","main"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FeedbackSelector, InputContainer, settings, layout } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport { EditableHtml, ALL_PLUGINS } from '@pie-lib/pie-toolbox/editable-html';\n\nconst { Panel, toggle, numberFields, dropdown } = settings;\n\nconst defaultFeedback = {\n  type: 'default',\n  default: 'Your answer has been submitted',\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    uploadSoundSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { setDimensions: true };\n  }\n\n  onPromptChange = (markup) => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({ ...model, prompt: markup });\n  };\n\n  changeFeedback = (feedback) => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, feedback };\n\n    onModelChanged(update);\n  };\n\n  changeTeacherInstructions = (teacherInstructions) => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, teacherInstructions };\n\n    onModelChanged(update);\n  };\n\n  render() {\n    const { model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      annotations= {},\n      contentDimensions = {},\n      dimensions = {},\n      equationEditor = {},\n      feedback = {},\n      playerSpellCheck = {},\n      prompt = {},\n      settingsPanelDisabled,\n      spanishInput = {},\n      specialInput = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      mathInput = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      multiple = {},\n      withRubric = {},\n      mathMlOptions = {},\n      baseInputConfiguration = {},\n    } = configuration || {};\n    const {\n      errors = {},\n      extraCSSRules,\n      feedbackEnabled,\n      promptEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n    const { prompt: promptError, teacherInstructions: teacherInstructionsError } = errors;\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const panelSettings = {\n      mathInput: mathInput.settings && toggle(mathInput.label),\n      equationEditor:\n        equationEditor.enabled &&\n        model.mathInput &&\n        dropdown(equationEditor.label, [\n          'non-negative-integers',\n          'integers',\n          'decimals',\n          'fractions',\n          'Grade 1 - 2',\n          'Grade 3 - 5',\n          'Grade 6 - 7',\n          'Grade 8 - HS',\n          'geometry',\n          'advanced-algebra',\n          'statistics',\n          'item-authoring',\n        ]),\n      spanishInput: spanishInput.settings && toggle(spanishInput.label),\n      specialInput: specialInput.settings && toggle(specialInput.label),\n      dimensions: numberFields(dimensions.label, {\n        width: { label: 'Width (px)', suffix: 'px', min: 100, max: 500 },\n        height: { label: 'Height (px)', suffix: 'px', min: 100, max: 500 },\n      }),\n      'multiple.enabled': multiple.settings && toggle(multiple.label, true),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n      annotationsEnabled: annotations.settings && toggle(annotations.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      playerSpellCheckDisabled: playerSpellCheck.settings && toggle(playerSpellCheck.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    const getPluginProps = (props) => {\n      return Object.assign(\n          {\n            ...baseInputConfiguration,\n          },\n          props || {},\n      );\n    };\n\n    return (\n      <layout.ConfigLayout\n        extraCSSRules={extraCSSRules}\n        dimensions={contentDimensions}\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        {teacherInstructionsEnabled && (\n          <InputContainer label={teacherInstructions.label} className={classes.promptContainer}>\n            <EditableHtml\n              className={classes.prompt}\n              markup={model.teacherInstructions || ''}\n              onChange={this.changeTeacherInstructions}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={teacherInstructionsError}\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              mathMlOptions={mathMlOptions}\n              pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n            />\n            {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\n          </InputContainer>\n        )}\n\n        {promptEnabled && (\n          <InputContainer label={prompt.label} className={classes.promptContainer}>\n            <EditableHtml\n              activePlugins={ALL_PLUGINS}\n              className={classes.prompt}\n              markup={model.prompt || ''}\n              onChange={this.onPromptChange}\n              imageSupport={imageSupport}\n              nonEmpty={false}\n              error={promptError}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheckEnabled}\n              maxImageWidth={defaultImageMaxWidth}\n              maxImageHeight={defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n              languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              mathMlOptions={mathMlOptions}\n              pluginProps={getPluginProps(prompt?.inputConfiguration)}\n            />\n            {promptError && <div className={classes.errorText}>{promptError}</div>}\n          </InputContainer>\n        )}\n\n        {feedbackEnabled && (\n          <React.Fragment>\n            <Typography className={classes.header} variant=\"subheading\">\n              Feedback\n            </Typography>\n\n            <FeedbackSelector\n              label=\"When submitted, show\"\n              feedback={model.feedback || defaultFeedback}\n              onChange={this.changeFeedback}\n              toolbarOpts={toolbarOpts}\n            />\n          </React.Fragment>\n        )}\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles((theme) => ({\n  header: {\n    paddingBottom: theme.spacing.unit,\n  },\n  promptContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: theme.palette.error.main,\n    paddingTop: theme.spacing.unit,\n  },\n}))(Main);\n"],"file":"main.js"}

package/configure/package.json

@@ -10,7 +10,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.0.15",
+    "@pie-lib/pie-toolbox": "2.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/lib/index.js

@@ -127,7 +127,8 @@ function _model() {
                 playersToolbarPosition: normalizedQuestion.playersToolbarPosition || 'bottom',
                 annotatorMode: annotatorMode,
                 disabledAnnotator: normalizedQuestion.annotationsEnabled ? env.role !== 'instructor' : true,
-                predefinedAnnotations: normalizedQuestion.annotationsEnabled ? normalizedQuestion.predefinedAnnotations : []
+                predefinedAnnotations: normalizedQuestion.annotationsEnabled ? normalizedQuestion.predefinedAnnotations : [],
+                extraCSSRules: normalizedQuestion.extraCSSRules
               };
             }));
 

package/controller/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["log","createDefaultModel","model","defaults","normalize","question","session","env","normalizedQuestion","fb","mode","feedbackEnabled","feedback","Promise","resolve","undefined","teacherInstructions","role","teacherInstructionsEnabled","equationEditor","annotatorMode","annotationsEnabled","then","prompt","promptEnabled","dimensions","customKeys","id","disabled","language","mathInput","spanishInput","specialInput","spellCheckEnabled","playerSpellCheckDisabled","playersToolbarPosition","disabledAnnotator","predefinedAnnotations","outcome","score","completed","note","getInnerText","html","replaceAll","getContent","replace","validate","config","errors","forEach","field","required"],"mappings":"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","sourcesContent":["import debug from 'debug';\nimport { getFeedback } from '@pie-lib/pie-toolbox/feedback';\nimport defaults from './defaults';\n\nconst log = debug('@pie-element:extended-text-entry:controller');\n\nexport async function createDefaultModel(model = {}) {\n  log('[createDefaultModel]', model);\n\n  return { ...defaults, ...model };\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nexport async function model(question, session, env) {\n  log('[question]', question);\n  const normalizedQuestion = normalize(question);\n\n  const fb =\n    env.mode === 'evaluate' && normalizedQuestion.feedbackEnabled\n      ? getFeedback(normalizedQuestion.feedback, 'Your answer has been submitted')\n      : Promise.resolve(undefined);\n\n  let teacherInstructions = null;\n  if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n    teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;\n  } else {\n    teacherInstructions = null;\n  }\n\n  let equationEditor = normalizedQuestion.equationEditor || 'miscellaneous';\n\n  switch (normalizedQuestion.equationEditor) {\n    case 'Grade 1 - 2':\n      equationEditor = 1;\n      break;\n    case 'Grade 3 - 5':\n      equationEditor = 3;\n      break;\n    case 'Grade 6 - 7':\n      equationEditor = 6;\n      break;\n    case 'Grade 8 - HS':\n      equationEditor = 8;\n      break;\n    default:\n      break;\n  }\n\n  const annotatorMode = normalizedQuestion.annotationsEnabled && (env.role === 'instructor' || env.mode === 'evaluate');\n\n  return fb.then((feedback) => ({\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    dimensions: normalizedQuestion.dimensions,\n    customKeys: normalizedQuestion.customKeys || [],\n    id: normalizedQuestion.id,\n    disabled: env.mode !== 'gather',\n    feedback,\n    teacherInstructions,\n    language:normalizedQuestion.language,\n    mathInput: normalizedQuestion.mathInput,\n    spanishInput: normalizedQuestion.spanishInput,\n    specialInput: normalizedQuestion.specialInput,\n    equationEditor,\n    spellCheckEnabled: !normalizedQuestion.playerSpellCheckDisabled,\n    playersToolbarPosition: normalizedQuestion.playersToolbarPosition || 'bottom',\n    annotatorMode,\n    disabledAnnotator: normalizedQuestion.annotationsEnabled ? env.role !== 'instructor' : true,\n    predefinedAnnotations: normalizedQuestion.annotationsEnabled ? normalizedQuestion.predefinedAnnotations : [],\n  }));\n}\n\nexport async function outcome(/*question, session, env*/) {\n  return {\n    score: 0,\n    completed: 'n/a',\n    note: 'Requires manual scoring',\n  };\n}\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img and iframe\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  ['teacherInstructions', 'prompt'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  return errors;\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["log","createDefaultModel","model","defaults","normalize","question","session","env","normalizedQuestion","fb","mode","feedbackEnabled","feedback","Promise","resolve","undefined","teacherInstructions","role","teacherInstructionsEnabled","equationEditor","annotatorMode","annotationsEnabled","then","prompt","promptEnabled","dimensions","customKeys","id","disabled","language","mathInput","spanishInput","specialInput","spellCheckEnabled","playerSpellCheckDisabled","playersToolbarPosition","disabledAnnotator","predefinedAnnotations","extraCSSRules","outcome","score","completed","note","getInnerText","html","replaceAll","getContent","replace","validate","config","errors","forEach","field","required"],"mappings":"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","sourcesContent":["import debug from 'debug';\nimport { getFeedback } from '@pie-lib/pie-toolbox/feedback';\nimport defaults from './defaults';\n\nconst log = debug('@pie-element:extended-text-entry:controller');\n\nexport async function createDefaultModel(model = {}) {\n  log('[createDefaultModel]', model);\n\n  return { ...defaults, ...model };\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\nexport async function model(question, session, env) {\n  log('[question]', question);\n  const normalizedQuestion = normalize(question);\n\n  const fb =\n    env.mode === 'evaluate' && normalizedQuestion.feedbackEnabled\n      ? getFeedback(normalizedQuestion.feedback, 'Your answer has been submitted')\n      : Promise.resolve(undefined);\n\n  let teacherInstructions = null;\n  if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {\n    teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;\n  } else {\n    teacherInstructions = null;\n  }\n\n  let equationEditor = normalizedQuestion.equationEditor || 'miscellaneous';\n\n  switch (normalizedQuestion.equationEditor) {\n    case 'Grade 1 - 2':\n      equationEditor = 1;\n      break;\n    case 'Grade 3 - 5':\n      equationEditor = 3;\n      break;\n    case 'Grade 6 - 7':\n      equationEditor = 6;\n      break;\n    case 'Grade 8 - HS':\n      equationEditor = 8;\n      break;\n    default:\n      break;\n  }\n\n  const annotatorMode = normalizedQuestion.annotationsEnabled && (env.role === 'instructor' || env.mode === 'evaluate');\n\n  return fb.then((feedback) => ({\n    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,\n    dimensions: normalizedQuestion.dimensions,\n    customKeys: normalizedQuestion.customKeys || [],\n    id: normalizedQuestion.id,\n    disabled: env.mode !== 'gather',\n    feedback,\n    teacherInstructions,\n    language:normalizedQuestion.language,\n    mathInput: normalizedQuestion.mathInput,\n    spanishInput: normalizedQuestion.spanishInput,\n    specialInput: normalizedQuestion.specialInput,\n    equationEditor,\n    spellCheckEnabled: !normalizedQuestion.playerSpellCheckDisabled,\n    playersToolbarPosition: normalizedQuestion.playersToolbarPosition || 'bottom',\n    annotatorMode,\n    disabledAnnotator: normalizedQuestion.annotationsEnabled ? env.role !== 'instructor' : true,\n    predefinedAnnotations: normalizedQuestion.annotationsEnabled ? normalizedQuestion.predefinedAnnotations : [],\n    extraCSSRules: normalizedQuestion.extraCSSRules,\n  }));\n}\n\nexport async function outcome(/*question, session, env*/) {\n  return {\n    score: 0,\n    completed: 'n/a',\n    note: 'Requires manual scoring',\n  };\n}\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img and iframe\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  ['teacherInstructions', 'prompt'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  return errors;\n};\n"],"file":"index.js"}

package/controller/package.json

@@ -6,7 +6,7 @@
   "main": "lib/index.js",
   "module": "src/index.js",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.0.15"
+    "@pie-lib/pie-toolbox": "2.1.0"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/lib/main.js

@@ -114,6 +114,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
           disabled = model.disabled,
           disabledAnnotator = model.disabledAnnotator,
           equationEditor = model.equationEditor,
+          extraCSSRules = model.extraCSSRules,
           feedback = model.feedback,
           mathInput = model.mathInput,
           playersToolbarPosition = model.playersToolbarPosition,
@@ -156,7 +157,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
         });
       }
 
-      return /*#__PURE__*/_react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement(_renderUi.UiLayout, {
+        extraCSSRules: extraCSSRules,
         className: classes.main,
         ref: function ref(_ref2) {
           _this2.containerRef = _ref2;

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["log","style","theme","main","backgroundColor","color","background","text","prompt","width","marginBottom","spacing","unit","fontSize","teacherInstructions","editor","borderRadius","srOnly","position","left","top","height","overflow","Main","props","onValueChange","onCommentChange","model","classes","session","onAnnotationsChange","animationsDisabled","annotatorMode","customKeys","dimensions","disabled","disabledAnnotator","equationEditor","feedback","mathInput","playersToolbarPosition","predefinedAnnotations","spanishInput","specialInput","spellCheckEnabled","annotations","comment","value","maxHeight","toolbarOpts","teacherInstructionsDiv","languageCharactersProps","push","language","ref","containerRef","hidden","visible","collapsible","changeSessionComment","changeSessionValue","toString","math","keypadMode","controlledKeypadMode","video","audio","React","Component","PropTypes","func","isRequired","object","shape","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\n\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { color, Feedback, Collapsible, PreviewPrompt } from '@pie-lib/pie-toolbox/render-ui';\n\nimport AnnotationEditor from './annotation/annotation-editor';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst style = (theme) => ({\n  main: {\n    backgroundColor: color.background(),\n    color: color.text(),\n  },\n  prompt: {\n    width: '100%',\n    color: color.text(),\n    marginBottom: theme.spacing.unit * 2,\n    fontSize: 'inherit',\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  editor: {\n    marginBottom: theme.spacing.unit * 2,\n    borderRadius: '4px',\n  },\n  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onValueChange: PropTypes.func.isRequired,\n    onAnnotationsChange: PropTypes.func.isRequired,\n    onCommentChange: PropTypes.func.isRequired,\n    model: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    session: PropTypes.shape({\n      value: PropTypes.string,\n      annotations: PropTypes.array,\n      comment: PropTypes.string,\n    }).isRequired,\n  };\n\n  changeSessionValue = debounce(this.props.onValueChange, 1500);\n\n  changeSessionComment = debounce(this.props.onCommentChange, 1500);\n\n  render() {\n    const { model, classes, session, onAnnotationsChange } = this.props;\n    const {\n      animationsDisabled,\n      annotatorMode,\n      customKeys,\n      dimensions,\n      disabled,\n      disabledAnnotator,\n      equationEditor,\n      feedback,\n      mathInput,\n      playersToolbarPosition,\n      predefinedAnnotations,\n      prompt,\n      spanishInput,\n      specialInput,\n      spellCheckEnabled,\n      teacherInstructions,\n    } = model;\n    const { annotations, comment, value } = session;\n    const { width, height } = dimensions || {};\n    const maxHeight = '40vh';\n    const toolbarOpts = { position: playersToolbarPosition === 'top' ? 'top' : 'bottom' };\n\n    log('[render] disabled? ', disabled);\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt defaultClassName=\"teacher-instructions\" prompt={teacherInstructions} />\n    );\n\n    const languageCharactersProps = [];\n\n    if (spanishInput) {\n      languageCharactersProps.push({ language: 'spanish' });\n    }\n\n    if (specialInput) {\n      languageCharactersProps.push({ language: 'special' });\n    }\n\n    return (\n      <div\n        className={classes.main}\n        ref={(ref) => {\n          this.containerRef = ref;\n        }}\n      >\n        <h2 className={classes.srOnly}>Constructed Response Question</h2>\n\n        {teacherInstructions && (\n          <div className={classes.teacherInstructions}>\n            {!animationsDisabled ? (\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                {teacherInstructionsDiv}\n              </Collapsible>\n            ) : (\n              teacherInstructionsDiv\n            )}\n          </div>\n        )}\n\n        {prompt && (\n          <Typography component={'span'} className={classes.prompt}>\n            <PreviewPrompt defaultClassName=\"prompt\" prompt={model.prompt} />\n          </Typography>\n        )}\n\n        {annotatorMode ? (\n          <AnnotationEditor\n            text={value || ''}\n            annotations={annotations || []}\n            comment={comment || ''}\n            predefinedAnnotations={predefinedAnnotations || []}\n            onChange={onAnnotationsChange}\n            onCommentChange={this.changeSessionComment}\n            width={width}\n            height={height}\n            maxHeight={maxHeight}\n            disabled={disabledAnnotator}\n            disabledMath={!mathInput}\n            customKeys={customKeys}\n            keypadMode={equationEditor}\n          />\n        ) : (\n          <EditableHtml\n            className={classnames(classes.editor, 'response-area-editor')}\n            onChange={this.changeSessionValue}\n            markup={value || ''}\n            width={width && width.toString()}\n            minHeight={height && height.toString()}\n            maxHeight={maxHeight}\n            disabled={disabled}\n            highlightShape={true}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            charactersLimit={50000}\n            pluginProps={{\n              math: {\n                disabled: !mathInput,\n                customKeys: this.props.model.customKeys,\n                keypadMode: this.props.model.equationEditor,\n                controlledKeypadMode: false,\n              },\n              video: {\n                disabled: true,\n              },\n              audio: {\n                disabled: true,\n              },\n            }}\n            languageCharactersProps={languageCharactersProps}\n          />\n        )}\n\n        {feedback && <Feedback correctness=\"correct\" feedback={feedback} />}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["log","style","theme","main","backgroundColor","color","background","text","prompt","width","marginBottom","spacing","unit","fontSize","teacherInstructions","editor","borderRadius","srOnly","position","left","top","height","overflow","Main","props","onValueChange","onCommentChange","model","classes","session","onAnnotationsChange","animationsDisabled","annotatorMode","customKeys","dimensions","disabled","disabledAnnotator","equationEditor","extraCSSRules","feedback","mathInput","playersToolbarPosition","predefinedAnnotations","spanishInput","specialInput","spellCheckEnabled","annotations","comment","value","maxHeight","toolbarOpts","teacherInstructionsDiv","languageCharactersProps","push","language","ref","containerRef","hidden","visible","collapsible","changeSessionComment","changeSessionValue","toString","math","keypadMode","controlledKeypadMode","video","audio","React","Component","PropTypes","func","isRequired","object","shape","string","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport debug from 'debug';\n\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\nimport { color, Feedback, Collapsible, PreviewPrompt, UiLayout } from '@pie-lib/pie-toolbox/render-ui';\n\nimport AnnotationEditor from './annotation/annotation-editor';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst style = (theme) => ({\n  main: {\n    backgroundColor: color.background(),\n    color: color.text(),\n  },\n  prompt: {\n    width: '100%',\n    color: color.text(),\n    marginBottom: theme.spacing.unit * 2,\n    fontSize: 'inherit',\n  },\n  teacherInstructions: {\n    marginBottom: theme.spacing.unit * 2,\n  },\n  editor: {\n    marginBottom: theme.spacing.unit * 2,\n    borderRadius: '4px',\n  },\n  srOnly: {\n    position: 'absolute',\n    left: '-10000px',\n    top: 'auto',\n    width: '1px',\n    height: '1px',\n    overflow: 'hidden',\n  },\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onValueChange: PropTypes.func.isRequired,\n    onAnnotationsChange: PropTypes.func.isRequired,\n    onCommentChange: PropTypes.func.isRequired,\n    model: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    session: PropTypes.shape({\n      value: PropTypes.string,\n      annotations: PropTypes.array,\n      comment: PropTypes.string,\n    }).isRequired,\n  };\n\n  changeSessionValue = debounce(this.props.onValueChange, 1500);\n\n  changeSessionComment = debounce(this.props.onCommentChange, 1500);\n\n  render() {\n    const { model, classes, session, onAnnotationsChange } = this.props;\n    const {\n      animationsDisabled,\n      annotatorMode,\n      customKeys,\n      dimensions,\n      disabled,\n      disabledAnnotator,\n      equationEditor,\n      extraCSSRules,\n      feedback,\n      mathInput,\n      playersToolbarPosition,\n      predefinedAnnotations,\n      prompt,\n      spanishInput,\n      specialInput,\n      spellCheckEnabled,\n      teacherInstructions,\n    } = model;\n    const { annotations, comment, value } = session;\n    const { width, height } = dimensions || {};\n    const maxHeight = '40vh';\n    const toolbarOpts = { position: playersToolbarPosition === 'top' ? 'top' : 'bottom' };\n\n    log('[render] disabled? ', disabled);\n\n    const teacherInstructionsDiv = (\n      <PreviewPrompt defaultClassName=\"teacher-instructions\" prompt={teacherInstructions} />\n    );\n\n    const languageCharactersProps = [];\n\n    if (spanishInput) {\n      languageCharactersProps.push({ language: 'spanish' });\n    }\n\n    if (specialInput) {\n      languageCharactersProps.push({ language: 'special' });\n    }\n\n    return (\n      <UiLayout\n        extraCSSRules={extraCSSRules}\n        className={classes.main}\n        ref={(ref) => {\n          this.containerRef = ref;\n        }}\n      >\n        <h2 className={classes.srOnly}>Constructed Response Question</h2>\n\n        {teacherInstructions && (\n          <div className={classes.teacherInstructions}>\n            {!animationsDisabled ? (\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                {teacherInstructionsDiv}\n              </Collapsible>\n            ) : (\n              teacherInstructionsDiv\n            )}\n          </div>\n        )}\n\n        {prompt && (\n          <Typography component={'span'} className={classes.prompt}>\n            <PreviewPrompt defaultClassName=\"prompt\" prompt={model.prompt} />\n          </Typography>\n        )}\n\n        {annotatorMode ? (\n          <AnnotationEditor\n            text={value || ''}\n            annotations={annotations || []}\n            comment={comment || ''}\n            predefinedAnnotations={predefinedAnnotations || []}\n            onChange={onAnnotationsChange}\n            onCommentChange={this.changeSessionComment}\n            width={width}\n            height={height}\n            maxHeight={maxHeight}\n            disabled={disabledAnnotator}\n            disabledMath={!mathInput}\n            customKeys={customKeys}\n            keypadMode={equationEditor}\n          />\n        ) : (\n          <EditableHtml\n            className={classnames(classes.editor, 'response-area-editor')}\n            onChange={this.changeSessionValue}\n            markup={value || ''}\n            width={width && width.toString()}\n            minHeight={height && height.toString()}\n            maxHeight={maxHeight}\n            disabled={disabled}\n            highlightShape={true}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            charactersLimit={50000}\n            pluginProps={{\n              math: {\n                disabled: !mathInput,\n                customKeys: this.props.model.customKeys,\n                keypadMode: this.props.model.equationEditor,\n                controlledKeypadMode: false,\n              },\n              video: {\n                disabled: true,\n              },\n              audio: {\n                disabled: true,\n              },\n            }}\n            languageCharactersProps={languageCharactersProps}\n          />\n        )}\n\n        {feedback && <Feedback correctness=\"correct\" feedback={feedback} />}\n      </UiLayout>\n    );\n  }\n}\n\nexport default withStyles(style)(Main);\n"],"file":"main.js"}

package/module/configure.js

@@ -5841,7 +5841,7 @@ class Main extends React$1.Component {
   render() {
     const {model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport} = this.props;
     const {annotations = {}, contentDimensions = {}, dimensions = {}, equationEditor = {}, feedback = {}, playerSpellCheck = {}, prompt = {}, settingsPanelDisabled, spanishInput = {}, specialInput = {}, spellCheck = {}, studentInstructions = {}, teacherInstructions = {}, mathInput = {}, maxImageWidth = {}, maxImageHeight = {}, multiple = {}, withRubric = {}, mathMlOptions = {}, baseInputConfiguration = {}} = configuration || ({});
-    const {errors = {}, feedbackEnabled, promptEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition} = model || ({});
+    const {errors = {}, extraCSSRules, feedbackEnabled, promptEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition} = model || ({});
     const {prompt: promptError, teacherInstructions: teacherInstructionsError} = errors;
     const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
     const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
@@ -5885,6 +5885,7 @@ class Main extends React$1.Component {
       }, props || ({}));
     };
     return React$1.createElement(layout.ConfigLayout, {
+      extraCSSRules: extraCSSRules,
       dimensions: contentDimensions,
       hideSettings: settingsPanelDisabled,
       settings: React$1.createElement(Panel, {
@@ -5899,13 +5900,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 145
+          lineNumber: 147
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141
+        lineNumber: 142
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -5913,7 +5914,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 158
+        lineNumber: 160
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -5937,14 +5938,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159
+        lineNumber: 161
       }
     }), teacherInstructionsError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 175
+        lineNumber: 177
       }
     }, teacherInstructionsError)), promptEnabled && React$1.createElement(InputContainer, {
       label: prompt.label,
@@ -5952,7 +5953,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 180
+        lineNumber: 182
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
@@ -5977,20 +5978,20 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181
+        lineNumber: 183
       }
     }), promptError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 198
+        lineNumber: 200
       }
     }, promptError)), feedbackEnabled && React$1.createElement(React$1.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 203
+        lineNumber: 205
       }
     }, React$1.createElement(Typography, {
       className: classes.header,
@@ -5998,7 +5999,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 204
+        lineNumber: 206
       }
     }, "Feedback"), React$1.createElement(FeedbackSelector, {
       label: "When submitted, show",
@@ -6008,7 +6009,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 208
+        lineNumber: 210
       }
     })));
   }

package/module/controller.js

@@ -304,6 +304,7 @@ async function model(question, session, env) {
     annotatorMode,
     disabledAnnotator: normalizedQuestion.annotationsEnabled ? env.role !== 'instructor' : true,
     predefinedAnnotations: normalizedQuestion.annotationsEnabled ? normalizedQuestion.predefinedAnnotations : [],
+    extraCSSRules: normalizedQuestion.extraCSSRules,
   }));
 }
 

package/module/element.js

@@ -12747,6 +12747,7 @@ const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Feedback: Feedback} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Collapsible: Collapsible} = _dll_pie_lib__pie_toolbox_render_ui;
 const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
+const {UiLayout: UiLayout} = _dll_pie_lib__pie_toolbox_render_ui;
 const _jsxFileName = "/home/circleci/repo/packages/extended-text-entry/src/main.jsx";
 const log$1 = debug$1('@pie-ui:extended-text-entry');
 const style = theme => ({
@@ -12804,7 +12805,7 @@ class Main extends React$1.Component {
   }
   render() {
     const {model, classes, session, onAnnotationsChange} = this.props;
-    const {animationsDisabled, annotatorMode, customKeys, dimensions, disabled, disabledAnnotator, equationEditor, feedback, mathInput, playersToolbarPosition, predefinedAnnotations, prompt, spanishInput, specialInput, spellCheckEnabled, teacherInstructions} = model;
+    const {animationsDisabled, annotatorMode, customKeys, dimensions, disabled, disabledAnnotator, equationEditor, extraCSSRules, feedback, mathInput, playersToolbarPosition, predefinedAnnotations, prompt, spanishInput, specialInput, spellCheckEnabled, teacherInstructions} = model;
     const {annotations, comment, value} = session;
     const {width, height} = dimensions || ({});
     const maxHeight = '40vh';
@@ -12818,7 +12819,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91
+        lineNumber: 92
       }
     });
     const languageCharactersProps = [];
@@ -12832,7 +12833,8 @@ class Main extends React$1.Component {
         language: 'special'
       });
     }
-    return React$1.createElement('div', {
+    return React$1.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules,
       className: classes.main,
       ref: ref => {
         this.containerRef = ref;
@@ -12840,21 +12842,21 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105
+        lineNumber: 106
       }
     }, React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111
+        lineNumber: 113
       }
     }, "Constructed Response Question"), teacherInstructions && React$1.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114
+        lineNumber: 116
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12865,7 +12867,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116
+        lineNumber: 118
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), prompt && React$1.createElement(Typography, {
       component: 'span',
@@ -12873,7 +12875,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129
+        lineNumber: 131
       }
     }, React$1.createElement(PreviewPrompt, {
       defaultClassName: "prompt",
@@ -12881,7 +12883,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130
+        lineNumber: 132
       }
     })), annotatorMode ? React$1.createElement(AnnotationEditor$1, {
       text: value || '',
@@ -12900,7 +12902,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135
+        lineNumber: 137
       }
     }) : React$1.createElement(EditableHtml, {
       className: classnames(classes.editor, 'response-area-editor'),
@@ -12932,7 +12934,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151
+        lineNumber: 153
       }
     }), feedback && React$1.createElement(Feedback, {
       correctness: "correct",
@@ -12940,7 +12942,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181
+        lineNumber: 183
       }
     }));
   }

package/module/print.js

@@ -12747,6 +12747,7 @@ const {color: color} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Feedback: Feedback} = _dll_pie_lib__pie_toolbox_render_ui;
 const {Collapsible: Collapsible} = _dll_pie_lib__pie_toolbox_render_ui;
 const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
+const {UiLayout: UiLayout} = _dll_pie_lib__pie_toolbox_render_ui;
 const _jsxFileName = "/home/circleci/repo/packages/extended-text-entry/src/main.jsx";
 const log$1 = debug$1('@pie-ui:extended-text-entry');
 const style = theme => ({
@@ -12804,7 +12805,7 @@ class Main extends React$1.Component {
   }
   render() {
     const {model, classes, session, onAnnotationsChange} = this.props;
-    const {animationsDisabled, annotatorMode, customKeys, dimensions, disabled, disabledAnnotator, equationEditor, feedback, mathInput, playersToolbarPosition, predefinedAnnotations, prompt, spanishInput, specialInput, spellCheckEnabled, teacherInstructions} = model;
+    const {animationsDisabled, annotatorMode, customKeys, dimensions, disabled, disabledAnnotator, equationEditor, extraCSSRules, feedback, mathInput, playersToolbarPosition, predefinedAnnotations, prompt, spanishInput, specialInput, spellCheckEnabled, teacherInstructions} = model;
     const {annotations, comment, value} = session;
     const {width, height} = dimensions || ({});
     const maxHeight = '40vh';
@@ -12818,7 +12819,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91
+        lineNumber: 92
       }
     });
     const languageCharactersProps = [];
@@ -12832,7 +12833,8 @@ class Main extends React$1.Component {
         language: 'special'
       });
     }
-    return React$1.createElement('div', {
+    return React$1.createElement(UiLayout, {
+      extraCSSRules: extraCSSRules,
       className: classes.main,
       ref: ref => {
         this.containerRef = ref;
@@ -12840,21 +12842,21 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105
+        lineNumber: 106
       }
     }, React$1.createElement('h2', {
       className: classes.srOnly,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111
+        lineNumber: 113
       }
     }, "Constructed Response Question"), teacherInstructions && React$1.createElement('div', {
       className: classes.teacherInstructions,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114
+        lineNumber: 116
       }
     }, !animationsDisabled ? React$1.createElement(Collapsible, {
       labels: {
@@ -12865,7 +12867,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116
+        lineNumber: 118
       }
     }, teacherInstructionsDiv) : teacherInstructionsDiv), prompt && React$1.createElement(Typography, {
       component: 'span',
@@ -12873,7 +12875,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 129
+        lineNumber: 131
       }
     }, React$1.createElement(PreviewPrompt, {
       defaultClassName: "prompt",
@@ -12881,7 +12883,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130
+        lineNumber: 132
       }
     })), annotatorMode ? React$1.createElement(AnnotationEditor$1, {
       text: value || '',
@@ -12900,7 +12902,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135
+        lineNumber: 137
       }
     }) : React$1.createElement(EditableHtml, {
       className: classnames(classes.editor, 'response-area-editor'),
@@ -12932,7 +12934,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151
+        lineNumber: 153
       }
     }), feedback && React$1.createElement(Feedback, {
       correctness: "correct",
@@ -12940,7 +12942,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181
+        lineNumber: 183
       }
     }));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/extended-text-entry",
-  "version": "11.1.5-next.17+063527489",
+  "version": "11.1.5-next.25+56037c909",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -12,7 +12,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.0.15",
+    "@pie-lib/pie-toolbox": "2.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash.throttle": "^4.1.1",
@@ -20,7 +20,7 @@
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
-  "gitHead": "063527489b1e081dd52509bdcb29e5a93bb4ef17",
+  "gitHead": "56037c909c2777cf6baf16db9895db37345448dd",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },