@instructure/quiz-core 17.49.1-rc.8 → 17.50.1-rc.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.50.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.49.0...v17.50.0) (2023-03-16)
+
+
+### Bug Fixes
+
+* **a11y:** add accessibility to moderate table ([f764223](https://gerrit.instructure.com/quizzes-ui/commits/f7642232ac0a572d4dc5265ed46f74e4f55ae4e9))
+
+
+### Features
+
+* **GBQ:** add grade by question banner ([b6cd887](https://gerrit.instructure.com/quizzes-ui/commits/b6cd887c3bb6c8d582d9a7ef59e27f9b6abc3955))
+* **GBQ:** add hidden button to jump to sidebar from grading questions ([fd884fc](https://gerrit.instructure.com/quizzes-ui/commits/fd884fc589dcef38f3ba0ad20d615c4868fafa08))
+* **GBQ:** add modal when active question not found ([9bd3bc8](https://gerrit.instructure.com/quizzes-ui/commits/9bd3bc8000129449c35fb05480a8955447f4a481))
+* **GBQ:** set and scroll to active item ([209011c](https://gerrit.instructure.com/quizzes-ui/commits/209011c05b8c437e7e1809c61d268c8021930d4b))
+* **gradeBQM:** add support for gradeByQuestionMode ([4edda95](https://gerrit.instructure.com/quizzes-ui/commits/4edda9558c107916281346c7a8f5de4c29352425))
+* **Grading:** Add sidebar to grading page ([67a51dc](https://gerrit.instructure.com/quizzes-ui/commits/67a51dce3d75661bf30ed46ce38dd5151490589d))
+* **RCE5:** Forward canvas tool id to Canvas-rce 5 ([64019c5](https://gerrit.instructure.com/quizzes-ui/commits/64019c505076e70430601ccbed94f7a94898ca21))
+* **Reports:** Create skeleton for new item analysis report page ([0b7fea3](https://gerrit.instructure.com/quizzes-ui/commits/0b7fea3862df6b8e938238011f50617fd656e52f))
+* **sharing:** Add share checkbox on bank create ([5175224](https://gerrit.instructure.com/quizzes-ui/commits/5175224bda8b6eba33d9d2e41a8d01f8723a0bd0))
+
+
+
+
+
 # [17.49.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.48.0...v17.49.0) (2023-02-22)
 
 

package/es/banks/api/banks.js

@@ -10,7 +10,7 @@ import { removeSharedBank, updateSharedBankPermission as updateSharedBankPermiss
 import { clear, newActiveBankEntry, newActiveBank } from "../../common/actions/ui.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { handleError } from "../../common/api/helpers.js";
-import { BANKS_BANK_PAGINATION, BANKS_BANK_ENTRY_PAGINATION, DELETE_BANK_CALL, UPDATE_BANK_CALL, CAN_EDIT, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
+import { BANKS_BANK_PAGINATION, BANKS_BANK_ENTRY_PAGINATION, DELETE_BANK_CALL, UPDATE_BANK_CALL, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
 
@@ -71,7 +71,7 @@ export var getBank = function getBank(bankId) {
     });
   };
 };
-export var createBank = function createBank(newBank) {
+export var createBank = function createBank(newBank, shareWithCourseUuid) {
   return function (dispatch, getState) {
     var newBankData = JSON.stringify({
       bank: {
@@ -84,10 +84,34 @@ export var createBank = function createBank(newBank) {
       body: newBankData
     }).then(function (bankData) {
       dispatch([handleBankResponse(bankData), clear(BANKS_BANK_PAGINATION)]);
+
+      if (shareWithCourseUuid) {
+        simpleShareWithCourse(dispatch, bankData.id, shareWithCourseUuid);
+      }
+
       return bankData;
     });
   };
+}; // not an action creator
+
+var simpleShareWithCourse = function simpleShareWithCourse(dispatch, bankId, courseUuid) {
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/shared_banks");
+  var shareBankData = JSON.stringify({
+    shared_bank: {
+      entity_id: courseUuid,
+      entityType: SHARED_WITH_COURSE,
+      bank_id: bankId,
+      permission: READ_ONLY
+    }
+  });
+  var fetcher = new Fetcher({
+    onError: handleError(dispatch, t('Failed to share bank.'))
+  });
+  return fetcher.post(url, {
+    body: shareBankData
+  });
 };
+
 export function getExistingBankAndEntries(bankId) {
   return function (dispatch, getState) {
     return dispatch([clear("".concat(BANKS_BANK_ENTRY_PAGINATION, ":").concat(bankId)), getBank(bankId)]);

package/es/banks/components/Banks/presenter.js

@@ -44,9 +44,6 @@ var sortOrderIcons = {
   ASC: IconArrowUpLine,
   DESC: IconArrowDownLine
 };
-
-var _ref4 = /*#__PURE__*/React.createElement(CreateBankModal, null);
-
 export var Banks = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(Banks, _Component);
 
@@ -366,7 +363,9 @@ export var Banks = (_dec = themeable(theme, styles), _dec(_class = (_temp = _cla
         getPage: this.getPage,
         renderRecords: this.renderRecords,
         stateKey: BANKS_BANK_PAGINATION
-      }), _ref4));
+      }), /*#__PURE__*/React.createElement(CreateBankModal, {
+        itemBanksScope: this.props.scope
+      })));
     }
   }]);
 

package/es/banks/components/CreateBankModal/index.js

@@ -10,6 +10,7 @@ import Bank from "../../../common/records/Bank.js";
 import { showError, hideError } from "../../../common/actions/errorsShowing.js";
 import { getModalTrigger } from "../../../common/util/modalHelpers.js";
 import { screenreaderNotification } from "../../../common/actions/alerts.js";
+import { featureOn } from "../../../common/util/featureCheck.js";
 
 function mapStateToProps(state) {
   var temporaryBank = new Bank(state.getIn(['modifications', 'banks', TEMPORARY_BANK_ID]));
@@ -21,7 +22,8 @@ function mapStateToProps(state) {
     onCreateBank: state.getIn(['modal', 'options', 'onCreateBank']),
     temporaryBank: temporaryBank,
     errorKey: errorKey,
-    displayError: errorsMap.get(errorKey)
+    displayError: errorsMap.get(errorKey),
+    showShareBankOnCreate: featureOn('share_bank_on_create')
   };
 }
 

package/es/banks/components/CreateBankModal/presenter.js

@@ -8,6 +8,8 @@ var _dec, _class, _class2, _temp;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
+import { Checkbox } from '@instructure/ui-checkbox';
+import { View } from '@instructure/ui-view';
 import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { themeable } from '@instructure/ui-themeable';
@@ -39,12 +41,17 @@ export var CreateBankModal = (_dec = themeable(theme, styles), _dec(_class = (_t
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      shareWithCourse: false
+    };
 
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
 
       if (_this.props.temporaryBank.isValid()) {
-        _this.props.createBank(_this.props.temporaryBank);
+        var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
+
+        _this.props.createBank(_this.props.temporaryBank, courseUuid);
 
         _this.props.onCreateBank();
 
@@ -57,6 +64,10 @@ export var CreateBankModal = (_dec = themeable(theme, styles), _dec(_class = (_t
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
 
+      _this.setState({
+        shareWithCourse: false
+      });
+
       _this.props.clearModifications('banks', _this.props.temporaryBank.id);
 
       if (_this.props.modalTrigger) {
@@ -80,6 +91,12 @@ export var CreateBankModal = (_dec = themeable(theme, styles), _dec(_class = (_t
       }
     };
 
+    _this.toggleCheckbox = function (event) {
+      _this.setState({
+        shareWithCourse: event.target.checked
+      });
+    };
+
     return _this;
   }
 
@@ -117,6 +134,27 @@ export var CreateBankModal = (_dec = themeable(theme, styles), _dec(_class = (_t
         type: "text",
         placeholder: t('Enter a name...'),
         "data-automation": "sdk-create-bank-name-textinput"
+      }), this.renderCheckbox());
+    }
+  }, {
+    key: "renderCheckbox",
+    value: function renderCheckbox() {
+      var hide = !this.props.showShareBankOnCreate || this.props.itemBanksScope.type !== 'course' || !this.props.itemBanksScope.title || !this.props.itemBanksScope.uuid;
+
+      if (hide) {
+        return null;
+      }
+
+      var label = t('Share with { courseName }', {
+        courseName: this.props.itemBanksScope.title
+      });
+      return /*#__PURE__*/React.createElement(View, {
+        margin: "medium 0 0 0",
+        as: "div"
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        label: label,
+        checked: this.state.shareWithCourse,
+        onChange: this.toggleCheckbox
       }));
     }
   }, {
@@ -155,10 +193,18 @@ export var CreateBankModal = (_dec = themeable(theme, styles), _dec(_class = (_t
   hideError: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   screenreaderNotification: PropTypes.func.isRequired,
-  onCreateBank: PropTypes.func
+  onCreateBank: PropTypes.func,
+  showShareBankOnCreate: PropTypes.bool,
+  itemBanksScope: PropTypes.shape({
+    type: PropTypes.string,
+    uuid: PropTypes.string,
+    title: PropTypes.string
+  })
 }, _class2.defaultProps = {
   displayError: false,
   modalTrigger: null,
+  showShareBankOnCreate: false,
+  itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
 }, _temp)) || _class);
 export default CreateBankModal;

package/es/common/actions/grading.js

@@ -1,4 +1,4 @@
-import { GRADE_BY_QUESTION_ENABLED, GBQ_SET_ACTIVE_ITEM } from '@instructure/quiz-common';
+import { DISMISS_GBQ_BANNER, GRADE_BY_QUESTION_ENABLED, GBQ_SET_ACTIVE_ITEM } from '@instructure/quiz-common';
 export function setGradeByQuestionEnabled(enabled) {
   return {
     type: GRADE_BY_QUESTION_ENABLED,
@@ -10,4 +10,9 @@ export function setActiveItem(itemId) {
     type: GBQ_SET_ACTIVE_ITEM,
     payload: itemId
   };
+}
+export function dismissGradeByQuestionBanner() {
+  return {
+    type: DISMISS_GBQ_BANNER
+  };
 }

package/es/common/components/ConfirmationModal/presenter.js

@@ -111,7 +111,7 @@ ConfirmationModal.propTypes = {
   title: PropTypes.string,
   text: PropTypes.string,
   cancelText: PropTypes.string,
-  continueText: PropTypes.string,
+  continueText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   continueVariant: PropTypes.string,
   size: PropTypes.string,
   shouldReturnFocus: PropTypes.bool,

package/es/common/components/layout/sidebar/Sidebar/index.js

@@ -313,7 +313,9 @@ export var Sidebar = (_dec = themeable(theme, styles), _dec(_class = (_temp = _c
     value: function render() {
       var sidebarClassList = classNames(styles.sidebar, _defineProperty({}, styles.sidebarIsOpen, this.props.sidebarOpen));
       return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement("div", {
-        className: styles.commonContainer
+        className: styles.commonContainer,
+        id: "sidebar-wrapper",
+        tabIndex: "-1"
       }, /*#__PURE__*/React.createElement("div", {
         className: sidebarClassList,
         onTransitionEnd: this.handleTransitionEnd,

package/es/common/reducers/grading.js

@@ -1,5 +1,5 @@
 import { fromJS } from 'immutable';
-import { GRADE_BY_QUESTION_ENABLED, GBQ_SET_ACTIVE_ITEM } from '@instructure/quiz-common';
+import { DISMISS_GBQ_BANNER, GRADE_BY_QUESTION_ENABLED, GBQ_SET_ACTIVE_ITEM } from '@instructure/quiz-common';
 export default (function () {
   var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : fromJS({});
   var action = arguments.length > 1 ? arguments[1] : void 0;
@@ -11,6 +11,9 @@ export default (function () {
     case GBQ_SET_ACTIVE_ITEM:
       return state.set('activeItemId', action.payload);
 
+    case DISMISS_GBQ_BANNER:
+      return state.set('gradeByQuestionBannerDismissed', true);
+
     default:
       return state;
   }

package/es/index.js

@@ -109,7 +109,7 @@ export { takingApiActions }; // Actions
 
 export { addSuccess, addInfo, addError, screenreaderNotification, removeAlert } from "./common/actions/alerts.js";
 export { openModal, closeModal } from "./common/actions/modal.js";
-export { setGradeByQuestionEnabled, setActiveItem } from "./common/actions/grading.js";
+export { setGradeByQuestionEnabled, setActiveItem, dismissGradeByQuestionBanner } from "./common/actions/grading.js";
 export { setRegradingPayload, setScoreReconciliation, toggleRegradingEditMode } from "./common/actions/regrading.js";
 export { showError, hideError, clearErrorsShowing } from "./common/actions/errorsShowing.js";
 export { changeItemState, changeQuizEntryPoints, changeQuizEntryProperties, clearModifications, moveTemporaryQuizEntry, changeQuizOutcomeAlignmentSetGuid, changeFudgePoints, sessionItemResultsModification } from "./common/actions/modifications.js";

package/es/moderating/components/resources/ModerateTableRow/presenter.js

@@ -56,18 +56,6 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
       _this.moderateButton = node;
     };
 
-    _this.generateAttemptSRMessage = function (attemptNumber) {
-      var studentName = "".concat(t('Student'), " ").concat(_this.props.rowData.name, ", ");
-      var message = t('Attempt { attemptNumber }', {
-        attemptNumber: attemptNumber
-      });
-      return " ".concat(studentName).concat(message, ", ");
-    };
-
-    _this.generateAttemptSRC = function (attemptNumber) {
-      return _this.props.rowData.name && attemptNumber ? /*#__PURE__*/React.createElement(ScreenReaderContent, null, _this.generateAttemptSRMessage(attemptNumber)) : null;
-    };
-
     _this.onModerateButtonClick = function () {
       _this.props.onModerateButtonClick(_this.props.rowData);
     };
@@ -77,9 +65,6 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
     };
 
     _this.generateAttemptLink = function (autogradefailed, message, quizSessionId, attemptNumber) {
-      var studentName = "".concat(t('Student'), " ").concat(_this.props.rowData.name, ", "); // A screenreader message is available if student has more than one attempt
-
-      var attemptSRMessage = attemptNumber > 1 && /*#__PURE__*/React.createElement(ScreenReaderContent, null, studentName);
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -90,9 +75,9 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
           title: iconTitle
         }),
         iconPlacement: "end"
-      }, attemptSRMessage, message) : /*#__PURE__*/React.createElement(Link, {
+      }, message) : /*#__PURE__*/React.createElement(Link, {
         onClick: _this.onResultsLinkClick(quizSessionId)
-      }, attemptSRMessage, message);
+      }, message);
       return /*#__PURE__*/React.createElement("div", {
         key: quizSessionId,
         className: styles.tableDataItem
@@ -100,9 +85,6 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
     };
 
     _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
-      var studentName = "".concat(t('Student'), " ").concat(_this.props.rowData.name, ", "); // A screenreader message is available if student has more than one attempt
-
-      var attemptSRMessage = attemptNumber > 1 && /*#__PURE__*/React.createElement(ScreenReaderContent, null, studentName);
       var iconTitle = t('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -113,7 +95,7 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
       return /*#__PURE__*/React.createElement("div", {
         key: quizSessionId,
         className: styles.tableDataItem
-      }, attemptSRMessage, /*#__PURE__*/React.createElement(View, {
+      }, /*#__PURE__*/React.createElement(View, {
         margin: "0 x-small 0 0"
       }, message), icon);
     };
@@ -160,8 +142,6 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
 
         var message = t('No Score');
 
-        var attemptSRMessage = _this3.generateAttemptSRMessage(renderedScores.length + 1);
-
         if (result.get('score') != null) {
           var percentage = result.get('score') / result.get('pointsPossible');
           message = _this3.formatPercentMax2FractionDigits(percentage);
@@ -181,7 +161,7 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
         renderedScores.push( /*#__PURE__*/React.createElement("div", {
           key: result.get('id'),
           className: styles.tableDataItem
-        }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, attemptSRMessage, message), /*#__PURE__*/React.createElement(AccessibleContent, null, message)));
+        }, message));
         return renderedScores;
       }, []);
     }
@@ -220,23 +200,20 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
 
       return quizSessions.map(function (quizSession, idx) {
         var quizSessionId = quizSession.get('id');
+        var hasAutogradeFailure = quizSession.findAuthoritativeResult().status === 'autograding_failed';
 
-        var message = _this4.attemptMessage(idx, maxAttempts);
-
-        var hasAutoGradeFailure = quizSession.findAuthoritativeResult().status === 'autograding_failed';
+        var message = _this4.attemptMessage(idx, maxAttempts, hasAutogradeFailure);
 
         if (_this4.props.onResultsLinkClick && quizSession.graded()) {
-          return _this4.generateAttemptLink(hasAutoGradeFailure, message, quizSessionId, idx + 1);
+          return _this4.generateAttemptLink(hasAutogradeFailure, message, quizSessionId, idx + 1);
         } else {
-          return _this4.generateAttemptText(hasAutoGradeFailure, message, quizSessionId, idx + 1);
+          return _this4.generateAttemptText(hasAutogradeFailure, message, quizSessionId, idx + 1);
         }
       });
     }
   }, {
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
-      var _this5 = this;
-
       if (!quizSessions.length) {
         return /*#__PURE__*/React.createElement("div", {
           className: styles.tableDataItem
@@ -250,8 +227,6 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
           seconds: quizSession.elapsedTime
         });
 
-        var attemptSRMessage = _this5.generateAttemptSRC(idx + 1);
-
         if (quizSession.inProgress() || quizSession.reopeningGraded()) {
           var alt = t('In progress, time not available');
           message = /*#__PURE__*/React.createElement(AccessibleContent, {
@@ -262,14 +237,12 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
         return /*#__PURE__*/React.createElement("div", {
           key: quizSession.get('id'),
           className: styles.tableDataItem
-        }, attemptSRMessage, message);
+        }, message);
       });
     }
   }, {
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
-      var _this6 = this;
-
       if (!quizSessions.length) {
         return /*#__PURE__*/React.createElement("div", {
           className: styles.tableDataItem
@@ -281,11 +254,8 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
       var _this$props = this.props,
           onModerateLogClick = _this$props.onModerateLogClick,
           id = _this$props.rowData.id;
-      return quizSessions.map(function (quizSession, idx) {
+      return quizSessions.map(function (quizSession) {
         var quizSessionId = quizSession.get('id');
-
-        var attemptSRMessage = _this6.generateAttemptSRC(idx + 1);
-
         var message = quizSession.inProgress() || quizSession.reopeningGraded() ? t('In Progress') : t('View Log');
 
         function onClick(event) {
@@ -301,7 +271,7 @@ export var ModerateTableRow = (_dec = themeable(theme, styles), _dec(_class = (_
           className: styles.tableDataItem
         }, /*#__PURE__*/React.createElement(Link, {
           onClick: onClick
-        }, attemptSRMessage, message));
+        }, message));
       });
     }
   }, {

package/lib/banks/api/banks.js

@@ -103,7 +103,7 @@ var getBank = function getBank(bankId) {
 
 exports.getBank = getBank;
 
-var createBank = function createBank(newBank) {
+var createBank = function createBank(newBank, shareWithCourseUuid) {
   return function (dispatch, getState) {
     var newBankData = JSON.stringify({
       bank: {
@@ -116,13 +116,37 @@ var createBank = function createBank(newBank) {
       body: newBankData
     }).then(function (bankData) {
       dispatch([(0, _callHandlers.handleBankResponse)(bankData), (0, _ui.clear)(_quizCommon.BANKS_BANK_PAGINATION)]);
+
+      if (shareWithCourseUuid) {
+        simpleShareWithCourse(dispatch, bankData.id, shareWithCourseUuid);
+      }
+
       return bankData;
     });
   };
-};
+}; // not an action creator
+
 
 exports.createBank = createBank;
 
+var simpleShareWithCourse = function simpleShareWithCourse(dispatch, bankId, courseUuid) {
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/shared_banks");
+  var shareBankData = JSON.stringify({
+    shared_bank: {
+      entity_id: courseUuid,
+      entityType: _quizCommon.SHARED_WITH_COURSE,
+      bank_id: bankId,
+      permission: _quizCommon.READ_ONLY
+    }
+  });
+  var fetcher = new _Fetcher.default({
+    onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to share bank.'))
+  });
+  return fetcher.post(url, {
+    body: shareBankData
+  });
+};
+
 function getExistingBankAndEntries(bankId) {
   return function (dispatch, getState) {
     return dispatch([(0, _ui.clear)("".concat(_quizCommon.BANKS_BANK_ENTRY_PAGINATION, ":").concat(bankId)), getBank(bankId)]);

package/lib/banks/components/Banks/presenter.js

@@ -81,9 +81,6 @@ var sortOrderIcons = {
   ASC: _uiIcons.IconArrowUpLine,
   DESC: _uiIcons.IconArrowDownLine
 };
-
-var _ref4 = /*#__PURE__*/_react.default.createElement(_index4.default, null);
-
 var Banks = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Banks, _Component);
 
@@ -405,7 +402,9 @@ var Banks = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_c
         getPage: this.getPage,
         renderRecords: this.renderRecords,
         stateKey: _quizCommon.BANKS_BANK_PAGINATION
-      }), _ref4));
+      }), /*#__PURE__*/_react.default.createElement(_index4.default, {
+        itemBanksScope: this.props.scope
+      })));
     }
   }]);
   Banks.displayName = "Banks";

package/lib/banks/components/CreateBankModal/index.js

@@ -33,6 +33,8 @@ var _modalHelpers = require("../../../common/util/modalHelpers.js");
 
 var _alerts = require("../../../common/actions/alerts.js");
 
+var _featureCheck = require("../../../common/util/featureCheck.js");
+
 function mapStateToProps(state) {
   var temporaryBank = new _Bank.default(state.getIn(['modifications', 'banks', _quizCommon.TEMPORARY_BANK_ID]));
   var errorsMap = state.get('errorsShowing', (0, _immutable.Map)());
@@ -43,7 +45,8 @@ function mapStateToProps(state) {
     onCreateBank: state.getIn(['modal', 'options', 'onCreateBank']),
     temporaryBank: temporaryBank,
     errorKey: errorKey,
-    displayError: errorsMap.get(errorKey)
+    displayError: errorsMap.get(errorKey),
+    showShareBankOnCreate: (0, _featureCheck.featureOn)('share_bank_on_create')
   };
 }
 

package/lib/banks/components/CreateBankModal/presenter.js

@@ -23,6 +23,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _uiButtons = require("@instructure/ui-buttons");
 
+var _uiCheckbox = require("@instructure/ui-checkbox");
+
+var _uiView = require("@instructure/ui-view");
+
 var _uiTextInput = require("@instructure/ui-text-input");
 
 var _uiHeading = require("@instructure/ui-heading");
@@ -64,12 +68,17 @@ var CreateBankModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      shareWithCourse: false
+    };
 
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
 
       if (_this.props.temporaryBank.isValid()) {
-        _this.props.createBank(_this.props.temporaryBank);
+        var courseUuid = _this.state.shareWithCourse ? _this.props.itemBanksScope.uuid : null;
+
+        _this.props.createBank(_this.props.temporaryBank, courseUuid);
 
         _this.props.onCreateBank();
 
@@ -82,6 +91,10 @@ var CreateBankModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     _this.closeAction = function () {
       _this.props.hideError(_this.props.errorKey);
 
+      _this.setState({
+        shareWithCourse: false
+      });
+
       _this.props.clearModifications('banks', _this.props.temporaryBank.id);
 
       if (_this.props.modalTrigger) {
@@ -105,6 +118,12 @@ var CreateBankModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }
     };
 
+    _this.toggleCheckbox = function (event) {
+      _this.setState({
+        shareWithCourse: event.target.checked
+      });
+    };
+
     return _this;
   }
 
@@ -142,6 +161,27 @@ var CreateBankModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
         type: "text",
         placeholder: (0, _formatMessage.default)('Enter a name...'),
         "data-automation": "sdk-create-bank-name-textinput"
+      }), this.renderCheckbox());
+    }
+  }, {
+    key: "renderCheckbox",
+    value: function renderCheckbox() {
+      var hide = !this.props.showShareBankOnCreate || this.props.itemBanksScope.type !== 'course' || !this.props.itemBanksScope.title || !this.props.itemBanksScope.uuid;
+
+      if (hide) {
+        return null;
+      }
+
+      var label = (0, _formatMessage.default)('Share with { courseName }', {
+        courseName: this.props.itemBanksScope.title
+      });
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        margin: "medium 0 0 0",
+        as: "div"
+      }, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+        label: label,
+        checked: this.state.shareWithCourse,
+        onChange: this.toggleCheckbox
       }));
     }
   }, {
@@ -179,10 +219,18 @@ var CreateBankModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   hideError: _propTypes.default.func.isRequired,
   closeModal: _propTypes.default.func.isRequired,
   screenreaderNotification: _propTypes.default.func.isRequired,
-  onCreateBank: _propTypes.default.func
+  onCreateBank: _propTypes.default.func,
+  showShareBankOnCreate: _propTypes.default.bool,
+  itemBanksScope: _propTypes.default.shape({
+    type: _propTypes.default.string,
+    uuid: _propTypes.default.string,
+    title: _propTypes.default.string
+  })
 }, _class2.defaultProps = {
   displayError: false,
   modalTrigger: null,
+  showShareBankOnCreate: false,
+  itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
 }, _temp)) || _class);
 exports.CreateBankModal = CreateBankModal;

package/lib/common/actions/grading.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setGradeByQuestionEnabled = setGradeByQuestionEnabled;
 exports.setActiveItem = setActiveItem;
+exports.dismissGradeByQuestionBanner = dismissGradeByQuestionBanner;
 
 var _quizCommon = require("@instructure/quiz-common");
 
@@ -20,4 +21,10 @@ function setActiveItem(itemId) {
     type: _quizCommon.GBQ_SET_ACTIVE_ITEM,
     payload: itemId
   };
+}
+
+function dismissGradeByQuestionBanner() {
+  return {
+    type: _quizCommon.DISMISS_GBQ_BANNER
+  };
 }

