@instructure/quiz-core 17.30.0 → 17.30.1-rc.12

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

@@ -20,6 +20,7 @@ import { PresentationContent, ScreenReaderContent } from '@instructure/ui-a11y-c
 import { Alert } from '@instructure/ui-alerts';
 import { themeable } from '@instructure/ui-themeable';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../common/util/rceChecker.js";
 import { BUILD_TRAY_POSITION, COPY_MOVE_BANK_ENTRY_MODAL, SET_EDIT_BUTTON_FOCUS, withI18nSupport } from '@instructure/quiz-common';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -276,7 +277,8 @@ export var BankEntryRow = (_dec = themeable(theme, styles), _dec(_class = (_temp
       if (itemOrStimulus.itemBody) {
         return /*#__PURE__*/React.createElement(RichContentRenderer, {
           customStyles: styles.stem,
-          content: itemOrStimulus.itemBody
+          content: itemOrStimulus.itemBody,
+          useNewRce: isNewRCEEnabled()
         });
       } else {
         return /*#__PURE__*/React.createElement("div", {

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

@@ -113,7 +113,8 @@ export var ItemFeedbackModal = (_dec = themeable(theme, styles), _dec(_class = (
     value: function renderContent() {
       return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(RichContentRenderer, {
         customStyles: styles.itemStem,
-        content: this.props.item.itemBody
+        content: this.props.item.itemBody,
+        useNewRce: isNewRCEEnabled()
       }), 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,6 +9,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { themeable } from '@instructure/ui-themeable';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../../../common/util/rceChecker.js";
 import Overlay from "../../../../../../common/components/shared/overlay/Overlay.js";
 var styles = {
   componentId: 'cCwUt',
@@ -61,7 +62,8 @@ export var QuizInstructionsShow = (_dec = themeable(theme, styles), _dec(_class
         "data-automation": "instructions-show-text"
       }, /*#__PURE__*/React.createElement(RichContentRenderer, {
         customStyles: styles.instructionsShowText,
-        content: this.props.instructions || t('Add Instructions...')
+        content: this.props.instructions || t('Add Instructions...'),
+        useNewRce: isNewRCEEnabled()
       }))));
     }
   }]);

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

@@ -26,6 +26,7 @@ import ItemOverride from "../../../../../common/components/resources/item/ItemOv
 import AddToBankOptions from "../../AddToBankOptions/index.js";
 import TagDisplay from "../../../../../common/components/shared/TagDisplay/index.js";
 import Item from "../../../../../common/records/Item.js";
+import { isNewRCEEnabled } from "../../../../../common/util/rceChecker.js";
 import { BUILD_TRAY_OPEN, PARENT_TYPE_QUIZ, REGRADE_MODAL, SHOULD_CLONE_ITEM } from '@instructure/quiz-common';
 import QuizEntryShow from "../QuizEntryShow/index.js";
 import QuizEntryEdit from "../QuizEntryEdit/index.js";
@@ -173,7 +174,8 @@ export var QuizEntry = (_dec = themeable(theme, styles), _dec(_class = (_temp =
         initialFocusId: this.props.initialFocusId,
         handleValidationErrorsFromApi: this.props.handleValidationErrorsFromApi,
         clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
-        haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length)
+        haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
+        useNewRce: isNewRCEEnabled()
       }, pick(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
     }
   }, {

package/es/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -1,28 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 
 var _dec, _class, _class2, _temp;
 
 import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import classNames from 'classnames';
-import KaTeX from 'katex';
-import KaTeXAutorender from 'katex/dist/contrib/auto-render.min';
-/* eslint-disable-next-line import/no-webpack-loader-syntax, import/no-unresolved */
-
-import 'style-loader!css-loader!katex/dist/katex.css';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Button } from '@instructure/ui-buttons';
 import { Flex } from '@instructure/ui-flex';
 import { themeable } from '@instructure/ui-themeable';
 import PositionSummary from "../PositionSummary/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../util/rceChecker.js";
 var styles = {
   componentId: 'cwwgG',
   template: function template(theme) {
@@ -41,7 +36,6 @@ var styles = {
   'sidebarIsOpen': 'cwwgG_eNNp'
 };
 import theme from "./theme.js";
-window.katex = KaTeX;
 export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inherits(SidebarItem, _Component);
 
@@ -70,12 +64,6 @@ export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp
       e.stopPropagation();
     };
 
-    _this.renderKatex = function () {
-      return KaTeXAutorender(ReactDOM.findDOMNode(_assertThisInitialized(_this)));
-    };
-
-    _this.componentDidMount = _this.renderKatex;
-    _this.componentDidUpdate = _this.renderKatex;
     return _this;
   }
 
@@ -167,7 +155,10 @@ export var SidebarItem = (_dec = themeable(theme, styles), _dec(_class = (_temp
         className: styles.pointsPossible
       }, this.getPointsText(pointsPossible || 0))), /*#__PURE__*/React.createElement("div", {
         className: styles.itemBody
-      }, this.props.itemBody))), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React.createElement(RichContentRenderer, {
+        content: this.props.itemBody,
+        useNewRce: isNewRCEEnabled()
+      })))), /*#__PURE__*/React.createElement(Flex.Item, null, /*#__PURE__*/React.createElement("div", {
         className: styles.pinWrapper
       }, children))));
     }

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

