@instructure/quiz-core 20.20.1-rc.2 → 20.20.1-snapshot.4

package/es/common/components/resources/quiz/AddContent/Body/presenter.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AddContentBody;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -21,45 +19,34 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { BUILD_TRAY_OPEN, BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-
 var _ref = jsx(IconBankLine, null);
-
-export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   _inherits(AddContentBody, _Component);
-
   var _super = _createSuper(AddContentBody);
-
   function AddContentBody() {
     var _this;
-
     _classCallCheck(this, AddContentBody);
-
     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));
-
+    // ==============================
+    // ACTIONS
+    // ==============================
     _this.openBankTray = function () {
       _this.props.onOpenBankTray();
-
       _this.props.setUi(BUILD_TRAY_OPEN, true);
-
       _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position);
-
       _this.props.setUi(BUILD_TRAY_STIMULUS_ID, _this.props.parentEntryId);
     };
-
     _this.addStimulus = function () {
       if (_this.props.editingQuizEntry) {
         _this.props.setNextQuizEntry(null, _this.props.quizId, _this.props.position);
       } else {
         _this.props.createStimulus(_this.props.quizId, _this.props.position);
       }
-
       _this.props.onAddItem();
     };
-
     _this.addItem = function (interactionTypeData) {
       if (_this.props.quizEntryWithErrorsShowing) {
         _this.props.screenreaderNotification(t('Question {itemPosition, number} cannot be saved due to invalid input data', {
@@ -67,17 +54,15 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
         }));
       } else {
         var _this$props = _this.props,
-            quizId = _this$props.quizId,
-            position = _this$props.position,
-            stimulusId = _this$props.stimulusId,
-            parentEntryId = _this$props.parentEntryId;
-
+          quizId = _this$props.quizId,
+          position = _this$props.position,
+          stimulusId = _this$props.stimulusId,
+          parentEntryId = _this$props.parentEntryId;
         if (_this.props.editingQuizEntry) {
           _this.props.setNextQuizEntry(interactionTypeData, quizId, position, stimulusId, parentEntryId);
         } else {
           var defaultInteractionData = interactionTypeData.getDefaultInteractionData();
           var scoringData = interactionTypeData.getDefaultScoringData(defaultInteractionData);
-
           _this.props.createItem(quizId, position, {
             id: interactionTypeData.id,
             interactionData: defaultInteractionData,
@@ -89,10 +74,11 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
           }, parentEntryId, stimulusId);
         }
       }
-
       _this.props.onAddItem();
     };
-
+    // ==============================
+    // RENDERING
+    // ==============================
     _this.renderBankButton = function () {
       return jsx(IconButton, {
         size: "large",
@@ -101,7 +87,6 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
         screenReaderLabel: t('Add banked content')
       }, _ref);
     };
-
     _this.renderPopoverHeader = function () {
       var text = _this.props.showHeaderText ? t('Insert Content') : '';
       return jsx("div", {
@@ -118,10 +103,8 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
         width: "auto"
       }, _this.renderBankButton())))));
     };
-
     return _this;
   }
-
   _createClass(AddContentBody, [{
     key: "render",
     value: function render() {
@@ -140,10 +123,9 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
       })));
     }
   }]);
-
   AddContentBody.displayName = "AddContentBody";
   return AddContentBody;
-}(Component), _class2.propTypes = {
+}(Component), _AddContentBody.propTypes = {
   allowStimulusCreation: PropTypes.bool.isRequired,
   createItem: PropTypes.func.isRequired,
   createStimulus: PropTypes.func.isRequired,
@@ -162,7 +144,7 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
   stimulusId: PropTypes.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _AddContentBody.defaultProps = {
   editingQuizEntry: void 0,
   interactionTypes: void 0,
   onAddItem: Function.prototype,
@@ -171,5 +153,5 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
   quizEntryWithErrorsShowing: void 0,
   showHeaderText: true,
   stimulusId: void 0
-}, _temp)) || _class);
+}, _AddContentBody)) || _class);
 export default AddContentBody;

package/es/common/components/resources/quiz/AddContent/Body/styles.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
   var _popoverContent;
-
   var ieMq = '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)'; // IE11 only
-
   var mobileMq = "@media screen and (".concat(componentTheme.phoneBreakPoint, ") and (-ms-high-contrast: active), screen and (").concat(componentTheme.phoneBreakPoint, ") and (-ms-high-contrast: none)");
   return {
     popoverHeaderBox: {
@@ -24,5 +21,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }), _popoverContent)
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/quiz/AddContent/Body/theme.js

