@pie-element/match 4.9.8 → 4.10.1-beta.1443

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","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","state","filteredDefaultPlugins","DEFAULT_PLUGINS","p","labelPlugins","audio","disabled","video","settings","map","idx","onHeaderChange","row","onDeleteRow","moveRow","enableImages","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});\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    } = this.props;\n    const { headers = {} } = configuration || {};\n    const { dialog } = this.state;\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        <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                  />\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            />\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","width","borderBottom","paddingBottom","marginBottom","rowItem","justifyContent","padding","textAlign","deleteIcon","minWidth","questionText","marginRight","maxWidth","rowTable","headerInput","fontWeight","errorText","fontSize","typography","color","paddingTop","AnswerConfigBlock","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","classes","onAddRow","imageSupport","configuration","toolbarOpts","spellCheck","uploadSoundSupport","maxImageWidth","maxImageHeight","errors","correctResponseError","rowsErrors","columnsErrors","noOfRowsError","columnsLengthError","filteredDefaultPlugins","DEFAULT_PLUGINS","filter","p","labelPlugins","audio","disabled","video","defaultImageMaxWidth","prompt","defaultImageMaxHeight","overflow","settings","map","header","idx","onHeaderChange","language","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 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';\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    display: 'flex',\n    alignItems: 'center',\n    flex: 1,\n    width: 'fit-content',\n    borderBottom: '2px solid lightgray',\n    paddingBottom: theme.spacing.unit * 2,\n    marginTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit,\n  },\n  rowItem: {\n    flex: 1,\n    display: 'flex',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    '&> div': {\n      width: '150px',\n      padding: `0 ${theme.spacing.unit}px`,\n      textAlign: 'center',\n    },\n  },\n  deleteIcon: {\n    flex: 0.5,\n    minWidth: '48px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n  questionText: {\n    flex: 2,\n    display: 'flex',\n    justifyContent: 'flex-start',\n    marginRight: theme.spacing.unit,\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  headerInput: {\n    '&> div': {\n      fontWeight: 'bold',\n    },\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: 'red',\n    paddingTop: `${theme.spacing.unit}px !important`,\n    width: 'fit-content !important',\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    uploadSoundSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n    toolbarOpts: PropTypes.object,\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 = [...remainingRows.slice(0, to), movedRow, ...remainingRows.slice(to)];\n\n    log('update: ', update);\n\n    newModel.rows = update;\n\n    onChange(newModel);\n  };\n\n  onChange =\n    (name, isBoolean) =>\n    ({ 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    newModel.headers[headerIndex] = value;\n    onChange(newModel);\n  };\n\n  render() {\n    const { classes, model, onAddRow, imageSupport, configuration, toolbarOpts, spellCheck, uploadSoundSupport } =\n      this.props;\n    const { headers = {}, maxImageWidth = {}, maxImageHeight = {} } = configuration || {};\n    const { errors } = model || {};\n    const { correctResponseError, rowsErrors, columnsErrors, noOfRowsError, columnsLengthError } = errors || {};\n\n    const filteredDefaultPlugins = (DEFAULT_PLUGINS || []).filter(\n      (p) => p !== 'table' && p !== 'bulleted-list' && p !== 'numbered-list',\n    );\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 clicking each correct answer per row.\n        </Typography>\n        {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n        {noOfRowsError && <div className={classes.errorText}>{noOfRowsError}</div>}\n        {columnsLengthError && <div className={classes.errorText}>{columnsLengthError}</div>}\n\n        <div\n          className={classes.rowTable}\n          style={configuration.width ? { width: configuration.width, overflow: 'scroll' } : {}}\n        >\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                    spellCheck={spellCheck}\n                    uploadSoundSupport={uploadSoundSupport}\n                    languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n                    error={columnsErrors && columnsErrors[idx]}\n                  />\n                  {columnsErrors && columnsErrors[idx] && <div className={classes.errorText}>{columnsErrors[idx]}</div>}\n                </div>\n              ))}\n            <div className={classes.deleteIcon} />\n          </div>\n\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?.[row.id]}\n              maxImageWidth={(maxImageWidth && maxImageWidth.rowTitles) || defaultImageMaxWidth}\n              maxImageHeight={(maxImageHeight && maxImageHeight.rowTitles) || defaultImageMaxHeight}\n              uploadSoundSupport={uploadSoundSupport}\n            />\n          ))}\n\n          <AddRow onAddClick={onAddRow} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(AnswerConfigBlock);\n"],"file":"answer-config-block.js"}

