@instructure/quiz-core 21.2.0 → 22.0.0

package/lib/common/components/resources/positionBox/PositionBox.js

@@ -21,8 +21,20 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _PositionBox;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 PositionBox = exports.PositionBox = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
   function PositionBox() {
     (0, _classCallCheck2["default"])(this, PositionBox);

package/lib/common/components/resources/positionBox/theme.js

@@ -11,10 +11,10 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     positionMargin: spacing.xSmall,
     positionPadding: spacing.xSmall,
-    positionBackgroundColor: colors.licorice,
+    positionBackgroundColor: colors.contrasts.grey125125,
     positionZIndex: '3333',
     positionDimension: '2em',
-    positionTextColor: colors.porcelain,
+    positionTextColor: colors.contrasts.grey1111,
     positionTextFontSize: typography.fontSizeMedium
   };
 };

package/lib/common/components/resources/quiz/AddContent/Body/presenter.js

@@ -28,50 +28,62 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _AddContentBody;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 AddContentBody = exports.AddContentBody = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   function AddContentBody() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, AddContentBody);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddContentBody, [].concat(args));
+    _this2 = _callSuper(this, AddContentBody, [].concat(args));
     // ==============================
     // ACTIONS
     // ==============================
-    (0, _defineProperty2["default"])(_this, "openBankTray", function () {
-      _this.props.onOpenBankTray();
-      _this.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
-      _this.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this.props.position);
-      _this.props.setUi(_quizCommon.BUILD_TRAY_STIMULUS_ID, _this.props.parentEntryId);
+    (0, _defineProperty2["default"])(_this2, "openBankTray", function () {
+      _this2.props.onOpenBankTray();
+      _this2.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
+      _this2.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this2.props.position);
+      _this2.props.setUi(_quizCommon.BUILD_TRAY_STIMULUS_ID, _this2.props.parentEntryId);
     });