@@ -127,8 +127,8 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var item = this.props.entry;
-      var interactionType = item.getInteractionType().slug;
-      var Interaction = componentForItem(interactionType, COMPONENT_EDIT);
+      var interactionType = item.getInteractionType();
+      var Interaction = componentForItem(interactionType.slug, COMPONENT_EDIT);
       var propsForInteraction = propsForInteractionEdit(this.props, this.additionalEditOptions());
       return /*#__PURE__*/React.createElement(FormFieldGroup, {
         messages: this.getError('onSelf'),
@@ -136,6 +136,7 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
         name: "edit_item_".concat(this.props.guid) // eslint-disable-line react/jsx-no-literals
 
       }, /*#__PURE__*/React.createElement(Interaction, Object.assign({}, propsForInteraction, {
+        interactionType: interactionType,
         itemId: this.props.guid,
         renderImportModal: this.renderImportModal
       })));

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

@@ -10,6 +10,7 @@ import React, { Component } from 'react';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { themeable } from '@instructure/ui-themeable';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../util/rceChecker.js";
 import makeScrollable from "../../../shared/functionality/makeScrollable.js"; // ================================
 // renders the quiz instructions on
 // the Preview and Take pages
@@ -42,7 +43,8 @@ export var QuizInstructions = (_dec = themeable(theme, styles), _dec(_class = (_
         className: styles.wrapper
       }, /*#__PURE__*/React.createElement(RichContentRenderer, {
         customStyles: styles.text,
-        content: this.props.quiz.instructions
+        content: this.props.quiz.instructions,
+        useNewRce: isNewRCEEnabled()
       }));
     }
   }]);

package/es/common/components/resources/sessionItemResult/ResultStimulus/index.js

@@ -10,6 +10,7 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { themeable } from '@instructure/ui-themeable';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../util/rceChecker.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 var styles = {
   componentId: 'fcFqb',
@@ -65,7 +66,8 @@ export var ResultStimulus = (_dec = themeable(theme, styles), _dec(_class = (_te
       }, /*#__PURE__*/React.createElement("div", {
         className: styles.title
       }, title)), /*#__PURE__*/React.createElement(RichContentRenderer, {
-        content: body
+        content: body,
+        useNewRce: isNewRCEEnabled()
       }));
     }
   }, {

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

@@ -18,6 +18,7 @@ import { View } from '@instructure/ui-view';
 import { PresentationContent } from '@instructure/ui-a11y-content';
 import { themeable } from '@instructure/ui-themeable';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../util/rceChecker.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import PositionBox from "../../positionBox/PositionBox.js";
 import { COMPONENT_RESULT } from '@instructure/quiz-common';
@@ -190,7 +191,8 @@ export var SessionItemResult = (_dec = themeable(theme, styles), _dec(_class = (
           className: styles.textPadding
         }, /*#__PURE__*/React.createElement(RichContentRenderer, {
           customStyles: styles.itemFeedbackText,
-          content: feedbackContent
+          content: feedbackContent,
+          useNewRce: isNewRCEEnabled()
         })));
       }
     }
