@instructure/quiz-core 21.1.1 → 22.0.0

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

@@ -4,8 +4,8 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     typography = _ref.typography,
     borders = _ref.borders;
   return {
-    quizEntryBankBackgroundColor: colors.white,
-    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.oxford),
+    quizEntryBankBackgroundColor: colors.contrasts.white1010,
+    quizEntryBankBorder: "".concat(borders.widthSmall, " dashed ").concat(colors.contrasts.grey100100),
     quizEntryBankPadding: "".concat(spacing.xxSmall, " ").concat(spacing.medium),
     quizEntryBankTopMargin: spacing.small,
     alertWrapperMargin: spacing.small

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/index.js

@@ -1,6 +1,6 @@
-import { connect } from "../../../../../../common/react-redux.js";
-import makeEditable from "../../../../../../common/components/shared/functionality/makeEditable.js";
-import QuizEntryEditFooter from "./presenter.js";
+import { connect } from '../../../../../../common/react-redux';
+import makeEditable from '../../../../../../common/components/shared/functionality/makeEditable';
+import QuizEntryEditFooter from './presenter';
 export function mapStateToProps(state, props) {
   var entry = props.entry,
     quizEntry = props.quizEntry,

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -1,9 +1,25 @@
 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";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _dec, _class, _QuizEntryEditFooter;
+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';
@@ -17,10 +33,10 @@ import { jsx } from '@instructure/emotion';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { interactionPoints } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
-import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
+import EntrySave from '../../../../../../common/components/resources/entry/EntrySave';
 import { Flex, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 function pointsAsFloat(pointsString) {
   return parseFloat(pointsString) || 0;
 }
@@ -34,59 +50,58 @@ function countDecimals(normalizedPointsString) {
   return decimals ? decimals.length : 0;
 }
 export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
-  _inherits(QuizEntryEditFooter, _Component);
-  var _super = _createSuper(QuizEntryEditFooter);
   function QuizEntryEditFooter() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryEditFooter);
-    _this = _super.apply(this, arguments);
-    _this.addFeedbackButton = null;
-    _this.openFeedbackModal = function () {
-      var workingEntry = _this.props.workingEntry;
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
-      _this.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
-      _this.props.openModal(ITEM_FEEDBACK_MODAL, {
-        modalTrigger: _this.addFeedbackButton
+    _this2 = _callSuper(this, QuizEntryEditFooter, arguments);
+    _defineProperty(_this2, "addFeedbackButton", null);
+    _defineProperty(_this2, "openFeedbackModal", function () {
+      var workingEntry = _this2.props.workingEntry;
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
+      _this2.props.setUi(ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
+      _this2.props.openModal(ITEM_FEEDBACK_MODAL, {
+        modalTrigger: _this2.addFeedbackButton
       });
-    };
-    _this.handlePointsBlur = function () {
-      if (!_this.state.normalizedPoints) {
-        _this.setState({
+    });
+    _defineProperty(_this2, "handlePointsBlur", function () {
+      if (!_this2.state.normalizedPoints) {
+        _this2.setState({
           points: '0'
         });
       }
-    };
-    _this.handlePointsChange = function (event, points, normalizedPoints) {
+    });
+    _defineProperty(_this2, "handlePointsChange", function (event, points, normalizedPoints) {
       // do not allow more than 3 decimals
       if (countDecimals(normalizedPoints) <= 3) {
         var pointsFloat = pointsAsFloat(normalizedPoints);
-        if (pointsFloat !== _this.getPoints()) {
-          var _this$props = _this.props,
-            workingQuizEntry = _this$props.workingQuizEntry,
-            workingEntry = _this$props.workingEntry;
+        if (pointsFloat !== _this2.getPoints()) {
+          var _this2$props = _this2.props,
+            workingQuizEntry = _this2$props.workingQuizEntry,
+            workingEntry = _this2$props.workingEntry;
           var qerIndexToUpdate = workingQuizEntry.quizEntryRegrades.findIndex(function (qer) {
             return qer.get('itemId') == workingEntry.id;
           });
           var newQuizEntryRegrades = qerIndexToUpdate > -1 ? workingQuizEntry.quizEntryRegrades.setIn([qerIndexToUpdate, 'pointsPossible'], null) : workingQuizEntry.quizEntryRegrades;
-          _this.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
+          _this2.props.changeQuizEntryPoints(workingQuizEntry.id, pointsFloat, newQuizEntryRegrades.toJS());
         }
-        _this.setState({
+        _this2.setState({
           points: points,
           normalizedPoints: normalizedPoints
         });
       }
-    };
-    _this.handleButtonRef = function (node) {
-      _this.addFeedbackButton = node;
-    };
-    var _points = _this.getPoints();
-    _this.state = {
+    });
+    _defineProperty(_this2, "handleButtonRef", function (node) {
+      _this2.addFeedbackButton = node;
+    });
+    var _points = _this2.getPoints();
+    _this2.state = {
       points: _points,
       normalizedPoints: _points
     };
-    return _this;
+    return _this2;
   }
-  _createClass(QuizEntryEditFooter, [{
+  _inherits(QuizEntryEditFooter, _Component);
+  return _createClass(QuizEntryEditFooter, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var points = this.getPoints(nextProps);
@@ -98,7 +113,7 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "getPoints",
     value: function getPoints() {
-      var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;
       var workingQuizEntry = props.workingQuizEntry,
         workingEntry = props.workingEntry;
       return workingQuizEntry.regradeAdjustedPointsPossible(workingEntry.id) || workingQuizEntry.pointsPossible || 0;
@@ -106,7 +121,7 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "pointsDisabled",
     value: function pointsDisabled() {
-      var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;
       var workingEntry = props.workingEntry;
       var pointsFromItem = interactionPoints(workingEntry.toJS()) !== void 0;
       return pointsFromItem;
@@ -114,11 +129,11 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
   }, {
     key: "renderFeedbackSection",
     value: function renderFeedbackSection() {
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        workingEntry = _this$props.workingEntry;
       var disabled = entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var icon, text;
       if (workingEntry.hasFeedback()) {
@@ -208,9 +223,7 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
       }, this.renderRightFooter())));
     }
   }]);
-  QuizEntryEditFooter.displayName = "QuizEntryEditFooter";
-  return QuizEntryEditFooter;
-}(Component), _QuizEntryEditFooter.displayName = 'QuizEntryEditFooter', _QuizEntryEditFooter.componentId = "Quizzes".concat(_QuizEntryEditFooter.displayName), _QuizEntryEditFooter.propTypes = {
+}(Component), _defineProperty(_QuizEntryEditFooter, "displayName", 'QuizEntryEditFooter'), _defineProperty(_QuizEntryEditFooter, "componentId", "Quizzes".concat(_QuizEntryEditFooter.displayName)), _defineProperty(_QuizEntryEditFooter, "propTypes", {
   alternativeRightFooter: PropTypes.func,
   changeQuizEntryPoints: PropTypes.func.isRequired,
   clearChanges: PropTypes.func.isRequired,
@@ -230,11 +243,11 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
   // This prop is flagged as unused, but it is actually used
   workingQuizEntry: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
-}, _QuizEntryEditFooter.defaultProps = {
+}), _defineProperty(_QuizEntryEditFooter, "defaultProps", {
   alternativeRightFooter: null,
   disableSubmit: false,
   initialFocusId: null,
   itemEditArea: null,
   shouldClone: false
-}, _QuizEntryEditFooter)) || _class);
+}), _QuizEntryEditFooter)) || _class);
 export default QuizEntryEditFooter;

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/styles.js

@@ -1,4 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
 var generateStyle = function generateStyle(componentTheme) {
   var sectionStyle = {
     display: 'flex',

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -1,10 +1,26 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 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, _QuizEntryHeader;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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';
@@ -17,136 +33,132 @@ import { jsx, Global } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
 import { IconBankLine } from '@instructure/ui-icons';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.js";
-import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
-import Item from "../../../../../../common/records/Item.js";
-import ActionButtons from "../../../ActionButtons/index.js";
+import { convertFITBtoRich } from '../../../../../../common/util/fitbCopyHelper';
+import PositionBox from '../../../../../../common/components/resources/positionBox/PositionBox';
+import Item from '../../../../../../common/records/Item';
+import ActionButtons from '../../../ActionButtons';
 import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
 import { View } from '@instructure/ui-view';
-var _ref2 = jsx(IconBankLine, null);
 var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
-  _inherits(QuizEntryHeader, _Component);
-  var _super = _createSuper(QuizEntryHeader);
   function QuizEntryHeader() {
-    var _this;
+    var _this2;
     _classCallCheck(this, QuizEntryHeader);
     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.connectDragSource = function (dragHandle) {
-      if (_this.shouldDisableDragHandle()) {
+    _this2 = _callSuper(this, QuizEntryHeader, [].concat(args));
+    _defineProperty(_this2, "connectDragSource", function (dragHandle) {
+      if (_this2.shouldDisableDragHandle()) {
         return dragHandle;
       }
-      return _this.props.connectDragSource(dragHandle);
-    };
-    _this.clearModifications = function () {
-      _this.props.clearModifications('items', _this.props.entry.id);
-    };
-    _this.removeTemporaryItem = function () {
+      return _this2.props.connectDragSource(dragHandle);
+    });
+    _defineProperty(_this2, "clearModifications", function () {
+      _this2.props.clearModifications('items', _this2.props.entry.id);
+    });
+    _defineProperty(_this2, "removeTemporaryItem", function () {
       var remove = function remove() {
-        _this.props.hideError(_this.props.guid);
-        _this.clearModifications();
-        _this.props.clearTemporaryItem(_this.props.quizId);
-        _this.props.setUi(DELETED_QUIZ_ENTRY, {
-          position: Math.ceil(_this.props.quizEntry.position),
-          inStimulus: _this.props.quizEntry.hasStimulus
+        _this2.props.hideError(_this2.props.guid);
+        _this2.clearModifications();
+        _this2.props.clearTemporaryItem(_this2.props.quizId);
+        _this2.props.setUi(DELETED_QUIZ_ENTRY, {
+          position: Math.ceil(_this2.props.quizEntry.position),
+          inStimulus: _this2.props.quizEntry.hasStimulus
         });
       };
-      _this.props.withConfirm(remove, _this.removalDialogData());
-    };
-    _this.removeNormalItem = function () {
-      _this.props.withConfirm(partial(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
-    };
-    _this.removeItem = function (e) {
-      if (_this.props.disabledForRegrade) {
+      _this2.props.withConfirm(remove, _this2.removalDialogData());
+    });
+    _defineProperty(_this2, "removeNormalItem", function () {
+      _this2.props.withConfirm(partial(_this2.props.removeQuizEntry, _this2.props.quizId, _this2.props.quizEntry), _this2.removalDialogData());
+    });
+    _defineProperty(_this2, "removeItem", function (e) {
+      if (_this2.props.disabledForRegrade) {
         return null;
       }
-      _this.props.entry.isTemporary() ? _this.removeTemporaryItem() : _this.removeNormalItem();
-    };
-    _this.handleTitleChange = function (event) {
-      _this.props.changeItemTitle(_this.props.entry.id, event.target.value);
-    };
-    _this.storeTitleRef = function (el) {
-      _this.titleRef = el;
-    };
-    _this.copyItem = /*#__PURE__*/function () {
+      _this2.props.entry.isTemporary() ? _this2.removeTemporaryItem() : _this2.removeNormalItem();
+    });
+    _defineProperty(_this2, "handleTitleChange", function (event) {
+      _this2.props.changeItemTitle(_this2.props.entry.id, event.target.value);
+    });
+    _defineProperty(_this2, "storeTitleRef", function (el) {
+      _this2.titleRef = el;
+    });
+    _defineProperty(_this2, "copyItem", /*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-        var _this$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
+        var _this2$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props = _this.props, quizId = _this$props.quizId, workingQuizEntry = _this$props.workingQuizEntry, workingEntry = _this$props.workingEntry, richFITBEnabled = _this$props.richFITBEnabled, richFITBInteractionID = _this$props.richFITBInteractionID;
-                msg = t('Question {displayPosition} cannot be saved due to invalid input data.', {
-                  displayPosition: _this.props.displayPosition
-                });
-                if (!_this.props.isValid) {
-                  _context.next = 14;
-                  break;
-                }
-                _context.next = 5;
-                return _this.props.successfulSubmit();
-              case 5:
-                validationResult = _context.sent;
-                if (!(validationResult === API_INPUT_VALIDATION_ERROR)) {
-                  _context.next = 9;
-                  break;
-                }
-                _this.props.screenreaderNotification(msg);
-                return _context.abrupt("return");
-              case 9:
-                interactionTypeData = {
-                  answerFeedback: workingEntry.answerFeedback,
-                  calculatorType: workingEntry.calculatorType,
-                  feedback: workingEntry.feedback,
-                  id: workingEntry.interactionType,
-                  interactionData: workingEntry.interactionData,
-                  itemBody: workingEntry.itemBody,
-                  outcomeAlignmentSetGuid: workingEntry.outcomeAlignmentSetGuid,
-                  properties: workingEntry.properties,
-                  scoringAlgorithm: workingEntry.scoringAlgorithm,
-                  scoringData: workingEntry.scoringData,
-                  title: workingEntry.title
-                };
-                if (richFITBEnabled && workingEntry.getInteractionType() instanceof FillBlankInteractionType) {
-                  interactionTypeData = convertFITBtoRich(interactionTypeData, richFITBInteractionID);
-                }
-                _this.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
-                _context.next = 16;
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this2$props = _this2.props, quizId = _this2$props.quizId, workingQuizEntry = _this2$props.workingQuizEntry, workingEntry = _this2$props.workingEntry, richFITBEnabled = _this2$props.richFITBEnabled, richFITBInteractionID = _this2$props.richFITBInteractionID;
+              msg = t('Question {displayPosition} cannot be saved due to invalid input data.', {
+                displayPosition: _this2.props.displayPosition
+              });
+              if (!_this2.props.isValid) {
+                _context.next = 14;
                 break;
-              case 14:
-                _this.props.screenreaderNotification(msg);
-                _this.props.showError(_this.props.guid);
-              case 16:
-              case "end":
-                return _context.stop();
-            }
+              }
+              _context.next = 5;
+              return _this2.props.successfulSubmit();
+            case 5:
+              validationResult = _context.sent;
+              if (!(validationResult === API_INPUT_VALIDATION_ERROR)) {
+                _context.next = 9;
+                break;
+              }
+              _this2.props.screenreaderNotification(msg);
+              return _context.abrupt("return");
+            case 9:
+              interactionTypeData = {
+                answerFeedback: workingEntry.answerFeedback,
+                calculatorType: workingEntry.calculatorType,
+                feedback: workingEntry.feedback,
+                id: workingEntry.interactionType,
+                interactionData: workingEntry.interactionData,
+                itemBody: workingEntry.itemBody,
+                outcomeAlignmentSetGuid: workingEntry.outcomeAlignmentSetGuid,
+                properties: workingEntry.properties,
+                scoringAlgorithm: workingEntry.scoringAlgorithm,
+                scoringData: workingEntry.scoringData,
+                title: workingEntry.title
+              };
+              if (richFITBEnabled && workingEntry.getInteractionType() instanceof FillBlankInteractionType) {
+                interactionTypeData = convertFITBtoRich(interactionTypeData, richFITBInteractionID);
+              }
+              _this2.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
+              _context.next = 16;
+              break;
+            case 14:
+              _this2.props.screenreaderNotification(msg);
+              _this2.props.showError(_this2.props.guid);
+            case 16:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);
       };
-    }();
-    _this.handleBankClick = function () {
-      if (_this.props.newActiveBank) {
-        var bankId = _this.props.workingQuizEntry.getEntry().id;
-        _this.props.newActiveBank(bankId);
-        _this.props.setUi(BUILD_TRAY_OPEN, true);
+    }());
+    _defineProperty(_this2, "handleBankClick", function () {
+      if (_this2.props.newActiveBank) {
+        var bankId = _this2.props.workingQuizEntry.getEntry().id;
+        _this2.props.newActiveBank(bankId);
+        _this2.props.setUi(BUILD_TRAY_OPEN, true);
       }
-    };
-    return _this;
+    });
+    return _this2;
   }
-  _createClass(QuizEntryHeader, [{
+  _inherits(QuizEntryHeader, _Component);
+  return _createClass(QuizEntryHeader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this2 = this;
+      var _this3 = this;
       // timeout is to ensure the screenreader reads the title label when focused
       setTimeout(function () {
-        !_this2.props.initialFocusId && _this2.titleRef && _this2.titleRef.focus();
+        !_this3.props.initialFocusId && _this3.titleRef && _this3.titleRef.focus();
       }, 200); // without the 200, the black VO focus-box, and the actual focus
       // end up in different places after saving, and re-editing
     }
@@ -160,6 +172,16 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         cancelText: t('Keep Question')
       };
     }
+  }, {
+    key: "isActiveBank",
+    get: function get() {
+      return this.props.quizEntry.isBank && this.props.newActiveBank;
+    }
+  }, {
+    key: "isBankEntry",
+    get: function get() {
+      return this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry;
+    }
   }, {
     key: "getVOText",
     value: function getVOText(verb, displayPosition) {
@@ -174,27 +196,19 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
       });
     }
   }, {
-    key: "renderBankedContent",
-    value: function renderBankedContent() {
-      if (this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry) {
-        return _ref2;
-      }
+    key: "renderItemName",
+    value: function renderItemName() {
+      return jsx(Text, {
+        size: "small",
+        weight: "normal",
+        "data-automation": "sdk-quiz-entry-interaction-type"
+      }, this.props.name);
     }
   }, {
-    key: "renderName",
-    value: function renderName() {
-      var isBank = this.props.quizEntry.isBank && this.props.newActiveBank;
-      var dataAutomation = 'sdk-quiz-entry-interaction-type';
-      if (!isBank) {
-        return jsx(Text, {
-          size: "small",
-          weight: "normal",
-          "data-automation": dataAutomation
-        }, this.props.name);
-      }
+    key: "renderBankNameButton",
+    value: function renderBankNameButton() {
       return jsx(CondensedButton, {
         size: "small",
-        margin: "0 0 0 x-small",
         onClick: this.handleBankClick,
         "data-automation": "sdk-quiz-entry-interaction-type"
       }, this.props.name);
@@ -203,13 +217,13 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
     key: "renderTitleHolder",
     value: function renderTitleHolder() {
       if (!(this.props.entry instanceof Item)) return;
-      var _this$props2 = this.props,
-        entry = _this$props2.entry,
-        shouldClone = _this$props2.shouldClone,
-        quizEntry = _this$props2.quizEntry,
-        disabledForRegrade = _this$props2.disabledForRegrade,
-        displayPosition = _this$props2.displayPosition,
-        workingEntry = _this$props2.workingEntry;
+      var _this$props = this.props,
+        entry = _this$props.entry,
+        shouldClone = _this$props.shouldClone,
+        quizEntry = _this$props.quizEntry,
+        disabledForRegrade = _this$props.disabledForRegrade,
+        displayPosition = _this$props.displayPosition,
+        workingEntry = _this$props.workingEntry;
       var disabled = disabledForRegrade || entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var titleLabelText = t('Question {questionNumber}, {interactionType}, Edit question title', {
         questionNumber: displayPosition,
@@ -220,14 +234,14 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         renderLabel: jsx(Flex, {
           direction: "column",
           gap: "small"
-        }, jsx(Flex.Item, {
+        }, !this.isBankEntry && jsx(Flex.Item, {
           "aria-hidden": true
-        }, this.renderName()), jsx(Flex.Item, {
+        }, this.renderItemName()), jsx(Flex.Item, {
           "aria-hidden": true
         }, t('Question Title')), jsx(ScreenReaderContent, null, titleLabelText)),
         type: "text",
         onChange: this.handleTitleChange,
-        value: workingEntry.title || '',
+        defaultValue: workingEntry.title || '',
         interaction: disabled ? 'disabled' : 'enabled',
         "data-automation": "sdk-question-title-textinput"
       });
@@ -242,15 +256,27 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
       return jsx(Flex, {
         className: "leftHeader",
         direction: "row",
-        justifyItems: "center",
+        alignItems: "center",
         "data-automation": "sdk-quiz-entry-left-header"
       }, jsx(PositionBox, {
         position: position,
         headingText: positionText,
         "data-automation": "sdk-quiz-entry-positionbox"
-      }), this.renderBankedContent(), jsx("div", {
-        css: this.props.styles.dividingLine
-      }), this.renderTitleHolder());
+      }), jsx(Flex.Item, {
+        shouldShrink: this.isActiveBank,
+        shouldGrow: !this.isActiveBank
+      }, jsx(Flex, {
+        direction: "row",
+        gap: this.isActiveBank ? 'x-small' : 'medium',
+        themeOverride: {
+          gapMedium: '1.25rem'
+        },
+        alignItems: "center"
+      }, this.isBankEntry && jsx(Flex.Item, null, jsx(IconBankLine, null)), this.isActiveBank ? jsx(Flex.Item, {
+        shouldShrink: true
+      }, this.renderBankNameButton()) : jsx(Flex.Item, {
+        shouldGrow: true
+      }, this.renderTitleHolder()))));
     }
   }, {
     key: "render",
@@ -278,16 +304,18 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
       }), jsx(Flex, {
         className: "header",
         direction: "row",
-        gap: "small"
+        alignItems: this.isActiveBank ? 'center' : 'end',
+        gap: "small",
+        justifyItems: "space-between"
       }, jsx(Flex.Item, {
-        shouldShrink: false,
+        shouldShrink: this.isActiveBank,
         shouldGrow: true
-      }, this.renderLeftHeader()), jsx(Flex.Item, null, jsx(ActionButtons, actionButtonProps))));
+      }, this.renderLeftHeader()), jsx(Flex.Item, {
+        padding: this.isActiveBank ? '0' : '0 0 xx-small'
+      }, jsx(ActionButtons, actionButtonProps))));
     }
   }]);
-  QuizEntryHeader.displayName = "QuizEntryHeader";
-  return QuizEntryHeader;
-}(Component), _QuizEntryHeader.displayName = 'QuizEntryHeader', _QuizEntryHeader.componentId = "Quizzes".concat(_QuizEntryHeader.displayName), _QuizEntryHeader.propTypes = {
+}(Component), _defineProperty(_QuizEntryHeader, "displayName", 'QuizEntryHeader'), _defineProperty(_QuizEntryHeader, "componentId", "Quizzes".concat(_QuizEntryHeader.displayName)), _defineProperty(_QuizEntryHeader, "propTypes", {
   changeItemTitle: PropTypes.func.isRequired,
   // from connected component
   clearModifications: PropTypes.func.isRequired,
@@ -325,7 +353,7 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
   workingEntry: ImmutablePropTypes.record.isRequired,
   workingQuizEntry: ImmutablePropTypes.record.isRequired,
   styles: PropTypes.object
-}, _QuizEntryHeader.defaultProps = {
+}), _defineProperty(_QuizEntryHeader, "defaultProps", {
   disabledForRegrade: false,
   initialFocusId: null,
   name: null,
@@ -333,5 +361,5 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
   richFITBEnabled: false,
   richFITBInteractionID: '',
   shouldClone: false
-}, _QuizEntryHeader)) || _class);
+}), _QuizEntryHeader)) || _class);
 export default QuizEntryHeader;