@instructure/quiz-core 17.19.2 → 17.19.3-rc.0

package/lib/building/components/resources/quizEntry/QuizEntryShow/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.QuizEntryShow = void 0;
+
+var _immutable = require("immutable");
+
+var _reactRedux = require("../../../../../common/react-redux.js");
+
+var _alerts = require("../../../../../common/actions/alerts.js");
+
+var _modifications = require("../../../../../common/actions/modifications.js");
+
+var _quizEntries = require("../../../../api/quizEntries.js");
+
+var _modal = require("../../../../../common/actions/modal.js");
+
+var _presenter = require("./presenter.js");
+
+var _quizzes = require("../../../../../common/selectors/quizzes.js");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+function mapStateToProps(state, props) {
+  var dndPosition = state.getIn(['dragAndDrop', 'position']);
+  var draggingAboveHalf = state.getIn(['dragAndDrop', 'aboveHalf'], false);
+  var draggingOver = props.draggingOnBuild && dndPosition === props.quizEntry.position;
+  var itemModsClear = state.getIn(['modifications', 'items'], (0, _immutable.Map)()).isEmpty();
+  var quizEntryModsClear = state.getIn(['modifications', 'quizEntries'], (0, _immutable.Map)()).isEmpty();
+  return {
+    createItemCallStatus: state.getIn(['calls', _quizCommon.CREATE_ITEM_CALL, 'requestStatus'], ''),
+    updateItemCallStatus: state.getIn(['calls', _quizCommon.UPDATE_ITEM_CALL, 'requestStatus'], ''),
+    draggingAboveHalf: draggingOver && draggingAboveHalf,
+    draggingOver: draggingOver,
+    modificationsClear: itemModsClear && quizEntryModsClear,
+    quizEntryWithErrorsShowing: (0, _quizzes.getQuizEntryWithErrorsShowing)(state) || props.haveValidationErrorsFromApi
+  };
+}
+
+var mapDispatchToProps = {
+  createItem: _modifications.createItem,
+  removeQuizEntry: _quizEntries.removeQuizEntry,
+  screenreaderNotification: _alerts.screenreaderNotification,
+  withConfirm: _modal.withConfirm
+};
+var QuizEntryShow = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.QuizEntryShowPresenter);
+exports.QuizEntryShow = QuizEntryShow;
+var _default = QuizEntryShow;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -0,0 +1,385 @@
+"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.QuizEntryShowPresenter = exports.QuizEntryShowRaw = 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 _partial = _interopRequireDefault(require("lodash/partial"));
+
+var _reactDnd = require("react-dnd");
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiThemeable = require("@instructure/ui-themeable");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _Item = _interopRequireDefault(require("../../../../../common/records/Item.js"));
+
+var _Overlay = _interopRequireDefault(require("../../../../../common/components/shared/overlay/Overlay.js"));
+
+var _index = _interopRequireDefault(require("../../ActionButtons/index.js"));
+
+var _dragAndDropUtils = require("../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js");
+
+var _PositionBox = _interopRequireDefault(require("../../../../../common/components/resources/positionBox/PositionBox.js"));
+
+var _index2 = _interopRequireDefault(require("../../../../../common/components/shared/drag_and_drop/DragAndDropZone/index.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _dec, _class, _class2, _temp;
+
+var styles = {
+  componentId: 'fohHO',
+  template: function template(theme) {
+    return "\n\n.fohHO_eLmg{transform:translateZ(0)}\n\n.fohHO_TMNr{background-color:".concat(theme.quizEntryShowBackgroundColor || 'inherit', ";padding:").concat(theme.quizEntryShowPadding || 'inherit', "}\n\n.fohHO_fsuY{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;height:").concat(theme.headerHeight || 'inherit', ";padding-right:").concat(theme.headerRightPadding || 'inherit', "}\n\n.fohHO_bscQ{border:").concat(theme.dndBorder || 'inherit', "}\n\n.fohHO_cKlw{align-items:center;display:inline-flex;flex:8 0 0;overflow:hidden}\n\n.fohHO_eGWt{border-bottom:").concat(theme.phoneConnectingLinesBorderWidth || 'inherit', " dotted;border-color:").concat(theme.phoneConnectingLinesBorderColor || 'inherit', ";border-left:").concat(theme.phoneConnectingLinesBorderWidth || 'inherit', " dotted;height:2rem;margin-right:1.2rem;margin-top:-0.8rem;width:1.2rem}\n\n.fohHO_eGWt,.fohHO_IoDT{display:inline-flex;flex:0 0 auto}\n\n.fohHO_IoDT{color:").concat(theme.rightHeaderColor || 'inherit', ";text-align:right;z-index:").concat(theme.rightHeaderZIndex || 'inherit', "}\n\n[dir=ltr] .fohHO_IoDT,[dir=rtl] .fohHO_IoDT{text-align:right}\n\n.fohHO_IoDT button{background-color:transparent;background-color:initial}\n\n.fohHO_eCZW,.fohHO_cwte,.fohHO_nvdO{color:").concat(theme.titleInteractionTypeNamePointsColor || 'inherit', ";font-size:").concat(theme.titleInteractionTypeNamePointsFontSize || 'inherit', ";margin-left:").concat(theme.titleInteractionTypeNamePointsLeftMargin || 'inherit', ";margin-right:").concat(theme.titleInteractionTypeNamePointsRightMargin || 'inherit', ";overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\n.fohHO_csjx{margin:").concat(theme.itemHolderMargin || 'inherit', "}\n\n.fohHO_fPOQ,.fohHO_gaTA{background-color:transparent;border:none;color:inherit;font-size:").concat(theme.optionsButtonDragDropHandleFontSize || 'inherit', ";margin:").concat(theme.optionsButtonDragDropHandleMargin || 'inherit', "}\n\n.fohHO_gaTA{cursor:pointer}\n\n@media print{.fohHO_eLmg{page-break-inside:avoid}}");
+  },
+  'quizEntryWrapper': 'fohHO_eLmg',
+  'quizEntryShow': 'fohHO_TMNr',
+  'header': 'fohHO_fsuY',
+  'dndBorder': 'fohHO_bscQ',
+  'leftHeader': 'fohHO_cKlw',
+  'connectingLines': 'fohHO_eGWt',
+  'rightHeader': 'fohHO_IoDT',
+  'interactionTypeName': 'fohHO_eCZW',
+  'points': 'fohHO_cwte',
+  'title': 'fohHO_nvdO',
+  'itemHolder': 'fohHO_csjx',
+  'dragAndDropHandle': 'fohHO_fPOQ',
+  'optionsButton': 'fohHO_gaTA'
+};
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiIcons.IconBankLine, null);
+
+var QuizEntryShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(QuizEntryShow, _Component);
+
+  var _super = (0, _createSuper2.default)(QuizEntryShow);
+
+  function QuizEntryShow() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, QuizEntryShow);
+
+    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.state = {
+      editAfterCall: null,
+      copyAfterCall: null
+    };
+
+    _this.editingOn = function () {
+      if (_this.inProgressCall()) {
+        _this.setState({
+          editAfterCall: _this.inProgressCall()
+        });
+
+        return;
+      }
+
+      if (!_this.props.quizEntryWithErrorsShowing) {
+        var msg = (0, _formatMessage.default)('Item switched to editing mode.');
+
+        _this.props.screenreaderNotification(msg);
+
+        _this.props.switchOnEditing();
+      }
+    };
+
+    _this.removeItem = function (e) {
+      _this.props.withConfirm((0, _partial.default)(_this.props.removeQuizEntry, _this.props.quizId, _this.props.quizEntry), _this.removalDialogData());
+    };
+
+    _this.copyItem = function () {
+      if (_this.inProgressCall()) {
+        _this.setState({
+          copyAfterCall: _this.inProgressCall()
+        });
+
+        return;
+      }
+
+      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)
+        }));
+
+        return;
+      }
+
+      var _this$props = _this.props,
+          quizId = _this$props.quizId,
+          quizEntry = _this$props.quizEntry,
+          entry = _this$props.entry;
+      var interactionTypeData = {
+        answerFeedback: entry.answerFeedback,
+        calculatorType: entry.calculatorType,
+        feedback: entry.feedback,
+        id: entry.interactionType,
+        interactionData: entry.interactionData,
+        itemBody: entry.itemBody,
+        outcomeAlignmentSetGuid: entry.outcomeAlignmentSetGuid,
+        properties: entry.properties,
+        scoringAlgorithm: entry.scoringAlgorithm,
+        scoringData: entry.scoringData,
+        title: entry.title
+      };
+
+      _this.props.createItem(quizId, Math.round(quizEntry.position + 1), interactionTypeData, quizEntry.stimulusQuizEntryId, entry.stimulusId, quizEntry.pointsPossible);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(QuizEntryShow, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      // Must wait for create/update call to complete successfully, because quiz_api
+      // can return validation errors, preventing the editing/copying of this QuizEntry.
+      if (this.state.editAfterCall && this.callStatus(this.state.editAfterCall) !== 'calling') {
+        if (this.callStatus(this.state.editAfterCall) === 'success') {
+          this.editingOn();
+        }
+
+        this.setState({
+          editAfterCall: null
+        });
+      }
+
+      if (this.state.copyAfterCall && this.callStatus(this.state.copyAfterCall) === 'error') {
+        this.setState({
+          copyAfterCall: null
+        });
+      } // In addition to the create/update call, copy must wait for the previous temporary
+      // quizEntry to be cleared out of the modifications store before putting the copy info there
+
+
+      var copySuccess = this.callStatus(this.state.copyAfterCall) === 'success';
+
+      if (this.state.copyAfterCall && copySuccess && this.props.modificationsClear) {
+        this.copyItem();
+        this.setState({
+          copyAfterCall: null
+        });
+      }
+    }
+  }, {
+    key: "callStatus",
+    value: function callStatus(call) {
+      return {
+        create: this.props.createItemCallStatus,
+        update: this.props.updateItemCallStatus
+      }[call];
+    }
+  }, {
+    key: "inProgressCall",
+    value: function inProgressCall() {
+      if (this.props.createItemCallStatus === 'calling') {
+        return 'create';
+      }
+
+      if (this.props.updateItemCallStatus === 'calling') {
+        return 'update';
+      }
+
+      return false;
+    }
+  }, {
+    key: "getPointsText",
+    value: function getPointsText(points) {
+      return (0, _formatMessage.default)("{\n      points, plural,\n        one {# point}\n      other {# points}\n    }", {
+        points: points
+      });
+    }
+  }, {
+    key: "removalDialogData",
+    value: function removalDialogData() {
+      return {
+        title: (0, _formatMessage.default)('Remove Item?'),
+        text: (0, _formatMessage.default)('Are you sure you want to remove this item?'),
+        continueText: (0, _formatMessage.default)('Remove Item'),
+        cancelText: (0, _formatMessage.default)('Keep Item')
+      };
+    }
+  }, {
+    key: "shouldDisableDragHandle",
+    value: function shouldDisableDragHandle() {
+      return this.props.quizEntries.size === 1;
+    }
+  }, {
+    key: "renderPointsPossible",
+    value: function renderPointsPossible() {
+      if (this.props.entry instanceof _Item.default) {
+        var pointsPossible = this.props.quizEntry.pointsPossible;
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.points,
+          "data-automation": "sdk-points-possible-div"
+        }, this.getPointsText(pointsPossible || 0));
+      }
+    }
+  }, {
+    key: "renderInteractionType",
+    value: function renderInteractionType() {
+      if (this.props.entry instanceof _Item.default) {
+        var interactionTypeName = this.props.entry.getInteractionType().name || this.props.interactionTypeName;
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: styles.interactionTypeName,
+          "data-automation": "sdk-interaction-type-name-div"
+        }, interactionTypeName);
+      }
+    }
+  }, {
+    key: "renderBankedContent",
+    value: function renderBankedContent() {
+      if (this.props.quizEntry.isBank || this.props.quizEntry.isBankEntry) {
+        return _ref;
+      }
+    }
+  }, {
+    key: "renderLeftHeader",
+    value: function renderLeftHeader() {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.leftHeader
+      }, this.renderBankedContent(), this.renderInteractionType(), this.renderPointsPossible(), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.title,
+        "data-automation": "sdk-quiz-entry-title-div"
+      }, this.props.entry.title));
+    }
+  }, {
+    key: "setInert",
+    value: function setInert(node) {
+      node && node.setAttribute('inert', '');
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+          connectDragPreview = _this$props2.connectDragPreview,
+          displayPosition = _this$props2.displayPosition,
+          draggingOver = _this$props2.draggingOver,
+          draggingAboveHalf = _this$props2.draggingAboveHalf,
+          quizEntry = _this$props2.quizEntry,
+          stimulusOrientation = _this$props2.stimulusOrientation;
+      var positionToDisplay = this.props.quizEntry.positionToDisplay(displayPosition);
+      var positionText = (0, _formatMessage.default)('Preview of item at position {position}', {
+        position: positionToDisplay
+      });
+      var srMsg = (0, _formatMessage.default)('The following item is a preview for the teacher. To edit this item, navigate back to the "Edit Item" button and click.');
+      var propsForDnDZone = {
+        draggingOver: draggingOver,
+        draggingAboveHalf: draggingAboveHalf
+      }; // Overlay gets tabIndex === "-1" so that the drag handle is tabbable before
+      // the Overlay get focus and opens the quizEntry in edit mode
+
+      return /*#__PURE__*/_react.default.createElement(_Overlay.default, {
+        onClick: this.editingOn,
+        wrapperClassName: styles.quizEntryWrapper,
+        tabIndex: "-1"
+      }, /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
+        location: "above"
+      })), connectDragPreview( /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.quizEntryShow,
+        "data-automation": "sdk-quiz-entry-show",
+        "data-automation-item-id": this.props.quizEntry.id
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.header
+      }, quizEntry.isInStimulus && stimulusOrientation === _quizCommon.TOP && /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.connectingLines
+      }), /*#__PURE__*/_react.default.createElement(_PositionBox.default, {
+        position: positionToDisplay,
+        headingText: positionText
+      }), this.renderLeftHeader(), /*#__PURE__*/_react.default.createElement(_index.default, {
+        connectDragSource: this.props.connectDragSource,
+        displayPosition: this.props.displayPosition,
+        onDelete: this.removeItem,
+        onCopy: this.props.quizEntry.isBank ? null : this.copyItem,
+        quizEntries: this.props.quizEntries,
+        quizEntry: this.props.quizEntry,
+        scrollKey: this.props.scrollKey,
+        shouldDisableDragHandle: this.shouldDisableDragHandle(),
+        switchOnEditing: this.editingOn,
+        shouldFocusOnMount: this.props.editQuizEntryToggle
+      }), /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, srMsg)), /*#__PURE__*/_react.default.createElement("div", {
+        className: styles.itemHolder,
+        ref: this.setInert,
+        "data-automation": "sdk-quiz-entry-show-item-holder"
+      }, this.props.children))), /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({}, propsForDnDZone, {
+        location: "below"
+      })));
+    }
+  }]);
+  QuizEntryShow.displayName = "QuizEntryShow";
+  return QuizEntryShow;
+}(_react.Component), _class2.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
+  connectDragPreview: _propTypes.default.func.isRequired,
+  connectDragSource: _propTypes.default.func.isRequired,
+  createItem: _propTypes.default.func.isRequired,
+  createItemCallStatus: _propTypes.default.string.isRequired,
+  displayPosition: _propTypes.default.number.isRequired,
+  draggingOver: _propTypes.default.bool.isRequired,
+  draggingAboveHalf: _propTypes.default.bool.isRequired,
+  entry: _reactImmutableProptypes.default.record.isRequired,
+  modificationsClear: _propTypes.default.bool.isRequired,
+  quizEntryWithErrorsShowing: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
+  quizEntries: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.record).isRequired,
+  quizEntry: _reactImmutableProptypes.default.record.isRequired,
+  quizId: _propTypes.default.string.isRequired,
+  removeQuizEntry: _propTypes.default.func.isRequired,
+  // from connected component
+  screenreaderNotification: _propTypes.default.func.isRequired,
+  // from connected component
+  scrollKey: _propTypes.default.string,
+  switchOnEditing: _propTypes.default.func.isRequired,
+  // from QuizEntry
+  updateItemCallStatus: _propTypes.default.string.isRequired,
+  withConfirm: _propTypes.default.func.isRequired,
+  editQuizEntryToggle: _propTypes.default.bool.isRequired,
+  haveValidationErrorsFromApi: _propTypes.default.bool,
+  // only used in index.js
+  interactionTypeName: _propTypes.default.string,
+  stimulusOrientation: _propTypes.default.string
+}, _class2.defaultProps = {
+  children: null,
+  draggingOver: false,
+  draggingAboveHalf: false,
+  quizEntryWithErrorsShowing: null,
+  scrollKey: void 0,
+  editQuizEntryToggle: false,
+  haveValidationErrorsFromApi: false,
+  interactionTypeName: null,
+  stimulusOrientation: null
+}, _temp)) || _class);
+var QuizEntryShowRaw = QuizEntryShow;
+exports.QuizEntryShowRaw = QuizEntryShowRaw;
+var QuizEntryShowPresenter = (0, _reactDnd.DragSource)(_dragAndDropUtils.ItemTypes.QUIZ_ENTRY, _dragAndDropUtils.dragSource, _dragAndDropUtils.collectDrag)(QuizEntryShow);
+exports.QuizEntryShowPresenter = QuizEntryShowPresenter;
+var _default = QuizEntryShowPresenter;
+exports.default = _default;

