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

package/es/common/components/resources/item/ItemEdit/index.js

@@ -1,26 +1,26 @@
 import { bindActionCreators } from 'redux';
 import { Map } from 'immutable';
-import { connect } from '../../../../react-redux';
-import ItemEdit from './presenter';
-import makeEditable from '../../../shared/functionality/makeEditable';
-import { openModal } from '../../../../actions/modal';
-import { occludeQuizEntries } from '../../../../actions/ui';
-import { generateImportModalId } from '../../../../../common/components/ImportModal';
-import { showError, hideError } from '../../../../actions/errorsShowing';
-import { uploadStatus as setUploadStatus } from '../../../../actions/upload';
-import * as modificationActions from '../../../../actions/modifications';
-import { addError, screenreaderNotification } from '../../../../actions/alerts';
-import { updateItem } from '../../../../../building/api/items';
-import { interactionFileUpload, setOneAtATimeType } from '../../../../../building/api/quizzes';
-import { featureOn } from '../../../../util/featureCheck';
-import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from '../../../../../common/selectors/quizzes';
+import { connect } from "../../../../react-redux.js";
+import ItemEdit from "./presenter.js";
+import makeEditable from "../../../shared/functionality/makeEditable.js";
+import { openModal } from "../../../../actions/modal.js";
+import { occludeQuizEntries } from "../../../../actions/ui.js";
+import { generateImportModalId } from "../../../../../common/components/ImportModal/index.js";
+import { showError, hideError } from "../../../../actions/errorsShowing.js";
+import { uploadStatus as setUploadStatus } from "../../../../actions/upload.js";
+import * as modificationActions from "../../../../actions/modifications.js";
+import { addError, screenreaderNotification } from "../../../../actions/alerts.js";
+import { updateItem } from "../../../../../building/api/items.js";
+import { interactionFileUpload, setOneAtATimeType } from "../../../../../building/api/quizzes.js";
+import { featureOn } from "../../../../util/featureCheck.js";
+import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from "../../../../../common/selectors/quizzes.js";
 export function mapStateToProps(state, props) {
   // Error Related:
   var workingItem = props.entry.getWorkingInstance();
   var isValid = workingItem.isValid();
   var errorsShowing = state.get('errorsShowing', Map());
-  var errorsAreShowing = errorsShowing.get(props.guid);
-  // Null must always be passed to contextUuid when working with banks
+  var errorsAreShowing = errorsShowing.get(props.guid); // Null must always be passed to contextUuid when working with banks
+
   var contextUuid = props.contextUuid === void 0 ? state.getIn(['outcomes', 'contextUuid']) : props.contextUuid;
   return {
     answerFeedbackEnabled: featureOn('answer_level_feedback'),
@@ -43,6 +43,7 @@ export function mapStateToProps(state, props) {
     rootAccountUuid: state.getIn(['outcomes', 'externalAccountUuid'])
   };
 }
+
 function mapDispatchToProps(dispatch) {
   return {
     addError: bindActionCreators(addError, dispatch),
@@ -61,4 +62,5 @@ function mapDispatchToProps(dispatch) {
     }
   };
 }
+
 export default makeEditable(connect(mapStateToProps, mapDispatchToProps)(ItemEdit));

package/es/common/components/resources/item/ItemEdit/presenter.js

@@ -1,7 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
@@ -9,67 +9,82 @@ import OutcomeAlignments from '@instructure/outcomes-ui/es/containers/OutcomeAli
 import OutcomeCount from '@instructure/outcomes-ui/es/containers/OutcomeCount';
 import { FormFieldGroup } from '@instructure/ui-form-field';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import CustomPropTypes from '../../../../../common/util/CustomPropTypes';
-import componentForItem from '../../../../util/componentForItem';
+import CustomPropTypes from "../../../../../common/util/CustomPropTypes.js";
+import componentForItem from "../../../../util/componentForItem.js";
 import { liveRegion, COMPONENT_EDIT } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { propsForInteractionEdit } from '../../../../util/interactionTypePropsHelper';
-import elementsForSelectors from '../../../../../common/util/ElementsForSelectors';
-import { toErrors } from '../../../../util/instUIMessages';
-import { featureOn } from '../../../../../common/util/featureCheck';
+import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
+import elementsForSelectors from "../../../../../common/util/ElementsForSelectors.js";
+import { toErrors } from "../../../../util/instUIMessages.js";
+import { featureOn } from "../../../../../common/util/featureCheck.js";
 export var ItemEdit = /*#__PURE__*/function (_Component) {
+  _inherits(ItemEdit, _Component);
+
+  var _super = _createSuper(ItemEdit);
+
   function ItemEdit() {
     var _this;
+
     _classCallCheck(this, ItemEdit);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ItemEdit, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.onOutcomeAlignmentSetChange = function (outcomeAlignmentSet) {
       var item = _this.props.entry;
+
       if (item.outcomeAlignmentSetGuid !== outcomeAlignmentSet.guid) {
         return _this.props.changeOutcomeAlignmentSetGuid(item.id, outcomeAlignmentSet.guid);
       }
+
       return null;
     };
+
     _this.applicationElement = function () {
       return elementsForSelectors(_this.props.appContainer);
     };
+
     _this.onModalOpen = function () {
       _this.props.occludeQuizEntries(true);
     };
+
     _this.onModalClose = function () {
       _this.props.occludeQuizEntries(false);
     };
+
     _this.getError = function (field) {
       if (_this.props.errorsAreShowing) {
         var errors = _this.props.workingItem.getErrors().toJS();
+
         return toErrors(errors[field] || []);
       }
     };
+
     return _this;
   }
-  _inherits(ItemEdit, _Component);
-  return _createClass(ItemEdit, [{
+
+  _createClass(ItemEdit, [{
     key: "additionalEditOptions",
     value: function additionalEditOptions() {
       var _this$props = this.props,
-        guid = _this$props.guid,
-        workingItem = _this$props.workingItem;
+          guid = _this$props.guid,
+          workingItem = _this$props.workingItem;
       var itemId = guid || workingItem.get('id');
       var outcomeAlignmentSetGuid = workingItem.get('outcomeAlignmentSetGuid');
       var launchContexts = [];
       var rootAccountName = this.props.scope.root_account_name;
       var launchContextUuid = this.props.scope.launch_context_uuid;
-      var launchContextTitle = this.props.scope.title;
-      // If editing within a quiz, there is no account launch context
+      var launchContextTitle = this.props.scope.title; // If editing within a quiz, there is no account launch context
+
       if (featureOn('sub_account_bank_sharing') && rootAccountName) {
         launchContexts.push({
           uuid: this.props.rootAccountUuid,
           name: rootAccountName
-        });
+        }); // Add if it is a course or sub-account launch context
 
-        // Add if it is a course or sub-account launch context
         if (launchContextUuid && launchContextUuid !== this.props.rootAccountUuid) {
           launchContexts.push({
             uuid: launchContextUuid,
@@ -77,7 +92,9 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
           });
         }
       }
+
       var options = [];
+
       if (this.props.outcomesEndpoint) {
         options.push({
           key: 'outcomes',
@@ -85,8 +102,8 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
             alignmentSetId: outcomeAlignmentSetGuid,
             artifactType: "quizEntry",
             artifactId: itemId,
-            contextUuid: this.props.contextUuid
-            // Both components need to be aware of the launch contexts
+            contextUuid: this.props.contextUuid // Both components need to be aware of the launch contexts
+
           }, launchContexts.length > 0 && {
             launchContexts: launchContexts
           }, {
@@ -115,9 +132,11 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
           }))
         });
       }
+
       if (this.props.additionalOptions) {
         return options.concat(this.props.additionalOptions);
       }
+
       return options;
     }
   }, {
@@ -131,11 +150,15 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
         messages: this.getError('onSelf'),
         description: /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Edit question:')),
         name: "edit_item_".concat(this.props.guid) // eslint-disable-line react/jsx-no-literals
+
       }, /*#__PURE__*/React.createElement(Interaction, Object.assign({}, propsForInteraction, {
         itemId: this.props.guid
       })));
     }
   }]);
