@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -1,10 +1,27 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _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) { _defineProperty(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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,108 +32,107 @@ import partial from 'lodash/partial';
 import ReactDOM from 'react-dom';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
-import WarningWrapper from "../../../../../common/components/resources/WarningWrapper/index.js";
-import { propsForItemBankEntryEditPrompt, propsForStimulusBankEntryEditPrompt, propsForBankEntryUnauthorizedEdit, propsForItemVersioningWrapper, propsForBankEntryVersioningWrapper } from "../../../../../common/util/warningHelpers.js";
-import QuizEntryRecord from "../../../../../common/records/QuizEntry.js";
-import QuizEntryBankShow from "../QuizEntryBank/QuizEntryBankShow/index.js";
-import QuizEntryBankEdit from "../QuizEntryBank/QuizEntryBankEdit/index.js";
-import ItemEdit from "../../../../../common/components/resources/item/ItemEdit/index.js";
-import ItemShow from "../../../../../common/components/resources/item/ItemShow/index.js";
-import ItemOverride from "../../../../../common/components/resources/item/ItemOverride/index.js";
-import AddToBankOptions from "../../AddToBankOptions/index.js";
-import TagDisplay from "../../../../../common/components/shared/TagDisplay/index.js";
-import Item from "../../../../../common/records/Item.js";
+import WarningWrapper from '../../../../../common/components/resources/WarningWrapper';
+import { propsForItemBankEntryEditPrompt, propsForStimulusBankEntryEditPrompt, propsForBankEntryUnauthorizedEdit, propsForItemVersioningWrapper, propsForBankEntryVersioningWrapper } from '../../../../../common/util/warningHelpers';
+import QuizEntryRecord from '../../../../../common/records/QuizEntry';
+import QuizEntryBankShow from '../QuizEntryBank/QuizEntryBankShow';
+import QuizEntryBankEdit from '../QuizEntryBank/QuizEntryBankEdit';
+import ItemEdit from '../../../../../common/components/resources/item/ItemEdit';
+import ItemShow from '../../../../../common/components/resources/item/ItemShow';
+import ItemOverride from '../../../../../common/components/resources/item/ItemOverride';
+import AddToBankOptions from '../../AddToBankOptions';
+import TagDisplay from '../../../../../common/components/shared/TagDisplay';
+import Item from '../../../../../common/records/Item';
 import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM, withStyleOverrides } from '@instructure/quiz-common';
-import QuizEntryShow from "../QuizEntryShow/index.js";
-import QuizEntryEdit from "../QuizEntryEdit/index.js";
-import Stimulus from "../../../../../common/components/resources/stimulus/Stimulus/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import QuizEntryShow from '../QuizEntryShow';
+import QuizEntryEdit from '../QuizEntryEdit';
+import Stimulus from '../../../../../common/components/resources/stimulus/Stimulus';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntry = /*#__PURE__*/function (_Component) {
-  _inherits(QuizEntry, _Component);
-  var _super = _createSuper(QuizEntry);
   function QuizEntry() {
-    var _this;
+    var _this2;
     _classCallCheck(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(_toConsumableArray(_this.props.partialScoringEnabled ? ['multi-answer'] : []), _toConsumableArray(_this.props.partialDeepScoringEnabled ? ['matching'] : []));
-    };
-    _this.openRegradeModal = function () {
-      if (_this.props.regradingOn) {
-        _this.props.openModal(REGRADE_MODAL);
+    _this2 = _callSuper(this, QuizEntry, [].concat(_args));
+    _defineProperty(_this2, "itemOverrideTypes", function () {
+      return ['choice'].concat(_toConsumableArray(_this2.props.partialScoringEnabled ? ['multi-answer'] : []), _toConsumableArray(_this2.props.partialDeepScoringEnabled ? ['matching'] : []));
+    });
+    _defineProperty(_this2, "openRegradeModal", function () {
+      if (_this2.props.regradingOn) {
+        _this2.props.openModal(REGRADE_MODAL);
       }
-    };
-    _this.renderItemBankingOptions = function () {
+    });
+    _defineProperty(_this2, "renderItemBankingOptions", function () {
       return jsx(AddToBankOptions, {
-        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,
+        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.findDOMNode(_this.itemEditArea);
+    });
+    _defineProperty(_this2, "storeDndComponentRef", function (node) {
+      _this2.dndComponent = node;
+    });
+    _defineProperty(_this2, "handleQuizEntryPointsChange", function (points) {
+      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, points);
+    });
+    _defineProperty(_this2, "handleRef", function (node) {
+      _this2.itemEditArea = node;
+    });
+    _defineProperty(_this2, "focusFirstErrorField", function () {
+      if (_this2.itemEditArea) {
+        var editArea = ReactDOM.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) {
+    });
+    _defineProperty(_this2, "renderPrintableItemBankSample", function (sampleItem, index) {
       var quizEntry = QuizEntryRecord.create(sampleItem.toObject());
       var entryMutable = quizEntry.entry.toJS();
       var item = Item.create(entryMutable);
-      var overrideProps = _objectSpread(_objectSpread({}, _this.props), {}, {
+      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 jsx("div", {
         key: index,
-        css: _this.props.styles.sampleItems
-      }, jsx(QuizEntryShow, overrideProps, jsx(ItemShow, _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
+      }, jsx(QuizEntryShow, overrideProps, jsx(ItemShow, _this2.propsForItem(item))));
+    });
+    _defineProperty(_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 propsForStimulusBankEntryEditPrompt.apply(void 0, [isPassage].concat(args));
         } : propsForItemBankEntryEditPrompt;
-        return propsFunc(_this.isEditing(), _this.props.switchOffEditing, function () {
-          var bankEntry = _this.props.quizEntry.getEntry();
-          _this.props.setUi(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(BUILD_TRAY_OPEN, true);
+          _this2.props.newActiveBankEntry(bankEntry.id, bankEntry.bankId);
+          _this2.props.newActiveBank(bankEntry.bankId);
+          _this2.props.switchOffEditing();
         });
       }
-      return propsForBankEntryUnauthorizedEdit(_this.isEditing());
-    };
-    return _this;
+      return propsForBankEntryUnauthorizedEdit(_this2.isEditing());
+    });
+    return _this2;
   }
-  _createClass(QuizEntry, [{
+  _inherits(QuizEntry, _Component);
+  return _createClass(QuizEntry, [{
     key: "additionalEditOptions",
     value: function additionalEditOptions(item) {
       var options = [];
@@ -132,7 +148,7 @@ export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
   }, {
     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),
@@ -316,9 +332,7 @@ export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       }, this.renderQuizEntryByType()));
     }
   }]);
-  QuizEntry.displayName = "QuizEntry";
-  return QuizEntry;
-}(Component), _QuizEntry.displayName = 'QuizEntry', _QuizEntry.componentId = "Quizzes".concat(_QuizEntry.displayName), _QuizEntry.propTypes = {
+}(Component), _defineProperty(_QuizEntry, "displayName", 'QuizEntry'), _defineProperty(_QuizEntry, "componentId", "Quizzes".concat(_QuizEntry.displayName)), _defineProperty(_QuizEntry, "propTypes", {
   changeQuizEntryPoints: PropTypes.func.isRequired,
   childEntries: ImmutablePropTypes.listOf(ImmutablePropTypes.record),
   connectDropTarget: PropTypes.func.isRequired,
@@ -363,7 +377,7 @@ export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
   }))),
   stimulusOrientation: PropTypes.string,
   styles: PropTypes.object
-}, _QuizEntry.defaultProps = {
+}), _defineProperty(_QuizEntry, "defaultProps", {
   childEntries: List(),
   draggingAboveHalf: false,
   draggingOnBuild: false,
@@ -379,5 +393,5 @@ export var QuizEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
   useBankTags: false,
   validationErrorsFromApi: {},
   stimulusOrientation: null
-}, _QuizEntry)) || _class);
+}), _QuizEntry)) || _class);
 export default QuizEntry;

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