@@ -234,7 +236,8 @@ export var SessionItemResult = (_dec = themeable(theme, styles), _dec(_class = (
             className: styles.itemFeedbackLabel
           }, t('Feedback from grader')), /*#__PURE__*/React.createElement(RichContentRenderer, {
             customStyles: styles.itemFeedbackText,
-            content: graderFeedback.content
+            content: graderFeedback.content,
+            useNewRce: isNewRCEEnabled()
           }));
         } else {
           return this.renderFeedbackBox(graderFeedback.content, t('Feedback from grader'));
@@ -274,7 +277,8 @@ export var SessionItemResult = (_dec = themeable(theme, styles), _dec(_class = (
         properties: simpleItem.properties || {},
         scoringData: simpleSessionItem.scoringData,
         scoredData: simpleSessionItemResult.scoredData,
-        itemResultsModifications: simpleResultsModifications[simpleSessionItem.id]
+        itemResultsModifications: simpleResultsModifications[simpleSessionItem.id],
+        useNewRce: isNewRCEEnabled()
       })), this.renderItemFeedback(simpleSessionItemResult));
     }
   }, {

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

@@ -7,6 +7,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Text } from '@instructure/ui-text';
 import { View } from '@instructure/ui-view';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../util/rceChecker.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 
 var StimulusShowInfo = /*#__PURE__*/function (_Component) {
@@ -52,7 +53,8 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
       }, this.props.stimulus.title), instructions, /*#__PURE__*/React.createElement("div", {
         "data-automation": "sdk-stimulus-LeftPanelShow-content"
       }, /*#__PURE__*/React.createElement(RichContentRenderer, {
-        content: this.props.stimulus.body
+        content: this.props.stimulus.body,
+        useNewRce: isNewRCEEnabled()
       })));
     }
   }]);

package/es/common/util/interactionTypePropsHelper.js

@@ -1,5 +1,6 @@
 import RichContentInput from "../components/RichContentInput/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
+import { isNewRCEEnabled } from "../../common/util/rceChecker.js";
 export var propsForInteractionEdit = function propsForInteractionEdit(props, additionalOptions) {
   var item = props.workingItem.toJS();
 
@@ -80,6 +81,7 @@ export var propsForInteractionShow = function propsForInteractionShow(item) {
     itemBody: item.itemBody || '',
     properties: item.properties,
     notifyScreenreader: true,
-    scoringData: item.scoringData
+    scoringData: item.scoringData,
+    useNewRce: isNewRCEEnabled()
   };
 };

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

@@ -14,6 +14,7 @@ import { Heading } from '@instructure/ui-heading';
 import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
 import { themeable } from '@instructure/ui-themeable';
 import { RichContentRenderer } from '@instructure/quiz-rce';
+import { isNewRCEEnabled } from "../../../../common/util/rceChecker.js";
 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";
