@pie-element/ebsr 7.0.22 → 7.0.24-next.2

package/configure/node_modules/@pie-element/multiple-choice/configure/lib/main.js

@@ -0,0 +1,599 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Main = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+
+var _configUi = require("@pie-lib/config-ui");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _styles = require("@material-ui/core/styles");
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _merge = _interopRequireDefault(require("lodash/merge"));
+
+var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+
+var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
+
+var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
+
+var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
+
+var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
+var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
+
+var _utils = require("./utils");
+
+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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+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 = 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; }
+
+var Panel = _configUi.settings.Panel,
+    toggle = _configUi.settings.toggle,
+    radio = _configUi.settings.radio,
+    dropdown = _configUi.settings.dropdown;
+var MAX_CHOICES = 9;
+
+var styles = function styles(theme) {
+  return {
+    promptHolder: {
+      width: '100%',
+      paddingBottom: theme.spacing.unit * 2,
+      marginBottom: theme.spacing.unit * 2
+    },
+    prompt: {
+      paddingTop: theme.spacing.unit * 2,
+      width: '100%'
+    },
+    rationaleHolder: {
+      width: '70%'
+    },
+    accessibilityHolder: {
+      width: '70%'
+    },
+    rationale: {
+      paddingTop: theme.spacing.unit * 2
+    },
+    accessibility: {
+      paddingTop: theme.spacing.unit * 2
+    },
+    design: {
+      paddingTop: theme.spacing.unit * 3
+    },
+    choiceConfigurationHolder: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center'
+    },
+    choiceConfiguration: {
+      width: '100%',
+      paddingTop: theme.spacing.unit * 2,
+      paddingBottom: theme.spacing.unit * 2
+    },
+    switchElement: {
+      justifyContent: 'space-between',
+      margin: 0
+    },
+    addButton: {
+      "float": 'right'
+    },
+    disableButton: {
+      cursor: 'not-allowed',
+      pointerEvents: 'all',
+      backgroundColor: _renderUi.color.disabled(),
+      '&:hover': {
+        backgroundColor: _renderUi.color.disabled()
+      },
+      '&:focus': {
+        backgroundColor: _renderUi.color.disabled()
+      }
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      marginBottom: '5px'
+    },
+    titleText: {
+      fontFamily: 'Cerebri Sans',
+      fontSize: '18px',
+      lineHeight: '19px',
+      color: '#495B8F',
+      marginRight: '5px'
+    },
+    tooltip: {
+      fontSize: '12px',
+      whiteSpace: 'pre',
+      maxWidth: '500px'
+    },
+    errorText: {
+      fontSize: '12px',
+      color: 'red',
+      paddingTop: '5px'
+    }
+  };
+};
+
+var Design = (0, _styles.withStyles)(styles)(function (props) {
+  var classes = props.classes,
+      model = props.model,
+      configuration = props.configuration,
+      onPromptChanged = props.onPromptChanged,
+      onChoiceChanged = props.onChoiceChanged,
+      onRemoveChoice = props.onRemoveChoice,
+      onAddChoice = props.onAddChoice,
+      imageSupport = props.imageSupport,
+      onChangeModel = props.onChangeModel,
+      onConfigurationChanged = props.onConfigurationChanged,
+      onTeacherInstructionsChanged = props.onTeacherInstructionsChanged;
+
+  var _ref = configuration || {},
+      _ref$prompt = _ref.prompt,
+      prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
+      _ref$addChoiceButton = _ref.addChoiceButton,
+      addChoiceButton = _ref$addChoiceButton === void 0 ? {} : _ref$addChoiceButton,
+      _ref$feedback = _ref.feedback,
+      feedback = _ref$feedback === void 0 ? {} : _ref$feedback,
+      _ref$deleteChoice = _ref.deleteChoice,
+      deleteChoice = _ref$deleteChoice === void 0 ? {} : _ref$deleteChoice,
+      _ref$choiceMode = _ref.choiceMode,
+      choiceMode = _ref$choiceMode === void 0 ? {} : _ref$choiceMode,
+      _ref$choicePrefix = _ref.choicePrefix,
+      choicePrefix = _ref$choicePrefix === void 0 ? {} : _ref$choicePrefix,
+      _ref$partialScoring = _ref.partialScoring,
+      partialScoring = _ref$partialScoring === void 0 ? {} : _ref$partialScoring,
+      _ref$lockChoiceOrder = _ref.lockChoiceOrder,
+      lockChoiceOrder = _ref$lockChoiceOrder === void 0 ? {} : _ref$lockChoiceOrder,
+      _ref$teacherInstructi = _ref.teacherInstructions,
+      teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
+      _ref$studentInstructi = _ref.studentInstructions,
+      studentInstructions = _ref$studentInstructi === void 0 ? {} : _ref$studentInstructi,
+      _ref$rationale = _ref.rationale,
+      rationale = _ref$rationale === void 0 ? {} : _ref$rationale,
+      _ref$accessibility = _ref.accessibility,
+      accessibility = _ref$accessibility === void 0 ? {} : _ref$accessibility,
+      _ref$scoringType = _ref.scoringType,
+      scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
+      _ref$sequentialChoice = _ref.sequentialChoiceLabels,
+      sequentialChoiceLabels = _ref$sequentialChoice === void 0 ? {} : _ref$sequentialChoice,
+      settingsPanelDisabled = _ref.settingsPanelDisabled,
+      choicesLayout = _ref.choicesLayout,
+      _ref$spellCheck = _ref.spellCheck,
+      spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
+      gridColumns = _ref.gridColumns;
+
+  var _ref2 = configuration || {},
+      maxAnswerChoices = _ref2.maxAnswerChoices;
+
+  var _ref3 = model || {},
+      limitChoicesNumber = _ref3.limitChoicesNumber,
+      teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
+      rationaleEnabled = _ref3.rationaleEnabled,
+      accessibilityLabelsEnabled = _ref3.accessibilityLabelsEnabled,
+      feedbackEnabled = _ref3.feedbackEnabled,
+      promptEnabled = _ref3.promptEnabled,
+      spellCheckEnabled = _ref3.spellCheckEnabled,
+      choices = _ref3.choices,
+      errors = _ref3.errors;
+
+  var _ref4 = errors || {},
+      choicesErrors = _ref4.choicesErrors,
+      correctResponseError = _ref4.correctResponseError,
+      answerChoicesError = _ref4.answerChoicesError;
+
+  var nrOfColumnsAvailable = choices && choices.length ? Array.from({
+    length: choices.length
+  }, function (_, i) {
+    return "".concat(i + 1);
+  }) : [];
+  var labelPlugins = {
+    audio: {
+      disabled: true
+    },
+    video: {
+      disabled: true
+    }
+  };
+  var toolbarOpts = {};
+
+  switch (model.toolbarEditorPosition) {
+    case 'top':
+      toolbarOpts.position = 'top';
+      break;
+
+    default:
+      toolbarOpts.position = 'bottom';
+      break;
+  } // if old property is used, set maxAnswerChoices to 9
+
+
+  if (limitChoicesNumber) {
+    maxAnswerChoices = MAX_CHOICES;
+  }
+
+  var validationMessage = (0, _utils.generateValidationMessage)(configuration);
+
+  var Content = /*#__PURE__*/_react["default"].createElement("div", null, teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+    label: teacherInstructions.label,
+    className: classes.promptHolder
+  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+    className: classes.prompt,
+    markup: model.teacherInstructions || '',
+    onChange: onTeacherInstructionsChanged,
+    imageSupport: imageSupport,
+    nonEmpty: false,
+    toolbarOpts: toolbarOpts,
+    spellCheck: spellCheckEnabled
+  })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+    label: prompt.label,
+    className: classes.promptHolder
+  }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+    className: classes.prompt,
+    markup: model.prompt,
+    onChange: onPromptChanged,
+    imageSupport: imageSupport,
+    nonEmpty: false,
+    disableUnderline: true,
+    toolbarOpts: toolbarOpts,
+    spellCheck: spellCheckEnabled
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.flexContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    className: classes.titleText
+  }, "Choices"), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    classes: {
+      tooltip: classes.tooltip
+    },
+    disableFocusListener: true,
+    disableTouchListener: true,
+    placement: 'right',
+    title: validationMessage
+  }, /*#__PURE__*/_react["default"].createElement(_Info["default"], {
+    fontSize: 'small',
+    color: 'primary'
+  }))), correctResponseError && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.errorText
+  }, correctResponseError), answerChoicesError && /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.errorText
+  }, answerChoicesError), choices.map(function (choice, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: "choice-".concat(index),
+      className: classes.choiceConfigurationHolder
+    }, /*#__PURE__*/_react["default"].createElement(_configUi.ChoiceConfiguration, {
+      key: index,
+      index: index + 1,
+      useLetterOrdering: model.choicePrefix === 'letters',
+      className: classes.choiceConfiguration,
+      mode: model.choiceMode,
+      data: choice,
+      defaultFeedback: {},
+      imageSupport: imageSupport,
+      onDelete: function onDelete() {
+        return onRemoveChoice(index);
+      },
+      onChange: function onChange(c) {
+        return onChoiceChanged(index, c);
+      },
+      allowFeedBack: feedbackEnabled,
+      allowDelete: deleteChoice.settings,
+      noLabels: true,
+      toolbarOpts: toolbarOpts,
+      spellCheck: spellCheckEnabled,
+      error: choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null,
+      noCorrectAnswerError: correctResponseError
+    }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+      key: "rationale-".concat(index),
+      label: rationale.label,
+      className: classes.rationaleHolder
+    }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      className: classes.rationale,
+      markup: choice.rationale || '',
+      onChange: function onChange(c) {
+        return onChoiceChanged(index, _objectSpread(_objectSpread({}, choice), {}, {
+          rationale: c
+        }));
+      },
+      imageSupport: imageSupport,
+      toolbarOpts: toolbarOpts,
+      pluginProps: labelPlugins,
+      spellCheck: spellCheckEnabled
+    })), accessibilityLabelsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
+      key: "accessibility-".concat(index),
+      label: accessibility.label,
+      className: classes.accessibilityHolder
+    }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+      className: classes.accessibility,
+      markup: choice.accessibility || '',
+      onChange: function onChange(c) {
+        return onChoiceChanged(index, _objectSpread(_objectSpread({}, choice), {}, {
+          accessibility: c
+        }));
+      },
+      imageSupport: imageSupport,
+      pluginProps: labelPlugins,
+      spellCheck: spellCheckEnabled
+    })));
+  }), /*#__PURE__*/_react["default"].createElement("br", null), addChoiceButton.settings && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: maxAnswerChoices && model.choices.length >= maxAnswerChoices ? "Only ".concat(maxAnswerChoices, " allowed maximum") : '',
+    classes: {
+      tooltip: classes.tooltip
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    classes: {
+      root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton
+    },
+    className: classes.addButton,
+    variant: "contained",
+    color: "primary",
+    onClick: onAddChoice
+  }, addChoiceButton.label)));
+
+  var settingsInPanel = {
+    choiceMode: choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),
+    'sequentialChoiceLabels.enabled': sequentialChoiceLabels.settings && toggle(sequentialChoiceLabels.label, true),
+    choicePrefix: choicePrefix.settings && radio(choicePrefix.label, ['numbers', 'letters']),
+    partialScoring: partialScoring.settings && toggle(partialScoring.label),
+    lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
+    feedbackEnabled: feedback.settings && toggle(feedback.label),
+    choicesLayout: choicesLayout.settings && dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),
+    gridColumns: choicesLayout.settings && model.choicesLayout === 'grid' && nrOfColumnsAvailable.length > 0 && dropdown(gridColumns.label, nrOfColumnsAvailable)
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.design
+  }, settingsPanelDisabled ? Content : /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
+    settings: /*#__PURE__*/_react["default"].createElement(Panel, {
+      model: model,
+      onChangeModel: onChangeModel,
+      configuration: configuration,
+      onChangeConfiguration: onConfigurationChanged,
+      groups: {
+        Settings: settingsInPanel,
+        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),
+          spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
+          accessibilityLabelsEnabled: accessibility.settings && toggle(accessibility.label),
+          scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
+        }
+      }
+    })
+  }, Content));
+});
+
+var InfoDialog = function InfoDialog(_ref5) {
+  var open = _ref5.open,
+      onCancel = _ref5.onCancel,
+      onOk = _ref5.onOk,
+      title = _ref5.title;
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, onOk && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onOk,
+    color: "primary"
+  }, "OK"), onCancel && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: onCancel,
+    color: "primary"
+  }, "Cancel")));
+};
+
+InfoDialog.propTypes = {
+  open: _propTypes["default"].bool,
+  onCancel: _propTypes["default"].func,
+  onOk: _propTypes["default"].func,
+  title: _propTypes["default"].string
+};
+
+var Main = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Main, _React$Component);
+
+  var _super = _createSuper(Main);
+
+  function Main() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Main);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      dialog: {
+        open: false
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRemoveChoice", function (index) {
+      var _this$props = _this.props,
+          model = _this$props.model,
+          configuration = _this$props.configuration;
+
+      var _ref6 = configuration || {},
+          minAnswerChoices = _ref6.minAnswerChoices;
+
+      if (minAnswerChoices && model.choices.length === minAnswerChoices) {
+        _this.setState({
+          dialog: {
+            open: true,
+            message: "There can't be less than ".concat(minAnswerChoices, " choices."),
+            onOk: function onOk() {
+              _this.setState({
+                dialog: {
+                  open: false
+                }
+              });
+            }
+          }
+        });
+      } else {
+        model.choices.splice(index, 1);
+
+        _this.props.onModelChanged(model);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddChoice", function () {
+      var _this$props2 = _this.props,
+          model = _this$props2.model,
+          configuration = _this$props2.configuration;
+
+      var _ref7 = configuration || {},
+          maxAnswerChoices = _ref7.maxAnswerChoices;
+
+      var _ref8 = model || {},
+          limitChoicesNumber = _ref8.limitChoicesNumber; // if old property is used, set maxAnswerChoices to 9
+
+
+      if (limitChoicesNumber) {
+        maxAnswerChoices = MAX_CHOICES;
+      }
+
+      if (maxAnswerChoices && model.choices.length >= maxAnswerChoices) {
+        return;
+      }
+
+      model.choices.push({
+        label: '',
+        value: _configUi.choiceUtils.firstAvailableIndex(model.choices.map(function (c) {
+          return c.value;
+        }), 0),
+        feedback: {
+          type: 'none'
+        }
+      });
+
+      _this.props.onModelChanged(model);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (index, choice) {
+      var model = _this.props.model;
+
+      if (choice.correct && model.choiceMode === 'radio') {
+        model.choices = model.choices.map(function (c) {
+          return (0, _merge["default"])({}, c, {
+            correct: false
+          });
+        });
+      }
+
+      model.choices.splice(index, 1, choice);
+
+      _this.props.onModelChanged(model);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChanged", function (prompt) {
+      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        prompt: prompt
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChanged", function (teacherInstructions) {
+      _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
+        teacherInstructions: teacherInstructions
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onModelChanged", function (model, key) {
+      var onModelChanged = _this.props.onModelChanged;
+
+      switch (key) {
+        case 'choiceMode':
+          {
+            var value = model.choiceMode;
+
+            if (value === 'radio') {
+              var correctFound = false;
+              model.choices = model.choices.map(function (c) {
+                if (correctFound) {
+                  c.correct = false;
+                  return c;
+                }
+
+                if (c.correct) {
+                  correctFound = true;
+                }
+
+                return c;
+              });
+            }
+
+            onModelChanged(model, true);
+            break;
+          }
+
+        default:
+          onModelChanged(model);
+          break;
+      }
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Main, [{
+    key: "render",
+    value: function render() {
+      var dialog = this.state.dialog;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(InfoDialog, {
+        open: dialog.open,
+        title: dialog.message,
+        onCancel: dialog.onCancel,
+        onOk: dialog.onOk
+      }), /*#__PURE__*/_react["default"].createElement(Design, (0, _extends2["default"])({}, this.props, {
+        onChangeModel: this.onModelChanged,
+        onRemoveChoice: this.onRemoveChoice,
+        onChoiceChanged: this.onChoiceChanged,
+        onAddChoice: this.onAddChoice,
+        onPromptChanged: this.onPromptChanged,
+        onTeacherInstructionsChanged: this.onTeacherInstructionsChanged
+      })));
+    }
+  }]);
+  return Main;
+}(_react["default"].Component);
+
+exports.Main = Main;
+(0, _defineProperty2["default"])(Main, "propTypes", {
+  model: _propTypes["default"].object.isRequired,
+  configuration: _propTypes["default"].object.isRequired,
+  disableSidePanel: _propTypes["default"].bool,
+  onModelChanged: _propTypes["default"].func.isRequired,
+  onConfigurationChanged: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  imageSupport: _propTypes["default"].shape({
+    add: _propTypes["default"].func.isRequired,
+    "delete": _propTypes["default"].func.isRequired
+  })
+});
+var Styled = (0, _styles.withStyles)(styles)(Main);
+var _default = Styled;
+exports["default"] = _default;
+//# sourceMappingURL=main.js.map