-    (0, _defineProperty2["default"])(_this, "addStimulus", function (isPassage) {
-      if (_this.props.editingQuizEntry) {
-        _this.props.setNextQuizEntry(null, _this.props.quizId, _this.props.position);
+    (0, _defineProperty2["default"])(_this2, "addStimulus", function (isPassage) {
+      if (_this2.props.editingQuizEntry) {
+        _this2.props.setNextQuizEntry(null, _this2.props.quizId, _this2.props.position);
       } else {
-        _this.props.createStimulus(_this.props.quizId, _this.props.position, isPassage);
+        _this2.props.createStimulus(_this2.props.quizId, _this2.props.position, isPassage);
       }
-      _this.props.onAddItem();
+      _this2.props.onAddItem();
     });
-    (0, _defineProperty2["default"])(_this, "addItem", function (interactionTypeData) {
-      if (_this.props.quizEntryWithErrorsShowing) {
-        _this.props.screenreaderNotification((0, _formatMessage["default"])('Question {itemPosition, number} cannot be saved due to invalid input data', {
-          itemPosition: Math.ceil(_this.props.quizEntryWithErrorsShowing.position)
+    (0, _defineProperty2["default"])(_this2, "addItem", function (interactionTypeData) {
+      if (_this2.props.quizEntryWithErrorsShowing) {
+        _this2.props.screenreaderNotification((0, _formatMessage["default"])('Question {itemPosition, number} cannot be saved due to invalid input data', {
+          itemPosition: Math.ceil(_this2.props.quizEntryWithErrorsShowing.position)
         }));
       } else {
-        var _this$props = _this.props,
-          quizId = _this$props.quizId,
-          position = _this$props.position,
-          stimulusId = _this$props.stimulusId,
-          parentEntryId = _this$props.parentEntryId;
-        if (_this.props.editingQuizEntry) {
-          _this.props.setNextQuizEntry(interactionTypeData, quizId, position, stimulusId, parentEntryId);
+        var _this2$props = _this2.props,
+          quizId = _this2$props.quizId,
+          position = _this2$props.position,
+          stimulusId = _this2$props.stimulusId,
+          parentEntryId = _this2$props.parentEntryId;
+        if (_this2.props.editingQuizEntry) {
+          _this2.props.setNextQuizEntry(interactionTypeData, quizId, position, stimulusId, parentEntryId);
         } else {
           var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
           var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-          _this.props.createItem(quizId, position, {
+          _this2.props.createItem(quizId, position, {
             id: interactionTypeData.id,
             interactionData: defaultInteractionData,
             itemBody: interactionTypeData.itemBody,
@@ -82,25 +94,25 @@ var AddContentBody = exports.AddContentBody = (_dec = (0, _quizCommon.withStyleO
           }, parentEntryId, stimulusId);
         }
       }
-      _this.props.onAddItem();
+      _this2.props.onAddItem();
     });
     // ==============================
     // RENDERING
     // ==============================
-    (0, _defineProperty2["default"])(_this, "renderBankButton", function () {
+    (0, _defineProperty2["default"])(_this2, "renderBankButton", function () {
       return (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "large",
-        onClick: _this.openBankTray,
+        onClick: _this2.openBankTray,
         "data-automation": "sdk-add-banked-content-button",
         screenReaderLabel: (0, _formatMessage["default"])('Add banked content')
       }, (0, _emotion.jsx)(_uiIcons.IconBankLine, null));
     });
-    (0, _defineProperty2["default"])(_this, "renderPopoverHeader", function () {
-      var text = _this.props.showHeaderText ? (0, _formatMessage["default"])('Insert Content') : '';
+    (0, _defineProperty2["default"])(_this2, "renderPopoverHeader", function () {
+      var text = _this2.props.showHeaderText ? (0, _formatMessage["default"])('Insert Content') : '';
       return (0, _emotion.jsx)("div", {
-        css: _this.props.styles.popoverHeaderBox
+        css: _this2.props.styles.popoverHeaderBox
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.popoverHeader
+        css: _this2.props.styles.popoverHeader
       }, (0, _emotion.jsx)(_uiGrid.Grid, {
         vAlign: "middle",
         colSpacing: "none",
@@ -109,9 +121,9 @@ var AddContentBody = exports.AddContentBody = (_dec = (0, _quizCommon.withStyleO
         color: "primary"
       }, text)), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, _this.renderBankButton())))));
+      }, _this2.renderBankButton())))));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(AddContentBody, _Component);
   return (0, _createClass2["default"])(AddContentBody, [{

package/lib/common/components/resources/quiz/AddContent/Body/theme.js

@@ -14,7 +14,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     popoverContentMargin: spacing.medium,
     popoverHeaderBoxBorderWidth: borders.widthSmall,
-    popoverHeaderBoxBorderColor: colors.tiara
+    popoverHeaderBoxBorderColor: colors.contrasts.grey1214
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/resources/quiz/AddContent/Button/index.js

@@ -23,20 +23,32 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _AddContentButton;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 AddContentButton = exports.AddContentButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   function AddContentButton() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, AddContentButton);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddContentButton, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "storeButtonElemRef", function (c) {
-      _this.buttonElem = c;
+    _this2 = _callSuper(this, AddContentButton, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "storeButtonElemRef", function (c) {
+      _this2.buttonElem = c;
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(AddContentButton, _Component);
   return (0, _createClass2["default"])(AddContentButton, [{

package/lib/common/components/resources/quiz/AddContent/Button/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 var generateStyle = function generateStyle(componentTheme, props) {
   var printMq = '@media print';
   return {

package/lib/common/components/resources/quiz/AddContent/Button/theme.js

@@ -14,16 +14,16 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     attachQuestionButtonHolderZIndex: '2222',
     newItemButtonMargin: spacing.xSmall,
     newItemButtonPadding: spacing.xSmall,
-    newItemButtonBackgroundColor: colors.brand,
+    newItemButtonBackgroundColor: colors.contrasts.blue4570,
     newItemButtonBorderRadius: spacing.large,
-    newItemButtonColor: colors.white,
-    newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
+    newItemButtonColor: colors.contrasts.white1010,
+    newItemButtonFocusOutline: "2px solid ".concat(colors.contrasts.blue4570),
     newItemButtonFocusOutlineOffset: spacing.xxxSmall,
     newItemButtonFontSize: typography.fontSizeMedium,
     newItemButtonFontWeight: typography.fontWeightBold,
     newItemButtonZIndex: '4444',
     newItemButtonBoxShadow: '2px 2px 3px #ddd',
-    newItemButtonEditingBackgroundColor: colors.crimson,
+    newItemButtonEditingBackgroundColor: colors.contrasts.red4570,
     newItemButtonHolderZIndex: '2222',
     newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
   };

package/lib/common/components/resources/quiz/AddContent/Modal/presenter.js

@@ -18,10 +18,22 @@ var _uiHeading = require("@instructure/ui-heading");
 var _quizCommon = require("@instructure/quiz-common");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _Body = _interopRequireDefault(require("../Body"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _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 AddContentModal = exports.AddContentModal = /*#__PURE__*/function (_Component) {
   function AddContentModal() {
     (0, _classCallCheck2["default"])(this, AddContentModal);

package/lib/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -24,64 +24,76 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _AddContentPopover;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 AddContentPopover = exports.AddContentPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
   function AddContentPopover() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, AddContentPopover);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, AddContentPopover, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "showContent", function () {
-      _this.props.switchOnEditing();
+    _this2 = _callSuper(this, AddContentPopover, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "showContent", function () {
+      _this2.props.switchOnEditing();
     });
-    (0, _defineProperty2["default"])(_this, "hideContent", function () {
-      _this.props.switchOffEditing();
+    (0, _defineProperty2["default"])(_this2, "hideContent", function () {
+      _this2.props.switchOffEditing();
     });
-    (0, _defineProperty2["default"])(_this, "storePopoverTriggerRef", function (b) {
-      _this.popoverTrigger = b;
+    (0, _defineProperty2["default"])(_this2, "storePopoverTriggerRef", function (b) {
+      _this2.popoverTrigger = b;
     });
-    (0, _defineProperty2["default"])(_this, "renderPopoverButton", function () {
+    (0, _defineProperty2["default"])(_this2, "renderPopoverButton", function () {
       return (0, _emotion.jsx)(_uiPopover.Popover, {
         on: "click",
-        onShowContent: _this.showContent,
-        onHideContent: _this.hideContent,
-        isShowingContent: _this.props.isEditing,
+        onShowContent: _this2.showContent,
+        onHideContent: _this2.hideContent,
+        isShowingContent: _this2.props.isEditing,
         shouldCloseOnEscape: true,
         shouldContainFocus: true,
-        renderTrigger: _this.renderAddContentButton()
+        renderTrigger: _this2.renderAddContentButton()
       }, (0, _emotion.jsx)(_Body["default"], {
-        allowStimulusCreation: _this.props.allowStimulusCreation,
-        onOpenBankTray: _this.props.switchOffEditing,
-        onAddItem: _this.props.switchOffEditing,
-        parentEntryId: _this.props.parentEntryId,
-        position: _this.props.position,
-        quizId: _this.props.quizId,
-        stimulusId: _this.props.stimulusId
+        allowStimulusCreation: _this2.props.allowStimulusCreation,
+        onOpenBankTray: _this2.props.switchOffEditing,
+        onAddItem: _this2.props.switchOffEditing,
+        parentEntryId: _this2.props.parentEntryId,
+        position: _this2.props.position,
+        quizId: _this2.props.quizId,
+        stimulusId: _this2.props.stimulusId
       }));
     });
-    (0, _defineProperty2["default"])(_this, "openAddContentModal", function () {
-      _this.props.openAddContentModal({
-        allowStimulusCreation: _this.props.allowStimulusCreation,
-        parentEntryId: _this.props.parentEntryId,
-        position: _this.props.position,
-        quizId: _this.props.quizId,
-        stimulusId: _this.props.stimulusId
+    (0, _defineProperty2["default"])(_this2, "openAddContentModal", function () {
+      _this2.props.openAddContentModal({
+        allowStimulusCreation: _this2.props.allowStimulusCreation,
+        parentEntryId: _this2.props.parentEntryId,
+        position: _this2.props.position,
+        quizId: _this2.props.quizId,
+        stimulusId: _this2.props.stimulusId
       });
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(AddContentPopover, _Component);
   return (0, _createClass2["default"])(AddContentPopover, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      var _this2 = this;
+      var _this3 = this;
       if (this.props.shouldFocus) {
         setTimeout(function () {
-          _this2.popoverTrigger && _this2.popoverTrigger.focus();
-          _this2.props.clearUi(_quizCommon.DELETED_QUIZ_ENTRY);
+          _this3.popoverTrigger && _this3.popoverTrigger.focus();
+          _this3.props.clearUi(_quizCommon.DELETED_QUIZ_ENTRY);
         }, 100); // force after modal attempt to refocus delete button
       }
     }

package/lib/common/components/resources/quiz/AddContent/Popover/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     borderLineBorderWidth: borders.widthMedium,
-    borderLineBorderColor: colors.porcelain
+    borderLineBorderColor: colors.contrasts.grey1111
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/common/components/resources/quiz/info/QuizInfo.js

@@ -16,10 +16,22 @@ var _quizCommon = require("@instructure/quiz-common");
 var _Title = _interopRequireDefault(require("../title/Title"));
 var _Instructions = _interopRequireDefault(require("../instructions/Instructions"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _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 QuizInfo = exports.QuizInfo = /*#__PURE__*/function (_Component) {
   function QuizInfo() {
     (0, _classCallCheck2["default"])(this, QuizInfo);

package/lib/common/components/resources/quiz/instructions/Instructions.js

@@ -27,8 +27,20 @@ var _dec, _class, _QuizInstructions;
 // renders the quiz instructions on
 // the Preview and Take pages
 // ================================
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 QuizInstructions = exports.QuizInstructions = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   function QuizInstructions() {
     (0, _classCallCheck2["default"])(this, QuizInstructions);

package/lib/common/components/resources/quiz/title/Title.js

@@ -26,8 +26,20 @@ var _dec, _class, _QuizTitle;
 // renders the quiz title on
 // the Preview and Take pages
 // ==========================
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 QuizTitle = exports.QuizTitle = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
   function QuizTitle() {
     (0, _classCallCheck2["default"])(this, QuizTitle);

package/lib/common/components/resources/quizSessionResult/Header/index.js

@@ -23,30 +23,42 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _QuizSessionResultHeader;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 QuizSessionResultHeader = exports.QuizSessionResultHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_QuizSessionResultHeader = /*#__PURE__*/function (_Component) {
   function QuizSessionResultHeader() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, QuizSessionResultHeader);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, QuizSessionResultHeader, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "renderRegradeAlert", function () {
-      if (_this.props.regradedSessionItemResults && _this.props.regradedSessionItemResults.size > 0) {
-        var questions = _this.props.regradedSessionItemResults.map(function (rsi) {
+    _this2 = _callSuper(this, QuizSessionResultHeader, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "renderRegradeAlert", function () {
+      if (_this2.props.regradedSessionItemResults && _this2.props.regradedSessionItemResults.size > 0) {
+        var questions = _this2.props.regradedSessionItemResults.map(function (rsi) {
           return rsi.position;
         }).toJS().join(', ');
         return (0, _emotion.jsx)(_uiAlerts.Alert, {
           variant: "warning"
         }, (0, _formatMessage["default"])("This assessment has been regraded. {\n              numRegradedSI, plural,\n                   =1 {Question {questions} has been affected.}\n                other {Questions {questions} have been affected.}\n              }", {
           questions: questions,
-          numRegradedSI: _this.props.regradedSessionItemResults.count()
+          numRegradedSI: _this2.props.regradedSessionItemResults.count()
         }));
       }
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(QuizSessionResultHeader, _Component);
   return (0, _createClass2["default"])(QuizSessionResultHeader, [{

package/lib/common/components/resources/quizSessionResult/Info/index.js

@@ -30,17 +30,29 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _Info;
 /** @jsx jsx */
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 unknownPercentageValue = 'UNKNOWN_PERCENTAGE';
 var Info = exports.Info = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_Info = /*#__PURE__*/function (_withI18nSupport) {
   function Info(props) {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, Info);
-    _this = _callSuper(this, Info, [props]);
-    _this.progressTextFormatter = _this.progressTextFormatter.bind(_this);
-    _this.progressDisplayFormatter = _this.progressDisplayFormatter.bind(_this);
-    return _this;
+    _this2 = _callSuper(this, Info, [props]);
+    _this2.progressTextFormatter = _this2.progressTextFormatter.bind(_this2);
+    _this2.progressDisplayFormatter = _this2.progressDisplayFormatter.bind(_this2);
+    return _this2;
   }
   (0, _inherits2["default"])(Info, _withI18nSupport);
   return (0, _createClass2["default"])(Info, [{