@pie-element/drag-in-the-blank 4.6.1-beta.3 → 4.6.1-beta.4

package/configure/lib/choice.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tileSource = exports["default"] = exports.BlankContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
+var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+var _reactDnd = require("react-dnd");
+var _styles = require("@material-ui/core/styles");
+var _markupUtils = require("./markupUtils");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var GripIcon = function GripIcon(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], {
+    style: {
+      margin: '0 -16px'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null));
+};
+GripIcon.propTypes = {
+  style: _propTypes["default"].object
+};
+var BlankContent = (0, _styles.withStyles)(function (theme) {
+  return {
+    choice: {
+      display: 'inline-flex',
+      minWidth: '178px',
+      minHeight: '36px',
+      background: '#FFF',
+      boxSizing: 'border-box',
+      borderRadius: '3px',
+      overflow: 'hidden',
+      position: 'relative',
+      padding: '8px 35px 8px 35px',
+      cursor: 'grab'
+    },
+    deleteIcon: {
+      position: 'absolute',
+      top: '6px',
+      right: '0',
+      color: '#9B9B9B',
+      zIndex: 2,
+      '& :hover': {
+        cursor: 'pointer',
+        color: '#000000'
+      }
+    }
+  };
+})(function (props) {
+  var classes = props.classes,
+    connectDragSource = props.connectDragSource,
+    choice = props.choice,
+    onClick = props.onClick,
+    onRemoveChoice = props.onRemoveChoice,
+    error = props.error;
+  return connectDragSource( /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.choice,
+    style: {
+      border: "1px solid ".concat(error ? 'red' : '#C0C3CF')
+    },
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement(GripIcon, {
+    style: {
+      position: 'absolute',
+      top: '6px',
+      left: '15px',
+      color: '#9B9B9B',
+      zIndex: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: choice.value
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Delete["default"], {
+    className: classes.deleteIcon,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      onRemoveChoice(e);
+    }
+  })));
+});
+exports.BlankContent = BlankContent;
+var tileSource = {
+  canDrag: function canDrag(props) {
+    if ((0, _markupUtils.choiceIsEmpty)(props.choice)) {
+      alert('You need to define a value for an answer choice before it can be associated with a response area.');
+      return false;
+    }
+    return !props.disabled;
+  },
+  beginDrag: function beginDrag(props) {
+    return {
+      id: props.targetId,
+      value: props.choice,
+      instanceId: props.instanceId
+    };
+  }
+};
+exports.tileSource = tileSource;
+var _default = (0, _reactDnd.DragSource)('drag-in-the-blank-choice', tileSource, function (connect, monitor) {
+  return {
+    connectDragSource: connect.dragSource(),
+    isDragging: monitor.isDragging()
+  };
+})(BlankContent);
+exports["default"] = _default;
+//# sourceMappingURL=choice.js.map

