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

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

@@ -212,8 +212,8 @@ export var BankEntry = (_dec = withStyleOverrides(generateStyle, generateCompone
       this.props.setShouldClone(false);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setShouldClone(false);
     }
   }, {

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

@@ -446,7 +446,7 @@ export var BanksList = (_dec = withStyleOverrides(generateStyle, generateCompone
       }, jsx(Table.Row, null, this.renderTableSortHeader('name', t('Name')), this.renderTableSortHeader('updated_at', t('Updated')), jsx(Table.ColHeader, {
         id: "header-num-questions",
         width: "1"
-      }, t('Questions')), this.renderTableSortHeader('last_used', t('Last Used')), this.renderTableSortHeader('created_at', t('Created')), !this.props.isCompact && jsx(Table.ColHeader, {
+      }, t('Questions')), this.renderTableSortHeader('last_used', t('Last Used')), this.renderTableSortHeader('created_at', t('Created')), jsx(Table.ColHeader, {
         id: "header-option-links",
         width: "1"
       }, jsx(ScreenReaderContent, null, t('Bank option links'))))), jsx(Table.Body, null, (this.props.banks.toArray() || []).map(function (bank) {

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

@@ -2,9 +2,9 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _dec, _class, _CreateBankModal;
+var _CreateBankModal;
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';
@@ -14,19 +14,14 @@ 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, 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) {
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
+export var CreateBankModal = /*#__PURE__*/function (_Component) {
   _inherits(CreateBankModal, _Component);
   var _super = _createSuper(CreateBankModal);
-  function CreateBankModal() {
+  function CreateBankModal(props) {
     var _this;
     _classCallCheck(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
     };
@@ -38,7 +33,8 @@ export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateC
         _this.props.onCreateBank();
         _this.closeAction();
       } else {
-        _this.props.screenreaderNotification(t('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 () {
@@ -68,6 +64,7 @@ export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateC
         shareWithCourse: event.target.checked
       });
     };
+    _this.bankNameInput = /*#__PURE__*/React.createRef();
     return _this;
   }
   _createClass(CreateBankModal, [{
@@ -92,17 +89,14 @@ export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateC
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return jsx("div", {
-        css: this.props.styles.bankNameInput
-      }, jsx(TextInput, {
+      return jsx("div", null, jsx(TextInput, {
         messages: this.getErrors(),
         onChange: this.onNameChange,
-        renderLabel: jsx("div", {
-          css: this.props.styles.bankNameLabel
-        }, t('Bank Name')),
+        renderLabel: t('Bank Name'),
+        isRequired: true,
         type: "text",
-        placeholder: t('Enter a name...'),
-        "data-automation": "sdk-create-bank-name-textinput"
+        "data-automation": "sdk-create-bank-name-textinput",
+        ref: this.bankNameInput
       }), this.renderCheckbox());
     }
   }, {
@@ -134,7 +128,6 @@ export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateC
         label: t('Item Bank'),
         "data-automation": "sdk-create-bank-modal"
       }, jsx(ModalHeader, null, jsx(Heading, {
-        level: "reset",
         as: "h2"
       }, t('New Item Bank')), jsx(CloseButton, {
         onClick: this.closeAction,
@@ -146,7 +139,11 @@ export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateC
   }]);
   CreateBankModal.displayName = "CreateBankModal";
   return CreateBankModal;
-}(Component), _CreateBankModal.displayName = 'CreateBankModal', _CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName), _CreateBankModal.propTypes = {
+}(Component);
+_CreateBankModal = CreateBankModal;
+CreateBankModal.displayName = 'CreateBankModal';
+CreateBankModal.componentId = "Quizzes".concat(_CreateBankModal.displayName);
+CreateBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   temporaryBank: PropTypes.instanceOf(Bank).isRequired,
@@ -169,11 +166,12 @@ export var CreateBankModal = (_dec = withStyleOverrides(generateStyle, generateC
     root_account_name: PropTypes.string
   }),
   styles: PropTypes.object
-}, _CreateBankModal.defaultProps = {
+};
+CreateBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null,
   showShareBankOnCreate: false,
   itemBanksScope: {},
   onCreateBank: function onCreateBank() {}
-}, _CreateBankModal)) || _class);
+};
 export default CreateBankModal;

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

@@ -2,34 +2,32 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _dec, _class, _EditBankModal;
+var _EditBankModal;
 /** @jsx jsx */
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 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, TextInput, XSMALL_SIDE_MARGIN, withStyleOverrides } from '@instructure/quiz-common';
+import { Modal, ModalHeader, ModalBody, ModalFooter, TextInput, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import Bank from "../../../common/records/Bank.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_EditBankModal = /*#__PURE__*/function (_Component) {
+export var EditBankModal = /*#__PURE__*/function (_Component) {
   _inherits(EditBankModal, _Component);
   var _super = _createSuper(EditBankModal);
-  function EditBankModal() {
+  function EditBankModal(props) {
     var _this;
     _classCallCheck(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 () {
@@ -51,6 +49,7 @@ export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateCom
         return toErrors(_this.props.workingBank.errorsFor('title').toJS());
       }
     };
+    _this.bankNameInput = /*#__PURE__*/React.createRef();
     return _this;
   }
   _createClass(EditBankModal, [{
@@ -75,17 +74,16 @@ export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateCom
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return jsx("div", {
-        css: this.props.styles.bankNameInput
-      }, jsx(TextInput, {
+      return jsx(TextInput, {
         value: this.props.workingBank.title,
         messages: this.getErrors(),
         onChange: this.onNameChange,
-        renderLabel: jsx("div", null, t('Bank Name')),
+        renderLabel: t('Bank Name'),
         type: "text",
-        placeholder: t('Enter a name...'),
-        "data-automation": "sdk-edit-bank-name-textinput"
-      }));
+        isRequired: true,
+        "data-automation": "sdk-edit-bank-name-textinput",
+        ref: this.bankNameInput
+      });
     }
   }, {
     key: "render",
@@ -97,7 +95,6 @@ export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateCom
         label: t('Item Bank'),
         "data-automation": "sdk-edit-bank-modal"
       }, jsx(ModalHeader, null, jsx(Heading, {
-        level: "reset",
         as: "h2"
       }, t('Edit Item Bank')), jsx(CloseButton, {
         onClick: this.closeAction,
@@ -109,7 +106,11 @@ export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateCom
   }]);
   EditBankModal.displayName = "EditBankModal";
   return EditBankModal;
-}(Component), _EditBankModal.displayName = 'EditBankModal', _EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName), _EditBankModal.propTypes = {
+}(Component);
+_EditBankModal = EditBankModal;
+EditBankModal.displayName = 'EditBankModal';
+EditBankModal.componentId = "Quizzes".concat(_EditBankModal.displayName);
+EditBankModal.propTypes = {
   modalOpen: PropTypes.bool.isRequired,
   modalTrigger: PropTypes.instanceOf(Component),
   workingBank: PropTypes.instanceOf(Bank).isRequired,
@@ -122,8 +123,9 @@ export var EditBankModal = (_dec = withStyleOverrides(generateStyle, generateCom
   hideError: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
   styles: PropTypes.object
-}, _EditBankModal.defaultProps = {
+};
+EditBankModal.defaultProps = {
   displayError: false,
   modalTrigger: null
-}, _EditBankModal)) || _class);
+};
 export default EditBankModal;

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

