@instructure/quiz-core 20.36.1 → 20.37.1

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

@@ -6,13 +6,12 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
-import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import Bank from "../../../common/records/Bank.js";
 import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import { featureOn } from "../../../common/util/featureCheck.js";
 var _ref = /*#__PURE__*/React.createElement("br", null);
 export var AddToBankModal = /*#__PURE__*/function (_Component) {

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

@@ -9,10 +9,9 @@ import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
 import find from 'lodash/fp/find';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Select } from '@instructure/ui-select';
 import { Spinner } from '@instructure/ui-spinner';
 import TagWrapper from "../../../common/components/shared/TagWrapper/index.js";
-import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var AsyncSearch = /*#__PURE__*/function (_Component) {
   _inherits(AsyncSearch, _Component);
   var _super = _createSuper(AsyncSearch);

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

@@ -23,7 +23,6 @@ import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
 import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { TextInput } from '@instructure/ui-text-input';
 import { jsx } from '@instructure/emotion';
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import EntrySave from "../../../common/components/resources/entry/EntrySave/index.js";
@@ -41,7 +40,7 @@ import { createItem } from "../../../building/api/items.js";
 import { createStimulus } from "../../../building/api/stimuli.js";
 import { propsForItemVersioningWrapper, propsForStimulusVersioningWrapper } from "../../../common/util/warningHelpers.js";
 import NavWrapper from "../NavWrapper/index.js";
-import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, withStyleOverrides } from '@instructure/quiz-common';
+import { API_INPUT_VALIDATION_ERROR, CLEAR_ALL_INPUT_VALIDATION_ERRORS, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, PARENT_TYPE_BANK, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 var _ref3 = jsx(Spinner, null);

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

@@ -10,7 +10,6 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconPlusLine } from '@instructure/ui-icons';
 import { Button, CondensedButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
 import { Flex } from '@instructure/ui-flex';
@@ -22,7 +21,7 @@ import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect
 import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { TextInput, withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
     id: PropTypes.string,

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

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

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

@@ -14,8 +14,6 @@ import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-con
 import { IconPlusLine, IconArrowUpLine, IconArrowDownLine } from '@instructure/ui-icons';
 import { Billboard } from '@instructure/ui-billboard';
 import { Button } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { jsx } from '@instructure/emotion';
 import { Grid } from '@instructure/ui-grid';
 import { View } from '@instructure/ui-view';
@@ -24,7 +22,7 @@ import Page from "../../../common/components/layout/Page/index.js";
 import { HeaderBreadCrumb } from "../HeaderBreadCrumb/index.js";
 import PaginatedCollection from "../../../common/components/shared/PaginatedCollection/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
+import { BANKS_BANK_FILTERS, BANKS_BANK_PAGINATION, CREATE_BANK_MODAL, SHARED_WITH_ACCOUNT, withStyleOverrides, SimpleSelect, TextInput } from '@instructure/quiz-common';
 import BanksList from "../../../banks/components/BanksList/index.js";
 import CreateBankModal from "../../../banks/components/CreateBankModal/index.js";
 import NavWrapper from "../NavWrapper/index.js";
@@ -224,7 +222,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   }, {
     key: "topLevelBankFilterName",
     value: function topLevelBankFilterName() {
-      return this.props.subAccountBankSharingEnabled ? t('Shared with Me') : t('All Banks');
+      return t('Shared with Me');
     }
   }, {
     key: "renderFilters",
@@ -237,7 +235,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
         translation: t('Institution Banks')
       }, {
         slug: 'courses',
-        translation: this.props.subAccountBankSharingEnabled ? t('Shared with Courses') : t('Banks Shared to Course')
+        translation: t('Shared with Courses')
       }];
       if (this.props.scope.uuid) {
         scopeOptions.push({
@@ -245,7 +243,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
           translation: t('This Course')
         });
       }