package/lib/common/components/ConfirmationModal/presenter.js

@@ -134,7 +134,7 @@ ConfirmationModal.propTypes = {
   title: _propTypes.default.string,
   text: _propTypes.default.string,
   cancelText: _propTypes.default.string,
-  continueText: _propTypes.default.string,
+  continueText: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
   continueVariant: _propTypes.default.string,
   size: _propTypes.default.string,
   shouldReturnFocus: _propTypes.default.bool,

package/lib/common/components/layout/sidebar/Sidebar/index.js

@@ -348,7 +348,9 @@ var Sidebar = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(
     value: function render() {
       var sidebarClassList = (0, _classnames.default)(styles.sidebar, (0, _defineProperty2.default)({}, styles.sidebarIsOpen, this.props.sidebarOpen));
       return /*#__PURE__*/_react.default.createElement(_uiView.View, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.commonContainer
+        className: styles.commonContainer,
+        id: "sidebar-wrapper",
+        tabIndex: "-1"
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: sidebarClassList,
         onTransitionEnd: this.handleTransitionEnd,

package/lib/common/reducers/grading.js

@@ -20,6 +20,9 @@ var _default = function _default() {
     case _quizCommon.GBQ_SET_ACTIVE_ITEM:
       return state.set('activeItemId', action.payload);
 
+    case _quizCommon.DISMISS_GBQ_BANNER:
+      return state.set('gradeByQuestionBannerDismissed', true);
+
     default:
       return state;
   }

package/lib/index.js

@@ -150,6 +150,7 @@ var _exportNames = {
   modalActions: true,
   setGradeByQuestionEnabled: true,
   setActiveItem: true,
+  dismissGradeByQuestionBanner: true,
   setRegradingPayload: true,
   setScoreReconciliation: true,
   toggleRegradingEditMode: true,
@@ -1052,6 +1053,12 @@ Object.defineProperty(exports, "setActiveItem", {
     return _grading.setActiveItem;
   }
 });
+Object.defineProperty(exports, "dismissGradeByQuestionBanner", {
+  enumerable: true,
+  get: function get() {
+    return _grading.dismissGradeByQuestionBanner;
+  }
+});
 Object.defineProperty(exports, "setRegradingPayload", {
   enumerable: true,
   get: function get() {

package/lib/moderating/components/resources/ModerateTableRow/presenter.js

@@ -87,18 +87,6 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       _this.moderateButton = node;
     };
 
-    _this.generateAttemptSRMessage = function (attemptNumber) {
-      var studentName = "".concat((0, _formatMessage.default)('Student'), " ").concat(_this.props.rowData.name, ", ");
-      var message = (0, _formatMessage.default)('Attempt { attemptNumber }', {
-        attemptNumber: attemptNumber
-      });
-      return " ".concat(studentName).concat(message, ", ");
-    };
-
-    _this.generateAttemptSRC = function (attemptNumber) {
-      return _this.props.rowData.name && attemptNumber ? /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, _this.generateAttemptSRMessage(attemptNumber)) : null;
-    };
-
     _this.onModerateButtonClick = function () {
       _this.props.onModerateButtonClick(_this.props.rowData);
     };
@@ -108,10 +96,6 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
     };
 
     _this.generateAttemptLink = function (autogradefailed, message, quizSessionId, attemptNumber) {
-      var studentName = "".concat((0, _formatMessage.default)('Student'), " ").concat(_this.props.rowData.name, ", "); // A screenreader message is available if student has more than one attempt
-
-      var attemptSRMessage = attemptNumber > 1 && /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, studentName);
-
       var iconTitle = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -122,9 +106,9 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
           title: iconTitle
         }),
         iconPlacement: "end"
-      }, attemptSRMessage, message) : /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
+      }, message) : /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
         onClick: _this.onResultsLinkClick(quizSessionId)