@@ -22,7 +22,6 @@ import { Grid } from '@instructure/ui-grid';
 import { Tabs } from '@instructure/ui-tabs';
 import { Text } from '@instructure/ui-text';
 import { jsx } from '@instructure/emotion';
-import elementsForSelectors from "../../../common/util/ElementsForSelectors.js";
 import CustomPropTypes from "../../../common/util/CustomPropTypes.js";
 import ShareList from "./ShareList/index.js";
 import AsyncSearch from "../AsyncSearch/index.js";
@@ -54,9 +53,6 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
     };
     _this.shareListRef = null;
     _this.shareButtonRef = null;
-    _this.applicationElement = function () {
-      return elementsForSelectors(_this.props.appContainer);
-    };
     // =============
     //   LIFECYCLE
     // =============
@@ -333,8 +329,8 @@ export var SharingModalPresenter = (_dec = withStyleOverrides(generateStyle, gen
       });
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(nextProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.setState({
         accountPermission: nextProps.bank.accountPermission,
         shares: nextProps.sharedBanks

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

@@ -87,8 +87,8 @@ export var QuizEntryEditFooter = (_dec = withStyleOverrides(generateStyle, gener
     return _this;
   }
   _createClass(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/es/building/components/resources/quizEntry/QuizEntryEdit/presenter.js

@@ -276,8 +276,8 @@ var QuizEntryEdit = (_dec = withStyleOverrides(generateStyle, generateComponentT
       this.props.onEditQuizEntryToggle(this.props.quizEntry.id);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.setUi(SHOULD_CLONE_ITEM, false);
     }
   }, {

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

@@ -57,19 +57,20 @@ export 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.createElement(ImportantModal, {
         open: this.props.modalOpen,
         size: size || 'small',
         label: title || t('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.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(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 || t('Confirm')), /*#__PURE__*/React.createElement(CloseButton, {
         onClick: this.cancelAction,
         placement: "end",
@@ -80,12 +81,12 @@ export var ConfirmationModal = /*#__PURE__*/function (_Component) {
       }, text || t('Are you sure?'))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
         onClick: this.cancelAction,
         margin: XSMALL_SIDE_MARGIN,
-        "data-automation": "sdk-confirmation-modal-cancel"
+        "data-automation": automationPrefix ? "sdk-".concat(automationPrefix, "-confirmation-modal-cancel") : 'sdk-confirmation-modal-cancel'
       }, cancelText || t('Cancel')), /*#__PURE__*/React.createElement(Button, {
         color: continueVariant || 'primary',
         onClick: this.continueAction,
         margin: XSMALL_SIDE_MARGIN,
-        "data-automation": "sdk-confirmation-modal-confirm"
+        "data-automation": automationPrefix ? "sdk-".concat(automationPrefix, "-confirmation-modal-confirm") : 'sdk-confirmation-modal-confirm'
       }, continueText || t('Confirm'))));
     }
   }]);