package/configure/node_modules/@pie-element/multiple-choice/configure/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","radio","dropdown","MAX_CHOICES","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","rationaleHolder","accessibilityHolder","rationale","accessibility","design","choiceConfigurationHolder","display","flexDirection","alignItems","choiceConfiguration","switchElement","justifyContent","margin","addButton","disableButton","cursor","pointerEvents","backgroundColor","color","disabled","flexContainer","titleText","fontFamily","fontSize","lineHeight","marginRight","tooltip","whiteSpace","maxWidth","errorText","Design","props","classes","model","configuration","onPromptChanged","onChoiceChanged","onRemoveChoice","onAddChoice","imageSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","addChoiceButton","feedback","deleteChoice","choiceMode","choicePrefix","partialScoring","lockChoiceOrder","teacherInstructions","studentInstructions","scoringType","sequentialChoiceLabels","settingsPanelDisabled","choicesLayout","spellCheck","gridColumns","maxAnswerChoices","limitChoicesNumber","teacherInstructionsEnabled","rationaleEnabled","accessibilityLabelsEnabled","feedbackEnabled","promptEnabled","spellCheckEnabled","choices","errors","choicesErrors","correctResponseError","answerChoicesError","nrOfColumnsAvailable","length","Array","from","_","i","labelPlugins","audio","video","toolbarOpts","toolbarEditorPosition","position","validationMessage","Content","label","map","choice","index","c","value","root","settingsInPanel","Settings","Properties","studentInstructionsEnabled","InfoDialog","open","onCancel","onOk","title","propTypes","PropTypes","bool","func","string","Main","dialog","minAnswerChoices","setState","message","splice","onModelChanged","push","utils","firstAvailableIndex","type","correct","key","correctFound","state","React","Component","object","isRequired","disableSidePanel","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport {\n  InputContainer,\n  ChoiceConfiguration,\n  settings,\n  layout,\n  choiceUtils as utils,\n} from '@pie-lib/config-ui';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport merge from 'lodash/merge';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport Typography from '@material-ui/core/Typography';\nimport Info from '@material-ui/icons/Info';\nimport { generateValidationMessage } from './utils';\n\nconst { Panel, toggle, radio, dropdown } = settings;\n\nconst MAX_CHOICES = 9;\n\nconst styles = (theme) => ({\n  promptHolder: {\n    width: '100%',\n    paddingBottom: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n  },\n  prompt: {\n    paddingTop: theme.spacing.unit * 2,\n    width: '100%',\n  },\n  rationaleHolder: {\n    width: '70%',\n  },\n  accessibilityHolder: {\n    width: '70%',\n  },\n  rationale: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  accessibility: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n  design: {\n    paddingTop: theme.spacing.unit * 3,\n  },\n  choiceConfigurationHolder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  choiceConfiguration: {\n    width: '100%',\n    paddingTop: theme.spacing.unit * 2,\n    paddingBottom: theme.spacing.unit * 2,\n  },\n  switchElement: {\n    justifyContent: 'space-between',\n    margin: 0,\n  },\n  addButton: {\n    float: 'right',\n  },\n  disableButton: {\n    cursor: 'not-allowed',\n    pointerEvents: 'all',\n    backgroundColor: color.disabled(),\n    '&:hover': {\n      backgroundColor: color.disabled(),\n    },\n    '&:focus': {\n      backgroundColor: color.disabled(),\n    },\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '5px'\n  },\n  titleText: {\n    fontFamily: 'Cerebri Sans',\n    fontSize: '18px',\n    lineHeight: '19px',\n    color: '#495B8F',\n    marginRight: '5px'\n  },\n  tooltip: {\n    fontSize: '12px',\n    whiteSpace: 'pre',\n    maxWidth: '500px'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red',\n    paddingTop: '5px'\n  }\n});\n\nconst Design = withStyles(styles)((props) => {\n  const {\n    classes,\n    model,\n    configuration,\n    onPromptChanged,\n    onChoiceChanged,\n    onRemoveChoice,\n    onAddChoice,\n    imageSupport,\n    onChangeModel,\n    onConfigurationChanged,\n    onTeacherInstructionsChanged,\n  } = props;\n  const {\n    prompt = {},\n    addChoiceButton = {},\n    feedback = {},\n    deleteChoice = {},\n    choiceMode = {},\n    choicePrefix = {},\n    partialScoring = {},\n    lockChoiceOrder = {},\n    teacherInstructions = {},\n    studentInstructions = {},\n    rationale = {},\n    accessibility = {},\n    scoringType = {},\n    sequentialChoiceLabels = {},\n    settingsPanelDisabled,\n    choicesLayout,\n    spellCheck = {},\n    gridColumns\n  } = configuration || {};\n  let { maxAnswerChoices } = configuration || {};\n  const {\n    limitChoicesNumber,\n    teacherInstructionsEnabled,\n    rationaleEnabled,\n    accessibilityLabelsEnabled,\n    feedbackEnabled,\n    promptEnabled,\n    spellCheckEnabled,\n    choices,\n    errors\n  } = model || {};\n\n  const { choicesErrors, correctResponseError, answerChoicesError } = errors || {};\n  const nrOfColumnsAvailable = choices && choices.length\n    ? Array.from({ length: choices.length }, (_, i) => `${i + 1}`)\n    : [];\n\n  const labelPlugins = {\n    audio: { disabled: true },\n    video: { disabled: true },\n  };\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  // if old property is used, set maxAnswerChoices to 9\n  if (limitChoicesNumber) {\n    maxAnswerChoices = MAX_CHOICES;\n  }\n\n  const validationMessage = generateValidationMessage(configuration);\n\n  const Content = (\n    <div>\n      {teacherInstructionsEnabled && (\n        <InputContainer\n          label={teacherInstructions.label}\n          className={classes.promptHolder}\n        >\n          <EditableHtml\n            className={classes.prompt}\n            markup={model.teacherInstructions || ''}\n            onChange={onTeacherInstructionsChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\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={onPromptChanged}\n            imageSupport={imageSupport}\n            nonEmpty={false}\n            disableUnderline\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n          />\n        </InputContainer>\n      )}\n      <div className={classes.flexContainer}>\n        <Typography className={classes.titleText}>Choices</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      {correctResponseError && <div className={classes.errorText}>{correctResponseError}</div>}\n      {answerChoicesError && <div className={classes.errorText}>{answerChoicesError}</div>}\n      {choices.map((choice, index) => (\n        <div\n          key={`choice-${index}`}\n          className={classes.choiceConfigurationHolder}\n        >\n          <ChoiceConfiguration\n            key={index}\n            index={index + 1}\n            useLetterOrdering={model.choicePrefix === 'letters'}\n            className={classes.choiceConfiguration}\n            mode={model.choiceMode}\n            data={choice}\n            defaultFeedback={{}}\n            imageSupport={imageSupport}\n            onDelete={() => onRemoveChoice(index)}\n            onChange={(c) => onChoiceChanged(index, c)}\n            allowFeedBack={feedbackEnabled}\n            allowDelete={deleteChoice.settings}\n            noLabels\n            toolbarOpts={toolbarOpts}\n            spellCheck={spellCheckEnabled}\n            error={choicesErrors && choicesErrors[choice.value] ? choicesErrors[choice.value] : null}\n            noCorrectAnswerError={correctResponseError}\n          />\n          {rationaleEnabled && (\n            <InputContainer\n              key={`rationale-${index}`}\n              label={rationale.label}\n              className={classes.rationaleHolder}\n            >\n              <EditableHtml\n                className={classes.rationale}\n                markup={choice.rationale || ''}\n                onChange={(c) =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    rationale: c,\n                  })\n                }\n                imageSupport={imageSupport}\n                toolbarOpts={toolbarOpts}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n              />\n            </InputContainer>\n          )}\n          {accessibilityLabelsEnabled && (\n            <InputContainer\n              key={`accessibility-${index}`}\n              label={accessibility.label}\n              className={classes.accessibilityHolder}\n            >\n              <EditableHtml\n                className={classes.accessibility}\n                markup={choice.accessibility || ''}\n                onChange={(c) =>\n                  onChoiceChanged(index, {\n                    ...choice,\n                    accessibility: c,\n                  })\n                }\n                imageSupport={imageSupport}\n                pluginProps={labelPlugins}\n                spellCheck={spellCheckEnabled}\n              />\n            </InputContainer>\n          )}\n        </div>\n      ))}\n      <br/>\n      {addChoiceButton.settings && (\n        <Tooltip\n          title={\n            maxAnswerChoices && model.choices.length >= maxAnswerChoices\n              ? `Only ${maxAnswerChoices} allowed maximum`\n              : ''\n          }\n          classes={{ tooltip: classes.tooltip }}\n        >\n          <Button\n            classes={{ root: maxAnswerChoices && model.choices.length >= maxAnswerChoices && classes.disableButton }}\n            className={classes.addButton}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={onAddChoice}\n          >\n            {addChoiceButton.label}\n          </Button>\n        </Tooltip>\n      )}\n    </div>\n  );\n\n  const settingsInPanel = {\n    choiceMode:\n      choiceMode.settings && radio(choiceMode.label, ['checkbox', 'radio']),\n    'sequentialChoiceLabels.enabled':\n      sequentialChoiceLabels.settings &&\n      toggle(sequentialChoiceLabels.label, true),\n    choicePrefix:\n      choicePrefix.settings &&\n      radio(choicePrefix.label, ['numbers', 'letters']),\n    partialScoring: partialScoring.settings && toggle(partialScoring.label),\n    lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),\n    feedbackEnabled: feedback.settings && toggle(feedback.label),\n    choicesLayout:\n      choicesLayout.settings &&\n      dropdown(choicesLayout.label, ['vertical', 'grid', 'horizontal']),\n    gridColumns:\n      choicesLayout.settings &&\n      model.choicesLayout === 'grid' &&\n      nrOfColumnsAvailable.length > 0 &&\n      dropdown(gridColumns.label, nrOfColumnsAvailable),\n  };\n\n  return (\n    <div className={classes.design}>\n      {settingsPanelDisabled ? (\n        Content\n      ) : (\n        <layout.ConfigLayout\n          settings={\n            <Panel\n              model={model}\n              onChangeModel={onChangeModel}\n              configuration={configuration}\n              onChangeConfiguration={onConfigurationChanged}\n              groups={{\n                Settings: settingsInPanel,\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:\n                    rationale.settings && toggle(rationale.label),\n                  spellCheckEnabled:\n                    spellCheck.settings && toggle(spellCheck.label),\n                  accessibilityLabelsEnabled:\n                    accessibility.settings && toggle(accessibility.label),\n                  scoringType:\n                    scoringType.settings &&\n                    radio(scoringType.label, ['auto', 'rubric']),\n                },\n              }}\n            />\n          }\n        >\n          {Content}\n        </layout.ConfigLayout>\n      )}\n    </div>\n  );\n});\n\nconst InfoDialog = ({ open, onCancel, onOk, title }) => (\n  <Dialog open={open}>\n    <DialogTitle>{title}</DialogTitle>\n    <DialogActions>\n      {onOk && (\n        <Button onClick={onOk} color=\"primary\">\n          OK\n        </Button>\n      )}\n      {onCancel && (\n        <Button onClick={onCancel} color=\"primary\">\n          Cancel\n        </Button>\n      )}\n    </DialogActions>\n  </Dialog>\n);\n\nInfoDialog.propTypes = {\n  open: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onOk: PropTypes.func,\n  title: PropTypes.string,\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    disableSidePanel: PropTypes.bool,\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired,\n    }),\n  };\n\n  state = {\n    dialog: {\n      open: false,\n    },\n  };\n\n  onRemoveChoice = (index) => {\n    const { model, configuration } = this.props;\n    const { minAnswerChoices } = configuration || {};\n\n    if (minAnswerChoices && model.choices.length === minAnswerChoices) {\n      this.setState({\n        dialog: {\n          open: true,\n          message: `There can't be less than ${minAnswerChoices} choices.`,\n          onOk: () => {\n            this.setState({\n              dialog: {\n                open: false,\n              },\n            });\n          }\n        }\n      });\n    } else {\n      model.choices.splice(index, 1);\n      this.props.onModelChanged(model);\n    }\n  };\n\n  onAddChoice = () => {\n    const { model, configuration } = this.props;\n    let { maxAnswerChoices } = configuration || {};\n    const { limitChoicesNumber } = model || {};\n\n    // if old property is used, set maxAnswerChoices to 9\n    if (limitChoicesNumber) {\n      maxAnswerChoices = MAX_CHOICES;\n    }\n\n    if (maxAnswerChoices && model.choices.length >= maxAnswerChoices) {\n      return;\n    }\n\n    model.choices.push({\n      label: '',\n      value: utils.firstAvailableIndex(model.choices.map((c) => c.value), 0),\n      feedback: { type: 'none' }\n    });\n\n    this.props.onModelChanged(model);\n  };\n\n  onChoiceChanged = (index, choice) => {\n    const { model } = this.props;\n\n    if (choice.correct && model.choiceMode === 'radio') {\n      model.choices = model.choices.map((c) => {\n        return merge({}, c, { correct: false });\n      });\n    }\n\n    model.choices.splice(index, 1, choice);\n    this.props.onModelChanged(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  onModelChanged = (model, key) => {\n    const { onModelChanged } = this.props;\n\n    switch (key) {\n      case 'choiceMode': {\n        let value = model.choiceMode;\n\n        if (value === 'radio') {\n          let correctFound = false;\n\n          model.choices = model.choices.map((c) => {\n            if (correctFound) {\n              c.correct = false;\n\n              return c;\n            }\n\n            if (c.correct) {\n              correctFound = true;\n            }\n\n            return c;\n          });\n        }\n\n        onModelChanged(model, true);\n        break;\n      }\n      default:\n        onModelChanged(model);\n        break;\n    }\n  };\n\n  render() {\n    const { dialog } = this.state;\n\n    return (\n      <>\n        <InfoDialog\n          open={dialog.open}\n          title={dialog.message}\n          onCancel={dialog.onCancel}\n          onOk={dialog.onOk}\n        />\n        <Design\n          {...this.props}\n          onChangeModel={this.onModelChanged}\n          onRemoveChoice={this.onRemoveChoice}\n          onChoiceChanged={this.onChoiceChanged}\n          onAddChoice={this.onAddChoice}\n          onPromptChanged={this.onPromptChanged}\n          onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n        />\n      </>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"main.js"}