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

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

@@ -72,8 +72,8 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
       return (0, _ui.set)('appContainer', selectors);
     }
   }, {
-    key: "componentWillMount",
-    value: function componentWillMount() {
+    key: "UNSAFE_componentWillMount",
+    value: function UNSAFE_componentWillMount() {
       var _this$props$rceConfig;
       this.store.dispatch([(0, _config.setAPIEndpoint)(this.props.apiEndpoint), (0, _config.setCanvasOrigin)((_this$props$rceConfig = this.props.rceConfig) === null || _this$props$rceConfig === void 0 ? void 0 : _this$props$rceConfig.canvasOrigin), this.setAppContainer(this.props.appContainer), (0, _config.setUserToken)(this.props.userToken), (0, _outcomes.setOutcomesEndpoint)(this.props.outcomesEndpoint), (0, _outcomes.setOutcomesToken)(this.props.outcomesToken), (0, _outcomes.setContextUuid)(this.props.contextUuid), (0, _outcomes.setExternalAccountUuid)(this.props.externalAccountUuid)]);
       if (this.props.itemBankSharingEnabled) {
@@ -91,8 +91,8 @@ var SDKApp = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, null),
       !this.props.disableAlertLiveRegion && (0, _renderAlerts.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((0, _config.setAPIEndpoint)(newProps.apiEndpoint));

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

@@ -14,12 +14,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiTopNavBar = require("@instructure/ui-top-nav-bar");
 var _emotion = require("@instructure/emotion");
 var _uiReactUtils = require("@instructure/ui-react-utils");
-var _styles = _interopRequireDefault(require("./styles.js"));
-var _theme = _interopRequireDefault(require("./theme.js"));
-var _quizCommon = require("@instructure/quiz-common");
-var _dec, _class, _SecondaryNavBarButton;
+var _SecondaryNavBarButton;
 /** @jsx jsx */
-var SecondaryNavBarButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme.default), _dec(_class = (_SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
+var SecondaryNavBarButton = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SecondaryNavBarButton, _Component);
   var _super = (0, _createSuper2.default)(SecondaryNavBarButton);
   function SecondaryNavBarButton() {
@@ -27,39 +24,23 @@ var SecondaryNavBarButton = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.
     return _super.apply(this, arguments);
   }
   (0, _createClass2.default)(SecondaryNavBarButton, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.props.makeStyles();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.props.makeStyles();
-    }
-  }, {
     key: "render",
     value: function render() {
-      return (0, _emotion.jsx)(_emotion.InstUISettingsProvider, {
-        theme: {
-          componentOverrides: {
-            BaseButton: {
-              primaryColor: this.props.styles.textColor,
-              primaryBackground: this.props.styles.backgroundColor,
-              primaryHoverBackground: this.props.styles.backgroundHoverColor,
-              primaryBorderColor: this.props.styles.borderColor
-            }
-          }
-        }
-      }, (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, (0, _uiReactUtils.omitProps)(this.props, this.constructor.propTypes), this.props.children));
+      return (0, _emotion.jsx)(_uiTopNavBar.TopNavBar.Item, Object.assign({
+        color: "secondary"
+      }, (0, _uiReactUtils.omitProps)(this.props, this.constructor.propTypes)), this.props.children);
     }
   }]);
   SecondaryNavBarButton.displayName = "SecondaryNavBarButton";
   return SecondaryNavBarButton;
-}(_react.Component), _SecondaryNavBarButton.displayName = 'TopNavBarItem', _SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName), _SecondaryNavBarButton.propTypes = {
-  children: _propTypes.default.string.isRequired,
-  styles: _propTypes.default.object,
-  makeStyles: _propTypes.default.func
-}, _SecondaryNavBarButton)) || _class);
+}(_react.Component);
 exports.SecondaryNavBarButton = SecondaryNavBarButton;
+_SecondaryNavBarButton = SecondaryNavBarButton;
+SecondaryNavBarButton.displayName = 'TopNavBarItem';
+SecondaryNavBarButton.componentId = "Quizzes".concat(_SecondaryNavBarButton.displayName);
+SecondaryNavBarButton.propTypes = {
+  children: _propTypes.default.string.isRequired,
+  styles: _propTypes.default.object
+};
 var _default = SecondaryNavBarButton;
 exports.default = _default;

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

@@ -100,9 +100,6 @@ var NavBar = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _theme
             desktopBottomBorderInverse: false
           } : {}),
           navLabel: (0, _formatMessage.default)('Quizzes navigation bar'),