-      if (this.props.subAccountBankSharingEnabled && this.isSubAccountLaunch()) {
+      if (this.isSubAccountLaunch()) {
         // Put this option below "Insitution Banks"
         scopeOptions.splice(2, 0, {
           slug: 'this_account',
@@ -304,7 +302,7 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
         onChange: this.handleSearchInputChange,
         placeholder: t('Search Banks'),
         "data-automation": "sdk-search-bank-textinput"
-      })), this.props.subAccountBankSharingEnabled && !this.hideAccountSearch() && jsx(Grid.Col, {
+      })), !this.hideAccountSearch() && jsx(Grid.Col, {
         width: 4
       }, jsx(AsyncSearch, {
         getShareableSubaccounts: this.props.getShareableSubaccounts,
@@ -490,7 +488,6 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   usedByCourseEnabled: PropTypes.bool,
   itemBankSearchTableEnabled: PropTypes.bool,
   setUI: PropTypes.func.isRequired,
-  subAccountBankSharingEnabled: PropTypes.bool,
   iceTopNavBarEnabled: PropTypes.bool,
   styles: PropTypes.object,
   rootAccountUuid: PropTypes.string
@@ -517,7 +514,6 @@ export var Banks = (_dec = withStyleOverrides(generateStyle, generateComponentTh
   searchSelection: [],
   usedByCourseEnabled: false,
   itemBankSearchTableEnabled: false,
-  subAccountBankSharingEnabled: false,
   iceTopNavBarEnabled: false,
   rootAccountUuid: null
 }, _Banks.contextTypes = {

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

@@ -5,7 +5,6 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { RadioInputGroup, RadioInput } from '@instructure/ui-radio-input';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { Heading } from '@instructure/ui-heading';
@@ -13,7 +12,7 @@ import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Bank from "../../../common/records/Bank.js";
 import BankSelection from "../../../common/components/resources/BankSelection/presenter.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, COPY_MOVE_BANK_ENTRY_MODAL_KEEP_COPY, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import { featureOn } from "../../../common/util/featureCheck.js";
 var _ref = /*#__PURE__*/React.createElement("br", null);
 var _ref2 = /*#__PURE__*/React.createElement("br", null);

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

@@ -9,13 +9,12 @@ import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
-import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Bank from "../../../common/records/Bank.js";
 import { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {

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

@@ -7,12 +7,11 @@ var _dec, _class, _EditBankModal;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { toErrors } from "../../../common/util/instUIMessages.js";
-import { Modal, ModalHeader, ModalBody, ModalFooter, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
 import Bank from "../../../common/records/Bank.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";

package/es/banks/components/NavWrapper/externalStyles.js

@@ -0,0 +1,5 @@
+export var generateExternalStyle = function generateExternalStyle() {
+  return {
+    showReturnButton: true
+  };
+};

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

@@ -1,6 +1,7 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { generateExternalStyle } from "./externalStyles.js";
 var generateStyle = function generateStyle(componentTheme) {
-  return {
-    showReturnButton: true,
+  return _objectSpread({
     nav: {
       display: 'flex',
       flexDirection: 'row',
@@ -25,6 +26,6 @@ var generateStyle = function generateStyle(componentTheme) {
     crumbs: {
       flex: 1
     }
-  };
+  }, generateExternalStyle());
 };
 export default generateStyle;

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

@@ -5,13 +5,12 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _RootAccountSharing;
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { withStyleOverrides, CAN_EDIT, READ_ONLY } from '@instructure/quiz-common';
+import { withStyleOverrides, CAN_EDIT, READ_ONLY, SimpleSelect } 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 generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';

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

@@ -11,10 +11,9 @@ import { Map } from 'immutable';
 import { IconCoursesLine, IconTrashLine, IconResetLine } from '@instructure/ui-icons';
 import { Grid } from '@instructure/ui-grid';
 import { Avatar } from '@instructure/ui-avatar';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
-import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, withStyleOverrides } from '@instructure/quiz-common';
+import { CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_COURSE, SimpleSelect, withStyleOverrides } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { ContextualIconButton } from "../ContextualIconButton/index.js";
 import generateStyle from "./styles.js";

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

@@ -4,14 +4,12 @@ import { connect } from "../../../common/react-redux.js";
 import { shareBank, getSharedBanks, updateSharedBankPermission, getBank, updateBank } from "../../api/banks.js";
 import { removeSharedBank } from "../../../common/actions/sharedBanks.js";
 import { withConfirm } from "../../../common/actions/modal.js";
-import { featureOn } from "../../../common/util/featureCheck.js";
 import SharingModal from "./presenter.js";
 function mapStateToProps(state, ownProps) {
   var sharedBanks = state.get('sharedBanks', Map()).filter(function (sharedBank) {
     return sharedBank.get('bankId') === ownProps.bank.id;
   }).toList();
   return {
-    subAccountBankSharingEnabled: featureOn('sub_account_bank_sharing'),
     sharedBanks: sharedBanks
   };
 }

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

@@ -1,6 +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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
@@ -14,14 +14,13 @@ import PropTypes from 'prop-types';
 import { List, Map } from 'immutable';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
-import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, CAN_EDIT, READ_ONLY, REMOVED_ACCESS, SHARED_WITH_USER, SHARED_WITH_COURSE, SHARED_WITH_ACCOUNT, SimpleSelect, withStyleOverrides } from '@instructure/quiz-common';
 import { Heading } from '@instructure/ui-heading';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { View } from '@instructure/ui-view';
 import { Grid } from '@instructure/ui-grid';
 import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
-import { SimpleSelect } from '@instructure/ui-simple-select';
 import { jsx } from '@instructure/emotion';
 import elementsForSelectors from "../../../common/util/ElementsForSelectors.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
@@ -177,27 +176,7 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       return originalEntity.get('permission', CAN_EDIT);
     };
     _this.handleEntityRemove = function (entity, undoRemove) {
-      if (_this.props.subAccountBankSharingEnabled) {
-        _this.confirmPermissionChange(entity, REMOVED_ACCESS);
-      } else {
-        var permission = undoRemove ? _this.originalPermissionForEntity(entity) : REMOVED_ACCESS;
-        _this.setState(function (prevState) {
-          var sharesIndex = prevState.shares.findIndex(function (e) {
-            return e.get('id') == entity.get('id');
-          });
-          var newEntitiesIndex = prevState.newEntities.findIndex(function (e) {
-            return e.get('id') == entity.get('id');
-          });
-          var removedNewEntity = newEntitiesIndex > -1;
-          var newShares = removedNewEntity ? prevState.shares.delete(sharesIndex) : prevState.shares.setIn([sharesIndex, 'permission'], permission);
-          var newEntities = removedNewEntity ? prevState.newEntities.delete(newEntitiesIndex) : prevState.newEntities;
-          return {
-            shares: newShares,
-            newEntities: newEntities,
-            entitiesWithChangedPermission: Object.assign({}, prevState.entitiesWithChangedPermission, _defineProperty({}, entity.get('id'), permission))
-          };
-        }, _this.updateEntitiesCount);
-      }
+      _this.confirmPermissionChange(entity, REMOVED_ACCESS);
     };
     _this.handleSearchPermissionChange = function (e, _ref4) {
       var value = _ref4.value;
@@ -224,21 +203,13 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
           permission: _this.state.searchPermission
         });
       }));
-      if (_this.props.subAccountBankSharingEnabled) {
-        newEntities.forEach(function (entity) {
-          _this.props.onShare(entity.toJS());
-          _this.props.shareBank(_this.sharedBankForEntity(entity), _this.props.getUserInfo);
-        });
-        _this.setState({
-          searchSelection: []
-        });
-      } else {
-        _this.setState({
-          searchSelection: [],
-          shares: newEntities.concat(_this.state.shares),
-          newEntities: newEntities.concat(_this.state.newEntities)
-        }, _this.updateEntitiesCount);
-      }
+      newEntities.forEach(function (entity) {
+        _this.props.onShare(entity.toJS());
+        _this.props.shareBank(_this.sharedBankForEntity(entity), _this.props.getUserInfo);
+      });
+      _this.setState({
+        searchSelection: []
+      });
     };
     _this.updatePermission = /*#__PURE__*/function () {
       var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(entity, permission) {
@@ -283,19 +254,7 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       });
     };
     _this.handleEntityPermissionChange = function (entity, permission) {
-      if (_this.props.subAccountBankSharingEnabled) {
-        _this.confirmPermissionChange(entity, permission);
-      } else {
-        _this.setState(function (prevState) {
-          var index = prevState.shares.findIndex(function (share) {
-            return share.get('id') === entity.get('id');
-          });
-          return {
-            shares: prevState.shares.setIn([index, 'permission'], permission),
-            entitiesWithChangedPermission: Object.assign({}, prevState.entitiesWithChangedPermission, _defineProperty({}, entity.get('id'), permission))
-          };
-        });
-      }
+      _this.confirmPermissionChange(entity, permission);
     };
     _this.toggleAccountShare = function (event) {
       _this.setState(function (prevState) {
@@ -384,7 +343,7 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      if (this.props.subAccountBankSharingEnabled && this.state.accountPermission !== prevState.accountPermission && this.state.accountPermission !== this.props.bank.accountPermission) {
+      if (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);
       }
@@ -503,37 +462,20 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       var existingAccounts = existingShares.filter(function (s) {
         return s.get('entityType') === SHARED_WITH_ACCOUNT;
       });
-      if (this.props.subAccountBankSharingEnabled) {
-        return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
-      }
-      return this.renderOriginalDesignEntities(existingPeople, existingCourses);
+      return this.renderSubaccountSharingEnabledEntities(existingPeople, existingCourses, existingAccounts);
     }
   }, {
     key: "renderFooter",
     value: function renderFooter() {
-      if (this.props.subAccountBankSharingEnabled) {
-        return jsx(Button, {
-          color: "primary",
-          margin: "0 x-small 0 0",
-          onClick: this.handleDismiss
-        }, t('Close'));
-      }
-      return jsx(React.Fragment, null, jsx(Button, {
-        "data-automation": "sdk-shared-bank-cancel-button",
-        color: "primary-inverse",
-        onClick: this.handleDismiss,
-        margin: "0 x-small 0 0"
-      }, t('Cancel')), jsx(Button, {
-        "data-automation": "sdk-shared-bank-done-button",
+      return jsx(Button, {
         color: "primary",
-        onClick: this.handleSubmit,
-        margin: "0 x-small 0 0"
-      }, t('Done')));
+        margin: "0 x-small 0 0",
+        onClick: this.handleDismiss
+      }, t('Close'));
     }
   }, {
     key: "render",
     value: function render() {
-      var subAccountBankSharingEnabled = this.props.subAccountBankSharingEnabled;
       return jsx(Modal, {
         open: this.props.isOpen,
         onDismiss: this.handleDismiss,
@@ -546,7 +488,7 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
         placement: "end",
         offset: "medium",
         screenReaderLabel: t('Close')
-      })), jsx(ModalBody, null, !subAccountBankSharingEnabled && this.renderRootAccountSharing(), !subAccountBankSharingEnabled && this.renderSearchSection(), this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), jsx(ModalFooter, null, this.renderFooter()));
+      })), jsx(ModalBody, null, this.state.shares.size >= 0 ? this.renderEntitiesSection() : _ref7), jsx(ModalFooter, null, this.renderFooter()));
     }
   }]);
   SharingModalPresenter.displayName = "SharingModalPresenter";
