@instructure/quiz-core 21.1.1 → 22.0.0

package/lib/building/components/resources/quizEntry/QuizEntry/presenter.js

@@ -4,13 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.QuizEntry = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports["default"] = exports.QuizEntry = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _immutable = require("immutable");
@@ -20,117 +21,132 @@ var _partial = _interopRequireDefault(require("lodash/partial"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-var _index = _interopRequireDefault(require("../../../../../common/components/resources/WarningWrapper/index.js"));
-var _warningHelpers = require("../../../../../common/util/warningHelpers.js");
-var _QuizEntry2 = _interopRequireDefault(require("../../../../../common/records/QuizEntry.js"));
-var _index2 = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankShow/index.js"));
-var _index3 = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankEdit/index.js"));
-var _index4 = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemEdit/index.js"));
-var _index5 = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemShow/index.js"));
-var _index6 = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemOverride/index.js"));
-var _index7 = _interopRequireDefault(require("../../AddToBankOptions/index.js"));
-var _index8 = _interopRequireDefault(require("../../../../../common/components/shared/TagDisplay/index.js"));
-var _Item = _interopRequireDefault(require("../../../../../common/records/Item.js"));
+var _WarningWrapper = _interopRequireDefault(require("../../../../../common/components/resources/WarningWrapper"));
+var _warningHelpers = require("../../../../../common/util/warningHelpers");
+var _QuizEntry2 = _interopRequireDefault(require("../../../../../common/records/QuizEntry"));
+var _QuizEntryBankShow = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankShow"));
+var _QuizEntryBankEdit = _interopRequireDefault(require("../QuizEntryBank/QuizEntryBankEdit"));
+var _ItemEdit = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemEdit"));
+var _ItemShow = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemShow"));
+var _ItemOverride = _interopRequireDefault(require("../../../../../common/components/resources/item/ItemOverride"));
+var _AddToBankOptions = _interopRequireDefault(require("../../AddToBankOptions"));
+var _TagDisplay = _interopRequireDefault(require("../../../../../common/components/shared/TagDisplay"));
+var _Item = _interopRequireDefault(require("../../../../../common/records/Item"));
 var _quizCommon = require("@instructure/quiz-common");
-var _index9 = _interopRequireDefault(require("../QuizEntryShow/index.js"));
-var _index10 = _interopRequireDefault(require("../QuizEntryEdit/index.js"));
-var _index11 = _interopRequireDefault(require("../../../../../common/components/resources/stimulus/Stimulus/index.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
+var _QuizEntryShow = _interopRequireDefault(require("../QuizEntryShow"));
+var _QuizEntryEdit = _interopRequireDefault(require("../QuizEntryEdit"));
+var _Stimulus = _interopRequireDefault(require("../../../../../common/components/resources/stimulus/Stimulus"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _QuizEntry;
 /** @jsx jsx */
-var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizEntry, _Component);
-  var _super = (0, _createSuper2.default)(QuizEntry);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
+var QuizEntry = exports.QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
   function QuizEntry() {
-    var _this;
-    (0, _classCallCheck2.default)(this, QuizEntry);
+    var _this2;
+    (0, _classCallCheck2["default"])(this, QuizEntry);
     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));
-    _this.itemOverrideTypes = function () {
-      return ['choice'].concat((0, _toConsumableArray2.default)(_this.props.partialScoringEnabled ? ['multi-answer'] : []), (0, _toConsumableArray2.default)(_this.props.partialDeepScoringEnabled ? ['matching'] : []));
-    };
-    _this.openRegradeModal = function () {
-      if (_this.props.regradingOn) {
-        _this.props.openModal(_quizCommon.REGRADE_MODAL);
+    _this2 = _callSuper(this, QuizEntry, [].concat(_args));
+    (0, _defineProperty2["default"])(_this2, "itemOverrideTypes", function () {
+      return ['choice'].concat((0, _toConsumableArray2["default"])(_this2.props.partialScoringEnabled ? ['multi-answer'] : []), (0, _toConsumableArray2["default"])(_this2.props.partialDeepScoringEnabled ? ['matching'] : []));
+    });
+    (0, _defineProperty2["default"])(_this2, "openRegradeModal", function () {
+      if (_this2.props.regradingOn) {
+        _this2.props.openModal(_quizCommon.REGRADE_MODAL);
       }
-    };
-    _this.renderItemBankingOptions = function () {
-      return (0, _emotion.jsx)(_index7.default, {
-        displayPosition: _this.props.displayPosition,
-        entryType: _this.props.quizEntry.entryType,
-        focusFirstErrorField: _this.focusFirstErrorField,
-        guid: _this.props.guid,
-        isValid: _this.props.workingEntry.isValid(),
-        openModal: _this.props.openModal,
-        screenreaderNotification: _this.props.screenreaderNotification,
-        showError: _this.props.showError,
+    });
+    (0, _defineProperty2["default"])(_this2, "renderItemBankingOptions", function () {
+      return (0, _emotion.jsx)(_AddToBankOptions["default"], {
+        displayPosition: _this2.props.displayPosition,
+        entryType: _this2.props.quizEntry.entryType,
+        focusFirstErrorField: _this2.focusFirstErrorField,
+        guid: _this2.props.guid,
+        isValid: _this2.props.workingEntry.isValid(),
+        openModal: _this2.props.openModal,
+        screenreaderNotification: _this2.props.screenreaderNotification,
+        showError: _this2.props.showError,
         "data-automation": "sdk-item-banking-options"
       });
-    };
-    _this.storeDndComponentRef = function (node) {
-      _this.dndComponent = node;
-    };
-    _this.handleQuizEntryPointsChange = function (points) {
-      _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, points);
-    };
-    _this.handleRef = function (node) {
-      _this.itemEditArea = node;
-    };
-    _this.focusFirstErrorField = function () {
-      if (_this.itemEditArea) {
-        var editArea = _reactDom.default.findDOMNode(_this.itemEditArea);
+    });
+    (0, _defineProperty2["default"])(_this2, "storeDndComponentRef", function (node) {
+      _this2.dndComponent = node;
+    });
+    (0, _defineProperty2["default"])(_this2, "handleQuizEntryPointsChange", function (points) {
+      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, points);
+    });
+    (0, _defineProperty2["default"])(_this2, "handleRef", function (node) {
+      _this2.itemEditArea = node;
+    });
+    (0, _defineProperty2["default"])(_this2, "focusFirstErrorField", function () {
+      if (_this2.itemEditArea) {
+        var editArea = _reactDom["default"].findDOMNode(_this2.itemEditArea);
         var firstErrorField = editArea === null || editArea === void 0 ? void 0 : editArea.querySelector('[aria-invalid="true"]');
         firstErrorField && firstErrorField.focus();
       }
-    };
-    _this.renderPrintableItemBankSample = function (sampleItem, index) {
-      var quizEntry = _QuizEntry2.default.create(sampleItem.toObject());
+    });
+    (0, _defineProperty2["default"])(_this2, "renderPrintableItemBankSample", function (sampleItem, index) {
+      var quizEntry = _QuizEntry2["default"].create(sampleItem.toObject());
       var entryMutable = quizEntry.entry.toJS();
-      var item = _Item.default.create(entryMutable);
-      var overrideProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.props), {}, {
+      var item = _Item["default"].create(entryMutable);
+      var overrideProps = _objectSpread(_objectSpread({}, _this2.props), {}, {
         quizEntry: quizEntry,
         entry: item,
-        displayPosition: _this.props.displayPosition + index,
+        displayPosition: _this2.props.displayPosition + index,
         interactionTypeName: entryMutable.interactionType.name
       });
       return (0, _emotion.jsx)("div", {
         key: index,
-        css: _this.props.styles.sampleItems
-      }, (0, _emotion.jsx)(_index9.default, overrideProps, (0, _emotion.jsx)(_index5.default, _this.propsForItem(item))));
-    };
-    _this.bankEntryWarningWrapperProps = function () {
-      if (_this.props.quizEntry.entryEditable) {
-        var _this$props$entry;
-        var isPassage = (_this$props$entry = _this.props.entry) === null || _this$props$entry === void 0 ? void 0 : _this$props$entry.passage;
-        var propsFunc = _this.props.quizEntry.hasStimulus ? function () {
+        css: _this2.props.styles.sampleItems
+      }, (0, _emotion.jsx)(_QuizEntryShow["default"], overrideProps, (0, _emotion.jsx)(_ItemShow["default"], _this2.propsForItem(item))));
+    });
+    (0, _defineProperty2["default"])(_this2, "bankEntryWarningWrapperProps", function () {
+      if (_this2.props.quizEntry.entryEditable) {
+        var _this2$props$entry;
+        var isPassage = (_this2$props$entry = _this2.props.entry) === null || _this2$props$entry === void 0 ? void 0 : _this2$props$entry.passage;
+        var propsFunc = _this2.props.quizEntry.hasStimulus ? function () {
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = arguments[_key2];
           }
           return _warningHelpers.propsForStimulusBankEntryEditPrompt.apply(void 0, [isPassage].concat(args));
         } : _warningHelpers.propsForItemBankEntryEditPrompt;
-        return propsFunc(_this.isEditing(), _this.props.switchOffEditing, function () {
-          var bankEntry = _this.props.quizEntry.getEntry();
-          _this.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
-          _this.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
-          _this.props.newActiveBank(bankEntry.bankId);
-          _this.props.switchOffEditing();
+        return propsFunc(_this2.isEditing(), _this2.props.switchOffEditing, function () {
+          var bankEntry = _this2.props.quizEntry.getEntry();
+          _this2.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
+          _this2.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
+          _this2.props.newActiveBank(bankEntry.bankId);
+          _this2.props.switchOffEditing();
         });
       }
-      return (0, _warningHelpers.propsForBankEntryUnauthorizedEdit)(_this.isEditing());
-    };
-    return _this;
+      return (0, _warningHelpers.propsForBankEntryUnauthorizedEdit)(_this2.isEditing());
+    });
+    return _this2;
   }
-  (0, _createClass2.default)(QuizEntry, [{
+  (0, _inherits2["default"])(QuizEntry, _Component);
+  return (0, _createClass2["default"])(QuizEntry, [{
     key: "additionalEditOptions",
     value: function additionalEditOptions(item) {
       var options = [];
       if (this.props.quizEntry.entryType === 'Item') {
         options.push({
           key: 'banks',
-          title: (0, _formatMessage.default)('Item Banking'),
+          title: (0, _formatMessage["default"])('Item Banking'),
           component: this.renderItemBankingOptions()
         });
       }
@@ -139,7 +155,7 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "propsForItem",
     value: function propsForItem() {
-      var customItem = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
+      var customItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       var item = customItem || this.props.entry;
       return {
         additionalOptions: this.additionalEditOptions(item),
@@ -169,7 +185,7 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
         haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
         itemEditArea: this.itemEditArea
-      }, (0, _pick.default)(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'isContentLockedByBlueprint', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
+      }, (0, _pick["default"])(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'isContentLockedByBlueprint', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
     }
   }, {
     key: "isEditing",
@@ -185,19 +201,19 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         entry = _this$props.entry,
         shouldClone = _this$props.shouldClone,
         quizEntry = _this$props.quizEntry;
-      var QuizEntryComponent = isEditing ? _index10.default : _index9.default;
-      var ItemComponent = isEditing && (!entry.isImmutable() || shouldClone) ? _index4.default : _index5.default;
+      var QuizEntryComponent = isEditing ? _QuizEntryEdit["default"] : _QuizEntryShow["default"];
+      var ItemComponent = isEditing && (!entry.isImmutable() || shouldClone) ? _ItemEdit["default"] : _ItemShow["default"];
       var itemProps = this.propsForItem();
       var quizEntryProps = this.quizEntryProps();
       var propsForWrapperFunc = quizEntry.isArchivedBankEntry ? _warningHelpers.propsForBankEntryVersioningWrapper : _warningHelpers.propsForItemVersioningWrapper;
-      var propsForItemVersioning = propsForWrapperFunc(entry.isImmutable() || quizEntry.isArchivedBankEntry, shouldClone, (0, _partial.default)(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, isEditing, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
-      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_index.default, propsForItemVersioning, (0, _emotion.jsx)(ItemComponent, itemProps)));
+      var propsForItemVersioning = propsForWrapperFunc(entry.isImmutable() || quizEntry.isArchivedBankEntry, shouldClone, (0, _partial["default"])(this.props.setUi, _quizCommon.SHOULD_CLONE_ITEM), this.props.switchOffEditing, isEditing, quizEntry.isArchivedBankEntry ? 'info' : 'warning');
+      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_WarningWrapper["default"], propsForItemVersioning, (0, _emotion.jsx)(ItemComponent, itemProps)));
     }
   }, {
     key: "renderBank",
     value: function renderBank() {
-      var QuizEntryComponent = this.props.isEditing ? _index10.default : _index9.default;
-      var QuizEntryBankComponent = this.props.isEditing ? _index3.default : _index2.default;
+      var QuizEntryComponent = this.props.isEditing ? _QuizEntryEdit["default"] : _QuizEntryShow["default"];
+      var QuizEntryBankComponent = this.props.isEditing ? _QuizEntryBankEdit["default"] : _QuizEntryBankShow["default"];
       var bank = this.props.workingQuizEntry.getEntry();
       var bankProps = {
         title: bank.title,
@@ -232,11 +248,11 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
         isBankedContent: true
       };
       var quizEntryProps = Object.assign({}, this.props, overrideProps);
-      var QuizEntryComponent = this.isEditing() ? _index10.default : _index9.default;
+      var QuizEntryComponent = this.isEditing() ? _QuizEntryEdit["default"] : _QuizEntryShow["default"];
       var itemProps = this.propsForItem();
       var mergedItem = this.isEditing() ? this.props.workingQuizEntry.getItem() : itemProps.entry;
-      var ItemComponent = this.isOverriding() ? _index6.default : _index5.default;
-      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_index.default, Object.assign({}, bankEntryWarningWrapperProps, {
+      var ItemComponent = this.isOverriding() ? _ItemOverride["default"] : _ItemShow["default"];
+      return (0, _emotion.jsx)(QuizEntryComponent, quizEntryProps, (0, _emotion.jsx)(_WarningWrapper["default"], Object.assign({}, bankEntryWarningWrapperProps, {
         disableChildren: this.isEditing() && !this.isOverridable()
       }), (0, _emotion.jsx)(ItemComponent, Object.assign({}, itemProps, {
         entry: mergedItem,
@@ -246,7 +262,7 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "renderStimulus",
     value: function renderStimulus(bankEntryWarningWrapperProps) {
-      return (0, _emotion.jsx)(_index11.default, {
+      return (0, _emotion.jsx)(_Stimulus["default"], {
         bankEntryWarningWrapperProps: bankEntryWarningWrapperProps,
         childEntries: this.props.childEntries,
         displayPosition: this.props.displayPosition,
@@ -274,7 +290,7 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   }, {
     key: "renderTags",
     value: function renderTags() {
-      return (0, _emotion.jsx)(_index8.default, {
+      return (0, _emotion.jsx)(_TagDisplay["default"], {
         tagAssociations: this.props.tagAssociations
       });
     }
@@ -323,54 +339,52 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       }, this.renderQuizEntryByType()));
     }
   }]);
-  QuizEntry.displayName = "QuizEntry";
-  return QuizEntry;
-}(_react.Component), _QuizEntry.displayName = 'QuizEntry', _QuizEntry.componentId = "Quizzes".concat(_QuizEntry.displayName), _QuizEntry.propTypes = {
-  changeQuizEntryPoints: _propTypes.default.func.isRequired,
-  childEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record),
-  connectDropTarget: _propTypes.default.func.isRequired,
+}(_react.Component), (0, _defineProperty2["default"])(_QuizEntry, "displayName", 'QuizEntry'), (0, _defineProperty2["default"])(_QuizEntry, "componentId", "Quizzes".concat(_QuizEntry.displayName)), (0, _defineProperty2["default"])(_QuizEntry, "propTypes", {
+  changeQuizEntryPoints: _propTypes["default"].func.isRequired,
+  childEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record),
+  connectDropTarget: _propTypes["default"].func.isRequired,
   // injected by DnD
-  displayPosition: _propTypes.default.number.isRequired,
-  entry: _reactImmutableProptypes.default.record.isRequired,
-  guid: _propTypes.default.string.isRequired,
-  initialFocusId: _propTypes.default.string,
-  isEditing: _propTypes.default.bool,
-  draggingOnBuild: _propTypes.default.bool,
-  newActiveBank: _propTypes.default.func.isRequired,
-  newActiveBankEntry: _propTypes.default.func.isRequired,
-  newHoverPosition: _propTypes.default.func.isRequired,
+  displayPosition: _propTypes["default"].number.isRequired,
+  entry: _reactImmutableProptypes["default"].record.isRequired,
+  guid: _propTypes["default"].string.isRequired,
+  initialFocusId: _propTypes["default"].string,
+  isEditing: _propTypes["default"].bool,
+  draggingOnBuild: _propTypes["default"].bool,
+  newActiveBank: _propTypes["default"].func.isRequired,
+  newActiveBankEntry: _propTypes["default"].func.isRequired,
+  newHoverPosition: _propTypes["default"].func.isRequired,
   // used for DnD
-  openModal: _propTypes.default.func.isRequired,
-  partialDeepScoringEnabled: _propTypes.default.bool,
-  partialScoringEnabled: _propTypes.default.bool,
-  propsForQuizEntry: _propTypes.default.func.isRequired,
-  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
-  quizEntry: _reactImmutableProptypes.default.record.isRequired,
-  quizId: _propTypes.default.string.isRequired,
-  isContentLockedByBlueprint: _propTypes.default.bool.isRequired,
-  regradingOn: _propTypes.default.bool.isRequired,
-  screenreaderNotification: _propTypes.default.func.isRequired,
-  scrollKey: _propTypes.default.string,
-  setUi: _propTypes.default.func.isRequired,
-  shouldClone: _propTypes.default.bool,
-  showError: _propTypes.default.func.isRequired,
-  switchOffEditing: _propTypes.default.func.isRequired,
-  switchOnEditing: _propTypes.default.func.isRequired,
-  tagAssociations: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  useBankTags: _propTypes.default.bool,
-  workingEntry: _reactImmutableProptypes.default.record.isRequired,
-  workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
-  editQuizEntryToggle: _propTypes.default.bool.isRequired,
-  onEditQuizEntryToggle: _propTypes.default.func.isRequired,
-  handleValidationErrorsFromApi: _propTypes.default.func.isRequired,
-  clearValidationErrorsFromApi: _propTypes.default.func.isRequired,
-  validationErrorsFromApi: _propTypes.default.objectOf(_propTypes.default.arrayOf(_propTypes.default.shape({
-    type: _propTypes.default.string,
-    text: _propTypes.default.string
+  openModal: _propTypes["default"].func.isRequired,
+  partialDeepScoringEnabled: _propTypes["default"].bool,
+  partialScoringEnabled: _propTypes["default"].bool,
+  propsForQuizEntry: _propTypes["default"].func.isRequired,
+  quizEntries: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].record).isRequired,
+  quizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  quizId: _propTypes["default"].string.isRequired,
+  isContentLockedByBlueprint: _propTypes["default"].bool.isRequired,
+  regradingOn: _propTypes["default"].bool.isRequired,
+  screenreaderNotification: _propTypes["default"].func.isRequired,
+  scrollKey: _propTypes["default"].string,
+  setUi: _propTypes["default"].func.isRequired,
+  shouldClone: _propTypes["default"].bool,
+  showError: _propTypes["default"].func.isRequired,
+  switchOffEditing: _propTypes["default"].func.isRequired,
+  switchOnEditing: _propTypes["default"].func.isRequired,
+  tagAssociations: _reactImmutableProptypes["default"].listOf(_reactImmutableProptypes["default"].map),
+  useBankTags: _propTypes["default"].bool,
+  workingEntry: _reactImmutableProptypes["default"].record.isRequired,
+  workingQuizEntry: _reactImmutableProptypes["default"].record.isRequired,
+  editQuizEntryToggle: _propTypes["default"].bool.isRequired,
+  onEditQuizEntryToggle: _propTypes["default"].func.isRequired,
+  handleValidationErrorsFromApi: _propTypes["default"].func.isRequired,
+  clearValidationErrorsFromApi: _propTypes["default"].func.isRequired,
+  validationErrorsFromApi: _propTypes["default"].objectOf(_propTypes["default"].arrayOf(_propTypes["default"].shape({
+    type: _propTypes["default"].string,
+    text: _propTypes["default"].string
   }))),
-  stimulusOrientation: _propTypes.default.string,
-  styles: _propTypes.default.object
-}, _QuizEntry.defaultProps = {
+  stimulusOrientation: _propTypes["default"].string,
+  styles: _propTypes["default"].object
+}), (0, _defineProperty2["default"])(_QuizEntry, "defaultProps", {
   childEntries: (0, _immutable.List)(),
   draggingAboveHalf: false,
   draggingOnBuild: false,
@@ -386,7 +400,5 @@ var QuizEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
   useBankTags: false,
   validationErrorsFromApi: {},
   stimulusOrientation: null
-}, _QuizEntry)) || _class);
-exports.QuizEntry = QuizEntry;
-var _default = QuizEntry;
-exports.default = _default;
+}), _QuizEntry)) || _class);
+var _default = exports["default"] = QuizEntry;

package/lib/building/components/resources/quizEntry/QuizEntry/quizEntryPresenterWrapper.js

@@ -4,12 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = (0, _getPrototypeOf2["default"])(derived);
+  return (0, _possibleConstructorReturn2["default"])(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], (0, _getPrototypeOf2["default"])(_this).constructor) : derived.apply(_this, args));
+}
 var isClassComponent = function isClassComponent(Component) {
   return !!(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);
 };
@@ -18,21 +33,17 @@ var quizEntryPresenterWrapper = function quizEntryPresenterWrapper(Component) {
     return Component;
   }
   return /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2.default)(ClassComponentWrapper, _React$Component);
-    var _super = (0, _createSuper2.default)(ClassComponentWrapper);
     function ClassComponentWrapper() {
-      (0, _classCallCheck2.default)(this, ClassComponentWrapper);
-      return _super.apply(this, arguments);
+      (0, _classCallCheck2["default"])(this, ClassComponentWrapper);
+      return _callSuper(this, ClassComponentWrapper, arguments);
     }
-    (0, _createClass2.default)(ClassComponentWrapper, [{
+    (0, _inherits2["default"])(ClassComponentWrapper, _React$Component);
+    return (0, _createClass2["default"])(ClassComponentWrapper, [{
       key: "render",
       value: function render() {
-        return /*#__PURE__*/_react.default.createElement(Component, this.props);
+        return /*#__PURE__*/_react["default"].createElement(Component, this.props);
       }
     }]);
-    ClassComponentWrapper.displayName = "ClassComponentWrapper";
-    return ClassComponentWrapper;
-  }(_react.default.Component);
+  }(_react["default"].Component);
 };
-var _default = quizEntryPresenterWrapper;
-exports.default = _default;
+var _default = exports["default"] = quizEntryPresenterWrapper;

package/lib/building/components/resources/quizEntry/QuizEntry/styles.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var generateStyle = function generateStyle(componentTheme) {
   var mp = '@media print';
@@ -15,15 +15,14 @@ var generateStyle = function generateStyle(componentTheme) {
       borderTop: "".concat(componentTheme.footerBorderWidth, " solid ").concat(componentTheme.footerBorderColor),
       fontSize: componentTheme.footerFontSize
     },
-    sampleItems: (0, _defineProperty2.default)({
+    sampleItems: (0, _defineProperty2["default"])({
       display: 'none'
     }, mp, {
       display: 'inherit'
     }),
-    bankItem: (0, _defineProperty2.default)({}, mp, {
+    bankItem: (0, _defineProperty2["default"])({}, mp, {
       display: 'none'
     })
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports["default"] = generateStyle;

package/lib/building/components/resources/quizEntry/QuizEntry/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
     colors = _ref.colors,
@@ -12,9 +12,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     footerPadding: spacing.small,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     footerFontSize: typography.fontSizeXSmall
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports["default"] = generateComponentTheme;

package/lib/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/index.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports["default"] = void 0;
 exports.mapStateToProps = mapStateToProps;
-exports.default = void 0;
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-var _reactRedux = require("../../../../../../common/react-redux.js");
-var _modifications = require("../../../../../../common/actions/modifications.js");
-var _quizEntries = require("../../../../../api/quizEntries.js");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _reactRedux = require("../../../../../../common/react-redux");
+var _modifications = require("../../../../../../common/actions/modifications");
+var _quizEntries = require("../../../../../api/quizEntries");
 function mapStateToProps(state, props) {
   var workingQuizEntry = props.quizEntry.getWorkingInstance();
   var properties = workingQuizEntry.properties;
@@ -23,11 +23,10 @@ function mapStateToProps(state, props) {
     pointsPossible: workingQuizEntry.pointsPossible
   };
 }
-var _default = (0, _reactRedux.connect)(mapStateToProps, {
+var _default = exports["default"] = (0, _reactRedux.connect)(mapStateToProps, {
   changeQuizEntryPoints: _modifications.changeQuizEntryPoints,
   changeQuizEntryProperties: _modifications.changeQuizEntryProperties,
   changeQuizEntryEntry: _modifications.changeQuizEntryEntry,
   clearModifications: _modifications.clearModifications,
   updateQuizEntry: _quizEntries.updateQuizEntry
-})(_presenter.default);
-exports.default = _default;
+})(_presenter["default"]);