@pie-element/match 4.10.12 → 5.0.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@4.10.12...@pie-element/match@5.0.0) (2022-06-28)
+
+
+### chore
+
+* Merge master with develop. ([cdca48a](https://github.com/pie-framework/pie-elements/commit/cdca48abaa1d4179e4a961e13d171e14b7ed2444))
+
+
+### BREAKING CHANGES
+
+* Image percent buttons were removed from toolbar.
+New properties maxImageWidth and maxImageHeight were added.
+
+
+
+
+
 ## [4.10.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/match@4.10.11...@pie-element/match@4.10.12) (2022-06-13)
 
 **Note:** Version bump only for package @pie-element/match

package/configure/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.0.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@4.5.12...@pie-element/match-configure@5.0.0) (2022-06-28)
+
+
+### chore
+
+* Merge master with develop. ([cdca48a](https://github.com/pie-framework/pie-elements/commit/cdca48abaa1d4179e4a961e13d171e14b7ed2444))
+
+
+### BREAKING CHANGES
+
+* Image percent buttons were removed from toolbar.
+New properties maxImageWidth and maxImageHeight were added.
+
+
+
+
+
 ## [4.5.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/match-configure@4.5.11...@pie-element/match-configure@4.5.12) (2022-06-13)
 
 **Note:** Version bump only for package @pie-element/match-configure

package/configure/lib/answer-config-block.js

@@ -255,7 +255,11 @@ var AnswerConfigBlock = /*#__PURE__*/function (_React$Component) {
 
       var _ref2 = configuration || {},
           _ref2$headers = _ref2.headers,
-          headers = _ref2$headers === void 0 ? {} : _ref2$headers;
+          headers = _ref2$headers === void 0 ? {} : _ref2$headers,
+          _ref2$maxImageWidth = _ref2.maxImageWidth,
+          maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
+          _ref2$maxImageHeight = _ref2.maxImageHeight,
+          maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight;
 
       var dialog = this.state.dialog;
 
@@ -277,6 +281,8 @@ var AnswerConfigBlock = /*#__PURE__*/function (_React$Component) {
           disabled: true
         }
       };
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
       return /*#__PURE__*/React.createElement("div", {
         className: classes.container
       }, /*#__PURE__*/React.createElement(_Typography["default"], {
@@ -322,7 +328,9 @@ var AnswerConfigBlock = /*#__PURE__*/function (_React$Component) {
           enableImages: model.enableImages,
           toolbarOpts: toolbarOpts,
           spellCheck: spellCheck,
-          error: rowsErrors && rowsErrors[row.id]
+          error: rowsErrors && rowsErrors[row.id],
+          maxImageWidth: maxImageWidth && maxImageWidth.rowTitles || defaultImageMaxWidth,
+          maxImageHeight: maxImageHeight && maxImageHeight.rowTitles || defaultImageMaxHeight
         });
       }), /*#__PURE__*/React.createElement(_addRow["default"], {
         onAddClick: onAddRow

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/answer-config-block.jsx"],"names":["log","styles","theme","container","marginTop","spacing","unit","display","flexDirection","rowContainer","alignItems","flex","rowItem","justifyContent","width","padding","textAlign","deleteIcon","minWidth","questionText","maxWidth","rowTable","separator","border","borderTop","headerInput","fontWeight","errorText","fontSize","color","paddingTop","AnswerConfigBlock","dialog","open","from","to","props","model","onChange","newModel","rows","reduce","acc","item","index","movedRow","remainingRows","push","update","slice","name","isBoolean","target","value","checked","lodash","set","headerIndex","headers","currentHeader","sameValue","filter","header","wasChanged","sameValueEntered","empty","length","setState","onOk","classes","onAddRow","imageSupport","configuration","toolbarOpts","spellCheck","state","errors","correctResponseError","rowsErrors","filteredDefaultPlugins","DEFAULT_PLUGINS","p","labelPlugins","audio","disabled","video","settings","map","idx","onHeaderChange","row","onDeleteRow","moveRow","enableImages","id","React","Component","PropTypes","object","isRequired","func","shape","add"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport AddRow from './add-row';\nimport Row from './row';\nimport debug from 'debug';\nimport lodash from 'lodash';\nimport EditableHTML, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\nimport { InfoDialog } from './common';\n\nconst log = debug('pie-elements:match:configure');\n\nconst styles = theme => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  rowContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    '&> div': {\n      width: '150px',\n      padding: '12px',\n      textAlign: 'center'\n    },\n  },\n  deleteIcon: {\n    flex: 0.5,\n    minWidth: '88px'\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    '&> div': {\n      width: '100%',\n      padding: 0,\n      maxWidth: 'unset',\n      textAlign: 'left',\n      minWidth: '350px'\n    }\n  },\n  rowTable: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  separator: {\n    marginTop: theme.spacing.unit * 2,\n    border: 0,\n    borderTop: '2px solid lightgray',\n    width: '100%'\n  },\n  headerInput: {\n    '&> div': {\n      fontWeight: 'bold'\n    }\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '5px'\n  }\n});\n\nclass AnswerConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onDeleteRow: PropTypes.func.isRequired,\n    onAddRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object\n  };\n\n  state = {\n    dialog: {\n      open: false\n    }\n  };\n\n  moveRow = (from, to) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n    const rows = newModel.rows || [];\n\n    log('[moveRow]: ', from, to);\n\n    const { movedRow, remainingRows } = rows.reduce(\n      (acc, item, index) => {\n        if (index === from) {\n          acc.movedRow = item;\n        } else {\n          acc.remainingRows.push(item);\n        }\n\n        return acc;\n      },\n      { movedRow: null, remainingRows: [] }\n    );\n\n    const update = [\n      ...remainingRows.slice(0, to),\n        movedRow,\n      ...remainingRows.slice(to)\n    ];\n\n    log('update: ', update);\n\n    newModel.rows = update;\n\n    onChange(newModel);\n  };\n\n  onChange = (name, isBoolean) => ({ target }) => {\n    const { model, onChange } = this.props;\n    let value;\n\n    if (isBoolean) {\n      value = target.checked;\n    } else {\n      value = target.value;\n    }\n\n    lodash.set(model, name, value);\n    onChange(model, name);\n  };\n\n  onHeaderChange = headerIndex => value => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if(headerIndex === 0) {\n      newModel.headers[headerIndex] = value;\n      onChange(newModel);\n\n      return;\n    }\n\n    const headers = newModel.headers || [];\n\n    const currentHeader = headers[headerIndex];\n\n    const sameValue = headers.filter(header => {\n      const wasChanged = currentHeader !== value && `<div>${currentHeader}</div>` !== value;\n      const sameValueEntered = header === value || `<div>${header}</div>` === value;\n\n      return wasChanged && sameValueEntered;\n    });\n\n    const empty = value === '<div></div>';\n\n    if (sameValue.length || empty) {\n      this.setState({\n        dialog: {\n          open: true,\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false\n                }\n              }\n            );\n          }\n        }\n      });\n    } else {\n      newModel.headers[headerIndex] = value;\n\n      onChange(newModel);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      onAddRow,\n      imageSupport,\n      configuration,\n      toolbarOpts,\n      spellCheck\n    } = this.props;\n    const { headers = {} } = configuration || {};\n    const { dialog } = this.state;\n    const { errors } = model || {};\n    const { correctResponseError, rowsErrors } = errors || {};\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || [])\n      .filter(p => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list');\n    const labelPlugins = {\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n\n    return (\n      <div className={classes.container}>\n        <Typography type=\"body1\" component=\"div\">\n          Click on the labels to edit or remove. Set the correct answers by\n          clicking each correct answer per row.\n        </Typography>\n        {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n        <div className={classes.rowTable}>\n          <div className={classes.rowContainer}>\n            {headers.settings &&\n            (model.headers || []).map((header, idx) => (\n                <div\n                  key={idx}\n                  className={cx(classes.rowItem, {\n                    [classes.questionText]: idx === 0\n                  })}\n                >\n                  <EditableHTML\n                    onChange={this.onHeaderChange(idx)}\n                    markup={header}\n                    className={classes.headerInput}\n                    label={'column label'}\n                    activePlugins={filteredDefaultPlugins}\n                    pluginProps={labelPlugins}\n                    autoWidthToolbar\n                    allowValidation\n                    spellCheck={spellCheck}\n                  />\n                </div>\n              ))}\n            <div className={classes.deleteIcon}>\n              <Button disabled>\n                <div />\n              </Button>\n            </div>\n          </div>\n          <hr className={classes.separator} />\n          {model.rows.map((row, idx) => (\n            <Row\n              key={idx}\n              model={model}\n              row={row}\n              idx={idx}\n              onDeleteRow={this.props.onDeleteRow}\n              onChange={this.props.onChange}\n              onMoveRow={this.moveRow}\n              imageSupport={imageSupport}\n              enableImages={model.enableImages}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              error={rowsErrors && rowsErrors[row.id]}\n            />\n          ))}\n          <AddRow onAddClick={onAddRow} />\n        </div>\n          <InfoDialog\n            title={'The column headings must be non-blank and unique.'}\n            open={dialog.open}\n            onOk={dialog.onOk}\n          />\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AnswerConfigBlock);\n"],"file":"answer-config-block.js"}
+{"version":3,"sources":["../src/answer-config-block.jsx"],"names":["log","styles","theme","container","marginTop","spacing","unit","display","flexDirection","rowContainer","alignItems","flex","rowItem","justifyContent","width","padding","textAlign","deleteIcon","minWidth","questionText","maxWidth","rowTable","separator","border","borderTop","headerInput","fontWeight","errorText","fontSize","color","paddingTop","AnswerConfigBlock","dialog","open","from","to","props","model","onChange","newModel","rows","reduce","acc","item","index","movedRow","remainingRows","push","update","slice","name","isBoolean","target","value","checked","lodash","set","headerIndex","headers","currentHeader","sameValue","filter","header","wasChanged","sameValueEntered","empty","length","setState","onOk","classes","onAddRow","imageSupport","configuration","toolbarOpts","spellCheck","maxImageWidth","maxImageHeight","state","errors","correctResponseError","rowsErrors","filteredDefaultPlugins","DEFAULT_PLUGINS","p","labelPlugins","audio","disabled","video","defaultImageMaxWidth","prompt","defaultImageMaxHeight","settings","map","idx","onHeaderChange","row","onDeleteRow","moveRow","enableImages","id","rowTitles","React","Component","PropTypes","object","isRequired","func","shape","add"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport AddRow from './add-row';\nimport Row from './row';\nimport debug from 'debug';\nimport lodash from 'lodash';\nimport EditableHTML, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\nimport { InfoDialog } from './common';\n\nconst log = debug('pie-elements:match:configure');\n\nconst styles = theme => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  rowContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    '&> div': {\n      width: '150px',\n      padding: '12px',\n      textAlign: 'center'\n    },\n  },\n  deleteIcon: {\n    flex: 0.5,\n    minWidth: '88px'\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    '&> div': {\n      width: '100%',\n      padding: 0,\n      maxWidth: 'unset',\n      textAlign: 'left',\n      minWidth: '350px'\n    }\n  },\n  rowTable: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  separator: {\n    marginTop: theme.spacing.unit * 2,\n    border: 0,\n    borderTop: '2px solid lightgray',\n    width: '100%'\n  },\n  headerInput: {\n    '&> div': {\n      fontWeight: 'bold'\n    }\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '5px'\n  }\n});\n\nclass AnswerConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    onDeleteRow: PropTypes.func.isRequired,\n    onAddRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    toolbarOpts: PropTypes.object\n  };\n\n  state = {\n    dialog: {\n      open: false\n    }\n  };\n\n  moveRow = (from, to) => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n    const rows = newModel.rows || [];\n\n    log('[moveRow]: ', from, to);\n\n    const { movedRow, remainingRows } = rows.reduce(\n      (acc, item, index) => {\n        if (index === from) {\n          acc.movedRow = item;\n        } else {\n          acc.remainingRows.push(item);\n        }\n\n        return acc;\n      },\n      { movedRow: null, remainingRows: [] }\n    );\n\n    const update = [\n      ...remainingRows.slice(0, to),\n        movedRow,\n      ...remainingRows.slice(to)\n    ];\n\n    log('update: ', update);\n\n    newModel.rows = update;\n\n    onChange(newModel);\n  };\n\n  onChange = (name, isBoolean) => ({ target }) => {\n    const { model, onChange } = this.props;\n    let value;\n\n    if (isBoolean) {\n      value = target.checked;\n    } else {\n      value = target.value;\n    }\n\n    lodash.set(model, name, value);\n    onChange(model, name);\n  };\n\n  onHeaderChange = headerIndex => value => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if(headerIndex === 0) {\n      newModel.headers[headerIndex] = value;\n      onChange(newModel);\n\n      return;\n    }\n\n    const headers = newModel.headers || [];\n\n    const currentHeader = headers[headerIndex];\n\n    const sameValue = headers.filter(header => {\n      const wasChanged = currentHeader !== value && `<div>${currentHeader}</div>` !== value;\n      const sameValueEntered = header === value || `<div>${header}</div>` === value;\n\n      return wasChanged && sameValueEntered;\n    });\n\n    const empty = value === '<div></div>';\n\n    if (sameValue.length || empty) {\n      this.setState({\n        dialog: {\n          open: true,\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false\n                }\n              }\n            );\n          }\n        }\n      });\n    } else {\n      newModel.headers[headerIndex] = value;\n\n      onChange(newModel);\n    }\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      onAddRow,\n      imageSupport,\n      configuration,\n      toolbarOpts,\n      spellCheck\n    } = this.props;\n    const { headers = {}, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n    const { dialog } = this.state;\n    const { errors } = model || {};\n    const { correctResponseError, rowsErrors } = errors || {};\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || [])\n      .filter(p => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list');\n    const labelPlugins = {\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    return (\n      <div className={classes.container}>\n        <Typography type=\"body1\" component=\"div\">\n          Click on the labels to edit or remove. Set the correct answers by\n          clicking each correct answer per row.\n        </Typography>\n        {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n        <div className={classes.rowTable}>\n          <div className={classes.rowContainer}>\n            {headers.settings &&\n            (model.headers || []).map((header, idx) => (\n                <div\n                  key={idx}\n                  className={cx(classes.rowItem, {\n                    [classes.questionText]: idx === 0\n                  })}\n                >\n                  <EditableHTML\n                    onChange={this.onHeaderChange(idx)}\n                    markup={header}\n                    className={classes.headerInput}\n                    label={'column label'}\n                    activePlugins={filteredDefaultPlugins}\n                    pluginProps={labelPlugins}\n                    autoWidthToolbar\n                    allowValidation\n                    spellCheck={spellCheck}\n                  />\n                </div>\n              ))}\n            <div className={classes.deleteIcon}>\n              <Button disabled>\n                <div />\n              </Button>\n            </div>\n          </div>\n          <hr className={classes.separator} />\n          {model.rows.map((row, idx) => (\n            <Row\n              key={idx}\n              model={model}\n              row={row}\n              idx={idx}\n              onDeleteRow={this.props.onDeleteRow}\n              onChange={this.props.onChange}\n              onMoveRow={this.moveRow}\n              imageSupport={imageSupport}\n              enableImages={model.enableImages}\n              toolbarOpts={toolbarOpts}\n              spellCheck={spellCheck}\n              error={rowsErrors && rowsErrors[row.id]}\n              maxImageWidth={maxImageWidth && maxImageWidth.rowTitles || defaultImageMaxWidth}\n              maxImageHeight={maxImageHeight && maxImageHeight.rowTitles || defaultImageMaxHeight}\n            />\n          ))}\n          <AddRow onAddClick={onAddRow} />\n        </div>\n          <InfoDialog\n            title={'The column headings must be non-blank and unique.'}\n            open={dialog.open}\n            onOk={dialog.onOk}\n          />\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AnswerConfigBlock);\n"],"file":"answer-config-block.js"}

package/configure/lib/configure.js

@@ -234,7 +234,11 @@ var Configure = /*#__PURE__*/function (_React$Component) {
           _ref$feedback = _ref.feedback,
           feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
           _ref$spellCheck = _ref.spellCheck,
-          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight;
 
       var _ref2 = model || {},
           teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
@@ -255,6 +259,8 @@ var Configure = /*#__PURE__*/function (_React$Component) {
           break;
       }
 
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
       log('[render] model', model);
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
@@ -295,7 +301,9 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         imageSupport: imageSupport,
         nonEmpty: false,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight
       })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptHolder
