@instructure/quiz-core 20.38.0 → 21.0.1-rc.2

package/es/common/components/resources/stimulus/StimulusEdit/presenter.js

@@ -58,6 +58,7 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
       _this.props.setUi(SHOULD_CLONE_ITEM, false);
     };
     _this.handleDeleteTemporary = function () {
+      var isPassage = _this.isPassage();
       _this.props.withConfirm(function () {
         _this.onCancel();
         _this.props.setUi(DELETED_QUIZ_ENTRY, {
@@ -65,10 +66,11 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
           inStimulus: false
         });
       }, {
-        title: t('Confirm Stimulus Removal'),
-        text: t('Are you sure you want to remove this stimulus?'),
-        continueText: t('Remove Stimulus'),
-        cancelText: t('Keep Stimulus')
+        title: isPassage ? t('Confirm Passage Removal') : t('Confirm Stimulus Removal'),
+        text: isPassage ? t('Are you sure you want to remove this passage?') : t('Are you sure you want to remove this stimulus?'),
+        continueText: isPassage ? t('Remove Passage') : t('Remove Stimulus'),
+        cancelText: isPassage ? t('Keep Passage ') : t('Keep Stimulus'),
+        automationPrefix: isPassage ? 'passage' : 'stimulus'
       });
     };
     _this.handleDeleteStimulus = function () {
@@ -293,6 +295,12 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
         outsideApp = _checkClickedNode.outsideApp;
       return outsideApp || !isEndEditingTrigger;
     }