package/lib/building/components/resources/quizEntry/QuizEntryShow/theme.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generator;
+
+function generator(_ref) {
+  var spacing = _ref.spacing,
+      colors = _ref.colors,
+      typography = _ref.typography,
+      borders = _ref.borders,
+      breakpoints = _ref.breakpoints;
+  return {
+    quizEntryShowPadding: "".concat(spacing.large, " ").concat(spacing.small),
+    quizEntryShowBackgroundColor: colors.white,
+    headerHeight: '2rem',
+    headerRightPadding: spacing.xSmall,
+    dndBorder: "".concat(borders.style, " ").concat(borders.widthSmall, " ").concat(colors.brand),
+    rightHeaderZIndex: '3333',
+    rightHeaderColor: colors.oxford,
+    titleInteractionTypeNamePointsColor: colors.slate,
+    titleInteractionTypeNamePointsFontSize: typography.fontSizeSmall,
+    titleInteractionTypeNamePointsLeftMargin: spacing.xSmall,
+    titleInteractionTypeNamePointsRightMargin: spacing.xSmall,
+    itemHolderMargin: spacing.xSmall,
+    optionsButtonDragDropHandleFontSize: typography.fontSizeMedium,
+    optionsButtonDragDropHandleMargin: spacing.xSmall,
+    phoneConnectingLinesBorderWidth: borders.widthSmall,
+    phoneConnectingLinesBorderColor: colors.ash,
+    phoneBreakPoint: "max-width: ".concat(breakpoints.medium)
+  };
+}