-      }, attemptSRMessage, message);
+      }, message);
       return /*#__PURE__*/_react.default.createElement("div", {
         key: quizSessionId,
         className: styles.tableDataItem
@@ -132,10 +116,6 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
     };
 
     _this.generateAttemptText = function (autogradefailed, message, quizSessionId, attemptNumber) {
-      var studentName = "".concat((0, _formatMessage.default)('Student'), " ").concat(_this.props.rowData.name, ", "); // A screenreader message is available if student has more than one attempt
-
-      var attemptSRMessage = attemptNumber > 1 && /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, studentName);
-
       var iconTitle = (0, _formatMessage.default)('Autograde error on attempt { attemptNumber }.', {
         attemptNumber: attemptNumber
       });
@@ -146,7 +126,7 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       return /*#__PURE__*/_react.default.createElement("div", {
         key: quizSessionId,
         className: styles.tableDataItem
-      }, attemptSRMessage, /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      }, /*#__PURE__*/_react.default.createElement(_uiView.View, {
         margin: "0 x-small 0 0"
       }, message), icon);
     };
@@ -194,8 +174,6 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
 
         var message = (0, _formatMessage.default)('No Score');
 
-        var attemptSRMessage = _this3.generateAttemptSRMessage(renderedScores.length + 1);
-
         if (result.get('score') != null) {
           var percentage = result.get('score') / result.get('pointsPossible');
           message = _this3.formatPercentMax2FractionDigits(percentage);
@@ -215,7 +193,7 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         renderedScores.push( /*#__PURE__*/_react.default.createElement("div", {
           key: result.get('id'),
           className: styles.tableDataItem
-        }, /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, attemptSRMessage, message), /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, null, message)));
+        }, message));
         return renderedScores;
       }, []);
     }
