@instructure/quiz-core 20.17.2-rc.8 → 20.17.2

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

@@ -1,97 +1,60 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.QuizEntryEditFooter = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiFlex = require("@instructure/ui-flex");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiText = require("@instructure/ui-text");
-
 var _quizNumberInput = _interopRequireDefault(require("@instructure/quiz-number-input"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _emotion = require("@instructure/emotion");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _quizInteractions = require("@instructure/quiz-interactions");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _index = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave/index.js"));
-
+var _EntrySave = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _QuizEntryEditFooter;
+/** @jsx jsx */
 function pointsAsFloat(pointsString) {
   return parseFloat(pointsString) || 0;
 }
-
 function countDecimals(normalizedPointsString) {
-  if (!normalizedPointsString) return 0; // eslint-disable-next-line no-unused-vars
-
+  if (!normalizedPointsString) return 0;
+  // eslint-disable-next-line no-unused-vars
   var _normalizedPointsStri = normalizedPointsString.split('.'),
-      _normalizedPointsStri2 = (0, _slicedToArray2.default)(_normalizedPointsStri, 2),
-      _ = _normalizedPointsStri2[0],
-      decimals = _normalizedPointsStri2[1];
-
+    _normalizedPointsStri2 = (0, _slicedToArray2.default)(_normalizedPointsStri, 2),
+    _ = _normalizedPointsStri2[0],
+    decimals = _normalizedPointsStri2[1];
   return decimals ? decimals.length : 0;
 }
-
-var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizEntryEditFooter, _Component);
-
-  var _super = (0, _createSuper2.default)(QuizEntryEditFooter);
-
+var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
   function QuizEntryEditFooter() {
     var _this;
-
     (0, _classCallCheck2.default)(this, QuizEntryEditFooter);
-    _this = _super.apply(this, arguments);
+    _this = (0, _callSuper2.default)(this, QuizEntryEditFooter, arguments);
     _this.addFeedbackButton = null;
-
     _this.openFeedbackModal = function () {
       var workingEntry = _this.props.workingEntry;
-
       _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_ITEM, workingEntry);
-
       _this.props.setUi(_quizCommon.ITEM_FEEDBACK_MODAL_FEEDBACK, workingEntry.feedback);
-
       _this.props.openModal(_quizCommon.ITEM_FEEDBACK_MODAL, {
         modalTrigger: _this.addFeedbackButton
       });
     };
-
     _this.handlePointsBlur = function () {
       if (!_this.state.normalizedPoints) {
         _this.setState({
@@ -99,45 +62,38 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         });
       }
     };
-
     _this.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;
+            workingQuizEntry = _this$props.workingQuizEntry,
+            workingEntry = _this$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());
         }
-
         _this.setState({
           points: points,
           normalizedPoints: normalizedPoints
         });
       }
     };
-
     _this.handleButtonRef = function (node) {
       _this.addFeedbackButton = node;
     };
-
     var _points = _this.getPoints();
-
     _this.state = {
       points: _points,
       normalizedPoints: _points
     };
     return _this;
   }
-
-  (0, _createClass2.default)(QuizEntryEditFooter, [{
+  (0, _inherits2.default)(QuizEntryEditFooter, _Component);
+  return (0, _createClass2.default)(QuizEntryEditFooter, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
       var points = this.getPoints(nextProps);
@@ -151,7 +107,7 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     value: function getPoints() {
       var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
       var workingQuizEntry = props.workingQuizEntry,
-          workingEntry = props.workingEntry;
+        workingEntry = props.workingEntry;
       return workingQuizEntry.regradeAdjustedPointsPossible(workingEntry.id) || workingQuizEntry.pointsPossible || 0;
     }
   }, {
@@ -166,13 +122,12 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     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;
+        entry = _this$props2.entry,
+        shouldClone = _this$props2.shouldClone,
+        quizEntry = _this$props2.quizEntry,
+        workingEntry = _this$props2.workingEntry;
       var disabled = entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var icon, text;
-
       if (workingEntry.hasFeedback()) {
         icon = _uiIcons.IconDiscussionSolid;
         text = (0, _formatMessage.default)('Edit Question Level Feedback (present)');
@@ -180,7 +135,6 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
         icon = _uiIcons.IconDiscussionLine;
         text = (0, _formatMessage.default)('Edit Question Level Feedback');
       }
-
       return (0, _emotion.jsx)("div", {
         className: "feedbackSection",
         css: this.props.styles.feedbackSection,
@@ -229,8 +183,7 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       if (this.props.alternativeRightFooter) {
         return this.props.alternativeRightFooter();
       }
-
-      return (0, _emotion.jsx)(_index.default, {
+      return (0, _emotion.jsx)(_EntrySave.default, {
         clearChanges: this.props.clearChanges,
         disableSubmit: this.props.disableSubmit,
         displayPosition: this.props.displayPosition,
@@ -260,9 +213,7 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
       }, this.renderRightFooter())));
     }
   }]);
-  QuizEntryEditFooter.displayName = "QuizEntryEditFooter";
-  return QuizEntryEditFooter;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _QuizEntryEditFooter.propTypes = {
   alternativeRightFooter: _propTypes.default.func,
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   clearChanges: _propTypes.default.func.isRequired,
@@ -283,13 +234,11 @@ var QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   // eslint-disable-next-line react/no-unused-prop-types
   workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _QuizEntryEditFooter.defaultProps = {
   alternativeRightFooter: null,
   disableSubmit: false,
   initialFocusId: null,
   itemEditArea: null,
   shouldClone: false
-}, _temp)) || _class);
-exports.QuizEntryEditFooter = QuizEntryEditFooter;
-var _default = QuizEntryEditFooter;
-exports.default = _default;
+}, _QuizEntryEditFooter)) || _class);
+var _default = exports.default = QuizEntryEditFooter;

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