@@ -1,9 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      borders = _ref.borders,
-      typography = _ref.typography,
-      breakpoints = _ref.breakpoints;
+    colors = _ref.colors,
+    borders = _ref.borders,
+    typography = _ref.typography,
+    breakpoints = _ref.breakpoints;
   return {
     phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
     popoverContentMargin: spacing.medium,
@@ -11,5 +11,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     popoverHeaderBoxBorderColor: colors.tiara
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/quiz/AddContent/Button/index.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AddContentButton;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,29 +13,21 @@ import { withStyle, jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var AddContentButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var AddContentButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   _inherits(AddContentButton, _Component);
-
   var _super = _createSuper(AddContentButton);
-
   function AddContentButton() {
     var _this;
-
     _classCallCheck(this, AddContentButton);
-
     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.storeButtonElemRef = function (c) {
       _this.buttonElem = c;
     };
-
     return _this;
   }
-
   _createClass(AddContentButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -88,10 +78,9 @@ export var AddContentButton = (_dec = withStyle(generateStyle, generateComponent
       return this.props.useStimulusTrigger ? this.renderStimulus() : this.renderNonStimulus();
     }
   }]);
-
   AddContentButton.displayName = "AddContentButton";
   return AddContentButton;
-}(Component), _class2.propTypes = {
+}(Component), _AddContentButton.propTypes = {
   isEditing: PropTypes.bool.isRequired,
   onClick: PropTypes.func,
   position: PropTypes.number,
@@ -99,8 +88,8 @@ export var AddContentButton = (_dec = withStyle(generateStyle, generateComponent
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object,
   makeStyles: PropTypes.func
-}, _class2.defaultProps = {
+}, _AddContentButton.defaultProps = {
   onClick: Function.prototype,
   position: null
-}, _temp)) || _class);
+}, _AddContentButton)) || _class);
 export default AddContentButton;