package/configure/lib/configure.js

@@ -39,9 +39,9 @@ var _generalConfigBlock = _interopRequireDefault(require("./general-config-block
 
 var _answerConfigBlock = _interopRequireDefault(require("./answer-config-block"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -212,48 +212,69 @@ var Configure = /*#__PURE__*/function (_React$Component) {
           imageSupport = _this$props2.imageSupport,
           onModelChanged = _this$props2.onModelChanged,
           configuration = _this$props2.configuration,
-          onConfigurationChanged = _this$props2.onConfigurationChanged;
+          onConfigurationChanged = _this$props2.onConfigurationChanged,
+          uploadSoundSupport = _this$props2.uploadSoundSupport;
 
       var _ref = configuration || {},
           _ref$enableImages = _ref.enableImages,
           enableImages = _ref$enableImages === void 0 ? {} : _ref$enableImages,
+          _ref$feedback = _ref.feedback,
+          feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
+          _ref$lockChoiceOrder = _ref.lockChoiceOrder,
+          lockChoiceOrder = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
+          _ref$maxImageWidth = _ref.maxImageWidth,
+          maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
+          _ref$maxImageHeight = _ref.maxImageHeight,
+          maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
           _ref$partialScoring = _ref.partialScoring,
           partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
-          _ref$teacherInstructi = _ref.teacherInstructions,
-          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
-          _ref$studentInstructi = _ref.studentInstructions,
-          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$prompt = _ref.prompt,
+          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
           _ref$rationale = _ref.rationale,
           rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
-          _ref$lockChoiceOrder = _ref.lockChoiceOrder,
-          lockChoiceOrder = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
+          settingsPanelDisabled = _ref.settingsPanelDisabled,
           _ref$scoringType = _ref.scoringType,
           scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
-          _ref$prompt = _ref.prompt,
-          prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
-          _ref$feedback = _ref.feedback,
-          feedback = _ref$feedback === void 0 ? {} : _ref$feedback;
+          _ref$spellCheck = _ref.spellCheck,
+          spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+          _ref$studentInstructi = _ref.studentInstructions,
+          studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+          _ref$teacherInstructi = _ref.teacherInstructions,
+          teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+          _ref$withRubric = _ref.withRubric,
+          withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
 
       var _ref2 = model || {},
-          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          feedbackEnabled = _ref2.feedbackEnabled,
           promptEnabled = _ref2.promptEnabled,
           rationaleEnabled = _ref2.rationaleEnabled,
-          feedbackEnabled = _ref2.feedbackEnabled;
-
-      var toolbarOpts = {};
-
-      switch (model.toolbarEditorPosition) {
-        case 'top':
-          toolbarOpts.position = 'top';
-          break;
-
-        default:
-          toolbarOpts.position = 'bottom';
-          break;
-      }
-
+          spellCheckEnabled = _ref2.spellCheckEnabled,
+          teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
+          toolbarEditorPosition = _ref2.toolbarEditorPosition;
+
+      var toolbarOpts = {
+        position: toolbarEditorPosition === 'top' ? 'top' : 'bottom'
+      };
+      var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
+      var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
+      var panelSettings = {
+        enableImages: enableImages.settings && toggle(enableImages.label),
+        partialScoring: partialScoring.settings && toggle(partialScoring.label),
+        lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
+        feedbackEnabled: feedback.settings && toggle(feedback.label)
+      };
+      var panelProperties = {
+        teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
+        studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
+        promptEnabled: prompt.settings && toggle(prompt.label),
+        rationaleEnabled: rationale.settings && toggle(rationale.label),
+        spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+        scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),
+        rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
+      };
       log('[render] model', model);
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+        hideSettings: settingsPanelDisabled,
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
           configuration: configuration,
@@ -264,19 +285,8 @@ var Configure = /*#__PURE__*/function (_React$Component) {
             return onConfigurationChanged(config);
           },
           groups: {
-            Settings: {
-              enableImages: enableImages.settings && toggle(enableImages.label),
-              partialScoring: partialScoring.settings && toggle(partialScoring.label),
-              lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
-              feedbackEnabled: feedback.settings && toggle(feedback.label)
-            },
-            Properties: {
-              teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-              studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-              promptEnabled: prompt.settings && toggle(prompt.label),
-              rationaleEnabled: rationale.settings && toggle(rationale.label),
-              scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
-            }
+            Settings: panelSettings,
+            Properties: panelProperties
           }
         })
       }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -290,7 +300,16 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         onChange: this.onTeacherInstructionsChanged,
         imageSupport: imageSupport,
         nonEmpty: false,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptHolder
@@ -301,7 +320,16 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         imageSupport: imageSupport,
         nonEmpty: false,
         disableUnderline: true,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.prompt,
+        maxImageHeight: maxImageHeight && maxImageHeight.prompt,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: rationale.label,
         className: classes.promptHolder
@@ -310,7 +338,16 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         markup: model.rationale || '',
         onChange: this.onRationaleChanged,
         imageSupport: imageSupport,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
+        maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
+        uploadSoundSupport: uploadSoundSupport,
+        languageCharactersProps: [{
+          language: 'spanish'
+        }, {
+          language: 'special'
+        }]
       })), /*#__PURE__*/_react["default"].createElement(_generalConfigBlock["default"], {
         model: model,
         configuration: configuration,
@@ -323,7 +360,9 @@ var Configure = /*#__PURE__*/function (_React$Component) {
         onChange: this.onChange,
         onAddRow: this.onAddRow,
         onDeleteRow: this.onDeleteRow,
-        toolbarOpts: toolbarOpts
+        toolbarOpts: toolbarOpts,
+        spellCheck: spellCheckEnabled,
+        uploadSoundSupport: uploadSoundSupport
       }), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackConfig, {
         feedback: model.feedback,
         onChange: this.onFeedbackChange,
@@ -343,6 +382,10 @@ var Configure = /*#__PURE__*/function (_React$Component) {
   imageSupport: _propTypes["default"].shape({
     add: _propTypes["default"].func.isRequired,
     "delete": _propTypes["default"].func.isRequired
+  }),
+  uploadSoundSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
   })
 });
 (0, _defineProperty2["default"])(Configure, "defaultProps", {

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","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","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    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, 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                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              />\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              />\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              />\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          />\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","uploadSoundSupport","enableImages","lockChoiceOrder","maxImageWidth","maxImageHeight","settingsPanelDisabled","scoringType","spellCheck","studentInstructions","withRubric","feedbackEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","toolbarEditorPosition","toolbarOpts","position","defaultImageMaxWidth","defaultImageMaxHeight","panelSettings","label","panelProperties","studentInstructionsEnabled","rubricEnabled","config","Settings","Properties","onTeacherInstructionsChanged","language","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 { FeedbackConfig, settings, layout, InputContainer } 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    uploadSoundSupport: 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\n    onModelChanged(model);\n  };\n\n  onDeleteRow = (rowIndex) => {\n    const { model } = this.props;\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) => (current === true ? total + 1 : total));\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\n    this.props.onModelChanged(this.props.model);\n  };\n\n  onPromptChanged = (prompt) => {\n    this.props.onModelChanged({ ...this.props.model, prompt });\n  };\n\n  onTeacherInstructionsChanged = (teacherInstructions) => {\n    this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n  };\n\n  onRationaleChanged = (rationale) => {\n    this.props.onModelChanged({ ...this.props.model, rationale });\n  };\n\n  render() {\n    const { classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged, uploadSoundSupport } =\n      this.props;\n    const {\n      enableImages = {},\n      feedback = {},\n      lockChoiceOrder = {},\n      maxImageWidth = {},\n      maxImageHeight = {},\n      partialScoring = {},\n      prompt = {},\n      rationale = {},\n      settingsPanelDisabled,\n      scoringType = {},\n      spellCheck = {},\n      studentInstructions = {},\n      teacherInstructions = {},\n      withRubric = {},\n    } = configuration || {};\n    const {\n      feedbackEnabled,\n      promptEnabled,\n      rationaleEnabled,\n      spellCheckEnabled,\n      teacherInstructionsEnabled,\n      toolbarEditorPosition,\n    } = model || {};\n\n    const toolbarOpts = {\n      position: toolbarEditorPosition === 'top' ? 'top' : 'bottom',\n    };\n\n    const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n    const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n    const panelSettings = {\n      enableImages: enableImages.settings && toggle(enableImages.label),\n      partialScoring: partialScoring.settings && toggle(partialScoring.label),\n      lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n      feedbackEnabled: feedback.settings && toggle(feedback.label),\n    };\n    const panelProperties = {\n      teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n      studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n      promptEnabled: prompt.settings && toggle(prompt.label),\n      rationaleEnabled: rationale.settings && toggle(rationale.label),\n      spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n      scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n      rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n    };\n\n    log('[render] model', model);\n\n    return (\n      <layout.ConfigLayout\n        hideSettings={settingsPanelDisabled}\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={(model) => onModelChanged(model)}\n            onChangeConfiguration={(config) => onConfigurationChanged(config)}\n            groups={{\n              Settings: panelSettings,\n              Properties: panelProperties,\n            }}\n          />\n        }\n      >\n        <div className={classes.content}>\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.onTeacherInstructionsChanged}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          {promptEnabled && (\n            <InputContainer label={prompt.label} className={classes.promptHolder}>\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                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          {rationaleEnabled && (\n            <InputContainer label={rationale.label} className={classes.promptHolder}>\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.rationale || ''}\n                onChange={this.onRationaleChanged}\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                spellCheck={spellCheckEnabled}\n                maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n                maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n                uploadSoundSupport={uploadSoundSupport}\n                languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n              />\n            </InputContainer>\n          )}\n\n          <GeneralConfigBlock\n            model={model}\n            configuration={configuration}\n            onResponseTypeChange={this.onResponseTypeChange}\n            onLayoutChange={this.onLayoutChange}\n          />\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            uploadSoundSupport={uploadSoundSupport}\n          />\n\n          {feedbackEnabled && (\n            <FeedbackConfig feedback={model.feedback} onChange={this.onFeedbackChange} toolbarOpts={toolbarOpts} />\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

@@ -68,6 +68,12 @@ var _default = {
       settings: true,
       label: 'Rationale'
     },
+    settingsPanelDisabled: false,
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
     scoringType: {
       settings: false,
       label: 'Scoring Type'
@@ -79,7 +85,29 @@ 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
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    },
+    minQuestions: 2,
+    maxQuestions: 5,
+    maxLengthQuestionsHeading: 100,
+    maxAnswers: 5,
+    maxLengthAnswers: 100,
+    maxLengthFirstColumnHeading: 100
   }
 };
 exports["default"] = _default;

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","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;AAqCbR,IAAAA,WAAW,EAAE;AACXO,MAAAA,QAAQ,EAAE,KADC;AAEXC,MAAAA,KAAK,EAAE;AAFI,KArCA;AAyCbI,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAzCR;AA6CbK,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AA7CR;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    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","settingsPanelDisabled","spellCheck","studentInstructions","teacherInstructions","maxImageWidth","rowTitles","maxImageHeight","withRubric","minQuestions","maxQuestions","maxLengthQuestionsHeading","maxAnswers","maxLengthAnswers","maxLengthFirstColumnHeading"],"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    settingsPanelDisabled: false,\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    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n    minQuestions: 2,\n    maxQuestions: 5,\n    maxLengthQuestionsHeading: 100,\n    maxAnswers: 5,\n    maxLengthAnswers: 100,\n    maxLengthFirstColumnHeading: 100\n  },\n};\n"],"file":"defaults.js"}

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

