@instructure/quiz-core 20.36.1-rc.9 → 20.37.1

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -10,6 +10,7 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
+import { Text } from '@instructure/ui-text';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { jsx, Global } from '@instructure/emotion';
@@ -20,9 +21,10 @@ import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.
 import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
 import Item from "../../../../../../common/records/Item.js";
 import ActionButtons from "../../../ActionButtons/index.js";
-import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, TextInput, withStyleOverrides } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { View } from '@instructure/ui-view';
 var _ref2 = jsx(IconBankLine, null);
 var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryHeader, _Component);
@@ -181,16 +183,19 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
   }, {
     key: "renderName",
     value: function renderName() {
-      if (this.props.quizEntry.isBank && this.props.newActiveBank) {
-        return jsx(CondensedButton, {
+      var isBank = this.props.quizEntry.isBank && this.props.newActiveBank;
+      var dataAutomation = 'sdk-quiz-entry-interaction-type';
+      if (!isBank) {
+        return jsx(Text, {
           size: "small",
-          margin: "0 0 0 x-small",
-          onClick: this.handleBankClick,
-          "data-automation": "sdk-quiz-entry-interaction-type"
+          weight: "normal",
+          "data-automation": dataAutomation
         }, this.props.name);
       }
-      return jsx("div", {
-        css: this.props.styles.interactionType,
+      return jsx(CondensedButton, {
+        size: "small",
+        margin: "0 0 0 x-small",
+        onClick: this.handleBankClick,
         "data-automation": "sdk-quiz-entry-interaction-type"
       }, this.props.name);
     }
@@ -210,20 +215,22 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         questionNumber: displayPosition,
         interactionType: entry.getInteractionType().name
       });
-      return jsx("div", {
-        css: this.props.styles.titleHolder
-      }, jsx("span", {
-        css: this.props.styles.titleInput
-      }, jsx(TextInput, {
+      return jsx(TextInput, {
         ref: this.storeTitleRef,
-        renderLabel: jsx(ScreenReaderContent, null, titleLabelText),
+        renderLabel: jsx(Flex, {
+          direction: "column",
+          gap: "small"
+        }, jsx(Flex.Item, {
+          "aria-hidden": true
+        }, this.renderName()), jsx(Flex.Item, {
+          "aria-hidden": true
+        }, t('Question Title')), jsx(ScreenReaderContent, null, titleLabelText)),
         type: "text",
-        placeholder: t('Question Title'),
         onChange: this.handleTitleChange,
         value: workingEntry.title || '',
         interaction: disabled ? 'disabled' : 'enabled',
         "data-automation": "sdk-question-title-textinput"
-      })));
+      });
     }
   }, {
     key: "renderLeftHeader",
@@ -232,14 +239,16 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         position: this.props.displayPosition
       });
       var position = this.props.disabledForRegrade ? this.props.displayPosition : this.props.quizEntry.positionToDisplay(this.props.displayPosition);
-      return jsx("div", {
+      return jsx(Flex, {
         className: "leftHeader",
-        css: this.props.styles.leftHeader
+        direction: "row",
+        justifyItems: "center",
+        "data-automation": "sdk-quiz-entry-left-header"
       }, jsx(PositionBox, {
         position: position,
         headingText: positionText,
         "data-automation": "sdk-quiz-entry-positionbox"
-      }), this.renderBankedContent(), this.renderName(), jsx("div", {
+      }), this.renderBankedContent(), jsx("div", {
         css: this.props.styles.dividingLine
       }), this.renderTitleHolder());
     }
@@ -259,12 +268,21 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         shouldDisableDeleteButton: this.props.disabledForRegrade,
         shouldRenderEdit: false
       };
-      return jsx("div", {
+      return jsx(View, {
+        as: "div",
         className: "header",
-        css: this.props.styles.header
+        background: "secondary",
+        padding: "small"
       }, jsx(Global, {
         styles: this.props.styles.globalStyles
-      }), this.renderLeftHeader(), jsx(ActionButtons, actionButtonProps));
+      }), jsx(Flex, {
+        className: "header",
+        direction: "row",
+        gap: "small"
+      }, jsx(Flex.Item, {
+        shouldShrink: false,
+        shouldGrow: true
+      }, this.renderLeftHeader()), jsx(Flex.Item, null, jsx(ActionButtons, actionButtonProps))));
     }
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js

