@instructure/quiz-core 20.17.2-rc.9 → 20.17.3-rc.0

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.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";
+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';
 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,7 +43,6 @@ export function mapStateToProps(state, props) {
     rootAccountUuid: state.getIn(['outcomes', 'externalAccountUuid'])
   };
 }
-
 function mapDispatchToProps(dispatch) {
   return {
     addError: bindActionCreators(addError, dispatch),
@@ -62,5 +61,4 @@ 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,82 +9,67 @@ 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.js";
-import componentForItem from "../../../../util/componentForItem.js";
+import CustomPropTypes from '../../../../../common/util/CustomPropTypes';
+import componentForItem from '../../../../util/componentForItem';
 import { liveRegion, COMPONENT_EDIT } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
-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";
+import { propsForInteractionEdit } from '../../../../util/interactionTypePropsHelper';
+import elementsForSelectors from '../../../../../common/util/ElementsForSelectors';
+import { toErrors } from '../../../../util/instUIMessages';
+import { featureOn } from '../../../../../common/util/featureCheck';
 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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = _callSuper(this, ItemEdit, [].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;
   }
-
-  _createClass(ItemEdit, [{
+  _inherits(ItemEdit, _Component);
+  return _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,
@@ -92,9 +77,7 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
           });
         }
       }
-
       var options = [];
-
       if (this.props.outcomesEndpoint) {
         options.push({
           key: 'outcomes',
@@ -102,8 +85,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
           }, {
@@ -132,11 +115,9 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
           }))
         });
       }
-
       if (this.props.additionalOptions) {
         return options.concat(this.props.additionalOptions);
       }
-
       return options;
     }
   }, {
@@ -150,15 +131,11 @@ 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,14 +1,13 @@
 import { Map } from 'immutable';
-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";
-
+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';
 function mapStateToProps(state, props) {
   var errorsShowing = state.get('errorsShowing', Map());
   var errorsAreShowing = errorsShowing.get(props.guid);
@@ -21,7 +20,6 @@ function mapStateToProps(state, props) {
     quizId: getActiveQuizId(state)
   };
 }
-
 var mapDispatchToProps = {
   addError: addError,
   changeQuizEntryProperties: modificationActions.changeQuizEntryProperties,

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

@@ -1,30 +1,22 @@
 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.js";
+import componentForItem from '../../../../util/componentForItem';
 import { COMPONENT_EDIT } from '@instructure/quiz-common';
-import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
+import { propsForInteractionEdit } from '../../../../util/interactionTypePropsHelper';
 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 = _super.call.apply(_super, [this].concat(args));
-
+    _this = _callSuper(this, ItemOverride, [].concat(args));
     _this.changeOverrideState = function (newState, changes) {
       if (changes) {
         _this.props.changeQuizEntryProperties(_this.props.quizEntry.id, {
@@ -32,11 +24,10 @@ export var ItemOverride = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     return _this;
   }
-
-  _createClass(ItemOverride, [{
+  _inherits(ItemOverride, _Component);
+  return _createClass(ItemOverride, [{
     key: "render",
     value: function render() {
       var item = this.props.entry;
@@ -54,9 +45,6 @@ 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,27 +1,21 @@
 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.js";
-import componentForItem from "../../../../util/componentForItem.js";
+import makeEditable from '../../../shared/functionality/makeEditable';
+import componentForItem from '../../../../util/componentForItem';
 import { COMPONENT_SHOW } from '@instructure/quiz-common';
-import { propsForInteractionShow } from "../../../../util/interactionTypePropsHelper.js";
-
+import { propsForInteractionShow } from '../../../../util/interactionTypePropsHelper';
 var ItemShow = /*#__PURE__*/function (_Component) {
-  _inherits(ItemShow, _Component);
-
-  var _super = _createSuper(ItemShow);
-
   function ItemShow() {
     _classCallCheck(this, ItemShow);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, ItemShow, arguments);
   }
-
-  _createClass(ItemShow, [{
+  _inherits(ItemShow, _Component);
+  return _createClass(ItemShow, [{
     key: "render",
     value: function render() {
       var item = this.props.entry;
@@ -33,11 +27,7 @@ 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,30 +1,23 @@
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _PositionBox;
 /** @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.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);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var PositionBox = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_PositionBox = /*#__PURE__*/function (_Component) {
   function PositionBox() {
     _classCallCheck(this, PositionBox);
-
-    return _super.apply(this, arguments);
+    return _callSuper(this, PositionBox, arguments);
   }
-
-  _createClass(PositionBox, [{
+  _inherits(PositionBox, _Component);
+  return _createClass(PositionBox, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -39,16 +32,13 @@ export var PositionBox = (_dec = withStyle(generateStyle, generateComponentTheme
       }, this.props.headingText)), jsx(PresentationContent, null, this.props.position)));
     }
   }]);
-
-  PositionBox.displayName = "PositionBox";
-  return PositionBox;
-}(Component), _class2.propTypes = {
+}(Component), _PositionBox.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
-}, _class2.defaultProps = {
+}, _PositionBox.defaultProps = {
   headingLevel: 'h2'
-}, _temp)) || _class);
+}, _PositionBox)) || _class);
 export default PositionBox;

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var generateStyle = function generateStyle(componentTheme) {
   var printMq = '@media print';
   return {
@@ -23,5 +22,4 @@ 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,5 +12,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     positionTextFontSize: typography.fontSizeMedium
   };
 };
-
 export default generateComponentTheme;

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

@@ -1,11 +1,10 @@
-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";
-
+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';
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     editingQuizEntry: isEditingQuizEntry(state),
@@ -13,7 +12,6 @@ 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,10 +1,8 @@
 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";
-
-var _dec, _class, _class2, _temp;
-
+var _dec, _class, _AddContentBody, _IconBankLine;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -16,50 +14,36 @@ 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/index.js";
+import InteractionTypes from '../../../../shared/InteractionTypes';
 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) {
-  _inherits(AddContentBody, _Component);
-
-  var _super = _createSuper(AddContentBody);
-
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   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));
-
+    _this = _callSuper(this, AddContentBody, [].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 +51,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,19 +71,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')
-      }, _ref);
+      }, _IconBankLine || (_IconBankLine = jsx(IconBankLine, null)));
     };
-
     _this.renderPopoverHeader = function () {
       var text = _this.props.showHeaderText ? t('Insert Content') : '';
       return jsx("div", {
@@ -118,11 +100,10 @@ export var AddContentBody = (_dec = withStyle(generateStyle, generateComponentTh
         width: "auto"
       }, _this.renderBankButton())))));
     };
-
     return _this;
   }
-
-  _createClass(AddContentBody, [{
+  _inherits(AddContentBody, _Component);
+  return _createClass(AddContentBody, [{
     key: "render",
     value: function render() {
       return jsx("div", {
@@ -140,10 +121,7 @@ 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 +140,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 +149,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,6 @@
 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: {
@@ -14,15 +10,14 @@ var generateStyle = function generateStyle(componentTheme) {
       margin: '1rem',
       marginBottom: '0.25rem'
     },
-    popoverContent: (_popoverContent = {
+    popoverContent: _defineProperty(_defineProperty({
       marginLeft: componentTheme.popoverContentMargin,
       marginRight: componentTheme.popoverContentMargin
-    }, _defineProperty(_popoverContent, ieMq, {
+    }, ieMq, {
       width: '22rem'
-    }), _defineProperty(_popoverContent, mobileMq, {
+    }), mobileMq, {
       width: '11rem'
-    }), _popoverContent)
+    })
   };
 };
-
 export default generateStyle;