@@ -307,7 +315,9 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         nonEmpty: false,
         disableUnderline: true,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.prompt,
+        maxImageHeight: maxImageHeight && maxImageHeight.prompt
       })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.promptHolder
@@ -317,7 +327,9 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         onChange: this.onRationaleChanged,
         imageSupport: imageSupport,
         toolbarOpts: toolbarOpts,
-        spellCheck: spellCheckEnabled
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight
       })), /*#__PURE__*/_react["default"].createElement(_generalConfigBlock["default"], {
         model: model,
         configuration: configuration,

package/configure/lib/configure.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","props","event","value","setState","activeTab","index","model","onModelChanged","feedback","rowIndex","newModel","rows","splice","onChange","concat","id","rowIdCounter","length","values","Array","layout","fill","newLayout","oldLayout","i","headers","push","forEach","row","newChoiceMode","trueCount","reduce","total","current","choiceMode","partialScoring","teacherInstructions","rationale","state","classes","imageSupport","configuration","onConfigurationChanged","enableImages","studentInstructions","lockChoiceOrder","scoringType","spellCheck","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","config","Settings","label","Properties","studentInstructionsEnabled","onTeacherInstructionsChanged","onPromptChanged","onRationaleChanged","onResponseTypeChange","onLayoutChange","onAddRow","onDeleteRow","onFeedbackChange","React","Component","PropTypes","func","object","isRequired","shape","add","Config"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  FeedbackConfig,\n  settings,\n  layout,\n  InputContainer\n} from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withDragContext } from '@pie-lib/drag';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport GeneralConfigBlock from './general-config-block';\nimport AnswerConfigBlock from './answer-config-block';\n\nconst log = debug('@pie-element:match:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  }\n});\n\nclass Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  static defaultProps = {\n    classes: {}\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;\n\n    this.state = {\n      activeTab: 0\n    };\n  }\n\n  onTabChange = (event, value) => {\n    this.setState({ activeTab: value });\n  };\n\n  onChangeTabIndex = index => {\n    this.setState({ activeTab: index });\n  };\n\n  onChange = model => {\n    this.props.onModelChanged(model);\n  };\n\n  onFeedbackChange = feedback => {\n    const { model, onModelChanged } = this.props;\n    model.feedback = feedback;\n    onModelChanged(model);\n  };\n\n  onDeleteRow = rowIndex => {\n    const { model } = this.props;\n\n    const newModel = { ...model };\n\n    newModel.rows.splice(rowIndex, 1);\n\n    this.onChange(newModel);\n  };\n\n  onAddRow = () => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    newModel.rows = newModel.rows.concat({\n      id: this.rowIdCounter + 1,\n      title: `Question Text ${newModel.rows.length + 1}`,\n      values: new Array(model.layout - 1).fill(false)\n    });\n\n    this.rowIdCounter += 1;\n\n    this.onChange(newModel);\n  };\n\n  onLayoutChange = newLayout => {\n    const { model } = this.props;\n    const oldLayout = model.layout;\n    const newModel = { ...model };\n\n    if (newLayout > oldLayout) {\n      for (let i = 0; i < newLayout - oldLayout; i++) {\n        newModel.headers.push(`Column ${newModel.headers.length + 1}`);\n      }\n\n      newModel.rows.forEach(row => {\n        for (let i = 0; i < newLayout - oldLayout; i++) {\n          row.values.push(false);\n        }\n      });\n    } else if (newLayout < oldLayout) {\n      newModel.headers.splice(newLayout);\n\n      newModel.rows.forEach(row => {\n        row.values.splice(newLayout - 1);\n      });\n    }\n\n    newModel.layout = newLayout;\n\n    this.onChange(newModel);\n  };\n\n  onResponseTypeChange = newChoiceMode => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    // if we're switching to radio and we have more than one true, reset\n    if (newChoiceMode === 'radio') {\n      newModel.rows.forEach(row => {\n        const trueCount = row.values.reduce((total, current) =>\n          current === true ? total + 1 : total\n        );\n\n        if (trueCount > 1) {\n          row.values = new Array(model.layout - 1).fill(false);\n        }\n      });\n    }\n\n    newModel.choiceMode = newChoiceMode;\n\n    this.onChange(newModel);\n  };\n\n  onPartialScoringChange = partialScoring => {\n    this.props.model.partialScoring = partialScoring;\n    this.props.onModelChanged(this.props.model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onRationaleChanged = rationale => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale\n    });\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      imageSupport,\n      onModelChanged,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const {\n      enableImages = {},\n      partialScoring = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      lockChoiceOrder = {},\n      scoringType = {},\n      prompt = {},\n      feedback = {},\n      spellCheck = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, feedbackEnabled } =\n      model || {};\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    log('[render] model', model);\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={config => onConfigurationChanged(config)}\n            groups={{\n              Settings: {\n                enableImages:\n                  enableImages.settings && toggle(enableImages.label),\n                partialScoring:\n                  partialScoring.settings && toggle(partialScoring.label),\n                lockChoiceOrder:\n                  lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                feedbackEnabled:\n                  feedback.settings && toggle(feedback.label)\n              },\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                spellCheck.settings && toggle(spellCheck.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['auto', 'rubric'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          {teacherInstructionsEnabled && (\n            <InputContainer\n              label={teacherInstructions.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer\n              label={prompt.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.prompt}\n                onChange={this.onPromptChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                disableUnderline\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer\n              label={rationale.label}\n              className={classes.promptHolder}\n            >\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChanged}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n              />\n            </InputContainer>\n          )}\n          <GeneralConfigBlock\n            model={model}\n            configuration={configuration}\n            onResponseTypeChange={this.onResponseTypeChange}\n            onLayoutChange={this.onLayoutChange}\n          />\n          <AnswerConfigBlock\n            model={model}\n            configuration={configuration}\n            imageSupport={imageSupport}\n            onChange={this.onChange}\n            onAddRow={this.onAddRow}\n            onDeleteRow={this.onDeleteRow}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n          />\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.onFeedbackChange}\n              toolbarOpts={toolbarOpts}\n            />\n          )}\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport const Config = Configure;\n\nexport default withDragContext(withStyles(styles)(Configure));\n"],"file":"configure.js"}
+{"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingTop","prompt","Configure","props","event","value","setState","activeTab","index","model","onModelChanged","feedback","rowIndex","newModel","rows","splice","onChange","concat","id","rowIdCounter","length","values","Array","layout","fill","newLayout","oldLayout","i","headers","push","forEach","row","newChoiceMode","trueCount","reduce","total","current","choiceMode","partialScoring","teacherInstructions","rationale","state","classes","imageSupport","configuration","onConfigurationChanged","enableImages","studentInstructions","lockChoiceOrder","scoringType","spellCheck","maxImageWidth","maxImageHeight","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","defaultImageMaxWidth","defaultImageMaxHeight","config","Settings","label","Properties","studentInstructionsEnabled","onTeacherInstructionsChanged","onPromptChanged","onRationaleChanged","onResponseTypeChange","onLayoutChange","onAddRow","onDeleteRow","onFeedbackChange","React","Component","PropTypes","func","object","isRequired","shape","add","Config"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8BAAN,CAAZ;AACA,IAAQC,KAAR,GAAiCC,kBAAjC,CAAQD,KAAR;AAAA,IAAeE,MAAf,GAAiCD,kBAAjC,CAAeC,MAAf;AAAA,IAAuBC,KAAvB,GAAiCF,kBAAjC,CAAuBE,KAAvB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,QADL;AAELC,MAAAA,OAAO,EAAE,OAFJ;AAGLC,MAAAA,SAAS,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB,CAH3B;AAILC,MAAAA,YAAY,EAAEP,KAAK,CAACK,OAAN,CAAcC;AAJvB,KADgB;AAOvBE,IAAAA,OAAO,EAAE;AACPJ,MAAAA,SAAS,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AADzB,KAPc;AAUvBG,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,UAAU,EAAEX,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AAFrB,KAVS;AAcvBM,IAAAA,MAAM,EAAE;AACND,MAAAA,UAAU,EAAEX,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB,CAD3B;AAENI,MAAAA,KAAK,EAAE;AAFD;AAde,GAAL;AAAA,CAApB;;IAoBMG,S;;;;;AAiBJ,qBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,oGAUL,UAACC,KAAD,EAAQC,KAAR,EAAkB;AAC9B,YAAKC,QAAL,CAAc;AAAEC,QAAAA,SAAS,EAAEF;AAAb,OAAd;AACD,KAZkB;AAAA,yGAcA,UAAAG,KAAK,EAAI;AAC1B,YAAKF,QAAL,CAAc;AAAEC,QAAAA,SAAS,EAAEC;AAAb,OAAd;AACD,KAhBkB;AAAA,iGAkBR,UAAAC,KAAK,EAAI;AAClB,YAAKN,KAAL,CAAWO,cAAX,CAA0BD,KAA1B;AACD,KApBkB;AAAA,yGAsBA,UAAAE,QAAQ,EAAI;AAC7B,wBAAkC,MAAKR,KAAvC;AAAA,UAAQM,KAAR,eAAQA,KAAR;AAAA,UAAeC,cAAf,eAAeA,cAAf;AACAD,MAAAA,KAAK,CAACE,QAAN,GAAiBA,QAAjB;AACAD,MAAAA,cAAc,CAACD,KAAD,CAAd;AACD,KA1BkB;AAAA,oGA4BL,UAAAG,QAAQ,EAAI;AACxB,UAAQH,KAAR,GAAkB,MAAKN,KAAvB,CAAQM,KAAR;;AAEA,UAAMI,QAAQ,qBAAQJ,KAAR,CAAd;;AAEAI,MAAAA,QAAQ,CAACC,IAAT,CAAcC,MAAd,CAAqBH,QAArB,EAA+B,CAA/B;;AAEA,YAAKI,QAAL,CAAcH,QAAd;AACD,KApCkB;AAAA,iGAsCR,YAAM;AACf,UAAQJ,KAAR,GAAkB,MAAKN,KAAvB,CAAQM,KAAR;;AACA,UAAMI,QAAQ,qBAAQJ,KAAR,CAAd;;AAEAI,MAAAA,QAAQ,CAACC,IAAT,GAAgBD,QAAQ,CAACC,IAAT,CAAcG,MAAd,CAAqB;AACnCC,QAAAA,EAAE,EAAE,MAAKC,YAAL,GAAoB,CADW;AAEnC7B,QAAAA,KAAK,0BAAmBuB,QAAQ,CAACC,IAAT,CAAcM,MAAd,GAAuB,CAA1C,CAF8B;AAGnCC,QAAAA,MAAM,EAAE,IAAIC,KAAJ,CAAUb,KAAK,CAACc,MAAN,GAAe,CAAzB,EAA4BC,IAA5B,CAAiC,KAAjC;AAH2B,OAArB,CAAhB;AAMA,YAAKL,YAAL,IAAqB,CAArB;;AAEA,YAAKH,QAAL,CAAcH,QAAd;AACD,KAnDkB;AAAA,uGAqDF,UAAAY,SAAS,EAAI;AAC5B,UAAQhB,KAAR,GAAkB,MAAKN,KAAvB,CAAQM,KAAR;AACA,UAAMiB,SAAS,GAAGjB,KAAK,CAACc,MAAxB;;AACA,UAAMV,QAAQ,qBAAQJ,KAAR,CAAd;;AAEA,UAAIgB,SAAS,GAAGC,SAAhB,EAA2B;AACzB,aAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGF,SAAS,GAAGC,SAAhC,EAA2CC,CAAC,EAA5C,EAAgD;AAC9Cd,UAAAA,QAAQ,CAACe,OAAT,CAAiBC,IAAjB,kBAAgChB,QAAQ,CAACe,OAAT,CAAiBR,MAAjB,GAA0B,CAA1D;AACD;;AAEDP,QAAAA,QAAQ,CAACC,IAAT,CAAcgB,OAAd,CAAsB,UAAAC,GAAG,EAAI;AAC3B,eAAK,IAAIJ,EAAC,GAAG,CAAb,EAAgBA,EAAC,GAAGF,SAAS,GAAGC,SAAhC,EAA2CC,EAAC,EAA5C,EAAgD;AAC9CI,YAAAA,GAAG,CAACV,MAAJ,CAAWQ,IAAX,CAAgB,KAAhB;AACD;AACF,SAJD;AAKD,OAVD,MAUO,IAAIJ,SAAS,GAAGC,SAAhB,EAA2B;AAChCb,QAAAA,QAAQ,CAACe,OAAT,CAAiBb,MAAjB,CAAwBU,SAAxB;AAEAZ,QAAAA,QAAQ,CAACC,IAAT,CAAcgB,OAAd,CAAsB,UAAAC,GAAG,EAAI;AAC3BA,UAAAA,GAAG,CAACV,MAAJ,CAAWN,MAAX,CAAkBU,SAAS,GAAG,CAA9B;AACD,SAFD;AAGD;;AAEDZ,MAAAA,QAAQ,CAACU,MAAT,GAAkBE,SAAlB;;AAEA,YAAKT,QAAL,CAAcH,QAAd;AACD,KA/EkB;AAAA,6GAiFI,UAAAmB,aAAa,EAAI;AACtC,UAAQvB,KAAR,GAAkB,MAAKN,KAAvB,CAAQM,KAAR;;AACA,UAAMI,QAAQ,qBAAQJ,KAAR,CAAd,CAFsC,CAItC;;;AACA,UAAIuB,aAAa,KAAK,OAAtB,EAA+B;AAC7BnB,QAAAA,QAAQ,CAACC,IAAT,CAAcgB,OAAd,CAAsB,UAAAC,GAAG,EAAI;AAC3B,cAAME,SAAS,GAAGF,GAAG,CAACV,MAAJ,CAAWa,MAAX,CAAkB,UAACC,KAAD,EAAQC,OAAR;AAAA,mBAClCA,OAAO,KAAK,IAAZ,GAAmBD,KAAK,GAAG,CAA3B,GAA+BA,KADG;AAAA,WAAlB,CAAlB;;AAIA,cAAIF,SAAS,GAAG,CAAhB,EAAmB;AACjBF,YAAAA,GAAG,CAACV,MAAJ,GAAa,IAAIC,KAAJ,CAAUb,KAAK,CAACc,MAAN,GAAe,CAAzB,EAA4BC,IAA5B,CAAiC,KAAjC,CAAb;AACD;AACF,SARD;AASD;;AAEDX,MAAAA,QAAQ,CAACwB,UAAT,GAAsBL,aAAtB;;AAEA,YAAKhB,QAAL,CAAcH,QAAd;AACD,KArGkB;AAAA,+GAuGM,UAAAyB,cAAc,EAAI;AACzC,YAAKnC,KAAL,CAAWM,KAAX,CAAiB6B,cAAjB,GAAkCA,cAAlC;;AACA,YAAKnC,KAAL,CAAWO,cAAX,CAA0B,MAAKP,KAAL,CAAWM,KAArC;AACD,KA1GkB;AAAA,wGA4GD,UAAAR,MAAM,EAAI;AAC1B,YAAKE,KAAL,CAAWO,cAAX,iCACK,MAAKP,KAAL,CAAWM,KADhB;AAEER,QAAAA,MAAM,EAANA;AAFF;AAID,KAjHkB;AAAA,qHAmHY,UAAAsC,mBAAmB,EAAI;AACpD,YAAKpC,KAAL,CAAWO,cAAX,iCACK,MAAKP,KAAL,CAAWM,KADhB;AAEE8B,QAAAA,mBAAmB,EAAnBA;AAFF;AAID,KAxHkB;AAAA,2GA0HE,UAAAC,SAAS,EAAI;AAChC,YAAKrC,KAAL,CAAWO,cAAX,iCACK,MAAKP,KAAL,CAAWM,KADhB;AAEE+B,QAAAA,SAAS,EAATA;AAFF;AAID,KA/HkB;AAGjB,UAAKrB,YAAL,GAAoBhB,KAAK,CAACM,KAAN,CAAYK,IAAZ,CAAiBX,KAAK,CAACM,KAAN,CAAYK,IAAZ,CAAiBM,MAAjB,GAA0B,CAA3C,EAA8CF,EAA9C,GAAmD,CAAvE;AAEA,UAAKuB,KAAL,GAAa;AACXlC,MAAAA,SAAS,EAAE;AADA,KAAb;AALiB;AAQlB;;;;WAyHD,kBAAS;AACP,yBAOI,KAAKJ,KAPT;AAAA,UACEuC,OADF,gBACEA,OADF;AAAA,UAEEjC,KAFF,gBAEEA,KAFF;AAAA,UAGEkC,YAHF,gBAGEA,YAHF;AAAA,UAIEjC,cAJF,gBAIEA,cAJF;AAAA,UAKEkC,aALF,gBAKEA,aALF;AAAA,UAMEC,sBANF,gBAMEA,sBANF;;AAQA,iBAaID,aAAa,IAAI,EAbrB;AAAA,mCACEE,YADF;AAAA,UACEA,YADF,kCACiB,EADjB;AAAA,qCAEER,cAFF;AAAA,UAEEA,cAFF,oCAEmB,EAFnB;AAAA,uCAGEC,mBAHF;AAAA,UAGEA,mBAHF,sCAGwB,EAHxB;AAAA,uCAIEQ,mBAJF;AAAA,UAIEA,mBAJF,sCAIwB,EAJxB;AAAA,gCAKEP,SALF;AAAA,UAKEA,SALF,+BAKc,EALd;AAAA,sCAMEQ,eANF;AAAA,UAMEA,eANF,qCAMoB,EANpB;AAAA,kCAOEC,WAPF;AAAA,UAOEA,WAPF,iCAOgB,EAPhB;AAAA,6BAQEhD,MARF;AAAA,UAQEA,MARF,4BAQW,EARX;AAAA,+BASEU,QATF;AAAA,UASEA,QATF,8BASa,EATb;AAAA,iCAUEuC,UAVF;AAAA,UAUEA,UAVF,gCAUe,EAVf;AAAA,oCAWEC,aAXF;AAAA,UAWEA,aAXF,mCAWkB,EAXlB;AAAA,qCAYEC,cAZF;AAAA,UAYEA,cAZF,oCAYmB,EAZnB;;AAcA,kBACE3C,KAAK,IAAI,EADX;AAAA,UAAQ4C,0BAAR,SAAQA,0BAAR;AAAA,UAAoCC,aAApC,SAAoCA,aAApC;AAAA,UAAmDC,gBAAnD,SAAmDA,gBAAnD;AAAA,UAAqEC,iBAArE,SAAqEA,iBAArE;AAAA,UAAwFC,eAAxF,SAAwFA,eAAxF;;AAGA,UAAMC,WAAW,GAAG,EAApB;;AAEA,cAAQjD,KAAK,CAACkD,qBAAd;AACE,aAAK,KAAL;AACED,UAAAA,WAAW,CAACE,QAAZ,GAAuB,KAAvB;AACA;;AACF;AACEF,UAAAA,WAAW,CAACE,QAAZ,GAAuB,QAAvB;AACA;AANJ;;AASA,UAAMC,oBAAoB,GAAGV,aAAa,IAAIA,aAAa,CAAClD,MAA5D;AACA,UAAM6D,qBAAqB,GAAGV,cAAc,IAAIA,cAAc,CAACnD,MAA/D;AAEAlB,MAAAA,GAAG,CAAC,gBAAD,EAAmB0B,KAAnB,CAAH;AAEA,0BACE,gCAAC,gBAAD,CAAQ,YAAR;AACE,QAAA,QAAQ,eACN,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEA,KADT;AAEE,UAAA,aAAa,EAAEmC,aAFjB;AAGE,UAAA,aAAa,EAAE,uBAAAnC,KAAK;AAAA,mBAAIC,cAAc,CAACD,KAAD,CAAlB;AAAA,WAHtB;AAIE,UAAA,qBAAqB,EAAE,+BAAAsD,MAAM;AAAA,mBAAIlB,sBAAsB,CAACkB,MAAD,CAA1B;AAAA,WAJ/B;AAKE,UAAA,MAAM,EAAE;AACNC,YAAAA,QAAQ,EAAE;AACRlB,cAAAA,YAAY,EACVA,YAAY,CAAC7D,QAAb,IAAyBC,MAAM,CAAC4D,YAAY,CAACmB,KAAd,CAFzB;AAGR3B,cAAAA,cAAc,EACZA,cAAc,CAACrD,QAAf,IAA2BC,MAAM,CAACoD,cAAc,CAAC2B,KAAhB,CAJ3B;AAKRjB,cAAAA,eAAe,EACbA,eAAe,CAAC/D,QAAhB,IAA4BC,MAAM,CAAC8D,eAAe,CAACiB,KAAjB,CAN5B;AAORR,cAAAA,eAAe,EACb9C,QAAQ,CAAC1B,QAAT,IAAqBC,MAAM,CAACyB,QAAQ,CAACsD,KAAV;AARrB,aADJ;AAWNC,YAAAA,UAAU,EAAE;AACVb,cAAAA,0BAA0B,EACxBd,mBAAmB,CAACtD,QAApB,IACAC,MAAM,CAACqD,mBAAmB,CAAC0B,KAArB,CAHE;AAIVE,cAAAA,0BAA0B,EACxBpB,mBAAmB,CAAC9D,QAApB,IACAC,MAAM,CAAC6D,mBAAmB,CAACkB,KAArB,CANE;AAOVX,cAAAA,aAAa,EAAErD,MAAM,CAAChB,QAAP,IAAmBC,MAAM,CAACe,MAAM,CAACgE,KAAR,CAP9B;AAQVV,cAAAA,gBAAgB,EAAEf,SAAS,CAACvD,QAAV,IAAsBC,MAAM,CAACsD,SAAS,CAACyB,KAAX,CARpC;AASVT,cAAAA,iBAAiB,EACjBN,UAAU,CAACjE,QAAX,IAAuBC,MAAM,CAACgE,UAAU,CAACe,KAAZ,CAVnB;AAWVhB,cAAAA,WAAW,EACTA,WAAW,CAAChE,QAAZ,IACAE,KAAK,CAAC8D,WAAW,CAACgB,KAAb,EAAoB,CAAC,MAAD,EAAS,QAAT,CAApB;AAbG;AAXN;AALV;AAFJ,sBAqCE;AAAK,QAAA,SAAS,EAAEvB,OAAO,CAAC7C;AAAxB,SACGwD,0BAA0B,iBACzB,gCAAC,wBAAD;AACE,QAAA,KAAK,EAAEd,mBAAmB,CAAC0B,KAD7B;AAEE,QAAA,SAAS,EAAEvB,OAAO,CAAC5C;AAFrB,sBAIE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAE4C,OAAO,CAACzC,MADrB;AAEE,QAAA,MAAM,EAAEQ,KAAK,CAAC8B,mBAAN,IAA6B,EAFvC;AAGE,QAAA,QAAQ,EAAE,KAAK6B,4BAHjB;AAIE,QAAA,YAAY,EAAEzB,YAJhB;AAKE,QAAA,QAAQ,EAAE,KALZ;AAME,QAAA,WAAW,EAAEe,WANf;AAOE,QAAA,UAAU,EAAEF,iBAPd;AAQE,QAAA,aAAa,EAAEL,aAAa,IAAIA,aAAa,CAACZ,mBAA/B,IAAsDsB,oBARvE;AASE,QAAA,cAAc,EAAET,cAAc,IAAIA,cAAc,CAACb,mBAAjC,IAAwDuB;AAT1E,QAJF,CAFJ,EAoBGR,aAAa,iBACZ,gCAAC,wBAAD;AACE,QAAA,KAAK,EAAErD,MAAM,CAACgE,KADhB;AAEE,QAAA,SAAS,EAAEvB,OAAO,CAAC5C;AAFrB,sBAIE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAE4C,OAAO,CAACzC,MADrB;AAEE,QAAA,MAAM,EAAEQ,KAAK,CAACR,MAFhB;AAGE,QAAA,QAAQ,EAAE,KAAKoE,eAHjB;AAIE,QAAA,YAAY,EAAE1B,YAJhB;AAKE,QAAA,QAAQ,EAAE,KALZ;AAME,QAAA,gBAAgB,MANlB;AAOE,QAAA,WAAW,EAAEe,WAPf;AAQE,QAAA,UAAU,EAAEF,iBARd;AASE,QAAA,aAAa,EAAEL,aAAa,IAAIA,aAAa,CAAClD,MAThD;AAUE,QAAA,cAAc,EAAEmD,cAAc,IAAIA,cAAc,CAACnD;AAVnD,QAJF,CArBJ,EAwCGsD,gBAAgB,iBACf,gCAAC,wBAAD;AACE,QAAA,KAAK,EAAEf,SAAS,CAACyB,KADnB;AAEE,QAAA,SAAS,EAAEvB,OAAO,CAAC5C;AAFrB,sBAIE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAE4C,OAAO,CAACzC,MADrB;AAEE,QAAA,MAAM,EAAEQ,KAAK,CAAC+B,SAAN,IAAmB,EAF7B;AAGE,QAAA,QAAQ,EAAE,KAAK8B,kBAHjB;AAIE,QAAA,YAAY,EAAE3B,YAJhB;AAKE,QAAA,WAAW,EAAEe,WALf;AAME,QAAA,UAAU,EAAEF,iBANd;AAOE,QAAA,aAAa,EAAEL,aAAa,IAAIA,aAAa,CAACX,SAA/B,IAA4CqB,oBAP7D;AAQE,QAAA,cAAc,EAAET,cAAc,IAAIA,cAAc,CAACZ,SAAjC,IAA8CsB;AARhE,QAJF,CAzCJ,eAyDE,gCAAC,8BAAD;AACE,QAAA,KAAK,EAAErD,KADT;AAEE,QAAA,aAAa,EAAEmC,aAFjB;AAGE,QAAA,oBAAoB,EAAE,KAAK2B,oBAH7B;AAIE,QAAA,cAAc,EAAE,KAAKC;AAJvB,QAzDF,eA+DE,gCAAC,6BAAD;AACE,QAAA,KAAK,EAAE/D,KADT;AAEE,QAAA,aAAa,EAAEmC,aAFjB;AAGE,QAAA,YAAY,EAAED,YAHhB;AAIE,QAAA,QAAQ,EAAE,KAAK3B,QAJjB;AAKE,QAAA,QAAQ,EAAE,KAAKyD,QALjB;AAME,QAAA,WAAW,EAAE,KAAKC,WANpB;AAOE,QAAA,WAAW,EAAEhB,WAPf;AAQE,QAAA,UAAU,EAAEF;AARd,QA/DF,EAyEGC,eAAe,iBACd,gCAAC,wBAAD;AACE,QAAA,QAAQ,EAAEhD,KAAK,CAACE,QADlB;AAEE,QAAA,QAAQ,EAAE,KAAKgE,gBAFjB;AAGE,QAAA,WAAW,EAAEjB;AAHf,QA1EJ,CArCF,CADF;AAyHD;;;EArTqBkB,kBAAMC,S;;iCAAxB3E,S,eACe;AACjBQ,EAAAA,cAAc,EAAEoE,sBAAUC,IADT;AAEjBlC,EAAAA,sBAAsB,EAAEiC,sBAAUC,IAFjB;AAGjBrC,EAAAA,OAAO,EAAEoC,sBAAUE,MAHF;AAIjBvE,EAAAA,KAAK,EAAEqE,sBAAUE,MAAV,CAAiBC,UAJP;AAKjBrC,EAAAA,aAAa,EAAEkC,sBAAUE,MAAV,CAAiBC,UALf;AAMjBtC,EAAAA,YAAY,EAAEmC,sBAAUI,KAAV,CAAgB;AAC5BC,IAAAA,GAAG,EAAEL,sBAAUC,IAAV,CAAeE,UADQ;AAE5B,cAAQH,sBAAUC,IAAV,CAAeE;AAFK,GAAhB;AANG,C;iCADf/E,S,kBAakB;AACpBwC,EAAAA,OAAO,EAAE;AADW,C;AA2SjB,IAAM0C,MAAM,GAAGlF,SAAf;;;eAEQ,2BAAgB,wBAAWd,MAAX,EAAmBc,SAAnB,CAAhB,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n  FeedbackConfig,\n  settings,\n  layout,\n  InputContainer\n} from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withDragContext } from '@pie-lib/drag';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport GeneralConfigBlock from './general-config-block';\nimport AnswerConfigBlock from './answer-config-block';\n\nconst log = debug('@pie-element:match:configure');\nconst { Panel, toggle, radio } = settings;\n\nconst styles = theme => ({\n  title: {\n    fontSize: '1.1rem',\n    display: 'block',\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit\n  },\n  content: {\n    marginTop: theme.spacing.unit * 2\n  },\n  promptHolder: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%'\n  }\n});\n\nclass Configure extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func,\n    onConfigurationChanged: PropTypes.func,\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    })\n  };\n\n  static defaultProps = {\n    classes: {}\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;\n\n    this.state = {\n      activeTab: 0\n    };\n  }\n\n  onTabChange = (event, value) => {\n    this.setState({ activeTab: value });\n  };\n\n  onChangeTabIndex = index => {\n    this.setState({ activeTab: index });\n  };\n\n  onChange = model => {\n    this.props.onModelChanged(model);\n  };\n\n  onFeedbackChange = feedback => {\n    const { model, onModelChanged } = this.props;\n    model.feedback = feedback;\n    onModelChanged(model);\n  };\n\n  onDeleteRow = rowIndex => {\n    const { model } = this.props;\n\n    const newModel = { ...model };\n\n    newModel.rows.splice(rowIndex, 1);\n\n    this.onChange(newModel);\n  };\n\n  onAddRow = () => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    newModel.rows = newModel.rows.concat({\n      id: this.rowIdCounter + 1,\n      title: `Question Text ${newModel.rows.length + 1}`,\n      values: new Array(model.layout - 1).fill(false)\n    });\n\n    this.rowIdCounter += 1;\n\n    this.onChange(newModel);\n  };\n\n  onLayoutChange = newLayout => {\n    const { model } = this.props;\n    const oldLayout = model.layout;\n    const newModel = { ...model };\n\n    if (newLayout > oldLayout) {\n      for (let i = 0; i < newLayout - oldLayout; i++) {\n        newModel.headers.push(`Column ${newModel.headers.length + 1}`);\n      }\n\n      newModel.rows.forEach(row => {\n        for (let i = 0; i < newLayout - oldLayout; i++) {\n          row.values.push(false);\n        }\n      });\n    } else if (newLayout < oldLayout) {\n      newModel.headers.splice(newLayout);\n\n      newModel.rows.forEach(row => {\n        row.values.splice(newLayout - 1);\n      });\n    }\n\n    newModel.layout = newLayout;\n\n    this.onChange(newModel);\n  };\n\n  onResponseTypeChange = newChoiceMode => {\n    const { model } = this.props;\n    const newModel = { ...model };\n\n    // if we're switching to radio and we have more than one true, reset\n    if (newChoiceMode === 'radio') {\n      newModel.rows.forEach(row => {\n        const trueCount = row.values.reduce((total, current) =>\n          current === true ? total + 1 : total\n        );\n\n        if (trueCount > 1) {\n          row.values = new Array(model.layout - 1).fill(false);\n        }\n      });\n    }\n\n    newModel.choiceMode = newChoiceMode;\n\n    this.onChange(newModel);\n  };\n\n  onPartialScoringChange = partialScoring => {\n    this.props.model.partialScoring = partialScoring;\n    this.props.onModelChanged(this.props.model);\n  };\n\n  onPromptChanged = prompt => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      prompt\n    });\n  };\n\n  onTeacherInstructionsChanged = teacherInstructions => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      teacherInstructions\n    });\n  };\n\n  onRationaleChanged = rationale => {\n    this.props.onModelChanged({\n      ...this.props.model,\n      rationale\n    });\n  };\n\n  render() {\n    const {\n      classes,\n      model,\n      imageSupport,\n      onModelChanged,\n      configuration,\n      onConfigurationChanged\n    } = this.props;\n    const {\n      enableImages = {},\n      partialScoring = {},\n      teacherInstructions = {},\n      studentInstructions = {},\n      rationale = {},\n      lockChoiceOrder = {},\n      scoringType = {},\n      prompt = {},\n      feedback = {},\n      spellCheck = {},\n      maxImageWidth = {},\n      maxImageHeight = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled, feedbackEnabled } =\n      model || {};\n\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    log('[render] model', model);\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={config => onConfigurationChanged(config)}\n            groups={{\n              Settings: {\n                enableImages:\n                  enableImages.settings && toggle(enableImages.label),\n                partialScoring:\n                  partialScoring.settings && toggle(partialScoring.label),\n                lockChoiceOrder:\n                  lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n                feedbackEnabled:\n                  feedback.settings && toggle(feedback.label)\n              },\n              Properties: {\n                teacherInstructionsEnabled:\n                  teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled:\n                  studentInstructions.settings &&\n                  toggle(studentInstructions.label),\n                promptEnabled: prompt.settings && toggle(prompt.label),\n                rationaleEnabled: rationale.settings && toggle(rationale.label),\n                spellCheckEnabled:\n                spellCheck.settings && toggle(spellCheck.label),\n                scoringType:\n                  scoringType.settings &&\n                  radio(scoringType.label, ['auto', 'rubric'])\n              }\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\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              />\n            </InputContainer>\n          )}\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={maxImageWidth && maxImageWidth.prompt}\n                maxImageHeight={maxImageHeight && maxImageHeight.prompt}\n              />\n            </InputContainer>\n          )}\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              />\n            </InputContainer>\n          )}\n          <GeneralConfigBlock\n            model={model}\n            configuration={configuration}\n            onResponseTypeChange={this.onResponseTypeChange}\n            onLayoutChange={this.onLayoutChange}\n          />\n          <AnswerConfigBlock\n            model={model}\n            configuration={configuration}\n            imageSupport={imageSupport}\n            onChange={this.onChange}\n            onAddRow={this.onAddRow}\n            onDeleteRow={this.onDeleteRow}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n          />\n          {feedbackEnabled && (\n            <FeedbackConfig\n              feedback={model.feedback}\n              onChange={this.onFeedbackChange}\n              toolbarOpts={toolbarOpts}\n            />\n          )}\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\n\nexport const Config = Configure;\n\nexport default withDragContext(withStyles(styles)(Configure));\n"],"file":"configure.js"}

