@instructure/quiz-core 20.17.3-rc.6 → 20.17.3-rc.8

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

@@ -1,60 +1,97 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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 _EntrySave = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave"));
+
+var _index = _interopRequireDefault(require("../../../../../../common/components/resources/entry/EntrySave/index.js"));
+
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _dec, _class, _QuizEntryEditFooter;
-/** @jsx jsx */
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
 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 = exports.QuizEntryEditFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_QuizEntryEditFooter = /*#__PURE__*/function (_Component) {
+
+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);
+
   function QuizEntryEditFooter() {
     var _this;
+
     (0, _classCallCheck2.default)(this, QuizEntryEditFooter);
-    _this = (0, _callSuper2.default)(this, QuizEntryEditFooter, arguments);
+    _this = _super.apply(this, 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({
@@ -62,38 +99,45 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
         });
       }
     };
+
     _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, _inherits2.default)(QuizEntryEditFooter, _Component);
-  return (0, _createClass2.default)(QuizEntryEditFooter, [{
+
+  (0, _createClass2.default)(QuizEntryEditFooter, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(nextProps) {
       var points = this.getPoints(nextProps);
@@ -107,7 +151,7 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
     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;
     }
   }, {
@@ -122,12 +166,13 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
     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)');
@@ -135,6 +180,7 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
         icon = _uiIcons.IconDiscussionLine;
         text = (0, _formatMessage.default)('Edit Question Level Feedback');
       }
+
       return (0, _emotion.jsx)("div", {
         className: "feedbackSection",
         css: this.props.styles.feedbackSection,
@@ -183,7 +229,8 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
       if (this.props.alternativeRightFooter) {
         return this.props.alternativeRightFooter();
       }
-      return (0, _emotion.jsx)(_EntrySave.default, {
+
+      return (0, _emotion.jsx)(_index.default, {
         clearChanges: this.props.clearChanges,
         disableSubmit: this.props.disableSubmit,
         displayPosition: this.props.displayPosition,
@@ -213,7 +260,9 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
       }, this.renderRightFooter())));
     }
   }]);
-}(_react.Component), _QuizEntryEditFooter.propTypes = {
+  QuizEntryEditFooter.displayName = "QuizEntryEditFooter";
+  return QuizEntryEditFooter;
+}(_react.Component), _class2.propTypes = {
   alternativeRightFooter: _propTypes.default.func,
   changeQuizEntryPoints: _propTypes.default.func.isRequired,
   clearChanges: _propTypes.default.func.isRequired,
@@ -234,11 +283,13 @@ var QuizEntryEditFooter = exports.QuizEntryEditFooter = (_dec = (0, _emotion.wit
   // eslint-disable-next-line react/no-unused-prop-types
   workingQuizEntry: _reactImmutableProptypes.default.record.isRequired,
   styles: _propTypes.default.object
-}, _QuizEntryEditFooter.defaultProps = {
+}, _class2.defaultProps = {
   alternativeRightFooter: null,
   disableSubmit: false,
   initialFocusId: null,
   itemEditArea: null,
   shouldClone: false
-}, _QuizEntryEditFooter)) || _class);
-var _default = exports.default = QuizEntryEditFooter;
+}, _temp)) || _class);
+exports.QuizEntryEditFooter = QuizEntryEditFooter;
+var _default = QuizEntryEditFooter;
+exports.default = _default;

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

@@ -1,11 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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',
@@ -23,10 +26,13 @@ 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 = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;

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

@@ -4,14 +4,17 @@ 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 = exports.default = generateComponentTheme;
+
+var _default = generateComponentTheme;
+exports.default = _default;

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

@@ -1,151 +1,222 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 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");
-var _PositionBox = _interopRequireDefault(require("../../../../../../common/components/resources/positionBox/PositionBox"));
-var _Item = _interopRequireDefault(require("../../../../../../common/records/Item"));
-var _ActionButtons = _interopRequireDefault(require("../../../ActionButtons"));
+
+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 _quizCommon = require("@instructure/quiz-common");
-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) {
+
+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);
+
   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 = (0, _callSuper2.default)(this, QuizEntryHeader, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].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__*/(0, _regeneratorRuntime2.default)().mark(function _callee(e) {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
         var _this$props, quizId, workingQuizEntry, workingEntry, richFITBEnabled, richFITBInteractionID, msg, validationResult, interactionTypeData;
-        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;
-              }
-              _context.next = 5;
-              return _this.props.successfulSubmit();
-            case 5:
-              validationResult = _context.sent;
-              if (!(validationResult === _quizCommon.API_INPUT_VALIDATION_ERROR)) {
-                _context.next = 9;
+
+        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;
                 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();
+
+              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, _inherits2.default)(QuizEntryHeader, _Component);
-  return (0, _createClass2.default)(QuizEntryHeader, [{
+
+  (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();
@@ -166,9 +237,11 @@ 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,
@@ -179,7 +252,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 _IconBankLine || (_IconBankLine = (0, _emotion.jsx)(_uiIcons.IconBankLine, null));
+        return _ref2;
       }
     }
   }, {
@@ -193,6 +266,7 @@ 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"
@@ -203,12 +277,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,
@@ -268,10 +342,12 @@ 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)(_ActionButtons.default, actionButtonProps));
+      }), this.renderLeftHeader(), (0, _emotion.jsx)(_index.default, actionButtonProps));
     }
   }]);
-}(_react.Component), _QuizEntryHeader.propTypes = {
+  QuizEntryHeader.displayName = "QuizEntryHeader";
+  return QuizEntryHeader;
+}(_react.Component), _class2.propTypes = {
   changeItemTitle: _propTypes.default.func.isRequired,
   // from connected component
   clearModifications: _propTypes.default.func.isRequired,
@@ -309,7 +385,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
-}, _QuizEntryHeader.defaultProps = {
+}, _class2.defaultProps = {
   disabledForRegrade: false,
   initialFocusId: null,
   name: null,
@@ -317,5 +393,6 @@ var QuizEntryHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   richFITBEnabled: false,
   richFITBInteractionID: '',
   shouldClone: false
-}, _QuizEntryHeader)) || _class);
-var _default = exports.default = QuizEntryHeader;
+}, _temp)) || _class);
+var _default = QuizEntryHeader;
+exports.default = _default;

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

@@ -4,6 +4,7 @@ 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 */
@@ -26,6 +27,7 @@ var generateStyle = function generateStyle(componentTheme) {
       display: 'inline-flex',
       flexWrap: 'nowrap',
       alignItems: 'center',
+
       /* fix for ie11 */
       width: '100%'
     },
@@ -50,4 +52,6 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-var _default = exports.default = generateStyle;
+
+var _default = generateStyle;
+exports.default = _default;