+
+  ItemEdit.displayName = "ItemEdit";
+  return ItemEdit;
 }(Component);
 ItemEdit.propTypes = {
   additionalOptions: PropTypes.arrayOf(PropTypes.shape({

package/es/common/components/resources/item/ItemOverride/index.js

@@ -1,13 +1,14 @@
 import { Map } from 'immutable';
-import { connect } from '../../../../react-redux';
-import ItemOverride from './presenter';
-import makeEditable from '../../../shared/functionality/makeEditable';
-import * as modificationActions from '../../../../actions/modifications';
-import { occludeQuizEntries } from '../../../../actions/ui';
-import { addError, screenreaderNotification } from '../../../../actions/alerts';
-import { interactionFileUpload, setOneAtATimeType } from '../../../../../building/api/quizzes';
-import { featureOn } from '../../../../util/featureCheck';
-import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from '../../../../selectors/quizzes';
+import { connect } from "../../../../react-redux.js";
+import ItemOverride from "./presenter.js";
+import makeEditable from "../../../shared/functionality/makeEditable.js";
+import * as modificationActions from "../../../../actions/modifications.js";
+import { occludeQuizEntries } from "../../../../actions/ui.js";
+import { addError, screenreaderNotification } from "../../../../actions/alerts.js";
+import { interactionFileUpload, setOneAtATimeType } from "../../../../../building/api/quizzes.js";
+import { featureOn } from "../../../../util/featureCheck.js";
+import { getActiveQuizId, isActiveQuizWorkingInstanceOneQuestionAtATime } from "../../../../selectors/quizzes.js";
+
 function mapStateToProps(state, props) {
   var errorsShowing = state.get('errorsShowing', Map());
   var errorsAreShowing = errorsShowing.get(props.guid);
@@ -20,6 +21,7 @@ function mapStateToProps(state, props) {
     quizId: getActiveQuizId(state)
   };
 }
+
 var mapDispatchToProps = {
   addError: addError,
   changeQuizEntryProperties: modificationActions.changeQuizEntryProperties,

package/es/common/components/resources/item/ItemOverride/presenter.js

@@ -1,22 +1,30 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import componentForItem from '../../../../util/componentForItem';
+import componentForItem from "../../../../util/componentForItem.js";
 import { COMPONENT_EDIT } from '@instructure/quiz-common';
-import { propsForInteractionEdit } from '../../../../util/interactionTypePropsHelper';
+import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
 export var ItemOverride = /*#__PURE__*/function (_Component) {
+  _inherits(ItemOverride, _Component);
+
+  var _super = _createSuper(ItemOverride);
+
   function ItemOverride() {
     var _this;
+
     _classCallCheck(this, ItemOverride);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, ItemOverride, [].concat(args));
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _this.changeOverrideState = function (newState, changes) {
       if (changes) {
         _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, {
@@ -24,10 +32,11 @@ export var ItemOverride = /*#__PURE__*/function (_Component) {
         });
       }
     };
+
     return _this;
   }
-  _inherits(ItemOverride, _Component);
-  return _createClass(ItemOverride, [{
+
+  _createClass(ItemOverride, [{
     key: "render",
     value: function render() {
       var item = this.props.entry;
@@ -45,6 +54,9 @@ export var ItemOverride = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
+
+  ItemOverride.displayName = "ItemOverride";
+  return ItemOverride;
 }(Component);
 ItemOverride.propTypes = {
   changeQuizEntryProperties: PropTypes.func.isRequired,

package/es/common/components/resources/item/ItemShow/index.js

@@ -1,21 +1,27 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import makeEditable from '../../../shared/functionality/makeEditable';
-import componentForItem from '../../../../util/componentForItem';
+import makeEditable from "../../../shared/functionality/makeEditable.js";
+import componentForItem from "../../../../util/componentForItem.js";
 import { COMPONENT_SHOW } from '@instructure/quiz-common';
-import { propsForInteractionShow } from '../../../../util/interactionTypePropsHelper';
+import { propsForInteractionShow } from "../../../../util/interactionTypePropsHelper.js";
+
 var ItemShow = /*#__PURE__*/function (_Component) {
+  _inherits(ItemShow, _Component);
+
+  var _super = _createSuper(ItemShow);
+
   function ItemShow() {
     _classCallCheck(this, ItemShow);
-    return _callSuper(this, ItemShow, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(ItemShow, _Component);
-  return _createClass(ItemShow, [{
+
+  _createClass(ItemShow, [{
     key: "render",
     value: function render() {
       var item = this.props.entry;
@@ -27,7 +33,11 @@ var ItemShow = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
+
+  ItemShow.displayName = "ItemShow";
+  return ItemShow;
 }(Component);
+
 ItemShow.propTypes = {
   entry: ImmutablePropTypes.record.isRequired,
   guid: PropTypes.string.isRequired,

package/es/common/components/resources/positionBox/PositionBox.js

@@ -1,23 +1,30 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _PositionBox;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
-import generateStyle from './styles';
-import generateComponentTheme from './theme';
-export var PositionBox = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+export var PositionBox = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(PositionBox, _Component);
+
+  var _super = _createSuper(PositionBox);
+
   function PositionBox() {
     _classCallCheck(this, PositionBox);
-    return _callSuper(this, PositionBox, arguments);
+
+    return _super.apply(this, arguments);
   }
-  _inherits(PositionBox, _Component);
-  return _createClass(PositionBox, [{
+
+  _createClass(PositionBox, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -32,13 +39,16 @@ export var PositionBox = (_dec = withStyle(generateStyle, generateComponentTheme
       }, this.props.headingText)), jsx(PresentationContent, null, this.props.position)));
     }
   }]);
-}(Component), _PositionBox.propTypes = {
+
+  PositionBox.displayName = "PositionBox";
+  return PositionBox;
+}(Component), _class2.propTypes = {
   headingText: PropTypes.string.isRequired,
   headingLevel: PropTypes.string,
   position: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: PropTypes.object
-}, _PositionBox.defaultProps = {
+}, _class2.defaultProps = {
   headingLevel: 'h2'
-}, _PositionBox)) || _class);
+}, _temp)) || _class);
 export default PositionBox;

package/es/common/components/resources/positionBox/styles.js

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

package/es/common/components/resources/positionBox/theme.js

@@ -1,7 +1,7 @@
 var generateComponentTheme = function generateComponentTheme(_ref) {
   var spacing = _ref.spacing,
-    colors = _ref.colors,
-    typography = _ref.typography;
+      colors = _ref.colors,
+      typography = _ref.typography;
   return {
     positionMargin: spacing.xSmall,
     positionPadding: spacing.xSmall,
@@ -12,4 +12,5 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     positionTextFontSize: typography.fontSizeMedium
   };
 };
+
 export default generateComponentTheme;

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

@@ -1,10 +1,11 @@
-import { connect } from '../../../../../react-redux';
-import { createItem, createStimulus, setNextQuizEntry } from '../../../../../actions/modifications';
-import { set } from '../../../../../actions/ui';
-import { screenreaderNotification } from '../../../../../actions/alerts';
-import AddContentBody from './presenter';
-import { getInteractionTypes } from '../../../../../selectors/interactionTypes';
-import { isEditingQuizEntry, getQuizEntryWithErrorsShowing } from '../../../../../selectors/quizzes';
+import { connect } from "../../../../../react-redux.js";
+import { createItem, createStimulus, setNextQuizEntry } from "../../../../../actions/modifications.js";
+import { set } from "../../../../../actions/ui.js";
+import { screenreaderNotification } from "../../../../../actions/alerts.js";
+import AddContentBody from "./presenter.js";
+import { getInteractionTypes } from "../../../../../selectors/interactionTypes.js";
+import { isEditingQuizEntry, getQuizEntryWithErrorsShowing } from "../../../../../selectors/quizzes.js";
+
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     editingQuizEntry: isEditingQuizEntry(state),
@@ -12,6 +13,7 @@ var mapStateToProps = function mapStateToProps(state, props) {
     quizEntryWithErrorsShowing: getQuizEntryWithErrorsShowing(state)
   };
 };
+
 var mapDispatchToProps = {
   createItem: createItem,
   createStimulus: createStimulus,

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

@@ -1,8 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _dec, _class, _AddContentBody, _IconBankLine;
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -14,36 +16,50 @@ import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';
 import { withStyle, jsx } from '@instructure/emotion';
-import InteractionTypes from '../../../../shared/InteractionTypes';
+import InteractionTypes from "../../../../shared/InteractionTypes/index.js";
 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';
-import generateComponentTheme from './theme';
-export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
+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) {
+  _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 = _callSuper(this, AddContentBody, [].concat(args));
-    // ==============================
-    // ACTIONS
-    // ==============================
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
     _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', {
@@ -51,15 +67,17 @@ 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,
@@ -71,19 +89,19 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
           }, parentEntryId, stimulusId);
         }
       }
+
       _this.props.onAddItem();
     };
-    // ==============================
-    // RENDERING
-    // ==============================
+
     _this.renderBankButton = function () {
       return jsx(IconButton, {
         size: "large",
         onClick: _this.openBankTray,
         "data-automation": "sdk-add-banked-content-button",
         screenReaderLabel: t('Add banked content')
-      }, _IconBankLine || (_IconBankLine = jsx(IconBankLine, null)));
+      }, _ref);
     };
+
     _this.renderPopoverHeader = function () {
       var text = _this.props.showHeaderText ? t('Insert Content') : '';
       return jsx("div", {
@@ -100,10 +118,11 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
         width: "auto"
       }, _this.renderBankButton())))));
     };
