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

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

@@ -1,26 +1,17 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-var _reactRedux = require("../../../../../react-redux.js");
-
-var _modifications = require("../../../../../actions/modifications.js");
-
-var _ui = require("../../../../../actions/ui.js");
-
-var _alerts = require("../../../../../actions/alerts.js");
-
-var _presenter = _interopRequireDefault(require("./presenter.js"));
-
-var _interactionTypes = require("../../../../../selectors/interactionTypes.js");
-
-var _quizzes = require("../../../../../selectors/quizzes.js");
-
+var _reactRedux = require("../../../../../react-redux");
+var _modifications = require("../../../../../actions/modifications");
+var _ui = require("../../../../../actions/ui");
+var _alerts = require("../../../../../actions/alerts");
+var _presenter = _interopRequireDefault(require("./presenter"));
+var _interactionTypes = require("../../../../../selectors/interactionTypes");
+var _quizzes = require("../../../../../selectors/quizzes");
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     editingQuizEntry: (0, _quizzes.isEditingQuizEntry)(state),
@@ -28,7 +19,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     quizEntryWithErrorsShowing: (0, _quizzes.getQuizEntryWithErrorsShowing)(state)
   };
 };
-
 var mapDispatchToProps = {
   createItem: _modifications.createItem,
   createStimulus: _modifications.createStimulus,
@@ -36,7 +26,4 @@ var mapDispatchToProps = {
   setNextQuizEntry: _modifications.setNextQuizEntry,
   setUi: _ui.set
 };
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);

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

@@ -1,90 +1,56 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddContentBody = 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 _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
 var _first = _interopRequireDefault(require("lodash/first"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiGrid = require("@instructure/ui-grid");
-
 var _uiView = require("@instructure/ui-view");
-
 var _uiText = require("@instructure/ui-text");
-
 var _emotion = require("@instructure/emotion");
-
-var _index = _interopRequireDefault(require("../../../../shared/InteractionTypes/index.js"));
-
+var _InteractionTypes = _interopRequireDefault(require("../../../../shared/InteractionTypes"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
 var _quizCommon = require("@instructure/quiz-common");
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var _ref = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
-
-var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddContentBody, _Component);
-
-  var _super = (0, _createSuper2.default)(AddContentBody);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _AddContentBody, _IconBankLine;
+/** @jsx jsx */
+var AddContentBody = exports.AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentBody = /*#__PURE__*/function (_Component) {
   function AddContentBody() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, AddContentBody, [].concat(args));
+    // ==============================
+    // ACTIONS
+    // ==============================
     _this.openBankTray = function () {
       _this.props.onOpenBankTray();
-
       _this.props.setUi(_quizCommon.BUILD_TRAY_OPEN, true);
-
       _this.props.setUi(_quizCommon.BUILD_TRAY_POSITION, _this.props.position);
-
       _this.props.setUi(_quizCommon.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((0, _formatMessage.default)('Question {itemPosition, number} cannot be saved due to invalid input data', {
@@ -92,17 +58,15 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         }));
       } 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,
@@ -114,19 +78,19 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
           }, parentEntryId, stimulusId);
         }
       }
-
       _this.props.onAddItem();
     };
-
+    // ==============================
+    // RENDERING
+    // ==============================
     _this.renderBankButton = function () {
       return (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "large",
         onClick: _this.openBankTray,
         "data-automation": "sdk-add-banked-content-button",
         screenReaderLabel: (0, _formatMessage.default)('Add banked content')
-      }, _ref);
+      }, _IconBankLine || (_IconBankLine = (0, _emotion.jsx)(_uiIcons.IconBankLine, null)));
     };
