@instructure/quiz-core 20.36.1-rc.9 → 20.36.2

package/es/common/components/shared/TimeUnitsInput/index.js

@@ -138,8 +138,7 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         newHours = _breakdownSeconds4.hours,
         newMinutes = _breakdownSeconds4.minutes;
       if (_this.state.shouldResetOnNormalize) {
-        var _this$props$onReset, _this$props;
-        (_this$props$onReset = (_this$props = _this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props);
+        _this.props.onReset();
       }
       _this.setState({
         days: newDays,

package/es/index.js

@@ -79,9 +79,7 @@ export { Provider } from "./common/react-redux.js";
 export { FormattedTimer } from "./common/components/shared/FormattedDuration/index.js";
 export { default as TagWrapper } from "./common/components/shared/TagWrapper/index.js";
 export { RetryGradePassbackButton } from "./moderating/components/resources/RetryGradePassbackButton/index.js";
-export { GenericAsyncSearch } from "./common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js";
-export { MaskedTextInput } from "./common/components/MaskedTextInput/index.js";
-export { AccessCodeTextInput } from "./common/components/AccessCodeTextInput/index.js"; // Utilities
+export { GenericAsyncSearch } from "./common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js"; // Utilities
 export { environment as config } from "./config.js";
 export { Fetcher } from "./common/util/Fetcher.js";
 export { httpHeaders } from "./common/util/httpHeaders.js";

package/es/moderating/components/resources/AccommodationsModal/ExtraTimeSettings/index.js

@@ -6,7 +6,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { View } from '@instructure/ui-view';
-import { SimpleSelect } from '@instructure/quiz-common';
+import { SimpleSelect } from '@instructure/ui-simple-select';
 import TimeUnitsInput from "../../../../../common/components/shared/TimeUnitsInput/index.js";
 import ExtraTimeMultiplier from "../ExtraTimeMultiplier/index.js";
 import { HOUR_IN_SECONDS } from "../../../../../common/components/shared/FormattedDuration/index.js";
@@ -94,7 +94,7 @@ export var ExtraTimeSettings = /*#__PURE__*/function (_Component) {
         minutesLabel: t('Minutes'),
         minutesDataAutomation: "sdk-moderation-time-minutes",
         description: t('Additional time'),
-        margin: "medium none none none"
+        margin: "medium none"
       }), timeAdjustmentType === 'timerMultiplierEnabled' && /*#__PURE__*/React.createElement(ExtraTimeMultiplier, {
         onChange: this.onChangeMultiplier,
         timerMultiplierValue: timerSettings.timerMultiplierValue,

package/es/moderating/components/resources/AccommodationsModal/index.js

@@ -4,6 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import { Text } from '@instructure/ui-text';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Modal } from '@instructure/ui-modal';
 import { TruncateText } from '@instructure/ui-truncate-text';
@@ -12,6 +13,8 @@ import { View } from '@instructure/ui-view';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { featureOn } from "../../../../common/util/featureCheck.js";
+import { IfFeature } from "../../../../common/components/shared/IfFeature/index.js";
 export var AccommodationModal = /*#__PURE__*/function (_Component) {
   _inherits(AccommodationModal, _Component);
   var _super = _createSuper(AccommodationModal);
@@ -54,7 +57,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
       }, _this.props.studentName));
     };
     _this.renderHeading = function () {
-      if (_this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
+      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
         return /*#__PURE__*/React.createElement(Heading, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('Student Accommodation')), t('Student Accommodation'));
       }
       var _this$props = _this.props,
