@instructure/quiz-core 17.58.2-rc.7 → 17.59.0

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [17.59.0](https://gerrit.instructure.com/quizzes-ui/compare/v17.58.1...v17.59.0) (2023-07-12)
+
+
+### Bug Fixes
+
+* **quiz-core:** Increase sidebar window resize test timeout ([0716a78](https://gerrit.instructure.com/quizzes-ui/commits/0716a7873da0fb869dd529065be9ad6fb5eceab7))
+
+
+### Features
+
+* **Export:** add alert when export starts ([a1e4d07](https://gerrit.instructure.com/quizzes-ui/commits/a1e4d07d82fa8acf8cd4a11e5120e1c9a12d68b9))
+* **itemanalysis:** item overview ([623c562](https://gerrit.instructure.com/quizzes-ui/commits/623c562cd0e8f4d89e5c5480e383e8c8ddc01546))
+* **quizanalysis:** score distribution chart ([6f8fb67](https://gerrit.instructure.com/quizzes-ui/commits/6f8fb67283b864ad86c4591a16a7e38d880918ce))
+* **Reports:** Add initial report card for the new analysis UI ([2291f06](https://gerrit.instructure.com/quizzes-ui/commits/2291f061ed85f10cd0648eef4a254b8b2975fb50))
+* **Reports:** Show points possible next to certain metrics for item analysis ([8dccd4a](https://gerrit.instructure.com/quizzes-ui/commits/8dccd4adaa3fd5c6594e78f02b25acf7d3a03444))
+* **sharing:** Add share checkbox on bank details ([a2806a2](https://gerrit.instructure.com/quizzes-ui/commits/a2806a24eb3fd90deeaf76b10b647ba9cfd9ed4a))
+
+
+
+
+
 ## [17.58.1](https://gerrit.instructure.com/quizzes-ui/compare/v17.58.0...v17.58.1) (2023-06-27)
 
 **Note:** Version bump only for package @instructure/quiz-core

package/es/banks/api/banks.js

@@ -11,6 +11,7 @@ import { clear, newActiveBankEntry, newActiveBank } from "../../common/actions/u
 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, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
+import { noop } from 'lodash';
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
 
@@ -169,7 +170,8 @@ export var deleteBank = function deleteBank(bankId) {
     });
   };
 };
-export var shareBank = function shareBank(_shareBank, getUserInfo) {
+export var shareBank = function shareBank(_shareBank) {
+  var getUserInfo = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : noop;
   var url = "".concat(banksApiEndpoint, "/").concat(_shareBank.bankId, "/shared_banks");
   return function (dispatch, getState) {
     var shareBankData = JSON.stringify({
@@ -213,6 +215,38 @@ export var shareBank = function shareBank(_shareBank, getUserInfo) {
     });
   };
 };
+export var getSharedBank = function getSharedBank(bankId, entityType, entityId) {
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/shared_banks");
+  var params = {
+    entity_type: entityType,
+    entity_id: entityId
+  };
+  return function (dispatch, getState) {
+    var fetcher = new Fetcher({
+      onError: handleError(dispatch, t('Failed to fetch shared bank.'))
+    });
+    return fetcher.get(url, params).then(function (sharedBankInfo) {
+      // if the API returns no data, we manually add placeholder to the response
+      if (sharedBankInfo.length === 0) {
+        var placeholder = {
+          id: "notshared_".concat(bankId, "_").concat(entityId),
+          entityType: entityType,
+          entityId: entityId,
+          permission: REMOVED_ACCESS,
+          bankId: bankId
+        };
+        sharedBankInfo.push(placeholder);
+      }
+
+      dispatch(handleShareBanksResponse(sharedBankInfo));
+    }).catch(function (err) {
+      if (err.response.status === 401) {
+        dispatch(clear(BANKS_BANK_PAGINATION));
+        throw err;
+      }
+    });
+  };
+};
 export var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id, "/shared_banks");
   var userSharedBanks = [];

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

@@ -3,18 +3,21 @@ import { Bank as BankPresenter } from "./presenter.js";
 import { connect } from "../../../common/react-redux.js";
 import BankRecord from "../../../common/records/Bank.js";
 import { getActiveQuiz } from "../../../common/selectors/quizzes.js";
-import { getBank } from "../../../banks/api/banks.js";
+import { getBank, getSharedBank, shareBank, updateSharedBankPermission } from "../../../banks/api/banks.js";
 import { getBankEntries } from "../../../banks/api/bankEntries.js";
 import { createQuizEntry } from "../../../building/api/quizEntries.js";
-import { openModal } from "../../../common/actions/modal.js";
+import { openModal, withConfirm } from "../../../common/actions/modal.js";
 import { BUILD_TRAY_POSITION, BUILD_TRAY_STIMULUS_ID } from '@instructure/quiz-common';
 import { screenreaderNotification } from "../../../common/actions/alerts.js";
 import { reset as resetSearch } from "../../../common/actions/bankSearch.js";
+import { removeSharedBank } from "../../../common/actions/sharedBanks.js";
 import { featureOn } from "../../../common/util/featureCheck.js";
-
-function mapStateToProps(state, props) {
+export function mapStateToProps(state, props) {
   var bank = new BankRecord(state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());
+  var courseSharedBank = state.get('sharedBanks', immutable.Map()).find(function (sharedBank) {
+    return sharedBank.get('bankId') === props.bankId && sharedBank.get('entityType') === props.scope.type && sharedBank.get('entityId') === props.scope.uuid;
+  });
   var activeQuiz = getActiveQuiz(state);
   var lockBlueprintContentEnabled = featureOn('lock_blueprint_content');
   var isQuizContentLocked = activeQuiz && activeQuiz.originalQuizLockedByBlueprint && lockBlueprintContentEnabled;
@@ -22,20 +25,26 @@ function mapStateToProps(state, props) {
     bank: bank,
     isQuizContentLocked: isQuizContentLocked,
     search: search,
+    courseSharedBank: courseSharedBank,
     useBankSearch: featureOn('item_bank_search'),
     position: state.getIn(['ui', BUILD_TRAY_POSITION]),
     stimulusId: state.getIn(['ui', BUILD_TRAY_STIMULUS_ID]),
-    activeQuizId: state.getIn(['quizzes', 'activeQuizId'])
+    activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
+    showShareBankFromTray: featureOn('share_bank_from_tray')
   };
 }
-
 var mapDispatchToProps = {
   addEntryToQuiz: createQuizEntry,
   getBank: getBank,
   getBankEntries: getBankEntries,
+  getSharedBank: getSharedBank,
   openModal: openModal,
+  removeSharedBank: removeSharedBank,
   resetSearch: resetSearch,
-  screenreaderNotification: screenreaderNotification
+  screenreaderNotification: screenreaderNotification,
+  shareBank: shareBank,
+  updateSharedBankPermission: updateSharedBankPermission,
+  withConfirm: withConfirm
 };
 export var Bank = connect(mapStateToProps, mapDispatchToProps)(BankPresenter);
 export default Bank;

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

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
@@ -10,12 +13,15 @@ import * as immutable from 'immutable';
 import debounce from 'lodash/debounce';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import partial from 'lodash/partial';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { BreadcrumbLink } from '@instructure/ui-breadcrumb';
 import { Button } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { themeable } from '@instructure/ui-themeable';
+import { Checkbox } from '@instructure/ui-checkbox';
+import { View } from '@instructure/ui-view';
 import BankRecord from "../../../common/records/Bank.js";
 import Page from "../../../common/components/layout/Page/index.js";
 import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
@@ -27,7 +33,7 @@ import BankEntriesList from "../../../banks/components/BankEntriesList/index.js"
 import BankSearch from "../../../banks/components/BankSearch/index.js";
 import HeaderMenu from "../../../banks/components/HeaderMenu/index.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION } from '@instructure/quiz-common';
+import { ADD_BANK_ENTRY_MODAL, BANKS_BANK_ENTRY_PAGINATION, CAN_EDIT, REMOVED_ACCESS, READ_ONLY } from '@instructure/quiz-common';
 var styles = {
   componentId: 'fWUWr',
   template: function template(theme) {
@@ -56,6 +62,10 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
     }
 
     _this = _super.call.apply(_super, [this].concat(_args));
+    _this.state = {
+      sharedWithCourse: false,
+      shareWithCourseCheckboxDisabled: true
+    };
 
     _this.openAddBankEntryModal = function () {
       _this.props.openModal(ADD_BANK_ENTRY_MODAL, {
@@ -75,6 +85,74 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
       _this.createBankEntryButton = c;
     };
 
+    _this.toggleCheckbox = function () {
+      // disable until request resolves
+      _this.setState({
+        shareWithCourseCheckboxDisabled: true
+      });
+
+      _this.changeSharedPermissions();
+    };
+
+    _this.unshareBankWithCourse = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(sharedBank) {
+        var _this$props, updateSharedBankPermission, bankId, getSharedBank, scope;
+
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this$props = _this.props, updateSharedBankPermission = _this$props.updateSharedBankPermission, bankId = _this$props.bankId, getSharedBank = _this$props.getSharedBank, scope = _this$props.scope;
+                _context.next = 3;
+                return updateSharedBankPermission(bankId, sharedBank.get('id'), REMOVED_ACCESS);
+
+              case 3:
+                getSharedBank(bankId, scope.type, scope.uuid).catch(function (err) {
+                  // make sure the user still has access to the bank
+                  if (err.response.status === 401) {
+                    _this.props.navigateToBanks();
+                  }
+                });
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    _this.translatedPermissionLevel = function (permission) {
+      var _CAN_EDIT$READ_ONLY$p;
+
+      return (_CAN_EDIT$READ_ONLY$p = {}, _defineProperty(_CAN_EDIT$READ_ONLY$p, CAN_EDIT, t('edit')), _defineProperty(_CAN_EDIT$READ_ONLY$p, READ_ONLY, t('view')), _CAN_EDIT$READ_ONLY$p)[permission];
+    };
+
+    _this.confirmUnshareBankWithCourse = function () {
+      var confirmText = t('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
+        accessLevel: _this.translatedPermissionLevel(_this.props.courseSharedBank.get('permission')),
+        entityTitle: _this.props.scope.title
+      });
+
+      _this.props.withConfirm(partial(_this.unshareBankWithCourse, _this.props.courseSharedBank), {
+        title: t('Unshare Bank with Course'),
+        text: confirmText,
+        continueText: t('Confirm'),
+        onCancel: _this.onCancelUnshareBankWithCourse
+      });
+    };
+
+    _this.onCancelUnshareBankWithCourse = function () {
+      _this.setState({
+        shareWithCourseCheckboxDisabled: false
+      });
+    };
+
     _this.addBankToQuiz = function () {
       var newEntry = QuizEntry.create({
         entryId: _this.props.bankId,
@@ -100,8 +178,8 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
       }, _this.renderNewBankEntryButton());
     };
 
-    _this.announceResults = function (_ref) {
-      var totalPages = _ref.totalPages;
+    _this.announceResults = function (_ref2) {
+      var totalPages = _ref2.totalPages;
       var message = t("{\n      count, plural,\n         =0 {No search results found}\n        one {Displaying one page of results}\n      other {Displaying # pages of results}\n    }", {
         count: totalPages
       }); // Audibly announce when search results are ready.
@@ -115,10 +193,10 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
     _this.debouncedAnnounceResults = debounce(_this.announceResults, 1000);
 
     _this.getPage = function (page, search) {
-      var _this$props = _this.props,
-          getBankEntries = _this$props.getBankEntries,
-          bankId = _this$props.bankId,
-          useBankSearch = _this$props.useBankSearch;
+      var _this$props2 = _this.props,
+          getBankEntries = _this$props2.getBankEntries,
+          bankId = _this$props2.bankId,
+          useBankSearch = _this$props2.useBankSearch;
       var text = search.get('text');
       var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
       var tagIds = search.get('tags', []).map(function (tag) {
@@ -173,19 +251,68 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
 
       if (this.props.onError) {
         this.props.getBank(this.props.bankId).catch(this.props.onError);
+
+        if (this.shouldRenderShareWithCourseCheckbox()) {
+          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid).catch(this.props.onError);
+        }
       } else {
         this.props.getBank(this.props.bankId);
+
+        if (this.shouldRenderShareWithCourseCheckbox()) {
+          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid);
+        }
+      } // when courseSharedBank is already loaded
+
+
+      if (this.props.courseSharedBank) {
+        this.setShareWithCourseCheckbox();
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _prevProps$courseShar, _this$props$courseSha;
+
+      var permissionChanged = ((_prevProps$courseShar = prevProps.courseSharedBank) === null || _prevProps$courseShar === void 0 ? void 0 : _prevProps$courseShar.get('permission')) !== ((_this$props$courseSha = this.props.courseSharedBank) === null || _this$props$courseSha === void 0 ? void 0 : _this$props$courseSha.get('permission'));
+
+      if (this.props.courseSharedBank && permissionChanged) {
+        this.setShareWithCourseCheckbox();
+      }
+    }
+  }, {
+    key: "setShareWithCourseCheckbox",
+    value: function setShareWithCourseCheckbox() {
+      if (this.props.courseSharedBank.get('permission') === REMOVED_ACCESS) {
+        this.setState({
+          sharedWithCourse: false,
+          shareWithCourseCheckboxDisabled: false
+        });
+      } else {
+        this.setState({
+          sharedWithCourse: true,
+          shareWithCourseCheckboxDisabled: false
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
+    }
+  }, {
+    key: "placeholderCourseSharedBankKey",
+    value: function placeholderCourseSharedBankKey() {
+      return "notshared_".concat(this.props.bankId, "_").concat(this.props.scope.uuid);
+    }
   }, {
     key: "renderNav",
     value: function renderNav() {
-      var _this$props2 = this.props,
-          scope = _this$props2.scope,
-          closeTray = _this$props2.closeTray,
-          navigateToBanks = _this$props2.navigateToBanks,
-          navigateToBuild = _this$props2.navigateToBuild,
-          returnToUrl = _this$props2.returnToUrl;
+      var _this$props3 = this.props,
+          scope = _this$props3.scope,
+          closeTray = _this$props3.closeTray,
+          navigateToBanks = _this$props3.navigateToBanks,
+          navigateToBuild = _this$props3.navigateToBuild,
+          returnToUrl = _this$props3.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
       return /*#__PURE__*/React.createElement(NavWrapper, {
         closeTray: closeTray,
@@ -217,6 +344,50 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         });
       }
     }
+  }, {
+    key: "changeSharedPermissions",
+    value: function changeSharedPermissions() {
+      if (this.props.bank.canEdit()) {
+        if (!this.state.sharedWithCourse) {
+          var shareBank = {
+            entityId: this.props.scope.uuid,
+            entityType: this.props.scope.type,
+            title: this.props.scope.title,
+            permission: READ_ONLY,
+            bankId: this.props.bankId
+          };
+          this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
+          this.props.shareBank(shareBank);
+        } else {
+          this.confirmUnshareBankWithCourse();
+        }
+      }
+    }
+  }, {
+    key: "shouldRenderShareWithCourseCheckbox",
+    value: function shouldRenderShareWithCourseCheckbox() {
+      return this.props.showShareBankFromTray && this.props.scope.type === 'course' && this.props.scope.title && this.props.scope.uuid;
+    }
+  }, {
+    key: "renderCheckbox",
+    value: function renderCheckbox() {
+      if (!this.shouldRenderShareWithCourseCheckbox()) {
+        return null;
+      }
+
+      var label = t('Share with { courseName }', {
+        courseName: this.props.scope.title
+      });
+      return /*#__PURE__*/React.createElement(View, {
+        margin: "small 0",
+        as: "div"
+      }, /*#__PURE__*/React.createElement(Checkbox, {
+        checked: this.state.sharedWithCourse,
+        label: label,
+        onChange: this.toggleCheckbox,
+        disabled: this.props.bank.canEdit() ? this.state.shareWithCourseCheckboxDisabled : true
+      }));
+    }
   }, {
     key: "renderModals",
     value: function renderModals() {
@@ -292,7 +463,7 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
     value: function render() {
       return /*#__PURE__*/React.createElement(Page, null, this.renderModals(), this.renderNav(), /*#__PURE__*/React.createElement("div", {
         className: styles.content
-      }, this.renderName(), /*#__PURE__*/React.createElement("div", {
+      }, this.renderName(), this.renderCheckbox(), /*#__PURE__*/React.createElement("div", {
         className: styles.topMenu
       }, this.renderTopLeftMenu(), this.renderTopRightMenu()), this.renderSearch(), /*#__PURE__*/React.createElement(PaginatedCollection, {
         empty: this.emptyLoadText(),
@@ -315,6 +486,7 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   closeTray: PropTypes.func,
   getBank: PropTypes.func.isRequired,
   getBankEntries: PropTypes.func.isRequired,
+  getSharedBank: PropTypes.func.isRequired,
   isCompact: PropTypes.bool,
   isQuizContentLocked: PropTypes.bool.isRequired,
   navigateToBanks: PropTypes.func.isRequired,
@@ -323,20 +495,26 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   // can be from consumer
   navigateToBuild: PropTypes.func,
   // from consumer
-  scope: PropTypes.objectOf(PropTypes.shape({
+  scope: PropTypes.shape({
     type: PropTypes.string,
     uuid: PropTypes.string,
     title: PropTypes.string
-  })),
+  }),
+  courseSharedBank: ImmutablePropTypes.map,
   returnToUrl: PropTypes.string,
   // from consumer
   onError: PropTypes.func,
   openModal: PropTypes.func.isRequired,
   position: PropTypes.number,
+  removeSharedBank: PropTypes.func.isRequired,
   resetSearch: PropTypes.func.isRequired,
   screenreaderNotification: PropTypes.func.isRequired,
   search: ImmutablePropTypes.map.isRequired,
-  stimulusId: PropTypes.string
+  shareBank: PropTypes.func.isRequired,
+  stimulusId: PropTypes.string,
+  showShareBankFromTray: PropTypes.bool,
+  updateSharedBankPermission: PropTypes.func.isRequired,
+  withConfirm: PropTypes.func.isRequired
 }, _class2.defaultProps = {
   activeQuizId: null,
   addEntryToQuiz: null,
@@ -350,6 +528,8 @@ export var Bank = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   stimulusId: null,
   scope: {},
   returnToUrl: null,
-  isQuizContentLocked: false
+  isQuizContentLocked: false,
+  showShareBankFromTray: false,
+  courseSharedBank: null
 }, _temp)) || _class);
 export default Bank;

package/es/building/components/resources/BanksTray/presenter.js

@@ -95,7 +95,8 @@ export var BanksTray = /*#__PURE__*/function (_Component) {
             closeTray: this.closeTray,
             bankId: activeBankId,
             navigateToBanks: this.clearActiveBank,
-            navigateToBankEntry: this.props.newActiveBankEntry
+            navigateToBankEntry: this.props.newActiveBankEntry,
+            scope: this.props.itemBanksScope
           });
         }
       } else {

package/es/common/actions/sharedBanks.js

@@ -14,9 +14,9 @@ export var updateSharedBankPermission = function updateSharedBankPermission(shar
     }
   };
 };
-export var removeSharedBank = function removeSharedBank(bankId) {
+export var removeSharedBank = function removeSharedBank(sharedBankId) {
   return {
     type: REMOVE_SHARED_BANK,
-    payload: bankId
+    payload: sharedBankId
   };
 };

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/presenter.js

@@ -57,7 +57,7 @@ export var AnalysisMetric = (_dec = themeable(theme, styles), _dec(_class = (_te
 }(Component), _class2.propTypes = {
   metricKey: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.array]).isRequired,
   suffix: PropTypes.string
 }, _class2.defaultProps = {
   suffix: ''

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js

@@ -9,23 +9,24 @@ var _dec, _class, _class2, _temp;
 import { Heading } from '@instructure/ui-heading';
 import React, { Component } from 'react';
 var styles = {
-  componentId: 'dcJyB',
+  componentId: 'eLWCD',
   template: function template(theme) {
-    return "\n\n.dcJyB_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.dcJyB_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.dcJyB_eIAv{display:flex;position:relative}\n\n.dcJyB_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.dcJyB_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.dcJyB_byoJ{position:absolute;right:7px;top:-8px}\n\n.dcJyB_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.dcJyB_pAQb{display:flex;flex-direction:column;height:60px}\n\n.dcJyB_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.dcJyB_dPzc{flex-direction:column}\n\n.dcJyB_dPzc,.dcJyB_dzph{display:flex;flex-basis:100%}\n\n.dcJyB_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.dcJyB_eobd{padding-top:1rem}\n\n.dcJyB_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.dcJyB_zefc{flex-basis:100%;justify-content:flex-start}.dcJyB_ePHw{flex-basis:94%}.dcJyB_eDnN{flex-basis:100%}.dcJyB_dzph{padding:0}.dcJyB_eDnN h3{padding-right:30px}.dcJyB_NpIG{right:17px}.dcJyB_eIAv{margin-bottom:20px}.dcJyB_byoJ{right:-7px}.dcJyB_dzph{flex-wrap:wrap}}");
+    return "\n\n.eLWCD_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.eLWCD_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eLWCD_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eLWCD_eIAv{display:flex;position:relative}\n\n.eLWCD_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.eLWCD_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.eLWCD_byoJ{position:absolute;right:7px;top:-8px}\n\n.eLWCD_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.eLWCD_pAQb{display:flex;flex-direction:column;height:60px}\n\n.eLWCD_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.eLWCD_dPzc{flex-direction:column}\n\n.eLWCD_dPzc,.eLWCD_dzph{display:flex;flex-basis:100%}\n\n.eLWCD_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.eLWCD_eobd{padding-top:1rem}\n\n.eLWCD_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.eLWCD_zefc{flex-basis:100%;justify-content:flex-start}.eLWCD_ePHw{flex-basis:94%}.eLWCD_eDnN{flex-basis:100%}.eLWCD_dzph{padding:0}.eLWCD_eDnN h3{padding-right:30px}.eLWCD_NpIG{right:17px}.eLWCD_eIAv{margin-bottom:20px}.eLWCD_byoJ{right:-7px}.eLWCD_dzph{flex-wrap:wrap}}");
   },
-  'heading': 'dcJyB_eDnN',
-  'cardWrapper': 'dcJyB_eKXQ',
-  'bodyPresentation': 'dcJyB_eIAv',
-  'bodyExcerpt': 'dcJyB_ePHw',
-  'bodyExcerptExpanded': 'dcJyB_dzsH',
-  'bodyExpandButtonWrapper': 'dcJyB_byoJ',
-  'innerWrapper': 'dcJyB_evBt',
-  'expandableInnerWrapper': 'dcJyB_pAQb',
-  'metricsWithControls': 'dcJyB_zefc',
-  'metricGroup': 'dcJyB_dPzc',
-  'metricsRow': 'dcJyB_dzph',
-  'metricsRowPaginated': 'dcJyB_eobd',
-  'itemCardToggleButtonWrapper': 'dcJyB_NpIG'
+  'heading': 'eLWCD_eDnN',
+  'cardWrapper': 'eLWCD_eKXQ',
+  'metricNumberContext': 'eLWCD_eoBe',
+  'bodyPresentation': 'eLWCD_eIAv',
+  'bodyExcerpt': 'eLWCD_ePHw',
+  'bodyExcerptExpanded': 'eLWCD_dzsH',
+  'bodyExpandButtonWrapper': 'eLWCD_byoJ',
+  'innerWrapper': 'eLWCD_evBt',
+  'expandableInnerWrapper': 'eLWCD_pAQb',
+  'metricsWithControls': 'eLWCD_zefc',
+  'metricGroup': 'eLWCD_dPzc',
+  'metricsRow': 'eLWCD_dzph',
+  'metricsRowPaginated': 'eLWCD_eobd',
+  'itemCardToggleButtonWrapper': 'eLWCD_NpIG'
 };
 import t from '@instructure/quiz-i18n/es/format-message';
 import ExpandButton from "../../../../../common/components/shared/ExpandButton/index.js";
@@ -129,10 +130,26 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }));
     };
 
+    _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
+      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
+      return t.rich('{score, number}<s>/{possible, number} PTS</s>', {
+        s: function s(_ref) {
+          var children = _ref.children;
+          return /*#__PURE__*/React.createElement("span", {
+            key: metricKey,
+            className: styles.metricNumberContext
+          }, children);
+        },
+        score: metricValue,
+        possible: pointsPossible
+      });
+    };
+
     _this.renderExpanded = function () {
       var scores = _this.props.itemAnalysis.scores;
+      var classes = classnames(styles.metricsRow, styles.metricsRowPaginated);
       return /*#__PURE__*/React.createElement("div", {
-        className: [styles.metricsRow, styles.metricsRowPaginated].join(' ')
+        className: classes
       }, /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "pearson_correlation",
         label: t('Pearson Correlation Coefficient'),
@@ -202,11 +219,11 @@ export var NewItemAnalysis = (_dec = themeable(theme, styles), _dec(_class = (_t
       }), /*#__PURE__*/React.createElement(AnalysisMetric, {
         metricKey: "mean",
         label: t('Mean Earned Points'),
-        value: t.number(scores.mean)
+        value: this.calculateValueWithPointsPossible('mean', scores.mean)
       }), /*#__PURE__*/React.createElement(AnalysisMetric, {
         metricKey: "median",
         label: t('Median Earned Points'),
-        value: t.number(scores.median)
+        value: this.calculateValueWithPointsPossible('median', scores.median)
       }), /*#__PURE__*/React.createElement(AnalysisPopoverMetric, {
         metricKey: "discrimination_index",
         label: t('Discrimination Index'),

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js

@@ -1,9 +1,12 @@
 export default function generator(_ref) {
   var spacing = _ref.spacing,
-      breakpoints = _ref.breakpoints;
+      breakpoints = _ref.breakpoints,
+      typography = _ref.typography;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
-    viewPadding: spacing.small
+    viewPadding: spacing.small,
+    metricNumberContextFontSize: typography.fontSizeMedium,
+    metricNumberContextFontWeight: typography.fontWeightNormal
   };
 }

package/es/reporting/components/resources/NewQuizAndItemAnalysis/utils.js

@@ -5,7 +5,7 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
     return t('N/A');
   }
 
-  return value + (suffix ? suffix : '');
+  return suffix ? value + suffix : value;
 };
 
 export { getSanitizedMetricValue };

package/lib/banks/api/banks.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getExistingBankAndEntries = getExistingBankAndEntries;
-exports.updateSharedBankPermission = exports.getSharedBanks = exports.shareBank = exports.deleteBank = exports.updateBank = exports.createBank = exports.getBank = exports.getAllBanks = exports.getBanks = void 0;
+exports.updateSharedBankPermission = exports.getSharedBanks = exports.getSharedBank = exports.shareBank = exports.deleteBank = exports.updateBank = exports.createBank = exports.getBank = exports.getAllBanks = exports.getBanks = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
@@ -34,6 +34,8 @@ var _helpers = require("../../common/api/helpers.js");
 
 var _quizCommon = require("@instructure/quiz-common");
 
+var _lodash = require("lodash");
+
 var banksApiEndpoint = '/api/banks';
 var DEFAULT_PAGE_SIZE = 100;
 
@@ -211,7 +213,8 @@ var deleteBank = function deleteBank(bankId) {
 
 exports.deleteBank = deleteBank;
 
-var shareBank = function shareBank(_shareBank, getUserInfo) {
+var shareBank = function shareBank(_shareBank) {
+  var getUserInfo = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _lodash.noop;
   var url = "".concat(banksApiEndpoint, "/").concat(_shareBank.bankId, "/shared_banks");
   return function (dispatch, getState) {
     var shareBankData = JSON.stringify({
@@ -258,6 +261,41 @@ var shareBank = function shareBank(_shareBank, getUserInfo) {
 
 exports.shareBank = shareBank;
 
+var getSharedBank = function getSharedBank(bankId, entityType, entityId) {
+  var url = "".concat(banksApiEndpoint, "/").concat(bankId, "/shared_banks");
+  var params = {
+    entity_type: entityType,
+    entity_id: entityId
+  };
+  return function (dispatch, getState) {
+    var fetcher = new _Fetcher.default({
+      onError: (0, _helpers.handleError)(dispatch, (0, _formatMessage.default)('Failed to fetch shared bank.'))
+    });
+    return fetcher.get(url, params).then(function (sharedBankInfo) {
+      // if the API returns no data, we manually add placeholder to the response
+      if (sharedBankInfo.length === 0) {
+        var placeholder = {
+          id: "notshared_".concat(bankId, "_").concat(entityId),
+          entityType: entityType,
+          entityId: entityId,
+          permission: _quizCommon.REMOVED_ACCESS,
+          bankId: bankId
+        };
+        sharedBankInfo.push(placeholder);
+      }
+
+      dispatch((0, _callHandlers.handleShareBanksResponse)(sharedBankInfo));
+    }).catch(function (err) {
+      if (err.response.status === 401) {
+        dispatch((0, _ui.clear)(_quizCommon.BANKS_BANK_PAGINATION));
+        throw err;
+      }
+    });
+  };
+};
+
+exports.getSharedBank = getSharedBank;
+
 var getSharedBanks = function getSharedBanks(bank, getUserInfo, getCourseInfo) {
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id, "/shared_banks");
   var userSharedBanks = [];

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

@@ -7,6 +7,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.mapStateToProps = mapStateToProps;
 exports.default = exports.Bank = void 0;
 
 var immutable = _interopRequireWildcard(require("immutable"));
@@ -33,11 +34,16 @@ var _alerts = require("../../../common/actions/alerts.js");
 
 var _bankSearch = require("../../../common/actions/bankSearch.js");
 
+var _sharedBanks = require("../../../common/actions/sharedBanks.js");
+
 var _featureCheck = require("../../../common/util/featureCheck.js");
 
 function mapStateToProps(state, props) {
   var bank = new _Bank.default(state.getIn(['banks', props.bankId]));
   var search = state.get('bankSearch', immutable.Map());
+  var courseSharedBank = state.get('sharedBanks', immutable.Map()).find(function (sharedBank) {
+    return sharedBank.get('bankId') === props.bankId && sharedBank.get('entityType') === props.scope.type && sharedBank.get('entityId') === props.scope.uuid;
+  });
   var activeQuiz = (0, _quizzes.getActiveQuiz)(state);
   var lockBlueprintContentEnabled = (0, _featureCheck.featureOn)('lock_blueprint_content');
   var isQuizContentLocked = activeQuiz && activeQuiz.originalQuizLockedByBlueprint && lockBlueprintContentEnabled;
@@ -45,10 +51,12 @@ function mapStateToProps(state, props) {
     bank: bank,
     isQuizContentLocked: isQuizContentLocked,
     search: search,
+    courseSharedBank: courseSharedBank,
     useBankSearch: (0, _featureCheck.featureOn)('item_bank_search'),
     position: state.getIn(['ui', _quizCommon.BUILD_TRAY_POSITION]),
     stimulusId: state.getIn(['ui', _quizCommon.BUILD_TRAY_STIMULUS_ID]),
-    activeQuizId: state.getIn(['quizzes', 'activeQuizId'])
+    activeQuizId: state.getIn(['quizzes', 'activeQuizId']),
+    showShareBankFromTray: (0, _featureCheck.featureOn)('share_bank_from_tray')
   };
 }
 
@@ -56,9 +64,14 @@ var mapDispatchToProps = {
   addEntryToQuiz: _quizEntries.createQuizEntry,
   getBank: _banks.getBank,
   getBankEntries: _bankEntries.getBankEntries,
+  getSharedBank: _banks.getSharedBank,
   openModal: _modal.openModal,
+  removeSharedBank: _sharedBanks.removeSharedBank,
   resetSearch: _bankSearch.reset,
-  screenreaderNotification: _alerts.screenreaderNotification
+  screenreaderNotification: _alerts.screenreaderNotification,
+  shareBank: _banks.shareBank,
+  updateSharedBankPermission: _banks.updateSharedBankPermission,
+  withConfirm: _modal.withConfirm
 };
 var Bank = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.Bank);
 exports.Bank = Bank;

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

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Bank = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -27,6 +33,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
+var _partial = _interopRequireDefault(require("lodash/partial"));
+
 var _uiIcons = require("@instructure/ui-icons");
 
 var _uiBreadcrumb = require("@instructure/ui-breadcrumb");
@@ -39,6 +47,10 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 
 var _uiThemeable = require("@instructure/ui-themeable");
 
+var _uiCheckbox = require("@instructure/ui-checkbox");
+
+var _uiView = require("@instructure/ui-view");
+
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
 
 var _index = _interopRequireDefault(require("../../../common/components/layout/Page/index.js"));
@@ -94,6 +106,10 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
     }
 
     _this = _super.call.apply(_super, [this].concat(_args));
+    _this.state = {
+      sharedWithCourse: false,
+      shareWithCourseCheckboxDisabled: true
+    };
 
     _this.openAddBankEntryModal = function () {
       _this.props.openModal(_quizCommon.ADD_BANK_ENTRY_MODAL, {
@@ -113,6 +129,74 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
       _this.createBankEntryButton = c;
     };
 
+    _this.toggleCheckbox = function () {
+      // disable until request resolves
+      _this.setState({
+        shareWithCourseCheckboxDisabled: true
+      });
+
+      _this.changeSharedPermissions();
+    };
+
+    _this.unshareBankWithCourse = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(sharedBank) {
+        var _this$props, updateSharedBankPermission, bankId, getSharedBank, scope;
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this$props = _this.props, updateSharedBankPermission = _this$props.updateSharedBankPermission, bankId = _this$props.bankId, getSharedBank = _this$props.getSharedBank, scope = _this$props.scope;
+                _context.next = 3;
+                return updateSharedBankPermission(bankId, sharedBank.get('id'), _quizCommon.REMOVED_ACCESS);
+
+              case 3:
+                getSharedBank(bankId, scope.type, scope.uuid).catch(function (err) {
+                  // make sure the user still has access to the bank
+                  if (err.response.status === 401) {
+                    _this.props.navigateToBanks();
+                  }
+                });
+
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }();
+
+    _this.translatedPermissionLevel = function (permission) {
+      var _CAN_EDIT$READ_ONLY$p;
+
+      return (_CAN_EDIT$READ_ONLY$p = {}, (0, _defineProperty2.default)(_CAN_EDIT$READ_ONLY$p, _quizCommon.CAN_EDIT, (0, _formatMessage.default)('edit')), (0, _defineProperty2.default)(_CAN_EDIT$READ_ONLY$p, _quizCommon.READ_ONLY, (0, _formatMessage.default)('view')), _CAN_EDIT$READ_ONLY$p)[permission];
+    };
+
+    _this.confirmUnshareBankWithCourse = function () {
+      var confirmText = (0, _formatMessage.default)('You are about to remove { accessLevel } access for { entityTitle } to this bank.', {
+        accessLevel: _this.translatedPermissionLevel(_this.props.courseSharedBank.get('permission')),
+        entityTitle: _this.props.scope.title
+      });
+
+      _this.props.withConfirm((0, _partial.default)(_this.unshareBankWithCourse, _this.props.courseSharedBank), {
+        title: (0, _formatMessage.default)('Unshare Bank with Course'),
+        text: confirmText,
+        continueText: (0, _formatMessage.default)('Confirm'),
+        onCancel: _this.onCancelUnshareBankWithCourse
+      });
+    };
+
+    _this.onCancelUnshareBankWithCourse = function () {
+      _this.setState({
+        shareWithCourseCheckboxDisabled: false
+      });
+    };
+
     _this.addBankToQuiz = function () {
       var newEntry = _QuizEntry.default.create({
         entryId: _this.props.bankId,
@@ -138,8 +222,8 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
       }, _this.renderNewBankEntryButton());
     };
 
-    _this.announceResults = function (_ref) {
-      var totalPages = _ref.totalPages;
+    _this.announceResults = function (_ref2) {
+      var totalPages = _ref2.totalPages;
       var message = (0, _formatMessage.default)("{\n      count, plural,\n         =0 {No search results found}\n        one {Displaying one page of results}\n      other {Displaying # pages of results}\n    }", {
         count: totalPages
       }); // Audibly announce when search results are ready.
@@ -153,10 +237,10 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
     _this.debouncedAnnounceResults = (0, _debounce.default)(_this.announceResults, 1000);
 
     _this.getPage = function (page, search) {
-      var _this$props = _this.props,
-          getBankEntries = _this$props.getBankEntries,
-          bankId = _this$props.bankId,
-          useBankSearch = _this$props.useBankSearch;
+      var _this$props2 = _this.props,
+          getBankEntries = _this$props2.getBankEntries,
+          bankId = _this$props2.bankId,
+          useBankSearch = _this$props2.useBankSearch;
       var text = search.get('text');
       var interactionTypes = search.get('interactionTypes', immutable.Set()).toJS();
       var tagIds = search.get('tags', []).map(function (tag) {
@@ -211,19 +295,68 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
 
       if (this.props.onError) {
         this.props.getBank(this.props.bankId).catch(this.props.onError);
+
+        if (this.shouldRenderShareWithCourseCheckbox()) {
+          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid).catch(this.props.onError);
+        }
       } else {
         this.props.getBank(this.props.bankId);
+
+        if (this.shouldRenderShareWithCourseCheckbox()) {
+          this.props.getSharedBank(this.props.bankId, this.props.scope.type, this.props.scope.uuid);
+        }
+      } // when courseSharedBank is already loaded
+
+
+      if (this.props.courseSharedBank) {
+        this.setShareWithCourseCheckbox();
       }
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _prevProps$courseShar, _this$props$courseSha;
+
+      var permissionChanged = ((_prevProps$courseShar = prevProps.courseSharedBank) === null || _prevProps$courseShar === void 0 ? void 0 : _prevProps$courseShar.get('permission')) !== ((_this$props$courseSha = this.props.courseSharedBank) === null || _this$props$courseSha === void 0 ? void 0 : _this$props$courseSha.get('permission'));
+
+      if (this.props.courseSharedBank && permissionChanged) {
+        this.setShareWithCourseCheckbox();
+      }
+    }
+  }, {
+    key: "setShareWithCourseCheckbox",
+    value: function setShareWithCourseCheckbox() {
+      if (this.props.courseSharedBank.get('permission') === _quizCommon.REMOVED_ACCESS) {
+        this.setState({
+          sharedWithCourse: false,
+          shareWithCourseCheckboxDisabled: false
+        });
+      } else {
+        this.setState({
+          sharedWithCourse: true,
+          shareWithCourseCheckboxDisabled: false
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
+    }
+  }, {
+    key: "placeholderCourseSharedBankKey",
+    value: function placeholderCourseSharedBankKey() {
+      return "notshared_".concat(this.props.bankId, "_").concat(this.props.scope.uuid);
+    }
   }, {
     key: "renderNav",
     value: function renderNav() {
-      var _this$props2 = this.props,
-          scope = _this$props2.scope,
-          closeTray = _this$props2.closeTray,
-          navigateToBanks = _this$props2.navigateToBanks,
-          navigateToBuild = _this$props2.navigateToBuild,
-          returnToUrl = _this$props2.returnToUrl;
+      var _this$props3 = this.props,
+          scope = _this$props3.scope,
+          closeTray = _this$props3.closeTray,
+          navigateToBanks = _this$props3.navigateToBanks,
+          navigateToBuild = _this$props3.navigateToBuild,
+          returnToUrl = _this$props3.returnToUrl;
       var isScopeEmpty = !Object.keys(scope).length;
       return /*#__PURE__*/_react.default.createElement(_index7.default, {
         closeTray: closeTray,
@@ -255,6 +388,50 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
         });
       }
     }
+  }, {
+    key: "changeSharedPermissions",
+    value: function changeSharedPermissions() {
+      if (this.props.bank.canEdit()) {
+        if (!this.state.sharedWithCourse) {
+          var shareBank = {
+            entityId: this.props.scope.uuid,
+            entityType: this.props.scope.type,
+            title: this.props.scope.title,
+            permission: _quizCommon.READ_ONLY,
+            bankId: this.props.bankId
+          };
+          this.props.removeSharedBank(this.placeholderCourseSharedBankKey());
+          this.props.shareBank(shareBank);
+        } else {
+          this.confirmUnshareBankWithCourse();
+        }
+      }
+    }
+  }, {
+    key: "shouldRenderShareWithCourseCheckbox",
+    value: function shouldRenderShareWithCourseCheckbox() {
+      return this.props.showShareBankFromTray && this.props.scope.type === 'course' && this.props.scope.title && this.props.scope.uuid;
+    }
+  }, {
+    key: "renderCheckbox",
+    value: function renderCheckbox() {
+      if (!this.shouldRenderShareWithCourseCheckbox()) {
+        return null;
+      }
+
+      var label = (0, _formatMessage.default)('Share with { courseName }', {
+        courseName: this.props.scope.title
+      });
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        margin: "small 0",
+        as: "div"
+      }, /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+        checked: this.state.sharedWithCourse,
+        label: label,
+        onChange: this.toggleCheckbox,
+        disabled: this.props.bank.canEdit() ? this.state.shareWithCourseCheckboxDisabled : true
+      }));
+    }
   }, {
     key: "renderModals",
     value: function renderModals() {
@@ -330,7 +507,7 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_index.default, null, this.renderModals(), this.renderNav(), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.content
-      }, this.renderName(), /*#__PURE__*/_react.default.createElement("div", {
+      }, this.renderName(), this.renderCheckbox(), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.topMenu
       }, this.renderTopLeftMenu(), this.renderTopRightMenu()), this.renderSearch(), /*#__PURE__*/_react.default.createElement(_index2.default, {
         empty: this.emptyLoadText(),
@@ -352,6 +529,7 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
   closeTray: _propTypes.default.func,
   getBank: _propTypes.default.func.isRequired,
   getBankEntries: _propTypes.default.func.isRequired,
+  getSharedBank: _propTypes.default.func.isRequired,
   isCompact: _propTypes.default.bool,
   isQuizContentLocked: _propTypes.default.bool.isRequired,
   navigateToBanks: _propTypes.default.func.isRequired,
@@ -360,20 +538,26 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
   // can be from consumer
   navigateToBuild: _propTypes.default.func,
   // from consumer
-  scope: _propTypes.default.objectOf(_propTypes.default.shape({
+  scope: _propTypes.default.shape({
     type: _propTypes.default.string,
     uuid: _propTypes.default.string,
     title: _propTypes.default.string
-  })),
+  }),
+  courseSharedBank: _reactImmutableProptypes.default.map,
   returnToUrl: _propTypes.default.string,
   // from consumer
   onError: _propTypes.default.func,
   openModal: _propTypes.default.func.isRequired,
   position: _propTypes.default.number,
+  removeSharedBank: _propTypes.default.func.isRequired,
   resetSearch: _propTypes.default.func.isRequired,
   screenreaderNotification: _propTypes.default.func.isRequired,
   search: _reactImmutableProptypes.default.map.isRequired,
-  stimulusId: _propTypes.default.string
+  shareBank: _propTypes.default.func.isRequired,
+  stimulusId: _propTypes.default.string,
+  showShareBankFromTray: _propTypes.default.bool,
+  updateSharedBankPermission: _propTypes.default.func.isRequired,
+  withConfirm: _propTypes.default.func.isRequired
 }, _class2.defaultProps = {
   activeQuizId: null,
   addEntryToQuiz: null,
@@ -387,7 +571,9 @@ var Bank = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_cl
   stimulusId: null,
   scope: {},
   returnToUrl: null,
-  isQuizContentLocked: false
+  isQuizContentLocked: false,
+  showShareBankFromTray: false,
+  courseSharedBank: null
 }, _temp)) || _class);
 exports.Bank = Bank;
 var _default = Bank;

package/lib/building/components/resources/BanksTray/presenter.js

@@ -123,7 +123,8 @@ var BanksTray = /*#__PURE__*/function (_Component) {
             closeTray: this.closeTray,
             bankId: activeBankId,
             navigateToBanks: this.clearActiveBank,
-            navigateToBankEntry: this.props.newActiveBankEntry
+            navigateToBankEntry: this.props.newActiveBankEntry,
+            scope: this.props.itemBanksScope
           });
         }
       } else {

package/lib/common/actions/sharedBanks.js

@@ -28,10 +28,10 @@ var updateSharedBankPermission = function updateSharedBankPermission(sharedBankI
 
 exports.updateSharedBankPermission = updateSharedBankPermission;
 
-var removeSharedBank = function removeSharedBank(bankId) {
+var removeSharedBank = function removeSharedBank(sharedBankId) {
   return {
     type: _quizCommon.REMOVE_SHARED_BANK,
-    payload: bankId
+    payload: sharedBankId
   };
 };
 

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/AnalysisMetric/presenter.js

@@ -75,7 +75,7 @@ var AnalysisMetric = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles)
 }(_react.Component), _class2.propTypes = {
   metricKey: _propTypes.default.string.isRequired,
   label: _propTypes.default.string.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  value: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]).isRequired,
   suffix: _propTypes.default.string
 }, _class2.defaultProps = {
   suffix: ''

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js

@@ -50,23 +50,24 @@ var _interactionTypeMetadata = require("../../../../../common/util/interactionTy
 var _dec, _class, _class2, _temp;
 
 var styles = {
-  componentId: 'dcJyB',
+  componentId: 'eLWCD',
   template: function template(theme) {
-    return "\n\n.dcJyB_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.dcJyB_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.dcJyB_eIAv{display:flex;position:relative}\n\n.dcJyB_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.dcJyB_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.dcJyB_byoJ{position:absolute;right:7px;top:-8px}\n\n.dcJyB_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.dcJyB_pAQb{display:flex;flex-direction:column;height:60px}\n\n.dcJyB_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.dcJyB_dPzc{flex-direction:column}\n\n.dcJyB_dPzc,.dcJyB_dzph{display:flex;flex-basis:100%}\n\n.dcJyB_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.dcJyB_eobd{padding-top:1rem}\n\n.dcJyB_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.dcJyB_zefc{flex-basis:100%;justify-content:flex-start}.dcJyB_ePHw{flex-basis:94%}.dcJyB_eDnN{flex-basis:100%}.dcJyB_dzph{padding:0}.dcJyB_eDnN h3{padding-right:30px}.dcJyB_NpIG{right:17px}.dcJyB_eIAv{margin-bottom:20px}.dcJyB_byoJ{right:-7px}.dcJyB_dzph{flex-wrap:wrap}}");
+    return "\n\n.eLWCD_eDnN{display:flex;flex-basis:45%;flex-direction:column;overflow:hidden}\n\n.eLWCD_eKXQ{padding:".concat(theme.cardWrapperPadding || 'inherit', ";position:relative}\n\n.eLWCD_eoBe{font-size:").concat(theme.metricNumberContextFontSize || 'inherit', ";font-weight:").concat(theme.metricNumberContextFontWeight || 'inherit', "}\n\n.eLWCD_eIAv{display:flex;position:relative}\n\n.eLWCD_ePHw{flex-basis:91%;overflow:hidden;padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap}\n\n.eLWCD_dzsH{overflow:visible;text-overflow:unset;white-space:normal}\n\n.eLWCD_byoJ{position:absolute;right:7px;top:-8px}\n\n.eLWCD_evBt{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}\n\n.eLWCD_pAQb{display:flex;flex-direction:column;height:60px}\n\n.eLWCD_zefc{display:flex;flex-basis:55%;justify-content:flex-end}\n\n.eLWCD_dPzc{flex-direction:column}\n\n.eLWCD_dPzc,.eLWCD_dzph{display:flex;flex-basis:100%}\n\n.eLWCD_dzph{align-items:flex-start;box-sizing:border-box;column-gap:5px;justify-content:space-between;padding:0 30px 0 25px}\n\n.eLWCD_eobd{padding-top:1rem}\n\n.eLWCD_NpIG{position:absolute;right:").concat(theme.viewPadding || 'inherit', ";top:").concat(theme.viewPadding || 'inherit', "}\n\n@media screen and (--tabletBreakPoint){.eLWCD_zefc{flex-basis:100%;justify-content:flex-start}.eLWCD_ePHw{flex-basis:94%}.eLWCD_eDnN{flex-basis:100%}.eLWCD_dzph{padding:0}.eLWCD_eDnN h3{padding-right:30px}.eLWCD_NpIG{right:17px}.eLWCD_eIAv{margin-bottom:20px}.eLWCD_byoJ{right:-7px}.eLWCD_dzph{flex-wrap:wrap}}");
   },
-  'heading': 'dcJyB_eDnN',
-  'cardWrapper': 'dcJyB_eKXQ',
-  'bodyPresentation': 'dcJyB_eIAv',
-  'bodyExcerpt': 'dcJyB_ePHw',
-  'bodyExcerptExpanded': 'dcJyB_dzsH',
-  'bodyExpandButtonWrapper': 'dcJyB_byoJ',
-  'innerWrapper': 'dcJyB_evBt',
-  'expandableInnerWrapper': 'dcJyB_pAQb',
-  'metricsWithControls': 'dcJyB_zefc',
-  'metricGroup': 'dcJyB_dPzc',
-  'metricsRow': 'dcJyB_dzph',
-  'metricsRowPaginated': 'dcJyB_eobd',
-  'itemCardToggleButtonWrapper': 'dcJyB_NpIG'
+  'heading': 'eLWCD_eDnN',
+  'cardWrapper': 'eLWCD_eKXQ',
+  'metricNumberContext': 'eLWCD_eoBe',
+  'bodyPresentation': 'eLWCD_eIAv',
+  'bodyExcerpt': 'eLWCD_ePHw',
+  'bodyExcerptExpanded': 'eLWCD_dzsH',
+  'bodyExpandButtonWrapper': 'eLWCD_byoJ',
+  'innerWrapper': 'eLWCD_evBt',
+  'expandableInnerWrapper': 'eLWCD_pAQb',
+  'metricsWithControls': 'eLWCD_zefc',
+  'metricGroup': 'eLWCD_dPzc',
+  'metricsRow': 'eLWCD_dzph',
+  'metricsRowPaginated': 'eLWCD_eobd',
+  'itemCardToggleButtonWrapper': 'eLWCD_NpIG'
 };
 var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(NewItemAnalysis, _Component);
@@ -158,10 +159,26 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }));
     };
 
+    _this.calculateValueWithPointsPossible = function (metricKey, metricValue) {
+      var pointsPossible = _this.props.itemAnalysis.scores.points_possible;
+      return _formatMessage.default.rich('{score, number}<s>/{possible, number} PTS</s>', {
+        s: function s(_ref) {
+          var children = _ref.children;
+          return /*#__PURE__*/_react.default.createElement("span", {
+            key: metricKey,
+            className: styles.metricNumberContext
+          }, children);
+        },
+        score: metricValue,
+        possible: pointsPossible
+      });
+    };
+
     _this.renderExpanded = function () {
       var scores = _this.props.itemAnalysis.scores;
+      var classes = (0, _classnames2.default)(styles.metricsRow, styles.metricsRowPaginated);
       return /*#__PURE__*/_react.default.createElement("div", {
-        className: [styles.metricsRow, styles.metricsRowPaginated].join(' ')
+        className: classes
       }, /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "pearson_correlation",
         label: (0, _formatMessage.default)('Pearson Correlation Coefficient'),
@@ -231,11 +248,11 @@ var NewItemAnalysis = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }), /*#__PURE__*/_react.default.createElement(_index3.default, {
         metricKey: "mean",
         label: (0, _formatMessage.default)('Mean Earned Points'),
-        value: _formatMessage.default.number(scores.mean)
+        value: this.calculateValueWithPointsPossible('mean', scores.mean)
       }), /*#__PURE__*/_react.default.createElement(_index3.default, {
         metricKey: "median",
         label: (0, _formatMessage.default)('Median Earned Points'),
-        value: _formatMessage.default.number(scores.median)
+        value: this.calculateValueWithPointsPossible('median', scores.median)
       }), /*#__PURE__*/_react.default.createElement(_index4.default, {
         metricKey: "discrimination_index",
         label: (0, _formatMessage.default)('Discrimination Index'),

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/theme.js

@@ -7,10 +7,13 @@ exports.default = generator;
 
 function generator(_ref) {
   var spacing = _ref.spacing,
-      breakpoints = _ref.breakpoints;
+      breakpoints = _ref.breakpoints,
+      typography = _ref.typography;
   return {
     tabletBreakPoint: "max-width: ".concat(breakpoints.large),
     cardWrapperPadding: spacing.medium,
-    viewPadding: spacing.small
+    viewPadding: spacing.small,
+    metricNumberContextFontSize: typography.fontSizeMedium,
+    metricNumberContextFontWeight: typography.fontWeightNormal
   };
 }

package/lib/reporting/components/resources/NewQuizAndItemAnalysis/utils.js

@@ -14,7 +14,7 @@ var getSanitizedMetricValue = function getSanitizedMetricValue(value, suffix) {
     return (0, _formatMessage.default)('N/A');
   }
 
-  return value + (suffix ? suffix : '');
+  return suffix ? value + suffix : value;
 };
 
 exports.getSanitizedMetricValue = getSanitizedMetricValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.58.2-rc.7+623c562cd",
+  "version": "17.59.0",
   "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.8",
-    "@instructure/quiz-common": "17.58.2-rc.7+623c562cd",
-    "@instructure/quiz-i18n": "17.58.2-rc.7+623c562cd",
-    "@instructure/quiz-interactions": "17.58.2-rc.7+623c562cd",
-    "@instructure/quiz-number-input": "17.58.2-rc.7+623c562cd",
-    "@instructure/quiz-rce": "17.58.2-rc.7+623c562cd",
+    "@instructure/quiz-common": "^17.59.0",
+    "@instructure/quiz-i18n": "^17.59.0",
+    "@instructure/quiz-interactions": "^17.59.0",
+    "@instructure/quiz-number-input": "^17.59.0",
+    "@instructure/quiz-rce": "^17.59.0",
     "@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.58.2-rc.7+623c562cd",
+    "instructure-validations": "^17.59.0",
     "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.58.1",
+    "@instructure/quiz-scripts": "^17.59.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.58.2-rc.7+623c562cd",
+    "quiz-presets": "^17.59.0",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "623c562cd0e8f4d89e5c5480e383e8c8ddc01546"
+  "gitHead": "ce01a61066897195267a01a792262b8860aee224"
 }