@instructure/quiz-core 20.6.0 → 20.6.1-rc.1

package/es/banks/api/banks.js

@@ -140,6 +140,7 @@ export function getExistingBankAndEntries(bankId) {
   };
 }
 export var updateBank = function updateBank(bank) {
+  var clearPagination = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id);
   return function (dispatch, getState) {
     var updatedBankData = JSON.stringify({
@@ -155,7 +156,13 @@ export var updateBank = function updateBank(bank) {
     return fetcher.patch(url, {
       body: updatedBankData
     }).then(function (bankData) {
-      dispatch([handleBankResponse(bankData), clear(BANKS_BANK_PAGINATION)]);
+      var toDispatch = [handleBankResponse(bankData)];
+
+      if (clearPagination) {
+        toDispatch.push(clear(BANKS_BANK_PAGINATION));
+      }
+
+      dispatch(toDispatch);
       return bankData;
     });
   };

package/es/banks/components/SharingModal/RootAccountSharing.js

@@ -0,0 +1,94 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
+import { IconAdminLine } from '@instructure/ui-icons';
+import { Checkbox } from '@instructure/ui-checkbox';
+import { View } from '@instructure/ui-view';
+import { Grid } from '@instructure/ui-grid';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { SimpleSelect } from '@instructure/ui-simple-select';
+import { withStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import generateComponentTheme from "./theme.js";
+import t from '@instructure/quiz-i18n/es/format-message';
+
+var _ref = /*#__PURE__*/React.createElement(Grid.Col, {
+  width: "auto"
+}, /*#__PURE__*/React.createElement(IconAdminLine, {
+  size: "medium"
+}));
+
+export var RootAccountSharing = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(RootAccountSharing, _Component);
+
+  var _super = _createSuper(RootAccountSharing);
+
+  function RootAccountSharing() {
+    var _this;
+
+    _classCallCheck(this, RootAccountSharing);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.isSharedWithAccount = function () {
+      return [READ_ONLY, CAN_EDIT].includes(_this.props.accountPermission);
+    };
+
+    return _this;
+  }
+
+  _createClass(RootAccountSharing, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(View, {
+        as: "div",
+        margin: "0 0 medium 0"
+      }, /*#__PURE__*/React.createElement(Grid, {
+        colSpacing: "small"
+      }, /*#__PURE__*/React.createElement(Grid.Row, null, _ref, /*#__PURE__*/React.createElement(Grid.Col, null, /*#__PURE__*/React.createElement(View, {
+        as: "div",
+        padding: "0 0 x-small 0"
+      }, this.props.accountName || t('Account')), /*#__PURE__*/React.createElement(Checkbox, {
+        label: t('Share with Institution'),
+        variant: "toggle",
+        value: "accountPermission",
+        checked: this.isSharedWithAccount(),
+        onChange: this.props.onShareChange
+      })), this.isSharedWithAccount() && /*#__PURE__*/React.createElement(Grid.Col, {
+        width: "auto"
+      }, /*#__PURE__*/React.createElement(SimpleSelect, {
+        onChange: this.props.onShareTypeChange,
+        value: this.props.accountPermission,
+        renderLabel: /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Access for account'))
+      }, /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+        id: "sharing-modal-account-perm-select-option-can-view",
+        value: READ_ONLY
+      }, t('Can view')), /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+        id: "sharing-modal-account-perm-select-option-can-edit",
+        value: CAN_EDIT
+      }, t('Can edit')))))));
+    }
+  }]);
+
+  RootAccountSharing.displayName = "RootAccountSharing";
+  return RootAccountSharing;
+}(Component), _class2.propTypes = {
+  accountName: PropTypes.string.isRequired,
+  onShareChange: PropTypes.func.isRequired,
+  onShareTypeChange: PropTypes.func.isRequired,
+  accountPermission: PropTypes.string
+}, _class2.defaultProps = {
+  accountPermission: null
+}, _temp)) || _class);
+export default RootAccountSharing;

package/es/banks/components/SharingModal/ShareList/index.js

@@ -19,6 +19,7 @@ import { Avatar } from '@instructure/ui-avatar';
 import { Tabs } from '@instructure/ui-tabs';
 import { withStyle, jsx } from '@instructure/emotion';
 import { ContextualIconButton } from "../ContextualIconButton/index.js";
+import RootAccountSharing from "../RootAccountSharing.js";
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import generateStyle from "./styles.js";
 import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE } from '@instructure/quiz-common';