package/configure/lib/defaults.js

@@ -84,6 +84,18 @@ var _default = {
     teacherInstructions: {
       settings: true,
       label: 'Teacher Instructions'
+    },
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowTitles: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300,
+      rowTitles: 150
     }
   }
 };

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","enableImages","headers","layout","lockChoiceOrder","partialScoring","choiceMode","prompt","toolbarEditorPosition","rows","id","title","values","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","label","feedback","enabled","rationale","spellCheck","studentInstructions","teacherInstructions"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE,IADT;AAELC,IAAAA,OAAO,EAAE,CAAC,UAAD,EAAa,UAAb,EAAyB,UAAzB,CAFJ;AAGLC,IAAAA,MAAM,EAAE,CAHH;AAILC,IAAAA,eAAe,EAAE,IAJZ;AAKLC,IAAAA,cAAc,EAAE,KALX;AAMLC,IAAAA,UAAU,EAAE,OANP;AAOLC,IAAAA,MAAM,EAAE,kBAPH;AAQLC,IAAAA,qBAAqB,EAAE,QARlB;AASLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,EAAE,EAAE,CADN;AAEEC,MAAAA,KAAK,EAAE,iBAFT;AAGEC,MAAAA,MAAM,EAAE,CAAC,KAAD,EAAQ,KAAR;AAHV,KADI,CATD;AAgBLC,IAAAA,WAAW,EAAE,MAhBR;AAiBLC,IAAAA,eAAe,EAAE,IAjBZ;AAkBLC,IAAAA,aAAa,EAAE,IAlBV;AAmBLC,IAAAA,gBAAgB,EAAE,IAnBb;AAoBLC,IAAAA,0BAA0B,EAAE,IApBvB;AAqBLC,IAAAA,0BAA0B,EAAE;AArBvB,GADM;AAwBbC,EAAAA,aAAa,EAAE;AACblB,IAAAA,YAAY,EAAE;AACZmB,MAAAA,QAAQ,EAAE,IADE;AAEZC,MAAAA,KAAK,EAAE;AAFK,KADD;AAKbC,IAAAA,QAAQ,EAAE;AACRF,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE,UAFC;AAGRE,MAAAA,OAAO,EAAE;AAHD,KALG;AAUbrB,IAAAA,OAAO,EAAE;AACPkB,MAAAA,QAAQ,EAAE;AADH,KAVI;AAabjB,IAAAA,MAAM,EAAE;AACNiB,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KAbK;AAiBbjB,IAAAA,eAAe,EAAE;AACfgB,MAAAA,QAAQ,EAAE,KADK;AAEfC,MAAAA,KAAK,EAAE;AAFQ,KAjBJ;AAqBbhB,IAAAA,cAAc,EAAE;AACde,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE;AAFO,KArBH;AAyBbf,IAAAA,UAAU,EAAE;AACVc,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,KAAK,EAAE;AAFG,KAzBC;AA6Bbd,IAAAA,MAAM,EAAE;AACNa,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KA7BK;AAiCbG,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE;AAFE,KAjCE;AAqCbI,IAAAA,UAAU,EAAE;AACVJ,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAC,KAFC;AAGVG,MAAAA,OAAO,EAAC;AAHE,KArCC;AA0CbV,IAAAA,WAAW,EAAE;AACXO,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KA1CA;AA8CbK,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KA9CR;AAkDbM,IAAAA,mBAAmB,EAAE;AACnBP,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AAlDR;AAxBF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    enableImages: true,\n    headers: ['Column 1', 'Column 2', 'Column 3'],\n    layout: 3,\n    lockChoiceOrder: true,\n    partialScoring: false,\n    choiceMode: 'radio',\n    prompt: 'Prompt goes here',\n    toolbarEditorPosition: 'bottom',\n    rows: [\n      {\n        id: 1,\n        title: 'Question Text 1',\n        values: [false, false]\n      }\n    ],\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    enableImages: {\n      settings: true,\n      label: 'Enable Images'\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true\n    },\n    headers: {\n      settings: true\n    },\n    layout: {\n      settings: true,\n      label: 'Layout'\n    },\n    lockChoiceOrder: {\n      settings: false,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    }\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","enableImages","headers","layout","lockChoiceOrder","partialScoring","choiceMode","prompt","toolbarEditorPosition","rows","id","title","values","scoringType","feedbackEnabled","promptEnabled","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","label","feedback","enabled","rationale","spellCheck","studentInstructions","teacherInstructions","maxImageWidth","rowTitles","maxImageHeight"],"mappings":"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","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configuration\n */\n\nexport default {\n  model: {\n    enableImages: true,\n    headers: ['Column 1', 'Column 2', 'Column 3'],\n    layout: 3,\n    lockChoiceOrder: true,\n    partialScoring: false,\n    choiceMode: 'radio',\n    prompt: 'Prompt goes here',\n    toolbarEditorPosition: 'bottom',\n    rows: [\n      {\n        id: 1,\n        title: 'Question Text 1',\n        values: [false, false]\n      }\n    ],\n    scoringType: 'auto',\n    feedbackEnabled: true,\n    promptEnabled: true,\n    rationaleEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    enableImages: {\n      settings: true,\n      label: 'Enable Images'\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback',\n      enabled: true\n    },\n    headers: {\n      settings: true\n    },\n    layout: {\n      settings: true,\n      label: 'Layout'\n    },\n    lockChoiceOrder: {\n      settings: false,\n      label: 'Lock Choice Order'\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring'\n    },\n    choiceMode: {\n      settings: true,\n      label: 'Response Type'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale'\n    },\n    spellCheck: {\n      label: 'Spellcheck',\n      settings:false,\n      enabled:true\n    },\n    scoringType: {\n      settings: false,\n      label: 'Scoring Type'\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowTitles: 300\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n      rowTitles: 150\n    }\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/row.js