-
     _this.renderPopoverHeader = function () {
       var text = _this.props.showHeaderText ? (0, _formatMessage.default)('Insert Content') : '';
       return (0, _emotion.jsx)("div", {
@@ -143,11 +107,10 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         width: "auto"
       }, _this.renderBankButton())))));
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(AddContentBody, [{
+  (0, _inherits2.default)(AddContentBody, _Component);
+  return (0, _createClass2.default)(AddContentBody, [{
     key: "render",
     value: function render() {
       return (0, _emotion.jsx)("div", {
@@ -156,7 +119,7 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
         "aria-label": (0, _formatMessage.default)('Insert Content')
       }, this.renderPopoverHeader(), (0, _emotion.jsx)(_uiView.View, {
         padding: "small"
-      }, (0, _emotion.jsx)(_index.default, {
+      }, (0, _emotion.jsx)(_InteractionTypes.default, {
         columns: 2,
         addItem: this.addItem,
         addStimulus: this.addStimulus,
@@ -165,9 +128,7 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       })));
     }
   }]);
-  AddContentBody.displayName = "AddContentBody";
-  return AddContentBody;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _AddContentBody.propTypes = {
   allowStimulusCreation: _propTypes.default.bool.isRequired,
   createItem: _propTypes.default.func.isRequired,
   createStimulus: _propTypes.default.func.isRequired,
@@ -186,7 +147,7 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   stimulusId: _propTypes.default.string,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object
-}, _class2.defaultProps = {
+}, _AddContentBody.defaultProps = {
   editingQuizEntry: void 0,
   interactionTypes: void 0,
   onAddItem: Function.prototype,
@@ -195,7 +156,5 @@ var AddContentBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   quizEntryWithErrorsShowing: void 0,
   showHeaderText: true,
   stimulusId: void 0
-}, _temp)) || _class);
-exports.AddContentBody = AddContentBody;
-var _default = AddContentBody;
-exports.default = _default;
+}, _AddContentBody)) || _class);
+var _default = exports.default = AddContentBody;

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

@@ -1,19 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/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: {
@@ -23,16 +17,14 @@ var generateStyle = function generateStyle(componentTheme) {
       margin: '1rem',
       marginBottom: '0.25rem'
     },
-    popoverContent: (_popoverContent = {
+    popoverContent: (0, _defineProperty2.default)((0, _defineProperty2.default)({
       marginLeft: componentTheme.popoverContentMargin,
       marginRight: componentTheme.popoverContentMargin
-    }, (0, _defineProperty2.default)(_popoverContent, ieMq, {
+    }, ieMq, {
       width: '22rem'
-    }), (0, _defineProperty2.default)(_popoverContent, mobileMq, {
+    }), mobileMq, {
       width: '11rem'
-    }), _popoverContent)
+    })
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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,
@@ -18,6 +17,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     popoverHeaderBoxBorderColor: colors.tiara
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -1,64 +1,40 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddContentButton = 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 _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiIcons = require("@instructure/ui-icons");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _emotion = require("@instructure/emotion");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _styles = _interopRequireDefault(require("./styles.js"));
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddContentButton, _Component);
-
-  var _super = (0, _createSuper2.default)(AddContentButton);
-
+var _styles = _interopRequireDefault(require("./styles"));
+var _theme = _interopRequireDefault(require("./theme"));
+var _dec, _class, _AddContentButton;
+/** @jsx jsx */
+var AddContentButton = exports.AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_AddContentButton = /*#__PURE__*/function (_Component) {
   function AddContentButton() {
     var _this;
-
     (0, _classCallCheck2.default)(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 = (0, _callSuper2.default)(this, AddContentButton, [].concat(args));
     _this.storeButtonElemRef = function (c) {
       _this.buttonElem = c;
     };
-
     return _this;
   }
-
-  (0, _createClass2.default)(AddContentButton, [{
+  (0, _inherits2.default)(AddContentButton, _Component);
+  return (0, _createClass2.default)(AddContentButton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.makeStyles();
@@ -108,9 +84,7 @@ var AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
       return this.props.useStimulusTrigger ? this.renderStimulus() : this.renderNonStimulus();
     }
   }]);
-  AddContentButton.displayName = "AddContentButton";
-  return AddContentButton;
-}(_react.Component), _class2.propTypes = {
+}(_react.Component), _AddContentButton.propTypes = {
   isEditing: _propTypes.default.bool.isRequired,
   onClick: _propTypes.default.func,
   position: _propTypes.default.number,
@@ -118,10 +92,8 @@ var AddContentButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
   styles: _propTypes.default.object,
   makeStyles: _propTypes.default.func
-}, _class2.defaultProps = {
+}, _AddContentButton.defaultProps = {
   onClick: Function.prototype,
   position: null
-}, _temp)) || _class);
-exports.AddContentButton = AddContentButton;
-var _default = AddContentButton;
-exports.default = _default;
+}, _AddContentButton)) || _class);
+var _default = exports.default = AddContentButton;

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