@@ -147,6 +148,8 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
   }, {
     key: "render",
     value: function render() {
+      var _this$props$currentUs;
+
       var _this$props = this.props,
           shares = _this$props.shares,
           subAccountBankSharingEnabled = _this$props.subAccountBankSharingEnabled;
@@ -196,7 +199,16 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
         lineHeight: "double"
       }, t('Currently shared with')), jsx(Grid, {
         vAlign: "middle"
-      }, existingCourses.map(this.renderEntity))))));
+      }, existingCourses.map(this.renderEntity))), subAccountBankSharingEnabled && jsx(Tabs.Panel, {
+        renderTitle: t('Accounts'),
+        isSelected: this.state.selectedTabIndex === 2,
+        padding: "large small small small"
+      }, ((_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.bank_admin) && jsx(RootAccountSharing, {
+        accountName: this.props.accountName,
+        onShareChange: this.props.onToggleAccountShare,
+        onShareTypeChange: this.props.onAccountPermissionChange,
+        accountPermission: this.props.accountPermission
+      })))));
     }
   }]);
 
@@ -204,6 +216,9 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
   return ShareList;
 }(Component), _class2.propTypes = {
   canEdit: PropTypes.bool.isRequired,
+  currentUser: PropTypes.shape({
+    bank_admin: PropTypes.bool
+  }),
   improvedBankSharingEnabled: PropTypes.bool.isRequired,
   newEntities: ImmutablePropTypes.list,
   onEntityRemove: PropTypes.func.isRequired,
@@ -220,8 +235,15 @@ export var ShareList = (_dec = withStyle(generateStyle, null), _dec(_class = (_t
   })).isRequired,
   subAccountBankSharingEnabled: PropTypes.bool.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
-  styles: PropTypes.object
+  styles: PropTypes.object,
+  accountName: PropTypes.string,
+  onAccountPermissionChange: PropTypes.func.isRequired,
+  onToggleAccountShare: PropTypes.func.isRequired,
+  accountPermission: PropTypes.string
 }, _class2.defaultProps = {
+  accountName: t('Account'),
+  accountPermission: null,
+  currentUser: null,
   newEntities: List(),
   sharedBanks: List()
 }, _temp)) || _class);

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

@@ -426,6 +426,14 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks
       });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.props.subAccountBankSharingEnabled && this.state.accountPermission !== prevState.accountPermission && this.state.accountPermission !== this.props.bank.accountPermission) {
+        var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
+        this.props.updateBank(updatedBank, false);
+      }
     } // =============
     //   HELPERS
     // =============