@@ -103,7 +104,8 @@ ConfirmationModal.propTypes = {
   size: PropTypes.string,
   shouldReturnFocus: PropTypes.bool,
   onContinue: PropTypes.func,
-  onCancel: PropTypes.func
+  onCancel: PropTypes.func,
+  automationPrefix: PropTypes.string
 };
 ConfirmationModal.defaultProps = {
   title: null,
@@ -114,6 +116,7 @@ ConfirmationModal.defaultProps = {
   size: null,
   shouldReturnFocus: true,
   onContinue: null,
-  onCancel: null
+  onCancel: null,
+  automationPrefix: null
 };
 export default ConfirmationModal;

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

@@ -85,8 +85,8 @@ export var PrintFontSizeModal = (_dec = withStyleOverrides(generateStyle, genera
       });
     }
   }, {
-    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

package/es/common/components/SDKApp/index.js

@@ -65,8 +65,8 @@ export var SDKApp = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
       return set('appContainer', selectors);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _this$props$rceConfig;
       this.store.dispatch([setAPIEndpoint(this.props.apiEndpoint), setCanvasOrigin((_this$props$rceConfig = this.props.rceConfig) === null || _this$props$rceConfig === void 0 ? void 0 : _this$props$rceConfig.canvasOrigin), this.setAppContainer(this.props.appContainer), setUserToken(this.props.userToken), setOutcomesEndpoint(this.props.outcomesEndpoint), setOutcomesToken(this.props.outcomesToken), setContextUuid(this.props.contextUuid), setExternalAccountUuid(this.props.externalAccountUuid)]);
       if (this.props.itemBankSharingEnabled) {
@@ -84,8 +84,8 @@ export var SDKApp = (_dec = withStyleOverrides(generateStyle, null), _dec(_class
       !this.props.disableAlertLiveRegion && renderAlerts(this.store);
     }
   }, {
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(newProps) {
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(newProps) {
       var _newProps$rceConfig, _this$props$rceConfig2;
       if (newProps.apiEndpoint !== this.props.apiEndpoint) {
         this.store.dispatch(setAPIEndpoint(newProps.apiEndpoint));

package/es/common/components/layout/navbar/SecondaryNavBarButton/index.js

@@ -2,17 +2,14 @@ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-var _dec, _class, _SecondaryNavBarButton;
+var _SecondaryNavBarButton;
 /** @jsx jsx */
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { TopNavBar } from '@instructure/ui-top-nav-bar';
-import { InstUISettingsProvider, jsx } from '@instructure/emotion';
+import { jsx } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
-export var SecondaryNavBarButton = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+export var SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   _inherits(SecondaryNavBarButton, _Component);
   var _super = _createSuper(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
@@ -20,37 +17,21 @@ export var SecondaryNavBarButton = (_dec = withStyleOverrides(generateStyle, gen
     return _super.apply(this, arguments);
   }
   _createClass(SecondaryNavBarButton, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.makeStyles();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.props.makeStyles();
-    }
-  }, {
     key: "render",
     value: function render() {
-      return jsx(InstUISettingsProvider, {
-        theme: {
-          componentOverrides: {
-            BaseButton: {
-              primaryColor: this.props.styles.textColor,
-              primaryBackground: this.props.styles.backgroundColor,
-              primaryHoverBackground: this.props.styles.backgroundHoverColor,
-              primaryBorderColor: this.props.styles.borderColor
-            }
-          }
-        }
-      }, jsx(TopNavBar.Item, omitProps(this.props, this.constructor.propTypes), this.props.children));
+      return jsx(TopNavBar.Item, Object.assign({
+        color: "secondary"
+      }, omitProps(this.props, this.constructor.propTypes)), this.props.children);
     }
   }]);
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName), _SecondaryNavBarButton.propTypes = {
+}(Component);
+_SecondaryNavBarButton = SecondaryNavBarButton;
+SecondaryNavBarButton.displayName = 'TopNavBarItem';
+SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName);
+SecondaryNavBarButton.propTypes = {
   children: PropTypes.string.isRequired,
-  styles: PropTypes.object,
-  makeStyles: PropTypes.func
-}, _SecondaryNavBarButton)) || _class);
+  styles: PropTypes.object
+};
 export default SecondaryNavBarButton;