@@ -1,7 +1,22 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 import React from 'react';
 var isClassComponent = function isClassComponent(Component) {
   return !!(typeof Component === 'function' && Component.prototype && Component.prototype.isReactComponent);
@@ -11,20 +26,17 @@ var quizEntryPresenterWrapper = function quizEntryPresenterWrapper(Component) {
     return Component;
   }
   return /*#__PURE__*/function (_React$Component) {
-    _inherits(ClassComponentWrapper, _React$Component);
-    var _super = _createSuper(ClassComponentWrapper);
     function ClassComponentWrapper() {
       _classCallCheck(this, ClassComponentWrapper);
-      return _super.apply(this, arguments);
+      return _callSuper(this, ClassComponentWrapper, arguments);
     }
-    _createClass(ClassComponentWrapper, [{
+    _inherits(ClassComponentWrapper, _React$Component);
+    return _createClass(ClassComponentWrapper, [{
       key: "render",
       value: function render() {
         return /*#__PURE__*/React.createElement(Component, this.props);
       }
     }]);
-    ClassComponentWrapper.displayName = "ClassComponentWrapper";
-    return ClassComponentWrapper;
   }(React.Component);
 };
 export default quizEntryPresenterWrapper;

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

@@ -6,7 +6,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     footerPadding: spacing.small,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     footerFontSize: typography.fontSizeXSmall
   };
 };

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

@@ -1,7 +1,7 @@
-import QuizEntryBankEdit from "./presenter.js";
-import { connect } from "../../../../../../common/react-redux.js";
-import { changeQuizEntryPoints, changeQuizEntryProperties, changeQuizEntryEntry, clearModifications } from "../../../../../../common/actions/modifications.js";
-import { updateQuizEntry } from "../../../../../api/quizEntries.js";
+import QuizEntryBankEdit from './presenter';
+import { connect } from '../../../../../../common/react-redux';
+import { changeQuizEntryPoints, changeQuizEntryProperties, changeQuizEntryEntry, clearModifications } from '../../../../../../common/actions/modifications';
+import { updateQuizEntry } from '../../../../../api/quizEntries';
 export function mapStateToProps(state, props) {
   var workingQuizEntry = props.quizEntry.getWorkingInstance();
   var properties = workingQuizEntry.properties;

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/presenter.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizEntryBankEdit;
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,85 +30,81 @@ import NumberInput from '@instructure/quiz-number-input';
 import { Text } from '@instructure/ui-text';
 import { Alert } from '@instructure/ui-alerts';
 import { jsx } from '@instructure/emotion';
-import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
-import BankSelection from "../../../../../../common/components/resources/BankSelection/presenter.js";
-import QuizEntry from "../../../../../../common/records/QuizEntry.js";
-import Bank from "../../../../../../common/records/Bank.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import EntrySave from '../../../../../../common/components/resources/entry/EntrySave';
+import BankSelection from '../../../../../../common/components/resources/BankSelection/presenter';
+import QuizEntry from '../../../../../../common/records/QuizEntry';
+import Bank from '../../../../../../common/records/Bank';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx("br", null);
-var _ref2 = jsx("br", null);
 export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBankEdit = /*#__PURE__*/function (_Component) {
-  _inherits(QuizEntryBankEdit, _Component);
-  var _super = _createSuper(QuizEntryBankEdit);
   function QuizEntryBankEdit() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryBankEdit);
     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.state = {
-      rawPointsPossible: _this.props.pointsPossible,
-      normalizedPointsPossible: _this.props.pointsPossible
-    };
-    _this.clearChanges = function () {
-      _this.props.clearModifications('quizEntries', _this.props.quizEntry.id);
-    };
-    _this.handlePointsChange = function (event, points, normalizedPointsString) {
+    _this2 = _callSuper(this, QuizEntryBankEdit, [].concat(args));
+    _defineProperty(_this2, "state", {
+      rawPointsPossible: _this2.props.pointsPossible,
+      normalizedPointsPossible: _this2.props.pointsPossible
+    });
+    _defineProperty(_this2, "clearChanges", function () {
+      _this2.props.clearModifications('quizEntries', _this2.props.quizEntry.id);
+    });
+    _defineProperty(_this2, "handlePointsChange", function (event, points, normalizedPointsString) {
       var normalizedPoints = Number(normalizedPointsString);
-      _this.setState({
+      _this2.setState({
         rawPointsPossible: points,
         normalizedPointsPossible: normalizedPoints
       });
-      _this.props.changeQuizEntryPoints(_this.props.quizEntry.id, normalizedPoints);
-    };
-    _this.handlePointsBlur = function () {
-      _this.setState({
-        rawPointsPossible: _this.props.pointsPossible || '0'
+      _this2.props.changeQuizEntryPoints(_this2.props.quizEntry.id, normalizedPoints);
+    });
+    _defineProperty(_this2, "handlePointsBlur", function () {
+      _this2.setState({
+        rawPointsPossible: _this2.props.pointsPossible || '0'
       });
-    };
-    _this.onPropertiesChange = function (properties) {
-      _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, properties);
-    };
-    _this.onBankSelection = function (event, option) {
-      _this.props.changeQuizEntryEntry(_this.props.quizEntry.id, option.id);
-    };
-    _this.handleQuestionChange = function (event, selection) {
-      _this.onPropertiesChange({
-        sampleNum: _this.props.sampleNum,
+    });
+    _defineProperty(_this2, "onPropertiesChange", function (properties) {
+      _this2.props.changeQuizEntryProperties(_this2.props.quizEntry.id, properties);
+    });
+    _defineProperty(_this2, "onBankSelection", function (event, option) {
+      _this2.props.changeQuizEntryEntry(_this2.props.quizEntry.id, option.id);
+    });
+    _defineProperty(_this2, "handleQuestionChange", function (event, selection) {
+      _this2.onPropertiesChange({
+        sampleNum: _this2.props.sampleNum,
         selection: selection
       });
-    };
-    _this.handleSampleNumChange = function (event, sampleNum, normalizedSampleNum) {
-      _this.onPropertiesChange({
+    });
+    _defineProperty(_this2, "handleSampleNumChange", function (event, sampleNum, normalizedSampleNum) {
+      _this2.onPropertiesChange({
         sampleNum: normalizedSampleNum || '0',
-        selection: _this.props.questionSelection
+        selection: _this2.props.questionSelection
       });
-    };
-    _this.sampleNumErrors = function () {
-      return _this.props.workingQuizEntry.sampleNumErrors();
-    };
-    _this.pointsPossibleErrors = function () {
-      return _this.props.workingQuizEntry.pointsPossibleErrors();
-    };
-    _this.submitHandler = function () {
+    });
+    _defineProperty(_this2, "sampleNumErrors", function () {
+      return _this2.props.workingQuizEntry.sampleNumErrors();
+    });
+    _defineProperty(_this2, "pointsPossibleErrors", function () {
+      return _this2.props.workingQuizEntry.pointsPossibleErrors();
+    });
+    _defineProperty(_this2, "submitHandler", function () {
       var properties = {};
-      if (_this.props.questionSelection === 'all') {
+      if (_this2.props.questionSelection === 'all') {
         properties.sampleNum = null;
       } else {
-        properties.sampleNum = _this.props.sampleNum;
+        properties.sampleNum = _this2.props.sampleNum;
       }
-      _this.props.updateQuizEntry(_this.props.quizId, _this.props.quizEntry.id, {
+      _this2.props.updateQuizEntry(_this2.props.quizId, _this2.props.quizEntry.id, {
         properties: properties,
-        pointsPossible: _this.state.normalizedPointsPossible,
-        entryId: _this.props.workingBank.id
+        pointsPossible: _this2.state.normalizedPointsPossible,
+        entryId: _this2.props.workingBank.id
       });
-      _this.props.clearModifications();
-    };
-    _this.renderPointsPossibleRow = function () {
+      _this2.props.clearModifications();
+    });
+    _defineProperty(_this2, "renderPointsPossibleRow", function () {
       return jsx(Grid.Row, null, jsx(Grid.Col, {
         width: 3
       }, jsx(Text, {
@@ -101,17 +113,18 @@ export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generat
         width: 9
       }, jsx(NumberInput, {
         renderLabel: jsx(ScreenReaderContent, null, t('Points per question')),
-        onChange: _this.handlePointsChange,
-        onBlur: _this.handlePointsBlur,
-        value: _this.state.rawPointsPossible,
+        onChange: _this2.handlePointsChange,
+        onBlur: _this2.handlePointsBlur,
+        value: _this2.state.rawPointsPossible,
         width: "5rem",
         display: "inline-block",
-        messages: _this.pointsPossibleErrors()
+        messages: _this2.pointsPossibleErrors()
       })));
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(QuizEntryBankEdit, [{
+  _inherits(QuizEntryBankEdit, _Component);
+  return _createClass(QuizEntryBankEdit, [{
     key: "renderQuestionSelectRadioGroup",
     value: function renderQuestionSelectRadioGroup() {
       return jsx(RadioInputGroup, {
@@ -168,7 +181,7 @@ export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generat
         label: t('Select the source bank'),
         selectedBank: this.props.workingBank,
         onBankSelection: this.onBankSelection
-      }), _ref, this.renderQuestionSelectRadioGroup(), _ref2, this.renderQuestionNumberInputs());
+      }), jsx("br", null), this.renderQuestionSelectRadioGroup(), jsx("br", null), this.renderQuestionNumberInputs());
     }
   }, {
     key: "renderErrors",
@@ -200,9 +213,7 @@ export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generat
       })));
     }
   }]);
-  QuizEntryBankEdit.displayName = "QuizEntryBankEdit";
-  return QuizEntryBankEdit;
-}(Component), _QuizEntryBankEdit.displayName = 'QuizEntryBankEdit', _QuizEntryBankEdit.componentId = "Quizzes".concat(_QuizEntryBankEdit.displayName), _QuizEntryBankEdit.propTypes = {
+}(Component), _defineProperty(_QuizEntryBankEdit, "displayName", 'QuizEntryBankEdit'), _defineProperty(_QuizEntryBankEdit, "componentId", "Quizzes".concat(_QuizEntryBankEdit.displayName)), _defineProperty(_QuizEntryBankEdit, "propTypes", {
   changeQuizEntryPoints: PropTypes.func.isRequired,
   changeQuizEntryProperties: PropTypes.func.isRequired,
   changeQuizEntryEntry: PropTypes.func.isRequired,
@@ -219,7 +230,7 @@ export var QuizEntryBankEdit = (_dec = withStyleOverrides(generateStyle, generat
   workingBank: PropTypes.instanceOf(Bank).isRequired,
   workingQuizEntry: PropTypes.instanceOf(QuizEntry).isRequired,
   styles: PropTypes.object
-}, _QuizEntryBankEdit.defaultProps = {
+}), _defineProperty(_QuizEntryBankEdit, "defaultProps", {
   sampleNum: void 0
-}, _QuizEntryBankEdit)) || _class);
+}), _QuizEntryBankEdit)) || _class);
 export default QuizEntryBankEdit;

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankEdit/theme.js

@@ -5,9 +5,9 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borders = _ref.borders;
   return {
     marginAddMargin: spacing.xSmall,
-    quizEntryBankEditBackgroundColor: colors.white,
+    quizEntryBankEditBackgroundColor: colors.contrasts.white1010,
     quizEntryBankEditBorderSize: borders.widthSmall,
-    quizEntryBankEditBorderColor: colors.oxford,
+    quizEntryBankEditBorderColor: colors.contrasts.grey100100,
     quizEntryBankEditPadding: borders.small,
     quizEntryBankEditMargin: spacing.medium,
     numberInputFontSize: typography.fontSizeMedium,
@@ -16,7 +16,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     borderLineTopMargin: spacing.small,
     borderLineBottomMargin: spacing.small,
     borderLineBottomBorderSize: borders.widthSmall,
-    borderLineBottomBorderColor: colors.ash
+    borderLineBottomBorderColor: colors.contrasts.grey4570
   };
 };
 export default generateComponentTheme;

package/es/building/components/resources/quizEntry/QuizEntryBank/QuizEntryBankShow/index.js

@@ -1,8 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _dec, _class, _QuizEntryBank;
+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 = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -10,21 +26,19 @@ import { View } from '@instructure/ui-view';
 import { Alert } from '@instructure/ui-alerts';
 import { Text } from '@instructure/ui-text';
 import { jsx } from '@instructure/emotion';
-import Bank from "../../../../../../common/records/Bank.js";
-import QuizEntry from "../../../../../../common/records/QuizEntry.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import Bank from '../../../../../../common/records/Bank';
+import QuizEntry from '../../../../../../common/records/QuizEntry';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { withStyleOverrides } from '@instructure/quiz-common';
-var _ref = jsx("br", null);
 export var QuizEntryBank = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryBank = /*#__PURE__*/function (_Component) {
-  _inherits(QuizEntryBank, _Component);
-  var _super = _createSuper(QuizEntryBank);
   function QuizEntryBank() {
     _classCallCheck(this, QuizEntryBank);
-    return _super.apply(this, arguments);
+    return _callSuper(this, QuizEntryBank, arguments);
   }
-  _createClass(QuizEntryBank, [{
+  _inherits(QuizEntryBank, _Component);
+  return _createClass(QuizEntryBank, [{
     key: "renderSampleError",
     value: function renderSampleError() {
       return jsx("div", {
@@ -72,7 +86,7 @@ export var QuizEntryBank = (_dec = withStyleOverrides(generateStyle, generateCom
         color: "primary"
       }, t("{ number, plural,\n                =0 { All questions pulled from bank: }\n                one {# question pulled randomly from bank: }\n                other {# questions pulled randomly from bank: }\n              } ", {
         number: sampleNum
-      }), jsx("b", null, this.props.entry.title), _ref, t("{ number, plural,\n                one {# point per question }\n                other {# points per question }\n              }", {
+      }), jsx("b", null, this.props.entry.title), jsx("br", null), t("{ number, plural,\n                one {# point per question }\n                other {# points per question }\n              }", {
         number: this.props.quizEntry.pointsPossible
       })));
     }
@@ -89,11 +103,9 @@ export var QuizEntryBank = (_dec = withStyleOverrides(generateStyle, generateCom
       }, this.renderErrors(), this.renderContent()));
     }
   }]);
-  QuizEntryBank.displayName = "QuizEntryBank";
-  return QuizEntryBank;
-}(Component), _QuizEntryBank.displayName = 'QuizEntryBank', _QuizEntryBank.componentId = "Quizzes".concat(_QuizEntryBank.displayName), _QuizEntryBank.propTypes = {
+}(Component), _defineProperty(_QuizEntryBank, "displayName", 'QuizEntryBank'), _defineProperty(_QuizEntryBank, "componentId", "Quizzes".concat(_QuizEntryBank.displayName)), _defineProperty(_QuizEntryBank, "propTypes", {
   entry: PropTypes.instanceOf(Bank).isRequired,
   quizEntry: PropTypes.instanceOf(QuizEntry).isRequired,
   styles: PropTypes.object
-}, _QuizEntryBank)) || _class);
+}), _QuizEntryBank)) || _class);
 export default QuizEntryBank;