@@ -126,7 +127,8 @@ export var ItemAnalysisRow = (_dec = themeable(theme, styles), _dec(_class = (_t
     value: function renderStem() {
       return /*#__PURE__*/React.createElement(RichContentRenderer, {
         customStyles: styles.stem,
-        content: this.props.itemAnalysis.itemBody
+        content: this.props.itemAnalysis.itemBody,
+        useNewRce: isNewRCEEnabled()
       });
     }
   }, {

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

@@ -47,6 +47,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../common/util/rceChecker.js");
+
 var _quizCommon = require("@instructure/quiz-common");
 
 var _quizInteractions = require("@instructure/quiz-interactions");
@@ -316,7 +318,8 @@ var BankEntryRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles),
       if (itemOrStimulus.itemBody) {
         return /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
           customStyles: styles.stem,
-          content: itemOrStimulus.itemBody
+          content: itemOrStimulus.itemBody,
+          useNewRce: (0, _rceChecker.isNewRCEEnabled)()
         });
       } else {
         return /*#__PURE__*/_react.default.createElement("div", {

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

@@ -139,7 +139,8 @@ var ItemFeedbackModal = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
     value: function renderContent() {
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         customStyles: styles.itemStem,
-        content: this.props.item.itemBody
+        content: this.props.item.itemBody,
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       }), 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

@@ -25,6 +25,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../../../../common/util/rceChecker.js");
+
 var _Overlay = _interopRequireDefault(require("../../../../../../common/components/shared/overlay/Overlay.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -82,7 +84,8 @@ var QuizInstructionsShow = (_dec = (0, _uiThemeable.themeable)(_theme.default, s
         "data-automation": "instructions-show-text"
       }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         customStyles: styles.instructionsShowText,
-        content: this.props.instructions || (0, _formatMessage.default)('Add Instructions...')
+        content: this.props.instructions || (0, _formatMessage.default)('Add Instructions...'),
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       }))));
     }
   }]);

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

@@ -59,6 +59,8 @@ var _index8 = _interopRequireDefault(require("../../../../../common/components/s
 
 var _Item = _interopRequireDefault(require("../../../../../common/records/Item.js"));
 
+var _rceChecker = require("../../../../../common/util/rceChecker.js");
+
 var _quizCommon = require("@instructure/quiz-common");
 
 var _index9 = _interopRequireDefault(require("../QuizEntryShow/index.js"));
@@ -214,7 +216,8 @@ var QuizEntry = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _de
         initialFocusId: this.props.initialFocusId,
         handleValidationErrorsFromApi: this.props.handleValidationErrorsFromApi,
         clearValidationErrorsFromApi: this.props.clearValidationErrorsFromApi,
-        haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length)
+        haveValidationErrorsFromApi: Boolean(Object.values(this.props.validationErrorsFromApi).length),
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       }, (0, _pick.default)(this.props, ['displayPosition', 'guid', 'draggingOnBuild', 'newHoverPosition', 'quizEntry', 'quizEntries', 'quizId', 'setUi', 'switchOffEditing', 'switchOnEditing', 'shouldClone', 'scrollKey', 'editQuizEntryToggle', 'onEditQuizEntryToggle', 'stimulusOrientation']));
     }
   }, {

package/lib/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -15,28 +15,18 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _katex = _interopRequireDefault(require("katex"));
-
-var _autoRender = _interopRequireDefault(require("katex/dist/contrib/auto-render.min"));
-
-require("style-loader!css-loader!katex/dist/katex.css");
-
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 
 var _uiButtons = require("@instructure/ui-buttons");
@@ -49,6 +39,10 @@ var _index = _interopRequireDefault(require("../PositionSummary/index.js"));
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _quizRce = require("@instructure/quiz-rce");
+
+var _rceChecker = require("../../../../util/rceChecker.js");
+
 var _theme = _interopRequireDefault(require("./theme.js"));
 
 var _dec, _class, _class2, _temp;
@@ -70,7 +64,6 @@ var styles = {
   'inStimulus': 'cwwgG_cRFW',
   'sidebarIsOpen': 'cwwgG_eNNp'
 };
-window.katex = _katex.default;
 var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(SidebarItem, _Component);
 
@@ -99,12 +92,6 @@ var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
       e.stopPropagation();
     };
 
-    _this.renderKatex = function () {
-      return (0, _autoRender.default)(_reactDom.default.findDOMNode((0, _assertThisInitialized2.default)(_this)));
-    };
-
-    _this.componentDidMount = _this.renderKatex;
-    _this.componentDidUpdate = _this.renderKatex;
     return _this;
   }
 
@@ -196,7 +183,10 @@ var SidebarItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _
         className: styles.pointsPossible
       }, this.getPointsText(pointsPossible || 0))), /*#__PURE__*/_react.default.createElement("div", {
         className: styles.itemBody
-      }, this.props.itemBody))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
+        content: this.props.itemBody,
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
+      })))), /*#__PURE__*/_react.default.createElement(_uiFlex.Flex.Item, null, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.pinWrapper
       }, children))));
     }

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

