@instructure/quiz-core 20.36.2 → 20.38.0

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

@@ -10,15 +10,15 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconTextLeftLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
-import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import Collection from "./Collection/index.js";
 import Title from "./Title/index.js";
 import Summary from "./Summary/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
+import { Tooltip } from '@instructure/ui-tooltip';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
 var _ref = jsx(IconTextLeftLine, {
   color: "primary"
@@ -78,16 +78,23 @@ export var SidebarStimulus = (_dec = withStyleOverrides(generateStyle, generateC
     key: "renderButton",
     value: function renderButton() {
       var displayPosition = this.props.displayPosition;
-      return jsx(Link, {
+      var textForNavigation = t('Navigate to stimulus at position {displayPosition}', {
+        displayPosition: displayPosition
+      });
+      return jsx(Tooltip, {
+        renderTip: this.props.sidebarOpen ? '' : jsx("span", {
+          "aria-hidden": "true"
+        }, textForNavigation),
+        placement: "start",
+        on: this.props.sidebarOpen ? [] : ['hover', 'focus']
+      }, jsx(Link, {
         href: "#",
         margin: "small",
         forceButtonRole: false,
         onClick: this.scrollToItem,
         renderIcon: _ref,
         className: END_EDITING_TRIGGER_CLASSNAME
-      }, jsx(ScreenReaderContent, null, t('Navigate to stimulus at position { displayPosition }', {
-        displayPosition: displayPosition
-      })));
+      }, jsx(ScreenReaderContent, null, textForNavigation)));
     }
   }, {
     key: "renderClosed",

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

@@ -7,16 +7,14 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import OutcomeAlignments from '@instructure/outcomes-ui/es/containers/OutcomeAlignments';
 import OutcomeCount from '@instructure/outcomes-ui/es/containers/OutcomeCount';
-import { FormFieldGroup } from '@instructure/ui-form-field';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import CustomPropTypes from "../../../../../common/util/CustomPropTypes.js";
 import componentForItem from "../../../../util/componentForItem.js";
-import { liveRegion, COMPONENT_EDIT } from '@instructure/quiz-common';
+import { liveRegion, COMPONENT_EDIT, FormFieldGroup } from '@instructure/quiz-common';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { propsForInteractionEdit } from "../../../../util/interactionTypePropsHelper.js";
 import elementsForSelectors from "../../../../../common/util/ElementsForSelectors.js";
 import { toErrors } from "../../../../util/instUIMessages.js";
-import { featureOn } from "../../../../../common/util/featureCheck.js";
 export var ItemEdit = /*#__PURE__*/function (_Component) {
   _inherits(ItemEdit, _Component);
   var _super = _createSuper(ItemEdit);
@@ -64,7 +62,7 @@ export var ItemEdit = /*#__PURE__*/function (_Component) {
       var launchContextUuid = this.props.scope.launch_context_uuid;
       var launchContextTitle = this.props.scope.title;
       // If editing within a quiz, there is no account launch context
-      if (featureOn('sub_account_bank_sharing') && rootAccountName) {
+      if (rootAccountName) {
         launchContexts.push({
           uuid: this.props.rootAccountUuid,
           name: rootAccountName

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

@@ -39,11 +39,11 @@ export var AddContentBody = (_dec = withStyleOverrides(generateStyle, generateCo
       _this.props.setUi(BUILD_TRAY_POSITION, _this.props.position);
       _this.props.setUi(BUILD_TRAY_STIMULUS_ID, _this.props.parentEntryId);
     };
-    _this.addStimulus = function () {
+    _this.addStimulus = function (isPassage) {
       if (_this.props.editingQuizEntry) {
         _this.props.setNextQuizEntry(null, _this.props.quizId, _this.props.position);
       } else {
-        _this.props.createStimulus(_this.props.quizId, _this.props.position);
+        _this.props.createStimulus(_this.props.quizId, _this.props.position, isPassage);
       }
       _this.props.onAddItem();
     };

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

@@ -4,20 +4,22 @@ var generateStyle = function generateStyle(componentTheme) {
       position: 'relative',
       width: '100%',
       boxSizing: 'border-box',
-      paddingLeft: componentTheme.wrapperPadding,
-      paddingRight: componentTheme.wrapperPadding,
+      padding: componentTheme.wrapperPadding,
       '&::after': {
         clear: 'both',
         content: '""',
         display: 'table'
       },
       '.user_content p': {
-        margin: componentTheme.userContentMargin,
+        margin: "".concat(componentTheme.userContentMargin, " 0"),
         '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
+          margin: "0 0 ".concat(componentTheme.userContentMargin)
         },
-        '&:last-child': {
-          marginBottom: componentTheme.userContentMargin
+        '&:last-of-type': {
+          margin: "".concat(componentTheme.userContentMargin, " 0 0")
+        },
+        '&:only-child': {
+          margin: 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/Stimulus/presenter.js

@@ -121,6 +121,7 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
   }, {
     key: "renderPanels",
     value: function renderPanels(propsForDnDZone) {
+      var isPassage = this.props.stimulus.passage;
       return jsx("div", {
         css: this.props.styles.stimulus,
         ref: this.props.dndRef,
@@ -129,9 +130,9 @@ export var Stimulus = (_dec = withStyleOverrides(generateStyle, generateComponen
         css: this.props.styles.leftPanel
       }, this.renderStimulusPanel()), jsx("div", {
         css: this.props.styles.itemPanel
-      }, jsx("div", null), this.renderChildQuizEntries(), jsx(DragAndDropZone, Object.assign({}, propsForDnDZone, {
+      }, jsx("div", null), this.renderChildQuizEntries(), !isPassage && jsx(DragAndDropZone, Object.assign({}, propsForDnDZone, {
         location: "in"
-      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && jsx(AddContentPopover, {
+      })), this.props.childEntries.size === 0 && !this.isQuizContentLocked() && !isPassage && jsx(AddContentPopover, {
         allowStimulusCreation: false,
         stimulusId: this.props.stimulus.id,
         parentEntryId: this.props.quizEntry.id,

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

@@ -15,6 +15,8 @@ import ReactDOM from 'react-dom';
 import { Button } from '@instructure/ui-buttons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
 import { jsx } from '@instructure/emotion';
+import { Text } from '@instructure/ui-text';
+import { View } from '@instructure/ui-view';
 import { FILE_UPLOAD_SUCCESS, SHOULD_CLONE_ITEM, DELETED_QUIZ_ENTRY, withStyleOverrides } from '@instructure/quiz-common';
 import { propsForStimulusVersioningWrapper, propsForBankEntryVersioningWrapper } from "../../../../util/warningHelpers.js";
 import AddToBankModal from "../../../../../banks/components/AddToBankModal/index.js";
@@ -318,7 +320,13 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
   }, {
     key: "renderAddToBankOptions",
     value: function renderAddToBankOptions() {
-      return jsx("div", null, jsx(ToggleDetails, {
+      var _this$props$stimulus;
+      var paddingTopStyle = ((_this$props$stimulus = this.props.stimulus) === null || _this$props$stimulus === void 0 ? void 0 : _this$props$stimulus.passage) ? {
+        padding: 'small 0 0'
+      } : {};
+      return jsx(View, Object.assign({
+        as: "div"
+      }, paddingTopStyle), jsx(ToggleDetails, {
         variant: "filled",
         key: "itemBanking",
         summary: t('Item Banking')
@@ -338,14 +346,16 @@ export var StimulusEdit = (_dec = withStyleOverrides(generateStyle, generateComp
   }, {
     key: "renderStimulusEdit",
     value: function renderStimulusEdit() {
+      var stimulusLabel = this.props.stimulus.passage ? t('Passage') : t('Stimulus');
       return jsx("div", null, jsx("div", {
         css: this.props.styles.stimulus,
         ref: this.handleRef
       }, jsx("div", {
         css: this.props.styles.header
-      }, jsx("div", {
-        css: this.props.styles.stimulusLabel
-      }, t('Stimulus')), jsx(ActionButtons, {
+      }, jsx(Text, {
+        size: "small",
+        color: "secondary"
+      }, stimulusLabel), jsx(ActionButtons, {
         connectDragSource: this.props.connectDragSource,
         displayPosition: this.props.displayPosition,
         onDelete: this.handleDeleteStimulus,

package/es/common/components/resources/stimulus/StimulusEdit/styles.js

@@ -1,4 +1,4 @@
-var generateStyle = function generateStyle(componentTheme) {
+var generateStyle = function generateStyle(componentTheme, props) {
   return {
     stimulus: {
       paddingTop: componentTheme.stimulusPadding,
@@ -23,10 +23,6 @@ var generateStyle = function generateStyle(componentTheme) {
       height: '100%',
       padding: componentTheme.stimulusContentPadding
     },
-    stimulusLabel: {
-      color: componentTheme.stimulusLabelColor,
-      fontSize: componentTheme.stimulusLabelFontSize
-    },
     stimulusButtons: {
       flex: '0 0 auto',
       display: 'inline-flex',

package/es/common/components/resources/stimulus/StimulusEdit/theme.js

@@ -9,8 +9,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
     optionPadding: spacing.small,
     stimulusContentPadding: spacing.small,
     stimulusContentPaddingBottom: spacing.small,
-    stimulusLabelColor: colors.ash,
-    stimulusLabelFontSize: typography.fontSizeSmall,
     stimulusButtonsColor: colors.oxford,
     stimulusButtonsZIndex: '3333'
   };

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

@@ -8,16 +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 { TextInput } from '@instructure/ui-text-input';
-import { FormField, FormFieldGroup } 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 { SimpleSelect } from '@instructure/ui-simple-select';
 import { IconUpdownLine } from '@instructure/ui-icons';
 import { ToggleDetails } from '@instructure/ui-toggle-details';
-import { TOP, withStyleOverrides } 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";
@@ -61,8 +58,12 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
   }
   _createClass(StimulusEditInfo, [{
     key: "headerText",
-    value: function headerText() {
-      return this.props.stimulus.isTemporary() ? t('Add Stimulus') : t('Edit Stimulus');
+    value: function headerText(stimulus) {
+      if (stimulus.isTemporary()) {
+        return stimulus.passage ? t('Add Passage') : t('Add Stimulus');
+      } else {
+        return stimulus.passage ? t('Edit Passage') : t('Edit Stimulus');
+      }
     }
   }, {
     key: "renderOptionalLabel",
@@ -95,6 +96,43 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
         value: "top"
       }, t('Questions below'))));
     }
+  }, {
+    key: "renderInstructions",
+    value: function renderInstructions(stimulus) {
+      if (stimulus.passage) {
+        return null;
+      }
+      return jsx("div", {
+        css: this.props.styles.section
+      }, jsx(TextInput, {
+        renderLabel: this.renderOptionalLabel(t('Instructions')),
+        onChange: this.onTextInputChange('instructions'),
+        value: stimulus.get('instructions'),
+        "data-automation": "sdk-stimulus-instructions-input"
+      }));
+    }
+  }, {
+    key: "renderOptions",
+    value: function renderOptions(stimulus) {
+      if (stimulus.passage) {
+        return null;
+      }
+      return jsx("div", {
+        css: this.props.styles.section
+      }, jsx(ToggleDetails, {
+        defaultExpanded: true,
+        variant: "filled",
+        key: "options",
+        summary: t('Options')
+      }, this.props.stimulusOrientationEnabled ? this.renderStimulusOrientationSelect() : null, jsx("div", {
+        css: this.props.styles.section
+      }, jsx(TextInput, {
+        renderLabel: this.renderOptionalLabel(t('Source URL'), t('(optional - not visible to students)')),
+        onChange: this.onTextInputChange('sourceUrl'),
+        value: stimulus.get('sourceUrl'),
+        "data-automation": "sdk-source-url-input"
+      }))));
+    }
   }, {
     key: "render",
     value: function render() {
@@ -107,56 +145,32 @@ export var StimulusEditInfo = (_dec = withStyleOverrides(generateStyle, generate
       }, jsx(Heading, {
         level: "h3",
         as: "h2"
-      }, this.headerText()), jsx("div", {
+      }, this.headerText(stimulus)), jsx("div", {
         css: this.props.styles.section
       }, jsx(TextInput, {
         messages: this.inputErrors('title'),
         renderLabel: t('Title'),
-        type: "text",
+        isRequired: true,
         ref: this.props.setTitleRef,
         onChange: this.onTextInputChange('title'),
         value: stimulus.get('title'),
         "data-automation": "sdk-stimulus-title-input"
-      })), jsx("div", {
-        css: this.props.styles.section
-      }, jsx(TextInput, {
-        renderLabel: this.renderOptionalLabel(t('Instructions')),
-        type: "text",
-        onChange: this.onTextInputChange('instructions'),
-        value: stimulus.get('instructions'),
-        "data-automation": "sdk-stimulus-instructions-input"
-      })), jsx("div", {
+      })), this.renderInstructions(stimulus), 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,
         onBlur: this.onBodyChange,
         onChange: this.onBodyChange,
         height: RCE_SINGLE_LINE_HEIGHT
-      }))), jsx("div", {
-        css: this.props.styles.section
-      }, jsx(ToggleDetails, {
-        defaultExpanded: true,
-        variant: "filled",
-        key: "options",
-        summary: t('Options')
-      }, this.props.stimulusOrientationEnabled ? this.renderStimulusOrientationSelect() : null, jsx("div", {
-        css: this.props.styles.section
-      }, jsx(TextInput, {
-        renderLabel: this.renderOptionalLabel(t('Source URL'), t('(optional - not visible to students)')),
-        type: "text",
-        onChange: this.onTextInputChange('sourceUrl'),
-        value: stimulus.get('sourceUrl'),
-        "data-automation": "sdk-source-url-input"
-      })))));
+      }))), this.renderOptions(stimulus));
     }
   }]);
   StimulusEditInfo.displayName = "StimulusEditInfo";

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

@@ -10,13 +10,14 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconBankLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
+import { Text } from '@instructure/ui-text';
 import StimulusShowInfo from "../StimulusShowInfo/index.js";
 import ActionButtons from "../../../../../building/components/resources/ActionButtons/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import Overlay from "../../../shared/overlay/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconBankLine, null);
 export var StimulusShow = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StimulusShow = /*#__PURE__*/function (_Component) {
   _inherits(StimulusShow, _Component);
@@ -43,6 +44,7 @@ export var StimulusShow = (_dec = withStyleOverrides(generateStyle, generateComp
   }, {
     key: "render",
     value: function render() {
+      var stimulusLabel = this.props.stimulus.passage ? t('Passage') : t('Stimulus');
       return jsx(Overlay, {
         onClick: this.switchOnEditing,
         wrapperStyles: this.props.styles.stimulusWrapper,
@@ -54,9 +56,13 @@ export var StimulusShow = (_dec = withStyleOverrides(generateStyle, generateComp
         css: this.props.styles.header
       }, jsx("div", {
         css: this.props.styles.leftHeader
-      }, this.renderBankIcon(), jsx("div", {
-        css: this.props.styles.stimulusLabel
-      }, t('Stimulus'))), jsx(ActionButtons, {
+      }, this.renderBankIcon(), jsx(Flex, {
+        margin: "0 x-small"
+      }, jsx(Text, {
+        size: "small",
+        color: "secondary",
+        margin: "0 x-small"
+      }, stimulusLabel))), jsx(ActionButtons, {
         connectDragSource: this.props.connectDragSource,
         displayPosition: this.props.displayPosition,
         onDelete: this.props.openDeleteStimulusModal,

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

@@ -16,13 +16,6 @@ var generateStyle = function generateStyle(componentTheme) {
       display: 'flex',
       overflow: 'hidden'
     },
-    stimulusLabel: {
-      color: componentTheme.stimulusLabelColor,
-      fontSize: componentTheme.stimulusLabelFontSize,
-      margin: "0 ".concat(componentTheme.stimulusLabelMargin),
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    },
     stimulusContent: {
       height: '10%0',
       padding: "".concat(componentTheme.stimulusContentPaddingTop, " ").concat(componentTheme.stimulusContentPaddingLeftRight, " ").concat(componentTheme.stimulusContentPaddingBottom)

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

@@ -5,9 +5,6 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     stimulusPadding: spacing.large,
     headerPadding: spacing.small,
-    stimulusLabelColor: colors.ash,
-    stimulusLabelFontSize: typography.fontSizeSmall,
-    stimulusLabelMargin: spacing.xSmall,
     stimulusContentPaddingTop: spacing.large,
     stimulusContentPaddingBottom: spacing.small,
     stimulusContentPaddingLeftRight: spacing.small

package/es/common/components/shared/GenericAsyncSearch/GenericAsyncSearch.js

@@ -5,10 +5,9 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash/fp/debounce';
-import { Select } from '@instructure/ui-select';
 import { Spinner } from '@instructure/ui-spinner';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 export var GenericAsyncSearch = /*#__PURE__*/function (_Component) {
   _inherits(GenericAsyncSearch, _Component);
   var _super = _createSuper(GenericAsyncSearch);

package/es/common/components/shared/InteractionTypes/index.js

@@ -1,6 +1,9 @@
 import { connect } from "../../../react-redux.js";
 import InteractionTypes from "./presenter.js";
+import { featureOn } from "../../../../common/util/featureCheck.js";
 function mapStateToProps(state) {
-  return {};
+  return {
+    allowPassageCreation: featureOn('passage')
+  };
 }
 export default connect(mapStateToProps)(InteractionTypes);

package/es/common/components/shared/InteractionTypes/presenter.js

@@ -32,21 +32,37 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
     _this = _super.call.apply(_super, [this].concat(args));
     _this.renderInteractionTypeButton = function (intType, i) {
       var onClick, Icon, name, title, automation;
-      if (intType.name === 'Stimulus') {
-        onClick = _this.props.addStimulus;
-        Icon = IconPlusLine;
-        name = t('Stimulus');
-        title = t('Add Stimulus');
-        automation = 'sdk-interaction-button-stimulus';
-      } else {
-        onClick = partial(_this.props.addItem, intType);
-        var metadata = interactionTypeMetadata(intType);
-        Icon = metadata.icon;
-        name = metadata.name;
-        title = t('Add {name} Question', {
-          name: name
-        });
-        automation = "sdk-interaction-button-".concat(intType.slug);
+      switch (intType.name) {
+        case 'Stimulus':
+          onClick = function onClick() {
+            return _this.props.addStimulus(false);
+          };
+          Icon = IconPlusLine;
+          name = t('Stimulus');
+          title = t('Add Stimulus');
+          automation = 'sdk-interaction-button-stimulus';
+          break;
+        case 'Passage':
+          onClick = function onClick() {
+            return _this.props.addStimulus(true);
+          };
+          Icon = IconPlusLine;
+          name = t('Passage');
+          title = t('Add Passage');
+          automation = 'sdk-interaction-button-passage';
+          break;
+        default:
+          {
+            onClick = partial(_this.props.addItem, intType);
+            var metadata = interactionTypeMetadata(intType);
+            Icon = metadata.icon;
+            name = metadata.name;
+            title = t('Add {name} Question', {
+              name: name
+            });
+            automation = "sdk-interaction-button-".concat(intType.slug);
+            break;
+          }
       }
       return jsx(Button, {
         key: intType.slug,
@@ -116,6 +132,12 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
         }, _this.renderInteractionTypeButton({
           name: 'Stimulus',
           slug: 'stimulus'
+        })), _this.props.allowPassageCreation && jsx(Grid.Col, {
+          width: 12 / _this.props.columns,
+          key: "passage"
+        }, _this.renderInteractionTypeButton({
+          name: 'Passage',
+          slug: 'passage'
         })));
         return [dividerRow, stimulusRow];
       }
@@ -139,6 +161,7 @@ export var InteractionTypes = (_dec = withStyleOverrides(generateStyle, generate
   addItem: PropTypes.func.isRequired,
   addStimulus: PropTypes.func.isRequired,
   allowStimulusCreation: PropTypes.bool,
+  allowPassageCreation: PropTypes.bool,
   types: ImmutablePropTypes.list,
   styles: PropTypes.object
 }, _InteractionTypes.defaultProps = {

package/es/common/components/shared/TagSelect/presenter.js

@@ -5,11 +5,10 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { Select } from '@instructure/ui-select';
 import TagWrapper from "../TagWrapper/index.js";
 import differenceBy from 'lodash/differenceBy';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { SELECT_EMPTY_OPTION } from '@instructure/quiz-common';
+import { SELECT_EMPTY_OPTION, Select } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   id: PropTypes.string,
   value: PropTypes.string.isRequired

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

@@ -4,10 +4,9 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { FormFieldGroup } from '@instructure/ui-form-field';
+import { FormFieldGroup } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { View } from '@instructure/ui-view';
-import Errors from "../../../../common/components/shared/errors/Errors.js";
 import { List } from 'immutable';
 import { breakdownSeconds, DAY_IN_SECONDS, HOUR_IN_SECONDS, MINUTE_IN_SECONDS } from "../FormattedDuration/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -138,7 +137,8 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         newHours = _breakdownSeconds4.hours,
         newMinutes = _breakdownSeconds4.minutes;
       if (_this.state.shouldResetOnNormalize) {
-        _this.props.onReset();
+        var _this$props$onReset, _this$props;
+        (_this$props$onReset = (_this$props = _this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props);
       }
       _this.setState({
         days: newDays,
@@ -169,7 +169,12 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       daysError && errorArray.push(daysError);
       hoursError && errorArray.push(hoursError);
       minutesError && errorArray.push(minutesError);
-      return List(errorArray);
+      return errorArray.map(function (error) {
+        return {
+          type: 'error',
+          text: error
+        };
+      });
     };
     return _this;
   }
@@ -240,7 +245,8 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         description: /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.props.description),
         layout: "columns",
         vAlign: "top",
-        startAt: "small"
+        startAt: "small",
+        messages: this.getErrorList()
       }, this.props.includeDays && /*#__PURE__*/React.createElement(NumberInput, {
         renderLabel: this.props.daysLabel,
         min: 0,
@@ -273,10 +279,6 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         }] : null,
         "data-automation": this.props.minutesDataAutomation,
         width: this.props.inputWidth
-      })), /*#__PURE__*/React.createElement(View, {
-        display: "block"
-      }, /*#__PURE__*/React.createElement(Errors, {
-        errorList: this.getErrorList()
       })));
     }
   }]);

package/es/common/components/shared/drag_and_drop/dragAndDropUtils.js

@@ -30,6 +30,9 @@ export var posObjFromQuizEntry = cachePreviousArgs(function (quizEntryDragging,
   // handle dragging items over stimulus
   if (!quizEntryDragging.hasStimulus && quizEntryHovered.hasStimulus && (onRightHalf || inSidebar)) {
     if (deepInsideEntry && quizEntryHovered.getNestedEntries().size === 0) {
+      if (quizEntryHovered.isPassage) {
+        return null;
+      }
       newPositionObj.intoEmptyStimulus = true;
       return newPositionObj;
     } else if (deepInsideEntry) {

package/es/common/records/QuizEntry.js

@@ -357,6 +357,11 @@ export var QuizEntry = (_dec = withStateCache(function () {
     get: function get() {
       return this.entryType === 'Stimulus';
     }
+  }, {
+    key: "isPassage",
+    get: function get() {
+      return Boolean(this.isStimulus && this.getEntry() && this.getEntry().passage);
+    }
   }, {
     key: "isItem",
     get: function get() {

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;