@@ -485,12 +493,17 @@ export var SharingModalPresenter = (_dec = withStyle(generateStyle, generateComp
     key: "renderEntitiesSection",
     value: function renderEntitiesSection() {
       return jsx(ShareList, {
+        accountName: this.props.currentUser.account_name,
+        accountPermission: this.state.accountPermission,
         canEdit: this.props.bank.canEdit(),
+        currentUser: this.props.currentUser,
         entitiesWithChangedPermission: this.state.entitiesWithChangedPermission,
         improvedBankSharingEnabled: this.props.improvedBankSharingEnabled,
         newEntities: this.state.newEntities,
+        onAccountPermissionChange: this.handleAccountPermissionChange,
         onEntityRemove: this.handleEntityRemove,
         onPermissionChange: this.handleEntityPermissionChange,
+        onToggleAccountShare: this.toggleAccountShare,
         ref: this.handleShareListRef,
         renderSearchSection: this.renderSearchSection // searchPermission and searchSelection are not used directly by ShareList,
         // but are needed as props so that AsyncSearch/Select rerenders when those values change

package/es/building/components/resources/ItemFeedbackModal/index.js

@@ -1,7 +1,7 @@
 import { Map } from 'immutable';
 import { connect } from "../../../../common/react-redux.js";
 import { ItemFeedbackModal as ItemFeedbackModalPresenter } from "./presenter.js";
-import { closeModal, openModal } from "../../../../common/actions/modal.js";
+import { closeModal } from "../../../../common/actions/modal.js";
 import { changeItemFeedback } from "../../../../common/actions/modifications.js";
 import Item from "../../../../common/records/Item.js";
 import { set } from "../../../../common/actions/ui.js";
@@ -25,7 +25,6 @@ function mapStateToProps(state, props) {
 var mapDispatchToProps = {
   closeModal: closeModal,
   changeItemFeedback: changeItemFeedback,
-  openModal: openModal,
   setUi: set
 };
 export var ItemFeedbackModal = connect(mapStateToProps, mapDispatchToProps)(ItemFeedbackModalPresenter);

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

@@ -11,10 +11,9 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { themeable } from '@instructure/ui-themeable';
-import { RichContentRenderer, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
-import { RichContentInput } from "../../../../common/components/RichContentInput/index.js";
+import { RichContentRenderer, RichContentInput, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 var styles = {
   componentId: 'esPWW',
   template: function template(theme) {
@@ -67,12 +66,6 @@ export var ItemFeedbackModal = (_dec = themeable(theme, styles), _dec(_class = (
       _this.props.closeModal();
     };
 
-    _this.returnToFeedback = function () {
-      _this.props.openModal(ITEM_FEEDBACK_MODAL, {
-        modalTrigger: _this.props.modalTrigger
-      });
-    };
-
     return _this;
   }
 
@@ -104,9 +97,6 @@ export var ItemFeedbackModal = (_dec = themeable(theme, styles), _dec(_class = (
         textareaId: key,
         defaultContent: this.props.feedback.get(key),
         onChange: this.onFeedbackWrapper(key),
-        parentType: this.props.parentType,
-        parentId: this.props.parentId,
-        importModalCloseOverride: this.returnToFeedback,
         height: RCE_THREE_LINES_HEIGHT
       }));
     }
@@ -150,9 +140,6 @@ export var ItemFeedbackModal = (_dec = themeable(theme, styles), _dec(_class = (
   importModalOpen: PropTypes.bool.isRequired,
   item: ImmutablePropTypes.record.isRequired,
   modalOpen: PropTypes.bool.isRequired,
-  openModal: PropTypes.func.isRequired,
-  parentId: PropTypes.string.isRequired,
-  parentType: PropTypes.string.isRequired,
   setUi: PropTypes.func.isRequired,
   modalTrigger: PropTypes.instanceOf(Component)
 }, _class2.defaultProps = {

package/es/building/components/resources/quiz/instructions/Edit/presenter.js

@@ -10,11 +10,11 @@ import PropTypes from 'prop-types';
 import { Button } from '@instructure/ui-buttons';
 import { themeable } from '@instructure/ui-themeable';
 import t from '@instructure/quiz-i18n/es/format-message';
-import RichContentInput from "../../../../../../common/components/RichContentInput/index.js";
 import wrapWithOutsideClick from "../../../../../../common/components/shared/functionality/componentWithOutsideClick.js";
 import CustomPropTypes from "../../../../../../common/util/CustomPropTypes.js";
 import elementsForSelectors from "../../../../../../common/util/ElementsForSelectors.js";
-import { PARENT_TYPE_QUIZ, INSTRUCTIONS_EDIT_ID } from '@instructure/quiz-common';
+import { INSTRUCTIONS_EDIT_ID } from '@instructure/quiz-common';
+import { RichContentInput } from '@instructure/quiz-rce';
 var styles = {
   componentId: 'evnrd',
   template: function template(theme) {
@@ -67,9 +67,7 @@ var QuizInstructionsEdit = (_dec = themeable(theme, styles), _dec(_class = (_tem
         textareaClassName: styles.instructionsEditInput,
         defaultContent: this.props.inputValue,
         onKeyUp: this.props.onInputChange,
-        onChange: this.props.onInputChange,
-        parentType: PARENT_TYPE_QUIZ,
-        parentId: this.props.quizId
+        onChange: this.props.onInputChange
       }), /*#__PURE__*/React.createElement("div", {
         className: styles.footer
       }, /*#__PURE__*/React.createElement(Button, {
@@ -89,7 +87,6 @@ var QuizInstructionsEdit = (_dec = themeable(theme, styles), _dec(_class = (_tem
   endEditing: PropTypes.func.isRequired,
   inputValue: PropTypes.string.isRequired,
   onInputChange: PropTypes.func.isRequired,
-  quizId: PropTypes.string.isRequired,
   saveAndPreview: PropTypes.func.isRequired,
   appContainer: CustomPropTypes.selectors.isRequired
 }, _temp)) || _class);

package/es/building/components/resources/quiz/instructions/Instructions/presenter.js

@@ -149,8 +149,7 @@ export var QuizInstructions = (_dec = themeable(theme, styles), _dec(_class = (_
         inputValue: this.workingInstructions(),
         onInputChange: this.updateWorkingInstructions,
         ref: this.setRef('instructionsEdit'),
-        saveAndPreview: this.saveAndPreview,
-        quizId: this.props.quiz.id
+        saveAndPreview: this.saveAndPreview
       });
     }
   }, {

package/es/common/components/resources/item/ItemEdit/presenter.js

@@ -14,7 +14,6 @@ import componentForItem from "../../../../util/componentForItem.js";
 import { liveRegion, COMPONENT_EDIT } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
-import RceImageImportModal from "../../../../components/RichContentInput/RceImageImportModal/index.js";
 import elementsForSelectors from "../../../../../common/util/ElementsForSelectors.js";
 import { toErrors } from "../../../../util/instUIMessages.js";
 export var ItemEdit = /*#__PURE__*/function (_Component) {
@@ -63,16 +62,6 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
       }
     };
 
-    _this.renderImportModal = function (importModalId, onSuccess, onClose) {
-      return /*#__PURE__*/React.createElement(RceImageImportModal, {
-        importModalId: importModalId,
-        onClose: onClose,
-        onSuccess: onSuccess,
-        parentId: _this.props.parentId,
-        parentType: _this.props.parentType
-      });
-    };
-
     return _this;
   }
 
@@ -136,8 +125,7 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
         name: "edit_item_".concat(this.props.guid) // eslint-disable-line react/jsx-no-literals
 
       }, /*#__PURE__*/React.createElement(Interaction, Object.assign({}, propsForInteraction, {
-        itemId: this.props.guid,
-        renderImportModal: this.renderImportModal
+        itemId: this.props.guid
       })));
     }
   }]);
@@ -169,7 +157,6 @@ ItemEdit.propTypes = {
   handleQuizEntryPointsChange: PropTypes.func.isRequired,
   interactionFileUpload: PropTypes.func.isRequired,
   oneQuestionAtATime: PropTypes.bool.isRequired,
-  openImportModal: PropTypes.func.isRequired,
   parentId: PropTypes.string.isRequired,
   parentType: PropTypes.string.isRequired,
   partialDeepScoringEnabled: PropTypes.bool,

package/es/common/util/interactionTypePropsHelper.js

@@ -1,4 +1,4 @@
-import RichContentInput from "../components/RichContentInput/index.js";
+import { RichContentInput } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
 export var propsForInteractionEdit = function propsForInteractionEdit(props, additionalOptions) {
   var item = props.workingItem.toJS();

package/es/index.js

@@ -23,7 +23,6 @@ export { QuizzesSpinner } from "./common/components/shared/spinner/Spinner.js";
 export { PrintTrigger } from "./common/components/shared/PrintTrigger/index.js";
 export { IfFeature } from "./common/components/shared/IfFeature/index.js";
 export { UndecoratedQuizEntryEdit } from "./building/components/resources/quizEntry/QuizEntryEdit/presenter.js";
-export { RichContentInput } from "./common/components/RichContentInput/index.js";
 export { ResultStimulus } from "./common/components/resources/sessionItemResult/ResultStimulus/index.js";
 export { Stimulus as StimulusView } from "./common/components/layout/sidebar/Stimulus/index.js";
 export { Sidebar } from "./common/components/layout/sidebar/Sidebar/index.js";
@@ -42,7 +41,6 @@ export { CentileDistribution } from "./reporting/components/charts/Distribution/
 export { OutcomeAnalysis } from "./reporting/components/resources/OutcomeAnalysis/index.js";
 export { PositionBox } from "./common/components/resources/positionBox/PositionBox.js";
 export { Pin } from "./common/components/Pin/index.js";
-export { RceImageImportModal } from "./common/components/RichContentInput/RceImageImportModal/index.js";
 export { SessionItemResult as SessionItemResultView } from "./common/components/resources/sessionItemResult/SessionItemResult/index.js";
 export { Card } from "./common/components/shared/Card/index.js";
 export { CardContent } from "./common/components/shared/Card/CardContent/index.js";

package/lib/banks/api/banks.js

@@ -182,6 +182,7 @@ function getExistingBankAndEntries(bankId) {
 }
 
 var updateBank = function updateBank(bank) {
+  var clearPagination = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
   var url = "".concat(banksApiEndpoint, "/").concat(bank.id);
   return function (dispatch, getState) {
     var updatedBankData = JSON.stringify({
@@ -197,7 +198,13 @@ var updateBank = function updateBank(bank) {
     return fetcher.patch(url, {
       body: updatedBankData
     }).then(function (bankData) {
-      dispatch([(0, _callHandlers.handleBankResponse)(bankData), (0, _ui.clear)(_quizCommon.BANKS_BANK_PAGINATION)]);
+      var toDispatch = [(0, _callHandlers.handleBankResponse)(bankData)];
+
+      if (clearPagination) {
+        toDispatch.push((0, _ui.clear)(_quizCommon.BANKS_BANK_PAGINATION));
+      }
+
+      dispatch(toDispatch);
       return bankData;
     });
   };

package/lib/banks/components/SharingModal/RootAccountSharing.js

@@ -0,0 +1,121 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.RootAccountSharing = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _quizCommon = require("@instructure/quiz-common");
+
+var _uiIcons = require("@instructure/ui-icons");
+
+var _uiCheckbox = require("@instructure/ui-checkbox");
+
+var _uiView = require("@instructure/ui-view");
+
+var _uiGrid = require("@instructure/ui-grid");
+
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+
+var _uiSimpleSelect = require("@instructure/ui-simple-select");
+
+var _emotion = require("@instructure/emotion");
+
+var _styles = _interopRequireDefault(require("./styles.js"));
+
+var _theme = _interopRequireDefault(require("./theme.js"));
+
+var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+
+var _dec, _class, _class2, _temp;
+
+var _ref = /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+  width: "auto"
+}, /*#__PURE__*/_react.default.createElement(_uiIcons.IconAdminLine, {
+  size: "medium"
+}));
+
+var RootAccountSharing = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(RootAccountSharing, _Component);
+
+  var _super = (0, _createSuper2.default)(RootAccountSharing);
+
+  function RootAccountSharing() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, RootAccountSharing);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.isSharedWithAccount = function () {
+      return [_quizCommon.READ_ONLY, _quizCommon.CAN_EDIT].includes(_this.props.accountPermission);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass2.default)(RootAccountSharing, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div",
+        margin: "0 0 medium 0"
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid, {
+        colSpacing: "small"
+      }, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Row, null, _ref, /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, null, /*#__PURE__*/_react.default.createElement(_uiView.View, {
+        as: "div",
+        padding: "0 0 x-small 0"
+      }, this.props.accountName || (0, _formatMessage.default)('Account')), /*#__PURE__*/_react.default.createElement(_uiCheckbox.Checkbox, {
+        label: (0, _formatMessage.default)('Share with Institution'),
+        variant: "toggle",
+        value: "accountPermission",
+        checked: this.isSharedWithAccount(),
+        onChange: this.props.onShareChange
+      })), this.isSharedWithAccount() && /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
+        width: "auto"
+      }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect, {
+        onChange: this.props.onShareTypeChange,
+        value: this.props.accountPermission,
+        renderLabel: /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Access for account'))
+      }, /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+        id: "sharing-modal-account-perm-select-option-can-view",
+        value: _quizCommon.READ_ONLY
+      }, (0, _formatMessage.default)('Can view')), /*#__PURE__*/_react.default.createElement(_uiSimpleSelect.SimpleSelect.Option, {
+        id: "sharing-modal-account-perm-select-option-can-edit",
+        value: _quizCommon.CAN_EDIT
+      }, (0, _formatMessage.default)('Can edit')))))));
+    }
+  }]);
+  RootAccountSharing.displayName = "RootAccountSharing";
+  return RootAccountSharing;
+}(_react.Component), _class2.propTypes = {
+  accountName: _propTypes.default.string.isRequired,
+  onShareChange: _propTypes.default.func.isRequired,
+  onShareTypeChange: _propTypes.default.func.isRequired,
+  accountPermission: _propTypes.default.string
+}, _class2.defaultProps = {
+  accountPermission: null
+}, _temp)) || _class);
+exports.RootAccountSharing = RootAccountSharing;
+var _default = RootAccountSharing;
+exports.default = _default;