@@ -197,7 +197,9 @@ var Row = /*#__PURE__*/function (_React$Component) {
           enableImages = _this$props4.enableImages,
           toolbarOpts = _this$props4.toolbarOpts,
           spellCheck = _this$props4.spellCheck,
-          error = _this$props4.error;
+          error = _this$props4.error,
+          maxImageWidth = _this$props4.maxImageWidth,
+          maxImageHeight = _this$props4.maxImageHeight;
       var dialog = this.state.dialog;
       var opacity = isDragging ? 0 : 1;
       var rowPlugins = {
@@ -241,7 +243,9 @@ var Row = /*#__PURE__*/function (_React$Component) {
         toolbarOpts: toolbarOpts,
         allowValidation: true,
         activePlugins: filteredDefaultPlugins,
-        spellCheck: spellCheck
+        spellCheck: spellCheck,
+        maxImageWidth: maxImageWidth,
+        maxImageHeight: maxImageHeight
       })), row.values.map(function (rowValue, rowIdx) {
         return /*#__PURE__*/_react["default"].createElement("div", {
           key: rowIdx,

package/configure/lib/row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/row.jsx"],"names":["log","canDrag","Row","dialog","open","message","rowIndex","value","props","model","onChange","newModel","rows","currentRow","title","sameValue","filter","row","wasChanged","sameValueEntered","empty","length","setState","onOk","rowValueIndex","event","choiceMode","i","values","target","checked","idx","onDeleteRow","document","addEventListener","onMouseUpOnHandle","classes","imageSupport","connectDragSource","connectDropTarget","isDragging","enableImages","toolbarOpts","spellCheck","error","state","opacity","rowPlugins","image","disabled","audio","video","filteredDefaultPlugins","DEFAULT_PLUGINS","p","content","dragHandle","onMouseDownOnHandle","rowContainer","rowItem","questionText","onRowTitleChange","editor","map","rowValue","rowIdx","onRowValueChange","deleteIcon","errorText","separator","React","Component","PropTypes","object","isRequired","number","bool","func","onMoveRow","shape","add","string","styles","theme","actions","padding","justifyContent","choice","spacing","unit","overflow","cursor","dragDisabled","container","marginTop","display","flexDirection","alignItems","flex","width","minWidth","border","borderTop","fontSize","color","paddingTop","textAlign","StyledRow","NAME","choiceSource","beginDrag","id","index","StyledSource","connect","monitor","dragSource","choiceTarget","hover","drop","item","getItem","didDrop","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Checkbox } from '@pie-lib/config-ui';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport Radio from '@material-ui/core/Radio';\nimport Button from '@material-ui/core/Button';\nimport Delete from '@material-ui/icons/Delete';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport debug from 'debug';\nimport EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\nimport { InfoDialog } from './common';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nexport let canDrag = false;\n\nexport class Row extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    row: PropTypes.object.isRequired,\n    idx: PropTypes.number.isRequired,\n    isDragging: PropTypes.bool.isRequired,\n    onDeleteRow: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDropTarget: PropTypes.func.isRequired,\n    onMoveRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    enableImages: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string\n  };\n\n  static defaultProps = {};\n\n  state = {\n    dialog: {\n      open: false,\n      message: ''\n    }\n  };\n\n  componentDidMount() {\n    document.addEventListener('mouseup', this.onMouseUpOnHandle);\n  }\n\n  onRowTitleChange = rowIndex => value => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    const rows = newModel.rows || []\n    const currentRow =  rows[rowIndex] && rows[rowIndex].title;\n\n    const sameValue = rows.filter(row => {\n      const wasChanged = currentRow !== value && `<div>${currentRow}</div>` !== value;\n      const sameValueEntered = row.title === value || `<div>${row.title}</div>` === value;\n\n      return wasChanged && sameValueEntered;\n    });\n\n    const empty = value === '<div></div>';\n\n    if (sameValue.length || empty) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: 'The question row headings must be non-blank and unique.',\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false,\n                }\n              }\n            );\n          }\n        }\n      });\n    } else {\n      newModel.rows[rowIndex].title = value;\n\n      onChange(newModel);\n    }\n  };\n\n  onRowValueChange = (rowIndex, rowValueIndex) => event => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (model.choiceMode === 'radio') {\n      for (let i = 0; i < newModel.rows[rowIndex].values.length; i++) {\n        newModel.rows[rowIndex].values[i] = false;\n      }\n    }\n\n    newModel.rows[rowIndex].values[rowValueIndex] = event.target.checked;\n\n    onChange(newModel);\n  };\n\n  onDeleteRow = (idx) => () => {\n    const { model, onDeleteRow } = this.props;\n\n    if(model.rows && model.rows.length === 1) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: 'There has to be at least one question row.',\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false,\n                }\n              }\n            );\n          }\n        }\n      });\n    } else {\n      onDeleteRow(idx);\n    }\n  };\n\n  onMouseDownOnHandle = () => {\n    canDrag = true;\n  };\n\n  onMouseUpOnHandle = () => {\n    canDrag = false;\n  };\n\n  render() {\n    const {\n      classes,\n      imageSupport,\n      connectDragSource,\n      connectDropTarget,\n      isDragging,\n      model,\n      row,\n      idx,\n      enableImages,\n      toolbarOpts,\n      spellCheck,\n      error\n    } = this.props;\n    const { dialog } = this.state;\n    const opacity = isDragging ? 0 : 1;\n\n    const rowPlugins = {\n      image: {\n        disabled: !enableImages\n      },\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || [])\n      .filter(p => p !== 'bulleted-list' && p !== 'numbered-list');\n\n    const content = (\n      <div style={{\n        opacity: opacity\n      }}>\n        <span\n          itemID={'handle'}\n          className={classes.dragHandle}\n          onMouseDown={this.onMouseDownOnHandle}\n        >\n          <DragHandle color={'primary'} />\n        </span>\n        <div className={classes.rowContainer}>\n          <div className={classNames(classes.rowItem, classes.questionText)}>\n            <EditableHtml\n              imageSupport={imageSupport}\n              autoWidthToolbar\n              disableUnderline\n              label={'label'}\n              markup={row.title}\n              onChange={this.onRowTitleChange(idx)}\n              className={classes.editor}\n              pluginProps={rowPlugins}\n              toolbarOpts={toolbarOpts}\n              allowValidation\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n            />\n          </div>\n          {row.values.map((rowValue, rowIdx) => (\n            <div key={rowIdx} className={classes.rowItem}>\n              {model.choiceMode === 'radio' ? (\n                <Radio\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                />\n              ) : (\n                <Checkbox\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                  label={''}\n                />\n              )}\n            </div>\n          ))}\n          <div className={classes.deleteIcon}>\n            <Button onClick={this.onDeleteRow(idx)}>\n              <Delete className={classes.deleteIcon} />\n            </Button>\n          </div>\n        </div>\n        {error && <div className={classes.errorText}>{error}</div>}\n        <hr className={classes.separator} />\n        <InfoDialog\n          title={dialog.message}\n          open={dialog.open}\n          onOk={dialog.onOk}\n        />\n      </div>\n    );\n\n    return connectDragSource(connectDropTarget(content));\n  }\n}\nconst styles = theme => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between'\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible'\n  },\n  dragHandle: {\n    cursor: 'move'\n  },\n  dragDisabled: {\n    cursor: 'inherit'\n  },\n\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  rowContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    '&> div': {\n      width: '100%'\n    }\n  },\n  deleteIcon: {\n    flex: 0.5,\n    minWidth: '88px',\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start'\n  },\n  separator: {\n    marginTop: theme.spacing.unit * 2,\n    border: 0,\n    borderTop: '2px solid lightgray',\n    width: '100%'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '10px',\n    textAlign: 'center'\n  }\n});\n\nconst StyledRow = withStyles(styles)(Row);\n\nconst NAME = 'row-config';\n\nexport const choiceSource = {\n  canDrag() {\n    return canDrag;\n  },\n  beginDrag(props) {\n    return {\n      id: props.row.id,\n      index: props.idx\n    };\n  }\n};\n\nconst StyledSource = DragSource(NAME, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging()\n}))(StyledRow);\n\nexport const choiceTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n    props.onMoveRow(item.index, props.idx);\n  }\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, choiceTarget, connect => ({\n  connectDropTarget: connect.dropTarget()\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"row.js"}
+{"version":3,"sources":["../src/row.jsx"],"names":["log","canDrag","Row","dialog","open","message","rowIndex","value","props","model","onChange","newModel","rows","currentRow","title","sameValue","filter","row","wasChanged","sameValueEntered","empty","length","setState","onOk","rowValueIndex","event","choiceMode","i","values","target","checked","idx","onDeleteRow","document","addEventListener","onMouseUpOnHandle","classes","imageSupport","connectDragSource","connectDropTarget","isDragging","enableImages","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","state","opacity","rowPlugins","image","disabled","audio","video","filteredDefaultPlugins","DEFAULT_PLUGINS","p","content","dragHandle","onMouseDownOnHandle","rowContainer","rowItem","questionText","onRowTitleChange","editor","map","rowValue","rowIdx","onRowValueChange","deleteIcon","errorText","separator","React","Component","PropTypes","object","isRequired","number","bool","func","onMoveRow","shape","add","string","styles","theme","actions","padding","justifyContent","choice","spacing","unit","overflow","cursor","dragDisabled","container","marginTop","display","flexDirection","alignItems","flex","width","minWidth","border","borderTop","fontSize","color","paddingTop","textAlign","StyledRow","NAME","choiceSource","beginDrag","id","index","StyledSource","connect","monitor","dragSource","choiceTarget","hover","drop","item","getItem","didDrop","StyledSourceAndTarget","dropTarget"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { Checkbox } from '@pie-lib/config-ui';\nimport DragHandle from '@material-ui/icons/DragHandle';\nimport Radio from '@material-ui/core/Radio';\nimport Button from '@material-ui/core/Button';\nimport Delete from '@material-ui/icons/Delete';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport debug from 'debug';\nimport EditableHtml, { DEFAULT_PLUGINS } from '@pie-lib/editable-html';\nimport { InfoDialog } from './common';\n\nconst log = debug('@pie-element:categorize:configure:choice');\n\nexport let canDrag = false;\n\nexport class Row extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    row: PropTypes.object.isRequired,\n    idx: PropTypes.number.isRequired,\n    isDragging: PropTypes.bool.isRequired,\n    onDeleteRow: PropTypes.func.isRequired,\n    onChange: PropTypes.func.isRequired,\n    connectDragSource: PropTypes.func.isRequired,\n    connectDropTarget: PropTypes.func.isRequired,\n    onMoveRow: PropTypes.func.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    enableImages: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n    error: PropTypes.string\n  };\n\n  static defaultProps = {};\n\n  state = {\n    dialog: {\n      open: false,\n      message: ''\n    }\n  };\n\n  componentDidMount() {\n    document.addEventListener('mouseup', this.onMouseUpOnHandle);\n  }\n\n  onRowTitleChange = rowIndex => value => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    const rows = newModel.rows || []\n    const currentRow =  rows[rowIndex] && rows[rowIndex].title;\n\n    const sameValue = rows.filter(row => {\n      const wasChanged = currentRow !== value && `<div>${currentRow}</div>` !== value;\n      const sameValueEntered = row.title === value || `<div>${row.title}</div>` === value;\n\n      return wasChanged && sameValueEntered;\n    });\n\n    const empty = value === '<div></div>';\n\n    if (sameValue.length || empty) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: 'The question row headings must be non-blank and unique.',\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false,\n                }\n              }\n            );\n          }\n        }\n      });\n    } else {\n      newModel.rows[rowIndex].title = value;\n\n      onChange(newModel);\n    }\n  };\n\n  onRowValueChange = (rowIndex, rowValueIndex) => event => {\n    const { model, onChange } = this.props;\n    const newModel = { ...model };\n\n    if (model.choiceMode === 'radio') {\n      for (let i = 0; i < newModel.rows[rowIndex].values.length; i++) {\n        newModel.rows[rowIndex].values[i] = false;\n      }\n    }\n\n    newModel.rows[rowIndex].values[rowValueIndex] = event.target.checked;\n\n    onChange(newModel);\n  };\n\n  onDeleteRow = (idx) => () => {\n    const { model, onDeleteRow } = this.props;\n\n    if(model.rows && model.rows.length === 1) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: 'There has to be at least one question row.',\n          onOk: () => {\n            this.setState(\n              {\n                dialog: {\n                  open: false,\n                }\n              }\n            );\n          }\n        }\n      });\n    } else {\n      onDeleteRow(idx);\n    }\n  };\n\n  onMouseDownOnHandle = () => {\n    canDrag = true;\n  };\n\n  onMouseUpOnHandle = () => {\n    canDrag = false;\n  };\n\n  render() {\n    const {\n      classes,\n      imageSupport,\n      connectDragSource,\n      connectDropTarget,\n      isDragging,\n      model,\n      row,\n      idx,\n      enableImages,\n      toolbarOpts,\n      spellCheck,\n      error,\n      maxImageWidth,\n      maxImageHeight\n    } = this.props;\n    const { dialog } = this.state;\n    const opacity = isDragging ? 0 : 1;\n\n    const rowPlugins = {\n      image: {\n        disabled: !enableImages\n      },\n      audio: { disabled: true },\n      video: { disabled: true }\n    };\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || [])\n      .filter(p => p !== 'bulleted-list' && p !== 'numbered-list');\n\n    const content = (\n      <div style={{\n        opacity: opacity\n      }}>\n        <span\n          itemID={'handle'}\n          className={classes.dragHandle}\n          onMouseDown={this.onMouseDownOnHandle}\n        >\n          <DragHandle color={'primary'} />\n        </span>\n        <div className={classes.rowContainer}>\n          <div className={classNames(classes.rowItem, classes.questionText)}>\n            <EditableHtml\n              imageSupport={imageSupport}\n              autoWidthToolbar\n              disableUnderline\n              label={'label'}\n              markup={row.title}\n              onChange={this.onRowTitleChange(idx)}\n              className={classes.editor}\n              pluginProps={rowPlugins}\n              toolbarOpts={toolbarOpts}\n              allowValidation\n              activePlugins={filteredDefaultPlugins}\n              spellCheck={spellCheck}\n              maxImageWidth={maxImageWidth}\n              maxImageHeight={maxImageHeight}\n            />\n          </div>\n          {row.values.map((rowValue, rowIdx) => (\n            <div key={rowIdx} className={classes.rowItem}>\n              {model.choiceMode === 'radio' ? (\n                <Radio\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                />\n              ) : (\n                <Checkbox\n                  onChange={this.onRowValueChange(idx, rowIdx)}\n                  checked={rowValue === true}\n                  label={''}\n                />\n              )}\n            </div>\n          ))}\n          <div className={classes.deleteIcon}>\n            <Button onClick={this.onDeleteRow(idx)}>\n              <Delete className={classes.deleteIcon} />\n            </Button>\n          </div>\n        </div>\n        {error && <div className={classes.errorText}>{error}</div>}\n        <hr className={classes.separator} />\n        <InfoDialog\n          title={dialog.message}\n          open={dialog.open}\n          onOk={dialog.onOk}\n        />\n      </div>\n    );\n\n    return connectDragSource(connectDropTarget(content));\n  }\n}\nconst styles = theme => ({\n  actions: {\n    padding: 0,\n    justifyContent: 'space-between'\n  },\n  choice: {\n    padding: theme.spacing.unit,\n    overflow: 'visible'\n  },\n  dragHandle: {\n    cursor: 'move'\n  },\n  dragDisabled: {\n    cursor: 'inherit'\n  },\n\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  rowContainer: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n    alignItems: 'center',\n    flex: 1\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    '&> div': {\n      width: '100%'\n    }\n  },\n  deleteIcon: {\n    flex: 0.5,\n    minWidth: '88px',\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start'\n  },\n  separator: {\n    marginTop: theme.spacing.unit * 2,\n    border: 0,\n    borderTop: '2px solid lightgray',\n    width: '100%'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '10px',\n    textAlign: 'center'\n  }\n});\n\nconst StyledRow = withStyles(styles)(Row);\n\nconst NAME = 'row-config';\n\nexport const choiceSource = {\n  canDrag() {\n    return canDrag;\n  },\n  beginDrag(props) {\n    return {\n      id: props.row.id,\n      index: props.idx\n    };\n  }\n};\n\nconst StyledSource = DragSource(NAME, choiceSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging()\n}))(StyledRow);\n\nexport const choiceTarget = {\n  hover() {\n    log('[hover]');\n  },\n  drop(props, monitor) {\n    const item = monitor.getItem();\n    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n    props.onMoveRow(item.index, props.idx);\n  }\n};\n\nconst StyledSourceAndTarget = DropTarget(NAME, choiceTarget, connect => ({\n  connectDropTarget: connect.dropTarget()\n}))(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"row.js"}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/match-configure",
   "private": true,
-  "version": "4.5.12",
+  "version": "5.0.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,10 +10,10 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.13.3",
+    "@pie-lib/config-ui": "^11.0.1",
     "@pie-lib/drag": "^1.1.52",
-    "@pie-lib/editable-html": "^7.22.6",
-    "@pie-lib/scoring-config": "^3.5.163",
+    "@pie-lib/editable-html": "^8.1.0",
+    "@pie-lib/scoring-config": "^3.5.165",
     "classnames": "^2.2.5",
     "debug": "^3.1.0",
     "prop-types": "^15.6.2",

package/docs/config-schema.json

@@ -211,6 +211,58 @@
         }
       }
     },