@@ -1,14 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme) {
   var sectionStyle = {
     display: 'flex',
@@ -26,13 +23,10 @@ var generateStyle = function generateStyle(componentTheme) {
     }),
     pointsInput: {
       width: '6.1rem',
-
       /* wide enough to fit 3 decimal places (i.e. 8.888) */
       fontSize: componentTheme.pointsInputFontSize,
       display: 'inline-flex'
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/theme.js

@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      typography = _ref.typography,
-      borders = _ref.borders;
+    colors = _ref.colors,
+    typography = _ref.typography,
+    borders = _ref.borders;
   return {
     feedbackSectionLeftMargin: spacing.xSmall,
     pointsInputFontSize: typography.fontSizeMedium
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,222 +1,151 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _partial = _interopRequireDefault(require("lodash/partial"));
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiTextInput = require("@instructure/ui-text-input");
-
 var _emotion = require("@instructure/emotion");
-
 var _quizInteractions = require("@instructure/quiz-interactions");
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _fitbCopyHelper = require("../../../../../../common/util/fitbCopyHelper.js");
-
-var _PositionBox = _interopRequireDefault(require("../../../../../../common/components/resources/positionBox/PositionBox.js"));
-
-var _Item = _interopRequireDefault(require("../../../../../../common/records/Item.js"));
-
-var _index = _interopRequireDefault(require("../../../ActionButtons/index.js"));
-
+var _fitbCopyHelper = require("../../../../../../common/util/fitbCopyHelper");
+var _PositionBox = _interopRequireDefault(require("../../../../../../common/components/resources/positionBox/PositionBox"));
+var _Item = _interopRequireDefault(require("../../../../../../common/records/Item"));
+var _ActionButtons = _interopRequireDefault(require("../../../ActionButtons"));
 var _quizCommon = require("@instructure/quiz-common");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var _ref2 = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-
-var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(QuizEntryHeader, _Component);
-
-  var _super = (0, _createSuper2.default)(QuizEntryHeader);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _QuizEntryHeader, _IconBankLine;
+/** @jsx jsx */
+var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   function QuizEntryHeader() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, QuizEntryHeader, [].concat(args));
     _this.connectDragSource = function (dragHandle) {
       if (_this.shouldDisableDragHandle()) {
         return dragHandle;
       }
-
       return _this.props.connectDragSource(dragHandle);
     };
-
     _this.clearModifications = function () {
       _this.props.clearModifications('items', _this.props.entry.id);
     };
-
     _this.removeTemporaryItem = function () {
       var remove = function remove() {
         _this.props.hideError(_this.props.guid);
-
         _this.clearModifications();
-
         _this.props.clearTemporaryItem(_this.props.quizId);
-
         _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
           position: Math.ceil(_this.props.quizEntry.position),
           inStimulus: _this.props.quizEntry.hasStimulus
         });
       };
-
       _this.props.withConfirm(remove, _this.removalDialogData());
     };