@@ -581,7 +523,6 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
   removeSharedBank: PropTypes.func.isRequired,
   shareBank: PropTypes.func.isRequired,
   sharedBanks: ImmutablePropTypes.list,
-  subAccountBankSharingEnabled: PropTypes.bool,
   updateBank: PropTypes.func.isRequired,
   updateSharedBankPermission: PropTypes.func.isRequired,
   updateSharedCount: PropTypes.func,
@@ -596,7 +537,6 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
   onDismiss: noop,
   onShare: function onShare() {},
   sharedBanks: List(),
-  subAccountBankSharingEnabled: false,
   updateSharedCount: Function.prototype
 }, _SharingModalPresenter)) || _class);
 export default SharingModalPresenter;

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -10,9 +10,9 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
+import { Text } from '@instructure/ui-text';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { CondensedButton } from '@instructure/ui-buttons';
-import { TextInput } from '@instructure/ui-text-input';
 import { jsx, Global } from '@instructure/emotion';
 import { FillBlankInteractionType } from '@instructure/quiz-interactions';
 import { IconBankLine } from '@instructure/ui-icons';
@@ -21,9 +21,10 @@ import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.
 import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
 import Item from "../../../../../../common/records/Item.js";
 import ActionButtons from "../../../ActionButtons/index.js";