@@ -254,23 +232,20 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
 
       return quizSessions.map(function (quizSession, idx) {
         var quizSessionId = quizSession.get('id');
+        var hasAutogradeFailure = quizSession.findAuthoritativeResult().status === 'autograding_failed';
 
-        var message = _this4.attemptMessage(idx, maxAttempts);
-
-        var hasAutoGradeFailure = quizSession.findAuthoritativeResult().status === 'autograding_failed';
+        var message = _this4.attemptMessage(idx, maxAttempts, hasAutogradeFailure);
 
         if (_this4.props.onResultsLinkClick && quizSession.graded()) {
-          return _this4.generateAttemptLink(hasAutoGradeFailure, message, quizSessionId, idx + 1);
+          return _this4.generateAttemptLink(hasAutogradeFailure, message, quizSessionId, idx + 1);
         } else {
-          return _this4.generateAttemptText(hasAutoGradeFailure, message, quizSessionId, idx + 1);
+          return _this4.generateAttemptText(hasAutogradeFailure, message, quizSessionId, idx + 1);
         }
       });
     }
   }, {
     key: "renderTimes",
     value: function renderTimes(quizSessions) {
-      var _this5 = this;
-
       if (!quizSessions.length) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: styles.tableDataItem
@@ -284,8 +259,6 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
           seconds: quizSession.elapsedTime
         });
 