package/configure/lib/choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_MoreVert","_Delete","_reactDnd","_styles","_markupUtils","_propTypes","GripIcon","_ref","style","createElement","margin","propTypes","PropTypes","object","BlankContent","withStyles","theme","choice","display","minWidth","minHeight","background","boxSizing","borderRadius","overflow","position","padding","cursor","deleteIcon","top","right","color","zIndex","props","classes","connectDragSource","onClick","onRemoveChoice","error","className","border","concat","left","dangerouslySetInnerHTML","__html","value","e","preventDefault","stopPropagation","exports","tileSource","canDrag","choiceIsEmpty","alert","disabled","beginDrag","id","targetId","instanceId","_default","DragSource","connect","monitor","dragSource","isDragging"],"sources":["../src/choice.jsx"],"sourcesContent":["import React from 'react';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport Delete from '@material-ui/icons/Delete';\nimport { DragSource } from 'react-dnd';\nimport { withStyles } from '@material-ui/core/styles';\nimport { choiceIsEmpty } from './markupUtils';\nimport PropTypes from 'prop-types';\n\nconst GripIcon = ({ style }) => {\n  return (\n    <span style={style}>\n      <MoreVert style={{ margin: '0 -16px' }} />\n      <MoreVert />\n    </span>\n  );\n};\n\nGripIcon.propTypes = {\n  style: PropTypes.object,\n};\n\nexport const BlankContent = withStyles((theme) => ({\n  choice: {\n    display: 'inline-flex',\n    minWidth: '178px',\n    minHeight: '36px',\n    background: '#FFF',\n    boxSizing: 'border-box',\n    borderRadius: '3px',\n    overflow: 'hidden',\n    position: 'relative',\n    padding: '8px 35px 8px 35px',\n    cursor: 'grab',\n  },\n  deleteIcon: {\n    position: 'absolute',\n    top: '6px',\n    right: '0',\n    color: '#9B9B9B',\n    zIndex: 2,\n\n    '& :hover': {\n      cursor: 'pointer',\n      color: '#000000',\n    },\n  },\n}))((props) => {\n  const { classes, connectDragSource, choice, onClick, onRemoveChoice, error } = props;\n\n  return connectDragSource(\n    <div className={classes.choice} style={{ border: `1px solid ${error ? 'red' : '#C0C3CF'}` }} onClick={onClick}>\n      <GripIcon\n        style={{\n          position: 'absolute',\n          top: '6px',\n          left: '15px',\n          color: '#9B9B9B',\n          zIndex: 2,\n        }}\n      />\n\n      <span dangerouslySetInnerHTML={{ __html: choice.value }} />\n\n      <Delete\n        className={classes.deleteIcon}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n\n          onRemoveChoice(e);\n        }}\n      />\n    </div>,\n  );\n});\n\nexport const tileSource = {\n  canDrag(props) {\n    if (choiceIsEmpty(props.choice)) {\n      alert('You need to define a value for an answer choice before it can be associated with a response area.');\n      return false;\n    }\n\n    return !props.disabled;\n  },\n  beginDrag(props) {\n    return {\n      id: props.targetId,\n      value: props.choice,\n      instanceId: props.instanceId,\n    };\n  },\n};\n\nexport default DragSource('drag-in-the-blank-choice', tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(BlankContent);\n"],"mappings":"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"}

package/configure/lib/choices.js

@@ -0,0 +1,301 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Choices = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _reactDom = _interopRequireDefault(require("react-dom"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
+var _mathRendering = require("@pie-lib/math-rendering");
+var _find = _interopRequireDefault(require("lodash/find"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _choice = _interopRequireDefault(require("./choice"));
+var _markupUtils = require("./markupUtils");
+var _styles = require("@material-ui/core/styles");
+var _configUi = require("@pie-lib/config-ui");
+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; }
+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; } }
+window.renMath = _mathRendering.renderMath;
+var styles = function styles(theme) {
+  return {
+    design: {
+      marginTop: theme.spacing.unit * 2
+    },
+    altChoices: {
+      alignItems: 'flex-start',
+      display: 'flex',
+      flexWrap: 'wrap',
+      justifyContent: 'space-evenly',
+      margin: "".concat(theme.spacing.unit, "px 0"),
+      '& > *': {
+        margin: theme.spacing.unit
+      }
+    },
+    errorText: {
+      fontSize: theme.typography.fontSize - 2,
+      color: 'red',
+      paddingBottom: theme.spacing.unit * 2
+    }
+  };
+};
+var Choices = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Choices, _React$Component);
+  var _super = _createSuper(Choices);
+  function Choices() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Choices);
+    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), "editorInstance", null);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      showWarning: false
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rerenderMath", function () {
+      //eslint-disable-next-line
+      var domNode = _reactDom["default"].findDOMNode((0, _assertThisInitialized2["default"])(_this));
+      (0, _mathRendering.renderMath)(domNode);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceChanged", function (prevValue, val, key) {
+      var _this$props = _this.props,
+        onChange = _this$props.onChange,
+        model = _this$props.model;
+      var choices = model.choices,
+        correctResponse = model.correctResponse,
+        alternateResponses = model.alternateResponses;
+      var duplicatedValue = (choices || []).find(function (c) {
+        return c.value === val && c.id !== key;
+      });
+
+      // discard the new added choice or the changes if the choice would be a duplicate to one that already exists
+      if (duplicatedValue) {
+        if (prevValue === '') {
+          // remove the new added choice from choices
+          var _newChoices = (choices || []).filter(function (c) {
+            return c.id !== key;
+          });
+          onChange(_newChoices);
+        }
+        _this.setState({
+          showWarning: true
+        });
+        return;
+      }
+      var newChoices = (choices === null || choices === void 0 ? void 0 : choices.map(function (choice) {
+        return choice.id === key ? _objectSpread(_objectSpread({}, choice), {}, {
+          value: val
+        }) : choice;
+      })) || [];
+      if ((0, _markupUtils.choiceIsEmpty)({
+        value: val
+      })) {
+        // if the edited content is empty, its usage has to be searched in the correct response definitions
+        var usedForResponse = false;
+        if (correctResponse) {
+          Object.keys(correctResponse).forEach(function (responseKey) {
+            if (correctResponse[responseKey] === key) {
+              usedForResponse = true;
+            }
+          });
+        }
+        if (alternateResponses) {
+          Object.values(alternateResponses).forEach(function (alternate) {
+            if (alternate.indexOf(key) >= 0) {
+              usedForResponse = true;
+            }
+          });
+        }
+        if (usedForResponse) {
+          alert('Answer choices cannot be blank.');
+        } else {
+          if (!(0, _markupUtils.choiceIsEmpty)({
+            value: prevValue
+          })) {
+            // if the previous value was not empty, it means that the choice can be deleted
+            var newChoicesWithoutTheEmptyOne = newChoices.filter(function (choice) {
+              return choice.id !== key;
+            });
+            onChange(newChoicesWithoutTheEmptyOne);
+          } else {
+            onChange(newChoices);
+          }
+        }
+      } else {
+        onChange(newChoices);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceFocus", function (id) {
+      return _this.setState({
+        focusedEl: id
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAddChoice", function () {
+      var _this$props2 = _this.props,
+        oldChoices = _this$props2.model.choices,
+        onChange = _this$props2.onChange;
+      _this.setState({
+        focusedEl: "".concat(oldChoices.length)
+      }, function () {
+        onChange([].concat((0, _toConsumableArray2["default"])(oldChoices), [{
+          id: "".concat(oldChoices.length),
+          value: ''
+        }]));
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChoiceRemove", function (id) {
+      var _this$props3 = _this.props,
+        onChange = _this$props3.onChange,
+        choices = _this$props3.model.choices;
+      var newChoices = (choices || []).filter(function (choice) {
+        return choice.id !== id;
+      });
+      onChange(newChoices);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getVisibleChoices", function () {
+      var _this$props4 = _this.props,
+        duplicates = _this$props4.duplicates,
+        _this$props4$model = _this$props4.model,
+        choices = _this$props4$model.choices,
+        correctResponse = _this$props4$model.correctResponse;
+      if (!choices) {
+        return [];
+      }
+      if (duplicates) {
+        return choices;
+      }
+
+      // if duplicates not allowed, remove the choices that are used to define the correct response
+      return choices.filter(function (choice) {
+        return !(0, _find["default"])(correctResponse, function (v) {
+          return v === choice.id;
+        });
+      });
+    });
+    return _this;
+  }
+  (0, _createClass2["default"])(Choices, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.rerenderMath();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.rerenderMath();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$state = this.state,
+        focusedEl = _this$state.focusedEl,
+        showWarning = _this$state.showWarning;
+      var _this$props5 = this.props,
+        classes = _this$props5.classes,
+        duplicates = _this$props5.duplicates,
+        error = _this$props5.error,
+        maxChoices = _this$props5.maxChoices,
+        choices = _this$props5.model.choices,
+        toolbarOpts = _this$props5.toolbarOpts,
+        uploadSoundSupport = _this$props5.uploadSoundSupport;
+      var visibleChoices = this.getVisibleChoices() || [];
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.design
+      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        className: classes.addButton,
+        variant: "contained",
+        color: "primary",
+        onClick: this.onAddChoice,
+        disabled: maxChoices && choices && maxChoices === choices.length
+      }, "Add Choice"), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.altChoices
+      }, visibleChoices.map(function (choice, index) {
+        return focusedEl === choice.id ? /*#__PURE__*/_react["default"].createElement("div", {
+          key: index,
+          style: {
+            minWidth: '100%',
+            zIndex: '100'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
+          onEditor: function onEditor(editor) {
+            return _this2.editorInstance = editor;
+          },
+          className: classes.prompt,
+          markup: choice.value,
+          pluginProps: {
+            video: {
+              disabled: true
+            },
+            audio: {
+              disabled: true
+            }
+          },
+          onChange: function onChange(val) {
+            return _this2.onChoiceChanged(choice.value, val, choice.id);
+          },
+          onDone: function onDone() {
+            _this2.setState({
+              focusedEl: undefined
+            });
+          },
+          disableUnderline: true,
+          toolbarOpts: toolbarOpts,
+          uploadSoundSupport: uploadSoundSupport
+        })) : /*#__PURE__*/_react["default"].createElement(_choice["default"], {
+          key: index,
+          duplicates: duplicates,
+          targetId: "0",
+          choice: choice,
+          error: error,
+          onClick: function onClick() {
+            return _this2.onChoiceFocus(choice.id);
+          },
+          onRemoveChoice: function onRemoveChoice() {
+            return _this2.onChoiceRemove(choice.id);
+          }
+        });
+      })), error && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.errorText
+      }, error), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+        open: showWarning,
+        title: "Warning",
+        text: "Identical answer choices are not allowed and the changes will be discarded.",
+        onConfirm: function onConfirm() {
+          return _this2.setState({
+            showWarning: false
+          });
+        }
+      }));
+    }
+  }]);
+  return Choices;
+}(_react["default"].Component);
+exports.Choices = Choices;
+(0, _defineProperty2["default"])(Choices, "propTypes", {
+  duplicates: _propTypes["default"].bool,
+  error: _propTypes["default"].string,
+  model: _propTypes["default"].object.isRequired,
+  onChange: _propTypes["default"].func.isRequired,
+  classes: _propTypes["default"].object.isRequired,
+  toolbarOpts: _propTypes["default"].object,
+  maxChoices: _propTypes["default"].number,
+  uploadSoundSupport: _propTypes["default"].object
+});
+var Styled = (0, _styles.withStyles)(styles)(Choices);
+var _default = Styled;
+exports["default"] = _default;
+//# sourceMappingURL=choices.js.map