@@ -8,39 +8,11 @@ var generateStyle = function generateStyle(componentTheme) {
     },
     header: {
       backgroundColor: componentTheme.headerBackgroundColor,
-      color: componentTheme.headerColor,
-      padding: componentTheme.headerPadding,
-      display: 'flex',
-      justifyContent: 'space-between',
-      verticalAlign: 'middle',
-      alignItems: 'center'
-    },
-    leftHeader: {
-      flex: '8 0 0',
-      display: 'inline-flex',
-      flexWrap: 'nowrap',
-      alignItems: 'center',
-      /* fix for ie11 */
-      width: '100%'
-    },
-    interactionType: {
-      fontSize: componentTheme.interactionTypeFontSize,
-      marginLeft: componentTheme.interactionTypeLeftMargin,
-      marginRight: componentTheme.interactionTypeRightMargin
+      color: componentTheme.headerColor
     },
     dividingLine: {
       width: '0',
       borderLeft: componentTheme.dividingLineLeftBorder
-    },
-    titleHolder: {
-      display: 'flex',
-      flex: '1 1 auto'
-    },
-    titleInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.titleInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
     }
   };
 };

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -5,11 +5,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     headerBackgroundColor: colors.porcelain,
     headerColor: colors.oxford,
-    headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small),
-    interactionTypeFontSize: typography.fontSizeSmall,
-    interactionTypeLeftMargin: spacing.xSmall,
-    interactionTypeRightMargin: spacing.xSmall,
-    titleInputFontSize: typography.fontSizeMedium
+    headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };
 export default generateComponentTheme;

package/es/common/components/layout/Page/styles.js

@@ -17,16 +17,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       overflowY: 'auto'
     }), {}, {
       transition: componentTheme.contentTransition,
-      width: '100%',
-      '.user_content p': {
-        margin: "".concat(componentTheme.userContentMargin, " 0"),
-        '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
-        },
-        '&:last-child': {
-          marginBottom: componentTheme.userContentZeroMargin
-        }
-      }
+      width: '100%'
     })
   };
 };

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

@@ -4,8 +4,7 @@ var generateStyle = function generateStyle(componentTheme) {
       position: 'relative',
       width: '100%',
       boxSizing: 'border-box',
-      paddingLeft: componentTheme.wrapperPadding,
-      paddingRight: componentTheme.wrapperPadding,
+      padding: "0 ".concat(componentTheme.wrapperPadding, " ").concat(componentTheme.wrapperPadding),
       '&::after': {
         clear: 'both',
         content: '""',
@@ -14,10 +13,10 @@ var generateStyle = function generateStyle(componentTheme) {
       '.user_content p': {
         margin: "".concat(componentTheme.userContentMargin, " 0"),
         '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
+          margin: "0 0 ".concat(componentTheme.userContentMargin)
         },
         '&:last-child': {
-          marginBottom: componentTheme.userContentMargin
+          margin: "".concat(componentTheme.userContentMargin, " 0 0")
         }
       }
     },

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

@@ -4,8 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     wrapperPadding: spacing.large,
     textFontSize: typography.fontSizeMedium,
-    userContentMargin: spacing.mediumSmall,
-    userContentZeroMargin: 0
+    userContentMargin: spacing.mediumSmall
   };
 };
 export default generateComponentTheme;

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

@@ -8,14 +8,13 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { FormField } from '@instructure/ui-form-field';
 import { jsx } from '@instructure/emotion';
 import { Heading } from '@instructure/ui-heading';
 import { RichContentInput, RCE_SINGLE_LINE_HEIGHT } from '@instructure/quiz-rce';
 import { toErrors } from "../../../../util/instUIMessages.js";
 import { IconUpdownLine } from '@instructure/ui-icons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { SimpleSelect, TextInput, TOP, withStyleOverrides, FormFieldGroup } from '@instructure/quiz-common';