-
     _this.removeNormalItem = function () {
       _this.props.withConfirm((0, _partial.default)(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
     };
-
     _this.removeItem = function (e) {
       if (_this.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 () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(e) {
         var _this$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
-
-        return _regenerator.default.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 = (0, _formatMessage.default)('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 === _quizCommon.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 _quizInteractions.FillBlankInteractionType) {
-                  interactionTypeData = (0, _fitbCopyHelper.convertFITBtoRich)(interactionTypeData, richFITBInteractionID);
-                }
-
-                _this.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
-
-                _context.next = 16;
+        return (0, _regeneratorRuntime2.default)().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 = (0, _formatMessage.default)('Question {displayPosition} cannot be saved due to invalid input data.', {
+                displayPosition: _this.props.displayPosition
+              });
+              if (!_this.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 _this.props.successfulSubmit();
+            case 5:
+              validationResult = _context.sent;
+              if (!(validationResult === _quizCommon.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 _quizInteractions.FillBlankInteractionType) {
+                interactionTypeData = (0, _fitbCopyHelper.convertFITBtoRich)(interactionTypeData, richFITBInteractionID);
+              }
+              _this.props.createTempItem(quizId, Math.round(workingQuizEntry.position + 1), interactionTypeData, workingQuizEntry.stimulusQuizEntryId, workingEntry.stimulusId, workingQuizEntry.pointsPossible);
+              _context.next = 16;
+              break;
+            case 14:
+              _this.props.screenreaderNotification(msg);
+              _this.props.showError(_this.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(_quizCommon.BUILD_TRAY_OPEN, true);
       }
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(QuizEntryHeader, [{
+  (0, _inherits2.default)(QuizEntryHeader, _Component);
+  return (0, _createClass2.default)(QuizEntryHeader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       // timeout is to ensure the screenreader reads the title label when focused
       setTimeout(function () {
         !_this2.props.initialFocusId && _this2.titleRef && _this2.titleRef.focus();
@@ -237,11 +166,9 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "getVOText",
     value: function getVOText(verb, displayPosition) {
       var name = '';
-
       if (this.props.entry instanceof _Item.default) {
         name = this.props.entry.getInteractionType().name;
       }
-
       return (0, _formatMessage.default)('{verb} Question {questionNumber}, {interactionType}', {
         verb: verb,
         questionNumber: displayPosition,
@@ -252,7 +179,7 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     key: "renderBankedContent",
     value: function renderBankedContent() {
       if (this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry) {
-        return _ref2;
+        return _IconBankLine || (_IconBankLine = (0, _emotion.jsx)(_uiIcons.IconBankLine, null));
       }
     }
   }, {
@@ -266,7 +193,6 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
           "data-automation": "sdk-quiz-entry-interaction-type"
         }, this.props.name);
       }
-
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.interactionType,
         "data-automation": "sdk-quiz-entry-interaction-type"
@@ -277,12 +203,12 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
     value: function renderTitleHolder() {
       if (!(this.props.entry instanceof _Item.default)) 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;
+        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 disabled = disabledForRegrade || entry.isImmutable() && !shouldClone || quizEntry.isBankEntry;
       var titleLabelText = (0, _formatMessage.default)('Question {questionNumber}, {interactionType}, Edit question title', {
         questionNumber: displayPosition,
@@ -342,12 +268,10 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
         css: this.props.styles.header
       }, (0, _emotion.jsx)(_emotion.Global, {
         styles: this.props.styles.globalStyles
-      }), this.renderLeftHeader(), (0, _emotion.jsx)(_index.default, actionButtonProps));
+      }), this.renderLeftHeader(), (0, _emotion.jsx)(_ActionButtons.default, actionButtonProps));
     }
   }]);
-  QuizEntryHeader.displayName = "QuizEntryHeader";
-  return QuizEntryHeader;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _QuizEntryHeader.propTypes = {
   changeItemTitle: _propTypes.default.func.isRequired,
   // from connected component
   clearModifications: _propTypes.default.func.isRequired,
@@ -385,7 +309,7 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   workingEntry: _reactImmutableProptypes.default.record.isRequired,
   workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _QuizEntryHeader.defaultProps = {
   disabledForRegrade: false,
   initialFocusId: null,
   name: null,
@@ -393,6 +317,5 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   richFITBEnabled: false,
   richFITBInteractionID: '',
   shouldClone: false
-}, _temp)) || _class);
-var _default = QuizEntryHeader;
-exports.default = _default;
+}, _QuizEntryHeader)) || _class);
+var _default = exports.default = QuizEntryHeader;

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var generateStyle = function generateStyle(componentTheme) {
   return {
     /* Hide left header when the RCE editor is in fullscreen mode */
@@ -27,7 +26,6 @@ var generateStyle = function generateStyle(componentTheme) {
       display: 'inline-flex',
       flexWrap: 'nowrap',
       alignItems: 'center',
-
       /* fix for ie11 */
       width: '100%'
     },
@@ -52,6 +50,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;