-import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, withStyleOverrides } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { View } from '@instructure/ui-view';
 var _ref2 = jsx(IconBankLine, null);
 var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryHeader, _Component);
@@ -182,16 +183,19 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
   }, {
     key: "renderName",
     value: function renderName() {
-      if (this.props.quizEntry.isBank && this.props.newActiveBank) {
-        return jsx(CondensedButton, {
+      var isBank = this.props.quizEntry.isBank && this.props.newActiveBank;
+      var dataAutomation = 'sdk-quiz-entry-interaction-type';
+      if (!isBank) {
+        return jsx(Text, {
           size: "small",
-          margin: "0 0 0 x-small",
-          onClick: this.handleBankClick,
-          "data-automation": "sdk-quiz-entry-interaction-type"
+          weight: "normal",
+          "data-automation": dataAutomation
         }, this.props.name);
       }
-      return jsx("div", {
-        css: this.props.styles.interactionType,
+      return jsx(CondensedButton, {
+        size: "small",
+        margin: "0 0 0 x-small",
+        onClick: this.handleBankClick,
         "data-automation": "sdk-quiz-entry-interaction-type"
       }, this.props.name);
     }
@@ -211,20 +215,22 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         questionNumber: displayPosition,
         interactionType: entry.getInteractionType().name
       });
-      return jsx("div", {
-        css: this.props.styles.titleHolder
-      }, jsx("span", {
-        css: this.props.styles.titleInput
-      }, jsx(TextInput, {
+      return jsx(TextInput, {
         ref: this.storeTitleRef,
-        renderLabel: jsx(ScreenReaderContent, null, titleLabelText),
+        renderLabel: jsx(Flex, {
+          direction: "column",
+          gap: "small"
+        }, jsx(Flex.Item, {
+          "aria-hidden": true
+        }, this.renderName()), jsx(Flex.Item, {
+          "aria-hidden": true
+        }, t('Question Title')), jsx(ScreenReaderContent, null, titleLabelText)),
         type: "text",
-        placeholder: t('Question Title'),
         onChange: this.handleTitleChange,
         value: workingEntry.title || '',
         interaction: disabled ? 'disabled' : 'enabled',
         "data-automation": "sdk-question-title-textinput"
-      })));
+      });
     }
   }, {
     key: "renderLeftHeader",
@@ -233,14 +239,16 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         position: this.props.displayPosition
       });
       var position = this.props.disabledForRegrade ? this.props.displayPosition : this.props.quizEntry.positionToDisplay(this.props.displayPosition);
-      return jsx("div", {
+      return jsx(Flex, {
         className: "leftHeader",
-        css: this.props.styles.leftHeader
+        direction: "row",
+        justifyItems: "center",
+        "data-automation": "sdk-quiz-entry-left-header"
       }, jsx(PositionBox, {
         position: position,
         headingText: positionText,
         "data-automation": "sdk-quiz-entry-positionbox"
-      }), this.renderBankedContent(), this.renderName(), jsx("div", {
+      }), this.renderBankedContent(), jsx("div", {
         css: this.props.styles.dividingLine
       }), this.renderTitleHolder());
     }
@@ -260,12 +268,21 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         shouldDisableDeleteButton: this.props.disabledForRegrade,
         shouldRenderEdit: false
       };
-      return jsx("div", {
+      return jsx(View, {
+        as: "div",
         className: "header",
-        css: this.props.styles.header
+        background: "secondary",
+        padding: "small"
       }, jsx(Global, {
         styles: this.props.styles.globalStyles
-      }), this.renderLeftHeader(), jsx(ActionButtons, actionButtonProps));
+      }), jsx(Flex, {
+        className: "header",
+        direction: "row",
+        gap: "small"
+      }, jsx(Flex.Item, {
+        shouldShrink: false,
+        shouldGrow: true
+      }, this.renderLeftHeader()), jsx(Flex.Item, null, jsx(ActionButtons, actionButtonProps))));
     }
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js