+import { SimpleSelect, TextInput, TOP, withStyleOverrides, FormFieldGroup, FormField } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
@@ -110,6 +109,7 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
       }, jsx(TextInput, {
         messages: this.inputErrors('title'),
         renderLabel: t('Title'),
+        isRequired: true,
         type: "text",
         ref: this.props.setTitleRef,
         onChange: this.onTextInputChange('title'),
@@ -126,13 +126,12 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
       })), jsx("div", {
         css: this.props.styles.section
       }, jsx(FormField, {
-        id: stimulusBodyId,
-        label: t('Content')
+        id: stimulusBodyId
       }, jsx(RichContentInput, {
         actsAsInput: true,
-        label: "",
+        label: t('Content'),
+        isRequired: true,
         messages: this.inputErrors('body'),
-        placeholder: t('Add Stimulus Content...'),
         textareaId: textAreaId,
         defaultContent: stimulus.get('body'),
         onKeyUp: this.onBodyChange,

package/es/common/records/Stimulus.js

@@ -71,6 +71,7 @@ export var Stimulus = /*#__PURE__*/function (_ReduxRecord) {
   body: '',
   sourceUrl: '',
   status: 'mutable',
-  orientation: 'left'
+  orientation: 'left',
+  passage: false
 }));
 export default Stimulus;

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -15,6 +15,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _partial = _interopRequireDefault(require("lodash/partial"));
+var _uiText = require("@instructure/ui-text");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiButtons = require("@instructure/ui-buttons");
 var _emotion = require("@instructure/emotion");
@@ -28,6 +29,7 @@ var _index = _interopRequireDefault(require("../../../ActionButtons/index.js"));
 var _quizCommon = require("@instructure/quiz-common");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
+var _uiView = require("@instructure/ui-view");
 var _dec, _class, _QuizEntryHeader;
 /** @jsx jsx */
 var _ref2 = (0, _emotion.jsx)(_uiIcons.IconBankLine, null);
@@ -188,16 +190,19 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
   }, {
     key: "renderName",
     value: function renderName() {
-      if (this.props.quizEntry.isBank && this.props.newActiveBank) {
-        return (0, _emotion.jsx)(_uiButtons.CondensedButton, {
+      var isBank = this.props.quizEntry.isBank && this.props.newActiveBank;
+      var dataAutomation = 'sdk-quiz-entry-interaction-type';
+      if (!isBank) {
+        return (0, _emotion.jsx)(_uiText.Text, {
           size: "small",
-          margin: "0 0 0 x-small",
-          onClick: this.handleBankClick,
-          "data-automation": "sdk-quiz-entry-interaction-type"
+          weight: "normal",
+          "data-automation": dataAutomation
         }, this.props.name);
       }
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.interactionType,
+      return (0, _emotion.jsx)(_uiButtons.CondensedButton, {
+        size: "small",
+        margin: "0 0 0 x-small",
+        onClick: this.handleBankClick,
         "data-automation": "sdk-quiz-entry-interaction-type"
       }, this.props.name);
     }
@@ -217,20 +222,22 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         questionNumber: displayPosition,
         interactionType: entry.getInteractionType().name
       });
-      return (0, _emotion.jsx)("div", {
-        css: this.props.styles.titleHolder
-      }, (0, _emotion.jsx)("span", {
-        css: this.props.styles.titleInput
-      }, (0, _emotion.jsx)(_quizCommon.TextInput, {
+      return (0, _emotion.jsx)(_quizCommon.TextInput, {
         ref: this.storeTitleRef,
-        renderLabel: (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, titleLabelText),
+        renderLabel: (0, _emotion.jsx)(_quizCommon.Flex, {
+          direction: "column",
+          gap: "small"
+        }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+          "aria-hidden": true
+        }, this.renderName()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+          "aria-hidden": true
+        }, (0, _formatMessage.default)('Question Title')), (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, titleLabelText)),
         type: "text",
-        placeholder: (0, _formatMessage.default)('Question Title'),
         onChange: this.handleTitleChange,
         value: workingEntry.title || '',
         interaction: disabled ? 'disabled' : 'enabled',
         "data-automation": "sdk-question-title-textinput"
-      })));
+      });
     }
   }, {
     key: "renderLeftHeader",
@@ -239,14 +246,16 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         position: this.props.displayPosition
       });
       var position = this.props.disabledForRegrade ? this.props.displayPosition : this.props.quizEntry.positionToDisplay(this.props.displayPosition);