@@ -157,8 +157,8 @@ var ItemEdit = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var item = this.props.entry;
-      var interactionType = item.getInteractionType().slug;
-      var Interaction = (0, _componentForItem.default)(interactionType, _quizCommon.COMPONENT_EDIT);
+      var interactionType = item.getInteractionType();
+      var Interaction = (0, _componentForItem.default)(interactionType.slug, _quizCommon.COMPONENT_EDIT);
       var propsForInteraction = (0, _interactionTypePropsHelper.propsForInteractionEdit)(this.props, this.additionalEditOptions());
       return /*#__PURE__*/_react.default.createElement(_uiFormField.FormFieldGroup, {
         messages: this.getError('onSelf'),
@@ -166,6 +166,7 @@ var ItemEdit = /*#__PURE__*/function (_Component) {
         name: "edit_item_".concat(this.props.guid) // eslint-disable-line react/jsx-no-literals
 
       }, /*#__PURE__*/_react.default.createElement(Interaction, Object.assign({}, propsForInteraction, {
+        interactionType: interactionType,
         itemId: this.props.guid,
         renderImportModal: this.renderImportModal
       })));

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

@@ -25,6 +25,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../../util/rceChecker.js");
+
 var _makeScrollable = _interopRequireDefault(require("../../../shared/functionality/makeScrollable.js"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -60,7 +62,8 @@ var QuizInstructions = (_dec = (0, _uiThemeable.themeable)(_theme.default, style
         className: styles.wrapper
       }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         customStyles: styles.text,
-        content: this.props.quiz.instructions
+        content: this.props.quiz.instructions,
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       }));
     }
   }]);

package/lib/common/components/resources/sessionItemResult/ResultStimulus/index.js

@@ -27,6 +27,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../../util/rceChecker.js");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -85,7 +87,8 @@ var ResultStimulus = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: styles.title
       }, title)), /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
-        content: body
+        content: body,
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       }));
     }
   }, {

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

@@ -41,6 +41,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../../util/rceChecker.js");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
 var _PositionBox = _interopRequireDefault(require("../../positionBox/PositionBox.js"));
@@ -222,7 +224,8 @@ var SessionItemResult = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
           className: styles.textPadding
         }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
           customStyles: styles.itemFeedbackText,
-          content: feedbackContent
+          content: feedbackContent,
+          useNewRce: (0, _rceChecker.isNewRCEEnabled)()
         })));
       }
     }
@@ -266,7 +269,8 @@ var SessionItemResult = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
             className: styles.itemFeedbackLabel
           }, (0, _formatMessage.default)('Feedback from grader')), /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
             customStyles: styles.itemFeedbackText,
-            content: graderFeedback.content
+            content: graderFeedback.content,
+            useNewRce: (0, _rceChecker.isNewRCEEnabled)()
           }));
         } else {
           return this.renderFeedbackBox(graderFeedback.content, (0, _formatMessage.default)('Feedback from grader'));
@@ -306,7 +310,8 @@ var SessionItemResult = (_dec = (0, _uiThemeable.themeable)(_theme.default, styl
         properties: simpleItem.properties || {},
         scoringData: simpleSessionItem.scoringData,
         scoredData: simpleSessionItemResult.scoredData,
-        itemResultsModifications: simpleResultsModifications[simpleSessionItem.id]
+        itemResultsModifications: simpleResultsModifications[simpleSessionItem.id],
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       })), this.renderItemFeedback(simpleSessionItemResult));
     }
   }, {

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

@@ -27,6 +27,8 @@ var _uiView = require("@instructure/ui-view");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../../util/rceChecker.js");
+
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
 var StimulusShowInfo = /*#__PURE__*/function (_Component) {
@@ -72,7 +74,8 @@ var StimulusShowInfo = /*#__PURE__*/function (_Component) {
       }, this.props.stimulus.title), instructions, /*#__PURE__*/_react.default.createElement("div", {
         "data-automation": "sdk-stimulus-LeftPanelShow-content"
       }, /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
-        content: this.props.stimulus.body
+        content: this.props.stimulus.body,
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       })));
     }
   }]);