package/es/common/components/resources/quiz/AddContent/Button/styles.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var printMq = '@media print';
   return {
@@ -47,5 +46,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/quiz/AddContent/Button/theme.js

@@ -1,9 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      colors = _ref.colors,
-      borders = _ref.borders,
-      typography = _ref.typography,
-      transitions = _ref.transitions;
+    colors = _ref.colors,
+    borders = _ref.borders,
+    typography = _ref.typography,
+    transitions = _ref.transitions;
   return {
     attachQuestionButtonHolderZIndex: '2222',
     newItemButtonMargin: spacing.xSmall,
@@ -22,5 +22,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/quiz/AddContent/Modal/index.js

@@ -3,15 +3,13 @@ import { connect } from "../../../../../react-redux.js";
 import { closeModal } from "../../../../../actions/modal.js";
 import { AddContentModal as AddContentModalPresenter } from "./presenter.js";
 import { ADD_CONTENT_MODAL, OPEN_ADD_CONTENT_MODAL_DATA } from '@instructure/quiz-common';
-
 var mapStateToProps = function mapStateToProps(state) {
   var _state$getIn$toJS = state.getIn(['modal', OPEN_ADD_CONTENT_MODAL_DATA], Map()).toJS(),
-      allowStimulusCreation = _state$getIn$toJS.allowStimulusCreation,
-      parentEntryId = _state$getIn$toJS.parentEntryId,
-      position = _state$getIn$toJS.position,
-      quizId = _state$getIn$toJS.quizId,
-      stimulusId = _state$getIn$toJS.stimulusId;
-
+    allowStimulusCreation = _state$getIn$toJS.allowStimulusCreation,
+    parentEntryId = _state$getIn$toJS.parentEntryId,
+    position = _state$getIn$toJS.position,
+    quizId = _state$getIn$toJS.quizId,
+    stimulusId = _state$getIn$toJS.stimulusId;
   var modalOpen = state.getIn(['modal', 'isOpen']) === ADD_CONTENT_MODAL;
   return {
     allowStimulusCreation: allowStimulusCreation,
@@ -22,7 +20,6 @@ var mapStateToProps = function mapStateToProps(state) {
     stimulusId: stimulusId
   };
 };
-
 var mapDispatchToProps = {
   closeModal: closeModal
 };

package/es/common/components/resources/quiz/AddContent/Modal/presenter.js

@@ -11,15 +11,11 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import AddContentBody from "../Body/index.js";
 export var AddContentModal = /*#__PURE__*/function (_Component) {
   _inherits(AddContentModal, _Component);
-
   var _super = _createSuper(AddContentModal);
-
   function AddContentModal() {
     _classCallCheck(this, AddContentModal);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(AddContentModal, [{
     key: "cancelButton",
     value: function cancelButton() {
@@ -60,7 +56,6 @@ export var AddContentModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/React.createElement(ModalBody, null, this.renderContent()), /*#__PURE__*/React.createElement(ModalFooter, null, this.cancelButton())));
     }
   }]);
-
   AddContentModal.displayName = "AddContentModal";
   return AddContentModal;
 }(Component);

package/es/common/components/resources/quiz/AddContent/Popover/index.js

@@ -5,11 +5,10 @@ import { DELETED_QUIZ_ENTRY } from '@instructure/quiz-common';
 import { clear } from "../../../../../actions/ui.js";
 import { openAddContentModal } from "../../../../../actions/modal.js";
 import { AddContentPopover as AddContentPopoverPresenter } from "./presenter.js"; // only exported for testing - not intended for external use
-
 export function shouldFocus(state, props) {
   var deletedQuizEntry = state.getIn(['ui', DELETED_QUIZ_ENTRY], {});
   var position = props.position,
-      stimulusId = props.stimulusId;
+    stimulusId = props.stimulusId;
   var positionMatches = deletedQuizEntry.position === position;
   var bothInStimulus = deletedQuizEntry.inStimulus && stimulusId !== void 0;
   var neitherInStimulus = !deletedQuizEntry.inStimulus && stimulusId === void 0;
@@ -18,7 +17,6 @@ export function shouldFocus(state, props) {
   var isFirst = position === 0;
   return positionMatches && stimulusMatches || deletedFirst && isFirst;
 }
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     appContainer: state.getIn(['ui', 'appContainer']),
@@ -26,7 +24,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     shouldFocus: shouldFocus(state, props)
   };
 };
-
 var mapDispatchToProps = {
   openAddContentModal: openAddContentModal,
   clearUi: clear

package/es/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AddContentPopover;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -18,38 +16,28 @@ import AddContentBody from "../Body/index.js";
 import { DELETED_QUIZ_ENTRY } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentPopover = /*#__PURE__*/function (_Component) {
   _inherits(AddContentPopover, _Component);
-
   var _super = _createSuper(AddContentPopover);
-
   function AddContentPopover() {
     var _this;
-
     _classCallCheck(this, AddContentPopover);
-
     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.applicationElement = function () {
       return elementsForSelectors(_this.props.appContainer);
     };
-
     _this.showContent = function () {
       _this.props.switchOnEditing();
     };
-
     _this.hideContent = function () {
       _this.props.switchOffEditing();
     };
-
     _this.storePopoverTriggerRef = function (b) {
       _this.popoverTrigger = b;
     };
-
     _this.renderPopoverButton = function () {
       return jsx(Popover, {
         on: "click",
@@ -69,7 +57,6 @@ export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponen
         stimulusId: _this.props.stimulusId
       }));
     };
-
     _this.openAddContentModal = function () {
       _this.props.openAddContentModal({
         allowStimulusCreation: _this.props.allowStimulusCreation,
@@ -79,19 +66,15 @@ export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponen
         stimulusId: _this.props.stimulusId
       });
     };
-
     return _this;
   }
-
   _createClass(AddContentPopover, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
-
       if (this.props.shouldFocus) {
         setTimeout(function () {
           _this2.popoverTrigger && _this2.popoverTrigger.focus();
-
           _this2.props.clearUi(DELETED_QUIZ_ENTRY);
         }, 100); // force after modal attempt to refocus delete button
       }
@@ -125,10 +108,9 @@ export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponen
       }, borderLine, button);
     }
   }]);
-
   AddContentPopover.displayName = "AddContentPopover";
   return AddContentPopover;
-}(Component), _class2.propTypes = {
+}(Component), _AddContentPopover.propTypes = {
   appContainer: CustomPropTypes.selectors.isRequired,
   allowStimulusCreation: PropTypes.bool,
   clearUi: PropTypes.func.isRequired,
@@ -145,11 +127,11 @@ export var AddContentPopover = (_dec = withStyle(generateStyle, generateComponen
   useStimulusTrigger: PropTypes.bool,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _class2.defaultProps = {
+}, _AddContentPopover.defaultProps = {
   allowStimulusCreation: true,
   isMobile: onPhone() || onTablet(),
   parentEntryId: null,
   stimulusId: null,
   useStimulusTrigger: false
-}, _temp)) || _class);
+}, _AddContentPopover)) || _class);
 export default AddContentPopover;