+    "maxImageWidth": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "rowTitles": {
+          "description": "Indicates the max dimension for images in row labels",
+          "type": "number",
+          "title": "rowTitles"
+        }
+      }
+    },
+    "maxImageHeight": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "rowTitles": {
+          "description": "Indicates the max dimension for images in row labels",
+          "type": "number",
+          "title": "rowTitles"
+        }
+      }
+    },
     "showPrompt": {
       "description": "Determines whether prompt field will be displayed or not",
       "default": true,
@@ -246,6 +298,32 @@
           "title": "label"
         }
       }
+    },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "rowTitles": {
+          "description": "Indicates the max dimension for images in row labels",
+          "type": "number",
+          "title": "rowTitles"
+        }
+      }
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/docs/config-schema.json.md

@@ -158,6 +158,46 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+# `maxImageWidth` (object)
+
+Properties of the `maxImageWidth` object:
+
+## `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+## `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+## `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+## `rowTitles` (number)
+
+Indicates the max dimension for images in row labels
+
+# `maxImageHeight` (object)
+
+Properties of the `maxImageHeight` object:
+
+## `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+## `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+## `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+## `rowTitles` (number)
+
+Indicates the max dimension for images in row labels
+
 # `showPrompt` (boolean)
 
 Determines whether prompt field will be displayed or not
@@ -192,4 +232,24 @@ 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
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+### `rowTitles` (number)
+
+Indicates the max dimension for images in row labels

package/docs/pie-schema.json

@@ -355,6 +355,32 @@
         }
       }
     },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        },
+        "rowTitles": {
+          "description": "Indicates the max dimension for images in row labels",
+          "type": "number",
+          "title": "rowTitles"
+        }
+      }
+    },
     "ComplexFeedbackType": {
       "title": "ComplexFeedbackType",
       "type": "object",

package/docs/pie-schema.json.md

@@ -157,6 +157,26 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
+### `rowTitles` (number)
+
+Indicates the max dimension for images in row labels
+
 ## `ComplexFeedbackType` (object)
 
 Properties of the `ComplexFeedbackType` object:

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.10.12",
+  "version": "5.0.0",
   "main": "lib/index.js",
   "description": "",
   "scripts": {
@@ -26,6 +26,6 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "2b16a41c0627a27ee758af9285afde4d226dc12b",
+  "gitHead": "ff92cee6f9a7bf3f3dc75dbafd2263710f0a6b3d",
   "module": "src/index.js"
 }