-          desktopConfig: {
-            hideActionsUserSeparator: true
-          },
           smallViewportConfig: {
             dropdownMenuToggleButtonLabel: (0, _formatMessage.default)('Toggle Menu'),
             dropdownMenuLabel: (0, _formatMessage.default)('Main Menu')

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

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

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

@@ -21,7 +21,6 @@ var _componentForItem = _interopRequireDefault(require("../../../../util/compone
 var _quizCommon = require("@instructure/quiz-common");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _interactionTypePropsHelper = require("../../../../util/interactionTypePropsHelper.js");
-var _ElementsForSelectors = _interopRequireDefault(require("../../../../../common/util/ElementsForSelectors.js"));
 var _instUIMessages = require("../../../../util/instUIMessages.js");
 var ItemEdit = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ItemEdit, _Component);
@@ -40,9 +39,6 @@ var ItemEdit = /*#__PURE__*/function (_Component) {
       }
       return null;
     };
-    _this.applicationElement = function () {
-      return (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
     _this.onModalOpen = function () {
       _this.props.occludeQuizEntries(true);
     };
@@ -105,7 +101,6 @@ var ItemEdit = /*#__PURE__*/function (_Component) {
           component: /*#__PURE__*/_react.default.createElement(_OutcomeAlignments.default, Object.assign({
             artifactType: "quizEntry",
             artifactId: itemId,
-            applicationElement: this.applicationElement,
             alignmentSetId: outcomeAlignmentSetGuid,
             contextUuid: this.props.contextUuid
           }, launchContexts.length > 0 && {

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

@@ -14,7 +14,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiPopover = require("@instructure/ui-popover");
 var _emotion = require("@instructure/emotion");
 var _CustomPropTypes = _interopRequireDefault(require("../../../../../util/CustomPropTypes.js"));
-var _ElementsForSelectors = _interopRequireDefault(require("../../../../../util/ElementsForSelectors.js"));
 var _windowChecks = require("../../../../../util/windowChecks.js");
 var _index = _interopRequireDefault(require("../Button/index.js"));
 var _index2 = _interopRequireDefault(require("../Body/index.js"));
@@ -33,9 +32,6 @@ var AddContentPopover = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _this.applicationElement = function () {
-      return (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
     _this.showContent = function () {
       _this.props.switchOnEditing();
     };

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

@@ -115,7 +115,7 @@ var SessionItemResult = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defa
         size: "small",
         margin: "small"
       }, (0, _emotion.jsx)(_uiText.Text, {
-        color: "warning"
+        color: "alert"
       }, (0, _formatMessage.default)("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/lib/common/components/resources/stimulus/Stimulus/presenter.js

@@ -74,6 +74,11 @@ var Stimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _the
         lockBlueprintContentEnabled = _this$props2.lockBlueprintContentEnabled;
       return lockBlueprintContentEnabled && isContentLockedByBlueprint;
     }
+  }, {
+    key: "isPassage",
+    value: function isPassage() {
+      return this.props.stimulus.passage;
+    }
   }, {
     key: "renderChildQuizEntries",
     value: function renderChildQuizEntries() {
@@ -101,9 +106,10 @@ var Stimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _the
     key: "renderStimulusPanel",
     value: function renderStimulusPanel() {
       var StimulusComponent = this.props.isEditing ? _index2.default : _index3.default;
+      var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       var connectDragPreview = this.props.connectDragPreview;
       return connectDragPreview((0, _emotion.jsx)("div", {
-        "data-automation": "sdk-stimulus-LeftPanelShow"
+        "data-automation": "sdk-".concat(automationPrefix, "-LeftPanelShow")
       }, (0, _emotion.jsx)(StimulusComponent, {
         bankEntryWarningWrapperProps: this.props.bankEntryWarningWrapperProps,
         connectDragSource: this.props.connectDragSource,
@@ -128,18 +134,18 @@ var Stimulus = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _the
   }, {
     key: "renderPanels",
     value: function renderPanels(propsForDnDZone) {
-      var isPassage = this.props.stimulus.passage;
+      var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       return (0, _emotion.jsx)("div", {
         css: this.props.styles.stimulus,
         ref: this.props.dndRef,
-        "data-automation": "sdk-stimulus"
+        "data-automation": "sdk-".concat(automationPrefix)
       }, (0, _emotion.jsx)("div", {
         css: this.props.styles.leftPanel
       }, this.renderStimulusPanel()), (0, _emotion.jsx)("div", {
         css: this.props.styles.itemPanel
-      }, (0, _emotion.jsx)("div", null), this.renderChildQuizEntries(), !isPassage && (0, _emotion.jsx)(_index4.default, Object.assign({}, propsForDnDZone, {
+      }, (0, _emotion.jsx)("div", null), this.renderChildQuizEntries(), !this.isPassage() && (0, _emotion.jsx)(_index4.default, Object.assign({}, propsForDnDZone, {
         location: "in"
-      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && !isPassage && (0, _emotion.jsx)(_index.default, {
+      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && !this.isPassage() && (0, _emotion.jsx)(_index.default, {
         allowStimulusCreation: false,
         stimulusId: this.props.stimulus.id,
         parentEntryId: this.props.quizEntry.id,

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

@@ -65,6 +65,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       _this.props.setUi(_quizCommon.SHOULD_CLONE_ITEM, false);
     };
     _this.handleDeleteTemporary = function () {
+      var isPassage = _this.isPassage();
       _this.props.withConfirm(function () {
         _this.onCancel();
         _this.props.setUi(_quizCommon.DELETED_QUIZ_ENTRY, {
@@ -72,10 +73,11 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
           inStimulus: false
         });
       }, {
-        title: (0, _formatMessage.default)('Confirm Stimulus Removal'),
-        text: (0, _formatMessage.default)('Are you sure you want to remove this stimulus?'),
-        continueText: (0, _formatMessage.default)('Remove Stimulus'),
-        cancelText: (0, _formatMessage.default)('Keep Stimulus')
+        title: isPassage ? (0, _formatMessage.default)('Confirm Passage Removal') : (0, _formatMessage.default)('Confirm Stimulus Removal'),
+        text: isPassage ? (0, _formatMessage.default)('Are you sure you want to remove this passage?') : (0, _formatMessage.default)('Are you sure you want to remove this stimulus?'),
+        continueText: isPassage ? (0, _formatMessage.default)('Remove Passage') : (0, _formatMessage.default)('Remove Stimulus'),
+        cancelText: isPassage ? (0, _formatMessage.default)('Keep Passage ') : (0, _formatMessage.default)('Keep Stimulus'),
+        automationPrefix: isPassage ? 'passage' : 'stimulus'
       });
     };
     _this.handleDeleteStimulus = function () {
@@ -300,6 +302,12 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         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() {
@@ -327,8 +335,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     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 (0, _emotion.jsx)(_uiView.View, Object.assign({
@@ -353,7 +360,8 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
   }, {
     key: "renderStimulusEdit",
     value: function renderStimulusEdit() {
-      var stimulusLabel = this.props.stimulus.passage ? (0, _formatMessage.default)('Passage') : (0, _formatMessage.default)('Stimulus');
+      var stimulusLabel = this.isPassage() ? (0, _formatMessage.default)('Passage') : (0, _formatMessage.default)('Stimulus');
+      var automationPrefix = this.isPassage() ? 'passage' : 'stimulus';
       return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("div", {
         css: this.props.styles.stimulus,
         ref: this.handleRef
@@ -387,7 +395,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
       }, (0, _emotion.jsx)(_uiButtons.Button, {
         type: "button",
         onClick: this.onCancel,
-        "data-automation": "sdk-stimulus-discardButton"
+        "data-automation": "sdk-".concat(automationPrefix, "-discardButton")
       }, (0, _formatMessage.default)('Cancel'))), (0, _emotion.jsx)("div", {
         className: "submitButtonWrapper",
         css: this.props.styles.buttonWrapper
@@ -396,7 +404,7 @@ var StimulusEdit = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default,
         color: "primary",
         disabled: !this.state.canSubmit,
         onClick: this.onSubmit,
-        "data-automation": "sdk-stimulus-done-button"
+        "data-automation": "sdk-".concat(automationPrefix, "-done-button")
       }, (0, _formatMessage.default)('Done')))));
     }
   }, {

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

@@ -146,6 +146,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       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 (0, _emotion.jsx)(_quizCommon.FormFieldGroup, {
         messages: this.inputErrors('onSelf'),
         description: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, (0, _formatMessage.default)('Edit Stimulus'))
@@ -161,7 +162,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         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), (0, _emotion.jsx)("div", {
         css: this.props.styles.section
       }, (0, _emotion.jsx)(_quizCommon.FormField, {

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

@@ -27,7 +27,9 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
   (0, _createClass2.default)(StimulusShowInfo, [{
     key: "render",
     value: function render() {
-      var instructions = this.props.stimulus.instructions && /*#__PURE__*/_react.default.createElement(_uiView.View, {
+      var stimulus = this.props.stimulus;
+      var automationPrefix = stimulus.passage ? 'passage' : 'stimulus';
+      var instructions = stimulus.instructions && /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div",
         padding: "small",
         margin: "x-small 0 0 0",
@@ -46,10 +48,10 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         color: "primary",
         size: "small",
         weight: "bold"
-      }, this.props.stimulus.instructions))));
+      }, stimulus.instructions))));
       return /*#__PURE__*/_react.default.createElement(_uiView.View, {
         as: "div"
-      }, this.props.stimulus.title && /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
+      }, stimulus.title && /*#__PURE__*/_react.default.createElement(_uiHeading.Heading, {
         level: "h3",
         as: "h2",
         color: "primary",
@@ -57,8 +59,8 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
         themeOverride: {
           h2FontWeight: '700'
         }
-      }, this.props.stimulus.title), instructions, /*#__PURE__*/_react.default.createElement("div", {
-        "data-automation": "sdk-stimulus-LeftPanelShow-content"
+      }, stimulus.title), instructions, /*#__PURE__*/_react.default.createElement("div", {
+        "data-automation": "sdk-".concat(automationPrefix, "-LeftPanelShow-content")
       }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         content: this.props.stimulus.body
       })));

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

@@ -62,8 +62,8 @@ var PaginatedCollection = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
       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/lib/common/components/shared/PrintTrigger/presenter.js

@@ -16,7 +16,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _uiOverlays = require("@instructure/ui-overlays");
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 var _Spinner = require("../spinner/Spinner.js");
-var _ElementsForSelectors = _interopRequireDefault(require("../../../util/ElementsForSelectors.js"));
 var _CustomPropTypes = _interopRequireDefault(require("../../../util/CustomPropTypes.js"));
 var _printUtils = require("../../../util/printUtils.js");
 var _index = _interopRequireDefault(require("../../PrintFontSizeModal/index.js"));
@@ -82,9 +81,6 @@ var PrintTrigger = /*#__PURE__*/function (_Component) {
       });
       _this.props.openPrintFontSizeModal();
     };
-    _this.applicationElement = function () {
-      return (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
     _this.onExited = function () {};
     _this.fontSize = '';
     return _this;
@@ -93,7 +89,6 @@ var PrintTrigger = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiOverlays.Overlay, {
-        applicationElement: this.applicationElement,
         open: this.state.waitingForPrintingToBeReady,
         shouldContainFocus: true,
         transition: "fade",

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

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

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

@@ -68,8 +68,8 @@ var giveEditProps = function giveEditProps(ComposedComponent) {
       return _this;
     }
     (0, _createClass2.default)(_Class, [{
-      key: "componentWillMount",
-      value: function componentWillMount() {
+      key: "UNSAFE_componentWillMount",
+      value: function UNSAFE_componentWillMount() {
         this._uniqId = (0, _uniqueId.default)("".concat(ComposedComponent.displayName, "_"));
       }
     }, {

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

@@ -91,8 +91,8 @@ var ExtraTimeMultiplier = /*#__PURE__*/function (_withI18nSupport) {
     return _this;
   }
   (0, _createClass2.default)(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/lib/reporting/components/resources/OutcomeAnalysis/presenter.js

@@ -15,21 +15,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _OutcomesPerStudentReport = _interopRequireDefault(require("@instructure/outcomes-ui/es/containers/OutcomesPerStudentReport"));
 var _quizCommon = require("@instructure/quiz-common");
 var _CustomPropTypes = _interopRequireDefault(require("../../../../common/util/CustomPropTypes.js"));
-var _ElementsForSelectors = _interopRequireDefault(require("../../../../common/util/ElementsForSelectors.js"));
 var OutcomeAnalysis = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(OutcomeAnalysis, _Component);
   var _super = (0, _createSuper2.default)(OutcomeAnalysis);
   function OutcomeAnalysis() {
-    var _this;
     (0, _classCallCheck2.default)(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 (0, _ElementsForSelectors.default)(_this.props.appContainer);
-    };
-    return _this;
+    return _super.apply(this, arguments);
   }
   (0, _createClass2.default)(OutcomeAnalysis, [{
     key: "render",
@@ -42,7 +33,6 @@ var OutcomeAnalysis = /*#__PURE__*/function (_Component) {
         loadUsersOverride = _this$props.loadUsersOverride,
         showRollups = _this$props.showRollups;
       return /*#__PURE__*/_react.default.createElement(_OutcomesPerStudentReport.default, {
-        applicationElement: this.applicationElement,
         artifactType: "quizzes.quiz",
         artifactId: quizId,
         contextUuid: contextUuid,

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

@@ -47,8 +47,8 @@ var QuizAndItemAnalysis = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
       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);
       }