-        var attemptSRMessage = _this5.generateAttemptSRC(idx + 1);
-
         if (quizSession.inProgress() || quizSession.reopeningGraded()) {
           var alt = (0, _formatMessage.default)('In progress, time not available');
           message = /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
@@ -296,14 +269,12 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         return /*#__PURE__*/_react.default.createElement("div", {
           key: quizSession.get('id'),
           className: styles.tableDataItem
-        }, attemptSRMessage, message);
+        }, message);
       });
     }
   }, {
     key: "renderLogLinks",
     value: function renderLogLinks(quizSessions) {
-      var _this6 = this;
-
       if (!quizSessions.length) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: styles.tableDataItem
@@ -315,11 +286,8 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
       var _this$props = this.props,
           onModerateLogClick = _this$props.onModerateLogClick,
           id = _this$props.rowData.id;
-      return quizSessions.map(function (quizSession, idx) {
+      return quizSessions.map(function (quizSession) {
         var quizSessionId = quizSession.get('id');
-
-        var attemptSRMessage = _this6.generateAttemptSRC(idx + 1);
-
         var message = quizSession.inProgress() || quizSession.reopeningGraded() ? (0, _formatMessage.default)('In Progress') : (0, _formatMessage.default)('View Log');
 
         function onClick(event) {
@@ -335,7 +303,7 @@ var ModerateTableRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
           className: styles.tableDataItem
         }, /*#__PURE__*/_react.default.createElement(_uiLink.Link, {
           onClick: onClick
-        }, attemptSRMessage, message));
+        }, message));
       });
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.49.1-rc.8+209011c05",
+  "version": "17.50.1-rc.0+044c6711c",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.2",
-    "@instructure/quiz-common": "17.49.1-rc.8+209011c05",
-    "@instructure/quiz-i18n": "17.49.1-rc.8+209011c05",
-    "@instructure/quiz-interactions": "17.49.1-rc.8+209011c05",
-    "@instructure/quiz-number-input": "17.49.1-rc.8+209011c05",
-    "@instructure/quiz-rce": "17.49.1-rc.8+209011c05",
+    "@instructure/quiz-common": "17.50.1-rc.0+044c6711c",
+    "@instructure/quiz-i18n": "17.50.1-rc.0+044c6711c",
+    "@instructure/quiz-interactions": "17.50.1-rc.0+044c6711c",
+    "@instructure/quiz-number-input": "17.50.1-rc.0+044c6711c",
+    "@instructure/quiz-rce": "17.50.1-rc.0+044c6711c",
     "@instructure/ui-a11y-content": "^7.20.0",
     "@instructure/ui-alerts": "^7.20.0",
     "@instructure/ui-avatar": "^7.20.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "17.49.1-rc.8+209011c05",
+    "instructure-validations": "17.50.1-rc.0+044c6711c",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -137,7 +137,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "17.49.0",
+    "@instructure/quiz-scripts": "17.50.0",
     "@instructure/ui-axe-check": "^7.20.0",
     "@instructure/ui-babel-preset": "^7.20.0",
     "@instructure/ui-karma-config": "^7.20.0",
@@ -156,7 +156,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "17.49.1-rc.8+209011c05",
+    "quiz-presets": "17.50.1-rc.0+044c6711c",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "209011c05b8c437e7e1809c61d268c8021930d4b"
+  "gitHead": "044c6711cb29aae360c3d99dfc6785afa789443c"
 }