package/lib/common/actions/addInteractionTypes.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addInteractionTypes = addInteractionTypes;
+
+var _quizCommon = require("@instructure/quiz-common");
+
+function addInteractionTypes(types) {
+  return {
+    type: _quizCommon.ADD_INTERACTION_TYPES,
+    payload: types
+  };
+}

package/lib/common/actions/alerts.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addError = addError;
+exports.addSuccess = addSuccess;
+exports.addInfo = addInfo;
+exports.screenreaderNotification = screenreaderNotification;
+exports.removeAlert = removeAlert;
+
+var _uuid = require("uuid");
+
+var _quizCommon = require("@instructure/quiz-common");
+
+function addAlert(_ref) {
+  var message = _ref.message,
+      variant = _ref.variant,
+      _ref$removeIn = _ref.removeIn,
+      removeIn = _ref$removeIn === void 0 ? _quizCommon.DEFAULT_ALERT_TIME : _ref$removeIn,
+      _ref$guid = _ref.guid,
+      guid = _ref$guid === void 0 ? (0, _uuid.v4)() : _ref$guid;
+  return {
+    type: _quizCommon.ADD_ALERT,
+    payload: {
+      message: message,
+      removeIn: removeIn,
+      uuid: guid,
+      variant: variant
+    }
+  };
+}
+
+function addError(message, removeIn, guid) {
+  return addAlert({
+    message: message,
+    variant: 'error',
+    removeIn: removeIn,
+    guid: guid
+  });
+}
+
+function addSuccess(message) {
+  return addAlert({
+    message: message,
+    variant: 'success'
+  });
+}
+
+function addInfo(message) {
+  return addAlert({
+    message: message,
+    variant: 'info'
+  });
+}
+
+function screenreaderNotification(message) {
+  return addAlert({
+    message: message,
+    variant: 'screenreader',
+    removeIn: 2000
+  });
+}
+
+function removeAlert(uuid) {
+  return {
+    type: _quizCommon.REMOVE_ALERT,
+    payload: {
+      uuid: uuid
+    }
+  };
+}