@@ -81,7 +84,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
   _createClass(AccommodationModal, [{
     key: "labelText",
     value: function labelText() {
-      if (this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
+      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
         return t('Student Accommodation');
       }
       return this.props.studentName || t('Accommodations Modal');
@@ -90,6 +93,7 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
+        studentName = _this$props2.studentName,
         open = _this$props2.open,
         closeModal = _this$props2.closeModal,
         mountNode = _this$props2.mountNode,
@@ -105,7 +109,12 @@ export var AccommodationModal = /*#__PURE__*/function (_Component) {
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      }), this.renderHeading()), /*#__PURE__*/React.createElement(Modal.Body, null, children), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
+      }), this.renderHeading()), /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(IfFeature, {
+        name: "atteq_apply_changes_to_current_quiz_attempts"
+      }, /*#__PURE__*/React.createElement(Text, {
+        weight: "bold",
+        as: "h2"
+      }, studentName)), children), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement(Button, {
         onClick: this.cancelAction,
         margin: "xxx-small",
         "data-automation": "sdk-moderation-cancel"
@@ -128,8 +137,7 @@ AccommodationModal.propTypes = {
   onDismiss: PropTypes.func,
   mountNode: PropTypes.string,
   // this is just to fix chromatic
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)])
 };
 AccommodationModal.defaultProps = {
   children: [],

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

@@ -325,8 +325,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
         css: this.props.styles.page
       }, jsx(ModerateTray, {
         onClose: this.onCloseTray,
-        onSave: this.props.onSaveTray,
-        atteqApplyChangesToCurrentQuizAttemptsEnabled: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled
+        onSave: this.props.onSaveTray
       }, jsx(Flex.Item, null, !this.props.anonymousGrading && _ref6), this.props.children), this.renderContent());
     }
   }]);