@@ -1,16 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var generateStyle = function generateStyle(componentTheme, props) {
   var printMq = '@media print';
   return {
@@ -57,6 +53,4 @@ var generateStyle = function generateStyle(componentTheme, props) {
     })
   };
 };
-
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

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

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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,
@@ -29,6 +28,4 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
   };
 };
-
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

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

@@ -4,27 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddContentModal = void 0;
-
 var _immutable = require("immutable");
-
-var _reactRedux = require("../../../../../react-redux.js");
-
-var _modal = require("../../../../../actions/modal.js");
-
-var _presenter = require("./presenter.js");
-
+var _reactRedux = require("../../../../../react-redux");
+var _modal = require("../../../../../actions/modal");
+var _presenter = require("./presenter");
 var _quizCommon = require("@instructure/quiz-common");
-
 var mapStateToProps = function mapStateToProps(state) {
   var _state$getIn$toJS = state.getIn(['modal', _quizCommon.OPEN_ADD_CONTENT_MODAL_DATA], (0, _immutable.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']) === _quizCommon.ADD_CONTENT_MODAL;
-
   return {
     allowStimulusCreation: allowStimulusCreation,
     modalOpen: modalOpen,
@@ -34,11 +26,8 @@ var mapStateToProps = function mapStateToProps(state) {
     stimulusId: stimulusId
   };
 };
-
 var mapDispatchToProps = {
   closeModal: _modal.closeModal
 };
-var AddContentModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.AddContentModal);
-exports.AddContentModal = AddContentModal;
-var _default = AddContentModal;
-exports.default = _default;
+var AddContentModal = exports.AddContentModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.AddContentModal);
+var _default = exports.default = AddContentModal;

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

@@ -1,47 +1,29 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AddContentModal = 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 _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiButtons = require("@instructure/ui-buttons");
-
 var _uiHeading = require("@instructure/ui-heading");
-
 var _quizCommon = require("@instructure/quiz-common");
-
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _index = _interopRequireDefault(require("../Body/index.js"));
-
-var AddContentModal = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(AddContentModal, _Component);
-
-  var _super = (0, _createSuper2.default)(AddContentModal);
-
+var _Body = _interopRequireDefault(require("../Body"));
+var AddContentModal = exports.AddContentModal = /*#__PURE__*/function (_Component) {
   function AddContentModal() {
     (0, _classCallCheck2.default)(this, AddContentModal);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, AddContentModal, arguments);
   }
-
-  (0, _createClass2.default)(AddContentModal, [{
+  (0, _inherits2.default)(AddContentModal, _Component);
+  return (0, _createClass2.default)(AddContentModal, [{
     key: "cancelButton",
     value: function cancelButton() {
       return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
@@ -51,7 +33,7 @@ var AddContentModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return /*#__PURE__*/_react.default.createElement(_index.default, {
+      return /*#__PURE__*/_react.default.createElement(_Body.default, {
         allowStimulusCreation: this.props.allowStimulusCreation,
         onOpenBankTray: this.props.closeModal,
         onAddItem: this.props.closeModal,
@@ -81,11 +63,7 @@ var AddContentModal = /*#__PURE__*/function (_Component) {
       })), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalBody, null, this.renderContent()), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, this.cancelButton())));
     }
   }]);
-  AddContentModal.displayName = "AddContentModal";
-  return AddContentModal;
 }(_react.Component);
-
-exports.AddContentModal = AddContentModal;
 AddContentModal.propTypes = {
   allowStimulusCreation: _propTypes.default.bool.isRequired,
   closeModal: _propTypes.default.func.isRequired,
@@ -99,5 +77,4 @@ AddContentModal.defaultProps = {
   parentEntryId: void 0,
   stimulusId: void 0
 };
-var _default = AddContentModal;
-exports.default = _default;
+var _default = exports.default = AddContentModal;