@instructure/quiz-core 17.19.2 → 17.20.0

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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 mapStateToProps = function mapStateToProps(state, props) {
+  return {
+    editingQuizEntry: (0, _quizzes.isEditingQuizEntry)(state),
+    interactionTypes: (0, _interactionTypes.getInteractionTypes)(state),
+    quizEntryWithErrorsShowing: (0, _quizzes.getQuizEntryWithErrorsShowing)(state)
+  };
+};
+
+var mapDispatchToProps = {
+  createItem: _modifications.createItem,
+  createStimulus: _modifications.createStimulus,
+  screenreaderNotification: _alerts.screenreaderNotification,
+  setNextQuizEntry: _modifications.setNextQuizEntry,
+  setUi: _ui.set
+};
+
+var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
+
+exports.default = _default;

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

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _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 _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 _uiThemeable = require("@instructure/ui-themeable");
+
+var _index = _interopRequireDefault(require("../../../../shared/InteractionTypes/index.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'GmYGC',
+  template: function template(theme) {
+    return "\n\n.GmYGC_bHWS{border-bottom:solid ".concat(theme.popoverHeaderBoxBorderWidth || 'inherit', " ").concat(theme.popoverHeaderBoxBorderColor || 'inherit', "}\n\n.GmYGC_cqxf{margin:1rem;margin-bottom:0.25rem}\n\n.GmYGC_cdWv{margin-left:").concat(theme.popoverContentMargin || 'inherit', ";margin-right:").concat(theme.popoverContentMargin || 'inherit', "}\n\n@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.GmYGC_cdWv{width:22rem}}\n\n@media screen and (--phoneBreakPoint) and (-ms-high-contrast:active),screen and (--phoneBreakPoint) and (-ms-high-contrast:none){.GmYGC_cdWv{width:11rem}}");
+  },
+  'popoverHeaderBox': 'GmYGC_bHWS',
+  'popoverHeader': 'GmYGC_cqxf',
+  'popoverContent': 'GmYGC_cdWv'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconBankLine, null);
+
+var AddContentBody = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AddContentBody, _Component);
+
+  var _super = (0, _createSuper2.default)(AddContentBody);
+
+  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.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)('Item {itemPosition, number} cannot be saved due to invalid input data', {
+          itemPosition: Math.ceil(_this.props.quizEntryWithErrorsShowing.position)
+        }));
+      } else {
+        var _this$props = _this.props,
+            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,
+            itemBody: interactionTypeData.itemBody,
+            properties: interactionTypeData.defaultProperties,
+            scoringAlgorithm: (0, _first.default)(interactionTypeData.scoringAlgorithmOptions),
+            scoringData: scoringData,
+            userResponseType: (0, _first.default)(interactionTypeData.userResponseTypeOptions)
+          }, parentEntryId, stimulusId);
+        }
+      }
+
+      _this.props.onAddItem();
+    };
+
+    _this.renderBankButton = function () {
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+        size: "large",
+        onClick: _this.openBankTray,
+        "data-automation": "sdk-add-banked-content-button",
+        screenReaderLabel: (0, _formatMessage.default)('Add banked content')
+      }, _ref);
+    };
+
+    _this.renderPopoverHeader = function () {
+      var text = _this.props.showHeaderText ? (0, _formatMessage.default)('Insert Content') : '';
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.popoverHeaderBox
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.popoverHeader
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
+        vAlign: "middle",
+        colSpacing: "none",
+        rowSpacing: "none"
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, null, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        color: "primary"
+      }, text)), /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        width: "auto"
+      }, _this.renderBankButton())))));
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AddContentBody, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.popoverContent
+      }, this.renderPopoverHeader(), /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        padding: "small"
+      }, /*#__PURE__*/_react.default.createElement(_index.default, {
+        columns: 2,
+        addItem: this.addItem,
+        addStimulus: this.addStimulus,
+        allowStimulusCreation: this.props.allowStimulusCreation,
+        types: this.props.interactionTypes
+      })));
+    }
+  }]);
+  AddContentBody.displayName = "AddContentBody";
+  return AddContentBody;
+}(_react.Component), _class2.propTypes = {
+  allowStimulusCreation: _propTypes.default.bool.isRequired,
+  createItem: _propTypes.default.func.isRequired,
+  createStimulus: _propTypes.default.func.isRequired,
+  editingQuizEntry: _propTypes.default.bool,
+  interactionTypes: _reactImmutableProptypes.default.list,
+  onOpenBankTray: _propTypes.default.func,
+  onAddItem: _propTypes.default.func,
+  parentEntryId: _propTypes.default.string,
+  position: _propTypes.default.number.isRequired,
+  quizEntryWithErrorsShowing: _reactImmutableProptypes.default.record,
+  quizId: _propTypes.default.string.isRequired,
+  screenreaderNotification: _propTypes.default.func.isRequired,
+  setNextQuizEntry: _propTypes.default.func.isRequired,
+  setUi: _propTypes.default.func.isRequired,
+  showHeaderText: _propTypes.default.bool,
+  stimulusId: _propTypes.default.string
+}, _class2.defaultProps = {
+  editingQuizEntry: void 0,
+  interactionTypes: void 0,
+  onAddItem: Function.prototype,
+  parentEntryId: void 0,
+  onOpenBankTray: Function.prototype,
+  quizEntryWithErrorsShowing: void 0,
+  showHeaderText: true,
+  stimulusId: void 0
+}, _temp)) || _class);
+exports.AddContentBody = AddContentBody;
+var _default = AddContentBody;
+exports.default = _default;

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      colors = _ref.colors,
+      borders = _ref.borders,
+      typography = _ref.typography,
+      breakpoints = _ref.breakpoints;
+  return {
+    phoneBreakPoint: "max-width: ".concat(breakpoints.medium),
+    popoverContentMargin: spacing.medium,
+    popoverHeaderBoxBorderWidth: borders.widthSmall,
+    popoverHeaderBoxBorderColor: colors.tiara
+  };
+}

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

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AddContentButton = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiButtons = require("@instructure/ui-buttons");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'bJIQd',
+  template: function template(theme) {
+    return "\n\n.bJIQd_ePYF{background-color:".concat(theme.newItemButtonBackgroundColor || 'inherit', ";border:none;border-radius:").concat(theme.newItemButtonBorderRadius || 'inherit', ";box-shadow:").concat(theme.newItemButtonBoxShadow || 'inherit', ";color:").concat(theme.newItemButtonColor || 'inherit', ";font-size:").concat(theme.newItemButtonFontSize || 'inherit', ";font-weight:").concat(theme.newItemButtonFontWeight || 'inherit', ";line-height:0;margin:").concat(theme.newItemButtonMargin || 'inherit', ";padding:").concat(theme.newItemButtonPadding || 'inherit', ";text-align:center;transform:rotate(0deg);transition:").concat(theme.newItemButtonTransition || 'inherit', ";z-index:").concat(theme.newItemButtonZIndex || 'inherit', "}\n\n[dir=ltr] .bJIQd_ePYF,[dir=rtl] .bJIQd_ePYF{text-align:center}\n\n.bJIQd_ePYF:focus{outline:").concat(theme.newItemButtonFocusOutline || 'inherit', "}\n\n.bJIQd_ePYF.bJIQd_cwUE{background-color:").concat(theme.newItemButtonEditingBackgroundColor || 'inherit', ";transform:rotate(45deg);transition:").concat(theme.newItemButtonTransition || 'inherit', "}\n\n.bJIQd_ekys{display:flex;justify-content:center;margin-top:-1.5rem;width:100%;z-index:").concat(theme.newItemButtonHolderZIndex || 'inherit', "}\n\n.bJIQd_egTu{display:flex;justify-content:center;width:100%;z-index:").concat(theme.attachQuestionButtonHolderZIndex || 'inherit', "}\n\n@media print{.bJIQd_egTu,.bJIQd_ekys{display:none}}");
+  },
+  'newItemButton': 'bJIQd_ePYF',
+  'newItemButtonEditing': 'bJIQd_cwUE',
+  'newItemButtonHolder': 'bJIQd_ekys',
+  'attachQuestionButtonHolder': 'bJIQd_egTu'
+};
+var AddContentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(AddContentButton, _Component);
+
+  var _super = (0, _createSuper2.default)(AddContentButton);
+
+  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.storeButtonElemRef = function (c) {
+      _this.buttonElem = c;
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(AddContentButton, [{
+    key: "focus",
+    value: function focus() {
+      this.buttonElem.focus();
+    }
+  }, {
+    key: "renderStimulus",
+    value: function renderStimulus() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.attachQuestionButtonHolder
+      }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        ref: this.storeButtonElemRef,
+        variant: "primary",
+        margin: "medium",
+        onClick: this.props.onClick,
+        "data-automation": "sdk-attach-question-button"
+      }, (0, _formatMessage.default)('Attach Question')));
+    }
+  }, {
+    key: "renderNonStimulus",
+    value: function renderNonStimulus() {
+      var _classNames;
+
+      var buttonClasses = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, styles.newItemButton, true), (0, _defineProperty2.default)(_classNames, "newItemButton_".concat(this.props.position), this.props.position !== null), (0, _defineProperty2.default)(_classNames, styles.newItemButtonEditing, this.props.isEditing), _classNames));
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.newItemButtonHolder
+      }, /*#__PURE__*/_react.default.createElement("button", {
+        ref: this.storeButtonElemRef,
+        onClick: this.props.onClick,
+        className: buttonClasses,
+        "data-automation": "sdk-add-content-button"
+      }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Add Content')), /*#__PURE__*/_react.default.createElement(_uiA11yContent.PresentationContent, null, /*#__PURE__*/_react.default.createElement(_uiIcons.IconPlusLine, {
+        title: (0, _formatMessage.default)('Add Content')
+      }))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.useStimulusTrigger ? this.renderStimulus() : this.renderNonStimulus();
+    }
+  }]);
+  AddContentButton.displayName = "AddContentButton";
+  return AddContentButton;
+}(_react.Component), _class2.propTypes = {
+  isEditing: _propTypes.default.bool.isRequired,
+  onClick: _propTypes.default.func,
+  position: _propTypes.default.number,
+  useStimulusTrigger: _propTypes.default.bool.isRequired
+}, _class2.defaultProps = {
+  onClick: Function.prototype,
+  position: null
+}, _temp)) || _class);
+exports.AddContentButton = AddContentButton;
+var _default = AddContentButton;
+exports.default = _default;

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      colors = _ref.colors,
+      borders = _ref.borders,
+      typography = _ref.typography,
+      transitions = _ref.transitions;
+  return {
+    attachQuestionButtonHolderZIndex: '2222',
+    newItemButtonMargin: spacing.xSmall,
+    newItemButtonPadding: spacing.xSmall,
+    newItemButtonBackgroundColor: colors.brand,
+    newItemButtonBorderRadius: spacing.large,
+    newItemButtonColor: colors.white,
+    newItemButtonFocusOutline: "2px solid ".concat(colors.brand),
+    newItemButtonFontSize: typography.fontSizeMedium,
+    newItemButtonFontWeight: typography.fontWeightBold,
+    newItemButtonZIndex: '4444',
+    newItemButtonBoxShadow: '2px 2px 3px #ddd',
+    newItemButtonEditingBackgroundColor: colors.crimson,
+    newItemButtonHolderZIndex: '2222',
+    newItemButtonTransition: "background-color ".concat(transitions.duration, " linear, transform ").concat(transitions.duration, " ease")
+  };
+}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+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 _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;
+
+  var modalOpen = state.getIn(['modal', 'isOpen']) === _quizCommon.ADD_CONTENT_MODAL;
+
+  return {
+    allowStimulusCreation: allowStimulusCreation,
+    modalOpen: modalOpen,
+    parentEntryId: parentEntryId,
+    position: position,
+    quizId: quizId,
+    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;

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

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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 _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);
+
+  function AddContentModal() {
+    (0, _classCallCheck2.default)(this, AddContentModal);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(AddContentModal, [{
+    key: "cancelButton",
+    value: function cancelButton() {
+      return /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
+        onClick: this.props.closeModal
+      }, (0, _formatMessage.default)('Cancel'));
+    }
+  }, {
+    key: "renderContent",
+    value: function renderContent() {
+      return /*#__PURE__*/_react.default.createElement(_index.default, {
+        allowStimulusCreation: this.props.allowStimulusCreation,
+        onOpenBankTray: this.props.closeModal,
+        onAddItem: this.props.closeModal,
+        parentEntryId: this.props.parentEntryId,
+        position: this.props.position,
+        quizId: this.props.quizId,
+        showHeaderText: false,
+        stimulusId: this.props.stimulusId
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_quizCommon.Modal, {
+        open: this.props.modalOpen,
+        onDismiss: this.props.closeModal,
+        size: "large",
+        label: (0, _formatMessage.default)('Add Content')
+      }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+        level: "reset",
+        as: "h2"
+      }, (0, _formatMessage.default)('Insert Content')), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
+        onClick: this.props.closeModal,
+        placement: "end",
+        offset: "medium",
+        screenReaderLabel: (0, _formatMessage.default)('Close')
+      })), /*#__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,
+  modalOpen: _propTypes.default.bool.isRequired,
+  parentEntryId: _propTypes.default.string,
+  position: _propTypes.default.number.isRequired,
+  quizId: _propTypes.default.string.isRequired,
+  stimulusId: _propTypes.default.string
+};
+AddContentModal.defaultProps = {
+  parentEntryId: void 0,
+  stimulusId: void 0
+};
+var _default = AddContentModal;
+exports.default = _default;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldFocus = shouldFocus;
+exports.default = exports.AddContentPopover = void 0;
+
+var _redux = require("redux");
+
+var _reactRedux = require("../../../../../react-redux.js");
+
+var _makeEditable = _interopRequireDefault(require("../../../../shared/functionality/makeEditable.js"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _ui = require("../../../../../actions/ui.js");
+
+var _modal = require("../../../../../actions/modal.js");
+
+var _presenter = require("./presenter.js");
+
+// only exported for testing - not intended for external use
+function shouldFocus(state, props) {
+  var deletedQuizEntry = state.getIn(['ui', _quizCommon.DELETED_QUIZ_ENTRY], {});
+  var position = props.position,
+      stimulusId = props.stimulusId;
+  var positionMatches = deletedQuizEntry.position === position;
+  var bothInStimulus = deletedQuizEntry.inStimulus && stimulusId !== void 0;
+  var neitherInStimulus = !deletedQuizEntry.inStimulus && stimulusId === void 0;
+  var stimulusMatches = bothInStimulus || neitherInStimulus;
+  var deletedFirst = deletedQuizEntry.position === 1;
+  var isFirst = position === 0;
+  return positionMatches && stimulusMatches || deletedFirst && isFirst;
+}
+
+var mapStateToProps = function mapStateToProps(state, props) {
+  return {
+    appContainer: state.getIn(['ui', 'appContainer']),
+    guid: "add_content_popover".concat(props.stimulusId ? '_stimulus' : '', "_").concat(Math.ceil(props.position)),
+    shouldFocus: shouldFocus(state, props)
+  };
+};
+
+var mapDispatchToProps = {
+  openAddContentModal: _modal.openAddContentModal,
+  clearUi: _ui.clear
+};
+var AddContentPopover = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _makeEditable.default)(_presenter.AddContentPopover);
+exports.AddContentPopover = AddContentPopover;
+var _default = AddContentPopover;
+exports.default = _default;