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

package/configure/package.json

@@ -9,9 +9,9 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/config-ui": "12.0.0-beta.3",
+    "@pie-lib/config-ui": "12.0.0-beta.5",
     "@pie-lib/drag": "^2.1.12",
-    "@pie-lib/editable-html": "10.0.0-beta.4",
+    "@pie-lib/editable-html": "10.0.0-beta.7",
     "@pie-lib/math-rendering": "^2.5.12",
     "@types/is-hotkey": "^0.1.1",
     "@types/lodash": "^4.14.149",
@@ -25,7 +25,7 @@
     "react-dnd": "^14.0.5",
     "react-dom": "^16.8.1",
     "scroll-into-view-if-needed": "^2.2.20",
-    "slate": "^0.82.1",
+    "slate": "^0.94.1",
     "slate-dev-environment": "^0.2.5",
     "slate-edit-list": "^0.12.1",
     "slate-edit-table": "^0.18.0",
@@ -34,7 +34,7 @@
     "slate-hyperscript": "^0.77.0",
     "slate-plain-serializer": "^0.7.13",
     "slate-prop-types": "^0.5.44",
-    "slate-react": "0.92.0",
+    "slate-react": "0.97.2",
     "tiny-invariant": "1.0.6"
   }
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "4.6.1-beta.0+524659031",
+  "version": "4.6.1-beta.3+e0e0490c5",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -14,7 +14,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/correct-answer-toggle": "^2.3.62",
-    "@pie-lib/mask-markup": "2.0.0-beta.1",
+    "@pie-lib/mask-markup": "2.0.0-beta.2",
     "@pie-lib/math-rendering": "^2.5.12",
     "@pie-lib/render-ui": "^4.14.12",
     "classnames": "^2.2.5",
@@ -23,11 +23,11 @@
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",
-    "slate-react": "0.92.0"
+    "slate-react": "0.97.2"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "524659031d4f760494f73f6e091bac2f9ef3f1e0",
+  "gitHead": "e0e0490c5b040c67f504c0bdfd00f6b834a28481",
   "main": "lib/index.js",
   "module": "src/index.js"
 }

package/configure/lib/choice.js

@@ -1,126 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/choice.jsx"],"names":["GripIcon","style","margin","propTypes","PropTypes","object","BlankContent","theme","choice","display","minWidth","minHeight","background","boxSizing","borderRadius","overflow","position","padding","cursor","deleteIcon","top","right","color","zIndex","props","classes","connectDragSource","onClick","onRemoveChoice","error","border","left","__html","value","e","preventDefault","stopPropagation","tileSource","canDrag","alert","disabled","beginDrag","id","targetId","instanceId","connect","monitor","dragSource","isDragging"],"mappings":"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","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"],"file":"choice.js"}

package/configure/lib/choices.js

@@ -1,347 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/choices.jsx"],"names":["window","renMath","renderMath","styles","theme","design","marginTop","spacing","unit","altChoices","alignItems","display","flexWrap","justifyContent","margin","errorText","fontSize","typography","color","paddingBottom","Choices","showWarning","domNode","ReactDOM","findDOMNode","prevValue","val","key","props","onChange","model","choices","correctResponse","alternateResponses","duplicatedValue","find","c","value","id","newChoices","filter","setState","map","choice","usedForResponse","Object","keys","forEach","responseKey","values","alternate","indexOf","alert","newChoicesWithoutTheEmptyOne","focusedEl","oldChoices","length","duplicates","v","rerenderMath","state","classes","error","maxChoices","toolbarOpts","uploadSoundSupport","visibleChoices","getVisibleChoices","addButton","onAddChoice","index","minWidth","zIndex","editor","editorInstance","prompt","video","disabled","audio","onChoiceChanged","undefined","onChoiceFocus","onChoiceRemove","React","Component","PropTypes","bool","string","object","isRequired","func","number","Styled"],"mappings":"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","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"],"file":"choices.js"}

package/configure/lib/defaults.js

@@ -1,77 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/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"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,QAAQ,EAAE,KADL;AAELC,IAAAA,IAAI,EAAE,QAFD;AAGLC,IAAAA,MAAM,EAAE,yCAHH;AAILC,IAAAA,MAAM,EAAE,EAJH;AAKLC,IAAAA,OAAO,EAAE,EALJ;AAMLC,IAAAA,eAAe,EAAE,OANZ;AAOLC,IAAAA,eAAe,EAAE,EAPZ;AAQLC,IAAAA,UAAU,EAAE,IARP;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,aAAa,EAAE,IAVV;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE;AAblB,GADM;AAgBbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAE;AAHC,KADC;AAMbZ,IAAAA,eAAe,EAAE;AACfW,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KANJ;AAUbb,IAAAA,MAAM,EAAE;AACNc,MAAAA,QAAQ,EAAE,IADJ;AAEND,MAAAA,KAAK,EAAE;AAFD,KAVK;AAcbR,IAAAA,UAAU,EAAE;AACVS,MAAAA,QAAQ,EAAE,IADA;AAEVD,MAAAA,KAAK,EAAE;AAFG,KAdC;AAkBbG,IAAAA,eAAe,EAAE;AACfF,MAAAA,QAAQ,EAAE,IADK;AAEfD,MAAAA,KAAK,EAAE;AAFQ,KAlBJ;AAsBbI,IAAAA,cAAc,EAAE;AACdH,MAAAA,QAAQ,EAAE,KADI;AAEdD,MAAAA,KAAK,EAAE;AAFO,KAtBH;AA0BbK,IAAAA,SAAS,EAAE;AACTJ,MAAAA,QAAQ,EAAE,IADD;AAETD,MAAAA,KAAK,EAAE;AAFE,KA1BE;AA8BbM,IAAAA,qBAAqB,EAAE,KA9BV;AA+BbC,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KA/BR;AAmCbQ,IAAAA,UAAU,EAAE,CAnCC;AAoCbC,IAAAA,gBAAgB,EAAE,EApCL;AAqCbC,IAAAA,aAAa,EAAE;AACbH,MAAAA,mBAAmB,EAAE,GADR;AAEbpB,MAAAA,MAAM,EAAE,GAFK;AAGbkB,MAAAA,SAAS,EAAE;AAHE,KArCF;AA0CbM,IAAAA,cAAc,EAAE;AACdJ,MAAAA,mBAAmB,EAAE,GADP;AAEdpB,MAAAA,MAAM,EAAE,GAFM;AAGdkB,MAAAA,SAAS,EAAE;AAHG,KA1CH;AA+CbO,IAAAA,UAAU,EAAE;AACVX,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG;AA/CC;AAhBF,C","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"],"file":"defaults.js"}