@instructure/quiz-core 21.2.0 → 22.1.0

package/lib/banks/components/Bank/theme.js

@@ -9,7 +9,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     colors = _ref.colors,
     breakpoints = _ref.breakpoints;
   return {
-    contentBackgroundColor: colors.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: spacing.medium,
     contentPaddingLeftRight: spacing.medium,
     breadCrumbMarginBottom: spacing.large,

package/lib/banks/components/BankEntriesList/presenter.js

@@ -22,30 +22,42 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _quizCommon = require("@instructure/quiz-common");
 var _dec, _class, _BankEntriesList;
 /** @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 BankEntriesList = exports.BankEntriesList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BankEntriesList = /*#__PURE__*/function (_Component) {
   function BankEntriesList() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, BankEntriesList);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankEntriesList, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "renderEntry", function (entry) {
+    _this2 = _callSuper(this, BankEntriesList, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "renderEntry", function (entry) {
       var entryId = entry.get('id');
       return (0, _emotion.jsx)(_Card["default"], {
         key: entryId,
-        css: _this.props.styles.entryRow
+        css: _this2.props.styles.entryRow
       }, (0, _emotion.jsx)(_BankEntryRow["default"], {
         bankEntry: entry,
-        bank: _this.props.bank,
-        navigateToBankEntry: _this.props.navigateToBankEntry,
-        addEntryToQuiz: _this.props.addEntryToQuiz,
-        isQuizContentLocked: _this.props.isQuizContentLocked
+        bank: _this2.props.bank,
+        navigateToBankEntry: _this2.props.navigateToBankEntry,
+        addEntryToQuiz: _this2.props.addEntryToQuiz,
+        isQuizContentLocked: _this2.props.isQuizContentLocked
       }));
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(BankEntriesList, _Component);
   return (0, _createClass2["default"])(BankEntriesList, [{

package/lib/banks/components/BankEntry/presenter.js

@@ -52,59 +52,71 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _dec, _class, _BankEntry;
 /** @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 BankEntry = exports.BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BankEntry = /*#__PURE__*/function (_Component) {
   function BankEntry() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, BankEntry);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankEntry, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "state", {
+    _this2 = _callSuper(this, BankEntry, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "state", {
       validationErrorsFromApi: {}
     });
-    (0, _defineProperty2["default"])(_this, "setNavToBankRef", function (node) {
-      _this.navToBankRef = node;
+    (0, _defineProperty2["default"])(_this2, "setNavToBankRef", function (node) {
+      _this2.navToBankRef = node;
     });
-    (0, _defineProperty2["default"])(_this, "navigateToBank", function () {
-      _this.props.navigateToBank(_this.props.bankId);
+    (0, _defineProperty2["default"])(_this2, "navigateToBank", function () {
+      _this2.props.navigateToBank(_this2.props.bankId);
     });
-    (0, _defineProperty2["default"])(_this, "handleTitleChange", function (e) {
-      _this.props.changeItemTitle(_this.props.entry.id, e.target.value);
+    (0, _defineProperty2["default"])(_this2, "handleTitleChange", function (e) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, e.target.value);
     });
-    (0, _defineProperty2["default"])(_this, "clearValidationErrorsFromApi", function (inputId) {
+    (0, _defineProperty2["default"])(_this2, "clearValidationErrorsFromApi", function (inputId) {
       if (inputId === _quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS) {
-        _this.setState({
+        _this2.setState({
           validationErrorsFromApi: {}
         });
       }
-      if (_this.state.validationErrorsFromApi[inputId]) {
-        var newErrors = Object.assign({}, _this.state.validationErrorsFromApi);
+      if (_this2.state.validationErrorsFromApi[inputId]) {
+        var newErrors = Object.assign({}, _this2.state.validationErrorsFromApi);
         delete newErrors[inputId];
-        _this.setState({
+        _this2.setState({
           validationErrorsFromApi: newErrors
         });
       }
     });
-    (0, _defineProperty2["default"])(_this, "submitHandler", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    (0, _defineProperty2["default"])(_this2, "submitHandler", /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            if (!_this.props.entry.isTemporary()) {
+            if (!_this2.props.entry.isTemporary()) {
               _context.next = 6;
               break;
             }
             _context.next = 4;
-            return _this.temporarySubmit();
+            return _this2.temporarySubmit();
           case 4:
             _context.next = 8;
             break;
           case 6:
             _context.next = 8;
-            return _this.normalSubmit();
+            return _this2.normalSubmit();
           case 8:
             _context.next = 16;
             break;
@@ -115,7 +127,7 @@ var BankEntry = exports.BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(
               _context.next = 15;
               break;
             }
-            _this.setState({
+            _this2.setState({
               validationErrorsFromApi: _context.t0.validationErrorsFromApi
             });
             // Throwing an error here would cause an alert banner to show,
@@ -124,82 +136,82 @@ var BankEntry = exports.BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(
           case 15:
             throw _context.t0;
           case 16:
-            _this.navigateToBank();
+            _this2.navigateToBank();
           case 17:
           case "end":
             return _context.stop();
         }
       }, _callee, null, [[0, 10]]);
     })));
-    (0, _defineProperty2["default"])(_this, "handleRef", function (node) {
-      _this.itemEditArea = node;
+    (0, _defineProperty2["default"])(_this2, "handleRef", function (node) {
+      _this2.itemEditArea = node;
     });
-    (0, _defineProperty2["default"])(_this, "clearChanges", function () {
-      _this.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
-      if (!_this.props.entry) return;
-      if (_this.props.entry.isTemporary()) {
-        _this.props.clearTemporaryBankItem(_this.props.bankId);
+    (0, _defineProperty2["default"])(_this2, "clearChanges", function () {
+      _this2.clearValidationErrorsFromApi(_quizCommon.CLEAR_ALL_INPUT_VALIDATION_ERRORS);
+      if (!_this2.props.entry) return;
+      if (_this2.props.entry.isTemporary()) {
+        _this2.props.clearTemporaryBankItem(_this2.props.bankId);
       }
-      _this.props.clearModifications('items', _this.props.entry.id);
-      _this.props.setPendingDeletionTagAssociations(_this.props.bankEntry.entryType, _this.props.entry.id, []);
-      _this.props.setPendingAdditionTagAssociations(_this.props.bankEntry.entryType, _this.props.entry.id, []);
+      _this2.props.clearModifications('items', _this2.props.entry.id);
+      _this2.props.setPendingDeletionTagAssociations(_this2.props.bankEntry.entryType, _this2.props.entry.id, []);
+      _this2.props.setPendingAdditionTagAssociations(_this2.props.bankEntry.entryType, _this2.props.entry.id, []);
     });
-    (0, _defineProperty2["default"])(_this, "handlePointsChange", function (points) {
-      _this.props.changeQuizEntryPoints(_this.props.entry.id, points);
+    (0, _defineProperty2["default"])(_this2, "handlePointsChange", function (points) {
+      _this2.props.changeQuizEntryPoints(_this2.props.entry.id, points);
     });
-    (0, _defineProperty2["default"])(_this, "editProps", function (entry) {
+    (0, _defineProperty2["default"])(_this2, "editProps", function (entry) {
       return {
-        cancelHandler: _this.navigateToBank,
-        clearChanges: _this.clearChanges,
-        clearValidationErrorsFromApi: _this.clearValidationErrorsFromApi,
+        cancelHandler: _this2.navigateToBank,
+        clearChanges: _this2.clearChanges,
+        clearValidationErrorsFromApi: _this2.clearValidationErrorsFromApi,
         contextUuid: null,
         entry: entry,
-        guid: "".concat(_this.props.bankEntry.id, "_bank_entry_edit"),
-        handleQuizEntryPointsChange: _this.handlePointsChange,
-        itemEditArea: _this.itemEditArea,
-        parentId: _this.props.bankId,
+        guid: "".concat(_this2.props.bankEntry.id, "_bank_entry_edit"),
+        handleQuizEntryPointsChange: _this2.handlePointsChange,
+        itemEditArea: _this2.itemEditArea,
+        parentId: _this2.props.bankId,
         parentType: _quizCommon.PARENT_TYPE_BANK,
         stimulus: entry,
-        submitHandler: _this.submitHandler,
-        validationErrorsFromApi: _this.state.validationErrorsFromApi,
-        scope: _this.props.scope
+        submitHandler: _this2.submitHandler,
+        validationErrorsFromApi: _this2.state.validationErrorsFromApi,
+        scope: _this2.props.scope
       };
     });
-    (0, _defineProperty2["default"])(_this, "openFeedbackModal", function () {
-      _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_ITEM, _this.props.entry.getWorkingInstance());
-      _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, _this.props.entry.getWorkingInstance().feedback);
-      _this.props.openModal(_quizCommon.ITEM_FEEDBACK_MODAL, {
-        modalTrigger: _this.addFeedbackButton
+    (0, _defineProperty2["default"])(_this2, "openFeedbackModal", function () {
+      _this2.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_ITEM, _this2.props.entry.getWorkingInstance());
+      _this2.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, _this2.props.entry.getWorkingInstance().feedback);
+      _this2.props.openModal(_quizCommon.ITEM_FEEDBACK_MODAL, {
+        modalTrigger: _this2.addFeedbackButton
       });
     });
-    (0, _defineProperty2["default"])(_this, "storeFeedbackButtonRef", function (button) {
-      _this.addFeedbackButton = button;
+    (0, _defineProperty2["default"])(_this2, "storeFeedbackButtonRef", function (button) {
+      _this2.addFeedbackButton = button;
     });
-    (0, _defineProperty2["default"])(_this, "compareTagValues", function (left, right) {
+    (0, _defineProperty2["default"])(_this2, "compareTagValues", function (left, right) {
       return left.tag_value === right.tag_value;
     });
-    (0, _defineProperty2["default"])(_this, "tagToAssociation", function (_ref2) {
+    (0, _defineProperty2["default"])(_this2, "tagToAssociation", function (_ref2) {
       var value = _ref2.value;
       return {
         tag_value: value
       };
     });
-    (0, _defineProperty2["default"])(_this, "handleTagChange", function (tags) {
-      var bankEntry = _this.props.bankEntry;
-      var tagAssociations = _this.props.tagAssociations.toJS();
-      var associations = tags.map(_this.tagToAssociation);
-      var removed = (0, _differenceWith["default"])(tagAssociations, associations, _this.compareTagValues);
-      var created = (0, _differenceWith["default"])(associations, tagAssociations, _this.compareTagValues);
+    (0, _defineProperty2["default"])(_this2, "handleTagChange", function (tags) {
+      var bankEntry = _this2.props.bankEntry;
+      var tagAssociations = _this2.props.tagAssociations.toJS();
+      var associations = tags.map(_this2.tagToAssociation);
+      var removed = (0, _differenceWith["default"])(tagAssociations, associations, _this2.compareTagValues);
+      var created = (0, _differenceWith["default"])(associations, tagAssociations, _this2.compareTagValues);
       // If a tag that was removed is being re-added,
       // remove from both addAssociations and deletedTags
-      var restored = (0, _intersectionWith["default"])(created, removed, _this.compareTagValues);
+      var restored = (0, _intersectionWith["default"])(created, removed, _this2.compareTagValues);
       var addOperations = (0, _differenceWith["default"])(created, restored, _isEqual["default"]);
-      var deleteOperations = (0, _differenceWith["default"])(removed, restored, _this.compareTagValues);
-      var bankEntryId = _this.getBankEntryId(bankEntry);
-      _this.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
-      _this.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
+      var deleteOperations = (0, _differenceWith["default"])(removed, restored, _this2.compareTagValues);
+      var bankEntryId = _this2.getBankEntryId(bankEntry);
+      _this2.props.setPendingDeletionTagAssociations(bankEntry.entryType, bankEntryId, deleteOperations);
+      _this2.props.setPendingAdditionTagAssociations(bankEntry.entryType, bankEntryId, addOperations);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(BankEntry, _Component);
   return (0, _createClass2["default"])(BankEntry, [{
@@ -514,7 +526,7 @@ var BankEntry = exports.BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(
   }, {
     key: "renderEntry",
     value: function renderEntry(entry) {
-      var _this2 = this;
+      var _this3 = this;
       if (!entry) return;
       var _this$props3 = this.props,
         bankEntry = _this$props3.bankEntry,
@@ -534,8 +546,8 @@ var BankEntry = exports.BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(
           noMatchText: (0, _formatMessage["default"])('Enter a tag to find or create'),
           parentType: entryType,
           parentId: entryId,
-          onChange: _this2.handleTagChange,
-          tags: _this2.visibleTags()
+          onChange: _this3.handleTagChange,
+          tags: _this3.visibleTags()
         });
       };
       var editWarning = this.isItemEntry() ? (0, _formatMessage["default"])('Edits made here will appear on any assessment using this question.') : (0, _formatMessage["default"])('Edits made here will appear on any assessment using this stimulus.');

package/lib/banks/components/BankEntry/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) {
   var footerStyles = {
     display: 'flex',

package/lib/banks/components/BankEntry/theme.js

@@ -10,17 +10,17 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    contentBackgroundColor: colors.white,
+    contentBackgroundColor: colors.contrasts.white1010,
     contentPaddingTopBottom: 0,
     contentPaddingLeftRight: 0,
     breadCrumbMarginBottom: spacing.large,
     entryRowMargin: spacing.small,
-    headerRowColor: colors.ash,
+    headerRowColor: colors.contrasts.grey4570,
     headerRowPadding: spacing.small,
     headerTextFontSize: typography.fontSizeSmall,
     leftHeaderMargin: spacing.small,
-    headerBackgroundColor: colors.porcelain,
-    headerColor: colors.licorice,
+    headerBackgroundColor: colors.contrasts.grey1111,
+    headerColor: colors.contrasts.grey125125,
     headerPaddingTopBottom: spacing.xSmall,
     headerPaddingLeftRight: spacing.small,
     footerPaddingBottom: spacing.xSmall,
@@ -28,7 +28,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     rightHeaderPaddingLeft: spacing.xSmall,
     rightFooterPaddingLeftRight: spacing.small,
     entryEditBorderWidth: borders.widthSmall,
-    entryEditBorderColor: colors.tiara
+    entryEditBorderColor: colors.contrasts.grey1214
   };
 };
 var _default = exports["default"] = generateComponentTheme;

package/lib/banks/components/BankEntryRow/index.js

@@ -17,8 +17,8 @@ var _alerts = require("../../../common/actions/alerts");
 var _featureCheck = require("../../../common/util/featureCheck");
 var _quizCommon = require("@instructure/quiz-common");
 var _this = void 0;
-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 _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; }
 var rowKey = function rowKey(props) {
   return "BANK_ENTRY_".concat(props.bankEntry.get('id'), "_EXPANDED");
 };

package/lib/banks/components/BankEntryRow/presenter.js

@@ -39,30 +39,42 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _overlay = _interopRequireDefault(require("../../../common/components/shared/overlay"));
 var _dec, _class, _BankEntryRow;
 /** @jsx jsx */
-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 BankEntryRow = exports.BankEntryRow = (_dec = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"]), _dec(_class = (_BankEntryRow = /*#__PURE__*/function (_withI18nSupport) {
   function BankEntryRow() {
-    var _this;
+    var _this2;
     (0, _classCallCheck2["default"])(this, BankEntryRow);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, BankEntryRow, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "incrementPosition", function () {
-      _this.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this.props.position + 1);
+    _this2 = _callSuper(this, BankEntryRow, [].concat(args));
+    (0, _defineProperty2["default"])(_this2, "incrementPosition", function () {
+      _this2.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this2.props.position + 1);
     });
-    (0, _defineProperty2["default"])(_this, "deleteBankEntry", function () {
-      var deletePreface = _this.isItemEntry() ? (0, _formatMessage["default"])('Deleting this question:') : (0, _formatMessage["default"])('Deleting this stimulus:');
+    (0, _defineProperty2["default"])(_this2, "deleteBankEntry", function () {
+      var deletePreface = _this2.isItemEntry() ? (0, _formatMessage["default"])('Deleting this question:') : (0, _formatMessage["default"])('Deleting this stimulus:');
       var confirmBody = (0, _emotion.jsx)(_uiAlerts.Alert, {
         variant: "error",
         padding: "0"
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.deleteAlert
+        css: _this2.props.styles.deleteAlert
       }, (0, _emotion.jsx)("div", {
-        css: _this.props.styles.deletePreface
+        css: _this2.props.styles.deletePreface
       }, deletePreface), (0, _emotion.jsx)(_uiList.List, null, (0, _emotion.jsx)(_uiList.List.Item, null, _formatMessage["default"].rich('will <0>NOT</0> remove it from any assessments', [function (_ref) {
         var children = _ref.children;
         return (0, _emotion.jsx)(_uiText.Text, {
@@ -70,9 +82,9 @@ var BankEntryRow = exports.BankEntryRow = (_dec = (0, _quizCommon.withStyleOverr
           key: "0"
         }, children);
       }])), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will lose its statistical link in reporting')), (0, _emotion.jsx)(_uiList.List.Item, null, (0, _formatMessage["default"])('will remove access for all users with whom this bank has been shared')))));
-      _this.props.withConfirm((0, _partial["default"])(_this.props.removeBankEntry, _this.props.bank.id, _this.props.bankEntry.id), {
+      _this2.props.withConfirm((0, _partial["default"])(_this2.props.removeBankEntry, _this2.props.bank.id, _this2.props.bankEntry.id), {
         title: (0, _formatMessage["default"])('Delete {type}', {
-          type: _this.type()
+          type: _this2.type()
         }),
         text: confirmBody,
         continueText: (0, _formatMessage["default"])('Delete'),
@@ -80,55 +92,55 @@ var BankEntryRow = exports.BankEntryRow = (_dec = (0, _quizCommon.withStyleOverr
         size: 'medium'
       });
     });
-    (0, _defineProperty2["default"])(_this, "addToQuiz", function () {
-      if (_this.props.activeQuizId) {
+    (0, _defineProperty2["default"])(_this2, "addToQuiz", function () {
+      if (_this2.props.activeQuizId) {
         var newEntry = _QuizEntry["default"].create({
-          entryId: _this.props.bankEntry.id,
+          entryId: _this2.props.bankEntry.id,
           entryType: 'BankEntry',
-          position: _this.props.position,
-          stimulusQuizEntryId: _this.props.stimulusId
+          position: _this2.props.position,
+          stimulusQuizEntryId: _this2.props.stimulusId
         });
-        _this.props.addEntryToQuiz(_this.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
-          _this.props.screenreaderNotification((0, _formatMessage["default"])('Bank Entry was successfully added to the quiz'));
+        _this2.props.addEntryToQuiz(_this2.props.activeQuizId, newEntry.entryId, newEntry.entryType, newEntry.getProperties(), false).then(function () {
+          _this2.props.screenreaderNotification((0, _formatMessage["default"])('Bank Entry was successfully added to the quiz'));
         });
-        if (_this.props.position) _this.incrementPosition();
+        if (_this2.props.position) _this2.incrementPosition();
       }
     });
-    (0, _defineProperty2["default"])(_this, "openCopyMoveBankEntryModal", function () {
-      _this.props.openModal([_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL, _this.props.bankEntry.entryType, _this.props.bankEntry.entry.toJS().id].join(':'), {
-        modalTrigger: _this.copyMoveBankEntryButton
+    (0, _defineProperty2["default"])(_this2, "openCopyMoveBankEntryModal", function () {
+      _this2.props.openModal([_quizCommon.COPY_MOVE_BANK_ENTRY_MODAL, _this2.props.bankEntry.entryType, _this2.props.bankEntry.entry.toJS().id].join(':'), {
+        modalTrigger: _this2.copyMoveBankEntryButton
       });
     });
-    (0, _defineProperty2["default"])(_this, "createEntryForBank", function () {
-      var createEntry = _this.isItemEntry() ? _this.props.createItem : _this.props.createStimulus;
-      return createEntry(_this.getEntry(), _this.props.bank.id, 'bank');
+    (0, _defineProperty2["default"])(_this2, "createEntryForBank", function () {
+      var createEntry = _this2.isItemEntry() ? _this2.props.createItem : _this2.props.createStimulus;
+      return createEntry(_this2.getEntry(), _this2.props.bank.id, 'bank');
     });
-    (0, _defineProperty2["default"])(_this, "storeCopyMoveBankEntryButtonRef", function (c) {
-      _this.copyMoveBankEntryButton = c;
+    (0, _defineProperty2["default"])(_this2, "storeCopyMoveBankEntryButtonRef", function (c) {
+      _this2.copyMoveBankEntryButton = c;
     });
-    (0, _defineProperty2["default"])(_this, "storeEditButtonRef", function (c) {
-      _this.editButton = c;
+    (0, _defineProperty2["default"])(_this2, "storeEditButtonRef", function (c) {
+      _this2.editButton = c;
     });
-    (0, _defineProperty2["default"])(_this, "renderTrashButton", function () {
+    (0, _defineProperty2["default"])(_this2, "renderTrashButton", function () {
       var title = (0, _formatMessage["default"])('Delete {type}', {
-        type: _this.type()
+        type: _this2.type()
       });
       return (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "medium",
         withBackground: false,
         withBorder: false,
-        onClick: _this.deleteBankEntry,
+        onClick: _this2.deleteBankEntry,
         "data-automation": "sdk-delete-bank-entry-button",
         renderIcon: _uiIcons.IconTrashLine,
         title: title,
         screenReaderLabel: title
       });
     });
-    (0, _defineProperty2["default"])(_this, "navigateToBankEntry", function () {
-      _this.props.setUi(_quizCommon.SET_EDIT_BUTTON_FOCUS, _this.props.bankEntry.id);
-      _this.props.navigateToBankEntry(_this.props.bankEntry.id, _this.props.bank.id);
+    (0, _defineProperty2["default"])(_this2, "navigateToBankEntry", function () {
+      _this2.props.setUi(_quizCommon.SET_EDIT_BUTTON_FOCUS, _this2.props.bankEntry.id);
+      _this2.props.navigateToBankEntry(_this2.props.bankEntry.id, _this2.props.bank.id);
     });
-    return _this;
+    return _this2;
   }
   (0, _inherits2["default"])(BankEntryRow, _withI18nSupport);
   return (0, _createClass2["default"])(BankEntryRow, [{

package/lib/banks/components/BankEntryRow/styles.js

@@ -38,7 +38,6 @@ var generateStyle = function generateStyle(componentTheme) {
       fontSize: componentTheme.headerTextFontSize
     },
     stem: {
-      overflowX: 'auto',
       fontSize: componentTheme.stemFontSize,
       lineHeight: componentTheme.stemLineHeight,
       '& p': {

package/lib/banks/components/BankEntryRow/theme.js

@@ -11,18 +11,18 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography;
   return {
     entryDetailPadding: spacing.small,
-    headerRowColor: colors.ash,
+    headerRowColor: colors.contrasts.grey4570,
     buttonsZIndex: '3333',
     expandButtonContainerBorderWidth: borders.widthMedium,
-    expandButtonContainerBorderColor: colors.tiara,
+    expandButtonContainerBorderColor: colors.contrasts.grey1214,
     addButtonMargin: spacing.small,
-    headerTextColor: colors.ash,
+    headerTextColor: colors.contrasts.grey4570,
     headerTextFontSize: typography.fontSizeXSmall,
     stemFontSize: typography.fontSizeMedium,
     stemLineHeight: typography.lineHeight,
     footerPadding: spacing.medium,
     footerBorderWidth: borders.widthSmall,
-    footerBorderColor: colors.tiara,
+    footerBorderColor: colors.contrasts.grey1214,
     footerFontSize: typography.fontSizeXSmall,
     deletePrefaceMargin: spacing.xxSmall
   };