+  }, {
+    key: "isPassage",
+    value: function isPassage() {
+      var _this$props$stimulus;
+      return (_this$props$stimulus = this.props.stimulus) === null || _this$props$stimulus === void 0 ? void 0 : _this$props$stimulus.passage;
+    }
   }, {
     key: "afterSubmit",
     value: function afterSubmit() {
@@ -320,8 +328,7 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
   }, {
     key: "renderAddToBankOptions",
     value: function renderAddToBankOptions() {
-      var _this$props$stimulus;
-      var paddingTopStyle = ((_this$props$stimulus = this.props.stimulus) === null || _this$props$stimulus === void 0 ? void 0 : _this$props$stimulus.passage) ? {
+      var paddingTopStyle = this.isPassage() ? {
         padding: 'small 0 0'
       } : {};
       return jsx(View, Object.assign({
@@ -346,7 +353,8 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
   }, {
     key: "renderStimulusEdit",
     value: function renderStimulusEdit() {
-      var stimulusLabel = this.props.stimulus.passage ? t('Passage') : t('Stimulus');
+      var stimulusLabel = this.isPassage() ? t('Passage') : t('Stimulus');
+      var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       return jsx("div", null, jsx("div", {
         css: this.props.styles.stimulus,
         ref: this.handleRef
@@ -380,7 +388,7 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
       }, jsx(Button, {
         type: "button",
         onClick: this.onCancel,
-        "data-automation": "sdk-stimulus-discardButton"
+        "data-automation": "sdk-".concat(automationPrefix, "-discardButton")
       }, t('Cancel'))), jsx("div", {
         className: "submitButtonWrapper",
         css: this.props.styles.buttonWrapper
@@ -389,7 +397,7 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
         color: "primary",
         disabled: !this.state.canSubmit,
         onClick: this.onSubmit,
-        "data-automation": "sdk-stimulus-done-button"
+        "data-automation": "sdk-".concat(automationPrefix, "-done-button")
       }, t('Done')))));
     }
   }, {

package/es/common/components/resources/stimulus/StimulusEditInfo/presenter.js

@@ -139,6 +139,7 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
       var stimulus = this.props.workingStimulus;
       var textAreaId = "stimulusBodyEdit_".concat(stimulus.id, "_").concat(this.props.isBankedContent);
       var stimulusBodyId = "stimulusBodyEdit_".concat(stimulus.id, "_body");
+      var automationPrefix = stimulus.passage ? 'passage' : 'stimulus';
       return jsx(FormFieldGroup, {
         messages: this.inputErrors('onSelf'),
         description: jsx(ScreenReaderContent, null, t('Edit Stimulus'))
@@ -154,7 +155,7 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
         ref: this.props.setTitleRef,
         onChange: this.onTextInputChange('title'),
         value: stimulus.get('title'),
-        "data-automation": "sdk-stimulus-title-input"
+        "data-automation": "sdk-".concat(automationPrefix, "-title-input")
       })), this.renderInstructions(stimulus), jsx("div", {
         css: this.props.styles.section
       }, jsx(FormField, {

package/es/common/components/resources/stimulus/StimulusShowInfo/index.js

@@ -19,7 +19,9 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
   _createClass(StimulusShowInfo, [{
     key: "render",
     value: function render() {
-      var instructions = this.props.stimulus.instructions && /*#__PURE__*/React.createElement(View, {
+      var stimulus = this.props.stimulus;
+      var automationPrefix = stimulus.passage ? 'passage' : 'stimulus';
+      var instructions = stimulus.instructions && /*#__PURE__*/React.createElement(View, {
         as: "div",
         padding: "small",
         margin: "x-small 0 0 0",
@@ -38,10 +40,10 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         color: "primary",
         size: "small",
         weight: "bold"
-      }, this.props.stimulus.instructions))));
+      }, stimulus.instructions))));
       return /*#__PURE__*/React.createElement(View, {
         as: "div"
-      }, this.props.stimulus.title && /*#__PURE__*/React.createElement(Heading, {
+      }, stimulus.title && /*#__PURE__*/React.createElement(Heading, {
         level: "h3",
         as: "h2",
         color: "primary",
@@ -49,8 +51,8 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         themeOverride: {
           h2FontWeight: '700'
         }
-      }, this.props.stimulus.title), instructions, /*#__PURE__*/React.createElement("div", {
-        "data-automation": "sdk-stimulus-LeftPanelShow-content"
+      }, stimulus.title), instructions, /*#__PURE__*/React.createElement("div", {
+        "data-automation": "sdk-".concat(automationPrefix, "-LeftPanelShow-content")
       }, /*#__PURE__*/React.createElement(RichContentRenderer, {
         content: this.props.stimulus.body
       })));

package/es/common/components/shared/PaginatedCollection/presenter.js

@@ -54,8 +54,8 @@ export var PaginatedCollection = (_dec = withStyleOverrides(generateStyle, gener
       this.getPage(this.props.stateKey, this.props.currentPage, this.props.params);
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(_ref) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(_ref) {
       var merge = _ref.merge,
         params = _ref.params,
         set = _ref.set,

package/es/common/components/shared/PrintTrigger/presenter.js

@@ -8,7 +8,6 @@ import PropTypes from 'prop-types';
 import { Overlay, Mask } from '@instructure/ui-overlays';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { QuizzesSpinner as Spinner } from "../spinner/Spinner.js";
-import elementsForSelectors from "../../../util/ElementsForSelectors.js";
 import CustomPropTypes from "../../../util/CustomPropTypes.js";
 import { printWithCss, ensureImagesLoaded } from "../../../util/printUtils.js";
 import PrintFontSizeModal from "../../PrintFontSizeModal/index.js";
@@ -74,9 +73,6 @@ export var PrintTrigger = /*#__PURE__*/function (_Component) {
       });
       _this.props.openPrintFontSizeModal();
     };
-    _this.applicationElement = function () {
-      return elementsForSelectors(_this.props.appContainer);
-    };
     _this.onExited = function () {};
     _this.fontSize = '';
     return _this;
@@ -85,7 +81,6 @@ export var PrintTrigger = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overlay, {
-        applicationElement: this.applicationElement,
         open: this.state.waitingForPrintingToBeReady,
         shouldContainFocus: true,
         transition: "fade",

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

@@ -179,8 +179,8 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(TimeUnitsInput, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _breakdownSeconds5 = breakdownSeconds(this.props.timeInSeconds, this.props.includeDays),
         days = _breakdownSeconds5.days,
         hours = _breakdownSeconds5.hours,

package/es/common/components/shared/functionality/makeEditable.js

@@ -55,8 +55,8 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
       return _this;
     }
     _createClass(_Class, [{
-      key: "componentWillMount",
-      value: function componentWillMount() {
+      key: "UNSAFE_componentWillMount",
+      value: function UNSAFE_componentWillMount() {
         this._uniqId = uniqueId("".concat(ComposedComponent.displayName, "_"));
       }
     }, {

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

@@ -83,8 +83,8 @@ var ExtraTimeMultiplier = /*#__PURE__*/function (_withI18nSupport) {
     return _this;
   }
   _createClass(ExtraTimeMultiplier, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var multiplierValue = Math.max(this.props.timerMultiplierValue, this.props.minMultiplier);
       var multiplierValueString = this.formatDecimal2FractionDigits(multiplierValue);
       this.setState({

package/es/reporting/components/resources/OutcomeAnalysis/presenter.js

@@ -7,21 +7,12 @@ import PropTypes from 'prop-types';
 import OutcomesPerStudentReport from '@instructure/outcomes-ui/es/containers/OutcomesPerStudentReport';
 import { liveRegion } from '@instructure/quiz-common';
 import CustomPropTypes from "../../../../common/util/CustomPropTypes.js";
-import elementsForSelectors from "../../../../common/util/ElementsForSelectors.js";
 export var OutcomeAnalysis = /*#__PURE__*/function (_Component) {
   _inherits(OutcomeAnalysis, _Component);
   var _super = _createSuper(OutcomeAnalysis);
   function OutcomeAnalysis() {
-    var _this;
     _classCallCheck(this, OutcomeAnalysis);
-    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.applicationElement = function () {
-      return elementsForSelectors(_this.props.appContainer);
-    };
-    return _this;
+    return _super.apply(this, arguments);
   }
   _createClass(OutcomeAnalysis, [{
     key: "render",
@@ -34,7 +25,6 @@ export var OutcomeAnalysis = /*#__PURE__*/function (_Component) {
         loadUsersOverride = _this$props.loadUsersOverride,
         showRollups = _this$props.showRollups;
       return /*#__PURE__*/React.createElement(OutcomesPerStudentReport, {
-        applicationElement: this.applicationElement,
         artifactType: "quizzes.quiz",
         artifactId: quizId,
         contextUuid: contextUuid,

package/es/reporting/components/resources/QuizAndItemAnalysis/presenter.js

@@ -40,8 +40,8 @@ export var QuizAndItemAnalysis = (_dec = withStyleOverrides(generateStyle, gener
       this.getAnalyses(this.props.activeQuizId);
     }
   }, {
-    key: "componentWillUpdate",
-    value: function componentWillUpdate(nextProps) {
+    key: "UNSAFE_componentWillUpdate",
+    value: function UNSAFE_componentWillUpdate(nextProps) {
       if (this.props.activeQuizId !== nextProps.activeQuizId) {
         this.getAnalyses(nextProps.activeQuizId);
       }

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

@@ -219,8 +219,8 @@ var BankEntry = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       this.props.setShouldClone(false);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setShouldClone(false);
     }
   }, {

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

@@ -454,7 +454,7 @@ var BanksList = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _th
       }, (0, _emotion.jsx)(_uiTable.Table.Row, null, this.renderTableSortHeader('name', (0, _formatMessage.default)('Name')), this.renderTableSortHeader('updated_at', (0, _formatMessage.default)('Updated')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-num-questions",
         width: "1"
-      }, (0, _formatMessage.default)('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage.default)('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage.default)('Created')), !this.props.isCompact && (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
+      }, (0, _formatMessage.default)('Questions')), this.renderTableSortHeader('last_used', (0, _formatMessage.default)('Last Used')), this.renderTableSortHeader('created_at', (0, _formatMessage.default)('Created')), (0, _emotion.jsx)(_uiTable.Table.ColHeader, {
         id: "header-option-links",
         width: "1"
       }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Bank option links'))))), (0, _emotion.jsx)(_uiTable.Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 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 = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiCheckbox = require("@instructure/ui-checkbox");
@@ -20,20 +21,15 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
 var _instUIMessages = require("../../../common/util/instUIMessages.js");
 var _quizCommon = require("@instructure/quiz-common");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _dec, _class, _CreateBankModal;
+var _CreateBankModal;
 /** @jsx jsx */
-var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_CreateBankModal = /*#__PURE__*/function (_Component) {
+var CreateBankModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CreateBankModal, _Component);
   var _super = (0, _createSuper2.default)(CreateBankModal);
-  function CreateBankModal() {
+  function CreateBankModal(props) {
     var _this;
     (0, _classCallCheck2.default)(this, CreateBankModal);
-    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 = _super.call(this, props);
     _this.state = {
       shareWithCourse: false
     };
@@ -45,7 +41,8 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         _this.props.onCreateBank();
         _this.closeAction();
       } else {
-        _this.props.screenreaderNotification((0, _formatMessage.default)('Bank name cannot be blank.'));
+        var _this$bankNameInput$c;
+        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 ? void 0 : _this$bankNameInput$c.focus();
       }
     };
     _this.closeAction = function () {
@@ -75,6 +72,7 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         shareWithCourse: event.target.checked
       });
     };
+    _this.bankNameInput = /*#__PURE__*/_react.default.createRef();
     return _this;
   }
   (0, _createClass2.default)(CreateBankModal, [{
@@ -99,17 +97,14 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.bankNameInput
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_quizCommon.TextInput, {
         messages: this.getErrors(),
         onChange: this.onNameChange,
-        renderLabel: (0, _emotion.jsx)("div", {
-          css: this.props.styles.bankNameLabel
-        }, (0, _formatMessage.default)('Bank Name')),
+        renderLabel: (0, _formatMessage.default)('Bank Name'),
+        isRequired: true,
         type: "text",
-        placeholder: (0, _formatMessage.default)('Enter a name...'),
-        "data-automation": "sdk-create-bank-name-textinput"
+        "data-automation": "sdk-create-bank-name-textinput",
+        ref: this.bankNameInput
       }), this.renderCheckbox());
     }
   }, {
@@ -141,7 +136,6 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         label: (0, _formatMessage.default)('Item Bank'),
         "data-automation": "sdk-create-bank-modal"
       }, (0, _emotion.jsx)(_quizCommon.ModalHeader, null, (0, _emotion.jsx)(_uiHeading.Heading, {
-        level: "reset",
         as: "h2"
       }, (0, _formatMessage.default)('New Item Bank')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
         onClick: this.closeAction,
@@ -153,7 +147,12 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }]);
   CreateBankModal.displayName = "CreateBankModal";
   return CreateBankModal;
-}(_react.Component), _CreateBankModal.displayName = 'CreateBankModal', _CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName), _CreateBankModal.propTypes = {
+}(_react.Component);
+exports.CreateBankModal = CreateBankModal;
+_CreateBankModal = CreateBankModal;
+CreateBankModal.displayName = 'CreateBankModal';
+CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName);
+CreateBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   temporaryBank: _propTypes.default.instanceOf(_Bank.default).isRequired,
@@ -176,13 +175,13 @@ var CreateBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
     root_account_name: _propTypes.default.string
   }),
   styles: _propTypes.default.object
-}, _CreateBankModal.defaultProps = {
+};
+CreateBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-}, _CreateBankModal)) || _class);
-exports.CreateBankModal = CreateBankModal;
+};
 var _default = CreateBankModal;
 exports.default = _default;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +10,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 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 = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiHeading = require("@instructure/ui-heading");
@@ -18,25 +19,23 @@ var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/f
 var _instUIMessages = require("../../../common/util/instUIMessages.js");
 var _quizCommon = require("@instructure/quiz-common");
 var _Bank = _interopRequireDefault(require("../../../common/records/Bank.js"));
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _dec, _class, _EditBankModal;
+var _EditBankModal;
 /** @jsx jsx */
-var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+var EditBankModal = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EditBankModal, _Component);
   var _super = (0, _createSuper2.default)(EditBankModal);
-  function EditBankModal() {
+  function EditBankModal(props) {
     var _this;
     (0, _classCallCheck2.default)(this, EditBankModal);
-    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 = _super.call(this, props);
     _this.continueAction = function () {
       _this.props.showError(_this.props.errorKey);
       if (_this.props.workingBank.isValid()) {
         _this.props.updateBank(_this.props.workingBank);
         _this.closeAction();
+      } else {
+        var _this$bankNameInput$c;
+        (_this$bankNameInput$c = _this.bankNameInput.current) === null || _this$bankNameInput$c === void 0 ? void 0 : _this$bankNameInput$c.focus();
       }
     };
     _this.closeAction = function () {
@@ -58,6 +57,7 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         return (0, _instUIMessages.toErrors)(_this.props.workingBank.errorsFor('title').toJS());
       }
     };
+    _this.bankNameInput = /*#__PURE__*/_react.default.createRef();
     return _this;
   }
   (0, _createClass2.default)(EditBankModal, [{
@@ -82,17 +82,16 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.bankNameInput
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      return (0, _emotion.jsx)(_quizCommon.TextInput, {
         value: this.props.workingBank.title,
         messages: this.getErrors(),
         onChange: this.onNameChange,
-        renderLabel: (0, _emotion.jsx)("div", null, (0, _formatMessage.default)('Bank Name')),
+        renderLabel: (0, _formatMessage.default)('Bank Name'),
         type: "text",
-        placeholder: (0, _formatMessage.default)('Enter a name...'),
-        "data-automation": "sdk-edit-bank-name-textinput"
-      }));
+        isRequired: true,
+        "data-automation": "sdk-edit-bank-name-textinput",
+        ref: this.bankNameInput
+      });
     }
   }, {
     key: "render",
@@ -104,7 +103,6 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         label: (0, _formatMessage.default)('Item Bank'),
         "data-automation": "sdk-edit-bank-modal"
       }, (0, _emotion.jsx)(_quizCommon.ModalHeader, null, (0, _emotion.jsx)(_uiHeading.Heading, {
-        level: "reset",
         as: "h2"
       }, (0, _formatMessage.default)('Edit Item Bank')), (0, _emotion.jsx)(_uiButtons.CloseButton, {
         onClick: this.closeAction,
@@ -116,7 +114,12 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }]);
   EditBankModal.displayName = "EditBankModal";
   return EditBankModal;
-}(_react.Component), _EditBankModal.displayName = 'EditBankModal', _EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName), _EditBankModal.propTypes = {
+}(_react.Component);
+exports.EditBankModal = EditBankModal;
+_EditBankModal = EditBankModal;
+EditBankModal.displayName = 'EditBankModal';
+EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName);
+EditBankModal.propTypes = {
   modalOpen: _propTypes.default.bool.isRequired,
   modalTrigger: _propTypes.default.instanceOf(_react.Component),
   workingBank: _propTypes.default.instanceOf(_Bank.default).isRequired,
@@ -129,10 +132,10 @@ var EditBankModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   hideError: _propTypes.default.func.isRequired,
   closeModal: _propTypes.default.func.isRequired,
   styles: _propTypes.default.object
-}, _EditBankModal.defaultProps = {
+};
+EditBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null
-}, _EditBankModal)) || _class);
-exports.EditBankModal = EditBankModal;
+};
 var _default = EditBankModal;
 exports.default = _default;

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