-      return (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_quizCommon.Flex, {
         className: "leftHeader",
-        css: this.props.styles.leftHeader
+        direction: "row",
+        justifyItems: "center",
+        "data-automation": "sdk-quiz-entry-left-header"
       }, (0, _emotion.jsx)(_PositionBox.default, {
         position: position,
         headingText: positionText,
         "data-automation": "sdk-quiz-entry-positionbox"
-      }), this.renderBankedContent(), this.renderName(), (0, _emotion.jsx)("div", {
+      }), this.renderBankedContent(), (0, _emotion.jsx)("div", {
         css: this.props.styles.dividingLine
       }), this.renderTitleHolder());
     }
@@ -266,12 +275,21 @@ var QuizEntryHeader = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defaul
         shouldDisableDeleteButton: this.props.disabledForRegrade,
         shouldRenderEdit: false
       };
-      return (0, _emotion.jsx)("div", {
+      return (0, _emotion.jsx)(_uiView.View, {
+        as: "div",
         className: "header",
-        css: this.props.styles.header
+        background: "secondary",
+        padding: "small"
       }, (0, _emotion.jsx)(_emotion.Global, {
         styles: this.props.styles.globalStyles
-      }), this.renderLeftHeader(), (0, _emotion.jsx)(_index.default, actionButtonProps));
+      }), (0, _emotion.jsx)(_quizCommon.Flex, {
+        className: "header",
+        direction: "row",
+        gap: "small"
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
+        shouldShrink: false,
+        shouldGrow: true
+      }, this.renderLeftHeader()), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_index.default, actionButtonProps))));
     }
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js

@@ -14,39 +14,11 @@ var generateStyle = function generateStyle(componentTheme) {
     },
     header: {
       backgroundColor: componentTheme.headerBackgroundColor,
-      color: componentTheme.headerColor,
-      padding: componentTheme.headerPadding,
-      display: 'flex',
-      justifyContent: 'space-between',
-      verticalAlign: 'middle',
-      alignItems: 'center'
-    },
-    leftHeader: {
-      flex: '8 0 0',
-      display: 'inline-flex',
-      flexWrap: 'nowrap',
-      alignItems: 'center',
-      /* fix for ie11 */
-      width: '100%'
-    },
-    interactionType: {
-      fontSize: componentTheme.interactionTypeFontSize,
-      marginLeft: componentTheme.interactionTypeLeftMargin,
-      marginRight: componentTheme.interactionTypeRightMargin
+      color: componentTheme.headerColor
     },
     dividingLine: {
       width: '0',
       borderLeft: componentTheme.dividingLineLeftBorder
-    },
-    titleHolder: {
-      display: 'flex',
-      flex: '1 1 auto'
-    },
-    titleInput: {
-      flex: '1 1 auto',
-      fontSize: componentTheme.titleInputFontSize,
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
     }
   };
 };

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Header/theme.js

@@ -11,11 +11,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     headerBackgroundColor: colors.porcelain,
     headerColor: colors.oxford,
-    headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small),
-    interactionTypeFontSize: typography.fontSizeSmall,
-    interactionTypeLeftMargin: spacing.xSmall,
-    interactionTypeRightMargin: spacing.xSmall,
-    titleInputFontSize: typography.fontSizeMedium
+    headerPadding: "".concat(spacing.xSmall, " ").concat(spacing.small)
   };
 };
 var _default = generateComponentTheme;

package/lib/common/components/layout/Page/styles.js