package/configure/lib/choices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"choices.js","names":["_react","_interopRequireDefault","require","_reactDom","_propTypes","_editableHtml","_mathRendering","_find","_Button","_choice","_markupUtils","_styles","_configUi","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","window","renMath","renderMath","styles","theme","design","marginTop","spacing","unit","altChoices","alignItems","display","flexWrap","justifyContent","margin","concat","errorText","fontSize","typography","color","paddingBottom","Choices","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","args","Array","_key","_assertThisInitialized2","showWarning","domNode","ReactDOM","findDOMNode","prevValue","val","_this$props","props","onChange","model","choices","correctResponse","alternateResponses","duplicatedValue","find","c","value","id","newChoices","setState","map","choice","choiceIsEmpty","usedForResponse","responseKey","values","alternate","indexOf","alert","newChoicesWithoutTheEmptyOne","focusedEl","_this$props2","oldChoices","_toConsumableArray2","_this$props3","_this$props4","duplicates","_this$props4$model","v","_createClass2","componentDidMount","rerenderMath","componentDidUpdate","render","_this2","_this$state","state","_this$props5","classes","error","maxChoices","toolbarOpts","uploadSoundSupport","visibleChoices","getVisibleChoices","createElement","className","addButton","variant","onClick","onAddChoice","disabled","index","style","minWidth","zIndex","onEditor","editor","editorInstance","prompt","markup","pluginProps","video","audio","onChoiceChanged","onDone","undefined","disableUnderline","targetId","onChoiceFocus","onRemoveChoice","onChoiceRemove","AlertDialog","open","title","text","onConfirm","React","Component","exports","PropTypes","bool","string","isRequired","func","number","Styled","withStyles","_default"],"sources":["../src/choices.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport find from 'lodash/find';\nimport Button from '@material-ui/core/Button';\nimport Choice from './choice';\nimport { choiceIsEmpty } from './markupUtils';\nimport { withStyles } from '@material-ui/core/styles';\nimport { AlertDialog } from '@pie-lib/config-ui';\n\nwindow.renMath = renderMath;\n\nconst styles = (theme) => ({\n  design: {\n    marginTop: theme.spacing.unit * 2,\n  },\n  altChoices: {\n    alignItems: 'flex-start',\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-evenly',\n    margin: `${theme.spacing.unit}px 0`,\n\n    '& > *': {\n      margin: theme.spacing.unit,\n    },\n  },\n  errorText: {\n    fontSize: theme.typography.fontSize - 2,\n    color: 'red',\n    paddingBottom: theme.spacing.unit * 2,\n  },\n});\n\nexport class Choices extends React.Component {\n  static propTypes = {\n    duplicates: PropTypes.bool,\n    error: PropTypes.string,\n    model: PropTypes.object.isRequired,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    toolbarOpts: PropTypes.object,\n    maxChoices: PropTypes.number,\n    uploadSoundSupport: PropTypes.object,\n  };\n\n  editorInstance = null;\n  state = { showWarning: false };\n\n  componentDidMount() {\n    this.rerenderMath();\n  }\n\n  componentDidUpdate() {\n    this.rerenderMath();\n  }\n\n  rerenderMath = () => {\n    //eslint-disable-next-line\n    const domNode = ReactDOM.findDOMNode(this);\n\n    renderMath(domNode);\n  };\n\n  onChoiceChanged = (prevValue, val, key) => {\n    const { onChange, model } = this.props;\n    const { choices, correctResponse, alternateResponses } = model;\n    const duplicatedValue = (choices || []).find((c) => c.value === val && c.id !== key);\n\n    // discard the new added choice or the changes if the choice would be a duplicate to one that already exists\n    if (duplicatedValue) {\n      if (prevValue === '') {\n        // remove the new added choice from choices\n        const newChoices = (choices || []).filter((c) => c.id !== key);\n\n        onChange(newChoices);\n      }\n\n      this.setState({ showWarning: true });\n\n      return;\n    }\n\n    const newChoices = choices?.map((choice) => (choice.id === key ? { ...choice, value: val } : choice)) || [];\n\n    if (choiceIsEmpty({ value: val })) {\n      // if the edited content is empty, its usage has to be searched in the correct response definitions\n      let usedForResponse = false;\n\n      if (correctResponse) {\n        Object.keys(correctResponse).forEach((responseKey) => {\n          if (correctResponse[responseKey] === key) {\n            usedForResponse = true;\n          }\n        });\n      }\n\n      if (alternateResponses) {\n        Object.values(alternateResponses).forEach((alternate) => {\n          if (alternate.indexOf(key) >= 0) {\n            usedForResponse = true;\n          }\n        });\n      }\n\n      if (usedForResponse) {\n        alert('Answer choices cannot be blank.');\n      } else {\n        if (!choiceIsEmpty({ value: prevValue })) {\n          // if the previous value was not empty, it means that the choice can be deleted\n          const newChoicesWithoutTheEmptyOne = newChoices.filter((choice) => choice.id !== key);\n\n          onChange(newChoicesWithoutTheEmptyOne);\n        } else {\n          onChange(newChoices);\n        }\n      }\n    } else {\n      onChange(newChoices);\n    }\n  };\n\n  onChoiceFocus = (id) =>\n    this.setState({\n      focusedEl: id,\n    });\n\n  onAddChoice = () => {\n    const {\n      model: { choices: oldChoices },\n      onChange,\n    } = this.props;\n\n    this.setState(\n      {\n        focusedEl: `${oldChoices.length}`,\n      },\n      () => {\n        onChange([\n          ...oldChoices,\n          {\n            id: `${oldChoices.length}`,\n            value: '',\n          },\n        ]);\n      },\n    );\n  };\n\n  onChoiceRemove = (id) => {\n    const {\n      onChange,\n      model: { choices },\n    } = this.props;\n    const newChoices = (choices || []).filter((choice) => choice.id !== id);\n\n    onChange(newChoices);\n  };\n\n  getVisibleChoices = () => {\n    const {\n      duplicates,\n      model: { choices, correctResponse },\n    } = this.props;\n\n    if (!choices) {\n      return [];\n    }\n\n    if (duplicates) {\n      return choices;\n    }\n\n    // if duplicates not allowed, remove the choices that are used to define the correct response\n    return choices.filter((choice) => !find(correctResponse, (v) => v === choice.id));\n  };\n\n  render() {\n    const { focusedEl, showWarning } = this.state;\n    const {\n      classes,\n      duplicates,\n      error,\n      maxChoices,\n      model: { choices },\n      toolbarOpts,\n      uploadSoundSupport,\n    } = this.props;\n    const visibleChoices = this.getVisibleChoices() || [];\n\n    return (\n      <div className={classes.design}>\n        <Button\n          className={classes.addButton}\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={this.onAddChoice}\n          disabled={maxChoices && choices && maxChoices === choices.length}\n        >\n          Add Choice\n        </Button>\n\n        <div className={classes.altChoices}>\n          {visibleChoices.map((choice, index) =>\n            focusedEl === choice.id ? (\n              <div\n                key={index}\n                style={{\n                  minWidth: '100%',\n                  zIndex: '100',\n                }}\n              >\n                <EditableHtml\n                  onEditor={editor => (this.editorInstance = editor)}\n                  className={classes.prompt}\n                  markup={choice.value}\n                  pluginProps={{\n                    video: {\n                      disabled: true,\n                    },\n                    audio: {\n                      disabled: true,\n                    },\n                  }}\n                  onChange={(val) => this.onChoiceChanged(choice.value, val, choice.id)}\n                  onDone={() => {\n                    this.setState({\n                      focusedEl: undefined,\n                    });\n                  }}\n                  disableUnderline\n                  toolbarOpts={toolbarOpts}\n                  uploadSoundSupport={uploadSoundSupport}\n                />\n              </div>\n            ) : (\n              <Choice\n                key={index}\n                duplicates={duplicates}\n                targetId=\"0\"\n                choice={choice}\n                error={error}\n                onClick={() => this.onChoiceFocus(choice.id)}\n                onRemoveChoice={() => this.onChoiceRemove(choice.id)}\n              />\n            ),\n          )}\n        </div>\n        {error && <div className={classes.errorText}>{error}</div>}\n\n        <AlertDialog\n          open={showWarning}\n          title=\"Warning\"\n          text=\"Identical answer choices are not allowed and the changes will be discarded.\"\n          onConfirm={() => this.setState({ showWarning: false })}\n        />\n      </div>\n    );\n  }\n}\n\nconst Styled = withStyles(styles)(Choices);\n\nexport default Styled;\n"],"mappings":"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"}