@@ -28,7 +28,6 @@ var _uiGrid = require("@instructure/ui-grid");
 var _uiTabs = require("@instructure/ui-tabs");
 var _uiText = require("@instructure/ui-text");
 var _emotion = require("@instructure/emotion");
-var _ElementsForSelectors = _interopRequireDefault(require("../../../common/util/ElementsForSelectors.js"));
 var _CustomPropTypes = _interopRequireDefault(require("../../../common/util/CustomPropTypes.js"));
 var _index = _interopRequireDefault(require("./ShareList/index.js"));
 var _index2 = _interopRequireDefault(require("../AsyncSearch/index.js"));
@@ -62,9 +61,6 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
     };
     _this.shareListRef = null;
     _this.shareButtonRef = null;
-    _this.applicationElement = function () {
-      return (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
     // =============
     //   LIFECYCLE
     // =============
@@ -341,8 +337,8 @@ var SharingModalPresenter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -94,8 +94,8 @@ var QuizEntryEditFooter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
     return _this;
   }
   (0, _createClass2.default)(QuizEntryEditFooter, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var points = this.getPoints(nextProps);
       this.setState({
         points: points,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -284,8 +284,8 @@ var QuizEntryEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
     }
   }, {

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

@@ -65,19 +65,20 @@ var ConfirmationModal = /*#__PURE__*/function (_Component) {
         continueText = _this$props2.continueText,
         size = _this$props2.size,
         shouldReturnFocus = _this$props2.shouldReturnFocus,
-        continueVariant = _this$props2.continueVariant;
+        continueVariant = _this$props2.continueVariant,
+        automationPrefix = _this$props2.automationPrefix;
       return /*#__PURE__*/_react.default.createElement(_quizCommon.ImportantModal, {
         open: this.props.modalOpen,
         size: size || 'small',
         label: title || (0, _formatMessage.default)('Confirm'),
         onDismiss: this.cancelAction,
-        "data-automation": "sdk-confirmation-modal",
+        "data-automation": automationPrefix ? "sdk-".concat(automationPrefix, "-confirmation-modal") : 'sdk-confirmation-modal',
         shouldReturnFocus: shouldReturnFocus,
         onClose: this.doAction
       }, /*#__PURE__*/_react.default.createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "reset",
         as: "h2",
-        "data-automation": "sdk-confirmation-modal-heading"
+        "data-automation": automationPrefix ? "sdk-".concat(automationPrefix, "-confirmation-modal-heading") : 'sdk-confirmation-modal-heading'
       }, title || (0, _formatMessage.default)('Confirm')), /*#__PURE__*/_react.default.createElement(_uiButtons.CloseButton, {
         onClick: this.cancelAction,
         placement: "end",
@@ -88,12 +89,12 @@ var ConfirmationModal = /*#__PURE__*/function (_Component) {
       }, text || (0, _formatMessage.default)('Are you sure?'))), /*#__PURE__*/_react.default.createElement(_quizCommon.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         onClick: this.cancelAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
-        "data-automation": "sdk-confirmation-modal-cancel"
+        "data-automation": automationPrefix ? "sdk-".concat(automationPrefix, "-confirmation-modal-cancel") : 'sdk-confirmation-modal-cancel'
       }, cancelText || (0, _formatMessage.default)('Cancel')), /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
         color: continueVariant || 'primary',
         onClick: this.continueAction,
         margin: _quizCommon.XSMALL_SIDE_MARGIN,
-        "data-automation": "sdk-confirmation-modal-confirm"
+        "data-automation": automationPrefix ? "sdk-".concat(automationPrefix, "-confirmation-modal-confirm") : 'sdk-confirmation-modal-confirm'
       }, continueText || (0, _formatMessage.default)('Confirm'))));
     }
   }]);
@@ -112,7 +113,8 @@ ConfirmationModal.propTypes = {
   size: _propTypes.default.string,
   shouldReturnFocus: _propTypes.default.bool,
   onContinue: _propTypes.default.func,
-  onCancel: _propTypes.default.func
+  onCancel: _propTypes.default.func,
+  automationPrefix: _propTypes.default.string
 };
 ConfirmationModal.defaultProps = {
   title: null,
@@ -123,7 +125,8 @@ ConfirmationModal.defaultProps = {
   size: null,
   shouldReturnFocus: true,
   onContinue: null,
-  onCancel: null
+  onCancel: null,
+  automationPrefix: null
 };
 var _default = ConfirmationModal;
 exports.default = _default;

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

@@ -92,8 +92,8 @@ var PrintFontSizeModal = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.def
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         selectedFontSize: nextProps.persistedPrintFontSize || this.state.selectedFontSize,
         rememberTextSizeSetting: !!this.props.persistedPrintFontSize || this.state.rememberTextSizeSetting