@@ -24,16 +24,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       overflowY: 'auto'
     }), {}, {
       transition: componentTheme.contentTransition,
-      width: '100%',
-      '.user_content p': {
-        margin: "".concat(componentTheme.userContentMargin, " 0"),
-        '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
-        },
-        '&:last-child': {
-          marginBottom: componentTheme.userContentZeroMargin
-        }
-      }
+      width: '100%'
     })
   };
 };

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

@@ -10,8 +10,7 @@ var generateStyle = function generateStyle(componentTheme) {
       position: 'relative',
       width: '100%',
       boxSizing: 'border-box',
-      paddingLeft: componentTheme.wrapperPadding,
-      paddingRight: componentTheme.wrapperPadding,
+      padding: "0 ".concat(componentTheme.wrapperPadding, " ").concat(componentTheme.wrapperPadding),
       '&::after': {
         clear: 'both',
         content: '""',
@@ -20,10 +19,10 @@ var generateStyle = function generateStyle(componentTheme) {
       '.user_content p': {
         margin: "".concat(componentTheme.userContentMargin, " 0"),
         '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
+          margin: "0 0 ".concat(componentTheme.userContentMargin)
         },
         '&:last-child': {
-          marginBottom: componentTheme.userContentMargin
+          margin: "".concat(componentTheme.userContentMargin, " 0 0")
         }
       }
     },

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

@@ -10,8 +10,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     wrapperPadding: spacing.large,
     textFontSize: typography.fontSizeMedium,
-    userContentMargin: spacing.mediumSmall,
-    userContentZeroMargin: 0
+    userContentMargin: spacing.mediumSmall
   };
 };
 var _default = generateComponentTheme;

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

@@ -13,7 +13,6 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiA11yContent = require("@instructure/ui-a11y-content");
-var _uiFormField = require("@instructure/ui-form-field");
 var _emotion = require("@instructure/emotion");
 var _uiHeading = require("@instructure/ui-heading");
 var _quizRce = require("@instructure/quiz-rce");
@@ -117,6 +116,7 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
         messages: this.inputErrors('title'),
         renderLabel: (0, _formatMessage.default)('Title'),
+        isRequired: true,
         type: "text",
         ref: this.props.setTitleRef,
         onChange: this.onTextInputChange('title'),