package/configure/lib/defaults.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  model: {
+    disabled: false,
+    mode: 'gather',
+    prompt: 'Use the inputs to complete the sentence',
+    markup: '',
+    choices: [],
+    choicesPosition: 'below',
+    correctResponse: {},
+    duplicates: true,
+    rationaleEnabled: true,
+    promptEnabled: true,
+    teacherInstructionsEnabled: true,
+    studentInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom'
+  },
+  configuration: {
+    spellCheck: {
+      label: 'Spellcheck',
+      settings: false,
+      enabled: true
+    },
+    choicesPosition: {
+      settings: true,
+      label: 'Choices Position'
+    },
+    prompt: {
+      settings: true,
+      label: 'Prompt'
+    },
+    duplicates: {
+      settings: true,
+      label: 'Duplicates'
+    },
+    lockChoiceOrder: {
+      settings: true,
+      label: 'Lock Choice Order'
+    },
+    partialScoring: {
+      settings: false,
+      label: 'Allow Partial Scoring'
+    },
+    rationale: {
+      settings: true,
+      label: 'Rationale'
+    },
+    settingsPanelDisabled: false,
+    teacherInstructions: {
+      settings: true,
+      label: 'Teacher Instructions'
+    },
+    minChoices: 2,
+    maxResponseAreas: 10,
+    maxImageWidth: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    maxImageHeight: {
+      teacherInstructions: 300,
+      prompt: 300,
+      rationale: 300
+    },
+    withRubric: {
+      settings: false,
+      label: 'Add Rubric'
+    }
+  }
+};
+exports["default"] = _default;
+//# sourceMappingURL=defaults.js.map