package/lib/common/actions/bankEntries.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.archiveBankEntry = exports.addBankEntries = void 0;
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var addBankEntries = function addBankEntries(bankEntries) {
+  return {
+    type: _quizCommon.ADD_BANK_ENTRIES,
+    payload: bankEntries
+  };
+};
+
+exports.addBankEntries = addBankEntries;
+
+var archiveBankEntry = function archiveBankEntry(bankEntryId) {
+  return {
+    type: _quizCommon.ARCHIVE_BANK_ENTRY,
+    payload: bankEntryId
+  };
+};
+
+exports.archiveBankEntry = archiveBankEntry;

package/lib/common/actions/bankSearch.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setFilter = exports.toggle = exports.update = exports.reset = void 0;
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var reset = function reset() {
+  return {
+    type: _quizCommon.SEARCH_RESET
+  };
+};
+
+exports.reset = reset;
+
+var update = function update(text) {
+  return {
+    payload: {
+      text: text
+    },
+    type: _quizCommon.SEARCH_UPDATE
+  };
+};
+
+exports.update = update;
+
+var toggle = function toggle(filter, key) {
+  return {
+    payload: {
+      filter: filter,
+      key: key
+    },
+    type: _quizCommon.SEARCH_TOGGLE
+  };
+};
+
+exports.toggle = toggle;
+
+var setFilter = function setFilter(filter, value) {
+  return {
+    payload: {
+      filter: filter,
+      value: value
+    },
+    type: _quizCommon.SEARCH_SET
+  };
+};
+
+exports.setFilter = setFilter;