@instructure/quiz-core 20.11.5-rc.1 → 20.11.5-rc.2

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

@@ -22,18 +22,18 @@ import { PresentationContent } from '@instructure/ui-a11y-content';
 import { Alert } from '@instructure/ui-alerts';
 import { withStyle, jsx } from '@instructure/emotion';
 import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS, withI18nSupport } from '@instructure/quiz-common';
-import { RichContentRendererEmotion } from '@instructure/quiz-rce';
+import { RichContentRenderer } from '@instructure/quiz-rce';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
 import CopyMoveBankEntryModal from "../CopyMoveBankEntryModal/index.js";
 import ExpandButton from "../../../common/components/shared/ExpandButton/index.js";
 import QuizEntry from "../../../common/records/QuizEntry.js";
-import Overlay from "../../../common/components/shared/overlay/Overlay.js";
 import ItemShow from "../../../common/components/resources/item/ItemShow/index.js";
 import StimulusShowInfo from "../../../common/components/resources/stimulus/StimulusShowInfo/index.js";
 import TagDisplay from "../../../common/components/shared/TagDisplay/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import Overlay from "../../../common/components/shared/overlay/index.js";
 
 var _ref2 = jsx("div", null);
 
@@ -271,7 +271,7 @@ export var BankEntryRow = (_dec = withStyle(generateStyle, generateComponentThem
       // or title plain text
 
       if (itemOrStimulus.itemBody) {
-        return jsx(RichContentRendererEmotion, {
+        return jsx(RichContentRenderer, {
           customStyles: this.props.styles.stem,
           content: itemOrStimulus.itemBody
         });

package/es/building/components/resources/ItemFeedbackModal/presenter.js

@@ -12,7 +12,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { Heading } from '@instructure/ui-heading';
 import { withStyle, jsx } from '@instructure/emotion';
-import { RichContentRendererEmotion, RichContentInput, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
+import { RichContentRenderer, RichContentInput, RCE_THREE_LINES_HEIGHT } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Modal, ModalHeader, ModalBody, ModalFooter, ITEM_FEEDBACK_MODAL_FEEDBACK, XSMALL_SIDE_MARGIN } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
@@ -97,7 +97,7 @@ export var ItemFeedbackModal = (_dec = withStyle(generateStyle, generateComponen
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return jsx("div", null, jsx(RichContentRendererEmotion, {
+      return jsx("div", null, jsx(RichContentRenderer, {
         customStyles: this.props.styles.itemStem,
         content: this.props.item.itemBody
       }), this.renderRichContentInput('correct', t('For a correct answer')), this.renderRichContentInput('incorrect', t('For an incorrect answer')), this.renderRichContentInput('neutral', t('Provide general feedback (regardless of answer)')));

package/es/building/components/resources/quiz/instructions/Show/index.js

@@ -9,8 +9,8 @@ var _dec, _class, _class2, _temp;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
-import { RichContentRendererEmotion } from '@instructure/quiz-rce';
-import OverlayEmotion from "../../../../../../common/components/shared/overlayEmotion/index.js";
+import { RichContentRenderer } from '@instructure/quiz-rce';
+import Overlay from "../../../../../../common/components/shared/overlay/index.js";
 import makeScrollable from "../../../../../../common/components/shared/functionality/makeScrollable.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
@@ -48,14 +48,14 @@ export var QuizInstructionsShow = (_dec = withStyle(generateStyle, generateCompo
     value: function render() {
       return jsx("span", {
         "data-automation": "sdk-quiz-instructions-show-wrapper"
-      }, jsx(OverlayEmotion, {
+      }, jsx(Overlay, {
         wrapperStyles: this.props.styles.instructionsShowWrapper,
         onClick: this.switchOnEditing,
         tabIndex: "-1",
         hideOverlay: this.props.contentLocked
       }, jsx("div", {
         "data-automation": "instructions-show-text"
-      }, jsx(RichContentRendererEmotion, {
+      }, jsx(RichContentRenderer, {
         customStyles: this.props.styles.instructionsShowText,
         content: this.props.instructions || t('Add Instructions...')
       }))));

package/es/building/components/resources/quiz/title/Show/index.js

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
 import { TruncateText } from '@instructure/ui-truncate-text';
 import { Text } from '@instructure/ui-text';
-import OverlayEmotion from "../../../../../../common/components/shared/overlayEmotion/index.js";
+import Overlay from "../../../../../../common/components/shared/overlay/index.js";
 import makeScrollable from "../../../../../../common/components/shared/functionality/makeScrollable.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js"; // ====================================
@@ -49,7 +49,7 @@ export var QuizTitleShow = (_dec = withStyle(generateStyle, generateComponentThe
     value: function render() {
       return jsx("span", {
         "data-automation": "sdk-quiz-title-show-wrapper"
-      }, jsx(OverlayEmotion, {
+      }, jsx(Overlay, {
         wrapperStyles: this.props.styles.titleShowWrapper,
         onClick: this.switchOnEditing,
         tabIndex: "-1",

package/es/building/components/resources/quizEntry/QuizEntryShow/presenter.js

@@ -19,7 +19,7 @@ import { TOP } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { convertFITBtoRich } from "../../../../../common/util/fitbCopyHelper.js";
 import Item from "../../../../../common/records/Item.js";
-import OverlayEmotion from "../../../../../common/components/shared/overlayEmotion/index.js";
+import Overlay from "../../../../../common/components/shared/overlay/index.js";
 import ActionButtons from "../../ActionButtons/index.js";
 import { ItemTypes, dragSource, collectDrag } from "../../../../../common/components/shared/drag_and_drop/dragAndDropUtils.js";
 import PositionBox from "../../../../../common/components/resources/positionBox/PositionBox.js";
@@ -262,7 +262,7 @@ var QuizEntryShow = (_dec = withStyle(generateStyle, generateComponentTheme), _d
       var shouldLockQuizEntry = lockBlueprintContentEnabled && isContentLockedByBlueprint; // Overlay gets tabIndex === "-1" so that the drag handle is tabbable before
       // the Overlay get focus and opens the quizEntry in edit mode
 
-      return jsx(OverlayEmotion, {
+      return jsx(Overlay, {
         onClick: this.editingOn,
         wrapperStyles: this.props.styles.quizEntryWrapper,
         tabIndex: "-1",

package/es/common/components/resources/quiz/instructions/Instructions.js

@@ -12,7 +12,7 @@ import { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import PropTypes from 'prop-types';
 import { withStyle, jsx } from '@instructure/emotion';
-import { RichContentRendererEmotion } from '@instructure/quiz-rce';
+import { RichContentRenderer } from '@instructure/quiz-rce';
 import makeScrollable from "../../../shared/functionality/makeScrollable.js"; // ================================
 // renders the quiz instructions on
 // the Preview and Take pages
@@ -38,7 +38,7 @@ export var QuizInstructions = (_dec = withStyle(generateStyle, generateComponent
         "data-testid": "instructionsWrapper",
         css: this.props.styles.wrapper,
         tabIndex: "-1"
-      }, jsx(RichContentRendererEmotion, {
+      }, jsx(RichContentRenderer, {
         customStyles: this.props.styles.text,
         content: this.props.quiz.instructions
       }));

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

@@ -17,7 +17,7 @@ import { Heading } from '@instructure/ui-heading';
 import { View } from '@instructure/ui-view';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
-import { RichContentRendererEmotion } from '@instructure/quiz-rce';
+import { RichContentRenderer } from '@instructure/quiz-rce';
 import t from '@instructure/quiz-i18n/es/format-message';
 import PositionBox from "../../positionBox/PositionBox.js";
 import { COMPONENT_RESULT } from '@instructure/quiz-common';
@@ -184,7 +184,7 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
           margin: "xx-small small"
         }, formattedFeedbackTitle), jsx("div", {
           css: this.props.styles.textPadding
-        }, jsx(RichContentRendererEmotion, {
+        }, jsx(RichContentRenderer, {
           customStyles: this.props.styles.itemFeedbackText,
           content: feedbackContent
         })));
@@ -228,7 +228,7 @@ export var SessionItemResult = (_dec = withStyle(generateStyle, generateComponen
             tabIndex: "0"
           }, jsx("div", {
             css: this.props.styles.itemFeedbackLabel
-          }, t('Feedback from grader')), jsx(RichContentRendererEmotion, {
+          }, t('Feedback from grader')), jsx(RichContentRenderer, {
             customStyles: this.props.styles.itemFeedbackText,
             content: graderFeedback.content
           }));

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

@@ -18,7 +18,7 @@ import ActionButtons from "../../../../../building/components/resources/ActionBu
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import OverlayEmotion from "../../../shared/overlayEmotion/index.js";
+import Overlay from "../../../shared/overlay/index.js";
 
 var _ref = jsx(IconBankLine, null);
 
@@ -55,7 +55,7 @@ export var StimulusShow = (_dec = withStyle(generateStyle, generateComponentThem
   }, {
     key: "render",
     value: function render() {
-      return jsx(OverlayEmotion, {
+      return jsx(Overlay, {
         onClick: this.switchOnEditing,
         wrapperStyles: this.props.styles.stimulusWrapper,
         tabIndex: "-1",

package/es/common/components/shared/{overlayEmotion → overlay}/index.js

@@ -22,18 +22,18 @@ import PropTypes from 'prop-types';
 import { withStyle, jsx, Global } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-var OverlayEmotion = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(OverlayEmotion, _Component);
+var Overlay = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  _inherits(Overlay, _Component);
 
-  var _super = _createSuper(OverlayEmotion);
+  var _super = _createSuper(Overlay);
 
-  function OverlayEmotion() {
-    _classCallCheck(this, OverlayEmotion);
+  function Overlay() {
+    _classCallCheck(this, Overlay);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(OverlayEmotion, [{
+  _createClass(Overlay, [{
     key: "overlayDiv",
     value: function overlayDiv() {
       if (this.props.hideOverlay) {
@@ -71,8 +71,8 @@ var OverlayEmotion = (_dec = withStyle(generateStyle, generateComponentTheme), _
     }
   }]);
 
-  OverlayEmotion.displayName = "OverlayEmotion";
-  return OverlayEmotion;
+  Overlay.displayName = "Overlay";
+  return Overlay;
 }(Component), _class2.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired,
   hideOverlay: PropTypes.bool,
@@ -87,4 +87,4 @@ var OverlayEmotion = (_dec = withStyle(generateStyle, generateComponentTheme), _
   wrapperStyles: {},
   ariaLabel: void 0
 }, _temp)) || _class);
-export default OverlayEmotion;
+export default Overlay;

package/{lib/common/components/shared/overlayEmotion → es/common/components/shared/overlay}/styles.js

@@ -1,11 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
 var generateStyle = function generateStyle(componentTheme) {
+  var printMq = '@media print';
   return {
     root: {
       position: 'relative',
@@ -19,13 +15,14 @@ var generateStyle = function generateStyle(componentTheme) {
       zIndex: componentTheme.overlayZIndex,
       height: '100%',
       width: '100%',
-      '&:hover': {
+      '&:hover': _defineProperty({
         boxSizing: 'border-box',
         borderLeft: "".concat(componentTheme.overlayBarSize, " solid ").concat(componentTheme.overlayBarColor)
-      }
+      }, printMq, {
+        borderLeft: 'none'
+      })
     }
   };
 };
 
-var _default = generateStyle;
-exports.default = _default;
+export default generateStyle;

package/es/common/components/shared/overlay/theme.js

@@ -1,4 +1,4 @@
-export default function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       borders = _ref.borders,
       spacing = _ref.spacing;
@@ -7,4 +7,6 @@ export default function generator(_ref) {
     overlayBarColor: colors.electric,
     overlayBarSize: '0.3rem'
   };
-}
+};
+
+export default generateComponentTheme;

package/es/reporting/components/itemAnalysis/ItemAnalysisRow/presenter.js

@@ -14,7 +14,7 @@ import { MetricGroup } from '@instructure/ui-metric';
 import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { withStyle, jsx } from '@instructure/emotion';
-import { RichContentRendererEmotion } from '@instructure/quiz-rce';
+import { RichContentRenderer } from '@instructure/quiz-rce';
 import Card from "../../../../common/components/shared/Card/index.js";
 import ExpandButton from "../../../../common/components/shared/ExpandButton/index.js";
 import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
@@ -103,7 +103,7 @@ export var ItemAnalysisRow = (_dec = withStyle(generateStyle, generateComponentT
   }, {
     key: "renderStem",
     value: function renderStem() {
-      return jsx(RichContentRendererEmotion, {
+      return jsx(RichContentRenderer, {
         customStyles: this.props.styles.stem,
         content: this.props.itemAnalysis.itemBody
       });

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

@@ -57,8 +57,6 @@ var _index2 = _interopRequireDefault(require("../../../common/components/shared/
 
 var _QuizEntry = _interopRequireDefault(require("../../../common/records/QuizEntry.js"));
 
-var _Overlay = _interopRequireDefault(require("../../../common/components/shared/overlay/Overlay.js"));
-
 var _index3 = _interopRequireDefault(require("../../../common/components/resources/item/ItemShow/index.js"));
 
 var _index4 = _interopRequireDefault(require("../../../common/components/resources/stimulus/StimulusShowInfo/index.js"));
@@ -69,6 +67,8 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
+var _index6 = _interopRequireDefault(require("../../../common/components/shared/overlay/index.js"));
+
 var _dec, _class, _class2, _temp;
 
 var _ref2 = (0, _emotion.jsx)("div", null);
@@ -307,7 +307,7 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
       // or title plain text
 
       if (itemOrStimulus.itemBody) {
-        return (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+        return (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
           customStyles: this.props.styles.stem,
           content: itemOrStimulus.itemBody
         });
@@ -385,7 +385,7 @@ var BankEntryRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defau
     key: "render",
     value: function render() {
       var isExpanded = this.props.isExpanded;
-      return (0, _emotion.jsx)(_Overlay.default, {
+      return (0, _emotion.jsx)(_index6.default, {
         onClick: this.props.toggleExpanded,
         tabIndex: "-1",
         ariaLabel: this.entryIdentifier()

package/lib/building/components/resources/ItemFeedbackModal/presenter.js

@@ -118,7 +118,7 @@ var ItemFeedbackModal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
   }, {
     key: "renderContent",
     value: function renderContent() {
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         customStyles: this.props.styles.itemStem,
         content: this.props.item.itemBody
       }), this.renderRichContentInput('correct', (0, _formatMessage.default)('For a correct answer')), this.renderRichContentInput('incorrect', (0, _formatMessage.default)('For an incorrect answer')), this.renderRichContentInput('neutral', (0, _formatMessage.default)('Provide general feedback (regardless of answer)')));

package/lib/building/components/resources/quiz/instructions/Show/index.js

@@ -23,7 +23,7 @@ var _emotion = require("@instructure/emotion");
 
 var _quizRce = require("@instructure/quiz-rce");
 
-var _index = _interopRequireDefault(require("../../../../../../common/components/shared/overlayEmotion/index.js"));
+var _index = _interopRequireDefault(require("../../../../../../common/components/shared/overlay/index.js"));
 
 var _makeScrollable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeScrollable.js"));
 
@@ -75,7 +75,7 @@ var QuizInstructionsShow = (_dec = (0, _emotion.withStyle)(_styles.default, _the
         hideOverlay: this.props.contentLocked
       }, (0, _emotion.jsx)("div", {
         "data-automation": "instructions-show-text"
-      }, (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+      }, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         customStyles: this.props.styles.instructionsShowText,
         content: this.props.instructions || (0, _formatMessage.default)('Add Instructions...')
       }))));

package/lib/building/components/resources/quiz/title/Show/index.js

@@ -25,7 +25,7 @@ var _uiTruncateText = require("@instructure/ui-truncate-text");
 
 var _uiText = require("@instructure/ui-text");
 
-var _index = _interopRequireDefault(require("../../../../../../common/components/shared/overlayEmotion/index.js"));
+var _index = _interopRequireDefault(require("../../../../../../common/components/shared/overlay/index.js"));
 
 var _makeScrollable = _interopRequireDefault(require("../../../../../../common/components/shared/functionality/makeScrollable.js"));
 

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

@@ -41,7 +41,7 @@ var _fitbCopyHelper = require("../../../../../common/util/fitbCopyHelper.js");
 
 var _Item = _interopRequireDefault(require("../../../../../common/records/Item.js"));
 
-var _index = _interopRequireDefault(require("../../../../../common/components/shared/overlayEmotion/index.js"));
+var _index = _interopRequireDefault(require("../../../../../common/components/shared/overlay/index.js"));
 
 var _index2 = _interopRequireDefault(require("../../ActionButtons/index.js"));
 

package/lib/common/components/resources/quiz/instructions/Instructions.js

@@ -50,7 +50,7 @@ var QuizInstructions = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
         "data-testid": "instructionsWrapper",
         css: this.props.styles.wrapper,
         tabIndex: "-1"
-      }, (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+      }, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         customStyles: this.props.styles.text,
         content: this.props.quiz.instructions
       }));

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

@@ -211,7 +211,7 @@ var SessionItemResult = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
           margin: "xx-small small"
         }, formattedFeedbackTitle), (0, _emotion.jsx)("div", {
           css: this.props.styles.textPadding
-        }, (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+        }, (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
           customStyles: this.props.styles.itemFeedbackText,
           content: feedbackContent
         })));
@@ -255,7 +255,7 @@ var SessionItemResult = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
             tabIndex: "0"
           }, (0, _emotion.jsx)("div", {
             css: this.props.styles.itemFeedbackLabel
-          }, (0, _formatMessage.default)('Feedback from grader')), (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+          }, (0, _formatMessage.default)('Feedback from grader')), (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
             customStyles: this.props.styles.itemFeedbackText,
             content: graderFeedback.content
           }));

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

@@ -35,7 +35,7 @@ var _styles = _interopRequireDefault(require("./styles.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
 
-var _index3 = _interopRequireDefault(require("../../../shared/overlayEmotion/index.js"));
+var _index3 = _interopRequireDefault(require("../../../shared/overlay/index.js"));
 
 var _dec, _class, _class2, _temp;
 

package/lib/common/components/shared/{overlayEmotion → overlay}/index.js

@@ -29,17 +29,17 @@ var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
 
-var OverlayEmotion = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(OverlayEmotion, _Component);
+var Overlay = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(Overlay, _Component);
 
-  var _super = (0, _createSuper2.default)(OverlayEmotion);
+  var _super = (0, _createSuper2.default)(Overlay);
 
-  function OverlayEmotion() {
-    (0, _classCallCheck2.default)(this, OverlayEmotion);
+  function Overlay() {
+    (0, _classCallCheck2.default)(this, Overlay);
     return _super.apply(this, arguments);
   }
 
-  (0, _createClass2.default)(OverlayEmotion, [{
+  (0, _createClass2.default)(Overlay, [{
     key: "overlayDiv",
     value: function overlayDiv() {
       if (this.props.hideOverlay) {
@@ -76,8 +76,8 @@ var OverlayEmotion = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
       }, this.overlayDiv(), children));
     }
   }]);
-  OverlayEmotion.displayName = "OverlayEmotion";
-  return OverlayEmotion;
+  Overlay.displayName = "Overlay";
+  return Overlay;
 }(_react.Component), _class2.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element)]).isRequired,
   hideOverlay: _propTypes.default.bool,
@@ -92,5 +92,5 @@ var OverlayEmotion = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
   wrapperStyles: {},
   ariaLabel: void 0
 }, _temp)) || _class);
-var _default = OverlayEmotion;
+var _default = Overlay;
 exports.default = _default;

package/{es/common/components/shared/overlayEmotion → lib/common/components/shared/overlay}/styles.js

@@ -1,4 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var generateStyle = function generateStyle(componentTheme) {
+  var printMq = '@media print';
   return {
     root: {
       position: 'relative',
@@ -12,12 +24,15 @@ var generateStyle = function generateStyle(componentTheme) {
       zIndex: componentTheme.overlayZIndex,
       height: '100%',
       width: '100%',
-      '&:hover': {
+      '&:hover': (0, _defineProperty2.default)({
         boxSizing: 'border-box',
         borderLeft: "".concat(componentTheme.overlayBarSize, " solid ").concat(componentTheme.overlayBarColor)
-      }
+      }, printMq, {
+        borderLeft: 'none'
+      })
     }
   };
 };
 
-export default generateStyle;
+var _default = generateStyle;
+exports.default = _default;

package/lib/common/components/shared/overlay/theme.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = generator;
+exports.default = void 0;
 
-function generator(_ref) {
+var generateComponentTheme = function generateComponentTheme(_ref) {
   var colors = _ref.colors,
       borders = _ref.borders,
       spacing = _ref.spacing;
@@ -14,4 +14,7 @@ function generator(_ref) {
     overlayBarColor: colors.electric,
     overlayBarSize: '0.3rem'
   };
-}
+};
+
+var _default = generateComponentTheme;
+exports.default = _default;

package/lib/reporting/components/itemAnalysis/ItemAnalysisRow/presenter.js

@@ -136,7 +136,7 @@ var ItemAnalysisRow = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.de
   }, {
     key: "renderStem",
     value: function renderStem() {
-      return (0, _emotion.jsx)(_quizRce.RichContentRendererEmotion, {
+      return (0, _emotion.jsx)(_quizRce.RichContentRenderer, {
         customStyles: this.props.styles.stem,
         content: this.props.itemAnalysis.itemBody
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.11.5-rc.1+ea577f6df",
+  "version": "20.11.5-rc.2+da4c513cc",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -44,11 +44,11 @@
     "@instructure/emotion": "^8.51.0",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "20.11.5-rc.1+ea577f6df",
-    "@instructure/quiz-i18n": "20.11.5-rc.1+ea577f6df",
-    "@instructure/quiz-interactions": "20.11.5-rc.1+ea577f6df",
-    "@instructure/quiz-number-input": "20.11.5-rc.1+ea577f6df",
-    "@instructure/quiz-rce": "20.11.5-rc.1+ea577f6df",
+    "@instructure/quiz-common": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-i18n": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-interactions": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-number-input": "20.11.5-rc.2+da4c513cc",
+    "@instructure/quiz-rce": "20.11.5-rc.2+da4c513cc",
     "@instructure/ui-a11y-content": "^8.51.0",
     "@instructure/ui-alerts": "^8.51.0",
     "@instructure/ui-avatar": "^8.51.0",
@@ -112,7 +112,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "20.11.5-rc.1+ea577f6df",
+    "instructure-validations": "20.11.5-rc.2+da4c513cc",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -163,7 +163,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "20.11.5-rc.1+ea577f6df",
+    "quiz-presets": "20.11.5-rc.2+da4c513cc",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -179,5 +179,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ea577f6dfa9ca8b11ceeccc2fccc608f95911022"
+  "gitHead": "da4c513ccef6feab44eccfd4f0f772de3fa43fec"
 }

package/es/common/components/shared/overlay/Overlay.js

@@ -1,85 +0,0 @@
-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, _class2, _temp;
-
-/* eslint "jsx-a11y/click-events-have-key-events": "warn" */
-
-/* eslint "jsx-a11y/no-static-element-interactions": "warn" */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-/*
- * We might be able to do the mouse over stuff automatically inside of this
- * component but it seems like this is the simplest and best choice for now.
- */
-
-import { themeable } from '@instructure/ui-themeable';
-var styles = {
-  componentId: 'PuSJn',
-  template: function template(theme) {
-    return "\n\n.PuSJn_bGBk{align-self:center;position:relative}\n\n.PuSJn_cYkL{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:".concat(theme.overlayZIndex || 'inherit', "}\n\n.PuSJn_cYkL:hover{border-left:").concat(theme.overlayBarSize || 'inherit', " solid ").concat(theme.overlayBarColor || 'inherit', ";box-sizing:border-box}\n\nbody.tox-fullscreen .PuSJn_cYkL{z-index:0}\n\n@media print{.PuSJn_cYkL:hover{border-left:none}}");
-  },
-  'root': 'PuSJn_bGBk',
-  'overlay': 'PuSJn_cYkL'
-};
-import theme from "./theme.js";
-var Overlay = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  _inherits(Overlay, _Component);
-
-  var _super = _createSuper(Overlay);
-
-  function Overlay() {
-    _classCallCheck(this, Overlay);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Overlay, [{
-    key: "overlayDiv",
-    value: function overlayDiv() {
-      if (this.props.hideOverlay) {
-        return null;
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        role: "presentation",
-        className: styles.overlay,
-        onClick: this.props.onClick,
-        "data-automation": "sdk-overlay"
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          wrapperClassName = _this$props.wrapperClassName,
-          children = _this$props.children,
-          tabIndex = _this$props.tabIndex,
-          ariaLabel = _this$props.ariaLabel;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(styles.root, wrapperClassName),
-        tabIndex: tabIndex,
-        "aria-label": ariaLabel
-      }, this.overlayDiv(), children);
-    }
-  }]);
-
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}(Component), _class2.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired,
-  hideOverlay: PropTypes.bool,
-  onClick: PropTypes.func.isRequired,
-  wrapperClassName: PropTypes.string,
-  tabIndex: PropTypes.string,
-  ariaLabel: PropTypes.string
-}, _class2.defaultProps = {
-  hideOverlay: false,
-  tabIndex: '0',
-  wrapperClassName: '',
-  ariaLabel: void 0
-}, _temp)) || _class);
-export default Overlay;

package/es/common/components/shared/overlayEmotion/theme.js

@@ -1,12 +0,0 @@
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
-  return {
-    overlayZIndex: '2222',
-    overlayBarColor: colors.electric,
-    overlayBarSize: '0.3rem'
-  };
-};
-
-export default generateComponentTheme;

package/lib/common/components/shared/overlay/Overlay.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-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 = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _uiThemeable = require("@instructure/ui-themeable");
-
-var _theme = _interopRequireDefault(require("./theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var styles = {
-  componentId: 'PuSJn',
-  template: function template(theme) {
-    return "\n\n.PuSJn_bGBk{align-self:center;position:relative}\n\n.PuSJn_cYkL{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:".concat(theme.overlayZIndex || 'inherit', "}\n\n.PuSJn_cYkL:hover{border-left:").concat(theme.overlayBarSize || 'inherit', " solid ").concat(theme.overlayBarColor || 'inherit', ";box-sizing:border-box}\n\nbody.tox-fullscreen .PuSJn_cYkL{z-index:0}\n\n@media print{.PuSJn_cYkL:hover{border-left:none}}");
-  },
-  'root': 'PuSJn_bGBk',
-  'overlay': 'PuSJn_cYkL'
-};
-var Overlay = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Overlay, _Component);
-
-  var _super = (0, _createSuper2.default)(Overlay);
-
-  function Overlay() {
-    (0, _classCallCheck2.default)(this, Overlay);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(Overlay, [{
-    key: "overlayDiv",
-    value: function overlayDiv() {
-      if (this.props.hideOverlay) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        role: "presentation",
-        className: styles.overlay,
-        onClick: this.props.onClick,
-        "data-automation": "sdk-overlay"
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          wrapperClassName = _this$props.wrapperClassName,
-          children = _this$props.children,
-          tabIndex = _this$props.tabIndex,
-          ariaLabel = _this$props.ariaLabel;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(styles.root, wrapperClassName),
-        tabIndex: tabIndex,
-        "aria-label": ariaLabel
-      }, this.overlayDiv(), children);
-    }
-  }]);
-  Overlay.displayName = "Overlay";
-  return Overlay;
-}(_react.Component), _class2.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.arrayOf(_propTypes.default.element)]).isRequired,
-  hideOverlay: _propTypes.default.bool,
-  onClick: _propTypes.default.func.isRequired,
-  wrapperClassName: _propTypes.default.string,
-  tabIndex: _propTypes.default.string,
-  ariaLabel: _propTypes.default.string
-}, _class2.defaultProps = {
-  hideOverlay: false,
-  tabIndex: '0',
-  wrapperClassName: '',
-  ariaLabel: void 0
-}, _temp)) || _class);
-var _default = Overlay;
-exports.default = _default;

package/lib/common/components/shared/overlayEmotion/theme.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var generateComponentTheme = function generateComponentTheme(_ref) {
-  var colors = _ref.colors,
-      borders = _ref.borders,
-      spacing = _ref.spacing;
-  return {
-    overlayZIndex: '2222',
-    overlayBarColor: colors.electric,
-    overlayBarSize: '0.3rem'
-  };
-};
-
-var _default = generateComponentTheme;
-exports.default = _default;