package/configure/lib/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","names":["model","disabled","mode","prompt","markup","choices","choicesPosition","correctResponse","duplicates","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","spellCheck","label","settings","enabled","lockChoiceOrder","partialScoring","rationale","settingsPanelDisabled","teacherInstructions","minChoices","maxResponseAreas","maxImageWidth","maxImageHeight","withRubric","exports","_default"],"sources":["../src/defaults.js"],"sourcesContent":["export default {\n  model: {\n    disabled: false,\n    mode: 'gather',\n    prompt: 'Use the inputs to complete the sentence',\n    markup: '',\n    choices: [],\n    choicesPosition: 'below',\n    correctResponse: {},\n    duplicates: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    spellCheck: {\n      label: 'Spellcheck',\n      settings: false,\n      enabled: true,\n    },\n    choicesPosition: {\n      settings: true,\n      label: 'Choices Position',\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt',\n    },\n    duplicates: {\n      settings: true,\n      label: 'Duplicates',\n    },\n    lockChoiceOrder: {\n      settings: true,\n      label: 'Lock Choice Order',\n    },\n    partialScoring: {\n      settings: false,\n      label: 'Allow Partial Scoring',\n    },\n    rationale: {\n      settings: true,\n      label: 'Rationale',\n    },\n    settingsPanelDisabled: false,\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions',\n    },\n    minChoices: 2,\n    maxResponseAreas: 10,\n    maxImageWidth: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    maxImageHeight: {\n      teacherInstructions: 300,\n      prompt: 300,\n      rationale: 300,\n    },\n    withRubric: {\n      settings: false,\n      label: 'Add Rubric',\n    },\n  },\n};\n"],"mappings":";;;;;;eAAe;EACbA,KAAK,EAAE;IACLC,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,yCAAyC;IACjDC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,EAAE;IACXC,eAAe,EAAE,OAAO;IACxBC,eAAe,EAAE,CAAC,CAAC;IACnBC,UAAU,EAAE,IAAI;IAChBC,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,IAAI;IACnBC,0BAA0B,EAAE,IAAI;IAChCC,0BAA0B,EAAE,IAAI;IAChCC,qBAAqB,EAAE;EACzB,CAAC;EACDC,aAAa,EAAE;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE,YAAY;MACnBC,QAAQ,EAAE,KAAK;MACfC,OAAO,EAAE;IACX,CAAC;IACDZ,eAAe,EAAE;MACfW,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDb,MAAM,EAAE;MACNc,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDR,UAAU,EAAE;MACVS,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDG,eAAe,EAAE;MACfF,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDI,cAAc,EAAE;MACdH,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT,CAAC;IACDK,SAAS,EAAE;MACTJ,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDM,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAE;MACnBN,QAAQ,EAAE,IAAI;MACdD,KAAK,EAAE;IACT,CAAC;IACDQ,UAAU,EAAE,CAAC;IACbC,gBAAgB,EAAE,EAAE;IACpBC,aAAa,EAAE;MACbH,mBAAmB,EAAE,GAAG;MACxBpB,MAAM,EAAE,GAAG;MACXkB,SAAS,EAAE;IACb,CAAC;IACDM,cAAc,EAAE;MACdJ,mBAAmB,EAAE,GAAG;MACxBpB,MAAM,EAAE,GAAG;MACXkB,SAAS,EAAE;IACb,CAAC;IACDO,UAAU,EAAE;MACVX,QAAQ,EAAE,KAAK;MACfD,KAAK,EAAE;IACT;EACF;AACF,CAAC;AAAAa,OAAA,cAAAC,QAAA"}