@@ -381,8 +380,7 @@ export var ModerateTable = (_dec = withStyleOverrides(generateStyle, generateCom
   getQuizSessions: PropTypes.func.isRequired,
   addSuccess: PropTypes.func.isRequired,
   styles: PropTypes.object,
-  makeStyles: PropTypes.func,
-  atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
+  makeStyles: PropTypes.func
 }, _ModerateTable.defaultProps = {
   anonymousGrading: false,
   children: void 0,

package/es/moderating/components/sidebar/ModerateTray/presenter.js

@@ -8,7 +8,6 @@ import t from '@instructure/quiz-i18n/es/format-message';
 import { Flex } from '@instructure/ui-flex';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';
-import { Heading } from '@instructure/ui-heading';
 import { Tooltip } from '@instructure/ui-tooltip';
 import { Tray } from '@instructure/ui-tray';
 import { Button, CloseButton } from '@instructure/ui-buttons';
@@ -16,6 +15,7 @@ import { TruncateText } from '@instructure/ui-truncate-text';
 import { Modal } from '@instructure/ui-modal';
 import { liveRegion } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { featureOn } from "../../../../common/util/featureCheck.js";
 export var ModerateTray = /*#__PURE__*/function (_Component) {
   _inherits(ModerateTray, _Component);
   var _super = _createSuper(ModerateTray);
@@ -67,15 +67,20 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
       _this.props.closeTray();
     };
     _this.renderTitleAndCloseButton = function () {
-      return /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(CloseButton, {
+      return /*#__PURE__*/React.createElement(Flex, {
+        justifyItems: "space-between"
+      }, /*#__PURE__*/React.createElement(Flex.Item, {
+        shouldGrow: true,
+        shouldShrink: true
+      }, featureOn('atteq_apply_changes_to_current_quiz_attempts') ? /*#__PURE__*/React.createElement(Text, {
+        as: "h2",
+        size: "large",
+        weight: "bold"
+      }, t('In Progress Accommodation')) : _this.renderHeading()), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement(CloseButton, {
         onClick: _this.props.closeTray,
         elementRef: _this.setCloseRef,
-        placement: "end",
-        offset: "medium",
         screenReaderLabel: t('Close')
-      }), _this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled ? /*#__PURE__*/React.createElement(Heading, {
-        level: "h3"
-      }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, t('In Progress Accommodation')), t('In Progress Accommodation')) : _this.renderHeading());
+      })));
     };
     _this.renderChildren = function () {
       return React.Children.map(_this.props.children, function (child) {
@@ -123,12 +128,12 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         /*#__PURE__*/
         // When using TruncateText inside a Tooltip, a focusable wrapper element is required
         // tabIndex={0} makes the div focusable and allows KO users to access the tooltip
-        React.createElement(Heading, {
+        React.createElement(View, {
           display: "block",
           borderRadius: "small",
           position: "relative",
           withFocusOutline: this.state.titleIsTruncated && focused,
-          level: "h3",
+          as: "h2",
           tabIndex: this.state.isTruncated ? 0 : null
         }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.labelText()), /*#__PURE__*/React.createElement(TruncateText, {
           "aria-hidden": "true",
@@ -141,6 +146,9 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderName",
     value: function renderName(renderProps) {
+      if (!featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return null;
+      }
       var focused = renderProps && renderProps.focused;
       return (
         /*#__PURE__*/
@@ -151,7 +159,8 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
           borderRadius: "small",
           position: "relative",
           withFocusOutline: this.state.participantNameIsTruncated && focused,
-          tabIndex: this.state.participantNameIsTruncated ? 0 : null
+          tabIndex: this.state.participantNameIsTruncated ? 0 : null,
+          margin: "small 0"
         }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.props.participantName), /*#__PURE__*/React.createElement(TruncateText, {
           "aria-hidden": "true",
           maxLines: 2,
@@ -166,6 +175,9 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
     key: "renderNameWithTooltip",
     value: function renderNameWithTooltip() {
       var _this3 = this;
+      if (!featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
+        return null;
+      }
       return this.state.titleIsTruncated ? /*#__PURE__*/React.createElement(Tooltip, {
         placement: "start",
         renderTip: this.props.participantName,
@@ -180,7 +192,7 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
   }, {
     key: "labelText",
     value: function labelText() {
-      if (this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled) {
+      if (featureOn('atteq_apply_changes_to_current_quiz_attempts')) {
         return t('In Progress Accommodation');
       }
       if (this.props.participantName) {
@@ -199,21 +211,19 @@ export var ModerateTray = /*#__PURE__*/function (_Component) {
         onExited: this.handleTrayExited,
         open: this.props.isOpen,
         placement: "end",
-        size: this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled ? 'regular' : void 0,
+        size: featureOn('atteq_apply_changes_to_current_quiz_attempts') ? 'regular' : void 0,
         shouldCloseOnDocumentClick: true,
         ref: this.setTrayRef
       }, /*#__PURE__*/React.createElement(Flex, {
         as: "div",
         direction: "column",
         height: "100vh"
-      }, this.renderTitleAndCloseButton(), this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled && /*#__PURE__*/React.createElement(Flex.Item, {
-        padding: "medium medium 0 medium"
-      }, this.renderNameWithTooltip()), /*#__PURE__*/React.createElement(Flex.Item, {
-        padding: "medium"
-      }, t('These settings apply to current and all future attempts.')), /*#__PURE__*/React.createElement(Flex.Item, {
+      }, /*#__PURE__*/React.createElement(Flex.Item, {
+        padding: "small medium"
+      }, this.renderTitleAndCloseButton()), /*#__PURE__*/React.createElement(Flex.Item, {
         shouldGrow: true,
         padding: "0 medium"
-      }, this.renderChildren()), this.props.atteqApplyChangesToCurrentQuizAttemptsEnabled && /*#__PURE__*/React.createElement(Flex.Item, null, this.renderFooter())));
+      }, this.renderNameWithTooltip(), this.renderChildren()), featureOn('add_time_to_existing_quiz_sessions') && /*#__PURE__*/React.createElement(Flex.Item, null, this.renderFooter())));
     }
   }]);
   ModerateTray.displayName = "ModerateTray";
@@ -225,8 +235,7 @@ ModerateTray.propTypes = {
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func,
   onSave: PropTypes.func.isRequired,
-  participantName: PropTypes.string,
-  atteqApplyChangesToCurrentQuizAttemptsEnabled: PropTypes.bool.isRequired
+  participantName: PropTypes.string
 };
 ModerateTray.defaultProps = {
   onClose: void 0,

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

@@ -14,6 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiHeading = require("@instructure/ui-heading");
+var _uiTextInput = require("@instructure/ui-text-input");
 var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
@@ -127,7 +128,7 @@ var AddToBankModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.TextInput, {
+      return /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
         renderLabel: (0, _formatMessage.default)('New Bank Title'),

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

@@ -17,6 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _debounce = _interopRequireDefault(require("lodash/fp/debounce"));
 var _find = _interopRequireDefault(require("lodash/fp/find"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
+var _uiSelect = require("@instructure/ui-select");
 var _uiSpinner = require("@instructure/ui-spinner");
 var _index = _interopRequireDefault(require("../../../common/components/shared/TagWrapper/index.js"));
 var _quizCommon = require("@instructure/quiz-common");
@@ -242,11 +243,11 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderPeopleOptions",
     value: function renderPeopleOptions(people) {
       var _this4 = this;
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Group, {
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
         key: _quizCommon.SHARED_WITH_USER,
         renderLabel: (0, _formatMessage.default)('People')
       }, people.map(function (person) {
-        return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
           "data-automation": "sdk-item-bank-option-user-".concat(person.uuid),
           id: person.uuid,
           key: person.uuid,
@@ -258,11 +259,11 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderCoursesOptions",
     value: function renderCoursesOptions(courses) {
       var _this5 = this;
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Group, {
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
         key: _quizCommon.SHARED_WITH_COURSE,
         renderLabel: (0, _formatMessage.default)('Courses')
       }, courses.map(function (course) {
-        return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
           "data-automation": "sdk-item-bank-option-course-".concat(course.uuid),
           id: course.uuid,
           key: course.uuid,
@@ -274,11 +275,11 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
     key: "renderSubaccountsOptions",
     value: function renderSubaccountsOptions(subaccounts) {
       var _this6 = this;
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Group, {
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Group, {
         key: _quizCommon.SHARED_WITH_ACCOUNT,
         renderLabel: (0, _formatMessage.default)('Accounts')
       }, subaccounts.map(function (subaccount) {
-        return /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
+        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
           "data-automation": "sdk-item-bank-option-subaccount-".concat(subaccount.uuid),
           id: subaccount.uuid,
           key: subaccount.uuid,
@@ -313,7 +314,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
       if (subaccounts.length) {
         groups.push(this.renderSubaccountsOptions(subaccounts));
       }
-      return groups.length ? groups : /*#__PURE__*/_react.default.createElement(_quizCommon.Select.Option, {
+      return groups.length ? groups : /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
         id: _quizCommon.SELECT_EMPTY_OPTION,
         key: _quizCommon.SELECT_EMPTY_OPTION
       }, this.state.isLoading ? /*#__PURE__*/_react.default.createElement(_uiSpinner.Spinner, {
@@ -341,7 +342,7 @@ var AsyncSearch = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         inputValue = _this$state.inputValue,
         isShowingOptions = _this$state.isShowingOptions;
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.Select, {
+      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, {
         "data-automation": "sdk-item-bank-share-input",
         renderLabel: this.props.searchLabel,
         placeholder: this.placeholder(),

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

@@ -28,6 +28,7 @@ var _uiText = require("@instructure/ui-text");
 var _uiHeading = require("@instructure/ui-heading");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiTextInput = require("@instructure/ui-text-input");
 var _emotion = require("@instructure/emotion");
 var _index = require("../HeaderBreadCrumb/index.js");
 var _index2 = _interopRequireDefault(require("../../../common/components/resources/entry/EntrySave/index.js"));
@@ -283,7 +284,7 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
     key: "renderTitle",
     value: function renderTitle(entry) {
       if (this.isItemEntry()) {
-        return (0, _emotion.jsx)(_quizCommon.TextInput, {
+        return (0, _emotion.jsx)(_uiTextInput.TextInput, {
           renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Edit question title')),
           type: "text",
           placeholder: (0, _formatMessage.default)('Question Title'),

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

@@ -15,6 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiIcons = require("@instructure/ui-icons");
 var _uiButtons = require("@instructure/ui-buttons");
+var _uiTextInput = require("@instructure/ui-text-input");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiView = require("@instructure/ui-view");
 var _uiFlex = require("@instructure/ui-flex");
@@ -144,7 +145,7 @@ var BankSearch = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
       }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
         shouldGrow: true,
         shouldShrink: true
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Search')),
         type: "search",
         placeholder: (0, _formatMessage.default)('Search'),

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

@@ -26,6 +26,7 @@ function mapStateToProps(state, props) {
   return {
     itemBankSearchTableEnabled: (0, _featureCheck.featureOn)('item_bank_search_table'),
     usedByCourseEnabled: (0, _featureCheck.featureOn)('filter_item_banks_used_by_course'),
+    subAccountBankSharingEnabled: (0, _featureCheck.featureOn)('sub_account_bank_sharing'),
     scopeType: scopeType,
     sortBy: sortBy,
     sortOrder: sortOrder,

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

@@ -20,6 +20,8 @@ var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiBillboard = require("@instructure/ui-billboard");
 var _uiButtons = require("@instructure/ui-buttons");
+var _uiTextInput = require("@instructure/ui-text-input");
+var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _emotion = require("@instructure/emotion");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiView = require("@instructure/ui-view");
@@ -230,7 +232,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
   }, {
     key: "topLevelBankFilterName",
     value: function topLevelBankFilterName() {
-      return (0, _formatMessage.default)('Shared with Me');
+      return this.props.subAccountBankSharingEnabled ? (0, _formatMessage.default)('Shared with Me') : (0, _formatMessage.default)('All Banks');
     }
   }, {
     key: "renderFilters",
@@ -243,7 +245,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
         translation: (0, _formatMessage.default)('Institution Banks')
       }, {
         slug: 'courses',
-        translation: (0, _formatMessage.default)('Shared with Courses')
+        translation: this.props.subAccountBankSharingEnabled ? (0, _formatMessage.default)('Shared with Courses') : (0, _formatMessage.default)('Banks Shared to Course')
       }];
       if (this.props.scope.uuid) {
         scopeOptions.push({
@@ -251,7 +253,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
           translation: (0, _formatMessage.default)('This Course')
         });
       }
-      if (this.isSubAccountLaunch()) {
+      if (this.props.subAccountBankSharingEnabled && this.isSubAccountLaunch()) {
         // Put this option below "Insitution Banks"
         scopeOptions.splice(2, 0, {
           slug: 'this_account',
@@ -289,28 +291,28 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
         vAlign: "bottom"
       }, (0, _emotion.jsx)(_uiGrid.Grid.Row, null, (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
+      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
         onChange: this.handleBanksParentChange,
         value: this.props.scopeType,
         renderLabel: (0, _formatMessage.default)('Filter By'),
         width: "13rem",
         "data-automation": "sdk-banks-filter-select"
       }, scopeOptions.map(function (option) {
-        return (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
+        return (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
           id: searchFiltersSelectOptionIdPrefix + option.slug,
           key: option.slug,
           value: option.slug
         }, option.translation);
       }))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 4
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
         renderLabel: (0, _formatMessage.default)('Bank'),
         type: "search",
         value: this.state.searchTerms,
         onChange: this.handleSearchInputChange,
         placeholder: (0, _formatMessage.default)('Search Banks'),
         "data-automation": "sdk-search-bank-textinput"
-      })), !this.hideAccountSearch() && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
+      })), this.props.subAccountBankSharingEnabled && !this.hideAccountSearch() && (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: 4
       }, (0, _emotion.jsx)(_index7.default, {
         getShareableSubaccounts: this.props.getShareableSubaccounts,
@@ -327,7 +329,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
         style: {
           margin: 'auto 0px auto auto'
         }
-      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
+      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Sort by')),
         value: this.props.sortBy,
         width: "10rem",
@@ -335,7 +337,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
       }, sortingCriteriaOptions.filter(function (option) {
         return option.display === true;
       }).map(function (option) {
-        return (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
+        return (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
           id: sortingFiltersSelectOptionIdPrefix + option.slug,
           key: option.slug,
           value: option.slug
@@ -496,6 +498,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
   usedByCourseEnabled: _propTypes.default.bool,
   itemBankSearchTableEnabled: _propTypes.default.bool,
   setUI: _propTypes.default.func.isRequired,
+  subAccountBankSharingEnabled: _propTypes.default.bool,
   iceTopNavBarEnabled: _propTypes.default.bool,
   styles: _propTypes.default.object,
   rootAccountUuid: _propTypes.default.string
@@ -522,6 +525,7 @@ var Banks = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.
   searchSelection: [],
   usedByCourseEnabled: false,
   itemBankSearchTableEnabled: false,
+  subAccountBankSharingEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
 }, _Banks.contextTypes = {

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

@@ -13,6 +13,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
+var _uiTextInput = require("@instructure/ui-text-input");
 var _uiRadioInput = require("@instructure/ui-radio-input");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiHeading = require("@instructure/ui-heading");
@@ -146,7 +147,7 @@ var CopyMoveBankEntryModal = /*#__PURE__*/function (_Component) {
           "data-automation": "sdk-bank-selection"
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_quizCommon.TextInput, {
+      return /*#__PURE__*/_react.default.createElement(_uiTextInput.TextInput, {
         onChange: this.onTitleChange,
         value: this.state.newBankTitle,
         renderLabel: (0, _formatMessage.default)('New Bank Title'),

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

@@ -14,6 +14,7 @@ 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");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -101,7 +102,7 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     value: function renderContent() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.bankNameInput
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
         messages: this.getErrors(),
         onChange: this.onNameChange,
         renderLabel: (0, _emotion.jsx)("div", {

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

@@ -12,6 +12,7 @@ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
+var _uiTextInput = require("@instructure/ui-text-input");
 var _uiHeading = require("@instructure/ui-heading");
 var _emotion = require("@instructure/emotion");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -84,7 +85,7 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
     value: function renderContent() {
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.bankNameInput
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      }, (0, _emotion.jsx)(_uiTextInput.TextInput, {
         value: this.props.workingBank.title,
         messages: this.getErrors(),
         onChange: this.onNameChange,

package/lib/banks/components/NavWrapper/styles.js

@@ -1,14 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _externalStyles = require("./externalStyles.js");
 var generateStyle = function generateStyle(componentTheme) {
-  return (0, _objectSpread2.default)({
+  return {
+    showReturnButton: true,
     nav: {
       display: 'flex',
       flexDirection: 'row',
@@ -33,7 +31,7 @@ var generateStyle = function generateStyle(componentTheme) {
     crumbs: {
       flex: 1
     }
-  }, (0, _externalStyles.generateExternalStyle)());
+  };
 };
 var _default = generateStyle;
 exports.default = _default;

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

@@ -18,6 +18,7 @@ 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 _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
@@ -62,14 +63,14 @@ var RootAccountSharing = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
         "data-automation": "sdk-share-bank-with-institution-toggle"
       })), this.isSharedWithAccount() && /*#__PURE__*/_react.default.createElement(_uiGrid.Grid.Col, {
         width: "auto"
-      }, /*#__PURE__*/_react.default.createElement(_quizCommon.SimpleSelect, {
+      }, /*#__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(_quizCommon.SimpleSelect.Option, {
+      }, /*#__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(_quizCommon.SimpleSelect.Option, {
+      }, (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')))))));

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

@@ -16,6 +16,7 @@ var _immutable = require("immutable");
 var _uiIcons = require("@instructure/ui-icons");
 var _uiGrid = require("@instructure/ui-grid");
 var _uiAvatar = require("@instructure/ui-avatar");
+var _uiSimpleSelect = require("@instructure/ui-simple-select");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _quizCommon = require("@instructure/quiz-common");
@@ -86,17 +87,17 @@ var ShareList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, nul
         "data-automation": isEntityRemoved ? 'sdk-shared-entity-removed' : null
       }, entity.get('title'))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {
         width: "auto"
-      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect, {
+      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect, {
         onChange: _this.handlePermissionChange(entity),
         value: entity.get('permission') === _quizCommon.REMOVED_ACCESS ? originalPermission : entity.get('permission'),
         renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Access for {entity}', {
           entity: entity.get('title')
         })),
         disabled: isEntityRemoved || !_this.props.canEdit
-      }, (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
+      }, (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
         id: "share-list-select-option-can-view",
         value: _quizCommon.READ_ONLY
-      }, (0, _formatMessage.default)('Can view')), (0, _emotion.jsx)(_quizCommon.SimpleSelect.Option, {
+      }, (0, _formatMessage.default)('Can view')), (0, _emotion.jsx)(_uiSimpleSelect.SimpleSelect.Option, {
         id: "share-list-select-option-can-edit",
         value: _quizCommon.CAN_EDIT
       }, (0, _formatMessage.default)('Can edit')))), (0, _emotion.jsx)(_uiGrid.Grid.Col, {