@@ -8,39 +8,11 @@ var generateStyle = function generateStyle(componentTheme) {
     },
     header: {
       backgroundColor: componentTheme.headerBackgroundColor,
-      color: componentTheme.headerColor,
-      padding: componentTheme.headerPadding,
-      display: 'flex',
-      justifyContent: 'space-between',
-      verticalAlign: 'middle',
-      alignItems: 'center'
-    },
-    leftHeader: {
-      flex: '8 0 0',
-      display: 'inline-flex',
-      flexWrap: 'nowrap',
-      alignItems: 'center',
-      /* fix for ie11 */
-      width: '100%'
-    },
-    interactionType: {
-      fontSize: componentTheme.interactionTypeFontSize,
-      marginLeft: componentTheme.interactionTypeLeftMargin,
-      marginRight: componentTheme.interactionTypeRightMargin
+      color: componentTheme.headerColor
     },
     dividingLine: {
       width: '0',
       borderLeft: componentTheme.dividingLineLeftBorder
-    },
-    titleHolder: {
-      display: 'flex',
-      flex: '1 1 auto'
-    },
-    titleInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.titleInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
     }
   };
 };

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -5,11 +5,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     headerBackgroundColor: colors.porcelain,
     headerColor: colors.oxford,
-    headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small),
-    interactionTypeFontSize: typography.fontSizeSmall,
-    interactionTypeLeftMargin: spacing.xSmall,
-    interactionTypeRightMargin: spacing.xSmall,
-    titleInputFontSize: typography.fontSizeMedium
+    headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };
 export default generateComponentTheme;

package/es/common/components/AccessCodeTextInput/AccessCodeTextInput.stories.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AccessCodeTextInput } from "./index.js";
+export default {
+  title: AccessCodeTextInput.name
+};
+var _ref = /*#__PURE__*/React.createElement(AccessCodeTextInput, {
+  value: "Is it secret? Is it safe?"
+});
+export var whenRendered = function whenRendered() {
+  return _ref;
+};