package/lib/common/util/interactionTypePropsHelper.js

@@ -11,6 +11,8 @@ var _index = _interopRequireDefault(require("../components/RichContentInput/inde
 
 var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
 
+var _rceChecker = require("../../common/util/rceChecker.js");
+
 var propsForInteractionEdit = function propsForInteractionEdit(props, additionalOptions) {
   var item = props.workingItem.toJS();
 
@@ -94,7 +96,8 @@ var propsForInteractionShow = function propsForInteractionShow(item) {
     itemBody: item.itemBody || '',
     properties: item.properties,
     notifyScreenreader: true,
-    scoringData: item.scoringData
+    scoringData: item.scoringData,
+    useNewRce: (0, _rceChecker.isNewRCEEnabled)()
   };
 };
 

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

@@ -35,6 +35,8 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _quizRce = require("@instructure/quiz-rce");
 
+var _rceChecker = require("../../../../common/util/rceChecker.js");
+
 var _index = _interopRequireDefault(require("../../../../common/components/shared/Card/index.js"));
 
 var _index2 = _interopRequireDefault(require("../../../../common/components/shared/ExpandButton/index.js"));
@@ -160,7 +162,8 @@ var ItemAnalysisRow = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     value: function renderStem() {
       return /*#__PURE__*/_react.default.createElement(_quizRce.RichContentRenderer, {
         customStyles: styles.stem,
-        content: this.props.itemAnalysis.itemBody
+        content: this.props.itemAnalysis.itemBody,
+        useNewRce: (0, _rceChecker.isNewRCEEnabled)()
       });
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "17.30.0",
+  "version": "17.30.1-rc.12+29840c12f",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -41,11 +41,11 @@
   ],
   "dependencies": {
     "@instructure/outcomes-ui": "^2.1.2",
-    "@instructure/quiz-common": "^17.30.0",
-    "@instructure/quiz-i18n": "^17.30.0",
-    "@instructure/quiz-interactions": "^17.30.0",
-    "@instructure/quiz-number-input": "^17.30.0",
-    "@instructure/quiz-rce": "^17.30.0",
+    "@instructure/quiz-common": "17.30.1-rc.12+29840c12f",
+    "@instructure/quiz-i18n": "17.30.1-rc.12+29840c12f",
+    "@instructure/quiz-interactions": "17.30.1-rc.12+29840c12f",
+    "@instructure/quiz-number-input": "17.30.1-rc.12+29840c12f",
+    "@instructure/quiz-rce": "17.30.1-rc.12+29840c12f",
     "@instructure/ui-a11y-content": "^7.11.0",
     "@instructure/ui-alerts": "^7.11.0",
     "@instructure/ui-avatar": "^7.11.0",
@@ -106,7 +106,7 @@
     "eventemitter3": "^3.1.0",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^17.30.0",
+    "instructure-validations": "17.30.1-rc.12+29840c12f",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -137,7 +137,7 @@
     "uuid": "^3.2.1"
   },
   "devDependencies": {
-    "@instructure/quiz-scripts": "^17.30.0",
+    "@instructure/quiz-scripts": "17.30.1-rc.12+29840c12f",
     "@instructure/ui-axe-check": "^7.11.0",
     "@instructure/ui-babel-preset": "^7.11.0",
     "@instructure/ui-karma-config": "^7.11.0",
@@ -156,7 +156,7 @@
     "intl": "^1.2.4",
     "jquery": "^2.2.3",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^17.30.0",
+    "quiz-presets": "17.30.1-rc.12+29840c12f",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -172,5 +172,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0051eb4175d8726afddd2c5620cece18214a0cce"
+  "gitHead": "29840c12fa498b47c61cb5ba5b9fddd17e4c0ef0"
 }