@@ -132,14 +132,13 @@ var StimulusEditInfo = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.defau
         "data-automation": "sdk-stimulus-instructions-input"
       })), (0, _emotion.jsx)("div", {
         css: this.props.styles.section
-      }, (0, _emotion.jsx)(_uiFormField.FormField, {
-        id: stimulusBodyId,
-        label: (0, _formatMessage.default)('Content')
+      }, (0, _emotion.jsx)(_quizCommon.FormField, {
+        id: stimulusBodyId
       }, (0, _emotion.jsx)(_quizRce.RichContentInput, {
         actsAsInput: true,
-        label: "",
+        label: (0, _formatMessage.default)('Content'),
+        isRequired: true,
         messages: this.inputErrors('body'),
-        placeholder: (0, _formatMessage.default)('Add Stimulus Content...'),
         textareaId: textAreaId,
         defaultContent: stimulus.get('body'),
         onKeyUp: this.onBodyChange,

package/lib/common/records/Stimulus.js

@@ -78,7 +78,8 @@ var Stimulus = /*#__PURE__*/function (_ReduxRecord) {
   body: '',
   sourceUrl: '',
   status: 'mutable',
-  orientation: 'left'
+  orientation: 'left',
+  passage: false
 }));
 exports.Stimulus = Stimulus;
 var _default = Stimulus;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/quiz-core",
-  "version": "20.36.1-rc.9+06088edf5",
+  "version": "20.37.1",
   "license": "MIT",
   "description": "The Quiz React SDK by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
@@ -10,27 +10,6 @@
     "type": "git",
     "url": "https://gerrit.instructure.com/quizzes-ui.git"
   },
-  "scripts": {
-    "clean": "ui-build --clean",
-    "build": "build-if-changed",
-    "build:all": "ui-build --modules es,cjs",
-    "build:watch": "ui-build --watch",
-    "extract": "extract-translations",
-    "lint": "ui-test --lint",
-    "lint:fix": "ui-test --lint --fix",
-    "eslint:fix": "eslint --fix .",
-    "prelint": "pnpm build",
-    "pretest": "pnpm build",
-    "test": "pnpm test:karma",
-    "test:karma": "ui-test",
-    "test:watch": "ui-test --watch",
-    "snyk:monitor": "snyk monitor",
-    "postbuild": "cp src/banks/components/noResults.svg lib/banks/components/; cp src/banks/components/noResults.svg es/banks/components/; pnpm postbuild:errorImage",
-    "postbuild:all": "pnpm postbuild",
-    "postbuild:errorImage": "cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg es/reporting/components/resources/NewQuizAndItemAnalysis/; cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg lib/reporting/components/resources/NewQuizAndItemAnalysis/",
-    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "typecheck": "tsc --noEmit"
-  },
   "keywords": [
     "react",
     "react-component",
@@ -46,11 +25,11 @@
     "@instructure/emotion": "^8.56.3",
     "@instructure/grading-utils": "^1.0.0",
     "@instructure/outcomes-ui": "^3.2.2",
-    "@instructure/quiz-common": "^20.36.1-rc.9+06088edf5",
-    "@instructure/quiz-i18n": "^20.36.1-rc.9+06088edf5",
-    "@instructure/quiz-interactions": "^20.36.1-rc.9+06088edf5",
-    "@instructure/quiz-number-input": "^20.36.1-rc.9+06088edf5",
-    "@instructure/quiz-rce": "^20.36.1-rc.9+06088edf5",
+    "@instructure/quiz-common": "^20.37.1",
+    "@instructure/quiz-i18n": "^20.37.1",
+    "@instructure/quiz-interactions": "^20.37.1",
+    "@instructure/quiz-number-input": "^20.37.1",
+    "@instructure/quiz-rce": "^20.37.1",
     "@instructure/ui-a11y-content": "^8.56.3",
     "@instructure/ui-alerts": "^8.56.3",
     "@instructure/ui-avatar": "^8.56.3",
@@ -114,7 +93,7 @@
     "file-saver": "~2.0.5",
     "humps": "^2.0.0",
     "immutable": "^3.8.1",
-    "instructure-validations": "^20.36.1-rc.9+06088edf5",
+    "instructure-validations": "^20.37.1",
     "ipaddr.js": "^1.5.4",
     "isomorphic-fetch": "^2.2.0",
     "isuuid": "^0.1.0",
@@ -164,7 +143,7 @@
     "jquery": "^2.2.3",
     "karma-junit-reporter": "^2.0.1",
     "most-subject": "^5.3.0",
-    "quiz-presets": "^20.36.1-rc.9+06088edf5",
+    "quiz-presets": "^20.37.1",
     "react": "^16.8.6",
     "react-addons-test-utils": "^15.6.2",
     "react-dom": "^16.8.6",
@@ -180,5 +159,25 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "06088edf5e8c23d4139243a1c2ddcb785c2f4aa8"
-}
+  "scripts": {
+    "clean": "ui-build --clean",
+    "build": "build-if-changed",
+    "build:all": "ui-build --modules es,cjs",
+    "build:watch": "ui-build --watch",
+    "extract": "extract-translations",
+    "lint": "ui-test --lint",
+    "lint:fix": "ui-test --lint --fix",
+    "eslint:fix": "eslint --fix .",
+    "prelint": "pnpm build",
+    "pretest": "pnpm build",
+    "test": "pnpm test:karma",
+    "test:karma": "ui-test",
+    "test:watch": "ui-test --watch",
+    "snyk:monitor": "snyk monitor",
+    "postbuild": "cp src/banks/components/noResults.svg lib/banks/components/; cp src/banks/components/noResults.svg es/banks/components/; pnpm postbuild:errorImage",
+    "postbuild:all": "pnpm postbuild",
+    "postbuild:errorImage": "cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg es/reporting/components/resources/NewQuizAndItemAnalysis/; cp src/reporting/components/resources/NewQuizAndItemAnalysis/downForRepair.svg lib/reporting/components/resources/NewQuizAndItemAnalysis/",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "typecheck": "tsc --noEmit"
+  }
+}