package/es/common/components/resources/quiz/AddContent/Popover/styles.js

@@ -26,5 +26,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/quiz/AddContent/Popover/theme.js

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
-      borders = _ref.borders;
+    borders = _ref.borders;
   return {
     borderLineBorderWidth: borders.widthMedium,
     borderLineBorderColor: colors.porcelain
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/quiz/info/QuizInfo.js

@@ -9,15 +9,11 @@ import ScrollableQuizInstructions from "../instructions/Instructions.js";
 import PropTypes from 'prop-types';
 export var QuizInfo = /*#__PURE__*/function (_Component) {
   _inherits(QuizInfo, _Component);
-
   var _super = _createSuper(QuizInfo);
-
   function QuizInfo() {
     _classCallCheck(this, QuizInfo);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(QuizInfo, [{
     key: "render",
     value: function render() {
@@ -28,7 +24,6 @@ export var QuizInfo = /*#__PURE__*/function (_Component) {
       })));
     }
   }]);
-
   QuizInfo.displayName = "QuizInfo";
   return QuizInfo;
 }(Component);

package/es/common/components/resources/quiz/instructions/Instructions.js

@@ -2,11 +2,8 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _QuizInstructions;
 /** @jsx jsx */
-
 /* eslint "react/no-string-refs": "warn" */
 import { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -17,20 +14,15 @@ import makeScrollable from "../../../shared/functionality/makeScrollable.js"; //
 // renders the quiz instructions on
 // the Preview and Take pages
 // ================================
-
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizInstructions = /*#__PURE__*/function (_Component) {
   _inherits(QuizInstructions, _Component);
-
   var _super = _createSuper(QuizInstructions);
-
   function QuizInstructions() {
     _classCallCheck(this, QuizInstructions);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(QuizInstructions, [{
     key: "render",
     value: function render() {
@@ -46,12 +38,11 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
       }));
     }
   }]);
-
   QuizInstructions.displayName = "QuizInstructions";
   return QuizInstructions;
-}(Component), _class2.propTypes = {
+}(Component), _QuizInstructions.propTypes = {
   quiz: ImmutablePropTypes.record.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _QuizInstructions)) || _class);
 export default makeScrollable(QuizInstructions);

package/es/common/components/resources/quiz/instructions/styles.js

@@ -17,5 +17,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/quiz/instructions/theme.js

@@ -1,10 +1,9 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     wrapperPadding: spacing.large,
     textFontSize: typography.fontSizeMedium
   };
 };
-
 export default generateComponentTheme;

package/es/common/components/resources/quiz/title/Title.js

@@ -2,9 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _QuizTitle;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -15,20 +13,15 @@ import makeScrollable from "../../../shared/functionality/makeScrollable.js"; //
 // renders the quiz title on
 // the Preview and Take pages
 // ==========================
-
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-export var QuizTitle = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+export var QuizTitle = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_QuizTitle = /*#__PURE__*/function (_Component) {
   _inherits(QuizTitle, _Component);
-
   var _super = _createSuper(QuizTitle);
-
   function QuizTitle() {
     _classCallCheck(this, QuizTitle);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(QuizTitle, [{
     key: "render",
     value: function render() {
@@ -43,12 +36,11 @@ export var QuizTitle = (_dec = withStyle(generateStyle, generateComponentTheme),
       }, this.props.quiz.title)));
     }
   }]);
-
   QuizTitle.displayName = "QuizTitle";
   return QuizTitle;
-}(Component), _class2.propTypes = {
+}(Component), _QuizTitle.propTypes = {
   quiz: ImmutablePropTypes.record.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _temp)) || _class);
+}, _QuizTitle)) || _class);
 export default makeScrollable(QuizTitle);

package/es/common/components/resources/quiz/title/styles.js

@@ -15,5 +15,4 @@ var generateStyle = function generateStyle(componentTheme) {
     }
   };
 };
-
 export default generateStyle;

package/es/common/components/resources/quiz/title/theme.js

@@ -1,11 +1,10 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-      typography = _ref.typography;
+    typography = _ref.typography;
   return {
     wrapperPadding: spacing.large,
     wrapperMargin: spacing.medium,
     textFontSize: typography.fontSizeXLarge
   };
 };
-
 export default generateComponentTheme;