+
     return _this;
   }
-  _inherits(AddContentBody, _Component);
-  return _createClass(AddContentBody, [{
+
+  _createClass(AddContentBody, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -121,7 +140,10 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
       })));
     }
   }]);
-}(Component), _AddContentBody.propTypes = {
+
+  AddContentBody.displayName = "AddContentBody";
+  return AddContentBody;
+}(Component), _class2.propTypes = {
   allowStimulusCreation: PropTypes.bool.isRequired,
   createItem: PropTypes.func.isRequired,
   createStimulus: PropTypes.func.isRequired,
@@ -140,7 +162,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
-}, _AddContentBody.defaultProps = {
+}, _class2.defaultProps = {
   editingQuizEntry: void 0,
   interactionTypes: void 0,
   onAddItem: Function.prototype,
@@ -149,5 +171,5 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
   quizEntryWithErrorsShowing: void 0,
   showHeaderText: true,
   stimulusId: void 0
-}, _AddContentBody)) || _class);
+}, _temp)) || _class);
 export default AddContentBody;

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

@@ -1,6 +1,10 @@
 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: {
@@ -10,14 +14,15 @@ var generateStyle = function generateStyle(componentTheme) {
       margin: '1rem',
       marginBottom: '0.25rem'
     },
-    popoverContent: _defineProperty(_defineProperty({
+    popoverContent: (_popoverContent = {
       marginLeft: componentTheme.popoverContentMargin,
       marginRight: componentTheme.popoverContentMargin
-    }, ieMq, {
+    }, _defineProperty(_popoverContent, ieMq, {
       width: '22rem'
-    }), mobileMq, {
+    }), _defineProperty(_popoverContent, mobileMq, {
       width: '11rem'
-    })
+    }), _popoverContent)
   };
 };
+
 export default generateStyle;