package/lib/banks/components/SharingModal/ShareList/index.js

@@ -41,6 +41,8 @@ var _emotion = require("@instructure/emotion");
 
 var _index = require("../ContextualIconButton/index.js");
 
+var _RootAccountSharing = _interopRequireDefault(require("../RootAccountSharing.js"));
+
 var _uiSimpleSelect = require("@instructure/ui-simple-select");
 
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -176,6 +178,8 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
   }, {
     key: "render",
     value: function render() {
+      var _this$props$currentUs;
+
       var _this$props = this.props,
           shares = _this$props.shares,
           subAccountBankSharingEnabled = _this$props.subAccountBankSharingEnabled;
@@ -225,13 +229,25 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
         lineHeight: "double"
       }, (0, _formatMessage.default)('Currently shared with')), (0, _emotion.jsx)(_uiGrid.Grid, {
         vAlign: "middle"
-      }, existingCourses.map(this.renderEntity))))));
+      }, existingCourses.map(this.renderEntity))), subAccountBankSharingEnabled && (0, _emotion.jsx)(_uiTabs.Tabs.Panel, {
+        renderTitle: (0, _formatMessage.default)('Accounts'),
+        isSelected: this.state.selectedTabIndex === 2,
+        padding: "large small small small"
+      }, ((_this$props$currentUs = this.props.currentUser) === null || _this$props$currentUs === void 0 ? void 0 : _this$props$currentUs.bank_admin) && (0, _emotion.jsx)(_RootAccountSharing.default, {
+        accountName: this.props.accountName,
+        onShareChange: this.props.onToggleAccountShare,
+        onShareTypeChange: this.props.onAccountPermissionChange,
+        accountPermission: this.props.accountPermission
+      })))));
     }
   }]);
   ShareList.displayName = "ShareList";
   return ShareList;
 }(_react.Component), _class2.propTypes = {
   canEdit: _propTypes.default.bool.isRequired,
+  currentUser: _propTypes.default.shape({
+    bank_admin: _propTypes.default.bool
+  }),
   improvedBankSharingEnabled: _propTypes.default.bool.isRequired,
   newEntities: _reactImmutableProptypes.default.list,
   onEntityRemove: _propTypes.default.func.isRequired,
@@ -248,8 +264,15 @@ var ShareList = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec(_cl
   })).isRequired,
   subAccountBankSharingEnabled: _propTypes.default.bool.isRequired,
   // eslint-disable-next-line react/require-default-props,react/forbid-prop-types