@@ -35,13 +35,21 @@ var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
+var _utils = require("../utils");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -56,8 +64,28 @@ var styles = function styles(theme) {
     input: {
       flex: 1
     },
+    numberTextField: {
+      flexDirection: 'unset'
+    },
     inputContainer: {
-      width: '90%'
+      width: '65%'
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      marginTop: theme.spacing.unit
+    },
+    titleText: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: theme.typography.fontSize + 2,
+      lineHeight: '19px',
+      color: '#495B8F',
+      marginRight: theme.spacing.unit
+    },
+    tooltip: {
+      fontSize: theme.typography.fontSize - 2,
+      whiteSpace: 'pre',
+      maxWidth: '500px'
     }
   };
 };
@@ -118,7 +146,23 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
           _ref$choiceMode = _ref.choiceMode,
           choiceMode = _ref$choiceMode === void 0 ? {} : _ref$choiceMode;
 
-      return /*#__PURE__*/React.createElement("div", {
+      var validationMessage = (0, _utils.generateValidationMessage)(model);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        className: classes.flexContainer
+      }, /*#__PURE__*/React.createElement(_Typography["default"], {
+        className: classes.titleText
+      }, "Define questions"), /*#__PURE__*/React.createElement(_Tooltip["default"], {
+        classes: {
+          tooltip: classes.tooltip
+        },
+        disableFocusListener: true,
+        disableTouchListener: true,
+        placement: 'right',
+        title: validationMessage
+      }, /*#__PURE__*/React.createElement(_Info["default"], {
+        fontSize: 'small',
+        color: 'primary'
+      }))), /*#__PURE__*/React.createElement("div", {
         className: classes.container
       }, /*#__PURE__*/React.createElement("div", {
         className: classes.input
@@ -133,21 +177,21 @@ var GeneralConfigBlock = /*#__PURE__*/function (_React$Component) {
         onChange: function onChange(e, v) {
           return _this2.onChangeColumns('layout', v);
         },
-        suffix: 'Columns'
+        suffix: 'Columns',
+        className: classes.numberTextField
       }))), /*#__PURE__*/React.createElement("div", {
         className: classes.input
       }, choiceMode.settings && /*#__PURE__*/React.createElement(_configUi.InputContainer, {
         label: choiceMode.label,
         className: classes.inputContainer
       }, /*#__PURE__*/React.createElement(_Select["default"], {
-        className: classes.select,
         onChange: this.onChangeResponseType('choiceMode'),
         value: model.choiceMode
       }, /*#__PURE__*/React.createElement(_MenuItem["default"], {
         value: "radio"
       }, "Radio - One Answer"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
         value: "checkbox"
-      }, "Checkbox - Multiple Answers")))));
+      }, "Checkbox - Multiple Answers"))))));
     }
   }]);
   return GeneralConfigBlock;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/general-config-block.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","display","input","flex","inputContainer","width","GeneralConfigBlock","name","event","props","model","onResponseTypeChange","newModel","target","value","onLayoutChange","classes","configuration","layout","choiceMode","settings","label","e","v","onChangeColumns","select","onChangeResponseType","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { InputContainer, NumberTextField } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n  },\n  input: {\n    flex: 1\n  },\n  inputContainer: {\n    width: '90%'\n  }\n});\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onResponseTypeChange: PropTypes.func.isRequired,\n    onLayoutChange: PropTypes.func.isRequired\n  };\n\n  onChangeResponseType = (name) => event => {\n    const { model, onResponseTypeChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = event.target.value;\n\n    onResponseTypeChange(newModel[name]);\n  };\n\n  onChangeColumns = (name, value) => {\n    const { model, onLayoutChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = value;\n\n    onLayoutChange(newModel[name]);\n  };\n\n  render() {\n    const { classes, model, configuration } = this.props;\n    const {\n      layout = {},\n      choiceMode = {}\n    } = configuration || {};\n\n    return (\n      <div className={classes.container}>\n        <div className={classes.input}>\n          {layout.settings &&\n            <InputContainer\n              label={layout.label}\n              className={classes.inputContainer}\n            >\n              <NumberTextField\n                type=\"number\"\n                min={3}\n                max={10}\n                value={model.layout}\n                onChange={(e, v) => this.onChangeColumns('layout', v)}\n                suffix={'Columns'}\n              />\n            </InputContainer>\n          }\n        </div>\n        <div className={classes.input}>\n          {\n            choiceMode.settings &&\n            <InputContainer label={choiceMode.label} className={classes.inputContainer}>\n              <Select\n                className={classes.select}\n                onChange={this.onChangeResponseType('choiceMode')}\n                value={model.choiceMode}\n              >\n                <MenuItem value=\"radio\">Radio - One Answer</MenuItem>\n                <MenuItem value=\"checkbox\">Checkbox - Multiple Answers</MenuItem>\n              </Select>\n            </InputContainer>\n          }\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}
+{"version":3,"sources":["../src/general-config-block.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","display","input","flex","numberTextField","flexDirection","inputContainer","width","flexContainer","alignItems","titleText","fontFamily","fontSize","typography","lineHeight","color","marginRight","tooltip","whiteSpace","maxWidth","GeneralConfigBlock","name","event","props","model","onResponseTypeChange","newModel","target","value","onLayoutChange","classes","configuration","layout","choiceMode","validationMessage","settings","label","e","v","onChangeColumns","onChangeResponseType","React","Component","PropTypes","object","isRequired","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { InputContainer, NumberTextField } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport Tooltip from '@material-ui/core/Tooltip';\n\nimport { generateValidationMessage } from '../utils';\n\nconst styles = (theme) => ({\n  container: {\n    marginTop: theme.spacing.unit * 2,\n    display: 'flex',\n  },\n  input: {\n    flex: 1,\n  },\n  numberTextField: {\n    flexDirection: 'unset',\n  },\n  inputContainer: {\n    width: '65%',\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: theme.spacing.unit,\n  },\n  titleText: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: theme.typography.fontSize + 2,\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: theme.spacing.unit,\n  },\n  tooltip: {\n    fontSize: theme.typography.fontSize - 2,\n    whiteSpace: 'pre',\n    maxWidth: '500px',\n  },\n});\n\nclass GeneralConfigBlock extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    onResponseTypeChange: PropTypes.func.isRequired,\n    onLayoutChange: PropTypes.func.isRequired,\n  };\n\n  onChangeResponseType = (name) => (event) => {\n    const { model, onResponseTypeChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = event.target.value;\n\n    onResponseTypeChange(newModel[name]);\n  };\n\n  onChangeColumns = (name, value) => {\n    const { model, onLayoutChange } = this.props;\n    const newModel = { ...model };\n\n    newModel[name] = value;\n\n    onLayoutChange(newModel[name]);\n  };\n\n  render() {\n    const { classes, model, configuration } = this.props;\n    const { layout = {}, choiceMode = {} } = configuration || {};\n\n    const validationMessage = generateValidationMessage(model);\n\n    return (\n      <>\n        <div className={classes.flexContainer}>\n          <Typography className={classes.titleText}>Define questions</Typography>\n          <Tooltip\n            classes={{ tooltip: classes.tooltip }}\n            disableFocusListener\n            disableTouchListener\n            placement={'right'}\n            title={validationMessage}\n          >\n            <Info fontSize={'small'} color={'primary'} />\n          </Tooltip>\n        </div>\n\n        <div className={classes.container}>\n          <div className={classes.input}>\n            {layout.settings && (\n              <InputContainer label={layout.label} className={classes.inputContainer}>\n                <NumberTextField\n                  type=\"number\"\n                  min={3}\n                  max={10}\n                  value={model.layout}\n                  onChange={(e, v) => this.onChangeColumns('layout', v)}\n                  suffix={'Columns'}\n                  className={classes.numberTextField}\n                />\n              </InputContainer>\n            )}\n          </div>\n\n          <div className={classes.input}>\n            {choiceMode.settings && (\n              <InputContainer label={choiceMode.label} className={classes.inputContainer}>\n                <Select onChange={this.onChangeResponseType('choiceMode')} value={model.choiceMode}>\n                  <MenuItem value=\"radio\">Radio - One Answer</MenuItem>\n                  <MenuItem value=\"checkbox\">Checkbox - Multiple Answers</MenuItem>\n                </Select>\n              </InputContainer>\n            )}\n          </div>\n        </div>\n      </>\n    );\n  }\n}\n\nexport default withStyles(styles)(GeneralConfigBlock);\n"],"file":"general-config-block.js"}