package/es/common/components/layout/navbar/index.js

@@ -93,9 +93,6 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
             desktopBottomBorderInverse: false
           } : {}),
           navLabel: t('Quizzes navigation bar'),
-          desktopConfig: {
-            hideActionsUserSeparator: true
-          },
           smallViewportConfig: {
             dropdownMenuToggleButtonLabel: t('Toggle Menu'),
             dropdownMenuLabel: t('Main Menu')

package/es/common/components/resources/entry/EntrySave/presenter.js

@@ -85,8 +85,8 @@ export var EntrySave = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(EntrySave, [{
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       this.props.switchOnEditing(this.props.initialFocusId);
     }
   }, {

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

@@ -13,7 +13,6 @@ import componentForItem from "../../../../util/componentForItem.js";
 import { liveRegion, COMPONENT_EDIT, FormFieldGroup } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
-import elementsForSelectors from "../../../../../common/util/ElementsForSelectors.js";
 import { toErrors } from "../../../../util/instUIMessages.js";
 export var ItemEdit = /*#__PURE__*/function (_Component) {
   _inherits(ItemEdit, _Component);
@@ -32,9 +31,6 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
       }
       return null;
     };
-    _this.applicationElement = function () {
-      return elementsForSelectors(_this.props.appContainer);
-    };
     _this.onModalOpen = function () {
       _this.props.occludeQuizEntries(true);
     };
@@ -97,7 +93,6 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
           component: /*#__PURE__*/React.createElement(OutcomeAlignments, Object.assign({
             artifactType: "quizEntry",
             artifactId: itemId,
-            applicationElement: this.applicationElement,
             alignmentSetId: outcomeAlignmentSetGuid,
             contextUuid: this.props.contextUuid
           }, launchContexts.length > 0 && {

package/es/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 import { Popover } from '@instructure/ui-popover';
 import { jsx } from '@instructure/emotion';
 import CustomPropTypes from "../../../../../util/CustomPropTypes.js";
-import elementsForSelectors from "../../../../../util/ElementsForSelectors.js";
 import { onPhone, onTablet } from "../../../../../util/windowChecks.js";
 import AddContentButton from "../Button/index.js";
 import AddContentBody from "../Body/index.js";
@@ -26,9 +25,6 @@ export var AddContentPopover = (_dec = withStyleOverrides(generateStyle, generat
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _this.applicationElement = function () {
-      return elementsForSelectors(_this.props.appContainer);
-    };
     _this.showContent = function () {
       _this.props.switchOnEditing();
     };

package/es/common/components/resources/sessionItemResult/SessionItemResult/presenter.js

@@ -108,7 +108,7 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
         size: "small",
         margin: "small"
       }, jsx(Text, {
-        color: "warning"
+        color: "alert"
       }, t("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
         points: this.props.sessionItemResult.regradeInfo.get('newScore') || 0,
         possible: this.props.sessionItemResult.regradeInfo.get('newPointsPossible')

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

@@ -67,6 +67,11 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
         lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
       return lockBlueprintContentEnabled && isContentLockedByBlueprint;
     }
+  }, {
+    key: "isPassage",
+    value: function isPassage() {
+      return this.props.stimulus.passage;
+    }
   }, {
     key: "renderChildQuizEntries",
     value: function renderChildQuizEntries() {
@@ -94,9 +99,10 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
     key: "renderStimulusPanel",
     value: function renderStimulusPanel() {
       var StimulusComponent = this.props.isEditing ? StimulusEdit : StimulusShow;
+      var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       var connectDragPreview = this.props.connectDragPreview;
       return connectDragPreview(jsx("div", {
-        "data-automation": "sdk-stimulus-LeftPanelShow"
+        "data-automation": "sdk-".concat(automationPrefix, "-LeftPanelShow")
       }, jsx(StimulusComponent, {
         bankEntryWarningWrapperProps: this.props.bankEntryWarningWrapperProps,
         connectDragSource: this.props.connectDragSource,
@@ -121,18 +127,18 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   }, {
     key: "renderPanels",
     value: function renderPanels(propsForDnDZone) {
-      var isPassage = this.props.stimulus.passage;
+      var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       return jsx("div", {
         css: this.props.styles.stimulus,
         ref: this.props.dndRef,
-        "data-automation": "sdk-stimulus"
+        "data-automation": "sdk-".concat(automationPrefix)
       }, jsx("div", {
         css: this.props.styles.leftPanel
       }, this.renderStimulusPanel()), jsx("div", {
         css: this.props.styles.itemPanel
-      }, jsx("div", null), this.renderChildQuizEntries(), !isPassage && jsx(DragAndDropZone, Object.assign({}, propsForDnDZone, {
+      }, jsx("div", null), this.renderChildQuizEntries(), !this.isPassage() && jsx(DragAndDropZone, Object.assign({}, propsForDnDZone, {
         location: "in"
-      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && !isPassage && jsx(AddContentPopover, {
+      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && !this.isPassage() && jsx(AddContentPopover, {
         allowStimulusCreation: false,
         stimulusId: this.props.stimulus.id,
         parentEntryId: this.props.quizEntry.id,