-  styles: _propTypes.default.object
+  styles: _propTypes.default.object,
+  accountName: _propTypes.default.string,
+  onAccountPermissionChange: _propTypes.default.func.isRequired,
+  onToggleAccountShare: _propTypes.default.func.isRequired,
+  accountPermission: _propTypes.default.string
 }, _class2.defaultProps = {
+  accountName: (0, _formatMessage.default)('Account'),
+  accountPermission: null,
+  currentUser: null,
   newEntities: (0, _immutable.List)(),
   sharedBanks: (0, _immutable.List)()
 }, _temp)) || _class);

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

@@ -464,6 +464,14 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks
       });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.props.subAccountBankSharingEnabled && this.state.accountPermission !== prevState.accountPermission && this.state.accountPermission !== this.props.bank.accountPermission) {
+        var updatedBank = this.props.bank.set('accountPermission', this.state.accountPermission);
+        this.props.updateBank(updatedBank, false);
+      }
     } // =============
     //   HELPERS
     // =============
@@ -523,12 +531,17 @@ var SharingModalPresenter = (_dec = (0, _emotion.withStyle)(_styles.default, _th
     key: "renderEntitiesSection",
     value: function renderEntitiesSection() {
       return (0, _emotion.jsx)(_index.default, {
+        accountName: this.props.currentUser.account_name,
+        accountPermission: this.state.accountPermission,
         canEdit: this.props.bank.canEdit(),
+        currentUser: this.props.currentUser,
         entitiesWithChangedPermission: this.state.entitiesWithChangedPermission,
         improvedBankSharingEnabled: this.props.improvedBankSharingEnabled,
         newEntities: this.state.newEntities,
+        onAccountPermissionChange: this.handleAccountPermissionChange,
         onEntityRemove: this.handleEntityRemove,
         onPermissionChange: this.handleEntityPermissionChange,
+        onToggleAccountShare: this.toggleAccountShare,
         ref: this.handleShareListRef,
         renderSearchSection: this.renderSearchSection // searchPermission and searchSelection are not used directly by ShareList,
         // but are needed as props so that AsyncSearch/Select rerenders when those values change

package/lib/building/components/resources/ItemFeedbackModal/index.js

@@ -43,7 +43,6 @@ function mapStateToProps(state, props) {
 var mapDispatchToProps = {
   closeModal: _modal.closeModal,
   changeItemFeedback: _modifications.changeItemFeedback,
-  openModal: _modal.openModal,
   setUi: _ui.set
 };
 var ItemFeedbackModal = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.ItemFeedbackModal);